@zanichelli/albe-web-components 9.1.2 → 9.2.0

package/dist/types/components/navigation/tabs/z-navigation-tab/index.d.ts

@@ -1,62 +1,62 @@
-import { NavigationTabsOrientation, NavigationTabsSize } from "../../../../beans";
-/**
- * Single tab component to use inside `z-navigation-tabs`. It renders a button.
- */
-export declare class ZNavigationTab {
-  /**
-   * 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;
-  /**
-   * 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;
-  /**
-   * Whether the tab is selected.
-   */
-  selected?: boolean;
-  /**
-   * Whether the tab is disabled.
-   */
-  disabled?: boolean;
-  /**
-   * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.
-   */
-  orientation: NavigationTabsOrientation;
-  /**
-   * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
-   */
-  size: NavigationTabsSize;
-  /**
-   * Name of the icon to use.
-   * The `filled` version will be automatically used (if found) when the tab is `selected`.
-   */
-  icon: string;
-  /**
-   * Label to show in the tab.
-   */
-  label: string;
-  /**
-   * Html `title` attribute for the button.
-   */
-  htmlTitle: string;
-  /**
-   * The tab has been selected.
-   */
-  private selectedEvent;
-  /**
-   * Scroll into view to center the tab.
-   */
-  private scrollToTab;
-  onClick(): void;
-  onSelected(): void;
-  /**
-   * Render the icon component using the icon's name passed from prop.
-   * Use the `filled` version when the tab is `selected`.
-   * @returns {HTMLElement}
-   */
-  private renderIcon;
-  render(): HTMLButtonElement;
-}
+import { NavigationTabsOrientation, NavigationTabsSize } from "../../../../beans";
+/**
+ * Single tab component to use inside `z-navigation-tabs`. It renders a button.
+ */
+export declare class ZNavigationTab {
+  /**
+   * 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;
+  /**
+   * 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;
+  /**
+   * Whether the tab is selected.
+   */
+  selected?: boolean;
+  /**
+   * Whether the tab is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.
+   */
+  orientation: NavigationTabsOrientation;
+  /**
+   * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
+   */
+  size: NavigationTabsSize;
+  /**
+   * Name of the icon to use.
+   * The `filled` version will be automatically used (if found) when the tab is `selected`.
+   */
+  icon: string;
+  /**
+   * Label to show in the tab.
+   */
+  label: string;
+  /**
+   * Html `title` attribute for the button.
+   */
+  htmlTitle: string;
+  /**
+   * The tab has been selected.
+   */
+  private selectedEvent;
+  /**
+   * Scroll into view to center the tab.
+   */
+  private scrollToTab;
+  onClick(): void;
+  onSelected(): void;
+  /**
+   * Render the icon component using the icon's name passed from prop.
+   * Use the `filled` version when the tab is `selected`.
+   * @returns {HTMLElement}
+   */
+  private renderIcon;
+  render(): HTMLButtonElement;
+}

package/dist/types/components/navigation/tabs/z-navigation-tab-link/index.d.ts

