@zanichelli/albe-web-components 14.5.0 → 14.5.2-rc-anchor-navigation

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

@@ -1,147 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { randomId } from "../../../utils/utils";
-import { LabelPosition } from "../../../beans";
-export class ZToggleSwitch {
-    constructor() {
-        this.disabled = false;
-        this.labelPosition = LabelPosition.LEFT;
-        this.checked = false;
-        this.htmlid = `toggle-switch-id-${randomId()}`;
-    }
-    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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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"]}