@zanichelli/albe-web-components 19.3.0-rc1 → 19.4.0

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

@@ -1,102 +0,0 @@
-import { type ZPagination } from ".";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "./index";
-type ZPaginationStoriesArgs = ZPagination & CSSVarsArguments<"--z-pagination-background-color" | "--z-pagination-background-color-hover">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        totalPages: {
-            control: {
-                type: "number";
-                min: number;
-            };
-        };
-        visiblePages: {
-            control: {
-                type: "number";
-                min: number;
-            };
-            if: {
-                arg: string;
-                truthy: false;
-            };
-        };
-        currentPage: {
-            control: {
-                type: "number";
-                min: number;
-            };
-        };
-        skip: {
-            control: {
-                type: "number";
-                min: number;
-            };
-        };
-        edges: {
-            if: {
-                arg: string;
-                truthy: false;
-            };
-        };
-        split: {
-            control: {
-                type: "number";
-                min: number;
-            };
-        };
-        "--z-pagination-background-color": import("@storybook/web-components").Args;
-        "--z-pagination-background-color-hover": import("@storybook/web-components").Args;
-    };
-    args: {
-        label: string;
-        navArrows: true;
-        totalPages: number;
-        visiblePages: number;
-        currentPage: number;
-        goToPage: false;
-        split: any;
-        skip: number;
-        edges: false;
-        "--z-pagination-background-color": string;
-        "--z-pagination-background-color-hover": string;
-    };
-    render: (args: ZPaginationStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export default StoryMeta;
-export declare const VisiblePages: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-/**
- * > Note that enabling `split` will shut off `visiblePages` and `edges`.
- */
-export declare const Split: {
-    args: {
-        split: number;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export declare const Edges: {
-    args: {
-        edges: true;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export declare const Skip: {
-    args: {
-        skip: number;
-    };
-};

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

@@ -1,18 +0,0 @@
-import { type ZPanelElem } from ".";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    args: {
-        imgurl: string;
-        linkicon: string;
-        linklabel: string;
-        url: string;
-        elemid: string;
-        isdisabled: false;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZPanelElem) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,82 +0,0 @@
-import { ZPopover } from ".";
-import { PopoverPosition } from "../../beans";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "../list/z-list-element/index";
-import "../list/z-list/index";
-import "../z-button/index";
-import "../z-offcanvas/index";
-import "./index";
-import "./index.stories.css";
-type ZPopoverStoriesArgs = ZPopover & CSSVarsArguments<"--z-popover-theme--surface" | "--z-popover-theme--text" | "--z-popover-padding" | "--z-popover-shadow-filter">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        position: {
-            options: (PopoverPosition.TOP | PopoverPosition.RIGHT | PopoverPosition.BOTTOM | PopoverPosition.LEFT | PopoverPosition.TOP_RIGHT | PopoverPosition.TOP_LEFT | PopoverPosition.BOTTOM_RIGHT | PopoverPosition.BOTTOM_LEFT | PopoverPosition.RIGHT_TOP | PopoverPosition.RIGHT_BOTTOM | PopoverPosition.LEFT_TOP | PopoverPosition.LEFT_BOTTOM)[];
-            control: {
-                type: "select";
-                labels: {
-                    null: string;
-                };
-            };
-        };
-        "--z-popover-theme--surface": import("@storybook/web-components").Args;
-        "--z-popover-theme--text": import("@storybook/web-components").Args;
-    };
-    args: {
-        position: any;
-        "--z-popover-theme--surface": string;
-        "--z-popover-theme--text": string;
-        "--z-popover-padding": string;
-    };
-    parameters: {
-        onTriggerClick: (event: MouseEvent) => void;
-        docs: {
-            story: {
-                inline: boolean;
-                iframeHeight: number;
-            };
-        };
-    };
-};
-export default StoryMeta;
-export declare const Demo: {
-    args: {
-        "--z-popover-padding": string;
-        "--z-popover-shadow-filter": string;
-        center: false;
-        showArrow: false;
-        closable: true;
-    };
-    render: (args: ZPopoverStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const ContextualMenuLike: {
-    args: {
-        "--z-popover-theme--surface": string;
-        "--z-popover-padding": string;
-        position: PopoverPosition.RIGHT_BOTTOM;
-    };
-    render: (args: ZPopoverStoriesArgs, { parameters }: import("@storybook/core/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, ZPopoverStoriesArgs>) => import("lit-html").TemplateResult<1>;
-};
-export declare const Tooltip: {
-    args: {
-        position: PopoverPosition.RIGHT;
-        "--z-popover-padding": string;
-    };
-    render: (args: ZPopoverStoriesArgs, { parameters }: import("@storybook/core/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, ZPopoverStoriesArgs>) => import("lit-html").TemplateResult<1>;
-};
-export declare const TooltipWithNestedContainer: {
-    args: {
-        position: PopoverPosition.TOP;
-        "--z-popover-padding": string;
-    };
-    render: (args: ZPopoverStoriesArgs, { parameters }: import("@storybook/core/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, ZPopoverStoriesArgs>) => import("lit-html").TemplateResult<1>;
-};
-export declare const PopoverInsideTransformedElement: {
-    args: {
-        position: PopoverPosition.TOP;
-        "--z-popover-padding": string;
-    };
-    render: (args: ZPopoverStoriesArgs, { parameters }: import("@storybook/core/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, ZPopoverStoriesArgs>) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from "@storybook/web-components";
-import "./index";
-declare const StoryMeta: Meta;
-export default StoryMeta;
-type Story = StoryObj;
-export declare const SingleCover: Story;
-export declare const SingleCoverLateralSpaces: Story;
-export declare const MultipleCovers: Story;
-export declare const MultipleCoversLateralSpaces: Story;
-export declare const LongTitleAndSubtitle: Story;
-export declare const OnlyTitleAndSubtitle: Story;
-export declare const InfoCard: Story;

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

@@ -1,163 +0,0 @@
-import { type ZSearchbar } from ".";
-import { ButtonVariant, ControlSize } from "../../beans";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "./index";
-type ZSearchbarStoriesArgs = ZSearchbar & CSSVarsArguments<"--z-searchbar-results-height" | "--z-searchbar-tag-text-color" | "--z-searchbar-tag-bg">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        size: {
-            control: {
-                type: "inline-radio";
-            };
-            options: ControlSize[];
-        };
-        variant: {
-            control: {
-                type: "inline-radio";
-            };
-            options: ButtonVariant[];
-        };
-    };
-    args: {
-        preventSubmit: false;
-        showSearchButton: false;
-        searchButtonIconOnly: false;
-        searchButtonLabel: string;
-        autocomplete: false;
-        autocompleteMinChars: number;
-        resultsCount: any;
-        searchHelperLabel: string;
-        resultsItems: {
-            label: string;
-        }[];
-        sortResultsItems: false;
-        htmlid: string;
-        placeholder: string;
-        value: string;
-        label: string;
-        htmlAriaLabel: string;
-        "--z-searchbar-results-height": string;
-        "--z-searchbar-tag-text-color": string;
-        "--z-searchbar-tag-bg": string;
-        size: ControlSize.BIG;
-        variant: ButtonVariant.PRIMARY;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZSearchbarStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const SimpleSearch: {
-    parameters: {
-        controls: {
-            include: string[];
-        };
-    };
-    args: {
-        htmlid: string;
-    };
-    render: (args: ZSearchbarStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const Autocomplete: {
-    args: {
-        autocomplete: true;
-        htmlid: string;
-        showSearchButton: false;
-        searchButtonIconOnly: false;
-        searchButtonLabel: string;
-    };
-    render: (args: ZSearchbarStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const AutocompleteWithComplexItems: {
-    args: {
-        autocomplete: true;
-        htmlid: string;
-        showSearchButton: false;
-        searchButtonIconOnly: false;
-        searchButtonLabel: string;
-        resultsItems: ({
-            label: string;
-            icon: string;
-            tag: {
-                text: string;
-                icon: string;
-            };
-            category: string;
-            subcategory: string;
-        } | {
-            label: string;
-            icon: string;
-            category: string;
-            subcategory: string;
-            tag?: undefined;
-        })[];
-    };
-    render: (args: ZSearchbarStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const AutocompleteWithComplexTreeItems: {
-    args: {
-        autocomplete: true;
-        htmlid: string;
-        showSearchButton: false;
-        searchButtonIconOnly: false;
-        searchButtonLabel: string;
-        resultsItems: ({
-            label: string;
-            icon: string;
-            tag: {
-                text: string;
-                icon: string;
-            };
-            category: string;
-            subcategory: string;
-            children: ({
-                label: string;
-                icon: string;
-                tag: {
-                    text: string;
-                    icon: string;
-                };
-                children: {
-                    label: string;
-                    icon: string;
-                    tag: {
-                        text: string;
-                        icon: string;
-                    };
-                }[];
-            } | {
-                label: string;
-                icon: string;
-                tag: {
-                    text: string;
-                    icon: string;
-                };
-                children?: undefined;
-            })[];
-        } | {
-            label: string;
-            icon: string;
-            category: string;
-            subcategory: string;
-            tag?: undefined;
-            children?: undefined;
-        } | {
-            label: string;
-            icon: string;
-            category: string;
-            subcategory: string;
-            children: {
-                label: string;
-                icon: string;
-                tag: {
-                    text: string;
-                    icon: string;
-                };
-            }[];
-            tag?: undefined;
-        })[];
-    };
-    render: (args: ZSearchbarStoriesArgs) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,84 +0,0 @@
-import { type ZSelect } from ".";
-import { ControlSize, InputStatus, SelectItem } from "../../beans";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        items: {
-            control: {
-                type: "object";
-            };
-        };
-        status: {
-            control: {
-                type: "select";
-                labels: {
-                    null: string;
-                };
-            };
-            options: InputStatus[];
-        };
-        size: {
-            control: {
-                type: "inline-radio";
-            };
-            options: ControlSize[];
-        };
-    };
-    args: {
-        items: SelectItem[];
-        label: string;
-        ariaLabel: string;
-        placeholder: string;
-        status: any;
-        message: string;
-        size: ControlSize.BIG;
-        name: string;
-        disabled: false;
-        readonly: false;
-        htmlid: string;
-        htmltitle: string;
-        autocomplete: false;
-        noresultslabel: string;
-        hasGroupItems: false;
-        hasTreeItems: false;
-        resetItem: string;
-        isfixed: false;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZSelect) => import("lit-html").TemplateResult<1>;
-};
-export declare const Groups: {
-    args: {
-        hasGroupItems: true;
-        items: SelectItem[];
-    };
-    render: (args: ZSelect) => import("lit-html").TemplateResult<1>;
-};
-export declare const ZSelectWithIcons: {
-    args: {
-        hasGroupItems: true;
-        items: SelectItem[];
-    };
-    render: (args: ZSelect) => import("lit-html").TemplateResult<1>;
-};
-export declare const ZSelectWithTreeItems: {
-    args: {
-        hasTreeItems: true;
-        hasGroupItems: false;
-        items: SelectItem[];
-    };
-    render: (args: ZSelect) => import("lit-html").TemplateResult<1>;
-};
-export declare const ZSelectWithGroupsAndTreeItems: {
-    args: {
-        hasTreeItems: true;
-        hasGroupItems: true;
-        showChildrenOfMatchingParent: false;
-        items: SelectItem[];
-    };
-    render: (args: ZSelect) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,31 +0,0 @@
-import { type ZSkipToContent } from ".";
-import { ThemeVariant } from "../../beans";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        variant: {
-            options: ThemeVariant[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    args: {
-        variant: ThemeVariant.LIGHT;
-        links: ({
-            ariaLabel: string;
-            label: string;
-            href: string;
-        } | {
-            label: string;
-            href: string;
-            ariaLabel?: undefined;
-        })[];
-    };
-    render: (args: ZSkipToContent) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,25 +0,0 @@
-import "../z-stepper-item/index";
-import "./index";
-declare const _default: {
-    title: string;
-    component: string;
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/web-components").WebComponentsRenderer, {
-        render: () => HTMLSlotElement;
-    }>) => import("lit-html").TemplateResult<1>)[];
-    subcomponents: {
-        ZStepperItem: string;
-    };
-};
-export default _default;
-export declare const Default: {
-    render: () => import("lit-html").TemplateResult<1>;
-};
-export declare const Completed: {
-    render: () => import("lit-html").TemplateResult<1>;
-};
-export declare const CompletedDisabled: {
-    render: () => import("lit-html").TemplateResult<1>;
-};
-export declare const Checked: {
-    render: () => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,34 +0,0 @@
-import "./index";
-declare const _default: {
-    title: string;
-    component: string;
-    args: {
-        pressed: false;
-        disabled: false;
-        checked: false;
-        index: number;
-        text: string;
-    };
-};
-export default _default;
-export declare const Default: {
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-export declare const Pressed: {
-    args: {
-        pressed: boolean;
-    };
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-export declare const Disabled: {
-    args: {
-        disabled: boolean;
-    };
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-export declare const Checked: {
-    args: {
-        checked: boolean;
-    };
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,39 +0,0 @@
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        icon: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-        };
-        "--z-tag-text-color": import("@storybook/web-components").Args;
-        "--z-tag-bg": import("@storybook/web-components").Args;
-    };
-    args: {
-        text: string;
-        expandable: false;
-        icon: string;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-export declare const ColorTokens: {
-    args: {
-        "--z-tag-text-color": any;
-        "--z-tag-bg": any;
-    };
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-export declare const LongText: {
-    args: {
-        text: string;
-        "--z-tag-text-color": any;
-        "--z-tag-bg": any;
-    };
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,96 +0,0 @@
-import { type TemplateResult } from "lit";
-import { type ZToastNotification } from ".";
-import { ToastNotification, ToastNotificationTransition } from "../../beans";
-import "../z-button/index";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        type: {
-            control: {
-                type: "inline-radio";
-            };
-            options: ToastNotification[];
-        };
-        transition: {
-            control: {
-                type: "select";
-            };
-            options: ToastNotificationTransition[];
-        };
-    };
-    args: {
-        heading: string;
-        message: string;
-        closebutton: true;
-        autoclose: any;
-        pauseonfocusloss: false;
-        type: ToastNotification.DARK;
-        isdraggable: true;
-        draggablepercentage: number;
-    };
-    render: (args: ZToastNotification) => TemplateResult;
-};
-export default StoryMeta;
-export declare const NoSlideIn: {
-    args: {
-        message: string;
-    };
-};
-export declare const SlideInRight: {
-    args: {
-        transition: ToastNotificationTransition.SLIDE_IN_RIGHT;
-    };
-};
-export declare const SlideInLeft: {
-    args: {
-        transition: ToastNotificationTransition.SLIDE_IN_LEFT;
-    };
-};
-export declare const SlideInDownNoCloseButton: {
-    args: {
-        transition: ToastNotificationTransition.SLIDE_IN_DOWN;
-        closebutton: false;
-    };
-};
-export declare const SlideInUpLongText: {
-    args: {
-        transition: ToastNotificationTransition.SLIDE_IN_UP;
-        message: string;
-    };
-};
-export declare const SlottedButton: {
-    args: {
-        transition: ToastNotificationTransition.SLIDE_IN_DOWN;
-    };
-    render: (args: ZToastNotification) => TemplateResult<1>;
-};
-export declare const SlottedButtonLongText: {
-    args: {
-        transition: ToastNotificationTransition.SLIDE_IN_DOWN;
-    };
-    render: (args: ZToastNotification) => TemplateResult<1>;
-};
-export declare const SlottedMessage: {
-    args: {
-        transition: ToastNotificationTransition.SLIDE_IN_DOWN;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZToastNotification) => TemplateResult<1>;
-};
-export declare const SlottedMessageLongText: {
-    args: {
-        transition: ToastNotificationTransition.SLIDE_IN_DOWN;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZToastNotification) => TemplateResult<1>;
-};