@zanichelli/albe-web-components 12.1.4-rc → 12.2.0

package/dist/types/beans/index.d.ts

@@ -0,0 +1,398 @@
+export declare type MyzLink = {
+  label: string;
+  img: string;
+  link: string;
+};
+export declare enum LicenseType {
+  REAL = "reale",
+  VIRTUAL = "virtuale",
+  TRIAL = "saggio",
+  TEMP = "reale_temp"
+}
+export declare type Card = {
+  id: string;
+  isbn: string;
+  volumeTitle: string;
+  operaTitle: string;
+  img: string;
+  authors: string;
+  actions: Action[];
+  isBookmark: boolean;
+  licenseType: LicenseType;
+};
+export declare enum CardVariant {
+  BORDER = "border",
+  SHADOW = "shadow",
+  OVERLAY = "overlay",
+  TEXT = "text"
+}
+export declare type Action = {
+  isLink: boolean;
+  value: string;
+  url?: string;
+};
+export declare type ListItem = {
+  text: string;
+  link?: string;
+  linktarget?: string;
+  icon?: string;
+  listitemid?: string;
+};
+export declare type FilterItem = {
+  name: string;
+  id: string;
+  isActive: boolean;
+  isfixed: boolean;
+};
+export declare type MenuItem = {
+  id: string;
+  label: string;
+  link?: string;
+  icon?: string;
+  target?: string;
+  subMenu?: MenuItem[];
+};
+export declare type TabItem = {
+  id: string;
+  label: string;
+  icon?: string;
+  size?: string;
+  selected?: boolean;
+  disabled?: boolean;
+};
+export declare enum NavigationTabsOrientation {
+  HORIZONTAL = "horizontal",
+  VERTICAL = "vertical"
+}
+export declare enum NavigationTabsSize {
+  BIG = "big",
+  SMALL = "small"
+}
+export declare enum NavigationTabsKeyboardEvents {
+  LEFT = "ArrowLeft",
+  RIGHT = "ArrowRight",
+  UP = "ArrowUp",
+  DOWN = "ArrowDown"
+}
+export declare type HeaderUserData = {
+  islogged: boolean;
+  id?: number;
+  name?: string;
+  usergroup: number;
+  userlinks: MenuItem[];
+};
+export declare type ComboItem = {
+  id: string;
+  name: string;
+  checked: boolean;
+  category?: string;
+};
+export declare enum ButtonVariant {
+  PRIMARY = "primary",
+  SECONDARY = "secondary",
+  TERTIARY = "tertiary"
+}
+export declare enum ButtonType {
+  SUBMIT = "submit",
+  RESET = "reset",
+  BUTTON = "button"
+}
+/**
+ * @deprecated Use ControlSize instead
+ */
+export declare enum ButtonSize {
+  BIG = "big",
+  SMALL = "small",
+  X_SMALL = "x-small"
+}
+export declare enum ControlSize {
+  BIG = "big",
+  SMALL = "small",
+  X_SMALL = "x-small"
+}
+export declare enum InputType {
+  TEXT = "text",
+  PASSWORD = "password",
+  NUMBER = "number",
+  EMAIL = "email",
+  TEXTAREA = "textarea",
+  CHECKBOX = "checkbox",
+  RADIO = "radio",
+  TEL = "tel",
+  URL = "url",
+  SEARCH = "search"
+}
+export declare enum InputStatus {
+  SUCCESS = "success",
+  ERROR = "error",
+  WARNING = "warning"
+}
+export declare enum PopoverPosition {
+  AUTO = "auto",
+  TOP = "top",
+  RIGHT = "right",
+  BOTTOM = "bottom",
+  LEFT = "left",
+  TOP_RIGHT = "top_right",
+  TOP_LEFT = "top_left",
+  BOTTOM_RIGHT = "bottom_right",
+  BOTTOM_LEFT = "bottom_left",
+  RIGHT_TOP = "right_top",
+  RIGHT_BOTTOM = "right_bottom",
+  LEFT_TOP = "left_top",
+  LEFT_BOTTOM = "left_bottom"
+}
+export declare enum KeyboardKeyCode {
+  TAB = 9,
+  SPACE = 32,
+  ESC = 27,
+  ENTER = 13,
+  ARROW_UP = 38,
+  ARROW_DOWN = 40,
+  BACKSPACE = 8,
+  DELETE = 46
+}
+export declare enum KeyboardCode {
+  TAB = "Tab",
+  SPACE = "Space",
+  ESC = "Escape",
+  ENTER = "Enter",
+  ARROW_UP = "ArrowUp",
+  ARROW_DOWN = "ArrowDown",
+  BACKSPACE = "Backspace",
+  DELETE = "Delete"
+}
+export declare type SelectItem = {
+  id: string;
+  name: string;
+  selected: boolean;
+  disabled?: boolean;
+  category?: string;
+};
+export declare enum ThemeVariant {
+  DARK = "dark",
+  LIGHT = "light"
+}
+export declare enum DividerSize {
+  SMALL = "small",
+  MEDIUM = "medium",
+  LARGE = "large"
+}
+export declare enum DividerOrientation {
+  HORIZONTAL = "horizontal",
+  VERTICAL = "vertical"
+}
+export declare enum SortDirection {
+  ASC = "asc",
+  DESC = "desc"
+}
+export declare enum AvatarSize {
+  SMALL = "small",
+  MEDIUM = "medium",
+  LARGE = "large"
+}
+export declare enum ListSize {
+  SMALL = "small",
+  MEDIUM = "medium",
+  LARGE = "large",
+  X_LARGE = "x-large"
+}
+export declare enum ExpandableListStyle {
+  ACCORDION = "accordion",
+  MENU = "menu"
+}
+export declare enum ExpandableListButtonAlign {
+  RIGHT = "right",
+  LEFT = "left"
+}
+export declare enum LabelPosition {
+  RIGHT = "right",
+  LEFT = "left"
+}
+export declare enum ListDividerType {
+  NONE = "none",
+  HEADER = "header",
+  ELEMENT = "element"
+}
+export declare enum ListType {
+  NONE = "none",
+  ORDERED = "ordered",
+  UNORDERED = "unordered"
+}
+export declare enum NotificationType {
+  SUCCESS = "success",
+  WARNING = "warning",
+  ERROR = "error"
+}
+export declare enum AlertType {
+  SUCCESS = "success",
+  WARNING = "warning",
+  ERROR = "error"
+}
+export declare enum Device {
+  MOBILE = "mobile",
+  TABLET = "tablet",
+  DESKTOP = "desktop",
+  DESKTOP_WIDE = "desktop-wide"
+}
+export declare type DictionaryData = {
+  author: string;
+  year: string;
+  title: string;
+  description: string;
+  onlineLicense: DictionaryLicenseData;
+  offlineLicense: DictionaryLicenseData;
+};
+export declare type DictionaryLicenseData = {
+  expiration: string;
+  expired: boolean;
+  expiring: boolean;
+  installations: string;
+};
+export declare enum PocketStatus {
+  PREVIEW = "preview",
+  OPEN = "open",
+  CLOSED = "closed"
+}
+export declare enum ToastNotification {
+  DARK = "dark",
+  LIGHT = "light",
+  ACCENT = "accent",
+  ERROR = "error",
+  SUCCESS = "success",
+  WARNING = "warning"
+}
+export declare enum ToastNotificationTransition {
+  SLIDE_IN_LEFT = "slide-in-left",
+  SLIDE_IN_RIGHT = "slide-in-right",
+  SLIDE_IN_DOWN = "slide-in-down",
+  SLIDE_IN_UP = "slide-in-up",
+  SLIDE_OUT_LEFT = "slide-out-left",
+  SLIDE_OUT_RIGHT = "slide-out-right",
+  SLIDE_OUT_DOWN = "slide-out-down",
+  SLIDE_OUT_UP = "slide-out-up"
+}
+export declare enum ToastNotificationPosition {
+  TOP_RIGHT = "top-right",
+  TOP_LEFT = "top-left",
+  TOP_CENTRE = "top-centre",
+  BOTTOM_RIGHT = "bottom-right",
+  BOTTOM_LEFT = "bottom-left",
+  BOTTOM_CENTRE = "bottom-centre"
+}
+export declare enum ZTableRowExpandedType {
+  EXPANDABLE = "expandable",
+  PADDING = "padding",
+  NONE = "none"
+}
+export declare enum ZAriaAlertMode {
+  POLITE = "polite",
+  ASSERTIVE = "assertive"
+}
+export declare enum TransitionDirection {
+  LEFT = "left",
+  RIGHT = "right"
+}
+export declare enum OffCanvasVariant {
+  OVERLAY = "overlay",
+  PUSHCONTENT = "pushcontent"
+}
+export declare enum ZFileUploadType {
+  DEFAULT = "default",
+  DRAGDROP = "dragdrop"
+}
+export declare enum ZChipType {
+  DEFAULT = "default",
+  MEDIUM = "medium",
+  SMALL = "small"
+}
+export declare enum ZSectionTitleDividerPosition {
+  BEFORE = "before",
+  AFTER = "after"
+}
+export declare enum ZDatePickerMode {
+  DATE = "date",
+  DATE_TIME = "date-time",
+  MONTHS = "months"
+}
+export declare enum ZDatePickerModeValue {
+  DATE = 401,
+  DATE_TIME = 523,
+  MONTHS = 288
+}
+export declare enum ZDatePickerPosition {
+  TOP = "top",
+  BOTTOM = "bottom"
+}
+export declare enum ZRangePickerMode {
+  DATE = "date",
+  DATE_TIME = "date-time"
+}
+export declare type SkipToContentLink = {
+  label: string;
+  href: string;
+  ariaLabel?: string;
+};
+export declare enum InfoRevealPosition {
+  TOP_RIGHT = "top_right",
+  TOP_LEFT = "top_left",
+  BOTTOM_RIGHT = "bottom_right",
+  BOTTOM_LEFT = "bottom_left"
+}
+export declare enum CoverHeroVariant {
+  OVERLAY = "overlay",
+  STACKED = "stacked"
+}
+export declare enum CoverHeroContentPosition {
+  TOP = "top",
+  BOTTOM = "bottom"
+}
+export declare enum CarouselArrowsPosition {
+  OVER = "over",
+  BOTTOM = "bottom"
+}
+export declare enum CarouselProgressMode {
+  DOTS = "dots",
+  NUMBERS = "numbers"
+}
+export declare type SearchbarItem = {
+  label: string;
+  id?: string;
+  icon?: string;
+  category?: string;
+  subcategory?: string;
+};
+export declare type SearchbarGroupedItem = {
+  [key: string]: SearchbarGroup;
+};
+export declare type SearchbarGroup = {
+  items: SearchbarItem[];
+  category?: string;
+  subcategory?: string;
+};
+export declare type BreadcrumbPath = {
+  text?: string;
+  path?: string;
+  hasTooltip?: boolean;
+};
+export declare enum BreadcrumbPathStyle {
+  SEMIBOLD = "semibold",
+  UNDERLINED = "underlined"
+}
+export declare enum BreadcrumbHomepageVariant {
+  TEXT = "text",
+  ICON = "icon"
+}
+export declare enum VisibilityCondition {
+  HOVER = "hover",
+  ALWAYS = "always"
+}
+export declare enum BookCardVariant {
+  EXPANDED = "expanded",
+  COMPACT = "compact",
+  SEARCH = "search"
+}
+export declare enum AccordionVariant {
+  DEFAULT = "default",
+  BACKGROUND = "background"
+}

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

@@ -0,0 +1,31 @@
+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;
+  /** defines role attribute, used for accessibility. */
+  role?: 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

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

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

@@ -0,0 +1,18 @@
+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;
+  render(): HTMLDivElement;
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +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;
+  /** 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

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

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

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

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

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