@zanichelli/albe-web-components 5.5.5 → 5.5.6-cs1

package/dist/types/components/modal/z-modal-login/index.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
-import { InputStatusBean } from "../../../beans";
+import { InputStatusEnum } from "../../../beans";
 /**
  * @slot username - username input
  * @slot password - password input
@@ -8,14 +7,14 @@ import { InputStatusBean } from "../../../beans";
  * @slot signup - signup button
  * @slot provider - expternal providers login buttons
  */
-export declare class zModalLogin {
-  hostElement: HostElement;
+export declare class ZModalLogin {
+  hostElement: HTMLZModalLoginElement;
   /** Forgot Password Url */
   forgotPasswordUrl: string;
   /** Login modal title */
   heading?: string;
   /** Username/password input status */
-  status?: InputStatusBean;
+  status?: InputStatusEnum;
   /** Username helper message */
   message?: string;
   /** Password helper message */
@@ -24,19 +23,19 @@ export declare class zModalLogin {
   componentDidLoad(): void;
   /** Emitted on login submit */
   loginSubmit: EventEmitter;
-  emitLoginSubmit(): void;
+  private emitLoginSubmit;
   /** Emitted on status update */
   statusUpdate: EventEmitter;
-  emitStatusUpdate(status: InputStatusBean): void;
+  private emitStatusUpdate;
   /** Emitted on signup button click */
   signupClick: EventEmitter;
-  emitSignupClick(): void;
+  private emitSignupClick;
   /** Emitted on zaino digitale button click */
   zainoDigitaleClick: EventEmitter;
-  emitZainoDigitaleClick(): void;
-  handleInputKeyUp(e: KeyboardEvent): void;
-  handleInputChange(): void;
-  cleanUsername(username: string): string;
-  renderZainoDigitaleButton(): any;
-  render(): any;
+  private emitZainoDigitaleClick;
+  private handleInputKeyUp;
+  private handleInputChange;
+  private cleanUsername;
+  private renderZainoDigitaleButton;
+  render(): HTMLZModalElement;
 }

package/dist/types/components/navigation/tabs/z-navigation-tab/index.d.ts

@@ -1,4 +1,4 @@
-import { NavigationTabsOrientation, NavigationTabsSize } from "../../../../beans";
+import { NavigationTabsOrientations, NavigationTabsSizes } from "../../../../beans";
 /**
  * Single tab component to use inside `z-navigation-tabs`. It renders a button.
  */
@@ -14,11 +14,11 @@ export declare class ZNavigationTab {
   /**
    * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.
    */
-  orientation: NavigationTabsOrientation;
+  orientation: NavigationTabsOrientations;
   /**
    * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
    */
-  size: NavigationTabsSize;
+  size: NavigationTabsSizes;
   /**
    * Name of the icon to use.
    * The `filled` version will be automatically used (if found) when the tab is `selected`.
@@ -32,13 +32,14 @@ export declare class ZNavigationTab {
    * Html `title` attribute for the button.
    */
   htmlTitle: string;
+  /**
+   * The tab has been selected.
+   */
   private selectedEvent;
   /**
    * Scroll into view to center the tab.
    */
-  scrollToTab({ target: button }: {
-    target: any;
-  }): void;
+  private scrollToTab;
   onClick(): void;
   onSelected(): void;
   /**
@@ -46,6 +47,6 @@ export declare class ZNavigationTab {
    * Use the `filled` version when the tab is `selected`.
    * @returns {HTMLElement}
    */
-  renderIcon(): any;
-  render(): any;
+  private renderIcon;
+  render(): HTMLButtonElement;
 }

package/dist/types/components/navigation/tabs/z-navigation-tab-link/index.d.ts

@@ -1,4 +1,4 @@
-import { NavigationTabsOrientation, NavigationTabsSize } from "../../../../beans";
+import { NavigationTabsOrientations, NavigationTabsSizes } from "../../../../beans";
 /**
  * Single tab component to use inside `z-navigation-tabs`. It renders an anchor element.
  */
@@ -14,11 +14,11 @@ export declare class ZNavigationTabLink {
   /**
    * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.
    */
-  orientation: NavigationTabsOrientation;
+  orientation: NavigationTabsOrientations;
   /**
    * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
    */
-  size: NavigationTabsSize;
+  size: NavigationTabsSizes;
   /**
    * Html title attribute for the anchor element.
    */
@@ -40,13 +40,14 @@ export declare class ZNavigationTabLink {
    * Label to show in the tab.
    */
   label: string;
+  /**
+   * The tab has been selected.
+   */
   private selectedEvent;
   /**
    * Scroll into view to center the tab.
    */
-  scrollToTab({ target: button }: {
-    target: any;
-  }): void;
+  private scrollToTab;
   onClick(): void;
   onSelected(): void;
   /**
@@ -54,6 +55,6 @@ export declare class ZNavigationTabLink {
    * Use the `filled` version when the tab is `selected`.
    * @returns {HTMLElement}
    */
-  renderIcon(): any;
-  render(): any;
+  private renderIcon;
+  render(): HTMLAnchorElement;
 }

package/dist/types/components/navigation/tabs/z-navigation-tabs/index.d.ts

@@ -1,4 +1,5 @@
-import { NavigationTabsSize, NavigationTabsOrientation } from '../../../../beans';
+import { HostElement } from "../../../../stencil-public-runtime";
+import { NavigationTabsSizes, NavigationTabsOrientations } from "../../../../beans";
 /**
  * Navigation tabs component.
  * @slot - Main slot. Use `z-navigation-tab` or `z-navigation-tab-link` components as children.
@@ -7,11 +8,11 @@ export declare class ZNavigationTabs {
   /**
    * Navigation tabs orientation.
    */
-  orientation?: NavigationTabsOrientation;
+  orientation?: NavigationTabsOrientations;
   /**
    * Navigation tabs size.
    */
-  size?: NavigationTabsSize;
+  size?: NavigationTabsSizes;
   /**
    * Whether to show navigation buttons.
    */
@@ -24,16 +25,16 @@ export declare class ZNavigationTabs {
    * Whether forward navigation is enabled.
    */
   canNavigateNext: boolean;
-  host: HTMLElement;
+  host: HTMLZNavigationTabsElement;
   private tabsNav;
   /**
    * Getter for the direction to check based on current orientation.
    */
-  get direction(): "Left" | "Top";
+  get direction(): string;
   /**
    * Getter for the dimension to check based on current orientation.
    */
-  get dimension(): "Width" | "Height";
+  get dimension(): string;
   /**
    * Set the `size` prop to all `z-navigation-tab` children.
    */
@@ -60,11 +61,11 @@ export declare class ZNavigationTabs {
   /**
    * Scroll the navigation bar half of its size backward.
    */
-  navigateBackwards(): void;
+  private navigateBackwards;
   /**
    * Scroll the navigation bar half of its size forward.
    */
-  navigateForward(): void;
+  private navigateForward;
   componentDidRender(): void;
-  render(): any;
+  render(): HostElement;
 }

package/dist/types/components/navigation/z-app-header/index.d.ts

@@ -1,11 +1,12 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot title
  * @slot subtitle
  * @slot stucked-title - Title for the stucked header. By default it uses the text from the `title` slot.
  */
 export declare class ZAppHeader {
-  hostElement: HTMLElement;
+  hostElement: HTMLZAppHeaderElement;
   /**
    * Stuck mode for the header.
    * You can programmatically set it using an IntersectionObserver.
@@ -32,7 +33,7 @@ export declare class ZAppHeader {
    *
    * **Optional**
    */
-  flow: 'auto' | 'stack' | 'offcanvas';
+  flow: "auto" | "stack" | "offcanvas";
   /**
    * The opening state of the drawer.
    */
@@ -44,12 +45,12 @@ export declare class ZAppHeader {
   /**
    * Current count of menu items.
    */
-  menuLength: Number;
+  menuLength: number;
   /**
    * Emitted when the `stucked` state of the header changes
    */
   sticking: EventEmitter;
-  emitStickingEvent(): void;
+  private emitStickingEvent;
   private container?;
   private menuElements?;
   private observer?;
@@ -59,11 +60,11 @@ export declare class ZAppHeader {
   private get scrollParent();
   private collectMenuElements;
   onStuckMode(): void;
-  enableStuckObserver(): void;
-  disableStuckMode(): void;
+  private enableStuckObserver;
+  private disableStuckMode;
   onStucked(): void;
   setMenuFloatingMode(): void;
-  render(): any;
-  openDrawer(): void;
-  closeDrawer(): void;
+  render(): HostElement;
+  private openDrawer;
+  private closeDrawer;
 }

package/dist/types/components/navigation/z-app-switcher/index.d.ts

@@ -1,12 +1,12 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { ThemeVariantBean } from "../../../beans";
+import { ThemeVariant } from "../../../beans";
 export declare class ZAppSwitcher {
   /** theme variant, default 'dark' */
-  theme?: ThemeVariantBean;
+  theme?: ThemeVariant;
   isopen: boolean;
   constructor();
   /** emitted on app button icon click, returns open/closed state */
   appButtonClick: EventEmitter;
-  emitAppButtonClick(): void;
-  render(): any;
+  private emitAppButtonClick;
+  render(): HTMLButtonElement;
 }

package/dist/types/components/navigation/z-app-topbar/index.d.ts

@@ -1,3 +1,4 @@
+import { HostElement } from "../../../stencil-public-runtime";
 import { MenuItem, ThemeVariant } from "../../../beans";
 export declare class ZAppTopbar {
   /** theme variant, default 'dark' */
@@ -15,6 +16,6 @@ export declare class ZAppTopbar {
   handleResize(): void;
   componentWillLoad(): void;
   componentWillRender(): void;
-  renderTopbarLinks(): any[];
-  render(): any;
+  private renderTopbarLinks;
+  render(): HostElement;
 }

package/dist/types/components/navigation/z-link/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot - link content
  */
@@ -30,12 +29,12 @@ export declare class ZLink {
   underline?: boolean;
   /** emitted on link click, returns linkId */
   zLinkClick: EventEmitter;
-  hostElement: HostElement;
+  hostElement: HTMLZLinkElement;
   iconSize: number;
   constructor();
-  componentWillRender(): void;
-  emitZLinkClick(e: MouseEvent, linkId: any): void;
-  emitZLinkInteraction(e: Event, linkId: string): void;
-  componentDidRender(): void;
-  render(): any;
+  componentWillLoad(): void;
+  private emitZLinkClick;
+  private emitZLinkInteraction;
+  componentDidLoad(): void;
+  render(): HTMLAnchorElement;
 }

package/dist/types/components/navigation/z-menu/index.d.ts

@@ -1,4 +1,5 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot - Menu label
  * @slot header - Header to display as the first entry of the open menu.
@@ -21,16 +22,16 @@ export declare class ZMenu {
   open: boolean;
   hasHeader: boolean;
   hasContent: boolean;
-  hostElement: HTMLElement;
+  hostElement: HTMLZMenuElement;
   private content;
   private raf;
   /** The menu has been opened. */
   opened: EventEmitter;
   /** The menu has been closed. */
   closed: EventEmitter;
-  toggle(): void;
+  private toggle;
   /** Close the floating list when a click is performed outside of this Element. */
-  handleClick(ev: any): void;
+  handleClick(ev: MouseEvent): void;
   onOpenChanged(): void;
   constructor();
   componentWillLoad(): void;
@@ -38,7 +39,7 @@ export declare class ZMenu {
    * Correctly set position of the floating menu in order to prevent overflow.
    * @param live Should run the method on every refresh frame.
    */
-  reflow(live?: boolean): void;
+  private reflow;
   /**
    * Check if some content slot is set.
    */
@@ -48,5 +49,5 @@ export declare class ZMenu {
    */
   private onItemsChange;
   private renderMenuLabel;
-  render(): any[];
+  render(): HostElement;
 }

package/dist/types/components/navigation/z-menu-dropdown/index.d.ts

@@ -7,13 +7,13 @@ export declare class ZMenuDropdown {
   /** unique button id */
   buttonid: string;
   ismenuopen: boolean;
-  linkarray: MenuItem[];
+  private linkarray;
   constructor();
   componentWillRender(): void;
-  renderMenuOpen(): any;
-  renderButtonMenu(): any;
-  retriveMenuClass(): string;
-  handleToggle(): void;
-  handleFocus(e: MouseEvent | KeyboardEvent): void;
-  render(): any;
+  private renderMenuOpen;
+  private renderButtonMenu;
+  private retriveMenuClass;
+  private handleToggle;
+  private handleFocus;
+  render(): HTMLAnchorElement;
 }

package/dist/types/components/navigation/z-menu-section/index.d.ts

@@ -1,24 +1,26 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot - Menu section label
  * @slot item - Single entry of the section. Can be slotted multiple times to insert items.
  */
 export declare class ZMenuSection {
+  /** Active state */
   active?: boolean;
   open: boolean;
   hasContent: boolean;
-  hostElement: HTMLElement;
+  hostElement: HTMLZMenuSectionElement;
   /** The section has been opened. */
   opened: EventEmitter;
   /** The section has been closed. */
   closed: EventEmitter;
-  toggle(): void;
+  private toggle;
   /** Close the list when a click is performed outside of this Element. */
-  handleClick(ev: any): void;
+  handleClick(ev: MouseEvent): void;
   /**
    * Check if some content slot is set.
    */
-  checkContent(): void;
+  private checkContent;
   componentWillLoad(): void;
-  render(): any;
+  render(): HostElement;
 }

package/dist/types/components/navigation/z-user-dropdown/index.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
+import { HostElement } from "../../../stencil-public-runtime";
 import { MenuItem } from "../../../beans";
 export declare class ZUserDropdown {
   /** logged status flag */
@@ -20,20 +21,20 @@ export declare class ZUserDropdown {
   componentDidLoad(): void;
   componentWillUpdate(): void;
   componentWillRender(): void;
-  setMobileAndDivToResizeWidth(): void;
+  private setMobileAndDivToResizeWidth;
   /** Emitted on enter or user Button click, returns isMenuOpen (bool) */
   userButtonClick: EventEmitter;
-  emitUserButtonClick(): void;
+  private emitUserButtonClick;
   /** Emitted on dropdown menu zlink click, returns event */
   dropdownMenuLinkClick: EventEmitter;
-  emitDropdownMenuLinkClick(e: CustomEvent): void;
+  private emitDropdownMenuLinkClick;
   handleResize(): void;
   handleOrientationChange(): void;
   handleClickOutside(e: MouseEvent): void;
-  handleLoggedButtonClick(): void;
-  renderGuestButton(): any;
-  renderLoggedButton(): any;
-  getZLinkTextcolor(): "white" | "black";
-  renderDropdownMenu(): any;
-  render(): any;
+  private handleLoggedButtonClick;
+  private renderGuestButton;
+  private renderLoggedButton;
+  private getZLinkTextcolor;
+  private renderDropdownMenu;
+  render(): HostElement;
 }

package/dist/types/components/notification/z-candybar/index.d.ts

@@ -2,5 +2,5 @@
  * @slot content - fill the content of the candybar (full width, full height)
  */
 export declare class ZCandybar {
-  render(): any;
+  render(): HTMLDivElement;
 }

package/dist/types/components/notification/z-cookiebar/index.d.ts

@@ -5,12 +5,12 @@ export declare class ZCookiebar {
   /** hide cookie bar (optional)  */
   hide?: boolean;
   /** callback to handle ok button action (optional) */
-  callback?: () => any;
+  callback?: () => unknown;
   /** emitted on ACCETTA button click, returns event */
   accept: EventEmitter;
-  emitAccept(ev: MouseEvent | KeyboardEvent): void;
-  handleOkButtonClick(ev: MouseEvent): void;
-  handleOkButtonKeyUp(ev: KeyboardEvent): void;
-  renderContentSlot(): any;
-  render(): any;
+  private emitAccept;
+  private handleOkButtonClick;
+  private handleOkButtonKeyUp;
+  private renderContentSlot;
+  render(): HTMLZCandybarElement;
 }

package/dist/types/components/notification/z-info-box/index.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
+import { EventEmitter } from "../../../stencil-public-runtime";
 /**
  * @slot content - set the info box content
  */
@@ -9,6 +9,6 @@ export declare class ZInfoBox {
   isclosable: boolean;
   /** emitted on close icon click */
   infoBoxClose: EventEmitter;
-  emitInfoBoxClose(): void;
-  render(): any;
+  private emitInfoBoxClose;
+  render(): HTMLDivElement;
 }

package/dist/types/components/notification/z-notification/index.d.ts

@@ -1,5 +1,6 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { NotificationType } from '../../../beans';
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { HostElement } from "../../../stencil-public-runtime";
+import { NotificationType } from "../../../beans";
 /**
  * Notification bar component.
  * @slot - The text of the notification.
@@ -23,10 +24,10 @@ export declare class ZNotification {
   sticky?: boolean;
   /** Call to action clicked */
   notificationAction: EventEmitter;
-  handleActionButtonClick(e: MouseEvent): void;
+  private handleActionButtonClick;
   /** Close button clicked */
   notificationClose: EventEmitter;
-  handleCloseButtonClick(e: MouseEvent): void;
+  private handleCloseButtonClick;
   constructor();
-  render(): any[];
+  render(): HostElement;
 }

package/dist/types/components/notification/z-toast-notification/index.d.ts

@@ -1,7 +1,8 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { ToastNotificationTransitionsEnum, ToastNotificationTransitionTypes, ToastNotificationTypes } from "../../../beans";
+import { ToastNotificationTransitionTypes, ToastNotificationTypes } from "../../../beans";
+import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZToastNotification {
-  hostElement: HTMLElement;
+  hostElement: HTMLZToastNotificationElement;
   /** toast notification's title */
   heading?: string;
   /** toast notification's message */
@@ -21,7 +22,7 @@ export declare class ZToastNotification {
   /** toast notification animation type: slide-in-left, slide-in-right, slide-in-down, slide-in-up*/
   transition?: ToastNotificationTransitionTypes;
   percentage: number;
-  isTextLong: boolean;
+  private isTextLong;
   private container;
   private toastText;
   private sliderManager;
@@ -35,22 +36,22 @@ export declare class ZToastNotification {
   watchPropPauseonfocusloss(newValue: boolean): void;
   /** notification close event */
   toastClose: EventEmitter;
-  emitToastClose(cssClass: string): void;
+  private emitToastClose;
   componentWillLoad(): void;
   componentDidLoad(): void;
-  visibilityChangeEventHandler: () => void;
-  validateAutoclose(): void;
-  mapSlideOutClass(): ToastNotificationTransitionsEnum.slideOutLeft | ToastNotificationTransitionsEnum.slideOutRight | ToastNotificationTransitionsEnum.slideOutDown | ToastNotificationTransitionsEnum.slideOutUp;
-  calculateDraggedPercentage(e: any): number;
-  handleSlideOutDragAnimation(): void;
-  onFocus(): void;
-  onBlur(): void;
-  startClosingTimeout(time: number): void;
-  detectWrap(): boolean;
-  renderText(): any;
-  renderButton(): any;
-  renderCloseIcon(): any;
-  renderContainer(): any;
-  renderMobileContainer(): any;
-  render(): any;
+  private visibilityChangeEventHandler;
+  private validateAutoclose;
+  private mapSlideOutClass;
+  private calculateDraggedPercentage;
+  private handleSlideOutDragAnimation;
+  private onFocus;
+  private onBlur;
+  private startClosingTimeout;
+  private detectWrap;
+  private renderText;
+  private renderButton;
+  private renderCloseIcon;
+  private renderContainer;
+  private renderMobileContainer;
+  render(): HostElement;
 }

package/dist/types/components/notification/z-tooltip/index.d.ts

@@ -20,7 +20,7 @@ export declare class ZTooltip {
    * The selector or the element bound with the tooltip.
    */
   bindTo?: string | HTMLElement;
-  popover: HTMLZPopoverElement;
+  private popover;
   onPopoverOpenChange(): void;
-  render(): any;
+  render(): HTMLZPopoverElement;
 }

package/dist/types/components/panel/z-panel-elem/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @slot `descr_slot_name` - description content
+ * @slot `descrSlotName` - description content
  */
 export declare class ZPanelElem {
   /** html element id (optional) */
@@ -19,7 +19,7 @@ export declare class ZPanelElem {
   /** disabled status flag (optional) */
   isdisabled?: boolean;
   /** name of slot container (optional) */
-  descr_slot_name?: string;
-  renderIcon(): any;
-  render(): any;
+  descrSlotName?: string;
+  private renderIcon;
+  render(): HTMLDivElement;
 }

package/dist/types/components/typography/z-body/index.d.ts

@@ -1,6 +1,9 @@
 export declare class ZBody {
+  /** Typography level */
   level: 1 | 2 | 3 | 4 | 5;
+  /** Font weight variant */
   variant: "regular" | "semibold";
+  /** HTML tag to use to wrap slotted content */
   component: string;
-  render(): any;
+  render(): HTMLZTypographyElement;
 }

package/dist/types/components/typography/z-heading/index.d.ts

@@ -1,6 +1,9 @@
 export declare class ZHeading {
+  /** Typography level */
   level: 1 | 2 | 3 | 4;
+  /** Font weight variant */
   variant: "regular" | "semibold" | "light";
+  /** HTML tag to use to wrap slotted content */
   component: string;
-  render(): any;
+  render(): HTMLZTypographyElement;
 }

package/dist/types/components/typography/z-typography/index.d.ts

@@ -1,8 +1,12 @@
+import { HostElement } from "../../../stencil-public-runtime";
 export declare type ZTypographyLevels = "h1" | "h2" | "h3" | "h4" | "b1" | "b2" | "b3" | "b4" | "b5";
 export declare class ZTypography {
-  component: string;
-  hostElement: HTMLElement;
-  variant: "regular" | "semibold" | "light";
+  hostElement: HTMLZTypographyElement;
+  /** Typography level */
   level: ZTypographyLevels;
-  render(): any;
+  /** Font weight variant */
+  variant: "regular" | "semibold" | "light";
+  /** HTML tag to use to wrap slotted content */
+  component: string;
+  render(): HostElement;
 }

package/dist/types/components/z-aria-alert/index.d.ts

@@ -1,4 +1,7 @@
+import { HostElement } from "../../stencil-public-runtime";
+import { ZAriaAlertMode } from "../../beans";
 export declare class ZAriaAlert {
-  mode: string;
-  render(): any;
+  /** Aria live mode */
+  mode: ZAriaAlertMode;
+  render(): HostElement;
 }