@zanichelli/albe-web-components 6.6.2 → 6.6.4

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

@@ -1,14 +1,14 @@
-export declare class ZIcon {
-  /** icon name */
-  name: string;
-  /** icon height (optional) */
-  height?: number;
-  /** icon width (optional) */
-  width?: number;
-  /** icon id (optional) */
-  iconid?: string;
-  /** icon fill (optional) */
-  fill?: string;
-  private selectPathOrPolygon;
-  render(): SVGElement;
-}
+export declare class ZIcon {
+  /** icon name */
+  name: string;
+  /** icon height (optional) */
+  height?: number;
+  /** icon width (optional) */
+  width?: number;
+  /** icon id (optional) */
+  iconid?: string;
+  /** icon fill (optional) */
+  fill?: string;
+  private selectPathOrPolygon;
+  render(): SVGElement;
+}

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

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

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

@@ -1,19 +1,19 @@
-export declare class ZStepperItem {
-  /**
-   * The number of the step item.
-   */
-  index: number;
-  /**
-   * The href to navigate on click.
-   */
-  href: string;
-  /**
-   * The pressed state of the item.
-   */
-  pressed: boolean;
-  /**
-   * The disabled state of the item.
-   */
-  disabled: boolean;
-  render(): HTMLAnchorElement | HTMLButtonElement;
-}
+export declare class ZStepperItem {
+  /**
+   * The number of the step item.
+   */
+  index: number;
+  /**
+   * The href to navigate on click.
+   */
+  href: string;
+  /**
+   * The pressed state of the item.
+   */
+  pressed: boolean;
+  /**
+   * The disabled state of the item.
+   */
+  disabled: boolean;
+  render(): HTMLAnchorElement | HTMLButtonElement;
+}

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

@@ -1,67 +1,67 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { ComboItem } from "../../../beans";
-export declare class ZCombobox {
-  /** input unique id */
-  inputid: string;
-  /** list items array */
-  items: ComboItem[] | string;
-  /** label text */
-  label: string;
-  /** show search input flag (optional) */
-  hassearch?: boolean;
-  /** search input label text (optional) */
-  searchlabel?: string;
-  /** search input placeholder text (optional) */
-  searchplaceholder?: string;
-  /** search input title text (optional) */
-  searchtitle?: string;
-  /** no result text message */
-  noresultslabel?: string;
-  /** toggle combo list opening flag */
-  isopen: boolean;
-  /** fixed style flag */
-  isfixed: boolean;
-  /** close combobox list text */
-  closesearchtext?: string;
-  /** show "check all" checkbox (optional) */
-  hascheckall?: boolean;
-  /** check all label (optional) */
-  checkalltext?: string;
-  /** uncheck all label (optional) */
-  uncheckalltext?: string;
-  /** max number of checkable items (0 = unlimited) */
-  maxcheckableitems: number;
-  /** group items by category */
-  hasgroupitems?: boolean;
-  searchValue: string;
-  selectedCounter: number;
-  renderItemsList: ComboItem[];
-  private itemsList;
-  private inputType;
-  watchItems(): void;
-  watchSearchValue(): void;
-  inputCheckListener(e: CustomEvent): void;
-  /** Emitted when value is checked/unchecked. Returns id, items. */
-  comboboxChange: EventEmitter;
-  private emitComboboxChange;
-  constructor();
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  private updateRenderItemsList;
-  private resetRenderItemsList;
-  private filterItems;
-  private checkAll;
-  private closeFilterItems;
-  private toggleComboBox;
-  private renderHeader;
-  private renderContent;
-  private renderItems;
-  private renderItem;
-  private renderList;
-  private renderGroups;
-  private renderNoSearchResults;
-  private renderCloseButton;
-  private renderSearchInput;
-  private renderCheckAll;
-  render(): HTMLDivElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ComboItem } from "../../../beans";
+export declare class ZCombobox {
+  /** input unique id */
+  inputid: string;
+  /** list items array */
+  items: ComboItem[] | string;
+  /** label text */
+  label: string;
+  /** show search input flag (optional) */
+  hassearch?: boolean;
+  /** search input label text (optional) */
+  searchlabel?: string;
+  /** search input placeholder text (optional) */
+  searchplaceholder?: string;
+  /** search input title text (optional) */
+  searchtitle?: string;
+  /** no result text message */
+  noresultslabel?: string;
+  /** toggle combo list opening flag */
+  isopen: boolean;
+  /** fixed style flag */
+  isfixed: boolean;
+  /** close combobox list text */
+  closesearchtext?: string;
+  /** show "check all" checkbox (optional) */
+  hascheckall?: boolean;
+  /** check all label (optional) */
+  checkalltext?: string;
+  /** uncheck all label (optional) */
+  uncheckalltext?: string;
+  /** max number of checkable items (0 = unlimited) */
+  maxcheckableitems: number;
+  /** group items by category */
+  hasgroupitems?: boolean;
+  searchValue: string;
+  selectedCounter: number;
+  renderItemsList: ComboItem[];
+  private itemsList;
+  private inputType;
+  watchItems(): void;
+  watchSearchValue(): void;
+  inputCheckListener(e: CustomEvent): void;
+  /** Emitted when value is checked/unchecked. Returns id, items. */
+  comboboxChange: EventEmitter;
+  private emitComboboxChange;
+  constructor();
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  private updateRenderItemsList;
+  private resetRenderItemsList;
+  private filterItems;
+  private checkAll;
+  private closeFilterItems;
+  private toggleComboBox;
+  private renderHeader;
+  private renderContent;
+  private renderItems;
+  private renderItem;
+  private renderList;
+  private renderGroups;
+  private renderNoSearchResults;
+  private renderCloseButton;
+  private renderSearchInput;
+  private renderCheckAll;
+  render(): HTMLDivElement;
+}

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

