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

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

@@ -1,69 +1,69 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { PopoverPosition } from "../../beans";
-/**
- * Popover component.
- *
- * @cssprop --z-popover-theme--surface - background color of the popover.
- * @cssprop --z-popover-theme--text - foreground color of the popover.
- * @cssprop --z-popover-padding - padding of the popover.
- * @cssprop --z-popover-shadow-filter - drop-shadow filter of the popover. Defaults to `drop-shadow(0 1px 2px var(--shadow-color-base))`.
- */
-export declare class ZPopover {
-  /** Popover position. */
-  position: PopoverPosition;
-  /**
-   * The open state of the popover.
-   */
-  open: boolean;
-  /**
-   * The selector or the element bound with the popover.
-   */
-  bindTo?: string | HTMLElement;
-  /**
-   * Whether to show popover's arrow.
-   */
-  showArrow: boolean;
-  /**
-   * Whether to center the popup on the main side (according to "position").
-   */
-  center: boolean;
-  /**
-   * If true, the popover can be closed by clicking outside of it or pressing the escape key.
-   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).
-   */
-  closable: boolean;
-  /**
-   * The current position of the popover.
-   */
-  currentPosition?: PopoverPosition;
-  /**
-   * Position change event.
-   */
-  positionChange: EventEmitter;
-  /**
-   * Open change event.
-   */
-  openChange: EventEmitter;
-  host: HTMLZPopoverElement;
-  private animationFrameRequestId?;
-  closePopoverWithKeyboard(e: KeyboardEvent): void;
-  /**
-   * Close the popover when clicking outside of its content.
-   * Stop event propagation if the click was fired by popover's trigger element,
-   * to prevent close and reopen glitches.
-   * @param {MouseEvent} e
-   */
-  handleOutsideClick(e: MouseEvent): void;
-  validatePosition(newValue: PopoverPosition): void;
-  /**
-   * Setup popover behaviors on opening.
-   */
-  onOpen(): void;
-  disconnectedCallback(): void;
-  /**
-   * Set the position of the popover.
-   */
-  private setPosition;
-  componentWillLoad(): void;
-  render(): HTMLSlotElement;
-}
+import { EventEmitter } from "../../stencil-public-runtime";
+import { PopoverPosition } from "../../beans";
+/**
+ * Popover component.
+ *
+ * @cssprop --z-popover-theme--surface - background color of the popover.
+ * @cssprop --z-popover-theme--text - foreground color of the popover.
+ * @cssprop --z-popover-padding - padding of the popover.
+ * @cssprop --z-popover-shadow-filter - drop-shadow filter of the popover. Defaults to `drop-shadow(0 1px 2px var(--shadow-color-base))`.
+ */
+export declare class ZPopover {
+  /** Popover position. */
+  position: PopoverPosition;
+  /**
+   * The open state of the popover.
+   */
+  open: boolean;
+  /**
+   * The selector or the element bound with the popover.
+   */
+  bindTo?: string | HTMLElement;
+  /**
+   * Whether to show popover's arrow.
+   */
+  showArrow: boolean;
+  /**
+   * Whether to center the popup on the main side (according to "position").
+   */
+  center: boolean;
+  /**
+   * If true, the popover can be closed by clicking outside of it or pressing the escape key.
+   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).
+   */
+  closable: boolean;
+  /**
+   * The current position of the popover.
+   */
+  currentPosition?: PopoverPosition;
+  /**
+   * Position change event.
+   */
+  positionChange: EventEmitter;
+  /**
+   * Open change event.
+   */
+  openChange: EventEmitter;
+  host: HTMLZPopoverElement;
+  private animationFrameRequestId?;
+  closePopoverWithKeyboard(e: KeyboardEvent): void;
+  /**
+   * Close the popover when clicking outside of its content.
+   * Stop event propagation if the click was fired by popover's trigger element,
+   * to prevent close and reopen glitches.
+   * @param {MouseEvent} e
+   */
+  handleOutsideClick(e: MouseEvent): void;
+  validatePosition(newValue: PopoverPosition): void;
+  /**
+   * Setup popover behaviors on opening.
+   */
+  onOpen(): void;
+  disconnectedCallback(): void;
+  /**
+   * Set the position of the popover.
+   */
+  private setPosition;
+  componentWillLoad(): void;
+  render(): HTMLSlotElement;
+}

