{
  "definitions": {
    "events": {
      "$ref": "#/definitions/Events",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Events": {
          "additionalProperties": false,
          "properties": {
            "clickEnter": {
              "additionalProperties": false,
              "properties": {
                "id": {
                  "type": "string"
                },
                "valid": {
                  "type": "boolean"
                },
                "value": {
                  "type": "string"
                }
              },
              "required": [
                "value",
                "valid"
              ],
              "type": "object"
            },
            "setVal": {
              "additionalProperties": false,
              "properties": {
                "id": {
                  "type": "string"
                },
                "valid": {
                  "type": "boolean"
                },
                "value": {
                  "type": "string"
                }
              },
              "required": [
                "value",
                "valid",
                "id"
              ],
              "type": "object"
            }
          },
          "required": [
            "setVal",
            "clickEnter"
          ],
          "type": "object"
        }
      }
    },
    "component": {
      "$ref": "#/definitions/Component",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Component": {
          "additionalProperties": false,
          "properties": {
            "id": {
              "type": "string"
            },
            "schemaentry": {
              "anyOf": [
                {
                  "type": "string"
                },
                {
                  "$ref": "#/definitions/FormSchemaEntry"
                }
              ],
              "description": "JSON string from HTML, or a parsed object from JavaScript (`parseSchemaentryProp`)."
            },
            "show_validation": {
              "enum": [
                "yes",
                "no"
              ],
              "type": "string"
            },
            "style": {
              "type": "string"
            }
          },
          "type": "object"
        },
        "FormSchemaDependency": {
          "additionalProperties": false,
          "properties": {
            "id": {
              "type": "string"
            },
            "values": {
              "items": {
                "type": [
                  "string",
                  "number",
                  "boolean"
                ]
              },
              "type": "array"
            }
          },
          "required": [
            "id"
          ],
          "type": "object"
        },
        "FormSchemaEntry": {
          "additionalProperties": false,
          "properties": {
            "array_style": {
              "description": "For `type: \"arraytags\"` only: forwarded to `hb-input-array-tags` as the host `array_style` attribute (`\"pills\"` | `\"area\"` string). When omitted, **`hb-form` defaults to `\"area\"`**.",
              "type": "string"
            },
            "dependencies": {
              "items": {
                "$ref": "#/definitions/FormSchemaDependency"
              },
              "type": "array"
            },
            "disabled": {
              "type": "boolean"
            },
            "id": {
              "type": "string"
            },
            "label": {
              "type": "string"
            },
            "params": {
              "$ref": "#/definitions/InputAreaParams"
            },
            "placeholder": {
              "type": "string"
            },
            "readonly": {
              "type": "boolean"
            },
            "required": {
              "type": "boolean"
            },
            "type": {
              "description": "Discriminator for `hb-form` rows (`row`, `text`, `number`, …). May be omitted on a standalone `schemaentry` when implied by the host tag.",
              "type": "string"
            },
            "validationRegex": {
              "type": "string"
            },
            "validationTip": {
              "type": "string"
            },
            "value": {}
          },
          "required": [
            "id"
          ],
          "type": "object"
        },
        "InputAreaParams": {
          "additionalProperties": false,
          "description": "Optional string length bounds (see component validation logic).",
          "properties": {
            "max": {
              "type": "number"
            },
            "min": {
              "type": "number"
            }
          },
          "type": "object"
        }
      }
    }
  },
  "description": "Bulma `textarea` + validation modifiers and `help is-danger`. `schemaentry` matches the shared form shape (`FormSchemaEntryShared` + control fields): `id`, optional `label`, `value`, `placeholder`, `readonly`, `disabled`, `required`, `validationRegex`, `validationTip`, and optional `params` as `InputAreaParams` (`min` / `max` = inclusive character counts). Dispatches `setVal` and `clickEnter` (Enter without Shift inserts a newline). Theme `--bulma-*` on `:host`. Typings in `types/webcomponent.type.d.ts`.",
  "storybookArgs": {
    "schemaentry": {
      "control": {
        "type": "object"
      }
    },
    "show_validation": {
      "control": {
        "type": "boolean"
      }
    },
    "setVal": {
      "action": "setVal"
    },
    "clickEnter": {
      "action": "clickEnter"
    }
  },
  "styleSetup": {
    "vars": [
      {
        "name": "--bulma-primary",
        "valueType": "color",
        "defaultValue": "#00d1b2",
        "description": "Focus ring and valid-state accents on the textarea."
      },
      {
        "name": "--bulma-danger",
        "valueType": "color",
        "defaultValue": "#f14668",
        "description": "Invalid border and danger help text."
      },
      {
        "name": "--bulma-border",
        "valueType": "color",
        "defaultValue": "#dbdbdb",
        "description": "Default textarea border color."
      },
      {
        "name": "--bulma-text",
        "valueType": "color",
        "defaultValue": "#363636",
        "description": "Input text and label colors."
      },
      {
        "name": "--bulma-radius",
        "valueType": "number",
        "defaultValue": "0.375rem",
        "description": "Textarea corner radius."
      }
    ],
    "parts": [
      {
        "name": "invalid-feedback",
        "description": "Validation message (`help is-danger`) below the textarea."
      },
      {
        "name": "input",
        "description": "The `<textarea class=\"textarea\">` control."
      }
    ]
  },
  "contributors": [],
  "htmlSlots": [],
  "i18n": [],
  "examples": [
    {
      "name": "default",
      "data": {
        "schemaentry": {
          "placeholder": "Insert your last name here...",
          "id": "lastName2",
          "label": "Last Name Area",
          "validationTip": "This field cannot be empty."
        }
      }
    },
    {
      "name": "defaultRequired",
      "data": {
        "schemaentry": {
          "placeholder": "Insert your last name here...",
          "id": "lastName2",
          "required": true,
          "label": "Last Name Area",
          "validationTip": "This field cannot be empty."
        }
      }
    },
    {
      "name": "validationVisible",
      "description": "Shows invalid state styling when validation feedback is enabled.",
      "data": {
        "show_validation": "yes",
        "schemaentry": {
          "placeholder": "Notes (required)",
          "id": "notesArea",
          "required": true,
          "label": "Notes",
          "validationTip": "Please enter at least a few characters."
        }
      }
    },
    {
      "name": "optional",
      "description": "Optional textarea without a required constraint.",
      "data": {
        "schemaentry": {
          "placeholder": "Optional comments…",
          "id": "comments",
          "required": false,
          "label": "Comments"
        }
      }
    },
    {
      "name": "disabled",
      "description": "Textarea is fully disabled and non-interactive.",
      "data": {
        "schemaentry": {
          "placeholder": "Cannot edit this field",
          "id": "notesDisabled",
          "label": "Notes",
          "value": "Pre-filled content that cannot be changed.",
          "disabled": true
        }
      }
    }
  ],
  "iifeIntegrity": "sha384-pDoaBooZO9vww/0xMacXOiHMKytQgjJmB4iS8Yxz7awJFmxvkxqJZi7ZFxWIiUFd",
  "dependencies": [],
  "screenshots": [],
  "licenses": [
    {
      "type": "Apache-2.0",
      "path": "LICENSE.md",
      "cost": 0,
      "currency": "EUR"
    }
  ],
  "readmePath": "README.md",
  "name": "hb-input-area",
  "category": "inputs",
  "tags": [
    "inputs"
  ],
  "size": {},
  "iifePath": "main.iife.js",
  "repoName": "@htmlbricks/hb-input-area",
  "version": "0.76.5"
}