@@ -1,84 +1,84 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { InputType, LabelPosition, InputStatus } from "../../../beans";
-export declare class ZInput {
-  hostElement: HTMLZInputElement;
-  /** the id of the input element */
-  htmlid: string;
-  /** input types */
-  type: InputType;
-  /** the input name */
-  name?: string;
-  /** the input label */
-  label?: string;
-  /** the input aria-label */
-  ariaLabel: string;
-  /** the input value */
-  value?: string;
-  /** the input is disabled */
-  disabled?: boolean;
-  /** the input is readonly */
-  readonly?: boolean;
-  /** the input is required (optional): available for text, password, number, email, textarea, checkbox */
-  required?: boolean;
-  /** checked: available for checkbox, radio */
-  checked?: boolean;
-  /** the input placeholder (optional) */
-  placeholder?: string;
-  /** the input html title (optional) */
-  htmltitle?: string;
-  /** the input status (optional): available for text, password, number, email, textarea */
-  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 */
-  labelPosition?: LabelPosition;
-  /** the input has autocomplete option (optional): available for text, password, number, email */
-  autocomplete?: string;
-  /** render clear icon when typing (optional): available for text */
-  hasclearicon?: boolean;
-  /** render icon (optional): available for text */
-  icon?: string;
-  /** min number value (optional): available for number */
-  min?: number;
-  /** max number value (optional): available for number */
-  max?: number;
-  /** step number value (optional): available for number */
-  step?: number;
-  /** pattern value (optional): available for tel, text, search, url, email, password*/
-  pattern?: string;
-  isTyping: boolean;
-  passwordHidden: boolean;
-  private timer;
-  private typingtimeout;
-  inputCheckListener(e: CustomEvent): void;
-  /** get checked status */
-  isChecked(): Promise<boolean>;
-  /** Emitted on input value change, returns value, validity */
-  inputChange: EventEmitter;
-  private emitInputChange;
-  /** Emitted when user starts typing */
-  startTyping: EventEmitter;
-  private emitStartTyping;
-  /** Emitted when user stops typing, returns value, validity */
-  stopTyping: EventEmitter;
-  private emitStopTyping;
-  /** Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity */
-  inputCheck: EventEmitter;
-  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;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { InputType, LabelPosition, InputStatus } from "../../../beans";
+export declare class ZInput {
+  hostElement: HTMLZInputElement;
+  /** the id of the input element */
+  htmlid: string;
+  /** input types */
+  type: InputType;
+  /** the input name */
+  name?: string;
+  /** the input label */
+  label?: string;
+  /** the input aria-label */
+  ariaLabel: string;
+  /** the input value */
+  value?: string;
+  /** the input is disabled */
+  disabled?: boolean;
+  /** the input is readonly */
+  readonly?: boolean;
+  /** the input is required (optional): available for text, password, number, email, textarea, checkbox */
+  required?: boolean;
+  /** checked: available for checkbox, radio */
+  checked?: boolean;
+  /** the input placeholder (optional) */
+  placeholder?: string;
+  /** the input html title (optional) */
+  htmltitle?: string;
+  /** the input status (optional): available for text, password, number, email, textarea */
+  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 */
+  labelPosition?: LabelPosition;
+  /** the input has autocomplete option (optional): available for text, password, number, email */
+  autocomplete?: string;
+  /** render clear icon when typing (optional): available for text */
+  hasclearicon?: boolean;
+  /** render icon (optional): available for text */
+  icon?: string;
+  /** min number value (optional): available for number */
+  min?: number;
+  /** max number value (optional): available for number */
+  max?: number;
+  /** step number value (optional): available for number */
+  step?: number;
+  /** pattern value (optional): available for tel, text, search, url, email, password*/
+  pattern?: string;
+  isTyping: boolean;
+  passwordHidden: boolean;
+  private timer;
+  private typingtimeout;
+  inputCheckListener(e: CustomEvent): void;
+  /** get checked status */
+  isChecked(): Promise<boolean>;
+  /** Emitted on input value change, returns value, validity */
+  inputChange: EventEmitter;
+  private emitInputChange;
+  /** Emitted when user starts typing */
+  startTyping: EventEmitter;
+  private emitStartTyping;
+  /** Emitted when user stops typing, returns value, validity */
+  stopTyping: EventEmitter;
+  private emitStopTyping;
+  /** Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity */
+  inputCheck: EventEmitter;
+  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,9 @@
-import { InputStatus } from "../../../beans";
-export declare class ZInputMessage {
-  /** input helper message */
-  message: string;
-  /** input status (optional) */
-  status?: InputStatus;
-  private statusIcons;
-  render(): HTMLZInputMessageElement;
-}
+import { InputStatus } from "../../../beans";
+export declare class ZInputMessage {
+  /** input helper message */
+  message: string;
+  /** input status (optional) */
+  status?: InputStatus;
+  private statusIcons;
+  render(): HTMLZInputMessageElement;
+}

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

@@ -0,0 +1,65 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { SearchbarItem } from "../../../beans";
+/**
+ * @cssprop --z-searchbar-results-height - Max height of the results container (default: 540px)
+ */
+export declare class ZSearchbar {
+  /** the id of the searchbar element */
+  htmlid: string;
+  /** Show simple input without submit button */
+  preventSubmit?: boolean;
+  /** Input search string */
+  value?: string;
+  /** Search input placeholder */
+  placeholder?: string;
+  /** Show autocomplete results */
+  autocomplete?: boolean;
+  /** Minimun number of characters to dispatch typing event */
+  autocompleteMinChars?: number;
+  /** Number of results shown - default all */
+  resultsCount?: number;
+  /** Truncate results to single row */
+  resultsEllipsis?: boolean;
+  /** Search helper text */
+  searchHelperLabel?: string;
+  /** Autocomplete results items */
+  resultsItems?: SearchbarItem[] | string;
+  /** Sort autocomplete results items */
+  sortResultsItems?: boolean;
+  searchString: string;
+  currResultsCount: number;
+  showResults: boolean;
+  private resultsItemsList;
+  /** Emitted on search submit, return search string */
+  searchSubmit: EventEmitter<string>;
+  private emitSearchSubmit;
+  /** Emitted on search typing, return search string */
+  searchTyping: EventEmitter<string>;
+  private emitSearchTyping;
+  /** Emitted on search result click, return item */
+  searchItemClick: EventEmitter<SearchbarItem>;
+  private emitSearchItemClick;
+  watchItems(): void;
+  watchResultsCount(): void;
+  watchValue(): void;
+  watchSearchString(): void;
+  clickListener(e: MouseEvent): void;
+  componentWillLoad(): void;
+  private getResultsItemsList;
+  private getGroupedItems;
+  private checkResultsCount;
+  private handleStopTyping;
+  private handleInput;
+  private handleSubmit;
+  private handleOutsideClick;
+  private renderInput;
+  private renderButton;
+  private renderResults;
+  private renderItems;
+  private renderItem;
+  private renderItemLabel;
+  private renderItemCategory;
+  private renderSearchHelper;
+  private renderShowAllResults;
+  render(): HTMLZSearchbarElement;
+}

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

@@ -1,71 +1,71 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { SelectItem, InputStatus } from "../../../beans";
-export declare class ZSelect {
-  element: HTMLZSelectElement;
-  /** the id of the input element */
-  htmlid: string;
-  /** the input select options */
-  items: SelectItem[] | string;
-  /** the input name */
-  name?: string;
-  /** the input label */
-  label?: string;
-  /** the input aria-label */
-  ariaLabel: string;
-  /** the input is disabled */
-  disabled?: boolean;
-  /** the input is readonly */
-  readonly?: boolean;
-  /** the input placeholder (optional) */
-  placeholder?: string;
-  /** the input html title (optional) */
-  htmltitle?: string;
-  /** the input status (optional) */
-  status?: InputStatus;
-  /** input helper message (optional) - if set to `false` message won't be displayed */
-  message?: string | boolean;
-  /** the input has autocomplete option */
-  autocomplete?: boolean;
-  /** no result text message */
-  noresultslabel?: string;
-  /** */
-  hasGroupItems?: boolean;
-  isOpen: boolean;
-  selectedItem: null | SelectItem;
-  searchString: null | string;
-  private itemsList;
-  constructor();
-  watchItems(): void;
-  /** get the input selected options */
-  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;
-  private emitOptionSelect;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  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 renderItem;
-  private renderSelectUlItems;
-  private renderSelectGroupItems;
-  private renderNoSearchResults;
-  private renderMessage;
-  render(): HTMLDivElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { SelectItem, InputStatus } from "../../../beans";
+export declare class ZSelect {
+  element: HTMLZSelectElement;
+  /** the id of the input element */
+  htmlid: string;
+  /** the input select options */
+  items: SelectItem[] | string;
+  /** the input name */
+  name?: string;
+  /** the input label */
+  label?: string;
+  /** the input aria-label */
+  ariaLabel: string;
+  /** the input is disabled */
+  disabled?: boolean;
+  /** the input is readonly */
+  readonly?: boolean;
+  /** the input placeholder (optional) */
+  placeholder?: string;
+  /** the input html title (optional) */
+  htmltitle?: string;
+  /** the input status (optional) */
+  status?: InputStatus;
+  /** input helper message (optional) - if set to `false` message won't be displayed */
+  message?: string | boolean;
+  /** the input has autocomplete option */
+  autocomplete?: boolean;
+  /** no result text message */
+  noresultslabel?: string;
+  /** */
+  hasGroupItems?: boolean;
+  isOpen: boolean;
+  selectedItem: null | SelectItem;
+  searchString: null | string;
+  private itemsList;
+  constructor();
+  watchItems(): void;
+  /** get the input selected options */
+  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;
+  private emitOptionSelect;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  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 renderItem;
+  private renderSelectUlItems;
+  private renderSelectGroupItems;
+  private renderNoSearchResults;
+  private renderMessage;
+  render(): HTMLDivElement;
+}

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

@@ -1,15 +1,15 @@
-import { ListSize, ListType } from "../../../beans";
-export declare class ZList {
-  host: HTMLZListElement;
-  /**
-   * [optional] Sets size of inside elements.
-   */
-  size?: ListSize;
-  /**
-   * [optional] type of the list marker for each element
-   */
-  listType?: ListType;
-  private setChildrenSizeType;
-  componentDidLoad(): void;
-  render(): HTMLZListElement;
-}
+import { ListSize, ListType } from "../../../beans";
+export declare class ZList {
+  host: HTMLZListElement;
+  /**
+   * [optional] Sets size of inside elements.
+   */
+  size?: ListSize;
+  /**
+   * [optional] type of the list marker for each element
+   */
+  listType?: ListType;
+  private setChildrenSizeType;
+  componentDidLoad(): void;
+  render(): HTMLZListElement;
+}