@@ -1,72 +1,72 @@
-import { NavigationTabsOrientation, NavigationTabsSize } from "../../../../beans";
-/**
- * Single tab component to use inside `z-navigation-tabs`. It renders an anchor element.
- */
-export declare class 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;
-  /**
-   * set id attribute to tab property identifying a corresponding tabpanel
-   * (that has a tabpanel role) by that element's attribute  aria-labelledby.
-   */
-  tabId?: string;
-  /**
-   * Whether the tab is selected.
-   */
-  selected?: boolean;
-  /**
-   * Whether the tab is disabled.
-   */
-  disabled?: boolean;
-  /**
-   * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.
-   */
-  orientation: NavigationTabsOrientation;
-  /**
-   * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
-   */
-  size: NavigationTabsSize;
-  /**
-   * Html title attribute for the anchor element.
-   */
-  htmlTitle: string;
-  /**
-   * Html `target` attribute for the anchor element.
-   */
-  target: string;
-  /**
-   * Url to set to the anchor element.
-   */
-  href: string;
-  /**
-   * Name of the icon to use.
-   * The `filled` version will be automatically used (if found) when the tab is `selected`.
-   */
-  icon: string;
-  /**
-   * Label to show in the tab.
-   */
-  label: string;
-  /**
-   * The tab has been selected.
-   */
-  private selectedEvent;
-  /**
-   * Scroll into view to center the tab.
-   */
-  private scrollToTab;
-  onClick(): void;
-  onSelected(): void;
-  /**
-   * Render the icon component using the icon's name passed from prop.
-   * Use the `filled` version when the tab is `selected`.
-   * @returns {HTMLElement}
-   */
-  private renderIcon;
-  render(): HTMLAnchorElement;
-}
+import { NavigationTabsOrientation, NavigationTabsSize } from "../../../../beans";
+/**
+ * Single tab component to use inside `z-navigation-tabs`. It renders an anchor element.
+ */
+export declare class 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;
+  /**
+   * set id attribute to tab property identifying a corresponding tabpanel
+   * (that has a tabpanel role) by that element's attribute  aria-labelledby.
+   */
+  tabId?: string;
+  /**
+   * Whether the tab is selected.
+   */
+  selected?: boolean;
+  /**
+   * Whether the tab is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.
+   */
+  orientation: NavigationTabsOrientation;
+  /**
+   * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
+   */
+  size: NavigationTabsSize;
+  /**
+   * Html title attribute for the anchor element.
+   */
+  htmlTitle: string;
+  /**
+   * Html `target` attribute for the anchor element.
+   */
+  target: string;
+  /**
+   * Url to set to the anchor element.
+   */
+  href: string;
+  /**
+   * Name of the icon to use.
+   * The `filled` version will be automatically used (if found) when the tab is `selected`.
+   */
+  icon: string;
+  /**
+   * Label to show in the tab.
+   */
+  label: string;
+  /**
+   * The tab has been selected.
+   */
+  private selectedEvent;
+  /**
+   * Scroll into view to center the tab.
+   */
+  private scrollToTab;
+  onClick(): void;
+  onSelected(): void;
+  /**
+   * Render the icon component using the icon's name passed from prop.
+   * Use the `filled` version when the tab is `selected`.
+   * @returns {HTMLElement}
+   */
+  private renderIcon;
+  render(): HTMLAnchorElement;
+}

package/dist/types/components/navigation/tabs/z-navigation-tabs/index.d.ts

