@zanichelli/albe-web-components 19.3.0-RC5 → 19.3.0-RC6

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

@@ -1,98 +0,0 @@
-import { type TemplateResult } from "lit";
-import { PopoverPosition, VisibilityCondition } from "../../../beans";
-import { boolean } from "../../../utils/utils";
-import "../../z-button/index";
-import "./index";
-import "./index.stories.css";
-/**
- * ## Accessibility
- *
- * The `ZTable` and its related components comes with a set of roles and ARIA attributes to help screen readers to understand the table structure and its content.
- * The roles are mainly used to identify the table parts, since they are not the native HTML table elements.
- * The ARIA attributes used are the following:
- * - [`aria-sort`](https://www.w3.org/TR/wai-aria-1.1/#aria-sort) to identify the sorting direction of a column when sorting is enabled
- * - [`aria-expanded`](https://www.w3.org/TR/wai-aria-1.1/#aria-expanded) to identify if a row is expanded or not when expandable rows are enabled. The attribute is set on the button that expands the row, as explained in the [docs](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
- * - [`aria-controls`](https://www.w3.org/TR/wai-aria-1.1/#aria-controls) is used on the expandable row button to identify the content that is controlled by the button itself, as explained in the [docs](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls). Maybe the `aria-owns` attribute were more appropriate, but it is not supported on MacOS and iOS with VoiceOver, so we used `aria-controls` instead.
- * - [`aria-label`](https://www.w3.org/TR/wai-aria-1.1/#aria-label) is used on the expandable row button to provide a label for the button, since the button doesn't have any text content.
- */
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    args: {
-        bordered: true;
-        "--z-table--cells-padding": string;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: any) => TemplateResult<1>;
-};
-/**
- * Just set `expandable` prop on the `z-tr` element to make it expandable, then put an additional `z-td` as extended content.
- * If you put a clickable item as a child cell of a z-tr with `expandable` set to `true`, you need to set a "prevent-expand" class on that item, in order to prevent unwanted row expansions.
- */
-export declare const ExpandableRows: {
-    render: (args: any) => TemplateResult<1>;
-};
-/**
- * To make a column sticky, you need to set the `sticky` prop on the `z-th` and/or `z-td` elements of the same column.
- * For the header or footer, just set the `sticky` prop on the `z-thead` or `z-tfoot` element.
- */
-export declare const Sticky: {
-    args: {
-        stickyHeader: boolean;
-        stickyFooter: boolean;
-        stickFirstColumn: boolean;
-    };
-    render: (args: any) => TemplateResult<1>;
-};
-/**
- * Use the `showMenu` prop on `z-td` or `z-th`, setting a value of the enum `VisibilityCondition` (`HOVER` or `ALWAYS`), to show a contextual menu button on the cell. The content of the menu must be placed using the slot `contextual-menu`.
- * Use `popoverPosition` prop on `z-th` to set the position of contextual menu, default is `auto`.
- */
-export declare const CellsWithContextualMenu: {
-    argTypes: {
-        isFocusable: typeof boolean;
-        showMenu: {
-            control: {
-                type: string;
-                labels: {
-                    null: string;
-                };
-            };
-            popoverPosition: {
-                options: PopoverPosition[];
-                control: {
-                    type: string;
-                };
-            };
-            options: VisibilityCondition[];
-        };
-    };
-    args: {
-        isFocusable: boolean;
-        showMenu: VisibilityCondition;
-        popoverPosition: PopoverPosition;
-    };
-    render: (args: any) => TemplateResult<1>;
-};
-/**
- * Set the `sortDirection` prop to `SortDirection.ASC` or `SortDirection.DESC` to enable sorting and show the sort button.
- * Clicking the button will fire the `sort` event with the `sortDirection` as detail.
- */
-export declare const SortAction: {
-    argTypes: {
-        isFocusable: typeof boolean;
-        showSorting: {
-            options: VisibilityCondition[];
-            control: {
-                type: string;
-            };
-        };
-    };
-    args: {
-        isFocusable: boolean;
-        showSorting: VisibilityCondition;
-    };
-    render: (args: any) => TemplateResult<1>;
-};

