@zanichelli/albe-web-components 7.0.0 → 7.1.0

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

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

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

@@ -1,95 +1,95 @@
-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;
-}
+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 +1,28 @@
-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;
-}
+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 +1,14 @@
-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;
-}
+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 +1,15 @@
-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;
-}
+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,43 +1,43 @@
-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;
-  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;
-  render(): HTMLZModalElement;
-}
+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;
+  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;
+  render(): HTMLZModalElement;
+}