@zanichelli/albe-web-components 19.6.0 → 20.0.0-RC1

package/dist/collection/snowflakes/myz/list/z-myz-list/index.js

@@ -1,85 +0,0 @@
-import { h } from "@stencil/core";
-export class ZMyzList {
-    componentWillLoad() {
-        if (this.inputrawdata) {
-            this.parseinputrawdata(this.inputrawdata);
-        }
-    }
-    parseinputrawdata(inputrawdata) {
-        this.list = [...JSON.parse(inputrawdata)];
-    }
-    oninputrawdataChange(newValue) {
-        this.parseinputrawdata(newValue);
-    }
-    render() {
-        const lastElem = this.list ? this.list.length - 1 : -1;
-        return (h("ul", { key: '68407f9f3732f51af43763651c228bf950aada69' }, this.list &&
-            this.list.map((bean, i) => (h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
-    }
-    static get is() { return "z-myz-list"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "inputrawdata": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "json stringified list data (mutable, optional)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "inputrawdata"
-            },
-            "list": {
-                "type": "unknown",
-                "mutable": true,
-                "complexType": {
-                    "original": "ListItem[]",
-                    "resolved": "ListItem[]",
-                    "references": {
-                        "ListItem": {
-                            "location": "import",
-                            "path": "../../../../beans/index.js",
-                            "id": "src/beans/index.tsx::ListItem",
-                            "referenceLocation": "ListItem"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "list item data (mutable, optional)"
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-    static get watchers() {
-        return [{
-                "propName": "inputrawdata",
-                "methodName": "oninputrawdataChange"
-            }];
-    }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/snowflakes/myz/list/z-myz-list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/list/z-myz-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAQ5E,MAAM,OAAO,QAAQ;IASnB,iBAAiB;QACf,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAEO,iBAAiB,CAAC,YAAoB;QAC5C,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAC5C,CAAC;IAGD,oBAAoB,CAAC,QAAgB;QACnC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAEvD,OAAO,CACL,6DACG,IAAI,CAAC,IAAI;YACR,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,uBACE,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,UAAU,EAAE,QAAQ,IAAI,CAAC,GACzB,CACH,CAAC,CACD,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Prop, Watch, h} from \"@stencil/core\";\nimport {ListItem} from \"../../../../beans/index.js\";\n\n@Component({\n  tag: \"z-myz-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzList implements ComponentInterface {\n  /** json stringified list data (mutable, optional) */\n  @Prop()\n  inputrawdata?: string;\n\n  /** list item data (mutable, optional)*/\n  @Prop({mutable: true})\n  list?: ListItem[];\n\n  componentWillLoad(): void {\n    if (this.inputrawdata) {\n      this.parseinputrawdata(this.inputrawdata);\n    }\n  }\n\n  private parseinputrawdata(inputrawdata: string): void {\n    this.list = [...JSON.parse(inputrawdata)];\n  }\n\n  @Watch(\"inputrawdata\")\n  oninputrawdataChange(newValue: string): void {\n    this.parseinputrawdata(newValue);\n  }\n\n  render(): HTMLUListElement {\n    const lastElem = this.list ? this.list.length - 1 : -1;\n\n    return (\n      <ul>\n        {this.list &&\n          this.list.map((bean, i) => (\n            <z-myz-list-item\n              listitemid={bean.listitemid}\n              text={bean.text}\n              link={bean.link}\n              linktarget={bean.linktarget}\n              icon={bean.icon}\n              underlined={lastElem != i}\n            />\n          ))}\n      </ul>\n    );\n  }\n}\n"]}

package/dist/collection/snowflakes/myz/list/z-myz-list/styles.css

@@ -1,4 +0,0 @@
-ul {
-  padding: 0;
-  margin: 0;
-}

package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js

@@ -1,207 +0,0 @@
-import { h } from "@stencil/core";
-import { handleKeyboardSubmit } from "../../../../utils/utils";
-export class ZMyzListItem {
-    emitZListItemLinkClick(e, linkId) {
-        this.zListItemLinkClick.emit({ e, linkId });
-    }
-    emitZListItemClick(e, listitemid) {
-        this.zListItemClick.emit({ e, listitemid });
-    }
-    constructor() {
-        /** link target (optional) */
-        this.linktarget = "_self";
-        /** underlined style flag */
-        this.underlined = true;
-        this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);
-        this.emitZListItemClick = this.emitZListItemClick.bind(this);
-    }
-    render() {
-        const linkId = this.listitemid ? `link_${this.listitemid}` : "";
-        return (h("li", { key: '5364c5d28f9c27c67edb4e0bdcb1149f82ced9b6', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { key: 'beb568968c53a442f27900b428f0fe5d0ac2703d', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '60bb559247dc40d349b83469baf081dcd1a23fae', name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", { key: '2c8731d7877f7675d388f8be3eb833a8fcc75bd0' }))));
-    }
-    static get is() { return "z-myz-list-item"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "text": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "content text"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "text"
-            },
-            "link": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "link url (optional)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "link"
-            },
-            "linktarget": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "link target (optional)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "linktarget",
-                "defaultValue": "\"_self\""
-            },
-            "icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "icon name (optional)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "icon"
-            },
-            "listitemid": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "id (optional)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "listitemid"
-            },
-            "action": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "data-action attribute (optional)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "action"
-            },
-            "underlined": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "underlined style flag"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "underlined",
-                "defaultValue": "true"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "zListItemLinkClick",
-                "name": "zListItemLinkClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "emitted on list item link click, returns linkId"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }, {
-                "method": "zListItemClick",
-                "name": "zListItemClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "emitted on list item click, returns listitemid"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/list/z-myz-list-item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAO7D,MAAM,OAAO,YAAY;IAiCf,sBAAsB,CAAC,CAAa,EAAE,MAAM;QAClD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,MAAM,EAAC,CAAC,CAAC;IAC5C,CAAC;IAMO,kBAAkB,CAAC,CAAa,EAAE,UAAU;QAClD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,UAAU,EAAC,CAAC,CAAC;IAC5C,CAAC;IAED;QApCA,6BAA6B;QAE7B,eAAU,GAAY,OAAO,CAAC;QAc9B,4BAA4B;QAE5B,eAAU,GAAG,IAAI,CAAC;QAmBhB,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrE,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9D;IAED,MAAM;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAEhE,OAAO,CACL,2DACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,IAAI,CAAC,UAAU,iBACN,IAAI,CAAC,MAAM,EACxB,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,EACvE,UAAU,EAAE,CAAC,EAAiB,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAC;YAErG,6DAAM,KAAK,EAAE,IAAI,CAAC,UAAU,IAAI,QAAQ;gBACrC,IAAI,CAAC,IAAI,IAAI,+DAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;gBACxC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,SACE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAClC,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,MAAM,CAAC,EAClE,UAAU,EAAE,CAAC,EAAiB,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAE,EAAE,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EAChG,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACnC,QAAQ,EAAC,GAAG,IAEX,IAAI,CAAC,IAAI,CACR,CACL,CAAC,CAAC,CAAC,CACF,YAAM,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS,CACpC;gBACD,8DAAQ,CACH,CACJ,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {handleKeyboardSubmit} from \"../../../../utils/utils\";\n\n@Component({\n  tag: \"z-myz-list-item\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzListItem implements ComponentInterface {\n  /** content text */\n  @Prop()\n  text: string;\n\n  /** link url (optional) */\n  @Prop()\n  link?: string;\n\n  /** link target (optional) */\n  @Prop()\n  linktarget?: string = \"_self\";\n\n  /** icon name (optional) */\n  @Prop()\n  icon?: string;\n\n  /** id (optional) */\n  @Prop()\n  listitemid?: string;\n\n  /** data-action attribute (optional) */\n  @Prop()\n  action?: string;\n\n  /** underlined style flag */\n  @Prop()\n  underlined = true;\n\n  /** emitted on list item link click, returns linkId */\n  @Event()\n  zListItemLinkClick: EventEmitter;\n\n  private emitZListItemLinkClick(e: MouseEvent, linkId): void {\n    this.zListItemLinkClick.emit({e, linkId});\n  }\n\n  /** emitted on list item click, returns listitemid */\n  @Event()\n  zListItemClick: EventEmitter;\n\n  private emitZListItemClick(e: MouseEvent, listitemid): void {\n    this.zListItemClick.emit({e, listitemid});\n  }\n\n  constructor() {\n    this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);\n    this.emitZListItemClick = this.emitZListItemClick.bind(this);\n  }\n\n  render(): HTMLLIElement {\n    const linkId = this.listitemid ? `link_${this.listitemid}` : \"\";\n\n    return (\n      <li\n        role=\"button\"\n        id={this.listitemid}\n        data-action={this.action}\n        onClick={(e: MouseEvent) => this.emitZListItemClick(e, this.listitemid)}\n        onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid)}\n      >\n        <span class={this.underlined && \"border\"}>\n          {this.icon && <z-icon name={this.icon} />}\n          {this.link ? (\n            <a\n              href={this.link ? this.link : null}\n              target={this.linktarget}\n              id={linkId}\n              onClick={(e: MouseEvent) => this.emitZListItemLinkClick(e, linkId)}\n              onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId)}\n              role={this.link ? \"link\" : \"button\"}\n              tabindex=\"0\"\n            >\n              {this.text}\n            </a>\n          ) : (\n            <span innerHTML={this.text}></span>\n          )}\n          <slot />\n        </span>\n      </li>\n    );\n  }\n}\n"]}

package/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css

@@ -1,66 +0,0 @@
-:host li {
-  all: unset;
-  all: reset;
-  width: 100%;
-  line-height: 14px;
-  list-style-type: none;
-}
-
-:host li > span {
-  display: flex;
-  padding: calc(var(--space-unit) * 2) 0;
-  color: var(--color-default-text);
-  fill: var(--color-default-icon);
-  font-family: var(--font-family-sans);
-  font-size: 16px;
-  font-weight: var(--font-rg);
-  letter-spacing: 0.23px;
-  line-height: 14px;
-}
-
-:host(.small) li > span {
-  padding: calc(var(--space-unit) * 1.5) 0;
-  font-size: var(--font-size-2);
-}
-
-:host(.x-small) li > span {
-  padding: var(--space-unit) 0;
-  font-size: var(--font-size-2);
-}
-
-:host(.small) li > span > z-icon,
-:host(.x-small) li > span > z-icon {
-  --z-icon-width: 16px;
-  --z-icon-height: 16px;
-  --z-icon-right-margin: calc(var(--space-unit) * 0.5);
-
-  padding: 0;
-}
-
-:host li > span.border {
-  border-bottom: 2px solid var(--color-surface03);
-}
-
-:host li span:hover,
-a:hover {
-  color: var(--color-primary01);
-  fill: var(--color-primary01);
-}
-
-a,
-a:visited,
-a:active {
-  color: inherit;
-  fill: inherit;
-  text-decoration: none;
-}
-
-:host li span z-icon {
-  width: calc(var(--space-unit) * 2);
-  height: calc(var(--space-unit) * 2);
-  padding: 0 calc(var(--space-unit) * 1.5) 0 0;
-  background-repeat: no-repeat;
-  background-size: contain;
-  color: var(--color-primary01);
-  fill: var(--color-primary01);
-}

package/dist/collection/snowflakes/myz/z-alert/index.js

@@ -1,52 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @slot - alert content
- */
-export class ZAlert {
-    render() {
-        return (h("div", { key: '9c6f254da9597c0142815fa229e084ad2e1faf5f', class: this.type }, h("slot", { key: '80b6c9d8d20fa9a6ed7fca52d724871803cdf47a' })));
-    }
-    static get is() { return "z-alert"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "AlertType",
-                    "resolved": "AlertType.ERROR | AlertType.SUCCESS | AlertType.WARNING",
-                    "references": {
-                        "AlertType": {
-                            "location": "import",
-                            "path": "../../../beans/index",
-                            "id": "src/beans/index.tsx::AlertType",
-                            "referenceLocation": "AlertType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "alert variant type"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "type"
-            }
-        };
-    }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/snowflakes/myz/z-alert/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/snowflakes/myz/z-alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACrE,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C;;GAEG;AAOH,MAAM,OAAO,MAAM;IAKjB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,IAAI,CAAC,IAAI;YACnB,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Prop, h} from \"@stencil/core\";\nimport {AlertType} from \"../../../beans/index\";\n\n/**\n * @slot - alert content\n */\n\n@Component({\n  tag: \"z-alert\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZAlert implements ComponentInterface {\n  /** alert variant type */\n  @Prop()\n  type: AlertType;\n\n  render(): HTMLDivElement {\n    return (\n      <div class={this.type}>\n        <slot />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/snowflakes/myz/z-alert/styles.css

@@ -1,28 +0,0 @@
-:host {
-  display: block;
-  box-sizing: border-box;
-  color: var(--color-surface05);
-  font-family: var(--font-family-sans);
-  font-size: 14px;
-  font-weight: var(--font-rg);
-  line-height: calc(var(--space-unit) * 2);
-}
-
-:host > div {
-  padding: calc(var(--space-unit) * 2);
-}
-
-:host > .success {
-  background: var(--color-inverse-success);
-  fill: var(--color-default-success);
-}
-
-:host > .warning {
-  background: var(--color-inverse-warning);
-  fill: var(--color-default-warning);
-}
-
-:host > .error {
-  background: var(--color-inverse-error);
-  fill: var(--color-default-error);
-}

package/dist/collection/snowflakes/myz/z-otp/index.js

@@ -1,131 +0,0 @@
-import { h } from "@stencil/core";
-import { InputStatus } from "../../../beans";
-export class ZOtp {
-    constructor() {
-        /** Input number */
-        this.inputNum = 6;
-    }
-    emitInputChange(value) {
-        this.otpChange.emit({ value });
-    }
-    componentWillLoad() {
-        this.otp = [...Array(this.inputNum)];
-        this.otpRef = [...Array(this.inputNum)];
-    }
-    render() {
-        return (h("div", { key: '82943f654f3601a203981bc476a5e58378604331', class: "otp-container" }, h("div", { key: '0e069bb23f23ff9e97bb094b3ccce57d5adeb1b1', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
-                if (e.keyCode > 47) {
-                    this.otpRef[i].value = "";
-                }
-            }, onKeyUp: (e) => {
-                if (e.keyCode > 47) {
-                    if (i < this.inputNum - 1) {
-                        this.otpRef[i + 1].focus();
-                    }
-                }
-            }, onInput: (e) => {
-                this.otp[i] = e.target.value;
-                this.emitInputChange(this.otp.join(""));
-            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: '752f2b63c997e9b6ff2e239537e15b1a1a2719c7', message: this.message, status: this.status })));
-    }
-    static get is() { return "z-otp"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "inputNum": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Input number"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "input-num",
-                "defaultValue": "6"
-            },
-            "status": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "InputStatus",
-                    "resolved": "InputStatus.ERROR | InputStatus.SUCCESS | InputStatus.WARNING",
-                    "references": {
-                        "InputStatus": {
-                            "location": "import",
-                            "path": "../../../beans",
-                            "id": "src/beans/index.tsx::InputStatus",
-                            "referenceLocation": "InputStatus"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Input status"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "status"
-            },
-            "message": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Input message"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "message"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "otpChange",
-                "name": "otpChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Otp change event"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/snowflakes/myz/z-otp/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/snowflakes/myz/z-otp/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAO3C,MAAM,OAAO,IAAI;IALjB;QAME,mBAAmB;QAEnB,aAAQ,GAAY,CAAC,CAAC;KAiEvB;IA/CS,eAAe,CAAC,KAAa;QACnC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;IAC/B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QACrC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,eAAe;YACxB,4DAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,aACE,KAAK,EAAE,IAAI,CAAC,MAAM,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EACxD,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;oBAC9B,IAAI,CAAC,CAAC,OAAO,GAAG,EAAE,EAAE,CAAC;wBACnB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;oBAC5B,CAAC;gBACH,CAAC,EACD,OAAO,EAAE,CAAC,CAAgB,EAAE,EAAE;oBAC5B,IAAI,CAAC,CAAC,OAAO,GAAG,EAAE,EAAE,CAAC;wBACnB,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE,CAAC;4BAC1B,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;wBAC7B,CAAC;oBACH,CAAC;gBACH,CAAC,EACD,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE;oBACzB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;oBACnD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC1C,CAAC,EACD,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,GAAG,EACb,SAAS,EAAC,GAAG,EACb,YAAY,EAAC,KAAK,EAClB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAClC,CACH,CAAC,CACE;YACN,wEACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,GACF,CACf,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {InputStatus} from \"../../../beans\";\n\n@Component({\n  tag: \"z-otp\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZOtp implements ComponentInterface {\n  /** Input number */\n  @Prop()\n  inputNum?: number = 6;\n\n  /** Input status */\n  @Prop()\n  status?: InputStatus;\n\n  /** Input message */\n  @Prop()\n  message?: string;\n\n  private otp: string[];\n\n  private otpRef: HTMLInputElement[];\n\n  /** Otp change event */\n  @Event()\n  otpChange: EventEmitter;\n\n  private emitInputChange(value: string): void {\n    this.otpChange.emit({value});\n  }\n\n  componentWillLoad(): void {\n    this.otp = [...Array(this.inputNum)];\n    this.otpRef = [...Array(this.inputNum)];\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class=\"otp-container\">\n        <div class=\"digits-container\">\n          {this.otp.map((_val, i) => (\n            <input\n              class={this.status == InputStatus.ERROR ? \"error\" : null}\n              onKeyDown={(e: KeyboardEvent) => {\n                if (e.keyCode > 47) {\n                  this.otpRef[i].value = \"\";\n                }\n              }}\n              onKeyUp={(e: KeyboardEvent) => {\n                if (e.keyCode > 47) {\n                  if (i < this.inputNum - 1) {\n                    this.otpRef[i + 1].focus();\n                  }\n                }\n              }}\n              onInput={(e: InputEvent) => {\n                this.otp[i] = (e.target as HTMLInputElement).value;\n                this.emitInputChange(this.otp.join(\"\"));\n              }}\n              type=\"text\"\n              minlength=\"1\"\n              maxlength=\"1\"\n              autoComplete=\"off\"\n              ref={(el) => (this.otpRef[i] = el)}\n            />\n          ))}\n        </div>\n        <z-input-message\n          message={this.message}\n          status={this.status}\n        ></z-input-message>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/snowflakes/myz/z-otp/styles.css

@@ -1,52 +0,0 @@
-input:focus {
-  box-shadow: var(--shadow-focus-primary);
-  outline: none !important;
-}
-
-:host {
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-.digits-container {
-  display: flex;
-  justify-content: flex-start;
-}
-
-input {
-  width: calc(var(--space-unit) * 5);
-  height: 72px;
-  box-sizing: border-box;
-  padding: 0;
-  caret-color: transparent;
-  color: var(--color-surface05);
-  font-family: var(--font-family-sans);
-  font-size: 32px;
-  font-weight: 300;
-  text-align: center;
-}
-
-input.error {
-  border: 1px solid;
-  border-color: var(--color-default-error);
-  background-color: var(--color-inverse-error);
-  border-radius: 4px;
-}
-
-input:not(:last-of-type) {
-  margin-right: var(--space-unit);
-}
-
-/* Tablet breakpoint */
-@media only screen and (min-width: 768px) {
-  input:not(:last-of-type) {
-    margin-right: calc(var(--space-unit) * 2);
-  }
-}
-
-/* Desktop breakpoint */
-@media only screen and (min-width: 1025px) {
-  input {
-    width: calc(var(--space-unit) * 6);
-  }
-}