@zanichelli/albe-web-components 5.6.2 → 6.0.0

package/dist/types/components/buttons/z-chip/index.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 import { ZChipType } from "../../../beans";
 export declare class ZChip {
-  el: HTMLElement;
+  el: HTMLZChipElement;
   /** Non interactive icon */
   icon?: string;
   /** z-chip size type, can be default, medium or small */
@@ -12,7 +12,7 @@ export declare class ZChip {
   disabled?: boolean;
   /** click on interactive icon */
   interactiveIconClick: EventEmitter;
-  emitinteractiveIconClick(): void;
-  getIconSize(): 22 | 14;
-  render(): any;
+  private emitinteractiveIconClick;
+  private getIconSize;
+  render(): HTMLButtonElement | HTMLDivElement;
 }

package/dist/types/components/buttons/z-toggle-button/index.d.ts

@@ -10,7 +10,6 @@ export declare class ZToggleButton {
   opened?: boolean;
   /** emitted on toggle button click, returns isOpen */
   toggleClick: EventEmitter;
-  emitToggleClick(): void;
-  retrieveButtonClass(): string;
-  render(): any;
+  private emitToggleClick;
+  render(): HTMLButtonElement;
 }

package/dist/types/components/buttons/z-toggle-switch/index.d.ts

@@ -1,12 +1,18 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 import { LabelPosition } from "../../../beans";
+import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZToggleSwitch {
+  /** Disabled flag */
   disabled?: boolean;
+  /** Label position */
   labelPosition?: LabelPosition;
+  /** Checked state */
   checked?: boolean;
+  /** HTML id attribute to set to the internal checkbox */
   htmlid: string;
+  /** Toggle click event */
   toggleClick: EventEmitter;
-  emitToggleClick(): void;
-  handleClick(ev: any): void;
-  render(): any[];
+  private emitToggleClick;
+  private handleClick;
+  render(): HostElement;
 }

package/dist/types/components/date-picker/utils.d.ts

@@ -1,4 +1,4 @@
-import { ZDatePickerPosition } from "../../beans";
-export declare function validateDate(dateStr: any, hasTime?: boolean): boolean;
-export declare function setFlatpickrPosition(element: HTMLElement, mode: any): ZDatePickerPosition;
-export declare function setAriaOptions(element: HTMLElement, mode: any): void;
+import { ZDatePickerMode, ZDatePickerPosition, ZRangePickerMode } from "../../beans";
+export declare function validateDate(dateStr: string, hasTime?: boolean): boolean;
+export declare function setFlatpickrPosition(element: HTMLElement, mode: ZDatePickerMode | ZRangePickerMode): ZDatePickerPosition;
+export declare function setAriaOptions(element: HTMLElement, mode: ZDatePickerMode | ZRangePickerMode): void;

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 import { ZDatePickerMode, ZDatePickerPosition } from "../../../beans";
 export declare class ZDatePicker {
-  element: HTMLElement;
+  element: HTMLZDatePickerElement;
   /** unique id */
   datePickerId: string;
   /** z-input aria label */
@@ -14,17 +14,16 @@ export declare class ZDatePicker {
   inputError: boolean;
   private picker;
   private hasChildren;
-  watchMode(): void;
   /** emitted when date changes, returns selected date */
   dateSelect: EventEmitter;
-  emitDateSelect(date: any): void;
+  private emitDateSelect;
   handleKeyDown(ev: KeyboardEvent): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   setupPickers(): void;
-  formatDate(date: any): string;
-  onStopTyping(value: any): void;
-  renderSlottedContent(): any;
-  renderZInput(): any;
-  render(): any;
+  private formatDate;
+  private onStopTyping;
+  private renderSlottedContent;
+  private renderZInput;
+  render(): HTMLDivElement;
 }

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,10 +1,11 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { ButtonVariantEnum, ZFileUploadTypeEnum } from "../../../beans";
+import { HostElement } from "../../../stencil-public-runtime";
+import { ButtonVariant, ZFileUploadType } from "../../../beans";
 export declare class ZFileUpload {
   /** Prop indicating the file upload type - can be default or dragdrop */
-  type: ZFileUploadTypeEnum;
+  type: ZFileUploadType;
   /** Prop indicating the button variant*/
-  buttonVariant?: ButtonVariantEnum;
+  buttonVariant?: ButtonVariant;
   /** Prop indicating the accepted file type: ex ".pdf, .doc, .jpg" */
   acceptedFormat?: string;
   /** Max file dimension in Megabyte */
@@ -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,11 +1,10 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { ComboItemBean } from "../../../beans";
-import { ZInput } from "../z-input";
+import { ComboItem } from "../../../beans";
 export declare class ZCombobox {
   /** input unique id */
   inputid: string;
   /** list items array */
-  items: ComboItemBean[] | string;
+  items: ComboItem[] | string;
   /** label text */
   label: string;
   /** show search input flag (optional) */
@@ -34,29 +33,29 @@ export declare class ZCombobox {
   maxcheckableitems: number;
   searchValue: string;
   selectedCounter: number;
-  renderItemsList: ComboItemBean[];
+  renderItemsList: ComboItem[];
   private itemsList;
   private inputType;
   watchItems(): void;
   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 { InputType, LabelPosition, InputStatus } from "../../../beans";
 export declare class ZInput {
-  hostElement: HTMLElement;
+  hostElement: HTMLZInputElement;
   /** the id of the input element */
   htmlid: string;
   /** input types */
-  type: InputTypeBean;
+  type: InputType;
   /** the input name */
   name?: string;
   /** the input label */
@@ -27,7 +27,7 @@ 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?: InputStatus;
   /** 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 */
@@ -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 { InputStatus } from "../../../beans";
 export declare class ZInputMessage {
   /** input helper message */
   message: string;
   /** input status (optional) */
-  status?: InputStatusBean;
+  status?: InputStatus;
   private statusIcons;
-  render(): any;
+  render(): HostElement;
 }

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

@@ -1,11 +1,11 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { InputStatusBean, SelectItemBean } from "../../../beans";
+import { SelectItem, InputStatus } from "../../../beans";
 export declare class ZSelect {
-  element: HTMLElement;
+  element: HTMLZSelectElement;
   /** the id of the input element */
   htmlid: string;
   /** the input select options */
-  items: SelectItemBean[] | string;
+  items: SelectItem[] | string;
   /** the input name */
   name?: string;
   /** the input label */
@@ -21,7 +21,7 @@ export declare class ZSelect {
   /** the input html title (optional) */
   htmltitle?: string;
   /** the input status (optional) */
-  status?: InputStatusBean;
+  status?: InputStatus;
   /** input helper message (optional) - if set to `false` message won't be displayed */
   message?: string | boolean;
   /** the input has autocomplete option */
@@ -29,39 +29,39 @@ export declare class ZSelect {
   /** no result text message */
   noresultslabel?: string;
   isOpen: boolean;
-  selectedItem: null | SelectItemBean;
+  selectedItem: null | SelectItem;
   searchString: null | string;
   private itemsList;
   constructor();
   watchItems(): void;
   /** get the input selected options */
-  getSelectedItem(): Promise<SelectItemBean>;
+  getSelectedItem(): Promise<SelectItem>;
   /** get the input value */
   getValue(): Promise<string>;
   /** set the input value */
   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;
 }