@zanichelli/albe-web-components 5.5.5 → 5.6.0

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

@@ -1,4 +1,4 @@
-import { Component, h, Event, Prop } from "@stencil/core";
+import { h } from "@stencil/core";
 import { InputStatusEnum } from "../../../beans";
 export class ZOtp {
   constructor() {
@@ -12,103 +12,109 @@ export class ZOtp {
     this.otpRef = Array.apply(null, Array(this.inputNum));
   }
   render() {
-    return (h("div", { class: "otp-container" },
-      h("div", { class: "digits-container" }, this.otp.map((_elem, i) => {
-        return (h("input", { class: this.status == InputStatusEnum.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();
-            }
-          }, onInput: (e) => {
-            this.otp[i] = e.target.value;
-            this.emitInputChange(this.otp.join(""));
-          }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: input => (this.otpRef[i] = input) }));
-      })),
-      h("z-input-message", { message: this.message, status: this.status })));
+    return (h("div", { class: "otp-container" }, h("div", { class: "digits-container" }, this.otp.map((_elem, i) => {
+      return (h("input", { class: this.status == InputStatusEnum.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();
+          }
+        }, onInput: (e) => {
+          this.otp[i] = e.target.value;
+          this.emitInputChange(this.otp.join(""));
+        }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: input => (this.otpRef[i] = input) }));
+    })), h("z-input-message", { 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": ""
+  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": ""
+        },
+        "attribute": "input-num",
+        "reflect": false,
+        "defaultValue": "6"
       },
-      "attribute": "input-num",
-      "reflect": false,
-      "defaultValue": "6"
-    },
-    "status": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "InputStatusBean",
-        "resolved": "\"error\" | \"success\" | \"warning\"",
-        "references": {
-          "InputStatusBean": {
-            "location": "import",
-            "path": "../../../beans"
+      "status": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "InputStatusBean",
+          "resolved": "\"error\" | \"success\" | \"warning\"",
+          "references": {
+            "InputStatusBean": {
+              "location": "import",
+              "path": "../../../beans"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "status",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "status",
-      "reflect": false
-    },
-    "message": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "message",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "otpChange",
-      "name": "otpChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "message": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "message",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "otpChange",
+        "name": "otpChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Prop, h, State, Element, Watch } from "@stencil/core";
+import { h } from "@stencil/core";
 import { DeviceEnum } from "../../../beans";
 import { getDevice, handleKeyboardSubmit, convertJson } from "../../../utils/utils";
 /**
@@ -64,8 +64,7 @@ export class ZSlideshow {
     }
   }
   renderSlides(items) {
-    return (h("div", { id: "slides" }, items.map((item, i) => (h("div", { id: "slide" + i, class: `slide ${this.currentSlide !== i && "hide"}` },
-      h("img", { src: item }))))));
+    return (h("div", { id: "slides" }, items.map((item, i) => (h("div", { id: "slide" + i, class: `slide ${this.currentSlide !== i && "hide"}` }, h("img", { src: item }))))));
   }
   renderScroll(direction) {
     let disabled = false, nextSlide = this.currentSlide;
@@ -85,81 +84,80 @@ export class ZSlideshow {
         }), tabindex: 0, role: "button" }));
   }
   renderSlideshowMain() {
-    return (h("main", null,
-      this.renderScroll("left"),
-      this.renderSlides(this.links),
-      this.renderScroll("right")));
+    return (h("main", null, this.renderScroll("left"), this.renderSlides(this.links), this.renderScroll("right")));
   }
   renderBullet(i) {
     return (h("a", { class: `bullet ${this.currentSlide === i && "selected"}`, onClick: () => this.setCurrentSlide(i), onKeyUp: (e) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i)), tabindex: 0, role: "button" }));
   }
   renderSlideshowFooter() {
-    return (h("footer", null,
-      h("div", { class: "footerLeft" },
-        h("slot", { name: "footer-left" })),
-      h("div", { class: "footerCenter" },
-        h("div", { class: "bulletContainer" }, Object.keys(this.links).map(i => this.renderBullet(parseInt(i))))),
-      h("div", { class: "footerRight" },
-        h("slot", { name: "footer-right" }))));
+    return (h("footer", null, h("div", { class: "footerLeft" }, h("slot", { name: "footer-left" })), h("div", { class: "footerCenter" }, h("div", { class: "bulletContainer" }, Object.keys(this.links).map(i => this.renderBullet(parseInt(i))))), h("div", { class: "footerRight" }, h("slot", { name: "footer-right" }))));
   }
   render() {
     if (!this.links || !this.links.length)
       return h("div", null);
-    return (h("div", { id: this.slideshowid },
-      this.renderSlideshowMain(),
-      this.renderSlideshowFooter()));
+    return (h("div", { id: this.slideshowid }, this.renderSlideshowMain(), this.renderSlideshowFooter()));
   }
   static get is() { return "z-slideshow"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "slideshowid": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "slideshowid": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "slideshow id"
+        },
+        "attribute": "slideshowid",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "slideshow id"
-      },
-      "attribute": "slideshowid",
-      "reflect": false
-    },
-    "data": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string[] | string",
-        "resolved": "string | string[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "array or JSON stringified images urls"
-      },
-      "attribute": "data",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "device": {},
-    "currentSlide": {}
-  }; }
+      "data": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string[] | string",
+          "resolved": "string | string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "array or JSON stringified images urls"
+        },
+        "attribute": "data",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "device": {},
+      "currentSlide": {}
+    };
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "data",
-      "methodName": "watchData"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "data",
+        "methodName": "watchData"
+      }];
+  }
 }

package/dist/esm/{index-3c2d757b.js → index-8390ddaf.js}

@@ -340,5 +340,15 @@ var CoverHeroContentPosition;
   CoverHeroContentPosition["TOP"] = "top";
   CoverHeroContentPosition["BOTTOM"] = "bottom";
 })(CoverHeroContentPosition || (CoverHeroContentPosition = {}));
+var CarouselArrowsPosition;
+(function (CarouselArrowsPosition) {
+  CarouselArrowsPosition["OVER"] = "over";
+  CarouselArrowsPosition["BOTTOM"] = "bottom";
+})(CarouselArrowsPosition || (CarouselArrowsPosition = {}));
+var CarouselProgressMode;
+(function (CarouselProgressMode) {
+  CarouselProgressMode["DOTS"] = "dots";
+  CarouselProgressMode["NUMBERS"] = "numbers";
+})(CarouselProgressMode || (CarouselProgressMode = {}));
 
-export { AvatarSize as A, ButtonVariantEnum as B, CardVariants as C, DividerSize as D, ExpandableListStyle as E, ZSectionTitleDividerPositions as F, ZDatePickerMode as G, ZDatePickerModeValues as H, InputTypeEnum as I, ZDatePickerPosition as J, KeyboardKeyCodeEnum as K, LicenseTypeEnum as L, ZRangePickerMode as M, NavigationTabsOrientations as N, OffCanvasVariantsEnum as O, PopoverPositions as P, StatusTagStatus as Q, InfoRevealPosition as R, SortDirectionEnum as S, ThemeVariant as T, CoverHeroVariant as U, CoverHeroContentPosition as V, ZTableRowExpandedType as Z, NavigationTabsSizes as a, ButtonTypeEnum as b, ButtonSizeEnum as c, InputStatusEnum as d, PopoverPosition as e, PopoverBorderRadius as f, PopoverShadow as g, KeyboardCodeEnum as h, KeyboardKeys as i, DividerOrientation as j, ListSize as k, Size as l, ExpandableListButtonAlign as m, LabelPositions as n, ListDividerType as o, NotificationType as p, AlertTypesEnum as q, DeviceEnum as r, PocketStatusEnum as s, ToastNotificationEnum as t, ToastNotificationTransitionsEnum as u, ToastNotificationPositionsEnum as v, ZAriaAlertMode as w, TransitionDirectionEnum as x, ZFileUploadTypeEnum as y, ZChipType as z };
+export { AvatarSize as A, ButtonVariantEnum as B, CardVariants as C, DividerSize as D, ExpandableListStyle as E, ZSectionTitleDividerPositions as F, ZDatePickerMode as G, ZDatePickerModeValues as H, InputTypeEnum as I, ZDatePickerPosition as J, KeyboardKeyCodeEnum as K, LicenseTypeEnum as L, ZRangePickerMode as M, NavigationTabsOrientations as N, OffCanvasVariantsEnum as O, PopoverPositions as P, StatusTagStatus as Q, InfoRevealPosition as R, SortDirectionEnum as S, ThemeVariant as T, CoverHeroVariant as U, CoverHeroContentPosition as V, CarouselArrowsPosition as W, CarouselProgressMode as X, ZTableRowExpandedType as Z, NavigationTabsSizes as a, ButtonTypeEnum as b, ButtonSizeEnum as c, InputStatusEnum as d, PopoverPosition as e, PopoverBorderRadius as f, PopoverShadow as g, KeyboardCodeEnum as h, KeyboardKeys as i, DividerOrientation as j, ListSize as k, Size as l, ExpandableListButtonAlign as m, LabelPositions as n, ListDividerType as o, NotificationType as p, AlertTypesEnum as q, DeviceEnum as r, PocketStatusEnum as s, ToastNotificationEnum as t, ToastNotificationTransitionsEnum as u, ToastNotificationPositionsEnum as v, ZAriaAlertMode as w, TransitionDirectionEnum as x, ZFileUploadTypeEnum as y, ZChipType as z };