@@ -1,88 +1,88 @@
-import { NavigationTabsSize, NavigationTabsOrientation } from "../../../../beans";
-/**
- * Navigation tabs component.
- * @slot - Main slot. Use `z-navigation-tab` or `z-navigation-tab-link` components as children.
- */
-export declare class ZNavigationTabs {
-  /**
-   * Set aria-label attribute in tablist role.
-   */
-  ariaLabel?: string;
-  /**
-   * Navigation tabs orientation.
-   */
-  orientation?: NavigationTabsOrientation;
-  /**
-   * Navigation tabs size.
-   */
-  size?: NavigationTabsSize;
-  /**
-   * Whether to show navigation buttons.
-   */
-  canNavigate: boolean;
-  /**
-   * Whether backwards navigation is enabled.
-   */
-  canNavigatePrev: boolean;
-  /**
-   * Whether forward navigation is enabled.
-   */
-  canNavigateNext: boolean;
-  /**
-   * tab focus index.
-   */
-  tabFocus: number;
-  host: HTMLZNavigationTabsElement;
-  private tabsNav;
-  /**
-   * Getter for the direction to check based on current orientation.
-   */
-  get direction(): string;
-  /**
-   * Getter for the dimension to check based on current orientation.
-   */
-  get dimension(): string;
-  /**
-   * Set the `size` prop to all `z-navigation-tab` children.
-   */
-  setChildrenSize(): void;
-  /**
-   * Set the `orientation` prop to all `z-navigation-tab` children.
-   */
-  setChildrenOrientation(): void;
-  /**
-   * Check if the navigation buttons are needed on window resize.
-   */
-  checkScrollVisible(): void;
-  /**
-   * Check if navigation buttons can be enabled for each direction.
-   */
-  checkScrollEnabled(): void;
-  /**
-   * Listen for child tab selection.
-   * Deselect all other previously selected tabs,
-   * then scroll to the new selected tab and center it.
-   * @param {CustomEvent} event `selected` event triggered by a child tab
-   */
-  onTabSelected(event: CustomEvent): void;
-  /**
-   * Scroll the navigation bar half of its size backward.
-   */
-  private navigateBackwards;
-  /**
-   * Scroll the navigation bar half of its size forward.
-   */
-  private navigateForward;
-  /**
-   * move focus though tabs using keyboad arrows.
-   */
-  private navigateThroughTabs;
-  /**
-   * move focus though tabs using keyboad arrows.
-   */
-  private isArrowNavigation;
-  private setTabindex;
-  componentWillLoad(): void;
-  componentDidRender(): void;
-  render(): HTMLZNavigationTabsElement;
-}
+import { NavigationTabsSize, NavigationTabsOrientation } from "../../../../beans";
+/**
+ * Navigation tabs component.
+ * @slot - Main slot. Use `z-navigation-tab` or `z-navigation-tab-link` components as children.
+ */
+export declare class ZNavigationTabs {
+  /**
+   * Set aria-label attribute in tablist role.
+   */
+  ariaLabel?: string;
+  /**
+   * Navigation tabs orientation.
+   */
+  orientation?: NavigationTabsOrientation;
+  /**
+   * Navigation tabs size.
+   */
+  size?: NavigationTabsSize;
+  /**
+   * Whether to show navigation buttons.
+   */
+  canNavigate: boolean;
+  /**
+   * Whether backwards navigation is enabled.
+   */
+  canNavigatePrev: boolean;
+  /**
+   * Whether forward navigation is enabled.
+   */
+  canNavigateNext: boolean;
+  /**
+   * tab focus index.
+   */
+  tabFocus: number;
+  host: HTMLZNavigationTabsElement;
+  private tabsNav;
+  /**
+   * Getter for the direction to check based on current orientation.
+   */
+  get direction(): string;
+  /**
+   * Getter for the dimension to check based on current orientation.
+   */
+  get dimension(): string;
+  /**
+   * Set the `size` prop to all `z-navigation-tab` children.
+   */
+  setChildrenSize(): void;
+  /**
+   * Set the `orientation` prop to all `z-navigation-tab` children.
+   */
+  setChildrenOrientation(): void;
+  /**
+   * Check if the navigation buttons are needed on window resize.
+   */
+  checkScrollVisible(): void;
+  /**
+   * Check if navigation buttons can be enabled for each direction.
+   */
+  checkScrollEnabled(): void;
+  /**
+   * Listen for child tab selection.
+   * Deselect all other previously selected tabs,
+   * then scroll to the new selected tab and center it.
+   * @param {CustomEvent} event `selected` event triggered by a child tab
+   */
+  onTabSelected(event: CustomEvent): void;
+  /**
+   * Scroll the navigation bar half of its size backward.
+   */
+  private navigateBackwards;
+  /**
+   * Scroll the navigation bar half of its size forward.
+   */
+  private navigateForward;
+  /**
+   * move focus though tabs using keyboad arrows.
+   */
+  private navigateThroughTabs;
+  /**
+   * move focus though tabs using keyboad arrows.
+   */
+  private isArrowNavigation;
+  private setTabindex;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  render(): HTMLZNavigationTabsElement;
+}