{ "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!", "name": "divi/svg", "d4Shortcode": "et_pb_svg", "moduleClassName": "et_pb_svg", "moduleOrderClassName": "et_pb_svg", "title": "SVG", "titles": "SVGs", "moduleIcon": "divi/module-svg", "category": "module", "childrenName": [], "attributes": { "module": { "type": "object", "selector": "{{selector}}", "styleProps": { "spacing": { "important": { "desktop": { "value": { "margin-bottom": true } } } } }, "settings": { "meta": { "meta": {} }, "advanced": { "elements": {}, "html": {}, "loop": {} }, "decoration": { "animation": {}, "attributes": {}, "background": {}, "border": {}, "boxShadow": {}, "conditions": {}, "disabledOn": {}, "filters": {}, "interactions": {}, "layout": {}, "overflow": {}, "order": {}, "position": {}, "scroll": {}, "sizing": {}, "spacing": {}, "sticky": {}, "transform": {}, "transition": {}, "zIndex": {} } } }, "svg": { "type": "object", "label": "SVG", "selector": "{{selector}} .et_pb_svg_inner svg", "supportsCustomAttributes": true, "settings": { "innerContent": { "groupType": "group-items", "items": { "sourceType": { "groupSlug": "contentSvgSource", "subName": "sourceType", "label": "Source Type", "description": "Choose whether to render SVG from pasted code or uploaded source.", "category": "basic_option", "priority": 5, "render": true, "features": { "responsive": false, "hover": false, "sticky": false, "preset": "content" }, "component": { "type": "field", "name": "divi/select", "props": { "defaultValue": "code", "options": { "code": { "label": "SVG Code" }, "src": { "label": "Uploaded SVG" } } } } }, "code": { "groupSlug": "contentSvgSource", "subName": "code", "label": "SVG Code", "description": "Paste sanitized SVG markup.", "category": "basic_option", "priority": 10, "render": true, "features": { "dynamicContent": { "type": "text" }, "preset": "content" }, "component": { "type": "field", "name": "divi/code", "props": { "mode": "html" } } }, "src": { "groupSlug": "contentSvgSource", "subName": "src", "label": "SVG File", "description": "Upload an SVG file.", "category": "basic_option", "priority": 15, "render": true, "features": { "dynamicContent": { "type": "url" }, "preset": "content" }, "component": { "type": "field", "name": "divi/upload", "props": { "dataType": "svg", "chooseText": "Choose an SVG file", "uploadButtonText": "Upload an SVG file" } } }, "srcNotice": { "groupSlug": "contentSvgSource", "subName": "srcNotice", "label": "", "description": "", "render": true, "priority": 16, "features": { "responsive": false, "sticky": false, "hover": false, "preset": "content" }, "component": { "type": "field", "name": "divi/warning", "props": { "message": "You must enable SVG uploads before uploading svg files." } } }, "title": { "groupSlug": "contentSvgSource", "subName": "title", "label": "Title", "description": "Optional SVG title element.", "category": "configuration", "priority": 18, "render": true, "features": { "responsive": false, "hover": false, "sticky": false, "preset": "content" }, "component": { "type": "field", "name": "divi/text" } }, "linkUrl": { "groupSlug": "contentSvgLink", "subName": "linkUrl", "label": "Link URL", "description": "Set a URL to wrap the SVG with a link.", "category": "basic_option", "priority": 20, "render": true, "features": { "dynamicContent": { "type": "url" }, "responsive": false, "hover": false, "sticky": false, "preset": "content" }, "component": { "type": "field", "name": "divi/text" } }, "linkTarget": { "groupSlug": "contentSvgLink", "subName": "linkTarget", "label": "Link Target", "description": "Choose where the link opens.", "category": "configuration", "priority": 25, "render": true, "features": { "responsive": false, "hover": false, "sticky": false, "preset": "content" }, "component": { "type": "field", "name": "divi/select", "props": { "defaultValue": "off", "options": { "off": { "label": "In The Current Tab" }, "on": { "label": "In A New Tab" } } } } }, "rel": { "groupSlug": "contentSvgLink", "subName": "rel", "label": "Link Rel", "description": "Optional rel attribute for the link.", "category": "configuration", "priority": 30, "render": true, "features": { "responsive": false, "hover": false, "sticky": false, "preset": "content" }, "component": { "type": "field", "name": "divi/text" } } } }, "advanced": { "fill": { "groupType": "group-items", "items": { "color": { "groupSlug": "designSvgFill", "subName": "color", "label": "Fill Color", "description": "Primary fill color for the SVG.", "category": "layout", "priority": 10, "render": true, "features": { "dynamicContent": { "type": "color" }, "preset": [ "style" ] }, "component": { "type": "field", "name": "divi/color-picker" } }, "opacity": { "groupSlug": "designSvgFill", "subName": "opacity", "label": "Fill Opacity", "description": "Opacity for SVG fill color.", "className": "et-vb-field-input-range-filter et-vb-field-input-range-filter--opacity", "category": "layout", "priority": 30, "render": true, "features": { "dynamicContent": { "type": "number" }, "preset": [ "style" ] }, "component": { "type": "field", "name": "divi/range", "props": { "cssProperty": "fill-opacity", "cssSliderUI": true, "min": 0, "max": 1, "step": 0.01, "defaultValue": "1", "defaultUnit": "" } } } } }, "stroke": { "groupType": "group-items", "items": { "color": { "groupSlug": "designSvgStroke", "subName": "color", "label": "Stroke Color", "description": "Stroke color for the SVG.", "category": "layout", "priority": 10, "render": true, "features": { "dynamicContent": { "type": "color" }, "preset": [ "style" ] }, "component": { "type": "field", "name": "divi/color-picker" } }, "width": { "groupSlug": "designSvgStroke", "subName": "width", "label": "Stroke Width", "description": "Stroke width for the SVG.", "category": "layout", "priority": 20, "render": true, "features": { "dynamicContent": { "type": "number" }, "preset": [ "style" ] }, "component": { "type": "field", "name": "divi/range", "props": { "cssProperty": "stroke-width", "min": 0, "max": 50, "step": 1, "defaultUnit": "px" } } }, "opacity": { "groupSlug": "designSvgStroke", "subName": "opacity", "label": "Stroke Opacity", "description": "Opacity for SVG stroke color.", "className": "et-vb-field-input-range-filter et-vb-field-input-range-filter--opacity", "category": "layout", "priority": 30, "render": true, "features": { "dynamicContent": { "type": "number" }, "preset": [ "style" ] }, "component": { "type": "field", "name": "divi/range", "props": { "cssProperty": "stroke-opacity", "cssSliderUI": true, "min": 0, "max": 1, "step": 0.01, "defaultValue": "1", "defaultUnit": "" } } } } } }, "decoration": {} }, "styleProps": {} } }, "customCssFields": { "module": { "label": "Module", "subName": "module", "selectorSuffix": "" }, "svg": { "label": "SVG", "subName": "svg", "selectorSuffix": " .et_pb_svg_inner svg" } }, "settings": { "design": "auto", "advanced": "auto", "groups": { "contentSvgSource": { "panel": "content", "priority": 10, "multiElements": true, "groupName": "svgSource", "component": { "name": "divi/composite", "props": { "groupLabel": "SVG Source" } } }, "contentSvgLink": { "panel": "content", "priority": 20, "multiElements": true, "groupName": "link", "component": { "name": "divi/composite", "props": { "groupLabel": "Link" } } }, "designSvgFill": { "panel": "design", "priority": 10, "multiElements": true, "groupName": "designSvgFill", "component": { "name": "divi/composite", "props": { "groupLabel": "Fill", "clipboardCategory": "style" } } }, "designSvgStroke": { "panel": "design", "priority": 20, "multiElements": true, "groupName": "stroke", "component": { "name": "divi/composite", "props": { "groupLabel": "Stroke", "clipboardCategory": "style" } } } } } }