{ "name": "dina/progress-bar", "d4Shortcode": "dina_progress_bar", "title": "Skill Progress Bar", "titles": "Skill Progress Bars", "moduleIcon": "dina/progress-bar", "moduleClassName": "dina_progress_bar", "moduleOrderClassName": "dina_progress_bar", "category": "module", "folder": "divinationkit", "childModuleName": "dina/progress-bar-item", "childModuleTitle": "Progress Bar Item", "childrenName": [ "dina/progress-bar-item" ], "attributes": { "module": { "type": "object", "selector": "{{selector}}", "default": { "meta": { "adminLabel": { "desktop": { "value": "Skill Progress Bar" } } }, "advanced": { "barHeight": { "desktop": { "value": "28px" } }, "borderRound": { "desktop": { "value": "3px" } }, "tooltipBg": { "desktop": { "value": "#01564D" } }, "tooltipRound": { "desktop": { "value": "5px" } }, "offsetX": { "desktop": { "value": "10px" } } } }, "styleProps": { "spacing": { "important": true }, "border": { "important": true } }, "settings": { "meta": { "adminLabel": {} }, "advanced": { "barHeight": { "groupType": "group-item", "item": { "groupSlug": "designProgressBar", "attrName": "module.advanced.barHeight", "label": "Height", "description": "Define the progress bar height.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 1, "max": 350, "step": 1, "allowedUnits": [ "px", "em", "rem" ], "defaultUnit": "px" } } } }, "borderRound": { "groupType": "group-item", "item": { "groupSlug": "designProgressBar", "attrName": "module.advanced.borderRound", "label": "Corner Round", "description": "Define the progress bar corner border radius.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 500, "step": 1, "allowedUnits": [ "px", "%" ], "defaultUnit": "px" } } } }, "tooltipBg": { "groupType": "group-item", "item": { "groupSlug": "designLevel", "attrName": "module.advanced.tooltipBg", "label": "Level Tooltip Background", "description": "Define level tooltip background color.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "tooltipRound": { "groupType": "group-item", "item": { "groupSlug": "designLevel", "attrName": "module.advanced.tooltipRound", "label": "Tooltip Round", "description": "Define the progress bar level tooltip border radius.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 500, "step": 1, "allowedUnits": [ "px", "%" ], "defaultUnit": "px" } } } }, "offsetX": { "groupType": "group-item", "item": { "groupSlug": "designLevel", "attrName": "module.advanced.offsetX", "label": "Tooltip Vertical Offset", "description": "Define the progress bar level tooltip vertical position.", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": -500, "max": 500, "step": 1, "allowedUnits": [ "px", "em", "rem" ], "defaultUnit": "px" } } } }, "htmlAttributes": {} }, "decoration": { "animation": {}, "attributes": {}, "background": {}, "border": {}, "boxShadow": {}, "conditions": {}, "disabledOn": {}, "filters": {}, "interactions": {}, "layout": {}, "overflow": {}, "order": {}, "position": {}, "scroll": {}, "sizing": {}, "spacing": {}, "sticky": {}, "transform": {}, "transition": {}, "zIndex": {} } } }, "bar": { "type": "object", "selector": "{{selector}} .dina_progress", "default": { "decoration": { "background": { "desktop": { "value": { "color": "#E8F0EF" } } } } }, "settings": { "decoration": { "background": { "groupType": "group-item", "item": { "groupSlug": "designProgressBar", "priority": 10, "render": true, "component": { "type": "group", "name": "divi/background", "props": { "grouped": true, "fieldLabel": "Progress Bar" } } } } } } }, "level": { "type": "object", "selector": "{{selector}} .dina_progress-level", "default": { "decoration": { "background": { "desktop": { "value": { "color": "#01564D" } } } } }, "settings": { "decoration": { "background": { "groupType": "group-item", "item": { "groupSlug": "designProgressBar", "priority": 10, "render": true, "component": { "type": "group", "name": "divi/background", "props": { "grouped": true, "fieldLabel": "Level" } } } } } } }, "levelTooltip": { "type": "object", "selector": "{{selector}} .dina_progress-level:before", "default": { "decoration": { "spacing": { "desktop": { "value": { "padding": { "top": "4px", "right": "10px", "bottom": "4px", "left": "10px" } } } } } }, "settings": { "decoration": { "spacing": { "groupType": "group-item", "item": { "groupSlug": "designLevel", "priority": 10, "render": true, "component": { "type": "group", "name": "divi/spacing", "props": { "grouped": true, "fieldLabel": "Level Tooltip", "fields": { "margin": { "render": false } } } } } } } } }, "levelText": { "type": "object", "selector": "{{selector}} .dina_progress-level:before, {{selector}} .dina_progress_bar-level-text", "settings": { "decoration": { "font": { "groupType": "group-item", "item": { "groupSlug": "designLevelText", "priority": 10, "render": true, "component": { "type": "group", "name": "divi/font", "props": { "grouped": false, "fieldLabel": "Level", "fields": { "headingLevel": { "render": false } } } } } } } } }, "icon": { "type": "object", "selector": "{{selector}} .dina_progress_bar-icon i.dina_icon", "settings": { "decoration": { "background": { "groupType": "group-item", "item": { "groupSlug": "designIcon", "priority": 10, "render": true, "component": { "type": "group", "name": "divi/background", "props": { "grouped": true, "fieldLabel": "Icon" } } } }, "spacing": { "groupType": "group-item", "item": { "groupSlug": "designIcon", "priority": 20, "render": true, "component": { "type": "group", "name": "divi/spacing", "props": { "grouped": true, "fieldLabel": "Icon", "fields": { "margin": { "render": false } } } } } }, "border": { "groupType": "group-item", "item": { "groupSlug": "designIcon", "priority": 30, "render": true, "component": { "type": "group", "name": "divi/border", "props": { "grouped": true, "fieldLabel": "Icon" } } } } }, "advanced": { "color": { "groupType": "group-item", "item": { "groupSlug": "designIcon", "attrName": "icon.advanced.color", "label": "Icon Color", "description": "Here you can change icon color.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": true, "hover": true }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "size": { "groupType": "group-item", "item": { "groupSlug": "designIcon", "attrName": "icon.advanced.size", "label": "Icon Size", "description": "Here you can change icon size.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": true, "hover": true }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 1000, "step": 1, "allowedUnits": [ "px", "em", "rem" ], "defaultUnit": "px" } } } } } }, "default": { "advanced": { "color": { "desktop": { "value": "#000000" } }, "size": { "desktop": { "value": "20px" } } } } }, "iconWrapper": { "type": "object", "selector": "{{selector}} .dina_progress_bar-icon", "settings": { "decoration": { "spacing": { "groupType": "group-item", "item": { "groupSlug": "designIcon", "priority": 10, "render": true, "component": { "type": "group", "name": "divi/spacing", "props": { "grouped": true, "fieldLabel": "Icon Wrapper", "fields": { "padding": { "render": false } } } } } } } } }, "name": { "type": "object", "selector": "{{selector}} .dina_progress_bar-name", "settings": { "decoration": { "font": { "groupType": "group-item", "item": { "groupSlug": "designNameText", "priority": 10, "render": true, "component": { "type": "group", "name": "divi/font", "props": { "grouped": false, "fieldLabel": "Name", "fields": { "headingLevel": { "render": false } } } } } } } } }, "description": { "type": "object", "selector": "{{selector}} .dina_progress_bar-description p", "settings": { "decoration": { "font": { "groupType": "group-item", "item": { "groupSlug": "designDescriptionText", "priority": 10, "render": true, "component": { "type": "group", "name": "divi/font", "props": { "grouped": false, "fieldLabel": "Description", "fields": { "headingLevel": { "render": false } } } } } } } } }, "item": { "type": "object", "selector": "{{selector}} .dina_progress_bar_child", "styleProps": { "spacing": { "important": true }, "border": { "important": true } }, "default": { "decoration": { "spacing": { "desktop": { "value": { "margin": { "top": "0px", "right": "0px", "bottom": "15px", "left": "0px" } } } } } }, "settings": { "decoration": { "spacing": { "groupType": "group-item", "item": { "groupSlug": "designItem", "priority": 10, "render": true, "component": { "type": "group", "name": "divi/spacing", "props": { "grouped": true, "fieldLabel": "Progress Item" } } } }, "border": { "groupType": "group-item", "item": { "groupSlug": "designItem", "priority": 20, "render": true, "component": { "type": "group", "name": "divi/border", "props": { "grouped": true, "fieldLabel": "Progress Item" } } } } } } } }, "customCssFields": { "nameText": { "subName": "nameText", "label": "Name Text", "selectorSuffix": " .dina_progress_bar-name" }, "levelText": { "subName": "levelText", "label": "Level Text", "selectorSuffix": " .dina_progress_bar-level" }, "progressItem": { "subName": "progressItem", "label": "Progress Bar Item", "selectorSuffix": " .dina_progress_bar-item" } }, "settings": { "content": "auto", "design": "auto", "advanced": "auto", "groups": { "designProgressBar": { "panel": "design", "priority": 10, "groupName": "designProgressBar", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Progress Bar" } } }, "designIcon": { "panel": "design", "priority": 20, "groupName": "designIcon", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Icon" } } }, "designLevel": { "panel": "design", "priority": 30, "groupName": "designLevel", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Level" } } }, "designLevelText": { "panel": "design", "priority": 40, "groupName": "designLevelText", "component": { "name": "divi/composite", "props": { "groupLabel": "Level Text", "clipboardCategory": "style", "presetGroup": "divi/font" } } }, "designNameText": { "panel": "design", "priority": 50, "groupName": "designNameText", "component": { "name": "divi/composite", "props": { "groupLabel": "Name Text", "clipboardCategory": "style", "presetGroup": "divi/font" } } }, "designDescriptionText": { "panel": "design", "priority": 60, "groupName": "designDescriptionText", "component": { "name": "divi/composite", "props": { "groupLabel": "Description Text", "clipboardCategory": "style", "presetGroup": "divi/font" } } }, "designItem": { "panel": "design", "priority": 70, "groupName": "designItem", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Progress Item" } } } } } }