@zanichelli/albe-web-components 9.2.0 → 9.2.2-beta

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

@@ -1,29 +1,29 @@
-import { ButtonVariant, ButtonType, ButtonSize, ControlSize } from "../../../beans";
-/**
- * @slot - button label
- */
-export declare class ZButton {
-  hostElement: HTMLZButtonElement;
-  /** defines a string value that labels an interactive element, used for accessibility. */
-  ariaLabel: string;
-  /** HTML <a> href attribute. If it is set, it renders an HTML <a> tag. */
-  href?: string;
-  /** HTML a target attribute. */
-  target?: string;
-  /** Identifier, should be unique. */
-  htmlid?: string;
-  /** HTML button name attribute. */
-  name?: string;
-  /** HTML button disabled attribute. */
-  disabled?: boolean;
-  /** HTML button type attribute. */
-  type?: ButtonType;
-  /** Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`. */
-  variant?: ButtonVariant;
-  /** `z-icon` name to use (optional). */
-  icon?: string;
-  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
-  size?: ButtonSize | ControlSize;
-  private getAttributes;
-  render(): HTMLAnchorElement | HTMLButtonElement;
-}
+import { ButtonVariant, ButtonType, ButtonSize, ControlSize } from "../../../beans";
+/**
+ * @slot - button label
+ */
+export declare class ZButton {
+  hostElement: HTMLZButtonElement;
+  /** defines a string value that labels an interactive element, used for accessibility. */
+  ariaLabel: string;
+  /** HTML <a> href attribute. If it is set, it renders an HTML <a> tag. */
+  href?: string;
+  /** HTML a target attribute. */
+  target?: string;
+  /** Identifier, should be unique. */
+  htmlid?: string;
+  /** HTML button name attribute. */
+  name?: string;
+  /** HTML button disabled attribute. */
+  disabled?: boolean;
+  /** HTML button type attribute. */
+  type?: ButtonType;
+  /** Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`. */
+  variant?: ButtonVariant;
+  /** `z-icon` name to use (optional). */
+  icon?: string;
+  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
+  size?: ButtonSize | ControlSize;
+  private getAttributes;
+  render(): HTMLAnchorElement | HTMLButtonElement;
+}

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

