@zanichelli/albe-web-components 6.3.2 → 6.3.3

package/dist/collection/components/z-offcanvas/index.js

@@ -5,8 +5,15 @@ import { OffCanvasVariant, TransitionDirection } from "../../beans";
  */
 export class ZOffcanvas {
   constructor() {
+    /**
+     * Offcanvas variant.
+     * Can be one of "overlay", "pushcontent"
+     * Default variant: pushcontent
+     */
     this.variant = OffCanvasVariant.PUSHCONTENT;
+    /** open component. Default: false */
     this.open = false;
+    /** open content transitioning in a specified direction left | right. Default: left */
     this.transitiondirection = TransitionDirection.LEFT;
   }
   componentWillLoad() {

package/dist/collection/components/z-pagination/index.js

@@ -5,17 +5,24 @@ import { InputType } from "../../beans";
  */
 export class ZPagination {
   constructor() {
-    this.label = undefined;
+    /** Enable navigation arrows. */
     this.navArrows = true;
-    this.totalPages = undefined;
+    /** Number of pages to skip. */
     this.skip = 0;
+    /** Enable buttons to go to the first and last pages. */
     this.edges = false;
-    this.split = undefined;
-    this.visiblePages = undefined;
+    /** Current page. */
     this.currentPage = 1;
-    this.goToPage = undefined;
+    /**
+     * Internal visible pages variable.
+     * Needed to better handle conflicting props like `visiblePages` and `split`.
+     * This state will change based on props values and validation,
+     * keeping original `visiblePages` value intact.
+     */
     this._visiblePages = this.visiblePages;
+    /** Used to hides/change some functionalities on smaller screen sizes */
     this.isMobile = false;
+    /** Value of the go to page input */
     this.goToPageValue = null;
   }
   /**

package/dist/collection/components/z-popover/index.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { PopoverPositions, KeyboardCode } from "../../beans";
+import { PopoverPosition, KeyboardCode } from "../../beans";
 import { getElementTree } from "../../utils/utils";
 const DOCUMENT_ELEMENT = document.documentElement;
 function getParentElement(element) {
@@ -92,13 +92,24 @@ function computeOffset(element, targetParentOffset) {
  */
 export class ZPopover {
   constructor() {
-    this.position = PopoverPositions.AUTO;
+    /** Popover position. */
+    this.position = PopoverPosition.AUTO;
+    /**
+     * The open state of the popover.
+     */
     this.open = false;
-    this.bindTo = undefined;
+    /**
+     * Whether to show popover's arrow.
+     */
     this.showArrow = false;
+    /**
+     * Whether to center the popup on the main side (according to "position").
+     */
     this.center = false;
+    /**
+     * Whether the popover should be closed when the user clicks outside of it or hit "ESC".
+     */
     this.closable = true;
-    this.currentPosition = undefined;
   }
   closePopoverWithKeyboard(e) {
     if (this.closable && e.key === KeyboardCode.ESC) {
@@ -117,8 +128,8 @@ export class ZPopover {
     }
   }
   validatePosition(newValue) {
-    if (newValue && !Object.values(PopoverPositions).includes(newValue)) {
-      this.position = PopoverPositions.AUTO;
+    if (newValue && !Object.values(PopoverPosition).includes(newValue)) {
+      this.position = PopoverPosition.AUTO;
     }
     this.currentPosition = this.position;
     this.positionChange.emit({ position: this.currentPosition });
@@ -184,28 +195,28 @@ export class ZPopover {
     const availableWidth = availableLeft + availableRight + boundingRect.width;
     let position = this.currentPosition;
     const positions = [];
-    if (this.position === PopoverPositions.AUTO) {
+    if (this.position === PopoverPosition.AUTO) {
       /**
        * The `AUTO` position tries to place the popover in the 'safest' area,
        * where there's more space available.
        */
       if (availableLeft / availableWidth > 0.6) {
-        positions.push(PopoverPositions.LEFT);
+        positions.push(PopoverPosition.LEFT);
       }
       else if (availableLeft / availableWidth < 0.4) {
-        positions.push(PopoverPositions.RIGHT);
+        positions.push(PopoverPosition.RIGHT);
       }
       if (availableTop / availableHeight > 0.9) {
-        positions.unshift(PopoverPositions.TOP);
+        positions.unshift(PopoverPosition.TOP);
       }
       else if (availableTop / availableHeight > 0.6) {
-        positions.push(PopoverPositions.TOP);
+        positions.push(PopoverPosition.TOP);
       }
       else if (availableTop / availableHeight < 0.1) {
-        positions.unshift(PopoverPositions.BOTTOM);
+        positions.unshift(PopoverPosition.BOTTOM);
       }
       else {
-        positions.push(PopoverPositions.BOTTOM);
+        positions.push(PopoverPosition.BOTTOM);
       }
       position = positions.join("_");
     }
@@ -217,17 +228,17 @@ export class ZPopover {
     const offsetLeft = boundingRect.left - relativeBoundingRect.left;
     const offsetModifier = this.center ? 0.5 : 0;
     const sizeModifier = this.center ? 0.5 : 0;
-    if (position === PopoverPositions.TOP || position === PopoverPositions.TOP_RIGHT) {
+    if (position === PopoverPosition.TOP || position === PopoverPosition.TOP_RIGHT) {
       style.top = "auto";
       style.right = "auto";
       style.bottom = `${offsetBottom + boundingRect.height}px`;
       style.left = `${offsetLeft + boundingRect.width * offsetModifier}px`;
       style.maxHeight = `${availableTop}px`;
-      if (position === PopoverPositions.TOP_RIGHT) {
+      if (position === PopoverPosition.TOP_RIGHT) {
         style.maxWidth = `${availableRight + boundingRect.width * sizeModifier}px`;
       }
     }
-    else if (position === PopoverPositions.TOP_LEFT) {
+    else if (position === PopoverPosition.TOP_LEFT) {
       style.top = "auto";
       style.right = `${offsetRight + boundingRect.width * offsetModifier}px`;
       style.bottom = `${offsetBottom + boundingRect.height}px`;
@@ -235,17 +246,17 @@ export class ZPopover {
       style.maxWidth = `${availableLeft}px`;
       style.maxHeight = `${availableTop}px`;
     }
-    else if (position === PopoverPositions.BOTTOM || position === PopoverPositions.BOTTOM_RIGHT) {
+    else if (position === PopoverPosition.BOTTOM || position === PopoverPosition.BOTTOM_RIGHT) {
       style.top = `${offsetTop + boundingRect.height}px`;
       style.right = "auto";
       style.bottom = "auto";
       style.left = `${offsetLeft + boundingRect.width * offsetModifier}px`;
       style.maxHeight = `${availableBottom}px`;
-      if (position === PopoverPositions.BOTTOM_RIGHT) {
+      if (position === PopoverPosition.BOTTOM_RIGHT) {
         style.maxWidth = `${availableRight + boundingRect.width * sizeModifier}px`;
       }
     }
-    else if (position === PopoverPositions.BOTTOM_LEFT) {
+    else if (position === PopoverPosition.BOTTOM_LEFT) {
       style.top = `${offsetTop + boundingRect.height}px`;
       style.right = `${offsetRight + boundingRect.width * offsetModifier}px`;
       style.bottom = "auto";
@@ -253,7 +264,7 @@ export class ZPopover {
       style.maxWidth = `${availableLeft}px`;
       style.maxHeight = `${availableBottom}px`;
     }
-    else if (position === PopoverPositions.RIGHT || position === PopoverPositions.RIGHT_BOTTOM) {
+    else if (position === PopoverPosition.RIGHT || position === PopoverPosition.RIGHT_BOTTOM) {
       style.top = `${offsetTop + boundingRect.height * offsetModifier}px`;
       style.right = "auto";
       style.bottom = "auto";
@@ -261,7 +272,7 @@ export class ZPopover {
       style.maxWidth = `${availableRight}px`;
       style.maxHeight = `${availableBottom + boundingRect.height * sizeModifier}px`;
     }
-    else if (position === PopoverPositions.RIGHT_TOP) {
+    else if (position === PopoverPosition.RIGHT_TOP) {
       style.top = "auto";
       style.right = "auto";
       style.bottom = `${offsetBottom + boundingRect.height * offsetModifier}px`;
@@ -269,7 +280,7 @@ export class ZPopover {
       style.maxWidth = `${availableRight}px`;
       style.maxHeight = `${availableTop + boundingRect.height * sizeModifier}px`;
     }
-    else if (position === PopoverPositions.LEFT || position === PopoverPositions.LEFT_BOTTOM) {
+    else if (position === PopoverPosition.LEFT || position === PopoverPosition.LEFT_BOTTOM) {
       style.top = `${offsetTop + boundingRect.height * offsetModifier}px`;
       style.right = `${offsetRight + boundingRect.width}px`;
       style.bottom = "auto";
@@ -277,7 +288,7 @@ export class ZPopover {
       style.maxWidth = `${availableLeft}px`;
       style.maxHeight = `${availableBottom + boundingRect.height * sizeModifier}px`;
     }
-    else if (position === PopoverPositions.LEFT_TOP) {
+    else if (position === PopoverPosition.LEFT_TOP) {
       style.top = "auto";
       style.right = `${offsetRight + boundingRect.width}px`;
       style.bottom = `${offsetBottom + boundingRect.height * offsetModifier}px`;
@@ -313,10 +324,10 @@ export class ZPopover {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "PopoverPositions",
-          "resolved": "PopoverPositions.AUTO | PopoverPositions.BOTTOM | PopoverPositions.BOTTOM_LEFT | PopoverPositions.BOTTOM_RIGHT | PopoverPositions.LEFT | PopoverPositions.LEFT_BOTTOM | PopoverPositions.LEFT_TOP | PopoverPositions.RIGHT | PopoverPositions.RIGHT_BOTTOM | PopoverPositions.RIGHT_TOP | PopoverPositions.TOP | PopoverPositions.TOP_LEFT | PopoverPositions.TOP_RIGHT",
+          "original": "PopoverPosition",
+          "resolved": "PopoverPosition.AUTO | PopoverPosition.BOTTOM | PopoverPosition.BOTTOM_LEFT | PopoverPosition.BOTTOM_RIGHT | PopoverPosition.LEFT | PopoverPosition.LEFT_BOTTOM | PopoverPosition.LEFT_TOP | PopoverPosition.RIGHT | PopoverPosition.RIGHT_BOTTOM | PopoverPosition.RIGHT_TOP | PopoverPosition.TOP | PopoverPosition.TOP_LEFT | PopoverPosition.TOP_RIGHT",
           "references": {
-            "PopoverPositions": {
+            "PopoverPosition": {
               "location": "import",
               "path": "../../beans"
             }
@@ -330,7 +341,7 @@ export class ZPopover {
         },
         "attribute": "position",
         "reflect": true,
-        "defaultValue": "PopoverPositions.AUTO"
+        "defaultValue": "PopoverPosition.AUTO"
       },
       "open": {
         "type": "boolean",

package/dist/collection/components/z-section-title/index.js

@@ -11,7 +11,14 @@ import { DividerSize, ZSectionTitleDividerPosition } from "../../beans";
  */
 export class ZSectionTitle {
   constructor() {
+    /**
+     * Divider position for the primary title.
+     * This prop only works if the secondary title is not set.
+     */
     this.dividerPosition = ZSectionTitleDividerPosition.BEFORE;
+    /**
+     * Whether the primary title text is uppercase.
+     */
     this.uppercase = true;
   }
   componentWillRender() {

package/dist/collection/components/z-skip-to-content/index.js

@@ -6,7 +6,7 @@ import { ThemeVariant } from "../../beans";
  */
 export class ZSkipToContent {
   constructor() {
-    this.variant = undefined;
+    /** Array to fill link into skip-content */
     this.links = [];
     this.visible = false;
     this.visibleLink = "";

package/dist/collection/components/z-table/z-table/index.js

@@ -7,20 +7,22 @@ import { mobileBreakpoint } from "../../../constants/breakpoints";
  */
 export class ZTable {
   constructor() {
-    this.lines = undefined;
+    /** Error message */
     this.errorMessage = "Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto";
+    /** Sets table with border */
     this.bordered = false;
-    this.callToActionLabel = undefined;
-    this.callToActionTwoLabel = undefined;
+    /** Sets first column sticky */
     this.columnSticky = false;
+    /** Sets empty table */
     this.empty = false;
+    /** Set error status */
     this.error = false;
-    this.errorLink = undefined;
+    /** Sets header sticky */
     this.headerSticky = false;
+    /** Set message */
     this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare";
+    /** Set subtitle */
     this.subtitle = "";
-    this.hasTableBody = undefined;
-    this.isMobile = undefined;
   }
   handleResize() {
     this.isMobile = window.innerWidth <= mobileBreakpoint;

package/dist/collection/components/z-table/z-table-cell/index.js

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 import { ButtonVariant, ButtonSize, Size } from "../../../beans";
 export class ZTableCell {
   constructor() {
-    this.showButton = undefined;
+    /** Set padding size of cell, if special 0px padding will be set */
     this.padding = Size.MEDIUM;
     this.isMenuOpened = false;
   }

package/dist/collection/components/z-table/z-table-empty-box/index.js

@@ -1,7 +1,9 @@
 import { h, Host } from "@stencil/core";
 export class ZTableEmptyBox {
   constructor() {
+    /** Sets main title message*/
     this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare.";
+    /** Sets message */
     this.subtitle = "";
   }
   componentWillLoad() {

package/dist/collection/components/z-table/z-table-expanded-row/index.js

@@ -1,8 +1,5 @@
 import { h } from "@stencil/core";
 export class ZTableExpandedRow {
-  constructor() {
-    this.colSpan = undefined;
-  }
   render() {
     return (h("td", { colSpan: this.colSpan }, h("div", { class: "content-container" }, h("slot", null))));
   }

package/dist/collection/components/z-table/z-table-header/index.js

@@ -1,13 +1,13 @@
 import { h, Host } from "@stencil/core";
-import { ButtonSize, ButtonVariant, PopoverPositions, Size, SortDirection } from "../../../beans";
+import { ButtonSize, ButtonVariant, PopoverPosition, Size, SortDirection } from "../../../beans";
 import { getElementTree } from "../../../utils/utils";
 export class ZTableHeader {
   constructor() {
-    this.columnId = undefined;
+    /** Set padding size of cell, if special 0px padding will be set */
     this.padding = Size.MEDIUM;
-    this.sortable = undefined;
-    this.showButton = undefined;
+    /** [Optional] Default sort order */
     this.defaultSortDirection = SortDirection.ASC;
+    /** Sort direction */
     this.sortDirection = SortDirection.NONE;
     this.emitOnSort = this.emitOnSort.bind(this);
   }
@@ -63,7 +63,7 @@ export class ZTableHeader {
   render() {
     return (h(Host, { class: {
         sortable: this.sortable,
-      }, onClick: () => this.handleSort() }, h("div", { class: "container" }, h("slot", null), this.sortable && this.sortDirection !== SortDirection.NONE && (h("z-icon", { name: this.sortDirection === SortDirection.ASC ? "arrow-up" : "arrow-down", class: "arrow" }))), this.showButton && (h("div", { class: "popover-container" }, h("z-button", { ref: (el) => (this.triggerButton = el), class: "contextual-popover-button", icon: "contextual-menu", variant: ButtonVariant.TERTIARY, size: ButtonSize.X_SMALL, onClick: () => this.handleMenuClick() }), h("z-popover", { ref: (el) => (this.popover = el), position: PopoverPositions.BOTTOM, center: true, bindTo: this.triggerButton }, h("div", null, h("slot", { name: "contextual-menu" })))))));
+      }, onClick: () => this.handleSort() }, h("div", { class: "container" }, h("slot", null), this.sortable && this.sortDirection !== SortDirection.NONE && (h("z-icon", { name: this.sortDirection === SortDirection.ASC ? "arrow-up" : "arrow-down", class: "arrow" }))), this.showButton && (h("div", { class: "popover-container" }, h("z-button", { ref: (el) => (this.triggerButton = el), class: "contextual-popover-button", icon: "contextual-menu", variant: ButtonVariant.TERTIARY, size: ButtonSize.X_SMALL, onClick: () => this.handleMenuClick() }), h("z-popover", { ref: (el) => (this.popover = el), position: PopoverPosition.BOTTOM, center: true, bindTo: this.triggerButton }, h("div", null, h("slot", { name: "contextual-menu" })))))));
   }
   static get is() { return "z-table-header"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-table/z-table-header-row/index.js

@@ -1,8 +1,5 @@
 import { Host, h } from "@stencil/core";
 export class ZTableHeaderRow {
-  constructor() {
-    this.expandable = undefined;
-  }
   renderExpandHeader() {
     return h("z-table-header", null);
   }

package/dist/collection/components/z-table/z-table-row/index.js

@@ -2,6 +2,7 @@ import { Host, h } from "@stencil/core";
 import { ZTableRowExpandedType } from "../../../beans";
 export class ZTableRow {
   constructor() {
+    /** Table row expanded type */
     this.expandedType = ZTableRowExpandedType.NONE;
     this.expanded = false;
   }

package/dist/collection/components/z-tag/index.js

@@ -6,10 +6,6 @@ import { h, Host } from "@stencil/core";
  * @cssprop --z-tag-bg - background color of the z-tag.
  */
 export class ZTag {
-  constructor() {
-    this.icon = undefined;
-    this.expandable = undefined;
-  }
   render() {
     return (h(Host, { class: {
         "body-5-sb": true,

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

@@ -5,9 +5,9 @@ import { LicenseType } from "../../../../beans/index";
  */
 export class ZMyzCardComponent {
   constructor() {
-    this.faded = undefined;
-    this.cardtype = undefined;
+    /** pressed status */
     this.ispressed = false;
+    /** highlighted status */
     this.ishighlighted = false;
   }
   retrieveClass() {

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

@@ -1,12 +1,6 @@
 import { h } from "@stencil/core";
 import { AlertType } from "../../../../beans";
 export class ZMyzCardAlert {
-  constructor() {
-    this.iconname = undefined;
-    this.contenttext = undefined;
-    this.actiontext = undefined;
-    this.type = undefined;
-  }
   emitUndoAction() {
     this.undoAction.emit({ actionType: this.type });
   }

package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js

@@ -1,11 +1,5 @@
 import { h } from "@stencil/core";
 export class ZMyzCardCover {
-  constructor() {
-    this.img = undefined;
-    this.titolo = undefined;
-    this.faded = undefined;
-    this.defaultimg = undefined;
-  }
   hadleOnImageError() {
     this.img = this.defaultimg;
   }

package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js

@@ -6,11 +6,13 @@ import { ButtonSize, ButtonVariant } from "../../../../beans";
  */
 export class ZMyzCardDictionary {
   constructor() {
-    this.name = undefined;
-    this.cover = undefined;
+    /** card is disabled */
     this.disabled = false;
+    /** card is flipped */
     this.flipped = false;
+    /** flip button label */
     this.flipbuttonlabel = "INFO";
+    /** hide info button */
     this.hideinfobtn = false;
   }
   handleFlipCard(e) {

package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js

@@ -6,12 +6,9 @@ import { LicenseType } from "../../../../beans/index";
  */
 export class ZMyzCardFooter {
   constructor() {
-    this.titolo = undefined;
-    this.autori = undefined;
-    this.isbn = undefined;
-    this.faded = undefined;
-    this.cardtype = undefined;
+    /** footer opened by default (optional) */
     this.opened = false;
+    /** display footer custom slotted content */
     this.customContent = false;
     this.isOpen = false;
     this.allowTooltipAuthors = false;

package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js

@@ -5,9 +5,6 @@ import { LicenseType } from "../../../../beans/index";
  */
 export class ZMyzCardHeader {
   constructor() {
-    this.titolo = undefined;
-    this.faded = undefined;
-    this.cardtype = undefined;
     this.allowTooltip = false;
   }
   getTitle() {

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js

@@ -1,8 +1,9 @@
 import { h } from "@stencil/core";
 export class ZMyzCardIcon {
   constructor() {
-    this.icon = undefined;
+    /** disabled status flag */
     this.isdisabled = false;
+    /** description of the icon*/
     this.ariaLabel = "";
   }
   render() {

package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js

@@ -1,12 +1,12 @@
 import { h } from "@stencil/core";
-import { PopoverPositions } from "../../../../beans";
+import { PopoverPosition } from "../../../../beans";
 import { handleKeyboardSubmit } from "../../../../utils/utils";
 /**
  * @slot  - content
  */
 export class ZMyzCardInfo {
   constructor() {
-    this.data = undefined;
+    /** tabindex link attribute (optional) */
     this.htmltabindex = 0;
     this.hiddenContent = false;
     this.tooltip = false;
@@ -87,7 +87,7 @@ export class ZMyzCardInfo {
       return;
     }
     const { title, year, author, description } = this.cardData;
-    return (h("z-popover", { position: PopoverPositions.RIGHT, onClick: () => (this.tooltip = false) }, `${title} ${year} ${author} ${description}`));
+    return (h("z-popover", { position: PopoverPosition.RIGHT, onClick: () => (this.tooltip = false) }, `${title} ${year} ${author} ${description}`));
   }
   setExpirationLicenseMessage(type) {
     if ((type === "online" && this.cardData.onlineLicense.expired) ||

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

@@ -1,7 +1,6 @@
 import { h } from "@stencil/core";
 export class ZMyzCardList {
   constructor() {
-    this.listdata = undefined;
     this.renderList = this.renderList.bind(this);
   }
   handleSpaceKeyPress(e, url) {

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);

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

@@ -2,12 +2,9 @@ import { h } from "@stencil/core";
 import { handleKeyboardSubmit } from "../../../../utils/utils";
 export class ZMyzListItem {
   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);

package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/index.js

@@ -5,8 +5,7 @@ import { PocketStatus } from "../../../../beans";
  */
 export class ZMessagesPocket {
   constructor() {
-    this.pocketid = undefined;
-    this.messages = undefined;
+    /** pocket status */
     this.status = PocketStatus.PREVIEW;
   }
   handlePocketToggle(e) {

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

@@ -5,7 +5,7 @@ import { PocketStatus } from "../../../../beans";
  */
 export class ZPocket {
   constructor() {
-    this.pocketid = undefined;
+    /** pocket status */
     this.status = PocketStatus.PREVIEW;
   }
   /** open z-pocket */

package/dist/collection/snowflakes/myz/pocket/z-pocket-body/index.js

@@ -5,7 +5,7 @@ import { PocketStatus } from "../../../../beans";
  */
 export class ZPocketBody {
   constructor() {
-    this.pocketid = undefined;
+    /** pocket status */
     this.status = PocketStatus.PREVIEW;
   }
   handlePocketToggle(e) {

package/dist/collection/snowflakes/myz/pocket/z-pocket-header/index.js

@@ -6,7 +6,6 @@ import Hammer from "hammerjs";
  */
 export class ZPocketHeader {
   constructor() {
-    this.pocketid = undefined;
     this.emitPocketHeaderClick = this.emitPocketHeaderClick.bind(this);
   }
   emitPocketHeaderClick() {

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

@@ -3,9 +3,6 @@ import { h } from "@stencil/core";
  * @slot - alert content
  */
 export class ZAlert {
-  constructor() {
-    this.type = undefined;
-  }
   render() {
     return (h("div", { class: this.type }, h("slot", null)));
   }

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 });

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() {