@zanichelli/albe-web-components 6.3.1 → 6.3.2

package/dist/cjs/z-input-label_2.cjs.entry.js

@@ -12,8 +12,9 @@ const stylesCss$1 = "label{display:block;margin:var(--space-unit) 0;color:var(--
 const ZInputLabel = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** the label is disabled */
+    this.value = undefined;
     this.disabled = false;
+    this.htmlfor = undefined;
   }
   render() {
     return (index.h("label", { htmlFor: this.htmlfor, class: { disabled: this.disabled } }, this.value));
@@ -27,23 +28,24 @@ const ZSelect = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.optionSelect = index.createEvent(this, "optionSelect", 7);
-    /** the id of the input element */
+    this.itemsList = [];
     this.htmlid = `id-${utils.randomId()}`;
-    /** the input aria-label */
+    this.items = undefined;
+    this.name = undefined;
+    this.label = undefined;
     this.ariaLabel = "";
-    /** the input is disabled */
     this.disabled = false;
-    /** the input is readonly */
     this.readonly = false;
-    /** input helper message (optional) - if set to `false` message won't be displayed */
+    this.placeholder = undefined;
+    this.htmltitle = undefined;
+    this.status = undefined;
     this.message = true;
-    /** the input has autocomplete option */
     this.autocomplete = false;
-    /** no result text message */
     this.noresultslabel = "Nessun risultato";
+    this.hasGroupItems = undefined;
     this.isOpen = false;
     this.selectedItem = null;
-    this.itemsList = [];
+    this.searchString = undefined;
     this.toggleSelectUl = this.toggleSelectUl.bind(this);
     this.selectItem = this.selectItem.bind(this);
     this.handleSelectFocus = this.handleSelectFocus.bind(this);
@@ -251,18 +253,20 @@ const ZSelect = class {
     if (!this.itemsList.length) {
       return this.renderNoSearchResults();
     }
-    return this.itemsList.map((item, key) => {
-      return (index.h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: index$1.ListDividerType.ELEMENT, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": !!item.selected, id: `${this.htmlid}_${key}`, onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, key) }, index.h("span", { class: { selected: !!item.selected }, innerHTML: item.name })));
+    return this.itemsList.map((item, key, array) => {
+      const lastItem = array.length === key + 1;
+      return (index.h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: lastItem ? index$1.ListDividerType.HEADER : index$1.ListDividerType.ELEMENT, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": !!item.selected, id: `${this.htmlid}_${key}`, onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, key) }, index.h("span", { class: { selected: !!item.selected }, innerHTML: item.name })));
     });
   }
   renderSelectGroupItems() {
     if (!this.itemsList.length) {
       return this.renderNoSearchResults();
     }
-    const newData = this.itemsList.reduce((group, item, index$2) => {
+    const newData = this.itemsList.reduce((group, item, index$2, array) => {
       var _a;
       const { category } = item;
-      const zListItem = (index.h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: index$1.ListDividerType.HEADER, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": !!item.selected, id: `${this.htmlid}_${index$2}`, onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, index$2) }, index.h("span", { class: { selected: !!item.selected }, innerHTML: item.name })));
+      const lastItem = array.length === index$2 + 1;
+      const zListItem = (index.h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: lastItem ? index$1.ListDividerType.HEADER : index$1.ListDividerType.ELEMENT, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": !!item.selected, id: `${this.htmlid}_${index$2}`, onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, index$2) }, index.h("span", { class: { selected: !!item.selected }, innerHTML: item.name })));
       group[category] = (_a = group[category]) !== null && _a !== void 0 ? _a : [];
       group[category].push(zListItem);
       return group;

package/dist/cjs/z-input_2.cjs.entry.js

@@ -16,27 +16,31 @@ const ZInput = class {
     this.startTyping = index.createEvent(this, "startTyping", 7);
     this.stopTyping = index.createEvent(this, "stopTyping", 7);
     this.inputCheck = index.createEvent(this, "inputCheck", 7);
-    /** the id of the input element */
+    this.typingtimeout = 300;
     this.htmlid = `id-${utils.randomId()}`;
-    /** the input aria-label */
+    this.type = undefined;
+    this.name = undefined;
+    this.label = undefined;
     this.ariaLabel = "";
-    /** the input is disabled */
+    this.value = undefined;
     this.disabled = false;
-    /** the input is readonly */
     this.readonly = false;
-    /** the input is required (optional): available for text, password, number, email, textarea, checkbox */
     this.required = false;
-    /** checked: available for checkbox, radio */
     this.checked = false;
-    /** input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed */
+    this.placeholder = undefined;
+    this.htmltitle = undefined;
+    this.status = undefined;
     this.message = true;
-    /** the input label position: available for checkbox, radio */
     this.labelPosition = index$1.LabelPosition.RIGHT;
-    /** render clear icon when typing (optional): available for text */
+    this.autocomplete = undefined;
     this.hasclearicon = true;
+    this.icon = undefined;
+    this.min = undefined;
+    this.max = undefined;
+    this.step = undefined;
+    this.pattern = undefined;
     this.isTyping = false;
     this.passwordHidden = true;
-    this.typingtimeout = 300;
   }
   inputCheckListener(e) {
     const data = e.detail;
@@ -242,6 +246,8 @@ const ZInputMessage = class {
       error: "multiply-circled",
       warning: "exclamation-circle",
     };
+    this.message = undefined;
+    this.status = undefined;
   }
   render() {
     return (index.h(index.Host, { role: "alert", "aria-label": this.message, tabindex: this.message ? 0 : -1 }, this.statusIcons[this.status] && this.message && index.h("z-icon", { name: this.statusIcons[this.status] }), index.h("span", { innerHTML: this.message })));

package/dist/cjs/z-link.cjs.entry.js

@@ -10,23 +10,17 @@ const ZLink = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.zLinkClick = index.createEvent(this, "zLinkClick", 7);
-    /** link target (optional) */
+    this.htmlid = undefined;
+    this.href = undefined;
     this.target = "_self";
-    /** tabindex link attribute (optional) */
     this.htmltabindex = 0;
-    /** disable link flag (optional) */
     this.isdisabled = false;
-    /** active link flag (optional) */
     this.isactive = false;
-    /** white variant flag (optional) */
     this.iswhite = false;
-    /** link text variant (optional) */
     this.textcolor = "primary";
-    /** big link version */
+    this.icon = undefined;
     this.big = false;
-    /** link icon position (optional) */
     this.iconposition = "left";
-    /** draw underline on text (optional) */
     this.underline = false;
     this.iconSize = 18;
     this.emitZLinkClick = this.emitZLinkClick.bind(this);

package/dist/cjs/z-list_3.cjs.entry.js

@@ -10,13 +10,7 @@ const stylesCss$2 = ":host{display:flex;flex-direction:column;font-family:var(--
 const ZList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-     * [optional] Sets size of inside elements.
-     */
     this.size = index$1.ListSize.MEDIUM;
-    /**
-     * [optional] type of the list marker for each element
-     */
     this.listType = index$1.ListType.NONE;
   }
   setChildrenSizeType() {
@@ -47,69 +41,31 @@ const ZListElement = class {
     index.registerInstance(this, hostRef);
     this.accessibleFocus = index.createEvent(this, "accessibleFocus", 7);
     this.clickItem = index.createEvent(this, "clickItem", 7);
-    /**
-     * [optional] Align expandable button left or right.
-     */
+    this.openElementConfig = {
+      accordion: {
+        open: "minus-circled",
+        close: "plus-circled",
+      },
+      menu: {
+        open: "chevron-up",
+        close: "chevron-down",
+      },
+    };
     this.alignButton = index$1.ExpandableListButtonAlign.LEFT;
-    /**
-     * [optional] Sets element clickable.
-     */
     this.clickable = false;
-    /**
-     * [optional] Sets the divider color.
-     */
     this.dividerColor = "color-surface03";
-    /**
-     * [optional] Sets the position where to insert the divider.
-     */
     this.dividerType = index$1.ListDividerType.NONE;
-    /**
-     * [optional] Sets the divider size.
-     */
     this.dividerSize = index$1.DividerSize.SMALL;
-    /**
-     * [optional] Sets element as expandable.
-     */
     this.expandable = false;
-    /**
-     * [optional] Sets expandable style to element.
-     */
     this.expandableStyle = index$1.ExpandableListStyle.ACCORDION;
-    /**
-     * [optional] Sets size of inside elements.
-     */
+    this.listElementId = undefined;
     this.size = index$1.ListSize.MEDIUM;
-    /**
-     * [optional] Sets text color of the element.
-     */
     this.color = "none";
-    /**
-     * [optional] Sets disabled style of the element.
-     */
     this.disabled = false;
-    /**
-     * [optional] If is used in ZContextualMenu component
-     */
     this.isContextualMenu = false;
-    /**
-     * [optional] position of the list element inside the list or the group
-     */
     this.listElementPosition = "0";
-    /**
-     * [optional] type of the list marker for each element
-     */
     this.listType = index$1.ListType.NONE;
     this.showInnerContent = false;
-    this.openElementConfig = {
-      accordion: {
-        open: "minus-circled",
-        close: "plus-circled",
-      },
-      menu: {
-        open: "chevron-up",
-        close: "chevron-down",
-      },
-    };
     this.handleClick = this.handleClick.bind(this);
     this.handleKeyDown = this.handleKeyDown.bind(this);
   }
@@ -209,25 +165,10 @@ const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--f
 const ZListGroup = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-     * [optional] Sets size of inside elements.
-     */
     this.size = index$1.ListSize.MEDIUM;
-    /**
-     * [optional] Sets the position where to insert the divider.
-     */
     this.dividerType = index$1.ListDividerType.NONE;
-    /**
-     * [optional] Sets the divider size.
-     */
     this.dividerSize = index$1.DividerSize.SMALL;
-    /**
-     * [optional] Sets the divider color.
-     */
     this.dividerColor = "gray200";
-    /**
-     * [optional] type of the list marker for each element
-     */
     this.listType = index$1.ListType.NONE;
   }
   componentDidLoad() {

package/dist/cjs/z-logo.cjs.entry.js

@@ -9,6 +9,12 @@ const stylesCss = ":host{display:inline-block;width:255px;height:64px;vertical-a
 const ZLogo = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.width = undefined;
+    this.height = undefined;
+    this.imageAlt = undefined;
+    this.link = undefined;
+    this.targetBlank = undefined;
+    this.mobileLogo = undefined;
   }
   render() {
     const style = {};

package/dist/cjs/z-menu-dropdown_2.cjs.entry.js

@@ -12,6 +12,9 @@ const stylesCss$1 = ":host{width:inherit;height:32px;font-family:var(--dashboard
 const ZMenuDropdown = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.nomeutente = undefined;
+    this.menucontent = undefined;
+    this.buttonid = undefined;
     this.ismenuopen = false;
     this.handleToggle = this.handleToggle.bind(this);
     this.handleFocus = this.handleFocus.bind(this);
@@ -61,6 +64,8 @@ const stylesCss = "ul{padding:0;margin:0}";
 const ZMyzList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.inputrawdata = undefined;
+    this.list = undefined;
   }
   componentWillLoad() {
     if (this.inputrawdata) {

package/dist/cjs/z-menu-section.cjs.entry.js

@@ -11,6 +11,9 @@ const ZMenuSection = class {
     index.registerInstance(this, hostRef);
     this.opened = index.createEvent(this, "opened", 7);
     this.closed = index.createEvent(this, "closed", 7);
+    this.active = undefined;
+    this.open = undefined;
+    this.hasContent = undefined;
   }
   toggle() {
     if (!this.hasContent) {

package/dist/cjs/z-menu.cjs.entry.js

@@ -11,18 +11,11 @@ const ZMenu = class {
     index.registerInstance(this, hostRef);
     this.opened = index.createEvent(this, "opened", 7);
     this.closed = index.createEvent(this, "closed", 7);
-    /**
-     * Flag to set the display mode of the list.
-     * If true, the list will be absolutely positioned under the menu label,
-     * stacked beneath it otherwise.
-     * @default false
-     */
+    this.active = undefined;
     this.floating = false;
-    /**
-     * The opening state of the menu.
-     * @default false
-     */
     this.open = false;
+    this.hasHeader = undefined;
+    this.hasContent = undefined;
     this.toggle = this.toggle.bind(this);
     this.checkContent = this.checkContent.bind(this);
     this.onItemsChange = this.onItemsChange.bind(this);

package/dist/cjs/z-messages-pocket.cjs.entry.js

@@ -10,7 +10,8 @@ const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--f
 const ZMessagesPocket = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** pocket status */
+    this.pocketid = undefined;
+    this.messages = undefined;
     this.status = index$1.PocketStatus.PREVIEW;
   }
   handlePocketToggle(e) {

package/dist/cjs/z-modal-login.cjs.entry.js

@@ -14,8 +14,11 @@ const ZModalLogin = class {
     this.statusUpdate = index.createEvent(this, "statusUpdate", 7);
     this.signupClick = index.createEvent(this, "signupClick", 7);
     this.zainoDigitaleClick = index.createEvent(this, "zainoDigitaleClick", 7);
-    /** Login modal title */
+    this.forgotPasswordUrl = undefined;
     this.heading = "Entra in MyZanichelli";
+    this.status = undefined;
+    this.message = undefined;
+    this.pwdmessage = undefined;
     this.externalProviderCheck = false;
   }
   componentDidLoad() {

package/dist/cjs/z-modal.cjs.entry.js

@@ -12,7 +12,9 @@ const ZModal = class {
     this.modalClose = index.createEvent(this, "modalClose", 7);
     this.modalHeaderActive = index.createEvent(this, "modalHeaderActive", 7);
     this.modalBackgroundClick = index.createEvent(this, "modalBackgroundClick", 7);
-    /** aria-label for close button (optional) */
+    this.modalid = undefined;
+    this.modaltitle = undefined;
+    this.modalsubtitle = undefined;
     this.closeButtonLabel = "close modal";
   }
   emitModalClose() {

package/dist/cjs/z-myz-card-alert.cjs.entry.js

@@ -11,6 +11,10 @@ const ZMyzCardAlert = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.undoAction = index.createEvent(this, "undoAction", 7);
+    this.iconname = undefined;
+    this.contenttext = undefined;
+    this.actiontext = undefined;
+    this.type = undefined;
   }
   emitUndoAction() {
     this.undoAction.emit({ actionType: this.type });

package/dist/cjs/z-myz-card-dictionary.cjs.entry.js

@@ -11,13 +11,11 @@ const ZMyzCardDictionary = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.cardFlipped = index.createEvent(this, "cardFlipped", 7);
-    /** card is disabled */
+    this.name = undefined;
+    this.cover = undefined;
     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/cjs/z-myz-card-footer.cjs.entry.js

@@ -10,9 +10,12 @@ const stylesCss = "footer{position:relative;z-index:5;top:0;width:auto;height:ca
 const ZMyzCardFooter = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** footer opened by default (optional) */
+    this.titolo = undefined;
+    this.autori = undefined;
+    this.isbn = undefined;
+    this.faded = undefined;
+    this.cardtype = undefined;
     this.opened = false;
-    /** display footer custom slotted content */
     this.customContent = false;
     this.isOpen = false;
     this.allowTooltipAuthors = false;

package/dist/cjs/z-myz-card-icon.cjs.entry.js

@@ -9,9 +9,8 @@ const stylesCss = "button{display:flex;width:42px;width:calc(var(--space-unit) *
 const ZMyzCardIcon = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** disabled status flag */
+    this.icon = undefined;
     this.isdisabled = false;
-    /** description of the icon*/
     this.ariaLabel = "";
   }
   render() {

package/dist/cjs/z-myz-card-info.cjs.entry.js

@@ -13,7 +13,7 @@ const ZMyzCardInfo = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.flipCard = index.createEvent(this, "flipCard", 7);
-    /** tabindex link attribute (optional) */
+    this.data = undefined;
     this.htmltabindex = 0;
     this.hiddenContent = false;
     this.tooltip = false;

package/dist/cjs/z-myz-card-list.cjs.entry.js

@@ -9,6 +9,7 @@ const stylesCss = "ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0
 const ZMyzCardList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.listdata = undefined;
     this.renderList = this.renderList.bind(this);
   }
   handleSpaceKeyPress(e, url) {

package/dist/cjs/z-myz-card_4.cjs.entry.js

@@ -10,9 +10,9 @@ const stylesCss$3 = ":host{--card-overflow:hidden}div{display:flex;overflow:var(
 const ZMyzCardComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** pressed status */
+    this.faded = undefined;
+    this.cardtype = undefined;
     this.ispressed = false;
-    /** highlighted status */
     this.ishighlighted = false;
   }
   retrieveClass() {
@@ -60,6 +60,10 @@ const stylesCss$1 = "img{display:block;max-width:100%;height:340px;margin:auto;o
 const ZMyzCardCover = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.img = undefined;
+    this.titolo = undefined;
+    this.faded = undefined;
+    this.defaultimg = undefined;
   }
   hadleOnImageError() {
     this.img = this.defaultimg;
@@ -75,6 +79,9 @@ const stylesCss = "header{position:relative;display:flex;width:auto;height:calc(
 const ZMyzCardHeader = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.titolo = undefined;
+    this.faded = undefined;
+    this.cardtype = undefined;
     this.allowTooltip = false;
   }
   getTitle() {

package/dist/cjs/z-myz-list-item.cjs.entry.js

@@ -14,9 +14,12 @@ const ZMyzListItem = class {
     index.registerInstance(this, hostRef);
     this.zListItemLinkClick = index.createEvent(this, "zListItemLinkClick", 7);
     this.zListItemClick = index.createEvent(this, "zListItemClick", 7);
-    /** link target (optional) */
+    this.text = undefined;
+    this.link = undefined;
     this.linktarget = "_self";
-    /** underlined style flag */
+    this.icon = undefined;
+    this.listitemid = undefined;
+    this.action = undefined;
     this.underlined = true;
     this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);
     this.emitZListItemClick = this.emitZListItemClick.bind(this);

package/dist/cjs/z-myz-topbar.cjs.entry.js

@@ -11,11 +11,22 @@ const stylesCss = ":host a{cursor:pointer}header{position:sticky;z-index:99;top:
 const ZMyzTopbar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.isMobile = true;
-    this.isMenuMobileOpen = false;
     this.intMenuData = [];
     this.extMenuData = [];
     this.isLogged = false;
+    this.intlinkdata = undefined;
+    this.extlinkdata = undefined;
+    this.userdata = undefined;
+    this.ismyz = undefined;
+    this.logolink = undefined;
+    this.imagealt = undefined;
+    this.activeintlinkid = undefined;
+    this.activesublinkid = undefined;
+    this.hideloginbutton = undefined;
+    this.activeMenuItem = undefined;
+    this.currentMenuItem = undefined;
+    this.isMobile = true;
+    this.isMenuMobileOpen = false;
   }
   activeIntLinkChange(newValue) {
     this.activeMenuItem = this.currentMenuItem = this.intMenuData.find((item) => item.id === newValue);

package/dist/cjs/z-navigation-tab-link.cjs.entry.js

@@ -12,22 +12,15 @@ const ZNavigationTabLink = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.selectedEvent = index.createEvent(this, "selected", 7);
-    /**
-     * Whether the tab is selected.
-     */
     this.selected = false;
-    /**
-     * Whether the tab is disabled.
-     */
     this.disabled = false;
-    /**
-     * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.
-     */
     this.orientation = index$1.NavigationTabsOrientation.HORIZONTAL;
-    /**
-     * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
-     */
     this.size = index$1.NavigationTabsSize.BIG;
+    this.htmlTitle = undefined;
+    this.target = undefined;
+    this.href = undefined;
+    this.icon = undefined;
+    this.label = undefined;
   }
   /**
    * Scroll into view to center the tab.

package/dist/cjs/z-navigation-tab.cjs.entry.js

@@ -12,22 +12,13 @@ const ZNavigationTab = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.selectedEvent = index.createEvent(this, "selected", 7);
-    /**
-     * Whether the tab is selected.
-     */
     this.selected = false;
-    /**
-     * Whether the tab is disabled.
-     */
     this.disabled = false;
-    /**
-     * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.
-     */
     this.orientation = index$1.NavigationTabsOrientation.HORIZONTAL;
-    /**
-     * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
-     */
     this.size = index$1.NavigationTabsSize.BIG;
+    this.icon = undefined;
+    this.label = undefined;
+    this.htmlTitle = undefined;
   }
   /**
    * Scroll into view to center the tab.

package/dist/cjs/z-navigation-tabs.cjs.entry.js

@@ -10,14 +10,11 @@ const stylesCss = ":host{position:relative;z-index:0;display:flex;overflow:hidde
 const ZNavigationTabs = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-     * Navigation tabs orientation.
-     */
     this.orientation = index$1.NavigationTabsOrientation.HORIZONTAL;
-    /**
-     * Navigation tabs size.
-     */
     this.size = index$1.NavigationTabsSize.BIG;
+    this.canNavigate = undefined;
+    this.canNavigatePrev = undefined;
+    this.canNavigateNext = undefined;
   }
   /**
    * Getter for the direction to check based on current orientation.

package/dist/cjs/z-notification.cjs.entry.js

@@ -11,14 +11,11 @@ const ZNotification = class {
     index.registerInstance(this, hostRef);
     this.notificationAction = index.createEvent(this, "notificationAction", 7);
     this.notificationClose = index.createEvent(this, "notificationClose", 7);
-    /** Enable close icon */
+    this.contenticonname = undefined;
+    this.actiontext = undefined;
+    this.type = undefined;
     this.showclose = false;
-    /**
-     * Enable shadow.
-     * @deprecated shadow is available only for the `sticky` version of the notification.
-     */
     this.showshadow = false;
-    /** Enable sticky notification bar. */
     this.sticky = false;
     this.handleActionButtonClick = this.handleActionButtonClick.bind(this);
     this.handleCloseButtonClick = this.handleCloseButtonClick.bind(this);

package/dist/cjs/z-offcanvas.cjs.entry.js

@@ -11,15 +11,8 @@ const ZOffcanvas = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.canvasOpenStatusChanged = index.createEvent(this, "canvasOpenStatusChanged", 7);
-    /**
-     * Offcanvas variant.
-     * Can be one of "overlay", "pushcontent"
-     * Default variant: pushcontent
-     */
     this.variant = index$1.OffCanvasVariant.PUSHCONTENT;
-    /** open component. Default: false */
     this.open = false;
-    /** open content transitioning in a specified direction left | right. Default: left */
     this.transitiondirection = index$1.TransitionDirection.LEFT;
   }
   componentWillLoad() {

package/dist/cjs/z-otp.cjs.entry.js

@@ -11,8 +11,9 @@ const ZOtp = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.otpChange = index.createEvent(this, "otpChange", 7);
-    /** Input number */
     this.inputNum = 6;
+    this.status = undefined;
+    this.message = undefined;
   }
   emitInputChange(value) {
     this.otpChange.emit({ value });