{
  "name": "dnxte/divi-nxt-flipbox",
  "d4Shortcode": "dnxte_flip_box",
  "title": "Flipbox",
  "titles": "Flipboxes",
  "moduleIcon": "dnxte/divi-nxt-flipbox",
  "category": "module",
  "folder": "divi-essential",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "Flipbox"
            }
          }
        },
        "advanced": {
          "text": {
            "text": {
              "desktop": {
                "value": {
                  "color": "light"
                }
              }
            }
          }
        },
        "decoration": {}
      },
      "defaultPrintedStyle": {
        "decoration": {
          "background": {
            "desktop": {
              "value": {
                "color": "#ecf4f7"
              }
            }
          },
          "sizing": {
            "desktop": {
              "value": {
                "height": "300px",
                "alignment": "center"
              }
            }
          }
        }
      },
      "styleProps": {
        "border": {
          "important": true
        },
        "spacing": {
          "important": true
        },
        "boxShadow": {
          "important": true
        },
        "sizing": {
          "selector": "{{selector}}",
          "propertySelectors": {
            "desktop": {
              "value": {
                "height": "{{selector}} .dnext-flpb-flibbox-card",
                "min-height": "{{selector}} .dnext-flpb-flibbox-card",
                "max-height": "{{selector}} .dnext-flpb-flibbox-card"
              }
            }
          }
        }
      }
    },
    "contentContainer": {
      "type": "object",
      "selector": "{{selector}} .dnext-flpb-flibbox-front",
      "default": {
        "decoration": {
          "spacing": {
            "desktop": {
              "value": {
                "padding": {
                  "top": "30px",
                  "right": "15px",
                  "bottom": "30px",
                  "left": "15px"
                }
              }
            }
          }
        }
      },
      "defaultPrintedStyle": {
        "decoration": {}
      },
      "styleProps": {
        "spacing": {
          "important": true
        },
        "background": {
          "important": true
        }
      }
    },
    "backContentContainer": {
      "type": "object",
      "selector": "{{selector}} .dnext-flpb-flibbox-back",
      "default": {
        "decoration": {
          "spacing": {
            "desktop": {
              "value": {
                "padding": {
                  "top": "30px",
                  "right": "15px",
                  "bottom": "30px",
                  "left": "15px"
                }
              }
            }
          }
        }
      },
      "defaultPrintedStyle": {
        "decoration": {}
      },
      "styleProps": {
        "spacing": {
          "important": true
        },
        "background": {
          "important": true
        }
      }
    },
    "frontBg": {
      "type": "object",
      "selector": "{{selector}} .dnext-flpb-flibbox-card .dnext-flpb-flibbox-front",
      "default": {
        "advanced": {
          "colorUse": {
            "desktop": {
              "value": "on"
            }
          },
          "singleColorOne": {
            "desktop": {
              "value": "#4a42ec"
            }
          },
          "gradientUse": {
            "desktop": {
              "value": "off"
            }
          },
          "colorOne": {
            "desktop": {
              "value": "#2b87da"
            }
          },
          "colorTwo": {
            "desktop": {
              "value": "#29c4a9"
            }
          },
          "gradientType": {
            "desktop": {
              "value": "linear-gradient"
            }
          },
          "gradientLinearDirection": {
            "desktop": {
              "value": "180deg"
            }
          },
          "gradientRadialDirection": {
            "desktop": {
              "value": "circle at center"
            }
          },
          "startPos": {
            "desktop": {
              "value": "0%"
            }
          },
          "endPos": {
            "desktop": {
              "value": "100%"
            }
          }
        }
      }
    },
    "backBg": {
      "type": "object",
      "selector": "{{selector}} .dnext-flpb-flibbox-card .dnext-flpb-flibbox-back",
      "default": {
        "advanced": {
          "colorUse": {
            "desktop": {
              "value": "on"
            }
          },
          "singleColorOne": {
            "desktop": {
              "value": "#f91942"
            }
          },
          "gradientUse": {
            "desktop": {
              "value": "off"
            }
          },
          "colorOne": {
            "desktop": {
              "value": "#2b87da"
            }
          },
          "colorTwo": {
            "desktop": {
              "value": "#29c4a9"
            }
          },
          "gradientType": {
            "desktop": {
              "value": "linear-gradient"
            }
          },
          "gradientLinearDirection": {
            "desktop": {
              "value": "180deg"
            }
          },
          "gradientRadialDirection": {
            "desktop": {
              "value": "circle at center"
            }
          },
          "startPos": {
            "desktop": {
              "value": "0%"
            }
          },
          "endPos": {
            "desktop": {
              "value": "100%"
            }
          }
        }
      }
    },
    "frontIcon": {
      "type": "object",
      "selector": "{{selector}} .dnext-flpb-flibbox-front .dnext-flpb-flibbox-icon-font:before",
      "default": {
        "innerContent": {},
        "advanced": {
          "use": {
            "desktop": {
              "value": "on"
            }
          },
          "icon": {
            "desktop": {
              "value": {
                "unicode": "$",
                "type": "divi",
                "weight": "400"
              }
            }
          },
          "color": {
            "desktop": {
              "value": "white"
            }
          },
          "size": {
            "desktop": {
              "value": "40px"
            }
          },
          "placement": {
            "desktop": {
              "value": "right"
            }
          },
          "alignment": {
            "desktop": {
              "value": "left"
            }
          },
          "onHover": {
            "desktop": {
              "value": "on"
            }
          }
        },
        "decoration": {
          "spacing": {
            "desktop": {
              "value": {
                "margin": {
                  "bottom": "8px"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "color": {
          "important": true
        },
        "spacing": {
          "important": true,
          "propertySelectors": {
            "desktop": {
              "value": {
                "margin": "{{selector}} .dnext-flpb-flibbox-front .dnext-flpb-flibbox-icon-font",
                "padding": "{{selector}} .dnext-flpb-flibbox-front .dnext-flpb-flibbox-icon-font:before"
              }
            }
          }
        },
        "font": {
          "important": true
        }
      }
    },
    "frontImage": {
      "type": "object",
      "selector": "{{selector}} .dnext-flipbox-front-image img",
      "inlineEditor": "upload",
      "elementType": "image",
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "src": {
              "groupSlug": "contentFrontImage",
              "attrName": "frontImage.innerContent",
              "subName": "src",
              "label": "Front Image",
              "description": "Upload an image to display on the front side.",
              "features": {
                "dynamicContent": {
                  "type": "image"
                },
                "sticky": false,
                "responsive": true,
                "hover": true,
                "preset": "content"
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/upload",
                "props": {
                  "syncImageData": {
                    "src": true,
                    "id": true,
                    "alt": true,
                    "titleText": false
                  }
                }
              }
            },
            "alt": {
              "groupSlug": "contentFrontImage",
              "attrName": "frontImage.innerContent",
              "subName": "alt",
              "label": "Image Alt Text",
              "description": "Define the HTML ALT text for your image here.",
              "features": {
                "dynamicContent": {
                  "type": "text"
                },
                "sticky": false,
                "responsive": false,
                "hover": false,
                "preset": ["html"]
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            }
          }
        },
        "decoration": {
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designFrontImage",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Front Image"
                }
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designFrontImage",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Front Image"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "selector": "{{selector}} .dnext-flipbox-front-image img",
        "border": {
          "important": true
        },
        "spacing": {
          "important": true
        }
      },
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "src": "",
              "alt": ""
            }
          }
        },
        "decoration": {
          "spacing": {
            "desktop": {
              "value": {
                "margin": {
                  "left": "15px",
                  "right": "15px"
                }
              }
            }
          }
        }
      }
    },
    "frontTitle": {
      "type": "object",
      "selector": "{{selector}} .dnext-flpb-flibbox-heading-font",
      "default": {
        "decoration": {
          "headingTag": {
            "desktop": {
              "value": "h4"
            }
          },
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "size": "19",
                  "lineHeight": "1em",
                  "weight": "400",
                  "letterSpacing": "0px",
                  "color": "white"
                }
              }
            }
          }
        }
      },
      "defaultPrintedStyle": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "size": "19px",
                  "lineHeight": "1em",
                  "weight": "500",
                  "letterSpacing": "0px"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "font": {
          "important": true
        }
      },
      "attributes": {
        "class": "dnext-flpb-flibbox-heading-font"
      },
      "inlineEditor": "plainText",
      "elementType": "heading",
      "childrenSanitizer": "et_core_esc_previously"
    },
    "frontContent": {
      "type": "object",
      "selector": "{{selector}} .dnext-flipbox-front-pra",
      "default": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "size": "16px",
                  "lineHeight": "1.3em",
                  "letterSpacing": "0px",
                  "weight": "400",
                  "color": "white"
                }
              }
            }
          }
        }
      },
      "defaultPrintedStyle": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "size": "16px",
                  "lineHeight": "1.3em",
                  "letterSpacing": "0px",
                  "weight": "400",
                  "color": "black"
                }
              }
            }
          }
        }
      },
      "tagName": "div",
      "attributes": {},
      "inlineEditor": "richText",
      "childrenSanitizer": "et_core_esc_previously",
      "styleProps": {
        "bodyFont": {
          "selectors": {
            "desktop": {
              "value": "{{selector}} .dnext-flipbox-front-pra"
            }
          }
        },
        "spacing": {
          "important": true
        }
      }
    },
    "backIcon": {
      "type": "object",
      "selector": "{{selector}} .dnext-flpb-flibbox-back .dnext-flpb-flibbox-icon-font:before",
      "default": {
        "innerContent": {
          "desktop": {
            "value": {}
          }
        },
        "advanced": {
          "use": {
            "desktop": {
              "value": "on"
            }
          },
          "icon": {
            "desktop": {
              "value": {
                "unicode": "$",
                "type": "divi",
                "weight": "400"
              }
            }
          },
          "color": {
            "desktop": {
              "value": "white"
            }
          },
          "size": {
            "desktop": {
              "value": "40px"
            }
          },
          "placement": {
            "desktop": {
              "value": "right"
            }
          },
          "alignment": {
            "desktop": {
              "value": "left"
            }
          },
          "onHover": {
            "desktop": {
              "value": "on"
            }
          }
        },
        "decoration": {
          "spacing": {
            "desktop": {
              "value": {
                "margin": {
                  "bottom": "8px"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "spacing": {
          "important": true,
          "propertySelectors": {
            "desktop": {
              "value": {
                "margin": "{{selector}} .dnext-flpb-flibbox-back .dnext-flpb-flibbox-icon-font",
                "padding": "{{selector}} .dnext-flpb-flibbox-back .dnext-flpb-flibbox-icon-font:before"
              }
            }
          }
        }
      }
    },
    "backImage": {
      "type": "object",
      "selector": "{{selector}} .dnext-flipbox-back-image img",
      "inlineEditor": "upload",
      "elementType": "image",
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "src": {
              "groupSlug": "contentBackImage",
              "attrName": "backImage.innerContent",
              "subName": "src",
              "label": "Back Image",
              "description": "Upload an image to display on the back side.",
              "features": {
                "dynamicContent": {
                  "type": "image"
                },
                "sticky": false,
                "responsive": true,
                "hover": true,
                "preset": "content"
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/upload",
                "props": {
                  "syncImageData": {
                    "src": true,
                    "id": true,
                    "alt": true,
                    "titleText": false
                  }
                }
              }
            },
            "alt": {
              "groupSlug": "contentBackImage",
              "attrName": "backImage.innerContent",
              "subName": "alt",
              "label": "Image Alt Text",
              "description": "Define the HTML ALT text for your image here.",
              "features": {
                "dynamicContent": {
                  "type": "text"
                },
                "sticky": false,
                "responsive": false,
                "hover": false,
                "preset": ["html"]
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            }
          }
        },
        "decoration": {
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBackImage",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Back Image"
                }
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBackImage",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Back Image"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "selector": "{{selector}} .dnext-flipbox-back-image img",
        "border": {
          "important": true
        },
        "spacing": {
          "important": true
        }
      },
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "src": "",
              "alt": ""
            }
          }
        },
        "decoration": {
          "spacing": {
            "desktop": {
              "value": {
                "margin": {
                  "left": "15px",
                  "right": "15px"
                }
              }
            }
          }
        }
      }
    },
    "backTitle": {
      "type": "object",
      "selector": "{{selector}} .dnext-flpb-flibbox-heading-back",
      "default": {
        "decoration": {
          "headingTag": {
            "desktop": {
              "value": "h4"
            }
          },
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "size": "19px",
                  "lineHeight": "1em",
                  "weight": "500",
                  "letterSpacing": "0px",
                  "color": "white"
                }
              }
            }
          }
        }
      },
      "defaultPrintedStyle": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "size": "19px",
                  "lineHeight": "1em",
                  "letterSpacing": "0px",
                  "weight": "500"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "font": {
          "important": true
        }
      },
      "attributes": {
        "class": "dnext-flpb-flibbox-heading-back"
      },
      "inlineEditor": "plainText",
      "elementType": "heading",
      "childrenSanitizer": "et_core_esc_previously"
    },
    "backContent": {
      "type": "object",
      "selector": "{{selector}} .dnext-flipbox-back-pra",
      "default": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "size": "16px",
                  "lineHeight": "1.3em",
                  "letterSpacing": "0px",
                  "weight": "400",
                  "color": "white"
                }
              }
            }
          },
          "spacing": {
            "desktop": {
              "value": {
                "margin": {
                  "bottom": "20px"
                }
              }
            }
          }
        }
      },
      "defaultPrintedStyle": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "size": "16px",
                  "lineHeight": "1.3em",
                  "letterSpacing": "0px",
                  "weight": "400",
                  "color": "black"
                }
              }
            }
          }
        }
      },
      "tagName": "div",
      "inlineEditor": "richText",
      "childrenSanitizer": "et_core_esc_previously",
      "styleProps": {
        "bodyFont": {
          "selectors": {
            "desktop": {
              "value": "{{selector}} .dnext-flipbox-back-pra"
            }
          }
        },
        "spacing": {
          "important": true
        }
      }
    },
    "flipButton": {
      "type": "object",
      "selector": "{{selector}} .dnext-flpb-flibbox-readmore",
      "tagName": "a",
      "default": {},
      "styleProps": {
        "border": {
          "important": true
        },
        "background": {
          "important": true
        },
        "spacing": {
          "important": true
        }
      },
      "attributes": {
        "class": "dnext-flpb-flibbox-readmore"
      },
      "hover": true,
      "allowHtml": true,
      "inlineEditor": "plainText",
      "childrenSanitizer": "et_core_esc_previously"
    },
    "flipButtonContainer": {
      "type": "object",
      "selector": "{{selector}} .dnext-flpb-flibbox-flip-button",
      "default": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "size": "16px",
                  "lineHeight": "0",
                  "letterSpacing": "0px",
                  "weight": "400",
                  "color": "#0077ff"
                }
              }
            }
          }
        }
      },
      "defaultPrintedStyle": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "size": "16px",
                  "lineHeight": "0",
                  "letterSpacing": "0px",
                  "weight": "400",
                  "color": "white"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "spacing": {
          "important": true
        },
        "font": {
          "important": true
        },
        "background": {
          "important": true
        },
        "border": {
          "important": true
        }
      },
      "attributes": {
        "class": "dnext-flpb-flibbox-flip-button"
      }
    },
    "frontMask": {
      "type": "object",
      "default": {
        "advanced": {
          "shape": {
            "desktop": {
              "value": "none"
            }
          },
          "shapeSize": {
            "desktop": {
              "value": "contain"
            }
          },
          "imageHPosition": {
            "desktop": {
              "value": "0"
            }
          },
          "imageVPosition": {
            "desktop": {
              "value": "0"
            }
          }
        }
      }
    },
    "backMask": {
      "type": "object",
      "default": {
        "advanced": {
          "shape": {
            "desktop": {
              "value": "none"
            }
          },
          "shapeSize": {
            "desktop": {
              "value": "contain"
            }
          },
          "imageHPosition": {
            "desktop": {
              "value": "0"
            }
          },
          "imageVPosition": {
            "desktop": {
              "value": "0"
            }
          }
        }
      }
    },
    "flipBoxEffect": {
      "type": "object",
      "default": {
        "innerContent": {
          "desktop": {
            "value": "right"
          }
        }
      }
    }
  },
  "customCssFields": {
    "frontIcon": {
      "subName": "frontIcon",
      "selectorSuffix": " .dnext-flpb-flibbox-front span"
    },
    "frontTitle": {
      "subName": "frontTitle",
      "selectorSuffix": " .dnext-flpb-flibbox-front .dnext-flpb-flibbox-heading-font"
    },
    "frontImage": {
      "subName": "frontImage",
      "selectorSuffix": " .dnext-flpb-flibbox-front .dnext-flipbox-image .dnext-flpb-flipbox-front-image"
    },
    "frontContent": {
      "subName": "frontContent",
      "selectorSuffix": " .dnext-flpb-flibbox-front .dnext-flipbox-front-pra"
    },
    "backIcon": {
      "subName": "backIcon",
      "selectorSuffix": " .dnext-flpb-flibbox-back span"
    },
    "backImage": {
      "subName": "backImage",
      "selectorSuffix": " .dnext-flpb-flibbox-back .dnext-flpb-flipbox-back-image"
    },
    "backTitle": {
      "subName": "backTitle",
      "selectorSuffix": " .dnext-flpb-flibbox-back .dnext-flpb-flibbox-heading-back"
    },
    "backContent": {
      "subName": "backContent",
      "selectorSuffix": " .dnext-flpb-flibbox-back .dnext-flipbox-back-pra"
    },
    "contentContainer": {
      "subName": "contentContainer",
      "selectorSuffix": " .dnext-flpb-flibbox-front"
    },
    "backContentContainer": {
      "subName": "backContentContainer",
      "selectorSuffix": " .dnext-flpb-flibbox-back"
    },
    "flipButton": {
      "subName": "flipButton",
      "selectorSuffix": " .dnext-flpb-flibbox-readmore"
    },
    "flipButtonContainer": {
      "subName": "flipButtonContainer",
      "selectorSuffix": " .dnext-flpb-flibbox-flip-button"
    }
  },
  "settings": {
    "groups": {
      "contentFrontImage": {
        "panel": "content",
        "priority": 30,
        "groupName": "frontImage",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Front Image"
          }
        }
      },
      "contentBackImage": {
        "panel": "content",
        "priority": 40,
        "groupName": "backImage",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Back Image"
          }
        }
      },
      "designFrontImage": {
        "panel": "design",
        "priority": 15,
        "groupName": "frontImage",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Front Image",
            "clipboardCategory": "style"
          }
        }
      },
      "designBackImage": {
        "panel": "design",
        "priority": 25,
        "groupName": "backImage",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Back Image",
            "clipboardCategory": "style"
          }
        }
      }
    }
  }
}