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

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

@@ -1,37 +0,0 @@
-import { ZDivider } from ".";
-import { DividerOrientation, DividerSize } from "../../beans";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        size: {
-            control: {
-                type: "select";
-            };
-            options: DividerSize[];
-        };
-        orientation: {
-            control: {
-                type: "select";
-            };
-            options: DividerOrientation[];
-        };
-        color: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-        };
-    };
-    args: {
-        size: DividerSize.SMALL;
-        color: string;
-        orientation: DividerOrientation.HORIZONTAL;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZDivider) => import("lit-html").TemplateResult<1>;
-    name: string;
-};

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

@@ -1,9 +0,0 @@
-import "./index";
-declare const _default: {
-    title: string;
-    component: string;
-};
-export default _default;
-export declare const ZGhostLoading: {
-    render: () => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,56 +0,0 @@
-import { type ZIcon } from ".";
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        fill: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-    };
-    args: {
-        name: string;
-        height: number;
-        width: number;
-        fill: string;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZIcon) => import("lit-html").TemplateResult<1>;
-};
-export declare const ZIconRem: {
-    args: {
-        name: string;
-        height: string;
-        width: string;
-        fill: string;
-    };
-    render: (args: ZIcon) => import("lit-html").TemplateResult<1>;
-};
-export declare const ColorIndicator: {
-    argTypes: {
-        name: {
-            options: string[];
-            control: {
-                type: "select";
-            };
-        };
-        indicatorColor: {
-            control: {
-                type: "color";
-            };
-        };
-    };
-    args: {
-        name: string;
-        fill: string;
-        indicatorColor: string;
-        width: number;
-        height: number;
-    };
-    render: (args: ZIcon) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,12 +0,0 @@
-import "./index";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    args: {
-        isclosable: true;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,42 +0,0 @@
-import { type ZInfoReveal } from ".";
-import { ControlSize, InfoRevealPosition } from "../../beans";
-import "../z-button/index";
-import "./index";
-import "./index.stories.css";
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        icon: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-        };
-        size: {
-            control: {
-                type: "inline-radio";
-            };
-            options: ControlSize[];
-        };
-        position: {
-            options: InfoRevealPosition[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    args: {
-        label: string;
-        icon: string;
-        size: ControlSize.BIG;
-        position: InfoRevealPosition.TOP_RIGHT;
-    };
-    render: (args: ZInfoReveal) => import("lit-html").TemplateResult<1>;
-};

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,77 +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 & CSSVarsArguments<"--z-notification--top-offset" | "--z-notification--content-max-width">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        type: {
-            control: {
-                type: "inline-radio";
-            };
-            options: NotificationType[];
-        };
-        borderposition: {
-            control: {
-                type: "inline-radio";
-            };
-            options: string[];
-        };
-    };
-    args: {
-        "--z-notification--content-max-width": string;
-        contenticonname: string;
-        borderposition: "bottom";
-        actiontext: string;
-        showclose: false;
-        sticky: false;
-        type: NotificationType.SUCCESS;
-    };
-};
-export default StoryMeta;
-export declare const Default: {
-    render: (args: ZNotificationStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const LongText: {
-    render: (args: ZNotificationStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const StickyBanner: {
-    args: {
-        "--z-notification--top-offset": string;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZNotificationStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const CenteredContent: {
-    args: {
-        "--z-notification--content-max-width": string;
-    };
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-/**
- * To have an inline notification keep the `sticky` property set to `false`.
- */
-export declare const Inline: {
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-    render: (args: ZNotificationStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-/**
- * The position of the border can be changed to correctly display the notification when put on the bottom of the screen.
- */
-export declare const BorderPosition: {
-    args: {
-        borderposition: "top";
-    };
-    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>;
-};