{
  "name": "dina/icon-list",
  "d4Shortcode": "dina_icon_list",
  "title": "Icon List",
  "titles": "Icon Lists",
  "moduleIcon": "dina/icon-list",
  "moduleClassName": "dina_icon_list",
  "moduleOrderClassName": "dina_icon_list",
  "category": "module",
  "folder": "divinationkit",
  "childModuleName": "dina/icon-list-item",
  "childModuleTitle": "Icon List Item",
  "childrenName": [
    "dina/icon-list-item"
  ],
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "meta": {
          "adminLabel": {
            "desktop": {
              "value": "Icon List"
            }
          }
        },
        "advanced": {
          "horizontalAlign": {
            "desktop": {
              "value": "left"
            }
          },
          "verticalAlign": {
            "desktop": {
              "value": "center"
            }
          },
          "iconGap": {
            "desktop": {
              "value": "10px"
            }
          },
          "tooltipBg": {
            "desktop": {
              "value": "#333333"
            }
          },
          "tooltipButtonColor": {
            "desktop": {
              "value": "#dddddd"
            }
          },
          "tooltipButtonSize": {
            "desktop": {
              "value": "14px"
            }
          }
        }
      },
      "styleProps": {
        "spacing": {
          "important": true
        }
      },
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "advanced": {
          "horizontalAlign": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLayout",
              "attrName": "module.advanced.horizontalAlign",
              "label": "Horizontal Align",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "left": {
                      "label": "Left"
                    },
                    "center": {
                      "label": "Center"
                    },
                    "right": {
                      "label": "Right"
                    }
                  }
                }
              }
            }
          },
          "verticalAlign": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLayout",
              "attrName": "module.advanced.verticalAlign",
              "label": "Vertical Align",
              "description": "Define the content vertical alignment.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "flex-start": {
                      "label": "Top"
                    },
                    "center": {
                      "label": "Vertically Center"
                    },
                    "flex-end": {
                      "label": "Bottom"
                    }
                  }
                }
              }
            }
          },
          "iconGap": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLayout",
              "attrName": "module.advanced.iconGap",
              "label": "Icon Gap",
              "description": "Define space between media and content.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 500,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem",
                    "%"
                  ],
                  "defaultUnit": "px"
                }
              }
            }
          },
          "tooltipBg": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTooltip",
              "attrName": "module.advanced.tooltipBg",
              "label": "Tooltip Background",
              "description": "Here you can change tooltip background color.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "tooltipButtonColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTooltip",
              "attrName": "module.advanced.tooltipButtonColor",
              "label": "Tooltip Button Color",
              "description": "Here you can change tooltip button color.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "tooltipButtonSize": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTooltip",
              "attrName": "module.advanced.tooltipButtonSize",
              "label": "Tooltip Button Size",
              "description": "Define tooltip button size.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 500,
                  "step": 1,
                  "allowedUnits": [
                    "px",
                    "em",
                    "rem"
                  ],
                  "defaultUnit": "px"
                }
              }
            }
          },
          "htmlAttributes": {},
          "text": {
            "groupType": "group",
            "groupName": "divi/text",
            "panel": "design",
            "priority": 90,
            "component": {
              "props": {
                "fields": {
                  "orientation": {
                    "render": false
                  },
                  "color": {
                    "render": false
                  }
                }
              }
            }
          }
        },
        "decoration": {
          "animation": {},
          "attributes": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "layout": {},
          "overflow": {},
          "order": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      }
    },
    "icon": {
      "type": "object",
      "selector": "{{selector}} .dina_icon_list-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": false
              },
              "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": false
              },
              "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_icon_list-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
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "title": {
      "type": "object",
      "selector": "{{selector}} .dina_icon_list-title",
      "settings": {
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTitle",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Title",
                  "fields": {
                    "headingLevel": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "description": {
      "type": "object",
      "selector": "{{selector}} .dina_icon_list-description p",
      "settings": {
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designDescription",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Description",
                  "fields": {
                    "headingLevel": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "tooltip": {
      "type": "object",
      "selector": "{{selector}} .dina_tooltip-text",
      "settings": {
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTooltipText",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Tooltip Text",
                  "fields": {
                    "headingLevel": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "tooltipWrapper": {
      "type": "object",
      "selector": "{{selector}} .dina_tooltip-wrapper",
      "default": {
        "decoration": {
          "spacing": {
            "desktop": {
              "value": {
                "padding": {
                  "top": "2px",
                  "right": "10px",
                  "bottom": "2px",
                  "left": "10px"
                }
              }
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTooltip",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Tooltip Wrapper",
                  "fields": {
                    "margin": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "badge": {
      "type": "object",
      "selector": "{{selector}} .dina_icon_list-badge",
      "default": {
        "decoration": {
          "background": {
            "desktop": {
              "value": {
                "color": "#0c71c3"
              }
            }
          },
          "spacing": {
            "desktop": {
              "value": {
                "padding": {
                  "top": "2px",
                  "right": "10px",
                  "bottom": "2px",
                  "left": "10px"
                }
              }
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBadge",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/background",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Badge"
                }
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBadge",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Badge",
                  "fields": {
                    "margin": {
                      "render": false
                    }
                  }
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBadge",
              "priority": 30,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Badge"
                }
              }
            }
          },
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBadgeText",
              "priority": 40,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Badge Text",
                  "fields": {
                    "headingLevel": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "item": {
      "type": "object",
      "selector": "{{selector}} .dina_icon_list_child",
      "styleProps": {
        "spacing": {
          "important": true
        }
      },
      "default": {
        "decoration": {
          "spacing": {
            "desktop": {
              "value": {
                "margin": {
                  "top": "0px",
                  "right": "0px",
                  "bottom": "10px",
                  "left": "0px"
                }
              }
            }
          }
        }
      },
      "settings": {
        "decoration": {
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designListItem",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "List Item"
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designListItem",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true,
                  "fieldLabel": "List Item"
                }
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {},
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "designLayout": {
        "panel": "design",
        "priority": 10,
        "groupName": "designLayout",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Layout"
          }
        }
      },
      "designIcon": {
        "panel": "design",
        "priority": 20,
        "groupName": "designIcon",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Icon"
          }
        }
      },
      "designTitle": {
        "panel": "design",
        "priority": 30,
        "groupName": "designTitle",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Title",
            "clipboardCategory": "style",
            "presetGroup": "divi/font"
          }
        }
      },
      "designDescription": {
        "panel": "design",
        "priority": 40,
        "groupName": "designDescription",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Description",
            "clipboardCategory": "style",
            "presetGroup": "divi/font"
          }
        }
      },
      "designTooltip": {
        "panel": "design",
        "priority": 50,
        "groupName": "designTooltip",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Tooltip"
          }
        }
      },
      "designTooltipText": {
        "panel": "design",
        "priority": 60,
        "groupName": "designTooltipText",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Tooltip Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font"
          }
        }
      },
      "designBadge": {
        "panel": "design",
        "priority": 70,
        "groupName": "designBadge",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Badge"
          }
        }
      },
      "designBadgeText": {
        "panel": "design",
        "priority": 80,
        "groupName": "designBadgeText",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Badge Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font"
          }
        }
      },
      "designListItem": {
        "panel": "design",
        "priority": 90,
        "groupName": "designListItem",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "List Item"
          }
        }
      }
    }
  }
}
