{
  "apiVersion": 3,
  "name": "gutenverse/form-input-multiselect",
  "title": "Multi Select",
  "description": "Gutenverse Input Multi Select",
  "category": "gutenverse-form",
  "attributes": {
    "elementId": {
      "type": "string"
    },
    "showLabel": {
      "type": "boolean",
      "default": true
    },
    "showHelper": {
      "type": "boolean",
      "default": true
    },
    "inputPlaceholder": {
        "type": "string",
        "default": ""
    },
    "inputHelper": {
      "type": "string",
      "default": "Input Helper"
    },
    "position": {
      "type": "string",
      "default": "top"
    },
    "labelWidth": {
      "type": "object"
    },
    "labelColor": {
      "type": "object"
    },
    "labelTypography": {
      "type": "object"
    },
    "labelPadding": {
      "type": "object"
    },
    "labelMargin": {
      "type": "object"
    },
    "helperColor": {
      "type": "object"
    },
    "helperTypography": {
      "type": "object"
    },
    "helperPadding": {
      "type": "object"
    },
    "warningColor": {
      "type": "object"
    },
    "warningTypography": {
      "type": "object"
    },
    "positioningType": {
            "type": "object"
        },
        "positioningWidth": {
            "type": "object"
        },
        "positioningAlign": {
            "type": "object"
        },
        "positioningLocation": {
            "type": "string"
        },
        "positioningLeft": {
            "type": "object"
        },
        "positioningRight": {
            "type": "object"
        },
        "positioningTop": {
            "type": "object"
        },
        "positioningBottom": {
            "type": "object"
        },
        "background": {
      "type": "object",
      "default": {}
    },
    "backgroundHover": {
      "type": "object",
      "default": {}
    },
    "border": {
      "type": "object"
    },
    "boxShadow": {
      "type": "object"
    },
    "borderHover": {
      "type": "object"
    },
    "boxShadowHover": {
      "type": "object"
    },
    "margin": {
      "type": "object"
    },
    "padding": {
      "type": "object"
    },
    "zIndex": {
      "type": "object"
    },
    "animation": {
      "type": "object",
      "default": {}
    },
    "hideDesktop": {
      "type": "boolean"
    },
    "hideTablet": {
      "type": "boolean"
    },
    "hideMobile": {
      "type": "boolean"
    },
    "inputLabel": {
      "type": "string",
      "default": "Multi Select"
    },
    "inputName": {
      "type": "string",
      "default": "input-multi-select"
    },
    "selectedOption": {
      "type": "array",
      "default": []
    },
    "selectOptions": {
      "type": "array",
      "default": [
        {
          "value": "option-1",
          "label": "Option 1"
        },
        {
          "value": "option-2",
          "label": "Option 2"
        },
        {
          "value": "option-3",
          "label": "Option 3"
        }
      ]
    },
    "selectedColor": {
      "type": "object"
    },
    "selectedBgColor": {
      "type": "object"
    },
    "selectedBorderColor": {
      "type": "object"
    },
    "selectedRadius": {
      "type": "object"
    },
    "required": {
      "type": "boolean",
      "default": false
    },
    "validationType": {
      "type": "string"
    },
    "validationMin": {
      "type": "number"
    },
    "validationMax": {
      "type": "number"
    },
    "validationWarning": {
      "type": "string",
      "default": "Input Invalid"
    },
    "inputPadding": {
      "type": "object"
    },
    "inputMargin": {
      "type": "object"
    },
    "inputColor": {
      "type": "object"
    },
    "placeholderColor": {
      "type": "object"
    },
    "inputTextColor": {
      "type": "object"
    },
    "placeholderBgColor": {
      "type": "object"
    },
    "inputTypography": {
      "type": "object"
    },
    "inputColorNormal": {
      "type": "object"
    },
    "inputBorderNormal": {
      "type": "object"
    },
    "inputColorHover": {
      "type": "object"
    },
    "inputBorderHover": {
      "type": "object"
    },
    "inputColorFocus": {
      "type": "object"
    },
    "inputBorderFocus": {
      "type": "object"
    },
    "inputBgColorNormal": {
      "type": "object"
    },
    "inputBgColorHover": {
      "type": "object"
    }
  },
  "supports": {
    "className": false
  },
  "keywords": ["input", "form", "gutenverse"],
  "viewScript": ["gutenverse-form-frontend-input-multiselect-script"]
}