@zanichelli/albe-web-components 19.2.3-RC1 → 19.2.3

package/dist/collection/components/z-info-reveal/index.js

@@ -11,19 +11,11 @@ import { ControlSize, InfoRevealPosition } from "../../beans";
  */
 export class ZInfoReveal {
     constructor() {
-        /** Name of the icon for the trigger button */
         this.icon = "informationsource";
-        /**
-         * The position of the z-info-reveal in the page. This helps to correctly place the info panel.
-         * The panel will grow in the opposite direction of the position.
-         * For example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.
-         */
         this.position = InfoRevealPosition.BOTTOM_RIGHT;
-        /** Aria label of the trigger button. It will be only used when `label` prop is empty. */
+        this.label = undefined;
         this.ariaLabel = "Apri pannello informazioni";
-        /** Size of the trigger button */
         this.size = ControlSize.BIG;
-        /** Whether the info panel is open. */
         this.open = false;
     }
     /**
@@ -58,7 +50,7 @@ export class ZInfoReveal {
         }
     }
     render() {
-        return (h(Host, { key: '50e7cc3742371ca616f404374f63ccb337c3dc39', open: this.open }, h("button", { key: '906bdf2f949f4ae715ecc746e6e1feab8bf4d797', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: 'a4e890d446384c742df05db58a906b89e536f4e4', name: this.icon }), this.label && h("span", { key: 'b9955cb8ed95ecef6904d1cd4c8c9d08205b33c3', class: "z-info-reveal-label" }, this.label)), h("div", { key: '8c1d601f8e15f7f6dcd9cf235ff00ad251aaec54', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'c0f217e35810e1463d1f0761337353ea3940cc2b' }), h("button", { key: '6e507a1e6424c88dc90bf3fb9a841565d5bc6c6c', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: 'd743f3aae62e253580122d556b933936b316c391', name: "multiply" })))));
+        return (h(Host, { key: '250676e5bde8cb158ff19dd85c5b65aba329ab6d', open: this.open }, h("button", { key: 'ae9bd0a7a96c781ebc6e68f70b0553d9d08b8c4d', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: 'cda367464294fcdb6e87b7dd8804470fc600a196', name: this.icon }), this.label && h("span", { key: '33ee450958960b0eed18c6b630655c87d34d4b0f', class: "z-info-reveal-label" }, this.label)), h("div", { key: '717f241bbbd1034b8f7117d0875a859a27ecc3d0', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'f44d74a6183fdda5560fe8ced2e07ef12748b4b9' }), h("button", { key: '5071effe3449b8fe0285c080a0d9cb14be2b033c', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '9f3088b1e5398bea476ea2da203cb8e2e106ea89', name: "multiply" })))));
     }
     static get is() { return "z-info-reveal"; }
     static get encapsulation() { return "shadow"; }
@@ -88,10 +80,8 @@ export class ZInfoReveal {
                     "tags": [],
                     "text": "Name of the icon for the trigger button"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "icon",
+                "reflect": false,
                 "defaultValue": "\"informationsource\""
             },
             "position": {
@@ -104,8 +94,7 @@ export class ZInfoReveal {
                         "InfoRevealPosition": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::InfoRevealPosition",
-                            "referenceLocation": "InfoRevealPosition"
+                            "id": "src/beans/index.tsx::InfoRevealPosition"
                         }
                     }
                 },
@@ -115,10 +104,8 @@ export class ZInfoReveal {
                     "tags": [],
                     "text": "The position of the z-info-reveal in the page. This helps to correctly place the info panel.\nThe panel will grow in the opposite direction of the position.\nFor example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "position",
+                "reflect": true,
                 "defaultValue": "InfoRevealPosition.BOTTOM_RIGHT"
             },
             "label": {
@@ -135,10 +122,8 @@ export class ZInfoReveal {
                     "tags": [],
                     "text": "Label of the trigger button."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
+                "attribute": "label",
+                "reflect": false
             },
             "ariaLabel": {
                 "type": "string",
@@ -154,10 +139,8 @@ export class ZInfoReveal {
                     "tags": [],
                     "text": "Aria label of the trigger button. It will be only used when `label` prop is empty."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "aria-label",
+                "reflect": false,
                 "defaultValue": "\"Apri pannello informazioni\""
             },
             "size": {
@@ -170,8 +153,7 @@ export class ZInfoReveal {
                         "ControlSize": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::ControlSize",
-                            "referenceLocation": "ControlSize"
+                            "id": "src/beans/index.tsx::ControlSize"
                         }
                     }
                 },
@@ -181,10 +163,8 @@ export class ZInfoReveal {
                     "tags": [],
                     "text": "Size of the trigger button"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "size",
+                "reflect": true,
                 "defaultValue": "ControlSize.BIG"
             }
         };
@@ -220,3 +200,4 @@ export class ZInfoReveal {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/z-info-reveal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-info-reveal/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ControlSize, InfoRevealPosition} from \"../../beans\";\n\n/**\n * Info reveal component.\n *\n * @slot - content of the info panel.\n * @cssprop --z-info-reveal-panel-width - Width of the info panel.\n * @cssprop --trigger-icon-size - Size of the trigger icon for big size.\n * @cssprop --trigger-icon-size-small - Size of the trigger icon for small size.\n * @cssprop --trigger-icon-size-x-small - Size of the trigger icon for x-small size.\n */\n@Component({\n  tag: \"z-info-reveal\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZInfoReveal {\n  /** Name of the icon for the trigger button */\n  @Prop()\n  icon? = \"informationsource\";\n\n  /**\n   * The position of the z-info-reveal in the page. This helps to correctly place the info panel.\n   * The panel will grow in the opposite direction of the position.\n   * For example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.\n   */\n  @Prop({reflect: true})\n  position?: InfoRevealPosition = InfoRevealPosition.BOTTOM_RIGHT;\n\n  /** Label of the trigger button. */\n  @Prop()\n  label?: string;\n\n  /** Aria label of the trigger button. It will be only used when `label` prop is empty. */\n  @Prop()\n  ariaLabel = \"Apri pannello informazioni\";\n\n  /** Size of the trigger button */\n  @Prop({reflect: true})\n  size?: ControlSize = ControlSize.BIG;\n\n  /** Whether the info panel is open. */\n  @State()\n  open = false;\n\n  @Element() host: HTMLZInfoRevealElement;\n\n  private panel: HTMLDivElement;\n\n  /**\n   * Adjust the position of the info panel to prevent exiting the viewport.\n   */\n  @Watch(\"position\")\n  @Watch(\"open\")\n  @Listen(\"resize\", {target: \"window\", passive: true})\n  adjustPanelPosition(): void {\n    if (!this.open || !this.panel) {\n      return;\n    }\n\n    const rect = this.host.getBoundingClientRect();\n    const gridMargin = parseInt(getComputedStyle(document.documentElement).getPropertyValue(\"--grid-margin\"), 10);\n    const pageWidth = document.documentElement.offsetWidth;\n    // Available space for the info panel to grow towards the edge of the page, based on the `position` prop.\n    const availableSpace = Math.round(\n      (this.position.includes(\"left\") ? pageWidth - rect.left : rect.right) - gridMargin\n    );\n    this.panel.style.maxWidth = `${availableSpace}px`;\n  }\n\n  /**\n   * Toggle the open state of the info panel.\n   */\n  private togglePanel(): void {\n    this.open = !this.open;\n  }\n\n  /**\n   * Close the info panel.\n   */\n  private closePanel(): void {\n    this.open = false;\n  }\n\n  @Listen(\"keydown\", {target: \"window\", capture: true})\n  handleEscapeKey(event: KeyboardEvent): void {\n    if (event.key === \"Escape\" && this.open) {\n      this.closePanel();\n    }\n  }\n\n  render(): HTMLZInfoRevealElement {\n    return (\n      <Host open={this.open}>\n        <button\n          class=\"z-info-reveal-trigger\"\n          type=\"button\"\n          onClick={this.togglePanel.bind(this)}\n          aria-label={!this.label ? this.ariaLabel : undefined}\n          aria-expanded={this.open ? \"true\" : \"false\"}\n          aria-controls=\"z-info-reveal-panel\"\n        >\n          {this.icon && <z-icon name={this.icon} />}\n          {this.label && <span class=\"z-info-reveal-label\">{this.label}</span>}\n        </button>\n        <div\n          class=\"z-info-reveal-panel\"\n          id=\"z-info-reveal-panel\"\n          ref={(el) => (this.panel = el)}\n          hidden={!this.open}\n        >\n          <slot></slot>\n          <button\n            class=\"z-info-reveal-close\"\n            type=\"button\"\n            onClick={this.closePanel.bind(this)}\n            aria-label=\"Chiudi pannello informazioni\"\n          >\n            <z-icon name=\"multiply\" />\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/z-info-reveal/index.stories.js

@@ -56,3 +56,4 @@ export const Default = {
     </div>
   `,
 };
+//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-info-reveal/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-info-reveal/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAC;AAC9C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,SAAS,CAAC;AACjB,OAAO,qBAAqB,CAAC;AAE7B,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE;SACnC;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;YACD,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;SACpC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC;YAC1C,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;SACF;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CAC0B,CAAC;AAE9B,eAAe,SAAS,CAAC;AAEzB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,mBAAmB;QACzB,IAAI,EAAE,WAAW,CAAC,GAAG;QACrB,QAAQ,EAAE,kBAAkB,CAAC,SAAS;KACvC;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;wBAEA,IAAI,CAAC,IAAI;;iBAEhB,IAAI,CAAC,KAAK;gBACX,IAAI,CAAC,IAAI;gBACT,IAAI,CAAC,IAAI;oBACL,IAAI,CAAC,QAAQ;;;;;;;;GAQ9B;CAC8B,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZInfoReveal} from \".\";\nimport {ControlSize, InfoRevealPosition} from \"../../beans\";\nimport {ICONS} from \"../../constants/iconset\";\nimport \"../z-button/index\";\nimport \"./index\";\nimport \"./index.stories.css\";\n\nconst StoryMeta = {\n  title: \"ZInfoReveal\",\n  component: \"z-info-reveal\",\n  argTypes: {\n    icon: {\n      control: {\n        type: \"select\",\n      },\n      options: Object.keys(ICONS).sort(),\n    },\n    size: {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: Object.values(ControlSize),\n    },\n    position: {\n      options: Object.values(InfoRevealPosition),\n      control: {\n        type: \"inline-radio\",\n      },\n    },\n  },\n  parameters: {\n    layout: \"centered\",\n  },\n} satisfies Meta<ZInfoReveal>;\n\nexport default StoryMeta;\n\nexport const Default = {\n  args: {\n    label: \"\",\n    icon: \"informationsource\",\n    size: ControlSize.BIG,\n    position: InfoRevealPosition.TOP_RIGHT,\n  },\n  render: (args) => html`\n    <div class=\"z-info-reveal-story-wrapper\">\n      <z-button .size=${args.size}>Button</z-button>\n      <z-info-reveal\n        .label=${args.label}\n        .icon=${args.icon}\n        .size=${args.size}\n        .position=${args.position}\n      >\n        <div>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in\n          Archimede, qui dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit?\n        </div>\n      </z-info-reveal>\n    </div>\n  `,\n} satisfies StoryObj<ZInfoReveal>;\n"]}

package/dist/collection/components/z-input/index.js

@@ -1,36 +1,42 @@
-import { h, } from "@stencil/core";
+import { h } from "@stencil/core";
 import { Fragment, Host } from "@stencil/core/internal";
 import { ControlSize, InputType, LabelPosition } from "../../beans";
 import { boolean, randomId } from "../../utils/utils";
 export class ZInput {
     constructor() {
-        /** the id of the input element */
+        this.typingtimeout = 300;
         this.htmlid = `id-${randomId()}`;
-        /** the input aria-label */
+        this.type = undefined;
+        this.name = undefined;
+        this.label = undefined;
         this.ariaLabel = "";
-        /** the input aria-expaded: available for text, password, number, email */
         this.htmlAriaExpanded = "";
-        /** the input is disabled */
+        this.htmlAriaControls = undefined;
+        this.htmlAriaAutocomplete = undefined;
+        this.htmlAriaActivedescendant = undefined;
+        this.value = undefined;
         this.disabled = false;
-        /** the input is readonly */
         this.readonly = false;
-        /** the input is required (optional): available for text, password, number, email, textarea, checkbox */
         this.required = false;
-        /** checked: available for checkbox, radio */
         this.checked = false;
-        /** input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed */
+        this.placeholder = undefined;
+        this.htmltitle = undefined;
+        this.status = undefined;
         this.message = true;
-        /** the input label position: available for checkbox, radio */
         this.labelPosition = LabelPosition.RIGHT;
-        /** the input role */
+        this.autocomplete = undefined;
         this.role = "";
-        /** render clear icon when typing (optional): available for text */
         this.hasclearicon = true;
-        /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
+        this.icon = undefined;
+        this.min = undefined;
+        this.minlength = undefined;
+        this.max = undefined;
+        this.maxlength = undefined;
+        this.step = undefined;
+        this.pattern = undefined;
         this.size = ControlSize.BIG;
         this.isTyping = false;
         this.passwordHidden = true;
-        this.typingtimeout = 300;
     }
     inputCheckListener(e) {
         const data = e.detail;
@@ -255,7 +261,7 @@ export class ZInput {
             default:
                 input = this.renderInputText(this.type);
         }
-        return h(Host, { key: '297666cbd11a46261053bac95c9289d61b55a10a' }, input);
+        return h(Host, { key: '659906d684e53987ffe6ca8f05d74abb98594367' }, input);
     }
     static get is() { return "z-input"; }
     static get encapsulation() { return "scoped"; }
@@ -285,10 +291,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the id of the input element"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "htmlid",
+                "reflect": false,
                 "defaultValue": "`id-${randomId()}`"
             },
             "type": {
@@ -301,8 +305,7 @@ export class ZInput {
                         "InputType": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::InputType",
-                            "referenceLocation": "InputType"
+                            "id": "src/beans/index.tsx::InputType"
                         }
                     }
                 },
@@ -312,10 +315,8 @@ export class ZInput {
                     "tags": [],
                     "text": "input types"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "type"
+                "attribute": "type",
+                "reflect": false
             },
             "name": {
                 "type": "string",
@@ -331,10 +332,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input name"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "name"
+                "attribute": "name",
+                "reflect": false
             },
             "label": {
                 "type": "string",
@@ -350,10 +349,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input label"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
+                "attribute": "label",
+                "reflect": false
             },
             "ariaLabel": {
                 "type": "string",
@@ -369,10 +366,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input aria-label"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "aria-label",
+                "reflect": false,
                 "defaultValue": "\"\""
             },
             "htmlAriaExpanded": {
@@ -389,10 +384,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input aria-expaded: available for text, password, number, email"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "html-aria-expanded",
+                "reflect": false,
                 "defaultValue": "\"\""
             },
             "htmlAriaControls": {
@@ -409,10 +402,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input aria-controls (optional): available for text, password, number, email"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "html-aria-controls"
+                "attribute": "html-aria-controls",
+                "reflect": false
             },
             "htmlAriaAutocomplete": {
                 "type": "string",
@@ -428,10 +419,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input aria-autocomplete (optional): available for text, password, number, email"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "html-aria-autocomplete"
+                "attribute": "html-aria-autocomplete",
+                "reflect": false
             },
             "htmlAriaActivedescendant": {
                 "type": "string",
@@ -447,10 +436,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input aria-activedescendant (optional): available for text, password, number, email"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "html-aria-activedescendant"
+                "attribute": "html-aria-activedescendant",
+                "reflect": false
             },
             "value": {
                 "type": "string",
@@ -466,10 +453,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input value"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "value"
+                "attribute": "value",
+                "reflect": false
             },
             "disabled": {
                 "type": "boolean",
@@ -485,10 +470,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input is disabled"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "disabled",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "readonly": {
@@ -505,10 +488,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input is readonly"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "readonly",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "required": {
@@ -525,10 +506,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input is required (optional): available for text, password, number, email, textarea, checkbox"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "required",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "checked": {
@@ -545,10 +524,8 @@ export class ZInput {
                     "tags": [],
                     "text": "checked: available for checkbox, radio"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "checked",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "placeholder": {
@@ -565,10 +542,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input placeholder (optional)"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "placeholder"
+                "attribute": "placeholder",
+                "reflect": false
             },
             "htmltitle": {
                 "type": "string",
@@ -584,10 +559,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input html title (optional)"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "htmltitle"
+                "attribute": "htmltitle",
+                "reflect": false
             },
             "status": {
                 "type": "string",
@@ -599,8 +572,7 @@ export class ZInput {
                         "InputStatus": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::InputStatus",
-                            "referenceLocation": "InputStatus"
+                            "id": "src/beans/index.tsx::InputStatus"
                         }
                     }
                 },
@@ -610,10 +582,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input status (optional): available for text, password, number, email, textarea"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "status"
+                "attribute": "status",
+                "reflect": false
             },
             "message": {
                 "type": "any",
@@ -629,10 +599,8 @@ export class ZInput {
                     "tags": [],
                     "text": "input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "message",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "labelPosition": {
@@ -645,8 +613,7 @@ export class ZInput {
                         "LabelPosition": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::LabelPosition",
-                            "referenceLocation": "LabelPosition"
+                            "id": "src/beans/index.tsx::LabelPosition"
                         }
                     }
                 },
@@ -656,10 +623,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input label position: available for checkbox, radio"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "label-position",
+                "reflect": false,
                 "defaultValue": "LabelPosition.RIGHT"
             },
             "autocomplete": {
@@ -676,10 +641,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input has autocomplete option (optional): available for text, password, number, email"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "autocomplete"
+                "attribute": "autocomplete",
+                "reflect": false
             },
             "role": {
                 "type": "string",
@@ -695,10 +658,8 @@ export class ZInput {
                     "tags": [],
                     "text": "the input role"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "role",
+                "reflect": false,
                 "defaultValue": "\"\""
             },
             "hasclearicon": {
@@ -715,10 +676,8 @@ export class ZInput {
                     "tags": [],
                     "text": "render clear icon when typing (optional): available for text"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "hasclearicon",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "icon": {
@@ -735,10 +694,8 @@ export class ZInput {
                     "tags": [],
                     "text": "render icon (optional): available for text"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "icon"
+                "attribute": "icon",
+                "reflect": false
             },
             "min": {
                 "type": "number",
@@ -754,10 +711,8 @@ export class ZInput {
                     "tags": [],
                     "text": "min number value (optional): available for number"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "min"
+                "attribute": "min",
+                "reflect": false
             },
             "minlength": {
                 "type": "number",
@@ -773,10 +728,8 @@ export class ZInput {
                     "tags": [],
                     "text": "Min length value (optional): available for text"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "minlength"
+                "attribute": "minlength",
+                "reflect": false
             },
             "max": {
                 "type": "number",
@@ -792,10 +745,8 @@ export class ZInput {
                     "tags": [],
                     "text": "max number value (optional): available for number"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "max"
+                "attribute": "max",
+                "reflect": false
             },
             "maxlength": {
                 "type": "number",
@@ -811,10 +762,8 @@ export class ZInput {
                     "tags": [],
                     "text": "Max length value (optional): available for text"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "maxlength"
+                "attribute": "maxlength",
+                "reflect": false
             },
             "step": {
                 "type": "number",
@@ -830,10 +779,8 @@ export class ZInput {
                     "tags": [],
                     "text": "step number value (optional): available for number"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "step"
+                "attribute": "step",
+                "reflect": false
             },
             "pattern": {
                 "type": "string",
@@ -849,10 +796,8 @@ export class ZInput {
                     "tags": [],
                     "text": "pattern value (optional): available for tel, text, search, url, email, password"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "pattern"
+                "attribute": "pattern",
+                "reflect": false
             },
             "size": {
                 "type": "string",
@@ -864,8 +809,7 @@ export class ZInput {
                         "ControlSize": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::ControlSize",
-                            "referenceLocation": "ControlSize"
+                            "id": "src/beans/index.tsx::ControlSize"
                         }
                     }
                 },
@@ -875,10 +819,8 @@ export class ZInput {
                     "tags": [],
                     "text": "Available sizes: `big`, `small` and `x-small`. Defaults to `big`."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "size",
+                "reflect": true,
                 "defaultValue": "ControlSize.BIG"
             }
         };
@@ -1014,3 +956,4 @@ export class ZInput {
             }];
     }
 }
+//# sourceMappingURL=index.js.map