@zanichelli/albe-web-components 5.6.2 → 6.0.0

package/dist/types/components/list/z-list-element/index.d.ts

@@ -1,7 +1,8 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
+import { HostElement } from "../../../stencil-public-runtime";
 import { DividerSize, ExpandableListButtonAlign, ExpandableListStyle, ListDividerType, ListSize } from "../../../beans";
 export declare class ZListElement {
-  host: HTMLElement;
+  host: HTMLZListElementElement;
   /** remove filter click event, returns filterid */
   accessibleFocus: EventEmitter<number>;
   /** remove filter click event, returns filterid */
@@ -35,6 +36,9 @@ export declare class ZListElement {
    * [optional] Sets expandable style to element.
    */
   expandableStyle?: ExpandableListStyle;
+  /**
+   * [optional] List element id.
+   */
   listElementId?: number;
   /**
    * [optional] Sets size of inside elements.
@@ -62,18 +66,18 @@ export declare class ZListElement {
    * Handler for click on element. If element is expandable, change state.
    * @returns void
    */
-  handleClick(): void;
-  calculateClass(): "container-contextual-menu" | "container";
-  handleKeyDown(event: any): void;
+  private handleClick;
+  private calculateClass;
+  private handleKeyDown;
   /**
    * Renders button to expand element.
    * @returns expadable button
    */
-  renderExpandableButton(): any;
+  private renderExpandableButton;
   /**
    * Renders expanded content if element is expandable.
    * @returns expanded content
    */
-  renderExpandedContent(): any;
-  render(): any;
+  private renderExpandedContent;
+  render(): HostElement;
 }

package/dist/types/components/list/z-list-group/index.d.ts

@@ -1,6 +1,7 @@
+import { HostElement } from "../../../stencil-public-runtime";
 import { DividerSize, ListSize, ListDividerType } from "../../../beans";
 export declare class ZListGroup {
-  host: HTMLElement;
+  host: HTMLZListGroupElement;
   /**
    * [optional] Sets size of inside elements.
    */
@@ -17,8 +18,8 @@ export declare class ZListGroup {
    * [optional] Sets the divider color.
    */
   dividerColor?: string;
-  hasHeader: boolean;
+  private hasHeader;
   componentDidLoad(): void;
   componentWillLoad(): void;
-  render(): any;
+  render(): HostElement;
 }

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

@@ -1,14 +1,14 @@
-import { ToastNotificationPositionsTypes } from "../../../beans";
+import { ToastNotificationPosition } from "../../../beans";
 export declare class ZToastNotificationList {
-  hostElement: HTMLElement;
+  hostElement: HTMLZToastNotificationListElement;
   /**Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right */
-  position: ToastNotificationPositionsTypes;
+  position: ToastNotificationPosition;
   /**Set the entry position of new notification in the list */
   newestontop?: boolean;
   private notificationArray;
   watchPropNewestontop(newValue: boolean): void;
   componentWillLoad(): void;
-  handleNewestOnTop(): void;
-  slotChangeHandler: () => void;
-  render(): any;
+  private handleNewestOnTop;
+  private slotChangeHandler;
+  render(): HTMLSlotElement;
 }

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

@@ -1,3 +1,4 @@
+import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZLogo {
   /** image width */
   width?: number;
@@ -11,5 +12,5 @@ export declare class ZLogo {
   targetBlank?: boolean;
   /** if true, the mobile logo is displayed, otherwise the desktop one */
   mobileLogo?: boolean;
-  render(): any;
+  render(): HostElement;
 }

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
+import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot modalContent - set the content of the modal
  * @slot modalCloseButton - accept custom close button
@@ -14,12 +15,12 @@ export declare class ZModal {
   closeButtonLabel?: string;
   /** emitted on close button click, returns modalid */
   modalClose: EventEmitter;
-  emitModalClose(): void;
+  private emitModalClose;
   /** emitted on modal header click, returns modalid */
   modalHeaderActive: EventEmitter;
-  emitModalHeaderActive(): void;
+  private emitModalHeaderActive;
   /** emitted on background click, returns modalid */
   modalBackgroundClick: EventEmitter;
-  emitBackgroundClick(): void;
-  render(): any[];
+  private emitBackgroundClick;
+  render(): HostElement;
 }

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 { InputStatus } 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?: InputStatus;
   /** 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

@@ -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

@@ -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 { NavigationTabsSize, NavigationTabsOrientation } from "../../../../beans";
 /**
  * Navigation tabs component.
  * @slot - Main slot. Use `z-navigation-tab` or `z-navigation-tab-link` components as children.
@@ -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 { ToastNotificationTransition, ToastNotification } 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 */
@@ -13,15 +14,15 @@ export declare class ZToastNotification {
   /** toast notification autoclose can be paused */
   pauseonfocusloss?: boolean;
   /** toast notification type:  dark, light, accent, error, success, warning*/
-  type?: ToastNotificationTypes;
+  type?: ToastNotification;
   /** toast notification can be draggable*/
   isdraggable?: boolean;
   /** toast notification draggable percentage*/
   draggablepercentage?: number;
   /** toast notification animation type: slide-in-left, slide-in-right, slide-in-down, slide-in-up*/
-  transition?: ToastNotificationTransitionTypes;
+  transition?: ToastNotificationTransition;
   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;
 }