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

package/dist/collection/components/buttons/z-toggle-switch/index.js

@@ -2,143 +2,146 @@ import { h, Host } from "@stencil/core";
 import { randomId } from "../../../utils/utils";
 import { LabelPosition } from "../../../beans";
 export class ZToggleSwitch {
-  constructor() {
-    /** Disabled flag */
-    this.disabled = false;
-    /** Label position */
-    this.labelPosition = LabelPosition.LEFT;
-    /** Checked state */
-    this.checked = false;
-    /** HTML id attribute to set to the internal checkbox */
-    this.htmlid = `toggle-switch-id-${randomId()}`;
-  }
-  emitToggleClick() {
-    this.toggleClick.emit({
-      id: this.htmlid,
-      checked: this.checked,
-    });
-  }
-  handleClick(ev) {
-    if (this.disabled) {
-      return;
+    constructor() {
+        this.disabled = false;
+        this.labelPosition = LabelPosition.LEFT;
+        this.checked = false;
+        this.htmlid = `toggle-switch-id-${randomId()}`;
     }
-    this.checked = ev.target.checked;
-    this.emitToggleClick();
-  }
-  render() {
-    return (h(Host, null, h("input", { id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { htmlFor: this.htmlid, class: {
-        [this.labelPosition]: true,
-        disabled: this.disabled,
-      } }, h("span", null, h("slot", null)), h("span", { class: {
-        container: true,
-        disabled: this.disabled,
-        checked: this.checked,
-      } }, h("span", { class: "circle" }, this.checked && (h("z-icon", { width: 12, height: 12, name: "checkmark" })))))));
-  }
-  static get is() { return "z-toggle-switch"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Disabled flag"
-        },
-        "attribute": "disabled",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "labelPosition": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "LabelPosition",
-          "resolved": "LabelPosition.LEFT | LabelPosition.RIGHT",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Label position"
-        },
-        "attribute": "label-position",
-        "reflect": true,
-        "defaultValue": "LabelPosition.LEFT"
-      },
-      "checked": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Checked state"
-        },
-        "attribute": "checked",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "htmlid": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "HTML id attribute to set to the internal checkbox"
-        },
-        "attribute": "htmlid",
-        "reflect": false,
-        "defaultValue": "`toggle-switch-id-${randomId()}`"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "toggleClick",
-        "name": "toggleClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Toggle click event"
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+    emitToggleClick() {
+        this.toggleClick.emit({
+            id: this.htmlid,
+            checked: this.checked,
+        });
+    }
+    handleClick(ev) {
+        if (this.disabled) {
+            return;
         }
-      }];
-  }
+        this.checked = ev.target.checked;
+        this.emitToggleClick();
+    }
+    render() {
+        return (h(Host, { key: '1fcac74eda8db17b3d535d2138ee9637ef7779b5' }, h("input", { key: '90d27860c20def96928eb87c9df301d9df1226c0', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: 'be5a0eec29f493ac91c2fafbba54afcfa8f50f50', htmlFor: this.htmlid, class: {
+                [this.labelPosition]: true,
+                disabled: this.disabled,
+            } }, h("span", { key: 'b336633b42383d0aef29ec775e3b18aca42bf096' }, h("slot", { key: '9f8d563f0bae08144106f32c1018cbd40b6b5bc6' })), h("span", { key: '176481146a6df0f575fc364fabd2dc2ea1b00b54', class: {
+                container: true,
+                disabled: this.disabled,
+                checked: this.checked,
+            } }, h("span", { key: '8a1227658fb1fdc68523a3947c7b8f55b63baa89', class: "circle" }, this.checked && (h("z-icon", { width: 12, height: 12, name: "checkmark" })))))));
+    }
+    static get is() { return "z-toggle-switch"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Disabled flag"
+                },
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "labelPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "LabelPosition",
+                    "resolved": "LabelPosition.LEFT | LabelPosition.RIGHT",
+                    "references": {
+                        "LabelPosition": {
+                            "location": "import",
+                            "path": "../../../beans",
+                            "id": "src/beans/index.tsx::LabelPosition"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Label position"
+                },
+                "attribute": "label-position",
+                "reflect": true,
+                "defaultValue": "LabelPosition.LEFT"
+            },
+            "checked": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Checked state"
+                },
+                "attribute": "checked",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "htmlid": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "HTML id attribute to set to the internal checkbox"
+                },
+                "attribute": "htmlid",
+                "reflect": false,
+                "defaultValue": "`toggle-switch-id-${randomId()}`"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "toggleClick",
+                "name": "toggleClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Toggle click event"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/buttons/z-toggle-switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/z-toggle-switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,IAAI,EAAC,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAQ7C,MAAM,OAAO,aAAa;;wBAGH,KAAK;6BAIT,aAAa,CAAC,IAAI;uBAIf,KAAK;sBAIhB,oBAAoB,QAAQ,EAAE,EAAE;;IAMjC,eAAe;QACrB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YACpB,EAAE,EAAE,IAAI,CAAC,MAAM;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC,CAAC;IACL,CAAC;IAEO,WAAW,CAAC,EAAE;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DACE,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GACrC;YACF,8DACE,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,KAAK,EAAE;oBACL,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI;oBAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ;iBACxB;gBAED;oBACE,8DAAQ,CACH;gBACP,6DACE,KAAK,EAAE;wBACL,SAAS,EAAE,IAAI;wBACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;wBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;qBACtB;oBAED,6DAAM,KAAK,EAAC,QAAQ,IACjB,IAAI,CAAC,OAAO,IAAI,CACf,cACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,WAAW,GACR,CACX,CACI,CACF,CACD,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Event, EventEmitter, Host} from \"@stencil/core\";\nimport {randomId} from \"../../../utils/utils\";\nimport {LabelPosition} from \"../../../beans\";\n\n@Component({\n  tag: \"z-toggle-switch\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZToggleSwitch {\n  /** Disabled flag */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** Label position */\n  @Prop({reflect: true})\n  labelPosition? = LabelPosition.LEFT;\n\n  /** Checked state */\n  @Prop({mutable: true})\n  checked?: boolean = false;\n\n  /** HTML id attribute to set to the internal checkbox */\n  @Prop()\n  htmlid = `toggle-switch-id-${randomId()}`;\n\n  /** Toggle click event */\n  @Event()\n  toggleClick: EventEmitter;\n\n  private emitToggleClick(): void {\n    this.toggleClick.emit({\n      id: this.htmlid,\n      checked: this.checked,\n    });\n  }\n\n  private handleClick(ev): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.checked = ev.target.checked;\n    this.emitToggleClick();\n  }\n\n  render(): HTMLZToggleSwitchElement {\n    return (\n      <Host>\n        <input\n          id={this.htmlid}\n          type=\"checkbox\"\n          checked={this.checked}\n          disabled={this.disabled}\n          onChange={this.handleClick.bind(this)}\n        />\n        <label\n          htmlFor={this.htmlid}\n          class={{\n            [this.labelPosition]: true,\n            disabled: this.disabled,\n          }}\n        >\n          <span>\n            <slot />\n          </span>\n          <span\n            class={{\n              container: true,\n              disabled: this.disabled,\n              checked: this.checked,\n            }}\n          >\n            <span class=\"circle\">\n              {this.checked && (\n                <z-icon\n                  width={12}\n                  height={12}\n                  name=\"checkmark\"\n                ></z-icon>\n              )}\n            </span>\n          </span>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/buttons/z-toggle-switch/index.spec.js

