{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "squad-modules/flip-box",
  "d4Shortcode": "disq_flip_box",
  "title": "Flip Box",
  "titles": "Flip Boxes",
  "moduleIcon": "squad-modules/flip-box",
  "moduleClassName": "disq_flip_box",
  "category": "module",
  "folder": "squad-modules",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "advanced": {
          "link": {},
          "htmlAttributes": {}
        },
        "decoration": {
          "animation": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "overflow": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      },
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "Flip Box"
            }
          }
        }
      },
      "styleProps": {
        "spacing": {
          "important": true
        }
      }
    },
    "flip": {
      "type": "object",
      "selector": "{{selector}} .flip-box",
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "animationType": {
              "groupSlug": "contentFlip",
              "attrName": "flip.innerContent",
              "subName": "animationType",
              "label": "Animation Type",
              "description": "Choose the flip animation style.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "rotate": {
                      "label": "Rotate"
                    },
                    "zoom-in": {
                      "label": "Zoom In"
                    },
                    "zoom-out": {
                      "label": "Zoom Out"
                    },
                    "fade": {
                      "label": "Fade"
                    },
                    "slide": {
                      "label": "Slide"
                    },
                    "open": {
                      "label": "Open"
                    },
                    "diagonal": {
                      "label": "Diagonal"
                    }
                  }
                }
              }
            },
            "direction": {
              "groupSlug": "contentFlip",
              "attrName": "flip.innerContent",
              "subName": "direction",
              "label": "Animation Direction",
              "description": "Direction the slide flips from.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "left": {
                      "label": "Left"
                    },
                    "right": {
                      "label": "Right"
                    },
                    "top": {
                      "label": "Top"
                    },
                    "bottom": {
                      "label": "Bottom"
                    },
                    "center": {
                      "label": "Center"
                    }
                  }
                }
              }
            },
            "enable3d": {
              "groupSlug": "contentFlip",
              "attrName": "flip.innerContent",
              "subName": "enable3d",
              "label": "3D Effect",
              "description": "Enable a 3D depth effect (rotate animation only).",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "translateZ": {
              "groupSlug": "contentFlip",
              "attrName": "flip.innerContent",
              "subName": "translateZ",
              "label": "3D Depth",
              "description": "Depth offset for the 3D effect.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 40,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 200,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem"
                  ]
                }
              }
            },
            "scale": {
              "groupSlug": "contentFlip",
              "attrName": "flip.innerContent",
              "subName": "scale",
              "label": "3D Scale",
              "description": "Scale factor for the 3D effect.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 50,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 2,
                  "step": 0.1,
                  "allowedUnits": [],
                  "defaultUnit": "",
                  "unitless": true
                }
              }
            },
            "moveBothSlides": {
              "groupSlug": "contentFlip",
              "attrName": "flip.innerContent",
              "subName": "moveBothSlides",
              "label": "Move Both Slides",
              "description": "Move both slides during a slide animation.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 60,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "swapSlide": {
              "groupSlug": "contentFlip",
              "attrName": "flip.innerContent",
              "subName": "swapSlide",
              "label": "Swap Slides",
              "description": "Show the back slide first.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 70,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "customHeightEnable": {
              "groupSlug": "contentFlip",
              "attrName": "flip.innerContent",
              "subName": "customHeightEnable",
              "label": "Use Custom Height",
              "description": "Enable a fixed flip box height.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 80,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "customHeight": {
              "groupSlug": "contentFlip",
              "attrName": "flip.innerContent",
              "subName": "customHeight",
              "label": "Custom Height",
              "description": "Fixed height of the flip box.",
              "render": true,
              "priority": 90,
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 1000,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem",
                    "vh",
                    "%"
                  ]
                }
              }
            },
            "horizontalAlignment": {
              "groupSlug": "contentFlip",
              "attrName": "flip.innerContent",
              "subName": "horizontalAlignment",
              "label": "Horizontal Alignment",
              "description": "Align slide content horizontally.",
              "features": {
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 100,
              "component": {
                "type": "field",
                "name": "divi/button-options",
                "props": {
                  "options": {
                    "flex-start": {
                      "icon": "divi/align-left"
                    },
                    "center": {
                      "icon": "divi/align-center"
                    },
                    "flex-end": {
                      "icon": "divi/align-right"
                    }
                  }
                }
              }
            },
            "verticalAlignment": {
              "groupSlug": "contentFlip",
              "attrName": "flip.innerContent",
              "subName": "verticalAlignment",
              "label": "Vertical Alignment",
              "description": "Align slide content vertically.",
              "features": {
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 110,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "flex-start": {
                      "label": "Top"
                    },
                    "center": {
                      "label": "Center"
                    },
                    "flex-end": {
                      "label": "Bottom"
                    }
                  }
                }
              }
            }
          }
        }
      },
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "animationType": "rotate",
              "direction": "right",
              "enable3d": "off",
              "moveBothSlides": "off",
              "swapSlide": "off",
              "customHeightEnable": "off",
              "horizontalAlignment": "center",
              "verticalAlignment": "center"
            }
          }
        }
      }
    },
    "front": {
      "type": "object",
      "selector": "{{selector}} .flip-slide.front-slide",
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "iconType": {
              "groupSlug": "contentFront",
              "attrName": "front.innerContent",
              "subName": "iconType",
              "label": "Front Icon Type",
              "description": "Show an icon, image, text, or nothing on the front slide.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "icon": {
                      "label": "Icon"
                    },
                    "image": {
                      "label": "Image"
                    },
                    "text": {
                      "label": "Text"
                    },
                    "none": {
                      "label": "None"
                    }
                  }
                }
              }
            },
            "icon": {
              "groupSlug": "contentFront",
              "attrName": "front.innerContent",
              "subName": "icon",
              "label": "Front Icon",
              "description": "Choose the front slide icon.",
              "features": {
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/icon-picker"
              }
            },
            "image": {
              "groupSlug": "contentFront",
              "attrName": "front.innerContent",
              "subName": "image",
              "label": "Front Image",
              "description": "Upload the front slide image.",
              "features": {
                "dynamicContent": {
                  "type": "image"
                },
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/upload"
              }
            },
            "iconText": {
              "groupSlug": "contentFront",
              "attrName": "front.innerContent",
              "subName": "iconText",
              "label": "Front Icon Text",
              "description": "Text shown in place of the icon/image.",
              "features": {
                "dynamicContent": {
                  "type": "text"
                },
                "sticky": false
              },
              "render": true,
              "priority": 40,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "title": {
              "groupSlug": "contentFront",
              "attrName": "front.innerContent",
              "subName": "title",
              "label": "Front Title",
              "description": "Front slide title.",
              "features": {
                "dynamicContent": {
                  "type": "text"
                },
                "sticky": false
              },
              "render": true,
              "priority": 50,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "subTitle": {
              "groupSlug": "contentFront",
              "attrName": "front.innerContent",
              "subName": "subTitle",
              "label": "Front Subtitle",
              "description": "Front slide subtitle.",
              "features": {
                "dynamicContent": {
                  "type": "text"
                },
                "sticky": false
              },
              "render": true,
              "priority": 60,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "content": {
              "groupSlug": "contentFront",
              "attrName": "front.innerContent",
              "subName": "content",
              "label": "Front Content",
              "description": "Front slide body content.",
              "features": {
                "dynamicContent": {
                  "type": "text"
                },
                "sticky": false
              },
              "render": true,
              "priority": 70,
              "component": {
                "type": "field",
                "name": "divi/textarea"
              }
            }
          }
        }
      },
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "iconType": "icon",
              "title": "Your Title Here",
              "subTitle": "Subtitle",
              "content": "Add the front content of your flip box here. Keep it short and engaging."
            }
          }
        }
      }
    },
    "back": {
      "type": "object",
      "selector": "{{selector}} .flip-slide.back-slide",
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "iconType": {
              "groupSlug": "contentBack",
              "attrName": "back.innerContent",
              "subName": "iconType",
              "label": "Back Icon Type",
              "description": "Show an icon, image, text, or nothing on the back slide.",
              "features": {
                "responsive": false,
                "hover": false,
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "icon": {
                      "label": "Icon"
                    },
                    "image": {
                      "label": "Image"
                    },
                    "text": {
                      "label": "Text"
                    },
                    "none": {
                      "label": "None"
                    }
                  }
                }
              }
            },
            "icon": {
              "groupSlug": "contentBack",
              "attrName": "back.innerContent",
              "subName": "icon",
              "label": "Back Icon",
              "description": "Choose the back slide icon.",
              "features": {
                "sticky": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/icon-picker"
              }
            },
            "image": {
              "groupSlug": "contentBack",
              "attrName": "back.innerContent",
              "subName": "image",
              "label": "Back Image",
              "description": "Upload the back slide image.",
              "features": {
                "dynamicContent": {
                  "type": "image"
                },
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/upload"
              }
            },
            "iconText": {
              "groupSlug": "contentBack",
              "attrName": "back.innerContent",
              "subName": "iconText",
              "label": "Back Icon Text",
              "description": "Text shown in place of the icon/image.",
              "features": {
                "dynamicContent": {
                  "type": "text"
                },
                "sticky": false
              },
              "render": true,
              "priority": 40,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "title": {
              "groupSlug": "contentBack",
              "attrName": "back.innerContent",
              "subName": "title",
              "label": "Back Title",
              "description": "Back slide title.",
              "features": {
                "dynamicContent": {
                  "type": "text"
                },
                "sticky": false
              },
              "render": true,
              "priority": 50,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "subTitle": {
              "groupSlug": "contentBack",
              "attrName": "back.innerContent",
              "subName": "subTitle",
              "label": "Back Subtitle",
              "description": "Back slide subtitle.",
              "features": {
                "dynamicContent": {
                  "type": "text"
                },
                "sticky": false
              },
              "render": true,
              "priority": 60,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "content": {
              "groupSlug": "contentBack",
              "attrName": "back.innerContent",
              "subName": "content",
              "label": "Back Content",
              "description": "Back slide body content.",
              "features": {
                "dynamicContent": {
                  "type": "text"
                },
                "sticky": false
              },
              "render": true,
              "priority": 70,
              "component": {
                "type": "field",
                "name": "divi/textarea"
              }
            }
          }
        }
      },
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "iconType": "icon",
              "title": "Back Title",
              "subTitle": "Subtitle",
              "content": "Add the back content of your flip box here. Reveal more details on hover or tap."
            }
          }
        }
      }
    },
    "frontButton": {
      "type": "object",
      "selector": "{{selector}} .flip-slide.front-slide .squad-button",
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "text": {
              "groupSlug": "contentFrontButton",
              "attrName": "frontButton.innerContent",
              "subName": "text",
              "label": "Front Button Text",
              "description": "Front slide button label.",
              "features": {
                "dynamicContent": {
                  "type": "text"
                },
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "url": {
              "groupSlug": "contentFrontButton",
              "attrName": "frontButton.innerContent",
              "subName": "url",
              "label": "Front Button Link URL",
              "description": "Front slide button link.",
              "features": {
                "dynamicContent": {
                  "type": "url"
                },
                "sticky": false,
                "responsive": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "urlTarget": {
              "groupSlug": "contentFrontButton",
              "attrName": "frontButton.innerContent",
              "subName": "urlTarget",
              "label": "Open in New Tab",
              "description": "Open the front button link in a new browser tab.",
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "render": true,
              "priority": 25,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "icon": {
              "groupSlug": "contentFrontButton",
              "attrName": "frontButton.innerContent",
              "subName": "icon",
              "label": "Front Button Icon",
              "description": "Front slide button icon.",
              "features": {
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/icon-picker"
              }
            }
          }
        }
      }
    },
    "backButton": {
      "type": "object",
      "selector": "{{selector}} .flip-slide.back-slide .squad-button",
      "settings": {
        "innerContent": {
          "groupType": "group-items",
          "items": {
            "text": {
              "groupSlug": "contentBackButton",
              "attrName": "backButton.innerContent",
              "subName": "text",
              "label": "Back Button Text",
              "description": "Back slide button label.",
              "features": {
                "dynamicContent": {
                  "type": "text"
                },
                "sticky": false
              },
              "render": true,
              "priority": 10,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "url": {
              "groupSlug": "contentBackButton",
              "attrName": "backButton.innerContent",
              "subName": "url",
              "label": "Back Button Link URL",
              "description": "Back slide button link.",
              "features": {
                "dynamicContent": {
                  "type": "url"
                },
                "sticky": false,
                "responsive": false
              },
              "render": true,
              "priority": 20,
              "component": {
                "type": "field",
                "name": "divi/text"
              }
            },
            "urlTarget": {
              "groupSlug": "contentBackButton",
              "attrName": "backButton.innerContent",
              "subName": "urlTarget",
              "label": "Open in New Tab",
              "description": "Open the back button link in a new browser tab.",
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "render": true,
              "priority": 25,
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            },
            "icon": {
              "groupSlug": "contentBackButton",
              "attrName": "backButton.innerContent",
              "subName": "icon",
              "label": "Back Button Icon",
              "description": "Back slide button icon.",
              "features": {
                "sticky": false
              },
              "render": true,
              "priority": 30,
              "component": {
                "type": "field",
                "name": "divi/icon-picker"
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "frontSlide": {
      "label": "Front Slide",
      "subName": "frontSlide",
      "selectorSuffix": " .flip-slide.front-slide"
    },
    "backSlide": {
      "label": "Back Slide",
      "subName": "backSlide",
      "selectorSuffix": " .flip-slide.back-slide"
    }
  },
  "settings": {
    "groups": {
      "contentFlip": {
        "panel": "content",
        "priority": 10,
        "groupName": "flip",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Flip Settings"
          }
        }
      },
      "contentFront": {
        "panel": "content",
        "priority": 20,
        "groupName": "front",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Front Slide"
          }
        }
      },
      "contentFrontButton": {
        "panel": "content",
        "priority": 30,
        "groupName": "frontButton",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Front Button"
          }
        }
      },
      "contentBack": {
        "panel": "content",
        "priority": 40,
        "groupName": "back",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Back Slide"
          }
        }
      },
      "contentBackButton": {
        "panel": "content",
        "priority": 50,
        "groupName": "backButton",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Back Button"
          }
        }
      }
    }
  }
}