package/dist/types/components/z-section-title/index.d.ts

@@ -1,25 +1,25 @@
-import { ZSectionTitleDividerPosition } from "../../beans";
-/**
- * Section title component.
- * An optional secondary title can be put over the primary one.
- *
- * @slot secondary-title - Slot for the secondary title. When present, the divider is always displayed under it,
- * following its width and removing the one for the primary title.
- * @slot primary-title - Slot for the primary title.
- * @cssprop --z-section-title--divider-color - Color of the divider. Use a CSS prop string like `"--red500"`. Default is `"--red500"`.
- */
-export declare class ZSectionTitle {
-  /**
-   * Divider position for the primary title.
-   * This prop only works if the secondary title is not set.
-   */
-  dividerPosition: ZSectionTitleDividerPosition;
-  /**
-   * Whether the primary title text is uppercase.
-   */
-  uppercase: boolean;
-  host: HTMLZSectionTitleElement;
-  private hasSecondaryTitle;
-  componentWillRender(): void;
-  render(): HTMLZSectionTitleElement;
-}
+import { ZSectionTitleDividerPosition } from "../../beans";
+/**
+ * Section title component.
+ * An optional secondary title can be put over the primary one.
+ *
+ * @slot secondary-title - Slot for the secondary title. When present, the divider is always displayed under it,
+ * following its width and removing the one for the primary title.
+ * @slot primary-title - Slot for the primary title.
+ * @cssprop --z-section-title--divider-color - Color of the divider. Use a CSS prop string like `"--red500"`. Default is `"--red500"`.
+ */
+export declare class ZSectionTitle {
+  /**
+   * Divider position for the primary title.
+   * This prop only works if the secondary title is not set.
+   */
+  dividerPosition: ZSectionTitleDividerPosition;
+  /**
+   * Whether the primary title text is uppercase.
+   */
+  uppercase: boolean;
+  host: HTMLZSectionTitleElement;
+  private hasSecondaryTitle;
+  componentWillRender(): void;
+  render(): HTMLZSectionTitleElement;
+}

package/dist/types/components/z-skip-to-content/index.d.ts

@@ -1,21 +1,21 @@
-import { ThemeVariant, SkipToContentLink } from "../../beans";
-/**
- * Component short description.
- */
-export declare class ZSkipToContent {
-  /** Graphical variant: `dark`, `light`. */
-  variant?: ThemeVariant;
-  /** Array to fill link into skip-content */
-  links: string | SkipToContentLink[];
-  visible: boolean;
-  visibleLink: string;
-  hostElement: HTMLZSkipToContentElement;
-  handleFocusOutSkipToContent(e: FocusEvent): void;
-  handleFocusSkipToContent(e: FocusEvent): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  private isInSkipToContent;
-  private showFirstChild;
-  private handleLinkClick;
-  render(): HTMLZSkipToContentElement;
-}
+import { ThemeVariant, SkipToContentLink } from "../../beans";
+/**
+ * Component short description.
+ */
+export declare class ZSkipToContent {
+  /** Graphical variant: `dark`, `light`. */
+  variant?: ThemeVariant;
+  /** Array to fill link into skip-content */
+  links: string | SkipToContentLink[];
+  visible: boolean;
+  visibleLink: string;
+  hostElement: HTMLZSkipToContentElement;
+  handleFocusOutSkipToContent(e: FocusEvent): void;
+  handleFocusSkipToContent(e: FocusEvent): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  private isInSkipToContent;
+  private showFirstChild;
+  private handleLinkClick;
+  render(): HTMLZSkipToContentElement;
+}

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

@@ -1,13 +1,13 @@
-/**
- * Ztag  component.
- * @slot - The text of the z-tag.
- * @cssprop --z-tag-text-color - text and icon color using tokens.
- * @cssprop --z-tag-bg - background color of the z-tag.
- */
-export declare class ZTag {
-  /** [optional] Tag icon */
-  icon?: string;
-  /** [optional] Hide the text and show it on hover*/
-  expandable?: boolean;
-  render(): HTMLZTagElement;
-}
+/**
+ * Ztag  component.
+ * @slot - The text of the z-tag.
+ * @cssprop --z-tag-text-color - text and icon color using tokens.
+ * @cssprop --z-tag-bg - background color of the z-tag.
+ */
+export declare class ZTag {
+  /** [optional] Tag icon */
+  icon?: string;
+  /** [optional] Hide the text and show it on hover*/
+  expandable?: boolean;
+  render(): HTMLZTagElement;
+}