@@ -0,0 +1,149 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { ZToggleSwitch } from "./index";
+describe("Suite test ZToggleSwitch", () => {
+    it("Test render ZToggleSwitch label position left", async () => {
+        const page = await newSpecPage({
+            components: [ZToggleSwitch],
+            html: `<z-toggle-switch htmlid="toggle-id" label-position="left"></z-toggle-switch>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <z-toggle-switch htmlid="toggle-id" label-position="left">
+        <input id="toggle-id" type="checkbox">
+        <label class="left" htmlfor="toggle-id">
+          <span></span>
+          <span class="container">
+            <span class="circle"></span>
+          </span>
+        </label>
+      </z-toggle-switch>
+    `);
+    });
+    it("Test render ZToggleSwitch label position right", async () => {
+        const page = await newSpecPage({
+            components: [ZToggleSwitch],
+            html: `<z-toggle-switch htmlid="toggle-id" label-position="right"></z-toggle-switch>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <z-toggle-switch htmlid="toggle-id" label-position="right">
+          <input id="toggle-id" type="checkbox">
+          <label class="right" htmlfor="toggle-id">
+            <span></span>
+            <span class="container">
+              <span class="circle"></span>
+            </span>
+          </label>
+      </z-toggle-switch>
+    `);
+    });
+    it("Test render ZToggleSwitch label position left disabled", async () => {
+        const page = await newSpecPage({
+            components: [ZToggleSwitch],
+            html: `<z-toggle-switch htmlid="toggle-id" label-position="left" disabled></z-toggle-switch>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <z-toggle-switch htmlid="toggle-id" label-position="left" disabled="">
+          <input disabled id="toggle-id" type="checkbox">
+          <label class="disabled left" htmlfor="toggle-id">
+            <span></span>
+            <span class="container disabled">
+              <span class="circle"></span>
+            </span>
+          </label>
+      </z-toggle-switch>
+    `);
+    });
+    it("Test render ZToggleSwitch label position right disabled", async () => {
+        const page = await newSpecPage({
+            components: [ZToggleSwitch],
+            html: `<z-toggle-switch htmlid="toggle-id" label-position="right" disabled></z-toggle-switch>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <z-toggle-switch htmlid="toggle-id" label-position="right" disabled="">
+        <input disabled id="toggle-id" type="checkbox">
+        <label class="disabled right" htmlfor="toggle-id">
+          <span></span>
+          <span class="container disabled">
+            <span class="circle"></span>
+          </span>
+        </label>
+      </z-toggle-switch>
+    `);
+    });
+    it("Test render ZToggleSwitch label position left active", async () => {
+        const page = await newSpecPage({
+            components: [ZToggleSwitch],
+            html: `<z-toggle-switch htmlid="toggle-id" label-position="left" checked></z-toggle-switch>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <z-toggle-switch htmlid="toggle-id" label-position="left" checked="">
+          <input checked="" id="toggle-id" type="checkbox">
+          <label class="left" htmlfor="toggle-id">
+            <span></span>
+            <span class="container checked">
+              <span class="circle">
+                <z-icon height="12" name="checkmark" width="12"></z-icon>
+              </span>
+            </span>
+          </label>
+      </z-toggle-switch>
+    `);
+    });
+    it("Test render ZToggleSwitch label position right active", async () => {
+        const page = await newSpecPage({
+            components: [ZToggleSwitch],
+            html: `<z-toggle-switch htmlid="toggle-id" label-position="right" checked></z-toggle-switch>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <z-toggle-switch htmlid="toggle-id" label-position="right" checked="">
+        <input checked="" id="toggle-id" type="checkbox">
+        <label class="right" htmlfor="toggle-id">
+          <span></span>
+          <span class="container checked">
+            <span class="circle">
+              <z-icon height="12" name="checkmark" width="12"></z-icon>
+            </span>
+          </span>
+        </label>
+      </z-toggle-switch>
+    `);
+    });
+    it("Test render ZToggleSwitch label position left active disabled", async () => {
+        const page = await newSpecPage({
+            components: [ZToggleSwitch],
+            html: `<z-toggle-switch htmlid="toggle-id" label-position="left" disabled checked></z-toggle-switch>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <z-toggle-switch htmlid="toggle-id" label-position="left" disabled="" checked="">
+        <input disabled="" checked="" id="toggle-id" type="checkbox">
+        <label class="disabled left" htmlfor="toggle-id">
+          <span></span>
+          <span class="container disabled checked">
+            <span class="circle">
+              <z-icon height="12" name="checkmark" width="12"></z-icon>
+            </span>
+          </span>
+        </label>
+      </z-toggle-switch>
+    `);
+    });
+    it("Test render ZToggleSwitch label position right active disabled", async () => {
+        const page = await newSpecPage({
+            components: [ZToggleSwitch],
+            html: `<z-toggle-switch htmlid="toggle-id" label-position="right" disabled checked></z-toggle-switch>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <z-toggle-switch htmlid="toggle-id" disabled="" label-position="right" checked="">
+        <input disabled="" checked="" id="toggle-id" type="checkbox">
+        <label class="disabled right" htmlfor="toggle-id">
+          <span></span>
+          <span class="container checked disabled">
+            <span class="circle">
+              <z-icon height="12" name="checkmark" width="12"></z-icon>
+            </span>
+          </span>
+        </label>
+      </z-toggle-switch>
+    `);
+    });
+});
+//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/buttons/z-toggle-switch/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/buttons/z-toggle-switch/index.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZToggleSwitch} from \"./index\";\n\ndescribe(\"Suite test ZToggleSwitch\", () => {\n  it(\"Test render ZToggleSwitch label position left\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\"></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\">\n        <input id=\"toggle-id\" type=\"checkbox\">\n        <label class=\"left\" htmlfor=\"toggle-id\">\n          <span></span>\n          <span class=\"container\">\n            <span class=\"circle\"></span>\n          </span>\n        </label>\n      </z-toggle-switch>\n    `);\n  });\n\n  it(\"Test render ZToggleSwitch label position right\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"right\"></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" label-position=\"right\">\n          <input id=\"toggle-id\" type=\"checkbox\">\n          <label class=\"right\" htmlfor=\"toggle-id\">\n            <span></span>\n            <span class=\"container\">\n              <span class=\"circle\"></span>\n            </span>\n          </label>\n      </z-toggle-switch>\n    `);\n  });\n\n  it(\"Test render ZToggleSwitch label position left disabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\" disabled></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\" disabled=\"\">\n          <input disabled id=\"toggle-id\" type=\"checkbox\">\n          <label class=\"disabled left\" htmlfor=\"toggle-id\">\n            <span></span>\n            <span class=\"container disabled\">\n              <span class=\"circle\"></span>\n            </span>\n          </label>\n      </z-toggle-switch>\n    `);\n  });\n\n  it(\"Test render ZToggleSwitch label position right disabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"right\" disabled></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" label-position=\"right\" disabled=\"\">\n        <input disabled id=\"toggle-id\" type=\"checkbox\">\n        <label class=\"disabled right\" htmlfor=\"toggle-id\">\n          <span></span>\n          <span class=\"container disabled\">\n            <span class=\"circle\"></span>\n          </span>\n        </label>\n      </z-toggle-switch>\n    `);\n  });\n\n  it(\"Test render ZToggleSwitch label position left active\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\" checked></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\" checked=\"\">\n          <input checked=\"\" id=\"toggle-id\" type=\"checkbox\">\n          <label class=\"left\" htmlfor=\"toggle-id\">\n            <span></span>\n            <span class=\"container checked\">\n              <span class=\"circle\">\n                <z-icon height=\"12\" name=\"checkmark\" width=\"12\"></z-icon>\n              </span>\n            </span>\n          </label>\n      </z-toggle-switch>\n    `);\n  });\n\n  it(\"Test render ZToggleSwitch label position right active\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"right\" checked></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" label-position=\"right\" checked=\"\">\n        <input checked=\"\" id=\"toggle-id\" type=\"checkbox\">\n        <label class=\"right\" htmlfor=\"toggle-id\">\n          <span></span>\n          <span class=\"container checked\">\n            <span class=\"circle\">\n              <z-icon height=\"12\" name=\"checkmark\" width=\"12\"></z-icon>\n            </span>\n          </span>\n        </label>\n      </z-toggle-switch>\n    `);\n  });\n\n  it(\"Test render ZToggleSwitch label position left active disabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\" disabled checked></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" label-position=\"left\" disabled=\"\" checked=\"\">\n        <input disabled=\"\" checked=\"\" id=\"toggle-id\" type=\"checkbox\">\n        <label class=\"disabled left\" htmlfor=\"toggle-id\">\n          <span></span>\n          <span class=\"container disabled checked\">\n            <span class=\"circle\">\n              <z-icon height=\"12\" name=\"checkmark\" width=\"12\"></z-icon>\n            </span>\n          </span>\n        </label>\n      </z-toggle-switch>\n    `);\n  });\n\n  it(\"Test render ZToggleSwitch label position right active disabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZToggleSwitch],\n      html: `<z-toggle-switch htmlid=\"toggle-id\" label-position=\"right\" disabled checked></z-toggle-switch>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-toggle-switch htmlid=\"toggle-id\" disabled=\"\" label-position=\"right\" checked=\"\">\n        <input disabled=\"\" checked=\"\" id=\"toggle-id\" type=\"checkbox\">\n        <label class=\"disabled right\" htmlfor=\"toggle-id\">\n          <span></span>\n          <span class=\"container checked disabled\">\n            <span class=\"circle\">\n              <z-icon height=\"12\" name=\"checkmark\" width=\"12\"></z-icon>\n            </span>\n          </span>\n        </label>\n      </z-toggle-switch>\n    `);\n  });\n});\n"]}

package/dist/collection/components/date-picker/utils.js

@@ -1,76 +1,77 @@
 import { ZDatePickerMode, ZDatePickerModeValue, ZDatePickerPosition } from "../../beans";
 export function validateDate(dateStr, hasTime = false) {
-  const regex = hasTime ? /^\d{1,2}[/-]\d{1,2}[/-]\d{2,4} - \d{2}:\d{2}$/ : /^\d{1,2}[/-]\d{1,2}[/-]\d{2,4}$/;
-  if (dateStr.match(regex) === null) {
-    return false;
-  }
-  return true;
+    const regex = hasTime ? /^\d{1,2}[/-]\d{1,2}[/-]\d{2,4} - \d{2}:\d{2}$/ : /^\d{1,2}[/-]\d{1,2}[/-]\d{2,4}$/;
+    if (dateStr.match(regex) === null) {
+        return false;
+    }
+    return true;
 }
 export function setFlatpickrPosition(element, mode) {
-  const toggleHeight = element.children[0].clientHeight;
-  element.style.setProperty("--z-range-picker--toggle-height", `${toggleHeight}px`);
-  const flatpickrHeight = mode === ZDatePickerMode.DATE_TIME
-    ? ZDatePickerModeValue.DATE_TIME
-    : mode === ZDatePickerMode.MONTHS
-      ? ZDatePickerModeValue.MONTHS
-      : ZDatePickerModeValue.DATE;
-  const bottom = element.getBoundingClientRect().bottom;
-  const overflowBottom = bottom + flatpickrHeight > window.innerHeight;
-  const overflowTop = bottom - flatpickrHeight - toggleHeight < 0;
-  if (!overflowTop && overflowBottom) {
-    return ZDatePickerPosition.TOP;
-  }
-  return ZDatePickerPosition.BOTTOM;
+    const toggleHeight = element.children[0].clientHeight;
+    element.style.setProperty("--z-range-picker--toggle-height", `${toggleHeight}px`);
+    const flatpickrHeight = mode === ZDatePickerMode.DATE_TIME
+        ? ZDatePickerModeValue.DATE_TIME
+        : mode === ZDatePickerMode.MONTHS
+            ? ZDatePickerModeValue.MONTHS
+            : ZDatePickerModeValue.DATE;
+    const bottom = element.getBoundingClientRect().bottom;
+    const overflowBottom = bottom + flatpickrHeight > window.innerHeight;
+    const overflowTop = bottom - flatpickrHeight - toggleHeight < 0;
+    if (!overflowTop && overflowBottom) {
+        return ZDatePickerPosition.TOP;
+    }
+    return ZDatePickerPosition.BOTTOM;
 }
 export function setAriaOptions(element, mode) {
-  const calendar = element.getElementsByClassName("flatpickr-calendar");
-  Array.from(calendar).forEach((element) => {
-    element.setAttribute("tabindex", "0");
-    const prevMonthArrow = element.getElementsByClassName("flatpickr-prev-month")[0];
-    const nextMonthArrow = element.getElementsByClassName("flatpickr-next-month")[0];
-    const tabindexElements = element.querySelectorAll('[tabindex = "-1"]');
-    tabindexElements.forEach((element) => element.setAttribute("tabindex", "0"));
-    Array.from(element.getElementsByClassName("flatpickr-day")).forEach((date) => {
-      if (date.classList.contains("flatpickr-disabled")) {
-        date.setAttribute("tabindex", "-1");
-      }
+    const calendar = element.getElementsByClassName("flatpickr-calendar");
+    Array.from(calendar).forEach((element) => {
+        element.setAttribute("tabindex", "0");
+        const prevMonthArrow = element.getElementsByClassName("flatpickr-prev-month")[0];
+        const nextMonthArrow = element.getElementsByClassName("flatpickr-next-month")[0];
+        const tabindexElements = element.querySelectorAll('[tabindex = "-1"]');
+        tabindexElements.forEach((element) => element.setAttribute("tabindex", "0"));
+        Array.from(element.getElementsByClassName("flatpickr-day")).forEach((date) => {
+            if (date.classList.contains("flatpickr-disabled")) {
+                date.setAttribute("tabindex", "-1");
+            }
+        });
+        prevMonthArrow.setAttribute("tabindex", "0");
+        nextMonthArrow.setAttribute("tabindex", "0");
+        prevMonthArrow.setAttribute("role", "button");
+        nextMonthArrow.setAttribute("role", "button");
+        element.getElementsByClassName("cur-year")[0].setAttribute("aria-label", "Anno");
+        if (mode === ZDatePickerMode.DATE) {
+            setDateAriaOptions(element, prevMonthArrow, nextMonthArrow);
+        }
+        if (mode === ZDatePickerMode.DATE_TIME) {
+            setDateTimeAriaOptions(element, prevMonthArrow, nextMonthArrow);
+        }
+        if (mode === ZDatePickerMode.MONTHS) {
+            setMonthsAriaOptions(element, prevMonthArrow, nextMonthArrow);
+        }
     });
-    prevMonthArrow.setAttribute("tabindex", "0");
-    nextMonthArrow.setAttribute("tabindex", "0");
-    prevMonthArrow.setAttribute("role", "button");
-    nextMonthArrow.setAttribute("role", "button");
-    element.getElementsByClassName("cur-year")[0].setAttribute("aria-label", "Anno");
-    if (mode === ZDatePickerMode.DATE) {
-      setDateAriaOptions(element, prevMonthArrow, nextMonthArrow);
-    }
-    if (mode === ZDatePickerMode.DATE_TIME) {
-      setDateTimeAriaOptions(element, prevMonthArrow, nextMonthArrow);
-    }
-    if (mode === ZDatePickerMode.MONTHS) {
-      setMonthsAriaOptions(element, prevMonthArrow, nextMonthArrow);
-    }
-  });
 }
 function setDateAriaOptions(calendar, prevMonthArrow, nextMonthArrow) {
-  Array.from(calendar.getElementsByClassName("flatpickr-days")).forEach((element) => element.setAttribute("tabindex", "-1"));
-  Array.from(calendar.getElementsByClassName("flatpickr-day")).forEach((element) => element.setAttribute("role", "button"));
-  calendar.getElementsByClassName("flatpickr-monthDropdown-months")[0].setAttribute("aria-label", "Mese");
-  prevMonthArrow.setAttribute("aria-label", "Mese precedente");
-  nextMonthArrow.setAttribute("aria-label", "Mese successivo");
+    Array.from(calendar.getElementsByClassName("flatpickr-days")).forEach((element) => element.setAttribute("tabindex", "-1"));
+    Array.from(calendar.getElementsByClassName("flatpickr-day")).forEach((element) => element.setAttribute("role", "button"));
+    calendar.getElementsByClassName("flatpickr-monthDropdown-months")[0].setAttribute("aria-label", "Mese");
+    prevMonthArrow.setAttribute("aria-label", "Mese precedente");
+    nextMonthArrow.setAttribute("aria-label", "Mese successivo");
 }
 function setDateTimeAriaOptions(calendar, prevMonthArrow, nextMonthArrow) {
-  Array.from(calendar.getElementsByClassName("flatpickr-days")).forEach((element) => element.setAttribute("tabindex", "-1"));
-  Array.from(calendar.getElementsByClassName("flatpickr-day")).forEach((element) => element.setAttribute("role", "button"));
-  calendar.getElementsByClassName("flatpickr-monthDropdown-months")[0].setAttribute("aria-label", "Mese");
-  prevMonthArrow.setAttribute("aria-label", "Mese precedente");
-  nextMonthArrow.setAttribute("aria-label", "Mese successivo");
-  Array.from(calendar.getElementsByClassName("time24hr")).forEach((element) => element.setAttribute("tabindex", "-1"));
-  calendar.getElementsByClassName("flatpickr-hour")[0].setAttribute("aria-label", "Ora");
-  calendar.getElementsByClassName("flatpickr-minute")[0].setAttribute("aria-label", "Minuti");
+    Array.from(calendar.getElementsByClassName("flatpickr-days")).forEach((element) => element.setAttribute("tabindex", "-1"));
+    Array.from(calendar.getElementsByClassName("flatpickr-day")).forEach((element) => element.setAttribute("role", "button"));
+    calendar.getElementsByClassName("flatpickr-monthDropdown-months")[0].setAttribute("aria-label", "Mese");
+    prevMonthArrow.setAttribute("aria-label", "Mese precedente");
+    nextMonthArrow.setAttribute("aria-label", "Mese successivo");
+    Array.from(calendar.getElementsByClassName("time24hr")).forEach((element) => element.setAttribute("tabindex", "-1"));
+    calendar.getElementsByClassName("flatpickr-hour")[0].setAttribute("aria-label", "Ora");
+    calendar.getElementsByClassName("flatpickr-minute")[0].setAttribute("aria-label", "Minuti");
 }
 function setMonthsAriaOptions(calendar, prevMonthArrow, nextMonthArrow) {
-  Array.from(calendar.getElementsByClassName("flatpickr-monthSelect-months")).forEach((element) => element.setAttribute("tabindex", "-1"));
-  Array.from(calendar.getElementsByClassName("flatpickr-monthSelect-month")).forEach((element) => element.setAttribute("role", "button"));
-  prevMonthArrow.setAttribute("aria-label", "Anno precedente");
-  nextMonthArrow.setAttribute("aria-label", "Anno successivo");
+    Array.from(calendar.getElementsByClassName("flatpickr-monthSelect-months")).forEach((element) => element.setAttribute("tabindex", "-1"));
+    Array.from(calendar.getElementsByClassName("flatpickr-monthSelect-month")).forEach((element) => element.setAttribute("role", "button"));
+    prevMonthArrow.setAttribute("aria-label", "Anno precedente");
+    nextMonthArrow.setAttribute("aria-label", "Anno successivo");
 }
+//# sourceMappingURL=utils.js.map

package/dist/collection/components/date-picker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/date-picker/utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import {ZDatePickerMode, ZDatePickerModeValue, ZDatePickerPosition, ZRangePickerMode} from \"../../beans\";\n\nexport function validateDate(dateStr: string, hasTime = false): boolean {\n  const regex = hasTime ? /^\\d{1,2}[/-]\\d{1,2}[/-]\\d{2,4} - \\d{2}:\\d{2}$/ : /^\\d{1,2}[/-]\\d{1,2}[/-]\\d{2,4}$/;\n\n  if (dateStr.match(regex) === null) {\n    return false;\n  }\n\n  return true;\n}\n\nexport function setFlatpickrPosition(\n  element: HTMLElement,\n  mode: ZDatePickerMode | ZRangePickerMode\n): ZDatePickerPosition {\n  const toggleHeight = element.children[0].clientHeight;\n  element.style.setProperty(\"--z-range-picker--toggle-height\", `${toggleHeight}px`);\n\n  const flatpickrHeight =\n    mode === ZDatePickerMode.DATE_TIME\n      ? ZDatePickerModeValue.DATE_TIME\n      : mode === ZDatePickerMode.MONTHS\n      ? ZDatePickerModeValue.MONTHS\n      : ZDatePickerModeValue.DATE;\n\n  const bottom = element.getBoundingClientRect().bottom;\n  const overflowBottom = bottom + flatpickrHeight > window.innerHeight;\n  const overflowTop = bottom - flatpickrHeight - toggleHeight < 0;\n\n  if (!overflowTop && overflowBottom) {\n    return ZDatePickerPosition.TOP;\n  }\n\n  return ZDatePickerPosition.BOTTOM;\n}\n\nexport function setAriaOptions(element: HTMLElement, mode: ZDatePickerMode | ZRangePickerMode): void {\n  const calendar = element.getElementsByClassName(\"flatpickr-calendar\");\n\n  Array.from(calendar).forEach((element) => {\n    element.setAttribute(\"tabindex\", \"0\");\n    const prevMonthArrow = element.getElementsByClassName(\"flatpickr-prev-month\")[0];\n    const nextMonthArrow = element.getElementsByClassName(\"flatpickr-next-month\")[0];\n\n    const tabindexElements = element.querySelectorAll('[tabindex = \"-1\"]');\n    tabindexElements.forEach((element) => element.setAttribute(\"tabindex\", \"0\"));\n\n    Array.from(element.getElementsByClassName(\"flatpickr-day\")).forEach((date: HTMLElement) => {\n      if (date.classList.contains(\"flatpickr-disabled\")) {\n        date.setAttribute(\"tabindex\", \"-1\");\n      }\n    });\n\n    prevMonthArrow.setAttribute(\"tabindex\", \"0\");\n    nextMonthArrow.setAttribute(\"tabindex\", \"0\");\n\n    prevMonthArrow.setAttribute(\"role\", \"button\");\n    nextMonthArrow.setAttribute(\"role\", \"button\");\n\n    element.getElementsByClassName(\"cur-year\")[0].setAttribute(\"aria-label\", \"Anno\");\n\n    if (mode === ZDatePickerMode.DATE) {\n      setDateAriaOptions(element, prevMonthArrow, nextMonthArrow);\n    }\n    if (mode === ZDatePickerMode.DATE_TIME) {\n      setDateTimeAriaOptions(element, prevMonthArrow, nextMonthArrow);\n    }\n    if (mode === ZDatePickerMode.MONTHS) {\n      setMonthsAriaOptions(element, prevMonthArrow, nextMonthArrow);\n    }\n  });\n}\n\nfunction setDateAriaOptions(calendar, prevMonthArrow, nextMonthArrow): void {\n  Array.from(calendar.getElementsByClassName(\"flatpickr-days\")).forEach((element: HTMLElement) =>\n    element.setAttribute(\"tabindex\", \"-1\")\n  );\n\n  Array.from(calendar.getElementsByClassName(\"flatpickr-day\")).forEach((element: HTMLElement) =>\n    element.setAttribute(\"role\", \"button\")\n  );\n\n  calendar.getElementsByClassName(\"flatpickr-monthDropdown-months\")[0].setAttribute(\"aria-label\", \"Mese\");\n\n  prevMonthArrow.setAttribute(\"aria-label\", \"Mese precedente\");\n  nextMonthArrow.setAttribute(\"aria-label\", \"Mese successivo\");\n}\n\nfunction setDateTimeAriaOptions(calendar, prevMonthArrow, nextMonthArrow): void {\n  Array.from(calendar.getElementsByClassName(\"flatpickr-days\")).forEach((element: HTMLElement) =>\n    element.setAttribute(\"tabindex\", \"-1\")\n  );\n\n  Array.from(calendar.getElementsByClassName(\"flatpickr-day\")).forEach((element: HTMLElement) =>\n    element.setAttribute(\"role\", \"button\")\n  );\n\n  calendar.getElementsByClassName(\"flatpickr-monthDropdown-months\")[0].setAttribute(\"aria-label\", \"Mese\");\n\n  prevMonthArrow.setAttribute(\"aria-label\", \"Mese precedente\");\n  nextMonthArrow.setAttribute(\"aria-label\", \"Mese successivo\");\n\n  Array.from(calendar.getElementsByClassName(\"time24hr\")).forEach((element: HTMLElement) =>\n    element.setAttribute(\"tabindex\", \"-1\")\n  );\n\n  calendar.getElementsByClassName(\"flatpickr-hour\")[0].setAttribute(\"aria-label\", \"Ora\");\n  calendar.getElementsByClassName(\"flatpickr-minute\")[0].setAttribute(\"aria-label\", \"Minuti\");\n}\n\nfunction setMonthsAriaOptions(calendar, prevMonthArrow, nextMonthArrow): void {\n  Array.from(calendar.getElementsByClassName(\"flatpickr-monthSelect-months\")).forEach((element: HTMLElement) =>\n    element.setAttribute(\"tabindex\", \"-1\")\n  );\n\n  Array.from(calendar.getElementsByClassName(\"flatpickr-monthSelect-month\")).forEach((element: HTMLElement) =>\n    element.setAttribute(\"role\", \"button\")\n  );\n\n  prevMonthArrow.setAttribute(\"aria-label\", \"Anno precedente\");\n  nextMonthArrow.setAttribute(\"aria-label\", \"Anno successivo\");\n}\n"]}