@zanichelli/albe-web-components 6.3.1 → 6.3.2

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

@@ -10,9 +10,12 @@ const ZMyzListItem = class {
     registerInstance(this, hostRef);
     this.zListItemLinkClick = createEvent(this, "zListItemLinkClick", 7);
     this.zListItemClick = 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/esm/z-myz-topbar.entry.js

@@ -7,11 +7,22 @@ const stylesCss = ":host a{cursor:pointer}header{position:sticky;z-index:99;top:
 const ZMyzTopbar = class {
   constructor(hostRef) {
     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/esm/z-navigation-tab-link.entry.js

@@ -8,22 +8,15 @@ const ZNavigationTabLink = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.selectedEvent = 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 = 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/esm/z-navigation-tab.entry.js

@@ -8,22 +8,13 @@ const ZNavigationTab = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.selectedEvent = 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 = 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/esm/z-navigation-tabs.entry.js

@@ -6,14 +6,11 @@ const stylesCss = ":host{position:relative;z-index:0;display:flex;overflow:hidde
 const ZNavigationTabs = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * 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/esm/z-notification.entry.js

@@ -7,14 +7,11 @@ const ZNotification = class {
     registerInstance(this, hostRef);
     this.notificationAction = createEvent(this, "notificationAction", 7);
     this.notificationClose = 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/esm/z-offcanvas.entry.js

@@ -7,15 +7,8 @@ const ZOffcanvas = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.canvasOpenStatusChanged = createEvent(this, "canvasOpenStatusChanged", 7);
-    /**
-     * 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/esm/z-otp.entry.js

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

package/dist/esm/z-pagination-bar.entry.js

@@ -13,14 +13,14 @@ const ZPaginationBar = class {
     this.goToPage = createEvent(this, "goToPage", 7);
     this.changeStartPage = createEvent(this, "changeStartPage", 7);
     this.addPageToHistory = createEvent(this, "addPageToHistory", 7);
-    /** current displayed page (mutable) */
+    this.velocityConstantMultiplier = 2;
+    this.pages = undefined;
+    this.visiblepages = undefined;
     this.currentpage = 1;
-    /** initial page (mutable) */
     this.startpage = 1;
-    /** array of history of visited pages (mutable, optional) */
+    this.historyraw = undefined;
     this.listhistoryrow = [];
     this.currentPages = [];
-    this.velocityConstantMultiplier = 2;
     this.navigateRight = this.navigateRight.bind(this);
     this.navigateLeft = this.navigateLeft.bind(this);
     this.emitGoToPage = this.emitGoToPage.bind(this);

package/dist/esm/z-pagination-page.entry.js

@@ -5,13 +5,11 @@ const stylesCss = ":host{display:inline-block;font-family:var(--font-family-sans
 const ZPaginationPage = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** selected status flag */
+    this.pageid = undefined;
+    this.value = undefined;
     this.isselected = false;
-    /** disabled status flag */
     this.isdisabled = false;
-    /** visited status flag */
     this.isvisited = false;
-    /** aria-label string */
     this.ariaLabel = "";
   }
   render() {

package/dist/esm/z-pagination.entry.js

@@ -7,24 +7,17 @@ const ZPagination = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.pageChanged = createEvent(this, "pageChanged", 7);
-    /** Enable navigation arrows. */
+    this.label = undefined;
     this.navArrows = true;
-    /** Number of pages to skip. */
+    this.totalPages = undefined;
     this.skip = 0;
-    /** Enable buttons to go to the first and last pages. */
     this.edges = false;
-    /** Current page. */
+    this.split = undefined;
+    this.visiblePages = undefined;
     this.currentPage = 1;
-    /**
-     * 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.goToPage = undefined;
     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/esm/z-panel-elem.entry.js

@@ -5,10 +5,15 @@ const stylesCss = ":host{width:inherit;font-family:var(--dashboard-font);font-we
 const ZPanelElem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** link target (optional) */
+    this.elemid = undefined;
+    this.imgurl = undefined;
+    this.imgalt = undefined;
+    this.linkicon = undefined;
+    this.linklabel = undefined;
+    this.url = undefined;
     this.target = "_blank";
-    /** disabled status flag (optional) */
     this.isdisabled = false;
+    this.descrSlotName = undefined;
   }
   renderIcon() {
     if (this.isdisabled) {

package/dist/esm/z-pocket_3.entry.js

@@ -11,7 +11,7 @@ const ZPocket = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.pocketToggle = createEvent(this, "pocketToggle", 7);
-    /** pocket status */
+    this.pocketid = undefined;
     this.status = PocketStatus.PREVIEW;
   }
   /** open z-pocket */
@@ -74,7 +74,7 @@ const stylesCss$1 = ":host{display:block;width:100%;box-sizing:border-box;font-f
 const ZPocketBody = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** pocket status */
+    this.pocketid = undefined;
     this.status = PocketStatus.PREVIEW;
   }
   handlePocketToggle(e) {
@@ -95,6 +95,7 @@ const ZPocketHeader = class {
     registerInstance(this, hostRef);
     this.pocketHeaderClick = createEvent(this, "pocketHeaderClick", 7);
     this.pocketHeaderPan = createEvent(this, "pocketHeaderPan", 7);
+    this.pocketid = undefined;
     this.emitPocketHeaderClick = this.emitPocketHeaderClick.bind(this);
   }
   emitPocketHeaderClick() {

package/dist/esm/z-popover-deprecated.entry.js

@@ -12,17 +12,11 @@ const ZPopoverDeprecated = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.triggerClick = createEvent(this, "triggerClick", 7);
-    /** [optional] Popover position */
     this.position = PopoverPosition.AFTER_UP;
-    /** [optional] Background color token for popover */
     this.backgroundColor = "color-white";
-    /** [optional] Border radius token for popover */
     this.borderRadius = PopoverBorderRadius.SMALL;
-    /** [optional] Box shadow token for popover */
     this.boxShadow = PopoverShadow.SHADOW_1;
-    /** [optional] Show or hide arrow */
     this.showArrow = false;
-    /** [optional] Sets padding for Popover container */
     this.padding = "8px";
     this.isVisible = false;
     this.popoverPosition = this.position;

package/dist/esm/z-popover.entry.js

@@ -91,24 +91,13 @@ const ZPopover = class {
     registerInstance(this, hostRef);
     this.positionChange = createEvent(this, "positionChange", 7);
     this.openChange = createEvent(this, "openChange", 7);
-    /** Popover position. */
     this.position = PopoverPositions.AUTO;
-    /**
-     * The open state of the popover.
-     */
     this.open = false;
-    /**
-     * Whether to show popover's arrow.
-     */
+    this.bindTo = undefined;
     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) {

package/dist/esm/z-range-picker.entry.js

@@ -9,7 +9,11 @@ const ZRangePicker = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.dateSelect = createEvent(this, "dateSelect", 7);
-    /** [Optional] datepicker mode: date or datetime */
+    this.rangePickerId = undefined;
+    this.firstAriaLabel = undefined;
+    this.firstLabel = undefined;
+    this.secondAriaLabel = undefined;
+    this.secondLabel = undefined;
     this.mode = ZRangePickerMode.DATE;
     this.flatpickrPosition = ZDatePickerPosition.BOTTOM;
     this.activeInput = "start-input";

package/dist/esm/z-section-title.entry.js

@@ -6,14 +6,7 @@ const stylesCss = ":host{--z-section-title--divider-color:var(--red500);display:
 const ZSectionTitle = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * 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/esm/z-skip-to-content.entry.js

@@ -8,7 +8,7 @@ const stylesCss = ".sc-z-skip-to-content-h{position:absolute;left:-100%;height:6
 const ZSkipToContent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** Array to fill link into skip-content */
+    this.variant = undefined;
     this.links = [];
     this.visible = false;
     this.visibleLink = "";

package/dist/esm/z-slideshow.entry.js

@@ -16,6 +16,9 @@ function isStringArray(data) {
 const ZSlideshow = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.slideshowid = undefined;
+    this.data = undefined;
+    this.device = undefined;
     this.currentSlide = 0;
   }
   watchData() {

package/dist/esm/z-status-tag.entry.js

@@ -6,8 +6,11 @@ const stylesCss = ":host{--z-icon-width:14px;--z-icon-height:14px;display:inline
 const ZStatusTag = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** [optional] Status tag color */
+    this.icon = undefined;
+    this.text = undefined;
+    this.expandable = undefined;
     this.status = StatusTagStatus.DEFAULT;
+    this.variant = undefined;
     if (!this.icon && !this.text) {
       console.warn("z-status-tag must contain at least one prop between icon and text");
     }

package/dist/esm/z-stepper-item.entry.js

@@ -5,6 +5,10 @@ const stylesCss = ":host{position:relative;width:calc(var(--space-unit) * 5);fon
 const ZStepperItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.index = undefined;
+    this.href = undefined;
+    this.pressed = undefined;
+    this.disabled = undefined;
   }
   render() {
     if (this.href) {

package/dist/esm/z-table-cell.entry.js

@@ -6,7 +6,7 @@ const stylesCss = ":host{display:table-cell;border-bottom:var(--border-size-smal
 const ZTableCell = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** Set padding size of cell, if special 0px padding will be set */
+    this.showButton = undefined;
     this.padding = Size.MEDIUM;
     this.isMenuOpened = false;
   }

package/dist/esm/z-table-empty-box.entry.js

@@ -5,9 +5,7 @@ const stylesCss = ".sc-z-table-empty-box-h{display:block;padding:calc(var(--spac
 const ZTableEmptyBox = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** Sets main title message*/
     this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare.";
-    /** Sets message */
     this.subtitle = "";
   }
   componentWillLoad() {

package/dist/esm/z-table-expanded-row.entry.js

@@ -5,6 +5,7 @@ const stylesCss = ":host{display:none;background-color:var(--gray50)}:host>td>di
 const ZTableExpandedRow = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.colSpan = undefined;
   }
   render() {
     return (h("td", { colSpan: this.colSpan }, h("div", { class: "content-container" }, h("slot", null))));

package/dist/esm/z-table-header-row.entry.js

@@ -5,6 +5,7 @@ const stylesCss = "z-table-header-row{display:table-row}z-table-header-row[expan
 const ZTableHeaderRow = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.expandable = undefined;
   }
   renderExpandHeader() {
     return h("z-table-header", null);

package/dist/esm/z-table-header.entry.js

@@ -9,11 +9,11 @@ const ZTableHeader = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.sort = createEvent(this, "sort", 7);
-    /** Set padding size of cell, if special 0px padding will be set */
+    this.columnId = undefined;
     this.padding = Size.MEDIUM;
-    /** [Optional] Default sort order */
+    this.sortable = undefined;
+    this.showButton = undefined;
     this.defaultSortDirection = SortDirection.ASC;
-    /** Sort direction */
     this.sortDirection = SortDirection.NONE;
     this.emitOnSort = this.emitOnSort.bind(this);
   }

package/dist/esm/z-table-row.entry.js

@@ -7,7 +7,6 @@ const ZTableRow = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.expand = createEvent(this, "expand", 7);
-    /** Table row expanded type */
     this.expandedType = ZTableRowExpandedType.NONE;
     this.expanded = false;
   }

package/dist/esm/z-table.entry.js

@@ -9,22 +9,20 @@ const ZTable = class {
     registerInstance(this, hostRef);
     this.callToAction = createEvent(this, "callToAction", 7);
     this.callToActionTwo = createEvent(this, "callToActionTwo", 7);
-    /** Error message */
+    this.lines = undefined;
     this.errorMessage = "Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto";
-    /** Sets table with border */
     this.bordered = false;
-    /** Sets first column sticky */
+    this.callToActionLabel = undefined;
+    this.callToActionTwoLabel = undefined;
     this.columnSticky = false;
-    /** Sets empty table */
     this.empty = false;
-    /** Set error status */
     this.error = false;
-    /** Sets header sticky */
+    this.errorLink = undefined;
     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/esm/z-tag.entry.js

@@ -5,6 +5,8 @@ const stylesCss = ".sc-z-tag-h{--z-icon-width:14px;--z-icon-height:14px;--z-tag-
 const ZTag = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.icon = undefined;
+    this.expandable = undefined;
   }
   render() {
     return (h(Host, { class: {

package/dist/esm/z-toast-notification-list.entry.js

@@ -6,9 +6,7 @@ const stylesCss = ":host{position:fixed;z-index:10000;display:flex;flex-flow:col
 const ZToastNotificationList = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**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/esm/z-toast-notification.entry.js

@@ -10,13 +10,17 @@ const ZToastNotification = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.toastClose = createEvent(this, "toastClose", 7);
-    /** toast notification autoclose can be paused */
+    this.isCloseEventCalled = false;
+    this.heading = undefined;
+    this.message = undefined;
+    this.closebutton = undefined;
+    this.autoclose = undefined;
     this.pauseonfocusloss = true;
-    /** toast notification can be draggable*/
+    this.type = undefined;
     this.isdraggable = true;
-    /** toast notification draggable percentage*/
     this.draggablepercentage = 80;
-    this.isCloseEventCalled = false;
+    this.transition = undefined;
+    this.percentage = undefined;
   }
   watchPropIsdraggable(newValue) {
     if (newValue) {

package/dist/esm/z-toggle-button.entry.js

@@ -6,9 +6,9 @@ const ZToggleButton = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.toggleClick = createEvent(this, "toggleClick", 7);
-    /** disabled status flag (optional) */
+    this.label = undefined;
     this.isdisabled = false;
-    /** open by default (optional) */
+    this.avoidclick = undefined;
     this.opened = false;
   }
   emitToggleClick() {

package/dist/esm/z-toggle-switch.entry.js

@@ -9,13 +9,9 @@ const ZToggleSwitch = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.toggleClick = createEvent(this, "toggleClick", 7);
-    /** Disabled flag */
     this.disabled = false;
-    /** Label position */
     this.labelPosition = LabelPosition.LEFT;
-    /** Checked state */
     this.checked = false;
-    /** HTML id attribute to set to the internal checkbox */
     this.htmlid = `toggle-switch-id-${randomId()}`;
   }
   emitToggleClick() {

package/dist/esm/z-tooltip-deprecated.entry.js

@@ -82,12 +82,11 @@ const ZTooltipDeprecated = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.positionChange = createEvent(this, "positionChange", 7);
-    /** Tooltip position. */
+    this.content = undefined;
     this.type = PopoverPositions.AUTO;
-    /**
-     * The open state of the tooltip.
-     */
     this.open = false;
+    this.bindTo = undefined;
+    this.position = undefined;
   }
   validateType(newValue) {
     if (newValue && Object.values(PopoverPositions).every((position) => newValue !== position)) {

package/dist/esm/z-tooltip.entry.js

@@ -6,14 +6,10 @@ const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-t
 const ZTooltip = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** Tooltip position. */
     this.position = PopoverPositions.AUTO;
-    /** Enable tooltip dark mode. */
     this.dark = false;
-    /**
-     * The open state of the tooltip.
-     */
     this.open = false;
+    this.bindTo = undefined;
   }
   onPopoverOpenChange() {
     this.open = this.popover.open;

package/dist/esm/z-user-dropdown.entry.js

@@ -8,9 +8,13 @@ const ZUserDropdown = class {
     registerInstance(this, hostRef);
     this.userButtonClick = createEvent(this, "userButtonClick", 7);
     this.dropdownMenuLinkClick = createEvent(this, "dropdownMenuLinkClick", 7);
-    /** 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);
   }