@zanichelli/albe-web-components 12.1.1 → 12.1.3-rc

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

@@ -1,14 +0,0 @@
-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 +0,0 @@
-/**
- * @slot - z-stepper-item
- */
-export declare class ZStepper {
-  render(): HTMLSlotElement;
-}

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

@@ -1,19 +0,0 @@
-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,71 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { ComboItem, ControlSize } from "../../../beans";
-export declare class ZCombobox {
-  /** input unique id */
-  inputid: string;
-  /** list items array */
-  items: ComboItem[] | string;
-  /** label text */
-  label: string;
-  /** the combobox is disabled */
-  disabled?: boolean;
-  /** 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;
-  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
-  size?: ControlSize;
-  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,91 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { InputType, LabelPosition, InputStatus, ControlSize } 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;
-  /** Min length value (optional): available for text */
-  minlength?: number;
-  /** max number value (optional): available for number */
-  max?: number;
-  /** Max length value (optional): available for text */
-  maxlength?: number;
-  /** step number value (optional): available for number */
-  step?: number;
-  /** pattern value (optional): available for tel, text, search, url, email, password*/
-  pattern?: string;
-  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
-  size?: ControlSize;
-  isTyping: boolean;
-  passwordHidden: boolean;
-  private timer;
-  private typingtimeout;
-  private inputRef;
-  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,12 +0,0 @@
-import { InputStatus } from "../../../beans";
-export declare class ZInputMessage {
-  /** input helper message */
-  message: string;
-  /** input status (optional) */
-  status?: InputStatus;
-  private statusIcons;
-  statusRole: {};
-  onMessageChange(): void;
-  componentWillLoad(): void;
-  render(): HTMLZInputMessageElement;
-}

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

@@ -1,73 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { ButtonVariant, SearchbarItem, ControlSize } 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;
-  /** Prevent submit action */
-  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;
-  /** Show submit button */
-  showSearchButton?: boolean;
-  /** Set button icon without label*/
-  searchButtonIconOnly?: boolean;
-  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
-  size?: ControlSize;
-  /** Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`. */
-  variant?: ButtonVariant;
-  searchString: string;
-  currResultsCount: number;
-  showResults: boolean;
-  private resultsItemsList;
-  private inputRef;
-  /** 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;
-  componentWillLoad(): void;
-  private getResultsItemsList;
-  private getGroupedItems;
-  private checkResultsCount;
-  private handleStopTyping;
-  private handleSubmit;
-  private handleOutsideClick;
-  private renderInput;
-  private renderButton;
-  private renderResults;
-  private renderResultsList;
-  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,82 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { SelectItem, InputStatus, ControlSize } 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;
-  /** When fixed, it occupies space and pushes down next elements. */
-  isfixed?: boolean;
-  /** */
-  resetItem?: string;
-  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
-  size?: ControlSize;
-  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;
-  /** Emitted on reset selected item, returns select id, selected item id */
-  resetSelect: EventEmitter;
-  private emitResetSelect;
-  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 renderResetItem;
-  private renderItem;
-  private listSizeType;
-  private renderSelectUlItems;
-  private renderSelectGroupItems;
-  private renderNoSearchResults;
-  private renderMessage;
-  render(): HTMLDivElement;
-}

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

@@ -1,15 +0,0 @@
-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;
-}

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

