{
  "name": "dnxte/next-step-flow",
  "d4Shortcode": "dnxte_step_flow",
  "title": "Step Flow",
  "titles": "Step Flow",
  "moduleIcon": "dnxte/next-step-flow",
  "folder": "divi-essential",
  "category": "module",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "Step Flow"
            }
          }
        }
      },
      "styleProps": {
        "border": {
          "important": true
        },
        "spacing": {
          "selector": "{{selector}} ",
          "important": true
        }
      }
    },
    "icon": {
      "type": "object",
      "selector": "{{selector}} .dnxte-badge-icon i",
      "default": {
        "advanced": {
          "iconOne": {
            "desktop": {
              "value": {
                "unicode": "",
                "type": "divi",
                "weight": "400"
              }
            }
          }
        }
      }
    },
    "step_box": {
      "type": "object",
      "selector": "{{selector}} .dnxte-stepflow-icon-wrap",
      "default": {
        "advanced": {
          "useDirection": {
            "desktop": {
              "value": "on"
            }
          }
        },
        "decoration": {
          "icon_size": {
            "desktop": {
              "value": "38px"
            }
          },
          "selectShape": {
            "desktop": {
              "value": "shape1"
            }
          }
        }
      },
      "attributes": {
        "class": "dnxte-stepflow-icon-wrap"
      }
    },
    "arrow_style": {
      "type": "object",
      "selector": "{{selector}} .dnxte-stepflow-arrow",

      "attributes": {
        "class": "dnxte-stepflow-arrow"
      }
    },
    "badge": {
      "type": "object",
      "selector": "{{selector}} .dnxte-stepflow-badge",
      "attributes": {
        "class": "dnxte-stepflow-badge"
      },
      "default": {
        "decoration": {
          "border": {
            "desktop": {
              "value": {
                "styles": {
                  "all": {
                    "color": "#FFFFFF",
                    "width": "3px",
                    "style": "solid"
                  }
                }
              }
            }
          },
		  "background": {
			"desktop": {
				"value": "#0077FF"
			}
		  }
        }
      },
      "styleProps": {
        "border": {
          "important": true
        },
        "spacing": {
          "important": true
        }
      }
    },
    "title": {
      "type": "object",
      "selector": "{{selector}} .dnxte-stepflow-title",
      "default": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "headingLevel": "h3"
                }
              }
            }
          }
        }
      },
      "defaultPrintedStyle": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "size": "26px",
                  "lineHeight": "1em",
                  "weight": "500"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "font": {
          "important": {
            "font": {
              "desktop": {
                "value": {
                  "color": true
                }
              }
            }
          }
        }
      },
      "tagName": "h3",
      "attributes": {
        "class": "dnxte-stepflow-title"
      },
      "inlineEditor": "plainText",
      "elementType": "heading",
      "childrenSanitizer": "et_core_esc_previously"
    },

    "description": {
      "type": "object",
      "selector": "{{selector}} .dnxte-stepflow-content",
      "tagName": "div",
      "attributes": {
        "class": "dnxte-stepflow-content"
      },
      "inlineEditor": "richText",
      "childrenSanitizer": "et_core_esc_previously",
      "styleProps": {
        "bodyFont": {
          "selectors": {
            "desktop": {
              "value": "{{selector}} .dnxte-stepflow-content"
            }
          }
        }
      }
    }
  },

  "customCssFields": {
    "step_box": {
      "subName": "step_box",
      "selectorSuffix": " .dnxte-stepflow-icon-wrap"
    },
    "badge": {
      "subName": "badge",
      "selectorSuffix": " .dnxte-stepflow-badge"
    },
    "title": {
      "subName": "title",
      "selectorSuffix": " .dnxte-stepflow-title"
    },
    "description": {
      "subName": "description",
      "selectorSuffix": " .dnxte-stepflow-content"
    }
  }
}