{
  "version": 2,
  "tags": [
    {
      "name": "fc-form-field",
      "description": "An element that contained field by different types\n<!-- Author: oweingart <oweingart@forter.com> -->\n\n## Usage\n\n```html\n<script>\n   import '@forter/form-field';\n</script>\n\n<fc-form-field>\n</fc-form-field>\n```\n\n## Examples\n```html\n<!-- field options -->\n<fc-form-field type=\"\n\" .options=\"${['foo','bar']}\"></fc-form-field>\n```\n```html\n<!-- input with warning -->\n<fc-form-field type=\"number\" label=\"foo\" warning=\"Low Amount\"></fc-form-field>\n```\n```html\n<!-- select with warning -->\n<fc-form-field type=\"dropdown\" label=\"foo\" warning=\"Low Amount\"></fc-form-field>\n```",
      "jsDoc": "/**\n * An element that contained field by different types\n * <!-- Author: oweingart <oweingart@forter.com> -->\n *\n * ## Usage\n *\n * ```html\n * <script>\n *   import '@forter/form-field';\n * </script>\n *\n * <fc-form-field>\n * </fc-form-field>\n * ```\n *\n * ## Examples\n * ```html\n * <!-- field options -->\n * <fc-form-field type=\"\n * \" .options=\"${['foo','bar']}\"></fc-form-field>\n * ```\n * ```html\n * <!-- input with warning -->\n * <fc-form-field type=\"number\" label=\"foo\" warning=\"Low Amount\"></fc-form-field>\n * ```\n * ```html\n * <!-- select with warning -->\n * <fc-form-field type=\"dropdown\" label=\"foo\" warning=\"Low Amount\"></fc-form-field>\n * ```\n *\n * @element fc-form-field\n * @cssprop --fc-form-field-disabled-color - color.\n * @cssprop --fc-form-field-disabled-color - disabled color. example: `gray`\n */",
      "attributes": [
        {
          "name": "disabled",
          "description": "If the field is disabled",
          "jsDoc": "/**\n   * If the field is disabled\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "If the field is readonly",
          "jsDoc": "/**\n   * If the field is readonly\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "single-selection",
          "description": "If multi field allow choosing only single value",
          "jsDoc": "/**\n   * If multi field allow choosing only single value\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "validations",
          "description": "List of the validation name to run when value is changed",
          "jsDoc": "/**\n   * List of the validation name to run when value is changed\n   * @type {Array}\n   * @attr\n   */",
          "type": "any[]"
        },
        {
          "name": "pattern",
          "description": "Pattern validation",
          "jsDoc": "/**\n   * Pattern validation\n   * @type {Array}\n   * @attr\n   */",
          "type": "any[]"
        },
        {
          "name": "maxlength",
          "description": "Validate maxlength of string value",
          "jsDoc": "/**\n   * Validate maxlength of string value\n   * @type {Number}\n   * @attr\n   */",
          "type": "number"
        },
        {
          "name": "minlength",
          "description": "Validate minimum length of string value",
          "jsDoc": "/**\n   * Validate minimum length of string value\n   * @type {Number}\n   * @attr\n   */",
          "type": "number"
        },
        {
          "name": "min",
          "description": "Validate minimum of number value",
          "jsDoc": "/**\n   * Validate minimum of number value\n   * @type {Number}\n   * @attr\n   */",
          "type": "number"
        },
        {
          "name": "max",
          "description": "Validate minimum of number value",
          "jsDoc": "/**\n   * Validate minimum of number value\n   * @type {Number}\n   * @attr\n   */",
          "type": "number"
        },
        {
          "name": "type",
          "description": "Type of the field - can be existing types such as: text, number, tags, dropdown or name of the type in the 'custom-renderers' object passed to fc-form.",
          "jsDoc": "/**\n   * Type of the field - can be existing types such as: text, number, tags, dropdown or name of the type in the 'custom-renderers' object passed to fc-form.\n   * @type {'text'|'tags'|'number'|'dropdown'|'date'|'button-group'|'currency'|'select' | 'textarea'|'chips'|'segmented-control'|'radio-group'}\n   * @attr\n   */",
          "type": "\"number\" | \"text\" | \"tags\" | \"dropdown\" | \"date\" | \"button-group\" | \"currency\" | \"select\" | \"textarea\" | \"chips\" | \"segmented-control\" | \"radio-group\""
        },
        {
          "name": "label",
          "description": "Label of the field",
          "jsDoc": "/**\n   * Label of the field\n   * @type {String}\n   * @attr\n   */",
          "type": "string"
        },
        {
          "name": "placeholder",
          "description": "Placeholder in case of input types when no value",
          "jsDoc": "/**\n   * Placeholder in case of input types when no value\n   * @type {String}\n   * @attr\n   */",
          "type": "string"
        },
        {
          "name": "format",
          "description": "Date Format. default: `MM/DD/YYYY`, example: `DD MMM YYYY HH:mm`",
          "jsDoc": "/**\n   * Date Format. default: `MM/DD/YYYY`, example: `DD MMM YYYY HH:mm`\n   * @type {String}\n   * @attr\n   */",
          "type": "string"
        },
        {
          "name": "menu",
          "description": "Whether or not the chips menu is enabled",
          "jsDoc": "/**\n   * Whether or not the chips menu is enabled\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "chips-type",
          "description": "Type of the chips (example: \"more\")",
          "jsDoc": "/**\n   * Type of the chips (example: \"more\")\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "path",
          "description": "Path of the the field what will be set on the fc-form model (example: \"user.firstName\", \"user.email\")",
          "jsDoc": "/**\n   * Path of the the field what will be set on the fc-form model (example: \"user.firstName\", \"user.email\")\n   * @type {String}\n   * @attr\n   */",
          "type": "string"
        },
        {
          "name": "currencysymbol",
          "description": "Currency symbol to show in currency type input field (example: \"$\", \"₪\")",
          "jsDoc": "/**\n   * Currency symbol to show in currency type input field (example: \"$\", \"₪\")\n   * @type {String}\n   * @attr\n   */",
          "type": "string"
        },
        {
          "name": "allow-other-option",
          "description": "The additional \"other\" value in case of fields with multiple options that allow adding custom value",
          "jsDoc": "/**\n   * The additional \"other\" value in case of fields with multiple options that allow adding custom value\n   * @type {String}\n   * @attr\n   */",
          "type": "string"
        },
        {
          "name": "other-option-value",
          "description": "The additional \"other\" value in case of fields with multiple options that allow adding custom value",
          "jsDoc": "/**\n   * The additional \"other\" value in case of fields with multiple options that allow adding custom value\n   * @type {String}\n   * @attr\n   */",
          "type": "string"
        },
        {
          "name": "dateOptions",
          "description": "For date input, additional options for the date picker to pass",
          "jsDoc": "/**\n   * For date input, additional options for the date picker to pass\n   * @type {Object}\n   * @attr\n   */",
          "type": "any"
        },
        {
          "name": "valid",
          "description": "Internal Observables",
          "jsDoc": "/**\n   *\n   * Internal Observables\n   *\n   */",
          "type": "boolean"
        },
        {
          "name": "dirty",
          "description": "If the field is dirty",
          "jsDoc": "/**\n   * If the field is dirty\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "clearable",
          "description": "If the field is clearable",
          "jsDoc": "/**\n   * If the field is clearable\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "boldable",
          "description": "If the field is boldable",
          "jsDoc": "/**\n   * If the field is boldable\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "hideResize",
          "description": "If hide resize in textarea",
          "jsDoc": "/**\n   * If hide resize in textarea\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "rows",
          "description": "Rows in textarea",
          "jsDoc": "/**\n   * Rows in textarea\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "extended",
          "description": "If fc-input width should be extended",
          "jsDoc": "/**\n   * If fc-input width should be extended\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "value",
          "description": "Setter for single value field",
          "jsDoc": "/**\n   * Setter for single value field\n   * @param {String} value\n   */",
          "type": "string"
        },
        {
          "name": "required",
          "description": "Setter for single value field",
          "jsDoc": "/**\n   * Setter for single value field\n   * @param {String} value\n   */",
          "type": "string"
        },
        {
          "name": "options",
          "type": "any[]"
        },
        {
          "name": "values",
          "description": "Setter for multi values field",
          "jsDoc": "/**\n   * Setter for multi values field\n   * @param {Array} values\n   */",
          "type": "any[]"
        },
        {
          "name": "warning",
          "type": "\"\" | TemplateResult"
        }
      ],
      "properties": [
        {
          "name": "disabled",
          "description": "If the field is disabled",
          "jsDoc": "/**\n   * If the field is disabled\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "readonly",
          "description": "If the field is readonly",
          "jsDoc": "/**\n   * If the field is readonly\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "singleSelection",
          "description": "If multi field allow choosing only single value",
          "jsDoc": "/**\n   * If multi field allow choosing only single value\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "validations",
          "description": "List of the validation name to run when value is changed",
          "jsDoc": "/**\n   * List of the validation name to run when value is changed\n   * @type {Array}\n   * @attr\n   */",
          "type": "any[]"
        },
        {
          "name": "pattern",
          "description": "Pattern validation",
          "jsDoc": "/**\n   * Pattern validation\n   * @type {Array}\n   * @attr\n   */",
          "type": "any[]"
        },
        {
          "name": "maxlength",
          "description": "Validate maxlength of string value",
          "jsDoc": "/**\n   * Validate maxlength of string value\n   * @type {Number}\n   * @attr\n   */",
          "type": "number"
        },
        {
          "name": "minlength",
          "description": "Validate minimum length of string value",
          "jsDoc": "/**\n   * Validate minimum length of string value\n   * @type {Number}\n   * @attr\n   */",
          "type": "number"
        },
        {
          "name": "min",
          "description": "Validate minimum of number value",
          "jsDoc": "/**\n   * Validate minimum of number value\n   * @type {Number}\n   * @attr\n   */",
          "type": "number"
        },
        {
          "name": "max",
          "description": "Validate minimum of number value",
          "jsDoc": "/**\n   * Validate minimum of number value\n   * @type {Number}\n   * @attr\n   */",
          "type": "number"
        },
        {
          "name": "type",
          "description": "Type of the field - can be existing types such as: text, number, tags, dropdown or name of the type in the 'custom-renderers' object passed to fc-form.",
          "jsDoc": "/**\n   * Type of the field - can be existing types such as: text, number, tags, dropdown or name of the type in the 'custom-renderers' object passed to fc-form.\n   * @type {'text'|'tags'|'number'|'dropdown'|'date'|'button-group'|'currency'|'select' | 'textarea'|'chips'|'segmented-control'|'radio-group'}\n   * @attr\n   */",
          "type": "\"number\" | \"text\" | \"tags\" | \"dropdown\" | \"date\" | \"button-group\" | \"currency\" | \"select\" | \"textarea\" | \"chips\" | \"segmented-control\" | \"radio-group\""
        },
        {
          "name": "label",
          "description": "Label of the field",
          "jsDoc": "/**\n   * Label of the field\n   * @type {String}\n   * @attr\n   */",
          "type": "string"
        },
        {
          "name": "placeholder",
          "description": "Placeholder in case of input types when no value",
          "jsDoc": "/**\n   * Placeholder in case of input types when no value\n   * @type {String}\n   * @attr\n   */",
          "type": "string"
        },
        {
          "name": "format",
          "description": "Date Format. default: `MM/DD/YYYY`, example: `DD MMM YYYY HH:mm`",
          "jsDoc": "/**\n   * Date Format. default: `MM/DD/YYYY`, example: `DD MMM YYYY HH:mm`\n   * @type {String}\n   * @attr\n   */",
          "type": "string"
        },
        {
          "name": "menu",
          "description": "Whether or not the chips menu is enabled",
          "jsDoc": "/**\n   * Whether or not the chips menu is enabled\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "chipsType",
          "description": "Type of the chips (example: \"more\")",
          "jsDoc": "/**\n   * Type of the chips (example: \"more\")\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "path",
          "description": "Path of the the field what will be set on the fc-form model (example: \"user.firstName\", \"user.email\")",
          "jsDoc": "/**\n   * Path of the the field what will be set on the fc-form model (example: \"user.firstName\", \"user.email\")\n   * @type {String}\n   * @attr\n   */",
          "type": "string"
        },
        {
          "name": "currencysymbol",
          "description": "Currency symbol to show in currency type input field (example: \"$\", \"₪\")",
          "jsDoc": "/**\n   * Currency symbol to show in currency type input field (example: \"$\", \"₪\")\n   * @type {String}\n   * @attr\n   */",
          "type": "string"
        },
        {
          "name": "allowOtherOption",
          "description": "The additional \"other\" value in case of fields with multiple options that allow adding custom value",
          "jsDoc": "/**\n   * The additional \"other\" value in case of fields with multiple options that allow adding custom value\n   * @type {String}\n   * @attr\n   */",
          "type": "string"
        },
        {
          "name": "otherOptionValue",
          "description": "The additional \"other\" value in case of fields with multiple options that allow adding custom value",
          "jsDoc": "/**\n   * The additional \"other\" value in case of fields with multiple options that allow adding custom value\n   * @type {String}\n   * @attr\n   */",
          "type": "string"
        },
        {
          "name": "dateOptions",
          "description": "For date input, additional options for the date picker to pass",
          "jsDoc": "/**\n   * For date input, additional options for the date picker to pass\n   * @type {Object}\n   * @attr\n   */",
          "type": "any"
        },
        {
          "name": "valid",
          "description": "Internal Observables",
          "jsDoc": "/**\n   *\n   * Internal Observables\n   *\n   */",
          "type": "boolean"
        },
        {
          "name": "dirty",
          "description": "If the field is dirty",
          "jsDoc": "/**\n   * If the field is dirty\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "clearable",
          "description": "If the field is clearable",
          "jsDoc": "/**\n   * If the field is clearable\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "boldable",
          "description": "If the field is boldable",
          "jsDoc": "/**\n   * If the field is boldable\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "hideResize",
          "description": "If hide resize in textarea",
          "jsDoc": "/**\n   * If hide resize in textarea\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "rows",
          "description": "Rows in textarea",
          "jsDoc": "/**\n   * Rows in textarea\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "extended",
          "description": "If fc-input width should be extended",
          "jsDoc": "/**\n   * If fc-input width should be extended\n   * @type {Boolean}\n   * @attr\n   */",
          "type": "boolean"
        },
        {
          "name": "value",
          "description": "Setter for single value field",
          "jsDoc": "/**\n   * Setter for single value field\n   * @param {String} value\n   */",
          "type": "string"
        },
        {
          "name": "required",
          "description": "Setter for single value field",
          "jsDoc": "/**\n   * Setter for single value field\n   * @param {String} value\n   */",
          "type": "string"
        },
        {
          "name": "options",
          "type": "any[]"
        },
        {
          "name": "values",
          "description": "Setter for multi values field",
          "jsDoc": "/**\n   * Setter for multi values field\n   * @param {Array} values\n   */",
          "type": "any[]"
        },
        {
          "name": "warning",
          "type": "\"\" | TemplateResult"
        },
        {
          "name": "renderErrorMessage",
          "type": "\"\" | TemplateResult[]"
        }
      ],
      "events": [
        {
          "name": "field-removed"
        }
      ],
      "cssProperties": [
        {
          "name": "--fc-form-field-disabled-color",
          "description": "disabled color. example: `gray`"
        }
      ]
    }
  ]
}