package/dist/types/components/z-accordion/index.stories.d.ts

@@ -1,142 +0,0 @@
-import { Args } from "@storybook/web-components";
-import { type TemplateResult } from "lit";
-import { type ZAccordion } from ".";
-import { AccordionVariant, ControlSize } from "../../beans";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "../z-tag/index";
-import "./index";
-declare const cssPropsArgs: {
-    readonly "--z-accordion-bg": Args;
-    readonly "--z-accordion-label-color": Args;
-    readonly "--z-accordion-disabled-label-color": {
-        readonly if: {
-            readonly arg: "isDisabled";
-            readonly truthy: true;
-        };
-    };
-    readonly "--z-accordion-content-bg": Args;
-    readonly "--z-accordion-content-fg": Args;
-    readonly "--z-accordion-hover-color": Args;
-    readonly "--z-accordion-highlight-color": {
-        readonly if: {
-            readonly arg: "highlight";
-            readonly truthy: true;
-        };
-    };
-};
-type ZAccordionStoriesArgs = ZAccordion & CSSVarsArguments<keyof typeof cssPropsArgs | `z-accordion-${"left" | "right"}-padding` | "z-accordion-label-font-weight" | `z-accordion-highlight-color${number | undefined}`>;
-/**
- * To add the highlight band on the left, set the `highlight` property to `true` then set the `--z-accordion-highlight-color` CSS variable to the desired color.
- */
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        icon: {
-            options: string[];
-            control: {
-                type: "select";
-                labels: {
-                    null: string;
-                };
-            };
-        };
-        shadow: {
-            if: {
-                arg: string;
-                eq: AccordionVariant;
-            };
-        };
-        size: {
-            options: ControlSize[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-        variant: {
-            options: AccordionVariant[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-        "--z-accordion-bg": Args;
-        "--z-accordion-label-color": Args;
-        "--z-accordion-disabled-label-color": {
-            readonly if: {
-                readonly arg: "isDisabled";
-                readonly truthy: true;
-            };
-        };
-        "--z-accordion-content-bg": Args;
-        "--z-accordion-content-fg": Args;
-        "--z-accordion-hover-color": Args;
-        "--z-accordion-highlight-color": {
-            readonly if: {
-                readonly arg: "highlight";
-                readonly truthy: true;
-            };
-        };
-    };
-    args: {
-        "--z-accordion-bg": any;
-        "--z-accordion-label-color": any;
-        "--z-accordion-disabled-label-color": any;
-        "--z-accordion-content-bg": any;
-        "--z-accordion-content-fg": any;
-        "--z-accordion-hover-color": any;
-        "--z-accordion-highlight-color": string;
-        "--z-accordion-right-padding": string;
-        "--z-accordion-left-padding": string;
-        "--z-accordion-label-font-weight": string;
-        highlight: false;
-        icon: any;
-        isDisabled: false;
-        label: string;
-        open: false;
-        shadow: true;
-        size: ControlSize.BIG;
-        variant: AccordionVariant.DEFAULT;
-    };
-    render: (args: Args) => TemplateResult;
-};
-export default StoryMeta;
-export declare const Default: {};
-/**
- * When multiple `ZAccordion`s are placed in stack, the style is automatically optimized through global styles.
- */
-export declare const Stack: {
-    argTypes: {
-        "--z-accordion-highlight-color2": {
-            readonly if: {
-                readonly arg: "highlight";
-                readonly truthy: true;
-            };
-        };
-        "--z-accordion-highlight-color3": {
-            readonly if: {
-                readonly arg: "highlight";
-                readonly truthy: true;
-            };
-        };
-        "--z-accordion-highlight-color4": {
-            readonly if: {
-                readonly arg: "highlight";
-                readonly truthy: true;
-            };
-        };
-    };
-    args: {
-        "--z-accordion-highlight-color2": string;
-        "--z-accordion-highlight-color3": string;
-        "--z-accordion-highlight-color4": string;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZAccordionStoriesArgs) => TemplateResult<1>;
-};
-export declare const WithTags: {
-    render: (args: ZAccordionStoriesArgs) => TemplateResult<1>;
-};

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

@@ -1,34 +0,0 @@
-import { ZAnchorNavigation } from ".";
-import "../z-button/index";
-import "../z-icon/index";
-import "./index";
-import "./index.stories.css";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    args: {
-        hideUnselected: false;
-        collapsedLabel: string;
-        isCollapsed: false;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZAnchorNavigation) => import("lit-html").TemplateResult<1>;
-};
-/**
- * Setting `autoCurrent` to `false` disables the automatic highlighting of the current section in the anchor navigation
- * and allows manual handling.
- * In this story, for example, the highlighting of the current section is done by clicking on the related button.
- */
-export declare const AutoCurrentDisabling: {
-    args: {
-        autoCurrent: false;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZAnchorNavigation) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,121 +0,0 @@
-import { TemplateResult } from "lit";
-import { ZAppHeader } from ".";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "../z-menu-section/index";
-import "../z-menu/index";
-import "./index";
-import "./index.stories.css";
-type ZAppHeaderStoriesArgs = ZAppHeader & CSSVarsArguments<"app-header-content-max-width">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    parameters: {
-        layout: string;
-    };
-    subcomponents: {
-        ZMenu: string;
-        ZMenuSection: string;
-    };
-    args: {
-        "--app-header-content-max-width": string;
-        enableSearch: false;
-        searchPageUrl: string;
-        enableZLogo: false;
-        enableOffcanvas: false;
-    };
-};
-export default StoryMeta;
-export declare const Title: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
-};
-export declare const ProductLogo: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
-};
-export declare const TopTitle: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
-};
-export declare const TopTitleWithProductLogo: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
-};
-export declare const CustomMenuButton: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
-};
-export declare const MenuWithTopTitle: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
-};
-export declare const MenuWithTopTitleAndProductLogo: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
-};
-export declare const LongTitle: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
-};
-export declare const OffcanvasMenu: {
-    args: {
-        enableOffcanvas: true;
-    };
-    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
-};
-export declare const Stuck: {
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/web-components").WebComponentsRenderer, ZAppHeaderStoriesArgs>) => TemplateResult<1>)[];
-    parameters: {
-        docs: {
-            story: {
-                inline: boolean;
-                iframeHeight: string;
-            };
-        };
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
-};
-export declare const SearchPageButton: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/web-components").WebComponentsRenderer, ZAppHeaderStoriesArgs>) => TemplateResult<1>)[];
-    render: (args: ZAppHeaderStoriesArgs) => TemplateResult<1>;
-};