package/dist/types/components/z-visually-hidden/index.d.ts

@@ -1,3 +1,3 @@
-export declare class ZVisuallyHidden {
-  render(): HTMLSlotElement;
-}
+export declare class ZVisuallyHidden {
+  render(): HTMLSlotElement;
+}

package/dist/types/components.d.ts

@@ -1432,6 +1432,22 @@ export namespace Components {
           * first z-input label
          */
         "firstLabel"?: string;
+        /**
+          * readonly mode
+         */
+        "firstPickerPlaceholder": string;
+        /**
+          * readonly mode
+         */
+        "firstPickerReadOnly": boolean;
+        /**
+          * readonly mode
+         */
+        "lastPickerPlaceholder": string;
+        /**
+          * readonly mode
+         */
+        "lastPickerReadOnly": boolean;
         /**
           * [Optional] datepicker mode: date or datetime
          */
@@ -4395,6 +4411,22 @@ declare namespace LocalJSX {
           * first z-input label
          */
         "firstLabel"?: string;
+        /**
+          * readonly mode
+         */
+        "firstPickerPlaceholder"?: string;
+        /**
+          * readonly mode
+         */
+        "firstPickerReadOnly"?: boolean;
+        /**
+          * readonly mode
+         */
+        "lastPickerPlaceholder"?: string;
+        /**
+          * readonly mode
+         */
+        "lastPickerReadOnly"?: boolean;
         /**
           * [Optional] datepicker mode: date or datetime
          */

package/dist/types/constants/breakpoints.d.ts

@@ -1,4 +1,4 @@
-declare const mobileBreakpoint = 767;
-declare const tabletBreakpoint = 1052;
-declare const desktopBreakpoint = 1365;
-export { mobileBreakpoint, tabletBreakpoint, desktopBreakpoint };
+declare const mobileBreakpoint = 767;
+declare const tabletBreakpoint = 1052;
+declare const desktopBreakpoint = 1365;
+export { mobileBreakpoint, tabletBreakpoint, desktopBreakpoint };

package/dist/types/constants/icons.d.ts

@@ -1,6 +1,6 @@
-declare const icons: {
-  iconuserlogo: string;
-  iconarrowup: string;
-  iconarrowdown: string;
-};
-export default icons;
+declare const icons: {
+  iconuserlogo: string;
+  iconarrowup: string;
+  iconarrowdown: string;
+};
+export default icons;

package/dist/types/deprecated/typography/z-body/index.d.ts

@@ -1,9 +1,9 @@
-export declare class ZBody {
-  /** Typography level */
-  level: 1 | 2 | 3 | 4 | 5;
-  /** Font weight variant */
-  variant: "regular" | "semibold";
-  /** HTML tag to use to wrap slotted content */
-  component: string;
-  render(): HTMLZTypographyElement;
-}
+export declare class ZBody {
+  /** Typography level */
+  level: 1 | 2 | 3 | 4 | 5;
+  /** Font weight variant */
+  variant: "regular" | "semibold";
+  /** HTML tag to use to wrap slotted content */
+  component: string;
+  render(): HTMLZTypographyElement;
+}

package/dist/types/deprecated/typography/z-heading/index.d.ts

@@ -1,9 +1,9 @@
-export declare class ZHeading {
-  /** Typography level */
-  level: 1 | 2 | 3 | 4;
-  /** Font weight variant */
-  variant: "regular" | "semibold" | "light";
-  /** HTML tag to use to wrap slotted content */
-  component: string;
-  render(): HTMLZTypographyElement;
-}
+export declare class ZHeading {
+  /** Typography level */
+  level: 1 | 2 | 3 | 4;
+  /** Font weight variant */
+  variant: "regular" | "semibold" | "light";
+  /** HTML tag to use to wrap slotted content */
+  component: string;
+  render(): HTMLZTypographyElement;
+}

package/dist/types/deprecated/typography/z-typography/index.d.ts

@@ -1,11 +1,11 @@
-export declare type ZTypographyLevels = "h1" | "h2" | "h3" | "h4" | "b1" | "b2" | "b3" | "b4" | "b5";
-export declare class ZTypography {
-  hostElement: HTMLZTypographyElement;
-  /** Typography level */
-  level: ZTypographyLevels;
-  /** Font weight variant */
-  variant: "regular" | "semibold" | "light";
-  /** HTML tag to use to wrap slotted content */
-  component: string;
-  render(): HTMLZTypographyElement;
-}
+export declare type ZTypographyLevels = "h1" | "h2" | "h3" | "h4" | "b1" | "b2" | "b3" | "b4" | "b5";
+export declare class ZTypography {
+  hostElement: HTMLZTypographyElement;
+  /** Typography level */
+  level: ZTypographyLevels;
+  /** Font weight variant */
+  variant: "regular" | "semibold" | "light";
+  /** HTML tag to use to wrap slotted content */
+  component: string;
+  render(): HTMLZTypographyElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-body/index.d.ts

@@ -1,8 +1,8 @@
-/**
- * @deprecated
- */
-export declare class ZTableBody {
-  host: HTMLZTableBodyElement;
-  componentWillRender(): void;
-  render(): HTMLSlotElement;
-}
+/**
+ * @deprecated
+ */
+export declare class ZTableBody {
+  host: HTMLZTableBodyElement;
+  componentWillRender(): void;
+  render(): HTMLSlotElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-cell/index.d.ts

@@ -1,14 +1,14 @@
-/**
- * @deprecated
- */
-export declare class ZTableCell {
-  host: HTMLZTableCellElement;
-  /** [Optional] Show contextual menu button */
-  showButton?: boolean;
-  /** Set padding size of cell, if special 0px padding will be set */
-  padding: "x-small" | "small" | "medium" | "large" | "special";
-  isMenuOpened: boolean;
-  private handleMenu;
-  componentWillRender(): void;
-  render(): HTMLZTableCellElement;
-}
+/**
+ * @deprecated
+ */
+export declare class ZTableCell {
+  host: HTMLZTableCellElement;
+  /** [Optional] Show contextual menu button */
+  showButton?: boolean;
+  /** Set padding size of cell, if special 0px padding will be set */
+  padding: "x-small" | "small" | "medium" | "large" | "special";
+  isMenuOpened: boolean;
+  private handleMenu;
+  componentWillRender(): void;
+  render(): HTMLZTableCellElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-deprecated/index.d.ts

@@ -1,59 +1,59 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import "../z-table-body/index";
-import "../z-table-cell/index";
-import "../z-table-empty-box/index";
-import "../z-table-expanded-row/index";
-import "../z-table-footer/index";
-import "../z-table-head/index";
-import "../z-table-header/index";
-import "../z-table-header-row/index";
-import "../z-table-row/index";
-import "../z-table-sticky-footer/index";
-/**
- * @slot - table elements
- * @slot sticky-footer - set the content of the sticky footer
- * @deprecated
- */
-export declare class ZTableDeprecated {
-  host: HTMLZTableDeprecatedElement;
-  /** Number of lines of element */
-  lines?: number;
-  /** Error message */
-  errorMessage?: string;
-  /** Sets table with border */
-  bordered?: boolean;
-  /** Sets call to action label */
-  callToActionLabel?: string;
-  /** Sets call to action label */
-  callToActionTwoLabel?: string;
-  /** Sets first column sticky */
-  columnSticky?: boolean;
-  /** Sets empty table */
-  empty?: boolean;
-  /** Set error status */
-  error?: boolean;
-  /** Set error status */
-  errorLink?: string;
-  /** Sets header sticky */
-  headerSticky?: boolean;
-  /** Set message */
-  message?: string;
-  /** Set subtitle */
-  subtitle?: string;
-  /** Set if has table content, useful when empty conte to who first column */
-  hasTableBody: boolean;
-  /** Handle mobile */
-  isMobile: boolean;
-  /** remove call to action event */
-  /** remove call to action event */
-  callToAction: EventEmitter;
-  /** remove call to action event */
-  callToActionTwo: EventEmitter;
-  handleResize(): void;
-  handleOrientationChange(): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  private renderError;
-  private renderEmpty;
-  render(): HTMLZTableDeprecatedElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import "../z-table-body/index";
+import "../z-table-cell/index";
+import "../z-table-empty-box/index";
+import "../z-table-expanded-row/index";
+import "../z-table-footer/index";
+import "../z-table-head/index";
+import "../z-table-header/index";
+import "../z-table-header-row/index";
+import "../z-table-row/index";
+import "../z-table-sticky-footer/index";
+/**
+ * @slot - table elements
+ * @slot sticky-footer - set the content of the sticky footer
+ * @deprecated
+ */
+export declare class ZTableDeprecated {
+  host: HTMLZTableDeprecatedElement;
+  /** Number of lines of element */
+  lines?: number;
+  /** Error message */
+  errorMessage?: string;
+  /** Sets table with border */
+  bordered?: boolean;
+  /** Sets call to action label */
+  callToActionLabel?: string;
+  /** Sets call to action label */
+  callToActionTwoLabel?: string;
+  /** Sets first column sticky */
+  columnSticky?: boolean;
+  /** Sets empty table */
+  empty?: boolean;
+  /** Set error status */
+  error?: boolean;
+  /** Set error status */
+  errorLink?: string;
+  /** Sets header sticky */
+  headerSticky?: boolean;
+  /** Set message */
+  message?: string;
+  /** Set subtitle */
+  subtitle?: string;
+  /** Set if has table content, useful when empty conte to who first column */
+  hasTableBody: boolean;
+  /** Handle mobile */
+  isMobile: boolean;
+  /** remove call to action event */
+  /** remove call to action event */
+  callToAction: EventEmitter;
+  /** remove call to action event */
+  callToActionTwo: EventEmitter;
+  handleResize(): void;
+  handleOrientationChange(): void;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  private renderError;
+  private renderEmpty;
+  render(): HTMLZTableDeprecatedElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-empty-box/index.d.ts

@@ -1,15 +1,15 @@
-/**
- * @deprecated
- */
-export declare class ZTableEmptyBox {
-  hostElement: HTMLZTableEmptyBoxElement;
-  /** Sets main title message*/
-  message?: string;
-  /** Sets message */
-  subtitle?: string;
-  /** Checks if cta1 or cta2 slots exist */
-  private hasCta1Slot;
-  private hasCta2Slot;
-  componentWillLoad(): void;
-  render(): HTMLZTableEmptyBoxElement;
-}
+/**
+ * @deprecated
+ */
+export declare class ZTableEmptyBox {
+  hostElement: HTMLZTableEmptyBoxElement;
+  /** Sets main title message*/
+  message?: string;
+  /** Sets message */
+  subtitle?: string;
+  /** Checks if cta1 or cta2 slots exist */
+  private hasCta1Slot;
+  private hasCta2Slot;
+  componentWillLoad(): void;
+  render(): HTMLZTableEmptyBoxElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-expanded-row/index.d.ts

@@ -1,8 +1,8 @@
-/**
- * @deprecated
- */
-export declare class ZTableExpandedRow {
-  /** Number table column plus 1 for the expand button */
-  colSpan: number;
-  render(): HTMLTableCellElement;
-}
+/**
+ * @deprecated
+ */
+export declare class ZTableExpandedRow {
+  /** Number table column plus 1 for the expand button */
+  colSpan: number;
+  render(): HTMLTableCellElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-footer/index.d.ts

@@ -1,8 +1,8 @@
-/**
- * @deprecated
- */
-export declare class ZTableFooter {
-  host: HTMLZTableFooterElement;
-  componentWillRender(): void;
-  render(): HTMLSlotElement;
-}
+/**
+ * @deprecated
+ */
+export declare class ZTableFooter {
+  host: HTMLZTableFooterElement;
+  componentWillRender(): void;
+  render(): HTMLSlotElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-head/index.d.ts

@@ -1,8 +1,8 @@
-/**
- * @deprecated
- */
-export declare class ZTableHead {
-  host: HTMLZTableHeadElement;
-  componentWillRender(): void;
-  render(): HTMLSlotElement;
-}
+/**
+ * @deprecated
+ */
+export declare class ZTableHead {
+  host: HTMLZTableHeadElement;
+  componentWillRender(): void;
+  render(): HTMLSlotElement;
+}