@zanichelli/albe-web-components 6.3.1 → 6.3.2

package/dist/collection/components/footer/z-footer-social/index.js

@@ -1,5 +1,10 @@
 import { h } from "@stencil/core";
 export class ZFooterSocial {
+  constructor() {
+    this.icon = undefined;
+    this.href = undefined;
+    this.description = undefined;
+  }
   render() {
     return (h("a", { href: this.href, target: "_blank" }, h("img", { src: this.icon, alt: this.description })));
   }

package/dist/collection/components/icons/z-icon/index.js

@@ -1,6 +1,13 @@
 import { h } from "@stencil/core";
 import { ICONS } from "../icons";
 export class ZIcon {
+  constructor() {
+    this.name = undefined;
+    this.height = undefined;
+    this.width = undefined;
+    this.iconid = undefined;
+    this.fill = undefined;
+  }
   selectPathOrPolygon(iconValue) {
     if (iconValue === null || iconValue === void 0 ? void 0 : iconValue.startsWith("M")) {
       return h("path", { d: ICONS[this.name] });

package/dist/collection/components/indicators/z-stepper-item/index.js

@@ -1,5 +1,11 @@
 import { h } from "@stencil/core";
 export class ZStepperItem {
+  constructor() {
+    this.index = undefined;
+    this.href = undefined;
+    this.pressed = undefined;
+    this.disabled = undefined;
+  }
   render() {
     if (this.href) {
       return (h("a", { href: !this.disabled && this.href, class: "stepper-item" }, h("div", { class: "indicator" }, this.index), h("span", null, h("slot", null))));

package/dist/collection/components/inputs/z-combobox/index.js

@@ -3,27 +3,26 @@ import { InputType, KeyboardKeyCode } from "../../../beans";
 import { handleKeyboardSubmit } from "../../../utils/utils";
 export class ZCombobox {
   constructor() {
-    /** show search input flag (optional) */
+    this.itemsList = [];
+    this.inputType = InputType.TEXT;
+    this.inputid = undefined;
+    this.items = undefined;
+    this.label = undefined;
     this.hassearch = false;
-    /** no result text message */
+    this.searchlabel = undefined;
+    this.searchplaceholder = undefined;
+    this.searchtitle = undefined;
     this.noresultslabel = "Nessun risultato";
-    /** toggle combo list opening flag */
     this.isopen = false;
-    /** fixed style flag */
     this.isfixed = false;
-    /** close combobox list text */
     this.closesearchtext = "Chiudi";
-    /** show "check all" checkbox (optional) */
     this.hascheckall = false;
-    /** check all label (optional) */
     this.checkalltext = "Seleziona tutti";
-    /** uncheck all label (optional) */
     this.uncheckalltext = "Deseleziona tutti";
-    /** max number of checkable items (0 = unlimited) */
     this.maxcheckableitems = 0;
-    this.renderItemsList = []; // used for render only
-    this.itemsList = [];
-    this.inputType = InputType.TEXT;
+    this.searchValue = undefined;
+    this.selectedCounter = undefined;
+    this.renderItemsList = [];
     this.toggleComboBox = this.toggleComboBox.bind(this);
     this.closeFilterItems = this.closeFilterItems.bind(this);
   }

package/dist/collection/components/inputs/z-input/index.js

@@ -3,27 +3,31 @@ import { InputType, LabelPosition } from "../../../beans";
 import { boolean, randomId } from "../../../utils/utils";
 export class ZInput {
   constructor() {
-    /** the id of the input element */
+    this.typingtimeout = 300;
     this.htmlid = `id-${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 = 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;

package/dist/collection/components/inputs/z-input-message/index.js

@@ -6,6 +6,8 @@ export class ZInputMessage {
       error: "multiply-circled",
       warning: "exclamation-circle",
     };
+    this.message = undefined;
+    this.status = undefined;
   }
   render() {
     return (h(Host, { role: "alert", "aria-label": this.message, tabindex: this.message ? 0 : -1 }, this.statusIcons[this.status] && this.message && h("z-icon", { name: this.statusIcons[this.status] }), h("span", { innerHTML: this.message })));

package/dist/collection/components/inputs/z-select/index.js

@@ -3,23 +3,24 @@ import { ListDividerType, KeyboardCode } from "../../../beans";
 import { randomId, handleKeyboardSubmit, getClickedElement, getElementTree, boolean } from "../../../utils/utils";
 export class ZSelect {
   constructor() {
-    /** the id of the input element */
+    this.itemsList = [];
     this.htmlid = `id-${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);
@@ -227,18 +228,20 @@ export class ZSelect {
     if (!this.itemsList.length) {
       return this.renderNoSearchResults();
     }
-    return this.itemsList.map((item, key) => {
-      return (h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: 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) }, h("span", { class: { selected: !!item.selected }, innerHTML: item.name })));
+    return this.itemsList.map((item, key, array) => {
+      const lastItem = array.length === key + 1;
+      return (h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: lastItem ? ListDividerType.HEADER : 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) }, 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) => {
+    const newData = this.itemsList.reduce((group, item, index, array) => {
       var _a;
       const { category } = item;
-      const zListItem = (h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: ListDividerType.HEADER, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": !!item.selected, id: `${this.htmlid}_${index}`, onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, index) }, h("span", { class: { selected: !!item.selected }, innerHTML: item.name })));
+      const lastItem = array.length === index + 1;
+      const zListItem = (h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": !!item.selected, id: `${this.htmlid}_${index}`, onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, 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/collection/components/list/z-list/index.js

@@ -2,13 +2,7 @@ import { h, Host } from "@stencil/core";
 import { ListSize, ListType } from "../../../beans";
 export class ZList {
   constructor() {
-    /**
-     * [optional] Sets size of inside elements.
-     */
     this.size = ListSize.MEDIUM;
-    /**
-     * [optional] type of the list marker for each element
-     */
     this.listType = ListType.NONE;
   }
   setChildrenSizeType() {

package/dist/collection/components/list/z-list-element/index.js

@@ -5,69 +5,31 @@ export class ZListElement {
    * Constructor.
    */
   constructor() {
-    /**
-     * [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 = 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 = ListDividerType.NONE;
-    /**
-     * [optional] Sets the divider size.
-     */
     this.dividerSize = DividerSize.SMALL;
-    /**
-     * [optional] Sets element as expandable.
-     */
     this.expandable = false;
-    /**
-     * [optional] Sets expandable style to element.
-     */
     this.expandableStyle = ExpandableListStyle.ACCORDION;
-    /**
-     * [optional] Sets size of inside elements.
-     */
+    this.listElementId = undefined;
     this.size = 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 = 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);
   }

package/dist/collection/components/list/z-list-group/index.js

@@ -2,25 +2,10 @@ import { h, Host } from "@stencil/core";
 import { DividerSize, ListSize, ListDividerType, ListType } from "../../../beans";
 export class ZListGroup {
   constructor() {
-    /**
-     * [optional] Sets size of inside elements.
-     */
     this.size = ListSize.MEDIUM;
-    /**
-     * [optional] Sets the position where to insert the divider.
-     */
     this.dividerType = ListDividerType.NONE;
-    /**
-     * [optional] Sets the divider size.
-     */
     this.dividerSize = DividerSize.SMALL;
-    /**
-     * [optional] Sets the divider color.
-     */
     this.dividerColor = "gray200";
-    /**
-     * [optional] type of the list marker for each element
-     */
     this.listType = ListType.NONE;
   }
   componentDidLoad() {

package/dist/collection/components/list/z-toast-notification-list/index.js

@@ -2,9 +2,7 @@ import { h } from "@stencil/core";
 import { ToastNotificationPosition } from "../../../beans";
 export class ZToastNotificationList {
   constructor() {
-    /**Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right */
     this.position = ToastNotificationPosition.TOP_RIGHT;
-    /**Set the entry position of new notification in the list */
     this.newestontop = true;
   }
   watchPropNewestontop(newValue) {

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

@@ -1,5 +1,13 @@
 import { Host, h } from "@stencil/core";
 export class ZLogo {
+  constructor() {
+    this.width = undefined;
+    this.height = undefined;
+    this.imageAlt = undefined;
+    this.link = undefined;
+    this.targetBlank = undefined;
+    this.mobileLogo = undefined;
+  }
   render() {
     const style = {};
     if (this.width) {

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

@@ -5,7 +5,9 @@ import { h, Host } from "@stencil/core";
  */
 export class ZModal {
   constructor() {
-    /** aria-label for close button (optional) */
+    this.modalid = undefined;
+    this.modaltitle = undefined;
+    this.modalsubtitle = undefined;
     this.closeButtonLabel = "close modal";
   }
   emitModalClose() {

package/dist/collection/components/modal/z-modal-login/index.js

@@ -9,8 +9,11 @@ import { ButtonVariant, InputStatus, InputType } from "../../../beans";
  */
 export class ZModalLogin {
   constructor() {
-    /** 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/collection/components/navigation/tabs/z-navigation-tab/index.js

@@ -6,22 +6,13 @@ import { ICONS } from "../../../icons/icons";
  */
 export class ZNavigationTab {
   constructor() {
-    /**
-     * 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 = NavigationTabsOrientation.HORIZONTAL;
-    /**
-     * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
-     */
     this.size = NavigationTabsSize.BIG;
+    this.icon = undefined;
+    this.label = undefined;
+    this.htmlTitle = undefined;
   }
   /**
    * Scroll into view to center the tab.

package/dist/collection/components/navigation/tabs/z-navigation-tab-link/index.js

@@ -6,22 +6,15 @@ import { ICONS } from "../../../icons/icons";
  */
 export class ZNavigationTabLink {
   constructor() {
-    /**
-     * 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 = NavigationTabsOrientation.HORIZONTAL;
-    /**
-     * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
-     */
     this.size = 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/collection/components/navigation/tabs/z-navigation-tabs/index.js

@@ -6,14 +6,11 @@ import { NavigationTabsSize, NavigationTabsOrientation } from "../../../../beans
  */
 export class ZNavigationTabs {
   constructor() {
-    /**
-     * Navigation tabs orientation.
-     */
     this.orientation = NavigationTabsOrientation.HORIZONTAL;
-    /**
-     * Navigation tabs size.
-     */
     this.size = NavigationTabsSize.BIG;
+    this.canNavigate = undefined;
+    this.canNavigatePrev = undefined;
+    this.canNavigateNext = undefined;
   }
   /**
    * Getter for the direction to check based on current orientation.

package/dist/collection/components/navigation/z-app-header/index.js

@@ -7,41 +7,19 @@ const SUPPORT_INTERSECTION_OBSERVER = typeof IntersectionObserver !== "undefined
  */
 export class ZAppHeader {
   constructor() {
-    /**
-     * Stuck mode for the header.
-     * You can programmatically set it using an IntersectionObserver.
-     * **Optional**
-     */
-    this.stuck = false;
-    /**
-     * Should place an overlay over the hero image.
-     * Useful for legibility purpose.
-     * **Optional**
-     */
-    this.overlay = false;
-    /**
-     * Control menu bar position in the header.
-     * - auto: the menu bar is positioned near the title
-     * - stack: the menu bar is positioned below the title
-     * - offcanvas: the menu bar is not displayed and a burger icon appears to open the offcanvas menu
-     *
-     * **Optional**
-     */
-    this.flow = "auto";
-    /**
-     * The opening state of the drawer.
-     */
-    this.drawerOpen = false;
-    /**
-     * The stucked state of the bar.
-     */
-    this.stucked = false;
     this.observer = SUPPORT_INTERSECTION_OBSERVER &&
       new IntersectionObserver(([entry]) => {
         this.stucked = !entry.isIntersecting;
       }, {
         threshold: 0.5,
       });
+    this.stuck = false;
+    this.hero = undefined;
+    this.overlay = false;
+    this.flow = "auto";
+    this.drawerOpen = false;
+    this.stucked = false;
+    this.menuLength = undefined;
     this.openDrawer = this.openDrawer.bind(this);
     this.closeDrawer = this.closeDrawer.bind(this);
     this.collectMenuElements.bind(this);

package/dist/collection/components/navigation/z-app-switcher/index.js

@@ -2,7 +2,6 @@ import { h } from "@stencil/core";
 import { ThemeVariant } from "../../../beans";
 export class ZAppSwitcher {
   constructor() {
-    /** theme variant, default 'dark' */
     this.theme = ThemeVariant.DARK;
     this.isopen = false;
     this.emitAppButtonClick = this.emitAppButtonClick.bind(this);

package/dist/collection/components/navigation/z-app-topbar/index.js

@@ -3,9 +3,13 @@ import { DividerOrientation, ThemeVariant } from "../../../beans";
 import { mobileBreakpoint } from "../../../constants/breakpoints";
 export class ZAppTopbar {
   constructor() {
-    /** theme variant, default 'dark' */
-    this.theme = ThemeVariant.DARK;
     this.topbarLinks = [];
+    this.theme = ThemeVariant.DARK;
+    this.contentMaxWidth = undefined;
+    this.topbarContent = undefined;
+    this.logoLink = undefined;
+    this.showAppSwitcher = undefined;
+    this.isMobile = undefined;
   }
   handleResize() {
     this.isMobile = window.innerWidth <= mobileBreakpoint;

package/dist/collection/components/navigation/z-link/index.js

@@ -4,23 +4,17 @@ import { h } from "@stencil/core";
  */
 export class ZLink {
   constructor() {
-    /** 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/collection/components/navigation/z-menu/index.js

@@ -6,18 +6,11 @@ import { h, Host } from "@stencil/core";
  */
 export class ZMenu {
   constructor() {
-    /**
-     * 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/collection/components/navigation/z-menu-dropdown/index.js

@@ -3,6 +3,9 @@ import { KeyboardKeyCode } from "../../../beans/index";
 import { handleKeyboardSubmit, getClickedElement, getElementTree } from "../../../utils/utils";
 export class ZMenuDropdown {
   constructor() {
+    this.nomeutente = undefined;
+    this.menucontent = undefined;
+    this.buttonid = undefined;
     this.ismenuopen = false;
     this.handleToggle = this.handleToggle.bind(this);
     this.handleFocus = this.handleFocus.bind(this);

package/dist/collection/components/navigation/z-menu-section/index.js

@@ -4,6 +4,11 @@ import { h, Host } from "@stencil/core";
  * @slot item - Single entry of the section. Can be slotted multiple times to insert items.
  */
 export class ZMenuSection {
+  constructor() {
+    this.active = undefined;
+    this.open = undefined;
+    this.hasContent = undefined;
+  }
   toggle() {
     if (!this.hasContent) {
       return;

package/dist/collection/components/navigation/z-user-dropdown/index.js

@@ -2,9 +2,13 @@ import { h, Host } from "@stencil/core";
 import { mobileBreakpoint } from "../../../constants/breakpoints";
 export class ZUserDropdown {
   constructor() {
-    /** if inner components colors are inverted, or not, default false */
+    this.logged = undefined;
+    this.userFullName = undefined;
+    this.userEmail = undefined;
+    this.menuContent = undefined;
     this.useInverseColors = false;
     this.isMenuOpen = false;
+    this.isMobile = undefined;
     this.handleLoggedButtonClick = this.handleLoggedButtonClick.bind(this);
     this.emitDropdownMenuLinkClick = this.emitDropdownMenuLinkClick.bind(this);
   }

package/dist/collection/components/notification/z-cookiebar/index.js

@@ -1,6 +1,11 @@
 import { h } from "@stencil/core";
 import { ButtonVariant } from "../../../beans";
 export class ZCookiebar {
+  constructor() {
+    this.cookiepolicyurl = undefined;
+    this.hide = undefined;
+    this.callback = undefined;
+  }
   emitAccept(ev) {
     this.accept.emit({ ev });
   }

package/dist/collection/components/notification/z-info-box/index.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class ZInfoBox {
   constructor() {
-    /** render close icon flag */
+    this.boxid = undefined;
     this.isclosable = true;
   }
   emitInfoBoxClose() {

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

@@ -6,14 +6,11 @@ import { h, Host } from "@stencil/core";
  */
 export class ZNotification {
   constructor() {
-    /** 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);