package/dist/types/components/z-aria-alert/index.stories.d.ts

@@ -1,26 +0,0 @@
-import { ZAriaAlertMode } from "../../beans";
-import "../z-button/index";
-import "../z-visually-hidden/index";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        mode: {
-            control: {
-                type: "select";
-            };
-            options: ZAriaAlertMode[];
-        };
-    };
-    args: {
-        mode: ZAriaAlertMode.POLITE;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-export declare const VisuallyHidden: {
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};

package/dist/types/components/z-avatar/index.stories.d.ts

@@ -1,42 +0,0 @@
-import { ZAvatar } from ".";
-import { AvatarSize } from "../../beans";
-import "./index";
-/**
- * Pass at least one prop between `text` and `image`.
- * If prop `image` contains a broken URL, the component will show `text` prop, if given.
- */
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        size: {
-            options: AvatarSize[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-        textColor: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        backgroundColor: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-    };
-    args: {
-        size: AvatarSize.MEDIUM;
-        text: string;
-        textColor: string;
-        backgroundColor: string;
-        image: string;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZAvatar) => import("lit-html").TemplateResult<1>;
-};

package/dist/types/components/z-book-cover/index.stories.d.ts

@@ -1,21 +0,0 @@
-import { type ZBookCover } from ".";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "./index";
-type ZBookCoverStoriesArgs = ZBookCover & CSSVarsArguments<"--z-book-cover-height" | "--z-book-cover-border-radius" | "--z-book-cover-stack-shift-x" | "--z-book-cover-stack-shift-y">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    args: {
-        cover: string;
-        bordered: false;
-        multiple: false;
-        "--z-book-cover-height": string;
-        "--z-book-cover-border-radius": string;
-        "--z-book-cover-stack-shift-x": string;
-        "--z-book-cover-stack-shift-y": string;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZBookCoverStoriesArgs) => import("lit-html").TemplateResult<1>;
-};

