{
  "name": "dnxte/content-toggle",
  "d4Shortcode": "dnxte_content_toggle",
  "title": "Content Toggle",
  "titles": "Content Toggles",
  "moduleIcon": "dnxte/content-toggle",
  "category": "module",
  "folder": "divi-essential",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "Content Toggle"
            }
          }
        },
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "size": "18px",
                  "lineHeight": "1.3em"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "spacing": {
          "selector": "{{selector}}",
          "important": true
        },
        "border": {},
        "boxShadow": {}
      }
    },
    "content": {
      "type": "object",
      "tagName": "div",
      "attributes": {},
      "inlineEditor": "richText",
      "childrenSanitizer": "et_core_esc_previously",
      "default": {
        "advanced": {
          "left": {
            "heading": {
              "desktop": {
                "value": "Left Side"
              }
            },
            "type": {
              "desktop": {
                "value": "content"
              }
            },
            "library": {
              "desktop": {
                "value": "0"
              }
            }
          },
          "right": {
            "heading": {
              "desktop": {
                "value": "Right Side"
              }
            },
            "type": {
              "desktop": {
                "value": "content"
              }
            },
            "library": {
              "desktop": {
                "value": "0"
              }
            }
          }
        }
      },
      "defaultPrintedStyle": {
        "decoration": {}
      },
      "styleProps": {
        "spacing": {
          "important": true
        },
        "background": {
          "important": true
        }
      }
    },
    "switch": {
      "type": "object",
      "selector": "{{selector}} .dnxte-toggle-container .dnxte-toggle-btn",
      "default": {
        "decoration": {
          "size": {
            "desktop": {
              "value": "15px"
            }
          },
          "alignment": {
            "desktop": {
              "value": "center"
            }
          },
          "border": {
            "desktop": {
              "value": {
                "styles": {
                  "all": {
                    "color": "#2857b6"
                  }
                },
                "radius": {
                  "bottomLeft": "20px",
                  "bottomRight": "20px",
                  "sync": "on",
                  "topLeft": "20px",
                  "topRight": "20px"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "border": {
          "selector": "{{selector}} .dnxte-toggle-inner, {{selector}} .dnxte-toggle-inner::before"
        },
        "boxShadow": {
          "selector": "{{selector}} .dnxte-toggle-inner"
        }
      }
    },
    "switchLeft": {
      "type": "object",
      "selector": "{{selector}} .dnxte-toggle-container .dnxte-toggle-inner",
      "default": {
        "decoration": {}
      },
      "styleProps":{
        "background":{
          "important": true
        }
      }
    },
    "switchRight": {
      "type": "object",
      "selector": "{{selector}} .dnxte-toggle-container .dnxte-toggle-switch:checked+.dnxte-toggle-inner",
      "default": {
        "decoration": {}
      },
      "styleProps": {
        "background": {
          "important": true
        }
      }
    },
    "switchRound": {
      "type": "object",
      "selector": "{{selector}} .dnxte-toggle-container .dnxte-toggle-inner::before",
      "default": {
        "decoration": {}
      }
    },
    "headingLeft": {
      "type": "object",
      "selector": "{{selector}} .dnxte-toggle-title-left > label",
      "tagName": "label",
      "attributes": {
        "class": "dnxte-toggle-heading-left"
      },
      "inlineEditor": "plainText",
      "childrenSanitizer": "et_core_esc_previously",
      "default": {
        "innerContent": {
          "desktop": {
            "value": "Left Side"
          }
        },
        "decoration": {}
      },
      "styleProps": {
        "font": {
          "important": {
            "font": {
              "desktop": {
                "value": {
                  "color": true
                }
              }
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupName": "mainContent",
            "priority": 10,
            "render": true,
            "attrName": "headingLeft.innerContent",
            "label": "Left Heading",
            "description": "Enter the heading text for the left toggle side.",
            "features": {
              "sticky": false,
              "responsive": true,
              "dynamicContent": {
                "type": "text"
              }
            },
            "component": {
              "name": "divi/text",
              "type": "field"
            }
          }
        },
        "decoration": {
          "font": {
            "priority": 10,
            "component": {
              "props": {
                "groupLabel": "Left Heading Text",
                "fieldLabel": "Left Heading"
              }
            }
          }
        }
      }
    },
    "headingRight": {
      "type": "object",
      "selector": "{{selector}} .dnxte-toggle-title-right > label",
      "tagName": "label",
      "attributes": {
        "class": "dnxte-toggle-heading-right"
      },
      "inlineEditor": "plainText",
      "childrenSanitizer": "et_core_esc_previously",
      "default": {
        "innerContent": {
          "desktop": {
            "value": "Right Side"
          }
        },
        "decoration": {}
      },
      "styleProps": {
        "font": {
          "important": {
            "font": {
              "desktop": {
                "value": {
                  "color": true
                }
              }
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupName": "mainContent",
            "priority": 15,
            "render": true,
            "attrName": "headingRight.innerContent",
            "label": "Right Heading",
            "description": "Enter the heading text for the right toggle side.",
            "features": {
              "sticky": false,
              "responsive": true,
              "dynamicContent": {
                "type": "text"
              }
            },
            "component": {
              "name": "divi/text",
              "type": "field"
            }
          }
        },
        "decoration": {
          "font": {
            "priority": 10,
            "component": {
              "props": {
                "groupLabel": "Right Heading Text",
                "fieldLabel": "Right Heading"
              }
            }
          }
        }
      }
    },
    "contentLeft": {
      "type": "object",
      "selector": "{{selector}} .dnxte-content-toggle-front",
      "tagName": "div",
      "attributes": {
        "class": "dnxte-content-toggle-front"
      },
      "inlineEditor": "richText",
      "childrenSanitizer": "et_core_esc_previously",
      "default": {
        "innerContent": {
          "desktop": {
            "value": ""
          }
        },
        "decoration": {
          "spacing": {
            "desktop": {
              "value": {
                "padding": {
                  "top": "0px",
                  "right": "0px",
                  "bottom": "0px",
                  "left": "0px"
                },
                "margin": {
                  "top": "25px",
                  "right": "0px",
                  "bottom": "0px",
                  "left": "0px"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "bodyFont": {
          "selectors": {
            "desktop": {
              "value": "{{selector}} .dnxte-content-toggle-front"
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupName": "leftContent",
            "priority": 10,
            "render": true,
            "attrName": "contentLeft.innerContent",
            "label": "Left Content",
            "description": "Enter the content for the left toggle side.",
            "features": {
              "sticky": false,
              "responsive": true,
              "dynamicContent": {
                "type": "text"
              }
            },
            "component": {
              "name": "divi/richtext",
              "type": "field"
            }
          }
        },
        "decoration": {
          "bodyFont": {}
        }
      }
    },
    "contentRight": {
      "type": "object",
      "selector": "{{selector}} .dnxte-content-toggle-back",
      "tagName": "div",
      "attributes": {
        "class": "dnxte-content-toggle-back"
      },
      "inlineEditor": "richText",
      "childrenSanitizer": "et_core_esc_previously",
      "default": {
        "innerContent": {
          "desktop": {
            "value": ""
          }
        },
        "decoration": {
          "spacing": {
            "desktop": {
              "value": {
                "padding": {
                  "top": "0px",
                  "right": "0px",
                  "bottom": "0px",
                  "left": "0px"
                },
                "margin": {
                  "top": "25px",
                  "right": "0px",
                  "bottom": "0px",
                  "left": "0px"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "border": {
          "selector": "{{selector}} .dnxte-content-toggle-back"
        },
        "boxShadow": {
          "selector": "{{selector}} .dnxte-content-toggle-back"
        },
        "bodyFont": {
          "selectors": {
            "desktop": {
              "value": "{{selector}} .dnxte-content-toggle-back"
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupName": "rightContent",
            "priority": 10,
            "render": true,
            "attrName": "contentRight.innerContent",
            "label": "Right Content",
            "description": "Enter the content for the right toggle side.",
            "features": {
              "sticky": false,
              "responsive": true,
              "dynamicContent": {
                "type": "text"
              }
            },
            "component": {
              "name": "divi/richtext",
              "type": "field"
            }
          }
        },
        "decoration": {
          "bodyFont": {}
        }
      }
    }
  },
  "customCssFields": {
    "headingLeft": {
      "subName": "headingLeft",
      "selectorSuffix": " .dnxte-toggle-title-left label"
    },
    "headingRight": {
      "subName": "headingRight",
      "selectorSuffix": " .dnxte-toggle-title-right label"
    },
    "switchWrapper": {
      "subName": "switchWrapper",
      "selectorSuffix": " .dnxte-toggle-wrapper"
    },
    "switchLeft": {
      "subName": "switchLeft",
      "selectorSuffix": " .dnxte-toggle-container .dnxte-toggle-inner"
    },
    "switchRight": {
      "subName": "switchRight",
      "selectorSuffix": " .dnxte-toggle-container .dnxte-toggle-switch:checked+.dnxte-toggle-inner"
    },
    "switchRound": {
      "subName": "switchRound",
      "selectorSuffix": " .dnxte-toggle-container .dnxte-toggle-inner::before"
    },
    "contentLeft": {
      "subName": "contentLeft",
      "selectorSuffix": " .dnxte-content-toggle-front"
    },
    "contentRight": {
      "subName": "contentRight",
      "selectorSuffix": " .dnxte-content-toggle-back"
    }
  }
}