@zanichelli/albe-web-components 19.2.12-rc3 → 19.2.12

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;
-    };
-};

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

@@ -1,75 +0,0 @@
-import { ZCard } from ".";
-import { CardVariant } from "../../beans";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "../z-icon/index";
-import "./index";
-import "./index.stories.css";
-type ZCardStoriesArgs = ZCard & CSSVarsArguments<"z-card--color-cover-background" | "z-card--color-cover-background" | "z-card--text-border" | "z-card--text-border-radius" | "z-card--text-padding">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        variant: {
-            control: {
-                type: "inline-radio";
-                labels: {
-                    null: string;
-                };
-            };
-            options: CardVariant[];
-        };
-    };
-    args: {
-        variant: any;
-        showShadow: false;
-        clickable: false;
-    };
-};
-export default StoryMeta;
-export declare const WithImage: {
-    render: (args: ZCardStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const WithImageAndIcon: {
-    args: {
-        coverIcon: string;
-    };
-    render: (args: ZCardStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const ColorCover: {
-    args: {
-        "--z-card--color-cover-background": string;
-    };
-    render: (args: ZCardStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const TextVariantPrimaryBackground: {
-    args: {
-        "--z-card--text-border-radius": string;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZCardStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const TextVariantSurfaceBackgroundAndBordered: {
-    args: {
-        "--z-card--text-border": string;
-        "--z-card--text-border-radius": string;
-        "--z-card--text-padding": string;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZCardStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const WithImageAndClickListener: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZCardStoriesArgs) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,100 +0,0 @@
-import { type ZCarousel } from ".";
-import { CarouselArrowsPosition, CarouselProgressMode } from "../../beans";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "../z-ghost-loading/index";
-import "./index";
-import "./index.stories.css";
-type ZCarouselStoriesArgs = ZCarousel & {
-    itemsCount: number;
-} & CSSVarsArguments<"z-carousel-gutter">;
-/**
- * This component was conceived as a list of elements to respect the rules of accessibility (https://www.w3.org/WAI/tutorials/carousels/working-example/).
- * Pass any number of elements inside its main `slot`.
- * @example```
- * <z-carousel>
- *  <li>element</li>
- *  <li>element</li>
- *  <li>element</li>
- * </z-carousel>
- * ```
- * > Note: always use `li` elements as direct children of `z-carousel`, as it wraps them with an `ul` element.
- * You can set the gutter between the elements by using the `--z-carousel-gutter` custom property.
- * @example```
- * z-carousel {
- *  --z-carousel-gutter: calc(var(--space-unit) * 2);
- * }```
- */
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/web-components").WebComponentsRenderer, ZCarouselStoriesArgs>) => import("lit-html").TemplateResult<1>)[];
-};
-export default StoryMeta;
-export declare const SlideshowWithArrowsOver: {
-    args: {
-        label: string;
-        "--z-carousel-gutter": string;
-        infinite: false;
-        fixedArrows: true;
-        itemsCount: number;
-    };
-    render: (args: ZCarouselStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const SingleMode: {
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        arrowsPosition: {
-            control: {
-                type: "inline-radio";
-            };
-            options: CarouselArrowsPosition[];
-        };
-        progressMode: {
-            control: {
-                type: "inline-radio";
-            };
-            options: CarouselProgressMode[];
-        };
-    };
-    args: {
-        label: string;
-        progressMode: CarouselProgressMode.DOTS;
-        arrowsPosition: CarouselArrowsPosition.BOTTOM;
-        infinite: false;
-        fixedArrows: true;
-        itemsCount: number;
-    };
-    render: (args: ZCarouselStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-/**
- * You can handle ghost loading for the whole z-carousel by setting two properties:
- * - `isLoading` (boolean): to show a `z-ghost-loading` component instead of the carousel content.
- * - `ghostLoadingHeight` (number): to set the height of the `z-ghost-loading` component.
- * You can also manually handle ghost loading by putting <z-ghost-loading> elements as items.
- */
-export declare const GhostLoading: {
-    args: {
-        label: string;
-        ghostLoadingHeight: number;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZCarouselStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const LoadingItems: {
-    args: {
-        label: string;
-        "--z-carousel-gutter": string;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZCarouselStoriesArgs) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,46 +0,0 @@
-import { type ZChip } from ".";
-import { ZChipType } from "../../beans";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    argTypes: {
-        type: {
-            options: ZChipType[];
-            control: {
-                type: "radio";
-            };
-        };
-    };
-    args: {
-        type: ZChipType.DEFAULT;
-        icon: string;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZChip) => import("lit-html").TemplateResult<1>;
-};
-export declare const DifferentFontWeight: {
-    render: (args: ZChip) => import("lit-html").TemplateResult<1>;
-};
-export declare const InteractiveIcon: {
-    argTypes: {
-        icon: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        interactiveIcon: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-    };
-    args: {
-        interactiveIcon: string;
-        disabled: false;
-    };
-    render: (args: ZChip) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,33 +0,0 @@
-import { ZColorPicker } from ".";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        lng: {
-            control: {
-                type: "inline-radio";
-            };
-            options: string[];
-        };
-        selectedColor: {
-            control: {
-                type: "select";
-                labels: {
-                    [k: string]: "Trasparente" | "Bianco" | "Grigio" | "Grigio scuro 1" | "Grigio scuro 2" | "Rosso chiaro 1" | "Rosso chiaro 2" | "Rosso" | "Rosso scuro 1" | "Rosso scuro 2" | "Arancione chiaro 1" | "Arancione chiaro 2" | "Arancione" | "Arancione scuro 1" | "Arancione scuro 2" | "Giallo chiaro 1" | "Giallo chiaro 2" | "Giallo" | "Giallo scuro 1" | "Giallo scuro 2" | "Verde chiaro 1" | "Verde chiaro 2" | "Verde" | "Verde scuro 1" | "Verde scuro 2" | "Verde acqua chiaro 1" | "Verde acqua chiaro 2" | "Verde acqua" | "Verde acqua scuro 1" | "Verde acqua scuro 2" | "Azzurro chiaro 1" | "Azzurro chiaro 2" | "Azzurro" | "Azzurro scuro 1" | "Azzurro scuro 2" | "Viola chiaro 1" | "Viola chiaro 2" | "Viola" | "Viola scuro 1" | "Viola scuro 2" | "Rosa chiaro 1" | "Rosa chiaro 2" | "Rosa" | "Rosa scuro 1" | "Rosa scuro 2";
-                };
-            };
-            options: string[];
-        };
-    };
-    args: {
-        lng: "it";
-        htmlAriaLabel: string;
-        selectedColor: any;
-        disableTransparent: false;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZColorPicker) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,58 +0,0 @@
-import { ZCombobox } from ".";
-import { ControlSize } from "../../beans";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        items: {
-            control: {
-                type: "object";
-            };
-        };
-        size: {
-            control: {
-                type: "inline-radio";
-            };
-            options: ControlSize[];
-        };
-    };
-    args: {
-        items: {
-            id: string;
-            name: string;
-            checked: false;
-            category: string;
-        }[];
-        checkalltext: string;
-        disabled: false;
-        hascheckall: true;
-        hassearch: true;
-        inputid: string;
-        isfixed: true;
-        isopen: true;
-        label: string;
-        maxcheckableitems: number;
-        hasgroupitems: false;
-        noresultslabel: string;
-        searchlabel: string;
-        searchplaceholder: string;
-        searchtitle: string;
-        uncheckalltext: string;
-        size: ControlSize.BIG;
-        htmlAriaLabel: string;
-    };
-    render: (args: ZCombobox) => import("lit-html").TemplateResult<1>;
-};
-export default StoryMeta;
-export declare const Default: {};
-export declare const Groups: {
-    args: {
-        hasgroupitems: true;
-    };
-};
-export declare const Disabled: {
-    args: {
-        disabled: true;
-    };
-};

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

@@ -1,113 +0,0 @@
-import { type ZCoverHero } from ".";
-import { CoverHeroContentPosition, CoverHeroVariant } from "../../beans";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "../z-button/index";
-import "../z-info-reveal/index";
-import "./index";
-import "./index.stories.css";
-type ZCoverHeroStoriesArgs = ZCoverHero & CSSVarsArguments<"cover-hero-text-color" | "cover-hero-overlay" | "cover-hero-aspect-ratio">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        variant: {
-            control: {
-                type: "inline-radio";
-            };
-            options: CoverHeroVariant[];
-        };
-        contentPosition: {
-            if: {
-                arg: string;
-                eq: CoverHeroVariant;
-            };
-            control: {
-                type: "inline-radio";
-            };
-            options: CoverHeroContentPosition[];
-        };
-        "--cover-hero-text-color": import("@storybook/web-components").Args;
-        "--cover-hero-overlay": {
-            if: {
-                arg: string;
-                eq: CoverHeroVariant;
-            };
-        };
-        "--cover-hero-aspect-ratio": {
-            if: {
-                arg: string;
-            };
-            control: {
-                type: "text";
-            };
-        };
-    };
-    args: {
-        variant: CoverHeroVariant.OVERLAY;
-        contentPosition: CoverHeroContentPosition.TOP;
-        preserveAspectRatio: true;
-        "--cover-hero-aspect-ratio": any;
-        "--cover-hero-overlay": string;
-        "--cover-hero-text-color": string;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZCoverHeroStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const CustomAspectRatio: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    args: {
-        "--cover-hero-aspect-ratio": string;
-    };
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-export declare const AutoAspectRatio: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    args: {
-        "--cover-hero-aspect-ratio": string;
-    };
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-export declare const WithoutPreservingAspectRatio: {
-    argTypes: {
-        variant: {
-            table: {
-                disable: boolean;
-            };
-        };
-        preserveAspectRatio: {
-            table: {
-                disable: boolean;
-            };
-        };
-        "--cover-hero-aspect-ratio": {
-            table: {
-                disable: boolean;
-            };
-        };
-    };
-    args: {
-        textContent: string;
-    };
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-export declare const StackedVariant: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    args: {
-        variant: CoverHeroVariant;
-    };
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};