{ "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!", "name": "squad-modules/video-popup", "d4Shortcode": "disq_video_popup", "title": "Video Popup", "titles": "Video Popups", "moduleIcon": "squad-modules/video-popup", "moduleClassName": "disq_video_popup", "category": "module", "folder": "squad-modules", "attributes": { "module": { "type": "object", "selector": "{{selector}}", "settings": { "meta": { "adminLabel": {} }, "advanced": { "htmlAttributes": {} }, "decoration": { "animation": {}, "background": {}, "border": {}, "boxShadow": {}, "conditions": {}, "disabledOn": {}, "filters": {}, "font": {}, "overflow": {}, "position": {}, "scroll": {}, "sizing": {}, "spacing": {}, "sticky": {}, "transform": {}, "transition": {}, "zIndex": {} } }, "default": { "meta": { "adminLabel": { "desktop": { "value": "Video Popup" } } } }, "styleProps": { "spacing": { "important": true } } }, "popup": { "type": "object", "selector": "{{selector}} .video-popup", "settings": { "innerContent": { "groupType": "group-items", "items": { "useOverlay": { "groupSlug": "contentPopup", "attrName": "popup.innerContent", "subName": "useOverlay", "label": "Use Overlay Image", "description": "Here you can choose whether overlay image should be used.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 10, "component": { "type": "field", "name": "divi/toggle" } }, "image": { "groupSlug": "contentPopup", "attrName": "popup.innerContent", "subName": "image", "label": "Image", "description": "Here you can define placeholder image for the video.", "features": { "dynamicContent": { "type": "image" }, "sticky": false }, "render": true, "priority": 20, "component": { "type": "field", "name": "divi/upload" } }, "alt": { "groupSlug": "contentPopup", "attrName": "popup.innerContent", "subName": "alt", "label": "Image Alt Text", "description": "Here you can define the HTML ALT text for your overlay image.", "features": { "dynamicContent": { "type": "text" }, "sticky": false }, "render": true, "priority": 30, "component": { "type": "field", "name": "divi/text" } }, "triggerElement": { "groupSlug": "contentPopup", "attrName": "popup.innerContent", "subName": "triggerElement", "label": "Button Element", "description": "Here you can select button element for the video popup.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 40, "component": { "type": "field", "name": "divi/select", "props": { "options": { "icon": { "label": "Icon" }, "text": { "label": "Text" }, "icon_text": { "label": "Icon & Text" } } } } }, "icon": { "groupSlug": "contentPopup", "attrName": "popup.innerContent", "subName": "icon", "label": "Select Play Icon", "description": "Here you can select different type of play icon for the video.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 50, "component": { "type": "field", "name": "divi/select", "props": { "options": { "1": { "label": "Icon 1" }, "2": { "label": "Icon 2" }, "3": { "label": "Icon 3" }, "4": { "label": "Icon 4" }, "5": { "label": "Icon 5" }, "6": { "label": "Icon 6" } } } } }, "text": { "groupSlug": "contentPopup", "attrName": "popup.innerContent", "subName": "text", "label": "Trigger Text", "description": "Define the trigger text for your popup.", "features": { "dynamicContent": { "type": "text" }, "sticky": false }, "render": true, "priority": 60, "component": { "type": "field", "name": "divi/text" } }, "type": { "groupSlug": "contentPopup", "attrName": "popup.innerContent", "subName": "type", "label": "Video Type", "description": "Define video type for the popup.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 70, "component": { "type": "field", "name": "divi/select", "props": { "options": { "yt": { "label": "Youtube" }, "vm": { "label": "Vimeo" }, "video": { "label": "Custom Upload" } } } } }, "videoLink": { "groupSlug": "contentPopup", "attrName": "popup.innerContent", "subName": "videoLink", "label": "Video URL", "description": "Type youtube or vimeo video url which you would like to display in the popup.", "features": { "dynamicContent": { "type": "url" }, "sticky": false, "responsive": false }, "render": true, "priority": 80, "component": { "type": "field", "name": "divi/text" } }, "video": { "groupSlug": "contentPopup", "attrName": "popup.innerContent", "subName": "video", "label": "Video MP4 File", "description": "Upload your desired video in .MP4 format, or type in the URL to the video you would like to display.", "features": { "sticky": false }, "render": true, "priority": 90, "component": { "type": "field", "name": "divi/upload" } } } } }, "default": { "innerContent": { "desktop": { "value": { "useOverlay": "off", "triggerElement": "icon", "icon": "1", "text": "Play", "type": "yt" } } } } }, "settings": { "type": "object", "selector": "{{selector}} .video-popup", "settings": { "innerContent": { "groupType": "group-items", "items": { "useAnimation": { "groupSlug": "contentSettings", "attrName": "popup.innerContent", "subName": "useAnimation", "label": "Use Animated Icon", "description": "Use animated wave for your icon. For better experience please set icon background color from icon design toggle.", "features": { "responsive": false, "hover": false, "sticky": false }, "render": true, "priority": 10, "component": { "type": "field", "name": "divi/toggle" } }, "waveBg": { "groupSlug": "contentSettings", "attrName": "popup.innerContent", "subName": "waveBg", "label": "Animated Wave Color", "description": "Here you can define custom color for the animated wave of your icon.", "features": { "sticky": false, "hover": false, "responsive": false }, "render": true, "priority": 20, "component": { "type": "field", "name": "divi/color-picker" } }, "iconAlignment": { "groupSlug": "contentSettings", "attrName": "popup.innerContent", "subName": "iconAlignment", "label": "Icon/Text Alignment", "description": "Align content to the left, right or center.", "features": { "hover": false, "sticky": false }, "render": true, "priority": 30, "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" } } } } }, "iconSpacing": { "groupSlug": "contentSettings", "attrName": "popup.innerContent", "subName": "iconSpacing", "label": "Spacing Between Icon and Text", "description": "Here you can define spacing between icon and text.", "features": { "sticky": false, "hover": false }, "render": true, "priority": 40, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 100, "step": 1, "allowedUnits": [ "px", "em", "rem" ], "defaultUnit": "px" } } } } } } } }, "customCssFields": { "image": { "label": "Image", "subName": "image", "selectorSuffix": " .video-popup .video-popup-figure img" }, "iconWrapper": { "label": "Icon Wrapper", "subName": "iconWrapper", "selectorSuffix": " .video-popup .video-popup-icon" }, "icon": { "label": "Icon", "subName": "icon", "selectorSuffix": " .video-popup .video-popup-icon svg" }, "text": { "label": "Text", "subName": "text", "selectorSuffix": " .video-popup .video-popup-text" } }, "settings": { "groups": { "contentPopup": { "panel": "content", "priority": 10, "groupName": "popup", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Content" } } }, "contentSettings": { "panel": "content", "priority": 20, "groupName": "settings", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Settings" } } } } } }