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

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

@@ -1,9 +1,5 @@
 import { h } from "@stencil/core";
 export class ZMyzList {
-    constructor() {
-        this.inputrawdata = undefined;
-        this.list = undefined;
-    }
     componentWillLoad() {
         if (this.inputrawdata) {
             this.parseinputrawdata(this.inputrawdata);
@@ -17,7 +13,7 @@ export class ZMyzList {
     }
     render() {
         const lastElem = this.list ? this.list.length - 1 : -1;
-        return (h("ul", { key: '97237c224248c304a8c70ddb938beb0e416d246d' }, this.list &&
+        return (h("ul", { key: '6a2623cc98a4039d09522d061163e909002e3139' }, 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"; }
@@ -48,8 +44,10 @@ export class ZMyzList {
                     "tags": [],
                     "text": "json stringified list data (mutable, optional)"
                 },
-                "attribute": "inputrawdata",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "inputrawdata"
             },
             "list": {
                 "type": "unknown",
@@ -61,7 +59,8 @@ export class ZMyzList {
                         "ListItem": {
                             "location": "import",
                             "path": "../../../../beans/index.js",
-                            "id": "src/beans/index.tsx::ListItem"
+                            "id": "src/beans/index.tsx::ListItem",
+                            "referenceLocation": "ListItem"
                         }
                     }
                 },
@@ -70,7 +69,9 @@ export class ZMyzList {
                 "docs": {
                     "tags": [],
                     "text": "list item data (mutable, optional)"
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }
@@ -81,4 +82,3 @@ export class ZMyzList {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -8,19 +8,16 @@ export class ZMyzListItem {
         this.zListItemClick.emit({ e, listitemid });
     }
     constructor() {
-        this.text = undefined;
-        this.link = undefined;
+        /** link target (optional) */
         this.linktarget = "_self";
-        this.icon = undefined;
-        this.listitemid = undefined;
-        this.action = undefined;
+        /** 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: 'b26b8dbeaf1a8f5beb9ce7c799bafc5dacc6d471', 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: 'bd0de19c4f484bd249358e39df3ca4296e9eb360', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '47edd1a371c2c4cbb34d07fb7120d6f96e51669e', 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: '93a47ea9cf8cf341d9cacedbd13b34d8877d60fe' }))));
+        return (h("li", { key: 'b6ba862acc48ceb87ae354709401d3a3f1edded0', 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: 'e9d3ae7e318e02f241e3fcbdd512ee16df29732e', class: this.underlined && "border" }, this.icon && h("z-icon", { key: 'cd4898bfd2cec5d9455c16b3f7b2fb0d972475a4', 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: '48bb5cc539f8eda84f21219103e17acd0d226c99' }))));
     }
     static get is() { return "z-myz-list-item"; }
     static get encapsulation() { return "shadow"; }
@@ -50,8 +47,10 @@ export class ZMyzListItem {
                     "tags": [],
                     "text": "content text"
                 },
-                "attribute": "text",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
             },
             "link": {
                 "type": "string",
@@ -67,8 +66,10 @@ export class ZMyzListItem {
                     "tags": [],
                     "text": "link url (optional)"
                 },
-                "attribute": "link",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "link"
             },
             "linktarget": {
                 "type": "string",
@@ -84,8 +85,10 @@ export class ZMyzListItem {
                     "tags": [],
                     "text": "link target (optional)"
                 },
-                "attribute": "linktarget",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "linktarget",
                 "defaultValue": "\"_self\""
             },
             "icon": {
@@ -102,8 +105,10 @@ export class ZMyzListItem {
                     "tags": [],
                     "text": "icon name (optional)"
                 },
-                "attribute": "icon",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon"
             },
             "listitemid": {
                 "type": "string",
@@ -119,8 +124,10 @@ export class ZMyzListItem {
                     "tags": [],
                     "text": "id (optional)"
                 },
-                "attribute": "listitemid",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "listitemid"
             },
             "action": {
                 "type": "string",
@@ -136,8 +143,10 @@ export class ZMyzListItem {
                     "tags": [],
                     "text": "data-action attribute (optional)"
                 },
-                "attribute": "action",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "action"
             },
             "underlined": {
                 "type": "boolean",
@@ -153,8 +162,10 @@ export class ZMyzListItem {
                     "tags": [],
                     "text": "underlined style flag"
                 },
-                "attribute": "underlined",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "underlined",
                 "defaultValue": "true"
             }
         };
@@ -193,4 +204,3 @@ export class ZMyzListItem {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -3,11 +3,8 @@ import { h } from "@stencil/core";
  * @slot - alert content
  */
 export class ZAlert {
-    constructor() {
-        this.type = undefined;
-    }
     render() {
-        return (h("div", { key: '9cdbd685674a5ee5f5d2dec9b9272402f76b9de8', class: this.type }, h("slot", { key: '36d8361bdc4a04c47695afe8e824f976ee8c47df' })));
+        return (h("div", { key: '204ed259e39529024d5131934a9c961dd9b509fa', class: this.type }, h("slot", { key: 'ec415f2b24c695c6f8cccf6c436cd625cdda51ed' })));
     }
     static get is() { return "z-alert"; }
     static get encapsulation() { return "shadow"; }
@@ -33,7 +30,8 @@ export class ZAlert {
                         "AlertType": {
                             "location": "import",
                             "path": "../../../beans/index",
-                            "id": "src/beans/index.tsx::AlertType"
+                            "id": "src/beans/index.tsx::AlertType",
+                            "referenceLocation": "AlertType"
                         }
                     }
                 },
@@ -43,10 +41,11 @@ export class ZAlert {
                     "tags": [],
                     "text": "alert variant type"
                 },
-                "attribute": "type",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "type"
             }
         };
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -2,9 +2,8 @@ import { h } from "@stencil/core";
 import { InputStatus } from "../../../beans";
 export class ZOtp {
     constructor() {
+        /** Input number */
         this.inputNum = 6;
-        this.status = undefined;
-        this.message = undefined;
     }
     emitInputChange(value) {
         this.otpChange.emit({ value });
@@ -14,18 +13,20 @@ export class ZOtp {
         this.otpRef = [...Array(this.inputNum)];
     }
     render() {
-        return (h("div", { key: '9814a8c35149033a7ce7091ff7d9807cd400f50a', class: "otp-container" }, h("div", { key: 'f85cbf0862d6b50da4a015e8ca6651b56ba96b30', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: 'b538dc35302cf5f20bc7cf4fbda5675f6cc04297', class: "otp-container" }, h("div", { key: '3b385a5b0a9c7b19c217b1ba7c177058a757bcf9', 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) {
-                    i < this.inputNum - 1 && this.otpRef[i + 1].focus();
+                    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: '666ac57e8c41d6f6c205839f05337c5ec29bf9ba', message: this.message, status: this.status })));
+            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: '4ee747f877f8ed6db4b79400be46768bf17bc6ef', message: this.message, status: this.status })));
     }
     static get is() { return "z-otp"; }
     static get encapsulation() { return "shadow"; }
@@ -55,8 +56,10 @@ export class ZOtp {
                     "tags": [],
                     "text": "Input number"
                 },
-                "attribute": "input-num",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "input-num",
                 "defaultValue": "6"
             },
             "status": {
@@ -69,7 +72,8 @@ export class ZOtp {
                         "InputStatus": {
                             "location": "import",
                             "path": "../../../beans",
-                            "id": "src/beans/index.tsx::InputStatus"
+                            "id": "src/beans/index.tsx::InputStatus",
+                            "referenceLocation": "InputStatus"
                         }
                     }
                 },
@@ -79,8 +83,10 @@ export class ZOtp {
                     "tags": [],
                     "text": "Input status"
                 },
-                "attribute": "status",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "status"
             },
             "message": {
                 "type": "string",
@@ -96,8 +102,10 @@ export class ZOtp {
                     "tags": [],
                     "text": "Input message"
                 },
-                "attribute": "message",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "message"
             }
         };
     }
@@ -120,4 +128,3 @@ export class ZOtp {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -15,9 +15,6 @@ function isStringArray(data) {
  */
 export class ZSlideshow {
     constructor() {
-        this.slideshowid = undefined;
-        this.data = undefined;
-        this.device = undefined;
         this.currentSlide = 0;
     }
     watchData() {
@@ -96,7 +93,9 @@ export class ZSlideshow {
             nextSlide++;
         }
         return (h("z-icon", { class: `scroll ${direction} ${disabled && "disabled"}`, width: this.getBulletDimension(), height: this.getBulletDimension(), name: `chevron-${direction}-circle`, onClick: () => {
-                !disabled && this.setCurrentSlide(nextSlide);
+                if (!disabled) {
+                    this.setCurrentSlide(nextSlide);
+                }
             }, onKeyUp: (e) => !disabled &&
                 handleKeyboardSubmit(e, () => {
                     this.setCurrentSlide(nextSlide);
@@ -145,8 +144,10 @@ export class ZSlideshow {
                     "tags": [],
                     "text": "slideshow id"
                 },
-                "attribute": "slideshowid",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "slideshowid"
             },
             "data": {
                 "type": "string",
@@ -162,8 +163,10 @@ export class ZSlideshow {
                     "tags": [],
                     "text": "array or JSON stringified images urls"
                 },
-                "attribute": "data",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "data"
             }
         };
     }
@@ -181,4 +184,3 @@ export class ZSlideshow {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/utils/storybook-utils.js

@@ -145,4 +145,3 @@ export function getColorTokenArgConfig(nullable = false) {
         },
     };
 }
-//# sourceMappingURL=storybook-utils.js.map

package/dist/collection/utils/utils.js

@@ -267,4 +267,3 @@ export const getPlainText = (html) => {
     const doc = new DOMParser().parseFromString(html, "text/html");
     return doc.body.textContent || "";
 };
-//# sourceMappingURL=utils.js.map

package/dist/components/_commonjsHelpers.js

@@ -1,5 +1 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-export { commonjsGlobal as c };
-
-//# sourceMappingURL=_commonjsHelpers.js.map
+function t(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}export{t as g}

package/dist/components/breakpoints.js

@@ -1,11 +1 @@
-/** Breakpoints for responsive design. The values are the max width of the screen for each breakpoint. */
-var Breakpoints;
-(function (Breakpoints) {
-    Breakpoints[Breakpoints["MOBILE"] = 767] = "MOBILE";
-    Breakpoints[Breakpoints["TABLET"] = 1151] = "TABLET";
-    Breakpoints[Breakpoints["DESKTOP"] = 1365] = "DESKTOP";
-})(Breakpoints || (Breakpoints = {}));
-
-export { Breakpoints as B };
-
-//# sourceMappingURL=breakpoints.js.map
+var B;!function(B){B[B.MOBILE=767]="MOBILE",B[B.TABLET=1151]="TABLET",B[B.DESKTOP=1365]="DESKTOP"}(B||(B={}));export{B}