@@ -1,95 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { DividerSize, ExpandableListButtonAlign, ExpandableListStyle, ListDividerType, ListSize, ListType } from "../../../beans";
-export declare class ZListElement {
-  host: HTMLZListElementElement;
-  /** remove filter click event, returns filterid */
-  accessibleFocus: EventEmitter<number>;
-  /** remove filter click event, returns filterid */
-  clickItem: EventEmitter;
-  accessibleFocusHandler(e: CustomEvent): void;
-  /**
-   * [optional] Align expandable button left or right.
-   */
-  alignButton?: ExpandableListButtonAlign;
-  /**
-   * [optional] Sets element clickable.
-   */
-  clickable?: boolean;
-  /**
-   * [optional] Sets the divider color.
-   */
-  dividerColor?: string;
-  /**
-   * [optional] Sets the position where to insert the divider.
-   */
-  dividerType?: ListDividerType;
-  /**
-   * [optional] Sets the divider size.
-   */
-  dividerSize?: DividerSize;
-  /**
-   * [optional] Sets element as expandable.
-   */
-  expandable?: boolean;
-  /**
-   * [optional] Sets expandable style to element.
-   */
-  expandableStyle?: ExpandableListStyle;
-  /**
-   * [optional] List element id.
-   */
-  listElementId?: number;
-  /**
-   * [optional] Sets size of inside elements.
-   */
-  size?: ListSize;
-  /**
-   * [optional] Sets text color of the element.
-   */
-  color?: string;
-  /**
-   * [optional] Sets disabled style of the element.
-   */
-  disabled?: boolean;
-  /**
-   * [optional] If is used in ZContextualMenu component
-   */
-  isContextualMenu?: boolean;
-  /**
-   * [optional] position of the list element inside the list or the group
-   */
-  listElementPosition?: string;
-  /**
-   * [optional] type of the list marker for each element
-   */
-  listType?: ListType;
-  showInnerContent: boolean;
-  private openElementConfig;
-  /**
-   * Constructor.
-   */
-  constructor();
-  /**
-   * Handler for click on element. If element is expandable, change state.
-   * @returns void
-   */
-  private handleClick;
-  private calculateClass;
-  private handleKeyDown;
-  /**
-   * Renders button to expand element.
-   * @returns expadable button
-   */
-  private renderExpandableButton;
-  /**
-   * Renders expanded content if element is expandable.
-   * @returns expanded content
-   */
-  private renderExpandedContent;
-  /**
-   * Renders content of the z-list-element
-   * @returns list content
-   */
-  private renderContent;
-  render(): HTMLZListElementElement;
-}

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

@@ -1,28 +0,0 @@
-import { DividerSize, ListSize, ListDividerType, ListType } from "../../../beans";
-export declare class ZListGroup {
-  host: HTMLZListGroupElement;
-  /**
-   * [optional] Sets size of inside elements.
-   */
-  size?: ListSize;
-  /**
-   * [optional] Sets the position where to insert the divider.
-   */
-  dividerType?: ListDividerType;
-  /**
-   * [optional] Sets the divider size.
-   */
-  dividerSize?: DividerSize;
-  /**
-   * [optional] Sets the divider color.
-   */
-  dividerColor?: string;
-  /**
-   * [optional] type of the list marker for each element
-   */
-  listType?: ListType;
-  private hasHeader;
-  componentDidLoad(): void;
-  componentWillLoad(): void;
-  render(): HTMLZListGroupElement;
-}

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

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

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

@@ -1,15 +0,0 @@
-export declare class ZLogo {
-  /** image width */
-  width?: number;
-  /** image height */
-  height?: number;
-  /** alternative image text */
-  imageAlt?: string;
-  /** link url (optional) */
-  link?: string;
-  /** link target: true means _blank, false means _self */
-  targetBlank?: boolean;
-  /** if true, the mobile logo is displayed, otherwise the desktop one */
-  mobileLogo?: boolean;
-  render(): HTMLZLogoElement;
-}

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

@@ -1,49 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-/**
- * @slot modalCloseButton - accept custom close button
- * @slot modalContent - set the content of the modal
- */
-export declare class ZModal {
-  /** unique id */
-  modalid: string;
-  /** title text (optional) */
-  modaltitle?: string;
-  /** subtitle (optional) */
-  modalsubtitle?: string;
-  /** aria-label for close button (optional) */
-  closeButtonLabel: string;
-  /** add role "alertdialog" to dialog (optional, default is false) */
-  alertdialog?: boolean;
-  /** if true, the modal is closable (optional, default is true) */
-  closable?: boolean;
-  /** if true, the modal can scroll inside, if false the viewport can scroll */
-  scrollInside?: boolean;
-  private dialog;
-  host: HTMLZModalElement;
-  /** emitted on close button click, returns modalid */
-  modalClose: EventEmitter;
-  private emitModalClose;
-  /** emitted on modal header click, returns modalid */
-  modalHeaderActive: EventEmitter;
-  private emitModalHeaderActive;
-  /** emitted on background click, returns modalid */
-  modalBackgroundClick: EventEmitter;
-  private emitBackgroundClick;
-  componentDidLoad(): void;
-  /** open modal */
-  open(): Promise<void>;
-  /** close modal */
-  close(): Promise<void>;
-  /**
-   * Get a list of focusable elements in the dialog.
-   * Remove elements with `display: none` from the list, because they're not focusable.
-   *
-   * N.B. The list is built on the assumption that elements inside shadow root are placed ALL before the `modalContent` slot.
-   * Adding focusable elements after the `modalContent` slot would break the order of elements in the list.
-   */
-  private get focusableElements();
-  handleKeyDown(e: KeyboardEvent): void;
-  private closeButtonSlot;
-  private handleEscape;
-  render(): HTMLZModalElement;
-}