{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 2,
  "name": "styble/iconlist",
  "version": "1.0.1",
  "title": "Icon List",
  "category": "styble",
  "icon": "list-view",
  "description": "Create a beautiful list with eye-catching icons and customizations.",
  "supports": {
    "html": false,
    "customClassName": false,
    "anchor": false
  },
  "attributes": {
    "uniqueId": {
      "type": "string",
      "default": ""
    },
    "dynamicCss": {
      "type": "string",
      "default": ""
    },
    "fontList": {
      "type": "string"
    },
    "enableIcon": {
      "type": "boolean",
      "default": true
    },
    "iconType": {
      "type": "string",
      "default": "icon"
    },
    "iconPosition": {
      "type": "string",
      "default": "before-text"
    },
    "icon": {
      "type": "string",
      "default": "fas fa-info-circle"
    },
    "layout": {
      "type": "string",
      "default": "vertical"
    },
    "image": {
      "type": "object",
      "default": ""
    },
    "imageType": {
      "type": "string",
      "default": "local"
    },
    "imageUrl": {
      "type": "string",
      "default": ""
    },
    "imageAlt": {
      "type": "string",
      "default": ""
    },
    "imageCustomSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "",
            "right": ""
          },
          "Tablet": {
            "top": "",
            "right": ""
          },
          "Mobile": {
            "top": "",
            "right": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "tabShowHide": {
      "type": "object",
      "default": {
        "iconTab": true,
        "contentTab": false,
        "styleIconTab": true,
        "styleContentTab": false
      }
    },
    "hideLabel": {
      "type": "boolean",
      "default": false
    },
    "alignment": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": "left",
          "Tablet": "",
          "Mobile": ""
        }
      }
    },
    "verticalAlignment": {
      "type": "string",
      "default": "start"
    },
    "gapBetweenIconText": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 8,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "gapBetweenItems": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 10,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "iconSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 28,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "iconBorder": {
      "type": "object",
      "default": {
        "color": "#444",
        "style": "none",
        "hoverColor": "#000"
      }
    },
    "iconBorderWidth": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "iconBorderRadius": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "bgIconColor": {
      "type": "object",
      "default": {
        "color": {
          "style": "transparent",
          "transparent": "",
          "solidColor": "#fff",
          "gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
        },
        "hover": {
          "style": "",
          "transparent": "",
          "solidColor": "",
          "gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
        }
      }
    },
    "iconColor": {
      "type": "object",
      "default": {
        "color": "#444",
        "hover": ""
      }
    },
    "iconHoverColor": {
      "type": "string",
      "default": "#444"
    },
    "imageWidth": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 28,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "imageHeight": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 28,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "imagePadding": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "enableLabelTypography": {
      "type": "boolean",
      "default": false
    },
    "labelTypography": {
      "type": "object",
      "default": {
        "googleFont": {
          "family": "Default",
          "variants": [
            "300",
            "400",
            "500",
            "600",
            "700",
            "800"
          ]
        },
        "typography": {
          "family": "",
          "fontWeight": "400",
          "style": "normal",
          "transform": "none",
          "decoration": "none"
        }
      }
    },
    "labelFontSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 16,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "labelSpacing": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 0,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "labelLineHeight": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 24,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "labelColor": {
      "type": "object",
      "default": {
        "color": "#444",
        "hover": ""
      }
    },
    "iconListPadding": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "iconListMargin": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "iconListHideOnDesktop": {
      "type": "boolean",
      "default": false
    },
    "iconListHideOnTablet": {
      "type": "boolean",
      "default": false
    },
    "iconListHideOnMobile": {
      "type": "boolean",
      "default": false
    },
    "additionalClass": {
      "type": "string",
      "default": ""
    },
    "isPreview": {
      "type": "boolean",
      "default": false
    }
  },
  "example": {
    "attributes": {
      "isPreview": true
    }
  },
  "textdomain": "styble",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css"
}