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

package/dist/types/components/date-picker/z-range-picker/index.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 import { ZRangePickerMode, ZDatePickerPosition } from "../../../beans";
 export declare class ZRangePicker {
-  element: HTMLElement;
+  element: HTMLZRangePickerElement;
   /** unique id */
   rangePickerId: string;
   /** first z-input aria label */
@@ -22,23 +22,21 @@ export declare class ZRangePicker {
   private lastPicker;
   /** emitted when date changes, returns an array with the two selected dates */
   dateSelect: EventEmitter;
-  watchMode(): void;
   handleClick(): void;
   handleKeyDown(ev: KeyboardEvent): void;
   componentDidLoad(): void;
   setupPickers(): void;
-  onDateSelect(): void;
-  disableDates(date: any, index: any): void;
-  formatDate(date: any): string;
-  printDate(firstDate: any, lastDate: any): void;
-  getTime(): string;
-  getDateWithoutTime(date: any): Date;
+  private onDateSelect;
+  private disableDates;
+  private formatDate;
+  private printDate;
+  private getDateWithoutTime;
   /** Replace month word to month number */
-  replaceMonths(date: any, time: any): Date;
+  private replaceMonths;
   /** Get the current focused input, first or last */
-  getFocusedInput(): void;
+  private getFocusedInput;
   /** Set style of the days between the two selected dates */
-  setRangeStyle(index: any): void;
-  onStopTyping(value: any): void;
-  render(): any;
+  private setRangeStyle;
+  private onStopTyping;
+  render(): HTMLDivElement;
 }

package/dist/types/components/file-upload/z-dragdrop-area/index.d.ts

@@ -2,8 +2,8 @@ import { EventEmitter } from "../../../stencil-public-runtime";
 export declare class ZDragdropArea {
   /** Emitted when user drop one or more files */
   fileDropped: EventEmitter;
-  fileDroppedHandler(files: FileList): void;
+  private fileDroppedHandler;
   private dragDropContainer;
-  renderOnDragOverMessage(): any;
-  render(): any;
+  private renderOnDragOverMessage;
+  render(): HTMLDivElement;
 }

package/dist/types/components/file-upload/z-file/index.d.ts

@@ -1,21 +1,23 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
+import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZFile {
   private icon;
   private ellipsis?;
   private chip?;
+  /** File chip id */
   fileNumber: number;
   /** File name */
-  fileName: any;
+  fileName: string;
   allowPopover: boolean;
   popoverVisible: boolean;
-  el: HTMLElement;
+  el: HTMLZFileElement;
   /** Emitted when a z-file component is removed from the DOM */
   removeFile: EventEmitter;
-  removeFileHandler(): void;
+  private removeFileHandler;
   onMouseOver(): void;
   onMouseLeave(): void;
   onInteractiveIconClick(): void;
   componentDidLoad(): void;
-  elementHasEllipsis(): boolean;
-  render(): any;
+  private elementHasEllipsis;
+  render(): HostElement;
 }

package/dist/types/components/file-upload/z-file-upload/index.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
+import { HostElement } from "../../../stencil-public-runtime";
 import { ButtonVariantEnum, ZFileUploadTypeEnum } from "../../../beans";
 export declare class ZFileUpload {
   /** Prop indicating the file upload type - can be default or dragdrop */
@@ -16,8 +17,8 @@ export declare class ZFileUpload {
   /** Files added by the user */
   files: File[];
   /** List of files not allowed to be uploaded */
-  invalidFiles: Map<string, Array<string>>;
-  el: HTMLElement;
+  invalidFiles: Map<string, string[]>;
+  el: HTMLZFileUploadElement;
   private input;
   private button;
   private errorModal;
@@ -31,21 +32,21 @@ export declare class ZFileUpload {
   componentWillLoad(): void;
   /** Emitted when user select one or more files */
   fileInput: EventEmitter;
-  fileInputHandler(): void;
+  private fileInputHandler;
   /** get array of uploaded files */
   getFiles(): Promise<File[]>;
-  handleAccessibility(): void;
-  checkFiles(files: Array<File>): Map<string, Array<string>>;
-  renderTitle(): any;
-  renderDescription(variant: any, level: any): any;
-  renderAllowedFileExtensions(): any;
-  renderFileSection(): any;
-  renderInput(): any;
-  renderUploadButton(): any[];
-  renderUploadLink(): any[];
-  renderDefaultMode(): any[];
-  renderDragDropMode(): any[];
-  formatErrorString(key: any, value: any): string;
-  handleErrorModalContent(): any;
-  render(): any[];
+  private handleAccessibility;
+  private checkFiles;
+  private renderTitle;
+  private renderDescription;
+  private renderAllowedFileExtensions;
+  private renderFileSection;
+  private renderInput;
+  private renderUploadButton;
+  private renderUploadLink;
+  private renderDefaultMode;
+  private renderDragDropMode;
+  private formatErrorString;
+  private handleErrorModalContent;
+  render(): HostElement;
 }

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

@@ -20,27 +20,27 @@ export declare class ZFooter {
   /** Maximum width of footer content */
   contentMaxWidth?: number;
   private jsonData;
-  creditsLinkId: string;
+  private creditsLinkId;
   constructor();
   componentWillLoad(): void;
   zLinkClickListener(e: CustomEvent): void;
   /** Emitted on credits link click */
   creditsLinkClick: EventEmitter;
-  emitCreditsLinkClick(): void;
+  private emitCreditsLinkClick;
   /** Emitted on report a problem button click */
   reportAProblemButtonClick: EventEmitter;
-  emitReportAProblemButtonClick(): void;
-  renderZLogo(): HTMLZLogoElement;
-  renderAddress(): HTMLParagraphElement;
-  renderSocial(): HTMLDivElement;
-  renderCopyright(): HTMLParagraphElement;
-  renderCertification(): HTMLParagraphElement;
-  renderBottomLinks(): HTMLDivElement;
-  renderFooterBottom(): HTMLElement;
-  renderFooterTop(): HTMLElement;
-  renderFooterProductInfo(): HTMLElement;
-  renderFooterTopJsonData(): null | HTMLElement;
-  renderFooterBottomJsonData(): null | HTMLElement;
-  renderFooterSocialJsonData(): null | HTMLElement;
+  private emitReportAProblemButtonClick;
+  private renderZLogo;
+  private renderAddress;
+  private renderSocial;
+  private renderCopyright;
+  private renderCertification;
+  private renderBottomLinks;
+  private renderFooterBottom;
+  private renderFooterTop;
+  private renderFooterProductInfo;
+  private renderFooterTopJsonData;
+  private renderFooterBottomJsonData;
+  private renderFooterSocialJsonData;
   render(): HTMLElement;
 }

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

@@ -5,6 +5,6 @@ export declare class ZFooterSection {
   /** section title */
   name: string;
   isOpen: boolean;
-  renderToggleButton(): HTMLButtonElement;
+  private renderToggleButton;
   render(): HTMLElement;
 }

package/dist/types/components/footer/z-footer-social/index.d.ts

@@ -5,5 +5,5 @@ export declare class ZFooterSocial {
   href: string;
   /** social description */
   description?: string;
-  render(): any;
+  render(): HTMLAnchorElement;
 }

package/dist/types/components/icons/icons.d.ts

@@ -1,4 +1,4 @@
-export declare const icons: {
+export declare const ICONS: {
   "assign-task-button": string;
   "atom-button": string;
   "burger-menu-booktab-button": string;

package/dist/types/components/icons/z-icon/index.d.ts

@@ -1,5 +1,5 @@
 export declare class ZIcon {
-  /** icon name (choice between available icons) */
+  /** icon name */
   name: string;
   /** icon height (optional) */
   height?: number;
@@ -9,6 +9,6 @@ export declare class ZIcon {
   iconid?: string;
   /** icon fill (optional) */
   fill?: string;
-  selectPathOrPolygon(iconName: string): HTMLElement;
-  render(): any;
+  private selectPathOrPolygon;
+  render(): SVGElement;
 }

package/dist/types/components/icons/z-icon-package/index.d.ts

@@ -1,3 +1,3 @@
 export declare class ZIconPackage {
-  render(): any;
+  render(): HTMLDivElement;
 }

package/dist/types/components/indicators/z-stepper/index.d.ts

@@ -2,5 +2,5 @@
  * @slot - z-stepper-item
  */
 export declare class ZStepper {
-  render(): any;
+  render(): HTMLSlotElement;
 }

package/dist/types/components/indicators/z-stepper-item/index.d.ts

@@ -15,5 +15,5 @@ export declare class ZStepperItem {
    * The disabled state of the item.
    */
   disabled: boolean;
-  render(): any;
+  render(): HTMLAnchorElement | HTMLButtonElement;
 }

package/dist/types/components/inputs/z-combobox/index.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 import { ComboItemBean } from "../../../beans";
-import { ZInput } from "../z-input";
 export declare class ZCombobox {
   /** input unique id */
   inputid: string;
@@ -41,22 +40,22 @@ export declare class ZCombobox {
   inputCheckListener(e: CustomEvent): void;
   /** Emitted when value is checked/unchecked. Returns id, items. */
   comboboxChange: EventEmitter;
-  emitComboboxChange(): void;
+  private emitComboboxChange;
   constructor();
   componentWillLoad(): void;
   componentWillRender(): void;
-  resetRenderItemsList(): void;
-  filterItems(value: string): void;
-  checkAll(checked?: boolean): void;
-  closeFilterItems(): void;
-  toggleComboBox(): void;
-  renderHeader(): HTMLDivElement;
-  renderContent(): HTMLDivElement | undefined;
-  renderItems(): HTMLDivElement | undefined;
-  renderList(items: ComboItemBean[]): HTMLUListElement | undefined;
-  renderNoSearchResults(): HTMLUListElement;
-  renderCloseButton(): HTMLDivElement;
-  renderSearchInput(): ZInput | undefined;
-  renderCheckAll(): any;
+  private resetRenderItemsList;
+  private filterItems;
+  private checkAll;
+  private closeFilterItems;
+  private toggleComboBox;
+  private renderHeader;
+  private renderContent;
+  private renderItems;
+  private renderList;
+  private renderNoSearchResults;
+  private renderCloseButton;
+  private renderSearchInput;
+  private renderCheckAll;
   render(): HTMLDivElement;
 }

package/dist/types/components/inputs/z-input/index.d.ts

@@ -1,11 +1,11 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { InputTypeBean, InputStatusBean, LabelPosition } from "../../../beans";
+import { InputTypeEnum, LabelPositions, InputStatusEnum } from "../../../beans";
 export declare class ZInput {
-  hostElement: HTMLElement;
+  hostElement: HTMLZInputElement;
   /** the id of the input element */
   htmlid: string;
   /** input types */
-  type: InputTypeBean;
+  type: InputTypeEnum;
   /** the input name */
   name?: string;
   /** the input label */
@@ -27,11 +27,11 @@ export declare class ZInput {
   /** the input html title (optional) */
   htmltitle?: string;
   /** the input status (optional): available for text, password, number, email, textarea */
-  status?: InputStatusBean;
+  status?: InputStatusEnum;
   /** input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed */
   message?: string | boolean;
   /** the input label position: available for checkbox, radio */
-  labelPosition?: LabelPosition;
+  labelPosition?: LabelPositions;
   /** the input has autocomplete option (optional): available for text, password, number, email */
   autocomplete?: string;
   /** render clear icon when typing (optional): available for text */
@@ -55,51 +55,30 @@ export declare class ZInput {
   isChecked(): Promise<boolean>;
   /** Emitted on input value change, returns value, validity */
   inputChange: EventEmitter;
-  emitInputChange(value: string): void;
+  private emitInputChange;
   /** Emitted when user starts typing */
   startTyping: EventEmitter;
-  emitStartTyping(): void;
+  private emitStartTyping;
   /** Emitted when user stops typing, returns value, validity */
   stopTyping: EventEmitter;
-  emitStopTyping(value: string, validity: any): void;
+  private emitStopTyping;
   /** Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity */
   inputCheck: EventEmitter;
-  emitInputCheck(checked: boolean): void;
-  getValidity(type: string): ValidityState;
-  getTextAttributes(): {
-    id: string;
-    name: string;
-    placeholder: string;
-    value: string;
-    disabled: boolean;
-    readonly: boolean;
-    required: boolean;
-    title: string;
-    class: {
-      [x: string]: boolean;
-      filled: boolean;
-    };
-    autocomplete: string;
-    onInput: (e: any) => void;
-  };
-  getNumberAttributes(type: InputTypeBean): {
-    min: number;
-    max: number;
-    step: number;
-  };
-  getPatternAttribute(type: InputTypeBean): {
-    pattern: string;
-  };
-  renderInputText(type?: InputTypeBean): any;
-  renderLabel(): any;
-  renderIcons(): any;
-  renderIcon(): any;
-  renderResetIcon(): any;
-  renderShowHidePassword(): any;
-  renderMessage(): any;
-  renderTextarea(): any;
-  handleCheck(ev: any): void;
-  renderCheckbox(): any;
-  renderRadio(): any;
-  render(): any;
+  private emitInputCheck;
+  private getValidity;
+  private getTextAttributes;
+  private getNumberAttributes;
+  private getPatternAttribute;
+  private renderInputText;
+  private renderLabel;
+  private renderIcons;
+  private renderIcon;
+  private renderResetIcon;
+  private renderShowHidePassword;
+  private renderMessage;
+  private renderTextarea;
+  private handleCheck;
+  private renderCheckbox;
+  private renderRadio;
+  render(): HTMLInputElement | HTMLDivElement;
 }

package/dist/types/components/inputs/z-input-message/index.d.ts

@@ -1,9 +1,10 @@
-import { InputStatusBean } from "../../../beans";
+import { HostElement } from "../../../stencil-public-runtime";
+import { InputStatusEnum } from "../../../beans";
 export declare class ZInputMessage {
   /** input helper message */
   message: string;
   /** input status (optional) */
-  status?: InputStatusBean;
+  status?: InputStatusEnum;
   private statusIcons;
-  render(): any;
+  render(): HostElement;
 }

package/dist/types/components/inputs/z-select/index.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { InputStatusBean, SelectItemBean } from "../../../beans";
+import { SelectItemBean, InputStatusEnum } from "../../../beans";
 export declare class ZSelect {
-  element: HTMLElement;
+  element: HTMLZSelectElement;
   /** the id of the input element */
   htmlid: string;
   /** the input select options */
@@ -21,7 +21,7 @@ export declare class ZSelect {
   /** the input html title (optional) */
   htmltitle?: string;
   /** the input status (optional) */
-  status?: InputStatusBean;
+  status?: InputStatusEnum;
   /** input helper message (optional) - if set to `false` message won't be displayed */
   message?: string | boolean;
   /** the input has autocomplete option */
@@ -42,26 +42,26 @@ export declare class ZSelect {
   setValue(value: string | string[]): Promise<void>;
   /** Emitted on select option selection, returns select id, selected item id */
   optionSelect: EventEmitter;
-  emitOptionSelect(): void;
+  private emitOptionSelect;
   componentWillLoad(): void;
   componentWillRender(): void;
-  getInitialItemsArray(): any;
-  mapSelectedItemToItemsArray(): any;
-  getSelectedValue(): string;
-  filterItems(searchString: string): void;
-  hasAutocomplete(): boolean;
-  handleInputChange(e: CustomEvent): void;
-  selectItem(item: null | SelectItemBean, selected: boolean): void;
-  arrowsSelectNav(e: KeyboardEvent, key: number): void;
-  focusSelectItem(index: number): void;
-  toggleSelectUl(selfFocusOnClose?: boolean): void;
-  handleInputClick(e: MouseEvent | KeyboardEvent): void;
-  handleSelectFocus(e: MouseEvent | KeyboardEvent): void;
-  scrollToLetter(letter: string): void;
-  renderInput(): any;
-  renderSelectUl(): any;
-  renderSelectUlItems(): any;
-  renderNoSearchResults(): any;
-  renderMessage(): any;
-  render(): any;
+  private getInitialItemsArray;
+  private mapSelectedItemToItemsArray;
+  private getSelectedValue;
+  private filterItems;
+  private hasAutocomplete;
+  private handleInputChange;
+  private selectItem;
+  private arrowsSelectNav;
+  private focusSelectItem;
+  private toggleSelectUl;
+  private handleInputClick;
+  private handleSelectFocus;
+  private scrollToLetter;
+  private renderInput;
+  private renderSelectUl;
+  private renderSelectUlItems;
+  private renderNoSearchResults;
+  private renderMessage;
+  render(): HTMLDivElement;
 }

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

@@ -1,11 +1,12 @@
+import { HostElement } from "../../../stencil-public-runtime";
 import { ListSize } from "../../../beans";
 export declare class ZList {
-  host: HTMLElement;
+  host: HTMLZListElement;
   /**
    * [optional] Sets size of inside elements.
    */
   size?: ListSize;
-  setChildrenSizeType(): void;
+  private setChildrenSizeType;
   componentDidLoad(): void;
-  render(): any;
+  render(): HostElement;
 }

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