@@ -1,28 +1,28 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-export declare class ZButtonSort {
-  /** id, should be unique */
-  buttonid: string;
-  /** label content (ascending) */
-  label: string;
-  /** label content (descending) */
-  desclabel?: string;
-  /** occurrences counter (optional) */
-  counter?: number;
-  /** sort label content (ascending) (optional) */
-  sortlabelasc?: string;
-  /** sort label content (descending) (optional) */
-  sortlabeldesc?: string;
-  /** selected flag (optional) */
-  isselected?: boolean;
-  /** sortable flag (optional) */
-  sortasc?: boolean;
-  allowTooltip: boolean;
-  private ellipsis?;
-  /** sorting direction click event, returns `buttonid` and `sortAsc` */
-  buttonSortClick: EventEmitter;
-  private emitButtonSortClick;
-  componentDidLoad(): void;
-  private setButtonTitle;
-  private elementHasEllipsis;
-  render(): HTMLButtonElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class ZButtonSort {
+  /** id, should be unique */
+  buttonid: string;
+  /** label content (ascending) */
+  label: string;
+  /** label content (descending) */
+  desclabel?: string;
+  /** occurrences counter (optional) */
+  counter?: number;
+  /** sort label content (ascending) (optional) */
+  sortlabelasc?: string;
+  /** sort label content (descending) (optional) */
+  sortlabeldesc?: string;
+  /** selected flag (optional) */
+  isselected?: boolean;
+  /** sortable flag (optional) */
+  sortasc?: boolean;
+  allowTooltip: boolean;
+  private ellipsis?;
+  /** sorting direction click event, returns `buttonid` and `sortAsc` */
+  buttonSortClick: EventEmitter;
+  private emitButtonSortClick;
+  componentDidLoad(): void;
+  private setButtonTitle;
+  private elementHasEllipsis;
+  render(): HTMLButtonElement;
+}

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

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

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

@@ -1,17 +1,17 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-export declare class ZToggleButton {
-  /** label text */
-  label: string;
-  /** disabled status flag (optional) */
-  isdisabled?: boolean;
-  /** avoidclick status flag */
-  avoidclick: boolean;
-  /** open by default (optional) */
-  opened?: boolean;
-  /**  aria-label for the button */
-  ariaLabel: string;
-  /** emitted on toggle button click, returns isOpen */
-  toggleClick: EventEmitter;
-  private emitToggleClick;
-  render(): HTMLButtonElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class ZToggleButton {
+  /** label text */
+  label: string;
+  /** disabled status flag (optional) */
+  isdisabled?: boolean;
+  /** avoidclick status flag */
+  avoidclick: boolean;
+  /** open by default (optional) */
+  opened?: boolean;
+  /**  aria-label for the button */
+  ariaLabel: string;
+  /** emitted on toggle button click, returns isOpen */
+  toggleClick: EventEmitter;
+  private emitToggleClick;
+  render(): HTMLButtonElement;
+}

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

@@ -1,17 +1,17 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { LabelPosition } from "../../../beans";
-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;
-  private emitToggleClick;
-  private handleClick;
-  render(): HTMLZToggleSwitchElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { LabelPosition } from "../../../beans";
+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;
+  private emitToggleClick;
+  private handleClick;
+  render(): HTMLZToggleSwitchElement;
+}

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

@@ -1,4 +1,4 @@
-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;
+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,29 +1,29 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { ZDatePickerMode, ZDatePickerPosition } from "../../../beans";
-export declare class ZDatePicker {
-  element: HTMLZDatePickerElement;
-  /** unique id */
-  datePickerId: string;
-  /** z-input aria label */
-  ariaLabel: string;
-  /** z-input label */
-  label?: string;
-  /** [Optional] datepicker mode: date, datetime, only months */
-  mode: ZDatePickerMode;
-  flatpickrPosition: ZDatePickerPosition;
-  inputError: boolean;
-  private picker;
-  private hasChildren;
-  /** emitted when date changes, returns selected date */
-  dateSelect: EventEmitter;
-  private emitDateSelect;
-  handleKeyDown(ev: KeyboardEvent): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  setupPickers(): void;
-  private formatDate;
-  private onStopTyping;
-  private renderSlottedContent;
-  private renderZInput;
-  render(): HTMLDivElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ZDatePickerMode, ZDatePickerPosition } from "../../../beans";
+export declare class ZDatePicker {
+  element: HTMLZDatePickerElement;
+  /** unique id */
+  datePickerId: string;
+  /** z-input aria label */
+  ariaLabel: string;
+  /** z-input label */
+  label?: string;
+  /** [Optional] datepicker mode: date, datetime, only months */
+  mode: ZDatePickerMode;
+  flatpickrPosition: ZDatePickerPosition;
+  inputError: boolean;
+  private picker;
+  private hasChildren;
+  /** emitted when date changes, returns selected date */
+  dateSelect: EventEmitter;
+  private emitDateSelect;
+  handleKeyDown(ev: KeyboardEvent): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  setupPickers(): void;
+  private formatDate;
+  private onStopTyping;
+  private renderSlottedContent;
+  private renderZInput;
+  render(): HTMLDivElement;
+}

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

@@ -1,42 +1,52 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { ZRangePickerMode, ZDatePickerPosition } from "../../../beans";
-export declare class ZRangePicker {
-  element: HTMLZRangePickerElement;
-  /** unique id */
-  rangePickerId: string;
-  /** first z-input aria label */
-  firstAriaLabel?: string;
-  /** first z-input label */
-  firstLabel?: string;
-  /** second z-input aria label */
-  secondAriaLabel?: string;
-  /** second z-input label */
-  secondLabel?: string;
-  /** [Optional] datepicker mode: date or datetime */
-  mode: ZRangePickerMode;
-  flatpickrPosition: ZDatePickerPosition;
-  activeInput: string;
-  firstInputError: boolean;
-  lastInputError: boolean;
-  private firstPicker;
-  private lastPicker;
-  /** emitted when date changes, returns an array with the two selected dates */
-  dateSelect: EventEmitter;
-  handleClick(): void;
-  handleKeyDown(ev: KeyboardEvent): void;
-  componentDidLoad(): void;
-  setupPickers(): void;
-  private onDateSelect;
-  private disableDates;
-  private formatDate;
-  private printDate;
-  private getDateWithoutTime;
-  /** Replace month word to month number */
-  private replaceMonths;
-  /** Get the current focused input, first or last */
-  private getFocusedInput;
-  /** Set style of the days between the two selected dates */
-  private setRangeStyle;
-  private onStopTyping;
-  render(): HTMLDivElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ZRangePickerMode, ZDatePickerPosition } from "../../../beans";
+export declare class ZRangePicker {
+  element: HTMLZRangePickerElement;
+  /** unique id */
+  rangePickerId: string;
+  /** first z-input aria label */
+  firstAriaLabel?: string;
+  /** first z-input label */
+  firstLabel?: string;
+  /** second z-input aria label */
+  secondAriaLabel?: string;
+  /** second z-input label */
+  secondLabel?: string;
+  /** [Optional] datepicker mode: date or datetime */
+  mode: ZRangePickerMode;
+  /** readonly mode */
+  firstPickerReadOnly: boolean;
+  /** readonly mode */
+  lastPickerReadOnly: boolean;
+  /** readonly mode */
+  firstPickerPlaceholder: string;
+  /** readonly mode */
+  lastPickerPlaceholder: string;
+  flatpickrPosition: ZDatePickerPosition;
+  activeInput: string;
+  firstInputError: boolean;
+  lastInputError: boolean;
+  private firstPicker;
+  private lastPicker;
+  /** emitted when date changes, returns an array with the two selected dates */
+  dateSelect: EventEmitter;
+  handleClick(): void;
+  handleKeyDown(ev: KeyboardEvent): void;
+  componentDidLoad(): void;
+  setupFirstPickersReadOnly(): void;
+  setupLastPickersReadOnly(): void;
+  setupPickers(): void;
+  private onDateSelect;
+  private disableDates;
+  private formatDate;
+  private printDate;
+  private getDateWithoutTime;
+  /** Replace month word to month number */
+  private replaceMonths;
+  /** Get the current focused input, first or last */
+  private getFocusedInput;
+  /** Set style of the days between the two selected dates */
+  private setRangeStyle;
+  private onStopTyping;
+  render(): HTMLDivElement;
+}

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

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

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

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

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

@@ -1,52 +1,52 @@
-import { EventEmitter } 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: ZFileUploadType;
-  /** Prop indicating the button variant*/
-  buttonVariant?: ButtonVariant;
-  /** Prop indicating the accepted file type: ex ".pdf, .doc, .jpg" */
-  acceptedFormat?: string;
-  /** Max file dimension in Megabyte */
-  fileMaxSize?: number;
-  /** Title */
-  mainTitle?: string;
-  /** Description */
-  description?: string;
-  /** Files added by the user */
-  files: File[];
-  /** List of files not allowed to be uploaded */
-  invalidFiles: Map<string, string[]>;
-  el: HTMLZFileUploadElement;
-  private input;
-  private button;
-  private errorModal;
-  private uploadLink;
-  private inputAttributes;
-  /** Listen removeFile event sent from z-file component */
-  removeFileListener(e: CustomEvent): void;
-  /** Listen fileDropped event sent from z-dragdrop-area component */
-  fileDroppedListener(e: CustomEvent): void;
-  componentDidUpdate(): void;
-  componentWillLoad(): void;
-  /** Emitted when user select one or more files */
-  fileInput: EventEmitter;
-  private fileInputHandler;
-  /** get array of uploaded files */
-  getFiles(): Promise<File[]>;
-  private getType;
-  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(): HTMLZFileUploadElement;
-}
+import { EventEmitter } 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: ZFileUploadType;
+  /** Prop indicating the button variant*/
+  buttonVariant?: ButtonVariant;
+  /** Prop indicating the accepted file type: ex ".pdf, .doc, .jpg" */
+  acceptedFormat?: string;
+  /** Max file dimension in Megabyte */
+  fileMaxSize?: number;
+  /** Title */
+  mainTitle?: string;
+  /** Description */
+  description?: string;
+  /** Files added by the user */
+  files: File[];
+  /** List of files not allowed to be uploaded */
+  invalidFiles: Map<string, string[]>;
+  el: HTMLZFileUploadElement;
+  private input;
+  private button;
+  private errorModal;
+  private uploadLink;
+  private inputAttributes;
+  /** Listen removeFile event sent from z-file component */
+  removeFileListener(e: CustomEvent): void;
+  /** Listen fileDropped event sent from z-dragdrop-area component */
+  fileDroppedListener(e: CustomEvent): void;
+  componentDidUpdate(): void;
+  componentWillLoad(): void;
+  /** Emitted when user select one or more files */
+  fileInput: EventEmitter;
+  private fileInputHandler;
+  /** get array of uploaded files */
+  getFiles(): Promise<File[]>;
+  private getType;
+  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(): HTMLZFileUploadElement;
+}