package/dist/types/components/z-breadcrumb/index.stories.d.ts

@@ -1,52 +0,0 @@
-import { ZBreadcrumb } from ".";
-import { BreadcrumbHomepageVariant, BreadcrumbPathStyle } from "../../beans";
-import "./index";
-import "./style.stories.css";
-/**
- * Breadcrumb is a relevant component for SEO oriented applications.
- * As the crawlers flatten the light dom and the shadow dom, it is important to move all the relevant SEO content in the light DOM, to not affect indexability.
- *
- * The component will handle the logic for generating the proper markup inside the shadow dom.
- * No slot is rendered inside the latter.
- * Like the other use case, don't pass a custom label to the first child because it will be overwritten by the default home value.
- * This mode can be also used by SEO non-relevant application.
- * @example```
- * <z-breadcrumb>
- *  <a href="./home_link"></a>
- *  <a href="./link1">link1</a>
- *  <a href="./link2">link2</a>
- *  <a href="./link3">link3</a>
- * </z-breadcrumb>```
- *
- * This component follows the accessibility guidelines provided by W3C https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/examples/breadcrumb/
- */
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        pathStyle: {
-            options: BreadcrumbPathStyle[];
-            control: {
-                type: "select";
-            };
-        };
-        homepageVariant: {
-            options: BreadcrumbHomepageVariant[];
-            control: {
-                type: "select";
-            };
-        };
-    };
-    args: {
-        pathStyle: BreadcrumbPathStyle.SEMIBOLD;
-        homepageVariant: BreadcrumbHomepageVariant.ICON;
-        maxNodesToShow: number;
-        preventFollowUrl: false;
-        overflowMenuItemRows: number;
-        truncateChar: number;
-    };
-};
-export default StoryMeta;
-export declare const Breadcrumb: {
-    render: (args: ZBreadcrumb) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,79 +0,0 @@
-import { type ZButton } from ".";
-import { ButtonVariant, ControlSize, IconPosition } from "../../beans";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    args: {
-        variant: ButtonVariant.PRIMARY;
-        size: ControlSize.BIG;
-        disabled: false;
-        icon: string;
-        iconPosition: IconPosition.LEFT;
-        ariaLabel: string;
-        htmlrole: string;
-    };
-    argTypes: {
-        variant: {
-            options: ButtonVariant[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-        size: {
-            options: ControlSize[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-        iconPosition: {
-            options: IconPosition[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-    };
-    render: (args: ZButton) => import("lit-html").TemplateResult<1>;
-};
-export default StoryMeta;
-export declare const Primary: {};
-export declare const SecondaryXSmall: {
-    args: {
-        variant: ButtonVariant.SECONDARY;
-        size: ControlSize.X_SMALL;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export declare const TertiarySmall: {
-    args: {
-        variant: ButtonVariant.TERTIARY;
-        size: ControlSize.SMALL;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export declare const IconOnly: {
-    render: (args: ZButton) => import("lit-html").TemplateResult<1>;
-};
-export declare const LinkButton: {
-    args: {
-        icon: string;
-        href: string;
-        target: string;
-        role: string;
-    };
-    render: (args: ZButton) => import("lit-html").TemplateResult<1>;
-};
-export declare const IconRight: {
-    args: {
-        icon: string;
-        iconPosition: IconPosition.RIGHT;
-    };
-};

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

@@ -1,22 +0,0 @@
-import type { ZButtonSort } from ".";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    args: {
-        label: string;
-        counter: number;
-        desclabel: string;
-        sortlabelasc: string;
-        sortlabeldesc: string;
-        isselected: true;
-        sortasc: true;
-    };
-    render: (args: ZButtonSort) => import("lit-html").TemplateResult<1>;
-};
-export default StoryMeta;
-export declare const Default: {};
-export declare const Ellipsis: {
-    args: {
-        label: string;
-    };
-};