{ "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!", "name": "squad-modules/image-reveal", "d4Shortcode": "disq_image_reveal", "title": "Image Reveal", "titles": "Image Reveals", "moduleIcon": "squad-modules/image-reveal", "moduleClassName": "disq_image_reveal", "category": "module", "folder": "squad-modules", "attributes": { "module": { "type": "object", "selector": "{{selector}}", "settings": { "meta": { "adminLabel": {} }, "advanced": { "htmlAttributes": {} }, "decoration": { "animation": {}, "background": {}, "border": {}, "boxShadow": {}, "conditions": {}, "disabledOn": {}, "filters": {}, "overflow": {}, "position": {}, "scroll": {}, "sizing": {}, "spacing": {}, "sticky": {}, "transform": {}, "transition": {}, "zIndex": {} } }, "default": { "meta": { "adminLabel": { "desktop": { "value": "Image Reveal" } } } } }, "revealSettings": { "type": "object", "selector": "{{selector}} .squad-image-reveal", "settings": { "innerContent": { "groupType": "group-items", "items": { "image": { "groupSlug": "contentImage", "attrName": "revealSettings.innerContent", "subName": "image", "label": "Image", "description": "The image to reveal.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 10, "component": { "type": "field", "name": "divi/upload" } }, "alt": { "groupSlug": "contentImage", "attrName": "revealSettings.innerContent", "subName": "alt", "label": "Image Alt Text", "description": "Alternative text for accessibility and SEO.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 20, "component": { "type": "field", "name": "divi/text" } }, "titleText": { "groupSlug": "contentImage", "attrName": "revealSettings.innerContent", "subName": "titleText", "label": "Image Title", "description": "The title attribute on the image.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 30, "component": { "type": "field", "name": "divi/text" } }, "linkUrl": { "groupSlug": "contentLink", "attrName": "revealSettings.innerContent", "subName": "linkUrl", "label": "Link URL", "description": "Optional URL to wrap the image in a link.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 10, "component": { "type": "field", "name": "divi/text" } }, "linkNewWindow": { "groupSlug": "contentLink", "attrName": "revealSettings.innerContent", "subName": "linkNewWindow", "label": "Open in New Window", "description": "Open the link in a new browser tab.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 20, "component": { "type": "field", "name": "divi/toggle" } }, "trigger": { "groupSlug": "contentReveal", "attrName": "revealSettings.innerContent", "subName": "trigger", "label": "Trigger", "description": "When the reveal plays.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 10, "component": { "type": "field", "name": "divi/select", "props": { "options": { "scroll": { "label": "On Scroll Into View" }, "hover": { "label": "On Hover" } } } } }, "revealStyle": { "groupSlug": "contentReveal", "attrName": "revealSettings.innerContent", "subName": "revealStyle", "label": "Reveal Style", "description": "Color overlay that slides away, or a clip-path wipe of the image.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 20, "component": { "type": "field", "name": "divi/select", "props": { "options": { "overlay": { "label": "Color Overlay" }, "clip": { "label": "Clip Wipe" } } } } }, "direction": { "groupSlug": "contentReveal", "attrName": "revealSettings.innerContent", "subName": "direction", "label": "Direction", "description": "Direction the reveal travels.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 30, "component": { "type": "field", "name": "divi/select", "props": { "options": { "ltr": { "label": "Left to Right" }, "rtl": { "label": "Right to Left" }, "ttb": { "label": "Top to Bottom" }, "btt": { "label": "Bottom to Top" } } } } }, "duration": { "groupSlug": "contentReveal", "attrName": "revealSettings.innerContent", "subName": "duration", "label": "Animation Duration (ms)", "description": "How long the reveal takes.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 40, "component": { "type": "field", "name": "divi/range", "props": { "min": 100, "max": 4000, "step": 50, "allowedUnits": [], "defaultUnit": "" } } }, "delay": { "groupSlug": "contentReveal", "attrName": "revealSettings.innerContent", "subName": "delay", "label": "Start Delay (ms)", "description": "Delay before the reveal begins.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 50, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 5000, "step": 50, "allowedUnits": [], "defaultUnit": "" } } }, "easing": { "groupSlug": "contentReveal", "attrName": "revealSettings.innerContent", "subName": "easing", "label": "Easing", "description": "Animation timing function.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 60, "component": { "type": "field", "name": "divi/select", "props": { "options": { "linear": { "label": "Linear" }, "ease": { "label": "Ease" }, "ease-in": { "label": "Ease In" }, "ease-out": { "label": "Ease Out" }, "ease-in-out": { "label": "Ease In Out" }, "smooth": { "label": "Smooth" } } } } }, "threshold": { "groupSlug": "contentReveal", "attrName": "revealSettings.innerContent", "subName": "threshold", "label": "Viewport Trigger (%)", "description": "How much of the image must be visible before a scroll reveal fires.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 70, "component": { "type": "field", "name": "divi/range", "props": { "min": 1, "max": 100, "step": 1, "allowedUnits": [], "defaultUnit": "" } } } } } }, "default": { "innerContent": { "desktop": { "value": { "image": "", "alt": "", "titleText": "", "linkUrl": "", "linkNewWindow": "off", "trigger": "scroll", "revealStyle": "overlay", "direction": "ltr", "duration": "600", "delay": "0", "easing": "ease-in-out", "threshold": "50" } } } } }, "revealStyleGroup": { "type": "object", "selector": "{{selector}} .squad-image-reveal", "settings": { "innerContent": { "groupType": "group-items", "items": { "revealColor": { "groupSlug": "designReveal", "attrName": "revealStyleGroup.innerContent", "subName": "revealColor", "label": "Reveal Color", "description": "Color of the overlay layer (Color Overlay style only).", "features": { "sticky": false }, "render": true, "priority": 10, "component": { "type": "field", "name": "divi/color-picker" } }, "hoverZoom": { "groupSlug": "designReveal", "attrName": "revealStyleGroup.innerContent", "subName": "hoverZoom", "label": "Enable Hover Zoom", "description": "Scale the image up while hovered.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 20, "component": { "type": "field", "name": "divi/toggle" } }, "zoomScale": { "groupSlug": "designReveal", "attrName": "revealStyleGroup.innerContent", "subName": "zoomScale", "label": "Zoom Scale", "description": "Scale factor applied on hover.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 30, "component": { "type": "field", "name": "divi/range", "props": { "min": 1, "max": 2, "step": 0.05, "allowedUnits": [], "defaultUnit": "" } } } } } }, "default": { "innerContent": { "desktop": { "value": { "revealColor": "#000000", "hoverZoom": "off", "zoomScale": "1.1" } } } } } }, "settings": { "groups": { "contentImage": { "panel": "content", "priority": 10, "groupName": "revealSettings", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Image" } } }, "contentLink": { "panel": "content", "priority": 20, "groupName": "revealSettings", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Link" } } }, "contentReveal": { "panel": "content", "priority": 30, "groupName": "revealSettings", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Reveal" } } }, "designReveal": { "panel": "design", "priority": 10, "groupName": "revealStyleGroup", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Reveal Style" } } } } } }