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

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

@@ -1,126 +0,0 @@
-import { ZInput } from ".";
-import { ControlSize, InputStatus, InputType, LabelPosition } from "../../beans";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        type: {
-            control: {
-                type: "inline-radio";
-            };
-            options: InputType[];
-        };
-        labelPosition: {
-            control: {
-                type: "inline-radio";
-            };
-            options: LabelPosition[];
-        };
-        size: {
-            control: {
-                type: "inline-radio";
-            };
-            options: ControlSize[];
-        };
-        status: {
-            control: {
-                type: "inline-radio";
-                labels: {
-                    null: string;
-                };
-            };
-            options: InputStatus[];
-        };
-    };
-    args: {
-        type: InputType.TEXT;
-        label: string;
-        ariaLabel: string;
-        labelPosition: LabelPosition.RIGHT;
-        placeholder: string;
-        value: string;
-        size: ControlSize.BIG;
-        name: string;
-        status: any;
-        message: string;
-        icon: string;
-        disabled: false;
-        readonly: false;
-        required: false;
-        checked: false;
-        hasclearicon: true;
-        htmlid: string;
-        htmltitle: string;
-        autocomplete: string;
-        min: number;
-        minlength: number;
-        max: number;
-        maxlength: number;
-        step: number;
-        pattern: string;
-    };
-};
-export default StoryMeta;
-export declare const AllProps: {
-    render: (args: ZInput) => import("lit-html").TemplateResult<1>;
-};
-export declare const ZInputText: {
-    render: (args: ZInput) => import("lit-html").TemplateResult<1>;
-    parameters: {
-        controls: {
-            include: string[];
-        };
-    };
-    argTypes: {
-        type: {
-            options: InputType[];
-        };
-    };
-};
-export declare const ZInputTextarea: {
-    render: (args: ZInput) => import("lit-html").TemplateResult<1>;
-    parameters: {
-        controls: {
-            include: string[];
-        };
-    };
-    args: {
-        type: InputType.TEXTAREA;
-    };
-};
-export declare const ZInputCheckbox: {
-    parameters: {
-        controls: {
-            include: string[];
-        };
-    };
-    args: {
-        type: InputType.CHECKBOX;
-    };
-    render: (args: ZInput) => import("lit-html").TemplateResult<1>;
-};
-export declare const ZInputRadio: {
-    parameters: {
-        controls: {
-            include: string[];
-        };
-    };
-    args: {
-        type: InputType.RADIO;
-    };
-    render: (args: ZInput) => import("lit-html").TemplateResult<1>;
-};
-export declare const ZInputNumber: {
-    parameters: {
-        controls: {
-            include: string[];
-        };
-    };
-    args: {
-        type: InputType.NUMBER;
-        value: string;
-        hasclearicon: false;
-    };
-    render: (args: ZInput) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,33 +0,0 @@
-import { ZInputMessage } from ".";
-import { ControlSize, InputStatus } from "../../beans";
-import "./index";
-type ZInputMessageStoriesArgs = ZInputMessage & {
-    class: ControlSize;
-};
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        status: {
-            control: {
-                type: "inline-radio";
-            };
-            options: string[];
-        };
-        class: {
-            control: {
-                type: "inline-radio";
-            };
-            options: ControlSize[];
-        };
-    };
-    args: {
-        message: string;
-        status: InputStatus.ERROR;
-        class: ControlSize.BIG;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZInputMessageStoriesArgs) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,18 +0,0 @@
-import { ZLogo } from ".";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    args: {
-        imageAlt: string;
-        height: number;
-        width: number;
-        link: string;
-        targetBlank: false;
-        mobileLogo: false;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZLogo) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,26 +0,0 @@
-import { type ZMenu } from ".";
-import "../z-menu-section/index";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    args: {
-        active: false;
-        floating: true;
-    };
-};
-export default StoryMeta;
-export declare const FloatingContentLayout: {
-    render: (args: ZMenu) => import("lit-html").TemplateResult<1>;
-};
-export declare const WithHeader: {
-    render: (args: ZMenu) => import("lit-html").TemplateResult<1>;
-};
-export declare const ActiveWithoutItems: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: () => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,16 +0,0 @@
-import { type ZMenuSection } from ".";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    args: {
-        active: false;
-    };
-};
-export default StoryMeta;
-export declare const WithItems: {
-    render: (args: ZMenuSection) => import("lit-html").TemplateResult<1>;
-};
-export declare const WithoutItems: {
-    render: (args: ZMenuSection) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,37 +0,0 @@
-import { type ZModal } from ".";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "../date-picker/z-date-picker/index";
-import "../z-button/index";
-import "../z-select/index";
-import "./index";
-import "./index.stories.css";
-type ZSearchbarStoriesArgs = ZModal & CSSVarsArguments<"--z-modal-content-padding">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    args: {
-        modalid: string;
-        modaltitle: string;
-        modalsubtitle: string;
-        closeButtonLabel: string;
-        alertdialog: false;
-        closable: true;
-        scrollInside: true;
-        lockPageScroll: true;
-        "--z-modal-content-padding": string;
-    };
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/web-components").WebComponentsRenderer, ZSearchbarStoriesArgs>) => import("lit-html").TemplateResult<1>)[];
-};
-export default StoryMeta;
-export declare const ShortText: {
-    args: {
-        modalid: string;
-    };
-    render: (args: ZModal) => import("lit-html").TemplateResult<1>;
-};
-export declare const LongText: {
-    args: {
-        modalid: string;
-    };
-    render: (args: ZModal) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,78 +0,0 @@
-import { type TemplateResult } from "lit";
-import { type ZNavigationTabs } from ".";
-import { NavigationTabsOrientation, NavigationTabsSize } from "../../beans/index";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "../z-icon/index";
-import "./index";
-import "./index.stories.css";
-type ZNavigationTabsStoriesArgs = ZNavigationTabs & CSSVarsArguments<"z-navigation-tabs-nav-buttons-bg" | "z-navigation-tabs-nav-buttons-fg">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        orientation: {
-            options: NavigationTabsOrientation[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-        "--z-navigation-tabs-nav-buttons-bg": import("@storybook/web-components").Args;
-        "--z-navigation-tabs-nav-buttons-fg": import("@storybook/web-components").Args;
-    };
-    args: {
-        "--z-navigation-tabs-nav-buttons-bg": any;
-        "--z-navigation-tabs-nav-buttons-fg": any;
-    };
-};
-export default StoryMeta;
-export declare const Horizontal: {
-    argTypes: {
-        size: {
-            options: NavigationTabsSize[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-    };
-    args: {
-        orientation: NavigationTabsOrientation.HORIZONTAL;
-        size: NavigationTabsSize.BIG;
-        ariaLabel: string;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZNavigationTabsStoriesArgs) => TemplateResult<1>;
-};
-/**
- * When orientation is set to `VERTICAL`, the text of slotted tabs is hidden by default.
- * Be sure to put an icon inside the tab to have something visible and don't forget to put an `aria-label` to provide a description for screen readers.
- */
-export declare const Vertical: {
-    args: {
-        orientation: NavigationTabsOrientation.VERTICAL;
-        ariaLabel: string;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZNavigationTabsStoriesArgs) => TemplateResult<1>;
-};
-/**
- * This story provides an example of how to handle a `ZNavigationTabs` with switchable `tabpanel`s, which is the most common use for the navigation tabs.
- * Each panel must have the `tabpanel` role and the `aria-labelledby` attribute, referencing the tab that controls it (unless a different label is provided using `aria-label`).
- * Similarly, the `aria-controls` attribute must be set on the tabs with the `id` of the controlled panel.
- *
- * For more details check the documentation: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab\_role
- */
-export declare const Tabpanels: {
-    args: {
-        ariaLabel: string;
-        orientation: NavigationTabsOrientation.HORIZONTAL;
-    };
-    render: (args: ZNavigationTabsStoriesArgs) => TemplateResult<1>;
-};

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

@@ -1,72 +0,0 @@
-import { type ZNotification } from ".";
-import { NotificationType } from "../../beans";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "./index";
-import "./index.stories.css";
-type ZNotificationStoriesArgs = ZNotification & {
-    notificationText: string;
-} & CSSVarsArguments<"--z-notification--content-max-width">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        type: {
-            control: {
-                type: "inline-radio";
-            };
-            options: NotificationType[];
-        };
-    };
-    args: {
-        "--z-notification--content-max-width": string;
-        contenticonname: string;
-        actiontext: string;
-        showclose: false;
-        sticky: false;
-        type: NotificationType.SUCCESS;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZNotificationStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-/**
- * To use the border top variant set the `borderposition` property to `top`.
- */
-export declare const BorderTop: {
-    args: {
-        borderposition: "top";
-    };
-    render: (args: ZNotificationStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const LongText: {
-    render: (args: ZNotificationStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-/**
- * To use the banner variant set the `sticky` property to `true`.
- */
-export declare const BannerVariant: {
-    args: {
-        notificationText: string;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZNotificationStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-/**
- * To use the inline variant set the `sticky` property to `false`.
- */
-export declare const InlineVariant: {
-    args: {
-        notificationText: string;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZNotificationStoriesArgs) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,76 +0,0 @@
-import { ZOffcanvas } from ".";
-import { OffCanvasVariant, TransitionDirection } from "../../beans";
-import { CSSVarsArguments } from "../../utils/storybook-utils";
-import "./index";
-import "./index.stories.css";
-type ZOffcanvasStoriesArgs = ZOffcanvas & CSSVarsArguments<"z-offcanvas--top-space" | "--z-offcanvas--container-width" | "--z-offcanvas--container-height">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    parameters: {
-        layout: string;
-        docs: {
-            story: {
-                inline: boolean;
-                iframeHeight: string;
-            };
-        };
-    };
-    argTypes: {
-        variant: {
-            control: {
-                type: "inline-radio";
-            };
-            options: OffCanvasVariant[];
-        };
-        transitiondirection: {
-            control: {
-                type: "inline-radio";
-            };
-            options: TransitionDirection[];
-        };
-        showBackdrop: {
-            control: {
-                if: {
-                    arg: string;
-                    eq: OffCanvasVariant;
-                };
-            };
-        };
-    };
-    args: {
-        open: true;
-        showBackdrop: true;
-        "--z-offcanvas--top-space": string;
-        "--z-offcanvas--container-width": string;
-    };
-};
-export default StoryMeta;
-export declare const OverlayTransitionDirectionRight: {
-    render: (args: ZOffcanvasStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const OverlayTransitionDirectionLeft: {
-    render: (args: ZOffcanvasStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const TransitionDirectionUp: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    args: {
-        "--z-offcanvas--container-height": string;
-    };
-    render: (args: ZOffcanvasStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const PushContent: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    args: {
-        transitiondirection: TransitionDirection.RIGHT;
-    };
-    render: (args: ZOffcanvasStoriesArgs) => import("lit-html").TemplateResult<1>;
-};

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