{
  "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": "number"
                }
              },
              "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"
            },
            "is_small": {
              "description": "When `\"yes\"`, applies Bulma `input.is-small`.",
              "enum": [
                "yes",
                "no"
              ],
              "type": "string"
            },
            "schemaentry": {
              "$ref": "#/definitions/FormSchemaEntry"
            },
            "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/InputNumberParams"
            },
            "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"
        },
        "InputNumberParams": {
          "additionalProperties": false,
          "description": "Bounds for the native number input. Keys are read with `hasOwnProperty`: include the key only when you want a DOM `min` / `max` attribute.",
          "properties": {
            "max": {
              "type": "number"
            },
            "min": {
              "type": "number"
            }
          },
          "type": "object"
        }
      }
    }
  },
  "description": "Native `<input type=\"number\">` with Bulma `input` + optional `is-success` / `is-danger` and `help is-danger`. `schemaentry.value` is a number; optional `params` as `InputNumberParams`: include the `min` and/or `max` **key only when** you want the corresponding native DOM attribute (presence is detected with `hasOwnProperty`). With no `min`/`max` keys, Enter dispatches `clickEnter`. Host attribute `is_small=\"yes\"` maps to `input.is-small`. Theme `--bulma-*` on `:host`. `setVal` `{ value, valid, id }`. Typings: `InputNumberParams`, `FormSchemaEntry`, `Component`, `Events`.",
  "storybookArgs": {
    "schemaentry": {
      "control": {
        "type": "object"
      }
    },
    "show_validation": {
      "control": {
        "type": "boolean"
      }
    },
    "setVal": {
      "action": "setVal"
    },
    "clickEnter": {
      "action": "clickEnter"
    }
  },
  "styleSetup": {
    "vars": [
      {
        "name": "--bulma-text",
        "valueType": "color",
        "defaultValue": "",
        "description": "Label, input value, and help text color."
      },
      {
        "name": "--bulma-border",
        "valueType": "color",
        "defaultValue": "",
        "description": "Neutral input border before success/danger modifiers."
      },
      {
        "name": "--bulma-danger",
        "valueType": "color",
        "defaultValue": "",
        "description": "Invalid state (`is-danger`) border and feedback emphasis."
      },
      {
        "name": "--bulma-success",
        "valueType": "color",
        "defaultValue": "",
        "description": "Valid state (`is-success`) accents when `show_validation` is enabled."
      },
      {
        "name": "--bulma-scheme-main",
        "valueType": "color",
        "defaultValue": "",
        "description": "Input surface background where Bulma maps scheme to controls."
      }
    ],
    "parts": [
      {
        "name": "invalid-feedback",
        "description": "The `p.help.is-danger` validation message when `show_validation` is on and the value fails required/range checks; style or hide from the host via `::part(invalid-feedback)`."
      }
    ]
  },
  "contributors": [],
  "htmlSlots": [],
  "i18n": [],
  "examples": [
    {
      "name": "required",
      "data": {
        "schemaentry": {
          "placeholder": "Insert your last name here...3",
          "id": "lastName",
          "required": true,
          "label": "Last Name",
          "validationTip": "This field cannot be empty.",
          "value": 4
        }
      }
    },
    {
      "name": "withmax",
      "data": {
        "schemaentry": {
          "placeholder": "Insert your last name here...",
          "id": "lastName",
          "required": true,
          "label": "Last Name",
          "validationTip": "This field cannot be empty.",
          "params": {
            "min": 3
          },
          "value": 4
        }
      }
    },
    {
      "name": "withmin",
      "data": {
        "schemaentry": {
          "placeholder": "Insert your last name here...",
          "id": "lastName",
          "required": true,
          "label": "Last Name",
          "validationTip": "This field cannot be empty.",
          "params": {
            "max": 8
          },
          "value": 4
        }
      }
    },
    {
      "name": "withminmax",
      "data": {
        "schemaentry": {
          "placeholder": "Insert your last name here...",
          "id": "lastName",
          "required": true,
          "label": "Last Name",
          "validationTip": "This field cannot be empty.",
          "params": {
            "min": 3,
            "max": 10
          },
          "value": 4
        }
      }
    },
    {
      "name": "withzero",
      "data": {
        "schemaentry": {
          "placeholder": "Insert your last name here...",
          "id": "lastName",
          "label": "Last Name",
          "validationTip": "This field cannot be empty.",
          "value": 0
        }
      }
    },
    {
      "name": "withzerorequired",
      "data": {
        "schemaentry": {
          "placeholder": "Insert your last name here...",
          "id": "lastName",
          "required": true,
          "label": "Last Name",
          "validationTip": "This field cannot be empty.",
          "value": 0
        }
      }
    },
    {
      "name": "disabled",
      "description": "Number input is fully disabled and non-interactive.",
      "data": {
        "schemaentry": {
          "id": "quantityDisabled",
          "label": "Quantity (locked)",
          "value": 42,
          "disabled": true
        }
      }
    }
  ],
  "iifeIntegrity": "sha384-zcuGb+TsT67LdMBRnzIGFhbMBt2V/pxg7PqP+K+lUgugEQdwtkTdrkhGyNUGlmCK",
  "dependencies": [],
  "screenshots": [],
  "licenses": [
    {
      "type": "Apache-2.0",
      "path": "LICENSE.md",
      "cost": 0,
      "currency": "EUR"
    }
  ],
  "readmePath": "README.md",
  "name": "hb-input-number",
  "category": "inputs",
  "tags": [
    "inputs"
  ],
  "size": {},
  "iifePath": "main.iife.js",
  "repoName": "@htmlbricks/hb-input-number",
  "version": "0.76.5"
}