@zanichelli/albe-web-components 7.3.4 → 7.3.6

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-table/z-table/index.d.ts

@@ -1,48 +1,48 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-/**
- * @slot - table elements
- * @slot sticky-footer - set the content of the sticky footer
- */
-export declare class ZTable {
-  host: HTMLZTableElement;
-  /** 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(): HTMLZTableElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+/**
+ * @slot - table elements
+ * @slot sticky-footer - set the content of the sticky footer
+ */
+export declare class ZTable {
+  host: HTMLZTableElement;
+  /** 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(): HTMLZTableElement;
+}

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

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

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

@@ -1,12 +1,12 @@
-import { Size } from "../../../beans";
-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: Size;
-  isMenuOpened: boolean;
-  private handleMenu;
-  componentWillRender(): void;
-  render(): HTMLZTableCellElement;
-}
+import { Size } from "../../../beans";
+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: Size;
+  isMenuOpened: boolean;
+  private handleMenu;
+  componentWillRender(): void;
+  render(): HTMLZTableCellElement;
+}

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

@@ -1,12 +1,12 @@
-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;
-}
+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/components/z-table/z-table-expanded-row/index.d.ts

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

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

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

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

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

package/dist/types/components/z-table/z-table-header/index.d.ts

@@ -1,29 +1,29 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { Size, SortDirection } from "../../../beans";
-export declare class ZTableHeader {
-  host: HTMLZTableHeaderElement;
-  /** Column ID */
-  columnId: string;
-  /** Set padding size of cell, if special 0px padding will be set */
-  padding: Size;
-  /** [Optional] Make the header sortable */
-  sortable?: boolean;
-  /** [Optional] Show contextual menu button */
-  showButton?: boolean;
-  /** [Optional] Default sort order */
-  defaultSortDirection?: SortDirection;
-  /** Sort direction */
-  sortDirection: SortDirection;
-  private popover?;
-  private triggerButton?;
-  constructor();
-  /** [Optional] callback for sorting */
-  sort: EventEmitter;
-  private emitOnSort;
-  private handleSort;
-  private handleMenuClick;
-  handleOutsideClick(e: MouseEvent): void;
-  handleClickHeaders(e: MouseEvent): void;
-  componentWillRender(): void;
-  render(): HTMLZTableHeaderElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { Size, SortDirection } from "../../../beans";
+export declare class ZTableHeader {
+  host: HTMLZTableHeaderElement;
+  /** Column ID */
+  columnId: string;
+  /** Set padding size of cell, if special 0px padding will be set */
+  padding: Size;
+  /** [Optional] Make the header sortable */
+  sortable?: boolean;
+  /** [Optional] Show contextual menu button */
+  showButton?: boolean;
+  /** [Optional] Default sort order */
+  defaultSortDirection?: SortDirection;
+  /** Sort direction */
+  sortDirection: SortDirection;
+  private popover?;
+  private triggerButton?;
+  constructor();
+  /** [Optional] callback for sorting */
+  sort: EventEmitter;
+  private emitOnSort;
+  private handleSort;
+  private handleMenuClick;
+  handleOutsideClick(e: MouseEvent): void;
+  handleClickHeaders(e: MouseEvent): void;
+  componentWillRender(): void;
+  render(): HTMLZTableHeaderElement;
+}

package/dist/types/components/z-table/z-table-header-row/index.d.ts

@@ -1,6 +1,6 @@
-export declare class ZTableHeaderRow {
-  /** Row expandable flag */
-  expandable?: boolean;
-  private renderExpandHeader;
-  render(): HTMLZTableHeaderRowElement;
-}
+export declare class ZTableHeaderRow {
+  /** Row expandable flag */
+  expandable?: boolean;
+  private renderExpandHeader;
+  render(): HTMLZTableHeaderRowElement;
+}

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

@@ -1,13 +1,13 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { ZTableRowExpandedType } from "../../../beans";
-export declare class ZTableRow {
-  /** Table row expanded type */
-  expandedType: ZTableRowExpandedType;
-  expanded: boolean;
-  /** Row has been expanded */
-  expand: EventEmitter;
-  private emitOnExpand;
-  private handleExpand;
-  private renderExpandButton;
-  render(): HTMLZTableRowElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ZTableRowExpandedType } from "../../../beans";
+export declare class ZTableRow {
+  /** Table row expanded type */
+  expandedType: ZTableRowExpandedType;
+  expanded: boolean;
+  /** Row has been expanded */
+  expand: EventEmitter;
+  private emitOnExpand;
+  private handleExpand;
+  private renderExpandButton;
+  render(): HTMLZTableRowElement;
+}

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

@@ -1,6 +1,6 @@
-/**
- * @slot - table sticky footer content
- */
-export declare class ZTableStickyFooter {
-  render(): HTMLSlotElement;
-}
+/**
+ * @slot - table sticky footer content
+ */
+export declare class ZTableStickyFooter {
+  render(): HTMLSlotElement;
+}

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

@@ -1023,6 +1023,10 @@ export namespace Components {
         "underlined": boolean;
     }
     interface ZNavigationTab {
+        /**
+          * set aria-controls attribute to tab property identifying a corresponding tabpanel the aria-controls attribute refers to the id of the HTML element that has role="tabpanel" and that contains the actual content of this tab. ref: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls
+         */
+        "ariaControls"?: string;
         /**
           * Whether the tab is disabled.
          */
@@ -1051,8 +1055,16 @@ export namespace Components {
           * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
          */
         "size": NavigationTabsSize;
+        /**
+          * set id attribute to tab property identifying a corresponding tabpanel attribute aria-labelledby. ref: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role
+         */
+        "tabId"?: string;
     }
     interface ZNavigationTabLink {
+        /**
+          * set aria-controls attribute to tab property identifying a corresponding tabpanel (that has a tabpanel role) by that element's id. When an element with the tabpanel role has focus, or a child of it has focus, that indicates that the connected element with the tab role is the active tab in a tablist.
+         */
+        "ariaControls"?: string;
         /**
           * Whether the tab is disabled.
          */
@@ -1085,12 +1097,20 @@ export namespace Components {
           * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
          */
         "size": NavigationTabsSize;
+        /**
+          * set id attribute to tab property identifying a corresponding tabpanel (that has a tabpanel role) by that element's attribute  aria-labelledby.
+         */
+        "tabId"?: string;
         /**
           * Html `target` attribute for the anchor element.
          */
         "target": string;
     }
     interface ZNavigationTabs {
+        /**
+          * Set aria-label attribute in tablist role.
+         */
+        "ariaLabel"?: string;
         /**
           * Navigation tabs orientation.
          */
@@ -3672,6 +3692,10 @@ declare namespace LocalJSX {
         "underlined"?: boolean;
     }
     interface ZNavigationTab {
+        /**
+          * set aria-controls attribute to tab property identifying a corresponding tabpanel the aria-controls attribute refers to the id of the HTML element that has role="tabpanel" and that contains the actual content of this tab. ref: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls
+         */
+        "ariaControls"?: string;
         /**
           * Whether the tab is disabled.
          */
@@ -3704,8 +3728,16 @@ declare namespace LocalJSX {
           * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
          */
         "size"?: NavigationTabsSize;
+        /**
+          * set id attribute to tab property identifying a corresponding tabpanel attribute aria-labelledby. ref: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role
+         */
+        "tabId"?: string;
     }
     interface ZNavigationTabLink {
+        /**
+          * set aria-controls attribute to tab property identifying a corresponding tabpanel (that has a tabpanel role) by that element's id. When an element with the tabpanel role has focus, or a child of it has focus, that indicates that the connected element with the tab role is the active tab in a tablist.
+         */
+        "ariaControls"?: string;
         /**
           * Whether the tab is disabled.
          */
@@ -3742,12 +3774,20 @@ declare namespace LocalJSX {
           * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
          */
         "size"?: NavigationTabsSize;
+        /**
+          * set id attribute to tab property identifying a corresponding tabpanel (that has a tabpanel role) by that element's attribute  aria-labelledby.
+         */
+        "tabId"?: string;
         /**
           * Html `target` attribute for the anchor element.
          */
         "target"?: string;
     }
     interface ZNavigationTabs {
+        /**
+          * Set aria-label attribute in tablist role.
+         */
+        "ariaLabel"?: string;
         /**
           * Navigation tabs orientation.
          */

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

@@ -1,3 +1,3 @@
-declare const mobileBreakpoint = 767;
-declare const tabletBreakpoint = 1023;
-export { mobileBreakpoint, tabletBreakpoint };
+declare const mobileBreakpoint = 767;
+declare const tabletBreakpoint = 1023;
+export { mobileBreakpoint, tabletBreakpoint };

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/index.d.ts

@@ -1,7 +1,7 @@
-import { colorFromId } from "./utils/utils";
-declare const UTILS: {
-  colorFromId: typeof colorFromId;
-};
-export { UTILS as Utils };
-export * from "./components";
-export * from "./beans";
+import { colorFromId } from "./utils/utils";
+declare const UTILS: {
+  colorFromId: typeof colorFromId;
+};
+export { UTILS as Utils };
+export * from "./components";
+export * from "./beans";