{ "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!", "name": "divi/circle-counter", "d4Shortcode": "et_pb_circle_counter", "moduleClassName": "et_pb_circle_counter", "moduleOrderClassName": "et_pb_circle_counter", "title": "Circle Counter", "titles": "Circle Counters", "moduleIcon": "divi/module-circle-counter", "category": "module", "childrenName": [], "videos": [ { "id": "EEGJY0EbzFs", "name": "An introduction to the Circle Counter module" }, { "id": "1iqjhnHVA9Y", "name": "Design Settings and Advanced Module Settings" }, { "id": "boNZZ0MYU0E", "name": "Saving and loading from the library" } ], "attributes": { "module": { "type": "object", "selector": "{{selector}}", "settings": { "meta": { "meta": {} }, "advanced": { "elements": { "groupType": "group-item", "item": { "groupSlug": "contentElements", "priority": 5, "render": true, "component": { "type": "group", "name": "divi/elements", "props": { "grouped": false } } } }, "html": {}, "link": {}, "loop": {}, "text": {} }, "decoration": { "animation": {}, "attributes": {}, "background": {}, "border": {}, "boxShadow": {}, "conditions": {}, "disabledOn": {}, "filters": {}, "interactions": {}, "layout": {}, "overflow": {}, "order": {}, "position": {}, "scroll": {}, "sizing": {}, "spacing": {}, "sticky": {}, "transform": {}, "transition": {}, "zIndex": {} } }, "styleProps": { "background": { "selector": "{{selector}}.et_pb_circle_counter .et_pb_circle_counter_inner" }, "border": { "selector": "{{selector}}.et_pb_circle_counter" }, "overflow": { "selector": "{{selector}}.et_pb_circle_counter" }, "spacing": { "selector": "{{selector}}.et_pb_circle_counter", "important": { "desktop": { "value": { "margin": true } } } }, "sizing": { "propertySelectors": { "desktop": { "value": { "margin-left": "{{selector}}.et_pb_circle_counter.et_pb_module", "margin-right": "{{selector}}.et_pb_circle_counter.et_pb_module" } } }, "important": { "desktop": { "value": { "margin-left": true, "margin-right": true } } } }, "layout": { "selector": "{{selector}} .et_pb_circle_counter_inner" } } }, "circle": { "type": "object", "selector": "{{selector}} .percent canvas", "settings": { "advanced": { "circle": { "panel": "design", "priority": 5, "groupName": "circle", "groupLabel": "Circle", "groupType": "group", "component": { "name": "divi/composite", "props": { "groupLabel": "Circle", "clipboardCategory": "style", "fields": { "color": { "attrName": "circle.advanced.color", "label": "Circle Color", "description": "This will change the fill color for the bar.", "priority": 5, "render": true, "defaultAttr": { "desktop": { "value": "$variable({\"type\":\"color\",\"value\":{\"name\":\"gcid-primary-color\",\"settings\":{}}})$" } }, "features": { "dynamicContent": { "type": "color" } }, "component": { "type": "field", "name": "divi/color-picker", "props": {} } }, "backgroundColor": { "attrName": "circle.advanced.background", "subName": "color", "label": "Circle Background Color", "description": "Pick a color to be used in the unfilled space of the circle.", "groupName": "divi/background", "priority": 10, "render": true, "features": { "preset": [ "style" ], "dynamicContent": { "type": "color" } }, "component": { "type": "field", "name": "divi/color-picker", "props": {} } }, "backgroundOpacity": { "attrName": "circle.advanced.background", "subName": "opacity", "label": "Circle Background Opacity", "description": "Decrease the opacity of the unfilled space of the circle to make the color fade into the background.", "category": "configuration", "groupName": "divi/background", "priority": 15, "render": true, "defaultAttr": { "desktop": { "value": { "opacity": "0.1" } } }, "component": { "type": "field", "name": "divi/range", "props": { "allowedUnits": [ "" ], "defaultUnit": "", "minLimit": 0.1, "max": 1, "step": 0.05 } } } } } } } } } }, "title": { "type": "object", "selector": "{{selector}}.et_pb_circle_counter h3, {{selector}}.et_pb_circle_counter h1.et_pb_module_header, {{selector}}.et_pb_circle_counter h2.et_pb_module_header, {{selector}}.et_pb_circle_counter h4.et_pb_module_header, {{selector}}.et_pb_circle_counter h5.et_pb_module_header, {{selector}}.et_pb_circle_counter h6.et_pb_module_header, {{selector}}.et_pb_circle_counter h3 a, {{selector}}.et_pb_circle_counter h1.et_pb_module_header a, {{selector}}.et_pb_circle_counter h2.et_pb_module_header a, {{selector}}.et_pb_circle_counter h4.et_pb_module_header a, {{selector}}.et_pb_circle_counter h5.et_pb_module_header a, {{selector}}.et_pb_circle_counter h6.et_pb_module_header a", "supportsCustomAttributes": true, "attributes": { "class": "et_pb_module_header" }, "tagName": "h3", "inlineEditor": "plainText", "elementType": "heading", "childrenSanitizer": "et_core_esc_previously", "styleProps": { "font": { "important": { "font": { "desktop": { "value": { "color": true } } } } } }, "settings": { "innerContent": { "groupType": "group-item", "item": { "groupSlug": "contentText", "priority": 5, "render": true, "attrName": "title.innerContent", "label": "Title", "description": "Input a title for the circle counter.", "category": "basic_option", "features": { "dynamicContent": { "type": "text" }, "preset": "content" }, "component": { "name": "divi/text", "type": "field" } } }, "decoration": { "font": { "groupType": "group-item", "item": { "groupSlug": "designTitleText", "priority": 10, "render": true, "component": { "name": "divi/font", "type": "group", "props": { "grouped": false, "fieldLabel": "Title", "fields": { "headingLevel": { "render": true } } } } } } } } }, "number": { "type": "object", "selector": "{{selector}}.et_pb_circle_counter .percent p", "supportsCustomAttributes": true, "styleProps": { "font": { "important": { "font": { "desktop": { "value": { "color": true } } } } } }, "settings": { "advanced": { "percentSign": { "groupType": "group-item", "item": { "groupSlug": "contentElements", "priority": 15, "render": true, "attrName": "number.advanced.percentSign", "label": "Percent Sign", "description": "Here you can choose whether the percent sign should be added after the number set above.", "category": "configuration", "features": { "sticky": false, "preset": [ "html" ] }, "component": { "type": "field", "name": "divi/toggle", "props": { "options": { "off": "Off", "on": "On" } } } } } }, "innerContent": { "groupType": "group-item", "item": { "groupSlug": "contentText", "priority": 10, "render": true, "attrName": "number.innerContent", "label": "Number", "description": "Define a number for the circle counter. (Don't include the percentage sign, use the option below.). Note: You can use only natural numbers from 0 to 100", "category": "basic_option", "features": { "preset": "content" }, "component": { "name": "divi/text", "type": "field" } } }, "decoration": { "font": { "groupType": "group-item", "item": { "groupSlug": "designNumberText", "priority": 20, "render": true, "component": { "name": "divi/font", "type": "group", "props": { "grouped": false, "fieldLabel": "Number", "fields": { "headingLevel": { "render": false }, "lineHeight": { "render": false } } } } } } } } }, "contentContainer": { "type": "object", "selector": "{{selector}} .et_pb_circle_counter_inner", "elementType": "wrapper", "attributes": { "class": "et_pb_circle_counter_inner" } } }, "customCssFields": { "percent": { "label": "Percent Container", "subName": "percent", "selectorSuffix": " .percent" }, "circleCounterTitle": { "label": "Circle Counter Title", "subName": "circleCounterTitle", "selectorSuffix": " .et_pb_module_header" }, "percentText": { "label": "Percent Text", "subName": "percentText", "selectorSuffix": " .percent p" } }, "script": [ "divi-module-library-script-circle-counter" ], "settings": { "content": "auto", "design": "auto", "advanced": "auto", "groups": { "contentText": { "panel": "content", "priority": 10, "groupName": "text", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Text" } } }, "contentElements": { "panel": "content", "priority": 15, "groupName": "element", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Elements", "preset": "content" } } }, "designTitleText": { "panel": "design", "priority": 20, "groupName": "titleText", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Title Text", "clipboardCategory": "style", "presetGroup": "divi/font" } } }, "designNumberText": { "panel": "design", "priority": 25, "groupName": "numberText", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Number Text", "clipboardCategory": "style", "presetGroup": "divi/font" } } } } } }