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

package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.stories.js

@@ -1,128 +0,0 @@
-import {html} from "lit";
-import "../../../../components/z-button/index";
-import "../z-myz-card-footer-sections/index";
-import "../z-myz-card-info/index";
-import "./index";
-
-export default {
-  title: "Snowflakes/MyzCard/ZMyzCardDictionary",
-  component: "z-myz-card-dictionary",
-
-  args: {
-    cover: "https://staticmy.zanichelli.it/catalogo/assets/m40004.9788808194121.jpg",
-    disabled: false,
-    hideinfobtn: false,
-    flipped: false,
-    flipbuttonlabel: "info",
-  },
-};
-
-export const CardDefault = {
-  render: (args) => html`
-    <z-myz-card-dictionary
-      name="${args.name}"
-      cover="${args.cover}"
-      disabled="${args.disabled}"
-      hideinfobtn="${args.hideinfobtn}"
-      flipped="${args.flipped}"
-      flipbuttonlabel="${args.flipbuttonlabel}"
-    >
-      <z-myz-card-footer-sections>
-        <div slot="top">Vocabolario della lingua italiana</div>
-        <div slot="bottom">
-          <z-button
-            variant="primary"
-            style="width:100%;"
-            >VAI AL PRODOTTO</z-button
-          >
-        </div>
-      </z-myz-card-footer-sections>
-      <z-myz-card-info
-        slot="info"
-        data='{"author":"Nicola Zingarelli","year":"2021","title":"Vocabolario della lingua italiana","description":"A cura di Mario Cannella, Beata Lazzarini","onlineLicense":{"expiration":"31/12/2021","installations":"1"},"offlineLicense":{"expiration":"30/06/2021","installations":"2"}}'
-      >
-        <z-button
-          variant="tertiary"
-          icon="gear"
-          >Gestisci Licenze</z-button
-        >
-      </z-myz-card-info>
-    </z-myz-card-dictionary>
-  `,
-};
-
-export const CardFlipped = {
-  render: (args) => html`
-    <z-myz-card-dictionary
-      name="${args.name}"
-      cover="${args.cover}"
-      disabled="${args.disabled}"
-      hideinfobtn="${args.hideinfobtn}"
-      flipped="${args.flipped}"
-      flipbuttonlabel="${args.flipbuttonlabel}"
-    >
-      <z-myz-card-footer-sections>
-        <div slot="top">Vocabolario della lingua italiana</div>
-        <div slot="bottom">
-          <z-button
-            variant="primary"
-            style="width:100%;"
-            >VAI AL PRODOTTO</z-button
-          >
-        </div>
-      </z-myz-card-footer-sections>
-      <z-myz-card-info
-        slot="info"
-        data='{"author":"Nicola Zingarelli","year":"2021","title":"Vocabolario della lingua italiana","description":"A cura di Mario Cannella, Beata Lazzarini","onlineLicense":{"expiration":"31/12/2021","installations":"1"},"offlineLicense":{"expiration":"30/06/2021","installations":"2"}}'
-      >
-        <z-button
-          variant="tertiary"
-          icon="gear"
-          >Gestisci Licenze</z-button
-        >
-      </z-myz-card-info>
-    </z-myz-card-dictionary>
-  `,
-
-  args: {
-    flipped: true,
-  },
-};
-
-export const CardNoInfoButton = {
-  render: (args) => html`
-    <z-myz-card-dictionary
-      name="${args.name}"
-      cover="${args.cover}"
-      disabled="${args.disabled}"
-      hideinfobtn="${args.hideinfobtn}"
-      flipped="${args.flipped}"
-      flipbuttonlabel="${args.flipbuttonlabel}"
-    >
-      <z-myz-card-footer-sections>
-        <div slot="top">Vocabolario della lingua italiana</div>
-        <div slot="bottom">
-          <z-button
-            variant="primary"
-            style="width:100%;"
-            >VAI AL PRODOTTO</z-button
-          >
-        </div>
-      </z-myz-card-footer-sections>
-      <z-myz-card-info
-        slot="info"
-        data='{"author":"Nicola Zingarelli","year":"2021","title":"Vocabolario della lingua italiana","description":"A cura di Mario Cannella, Beata Lazzarini","onlineLicense":{"expiration":"31/12/2021","installations":"1"},"offlineLicense":{"expiration":"30/06/2021","installations":"2"}}'
-      >
-        <z-button
-          variant="tertiary"
-          icon="gear"
-          >Gestisci Licenze</z-button
-        >
-      </z-myz-card-info>
-    </z-myz-card-dictionary>
-  `,
-
-  args: {
-    hideinfobtn: true,
-  },
-};

package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.stories.js

@@ -1,28 +0,0 @@
-import {html} from "lit";
-import "./index";
-
-export default {
-  title: "Snowflakes/MyzCard/ZMyzCardFooter",
-  component: "z-myz-card-footer",
-
-  args: {
-    autori: "Authors",
-    cardtype: "reale",
-    faded: false,
-    isbn: "97-88-80-8620-710",
-    titolo: "title",
-    opened: false,
-  },
-};
-
-export const ZMyzCardFooter = {
-  render: (args) =>
-    html`<z-myz-card-footer
-      autori="${args.autori}"
-      cardtype="${args.cardtype}"
-      faded="${args.faded}"
-      isbn="${args.isbn}"
-      titolo="${args.titolo}"
-      opened="${args.opened}"
-    />`,
-};

package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.stories.js

@@ -1,16 +0,0 @@
-import {html} from "lit";
-import "./index";
-
-export default {
-  title: "Snowflakes/MyzCard/ZMyzCardFooterSections",
-  component: "z-myz-card-footer-sections",
-};
-
-export const ZMyzCardFooterSections = {
-  render: () => html`
-    <z-myz-card-footer-sections>
-      <span slot="top">Top footer content</span>
-      <span slot="bottom">Bottom footer content</span>
-    </z-myz-card-footer-sections>
-  `,
-};

package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.stories.js

@@ -1,22 +0,0 @@
-import {html} from "lit";
-import "./index";
-
-export default {
-  title: "Snowflakes/MyzCard/ZMyzCardHeader",
-  component: "z-myz-card-header",
-
-  args: {
-    cardtype: "reale",
-    faded: false,
-    titolo: "Card Header",
-  },
-};
-
-export const ZMyzCardHeader = {
-  render: (args) =>
-    html` <z-myz-card-header
-      cardtype="${args.cardtype}"
-      faded="${args.faded}"
-      titolo="${args.titolo}"
-    />`,
-};

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.stories.js

@@ -1,22 +0,0 @@
-import {html} from "lit";
-import "./index";
-
-export default {
-  title: "Snowflakes/MyzCard/ZMyzCardIcon",
-  component: "z-myz-card-icon",
-
-  args: {
-    icon: "book-minus",
-    isdisabled: true,
-    ariaLabel: "test label",
-  },
-};
-
-export const ZMyzCardIcon = {
-  render: (args) =>
-    html`<z-myz-card-icon
-      icon=${args.icon}
-      isdisabled=${args.isdisabled}
-      .ariaLabel=${args.ariaLabel}
-    />`,
-};

package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.stories.js

@@ -1,18 +0,0 @@
-import {html} from "lit";
-import "../../../../components/z-button/index";
-import "./index";
-
-export default {
-  title: "Snowflakes/MyzCard/ZMyzCardInfo",
-  component: "z-myz-card-info",
-};
-
-export const ZMyzCardInfo = {
-  render: () => html`
-    <z-myz-card-info
-      data='{"author":"Nicola Zingarelli","year":"2021","title":"Vocabolario della lingua italiana","description":"A cura di Mario Cannella, Beata Lazzarini","onlineLicense":{"expiration":"31/12/2021","installations":"1","expired":true},"offlineLicense":{"expiration":"30/06/2021","installations":"2","expired":false}}'
-    >
-      <z-button variant="secondary">CTA</z-button>
-    </z-myz-card-info>
-  `,
-};

package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.stories.js

@@ -1,14 +0,0 @@
-import {html} from "lit";
-import "./index";
-
-export default {
-  title: "Snowflakes/MyzCard/ZMyzCardList",
-  component: "z-myz-card-list",
-};
-
-export const ZMyzCardList = {
-  render: () =>
-    html` <z-myz-card-list
-      listdata='[{"isLink":true,"value":"Leggi sul browser","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Programmazione"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"}]'
-    />`,
-};

package/dist/collection/snowflakes/myz/list/z-myz-list/index.stories.js

@@ -1,18 +0,0 @@
-import {html} from "lit";
-import "./index";
-
-export default {
-  title: "Snowflakes/List/ZMyzList",
-  component: "z-myz-list",
-};
-
-export const ZMyzList = {
-  render: (args) =>
-    html`<z-myz-list
-      inputrawdata='[
-        {"text":"list element 1","link":"http://www.zanichelli.it","listitemid":"id1","icon":"checkbox-checked"},
-        {"text":"list element 2","link":"http://my.zanichelli.it","listitemid":"id2","icon":"checkbox"},
-        {"text":""}
-      ]'
-    ></z-myz-list>`,
-};

package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.stories.js

@@ -1,28 +0,0 @@
-import {html} from "lit";
-import "./index";
-
-export default {
-  title: "Snowflakes/List/ZMyzListItem",
-  component: "z-myz-list-item",
-
-  args: {
-    action: "10",
-    icon: "cart",
-    linktarget: "_blank",
-    link: "www.zanichelli.it",
-    underlined: true,
-  },
-};
-
-export const ZMyzListItem = {
-  render: (args) => html`
-    <z-myz-list-item
-      action=${args.action}
-      icon=${args.icon}
-      linktarget=${args.linktarget}
-      link=${args.link}
-      underlined=${args.underlined}
-      >ITEM 1</z-myz-list-item
-    >
-  `,
-};

package/dist/collection/snowflakes/myz/z-alert/index.stories.js

@@ -1,30 +0,0 @@
-import {html} from "lit";
-import "./index";
-
-export default {
-  title: "Snowflakes/ZAlert",
-  component: "z-alert",
-
-  argTypes: {
-    type: {
-      control: {
-        type: "select",
-      },
-
-      options: ["success", "warning", "error"],
-    },
-  },
-
-  args: {
-    type: "success",
-  },
-};
-
-export const ZAlert = {
-  render: (args) => html`
-    <z-alert type="${args.type}">
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-      magna aliqua.
-    </z-alert>
-  `,
-};

package/dist/collection/snowflakes/myz/z-otp/index.stories.js

@@ -1,32 +0,0 @@
-import {html} from "lit";
-import "./index";
-
-export default {
-  title: "Snowflakes/ZOtp",
-  component: "z-otp",
-
-  argTypes: {
-    status: {
-      control: {
-        type: "select",
-      },
-
-      options: ["", "error"],
-    },
-  },
-
-  args: {
-    inputNum: 6,
-    status: "",
-    message: "",
-  },
-};
-
-export const ZOtp = {
-  render: (args) =>
-    html`<z-otp
-      .inputNum=${args.inputNum}
-      .status=${args.status}
-      .message=${args.message}
-    ></z-otp>`,
-};

package/dist/collection/snowflakes/myz/z-slideshow/index.stories.js

@@ -1,16 +0,0 @@
-import {html} from "lit";
-import "./index";
-
-export default {
-  title: "Snowflakes/ZSlideshow",
-  component: "z-slideshow",
-};
-
-export const ZSlideshow = {
-  render: () =>
-    html`<div style="width:500px;">
-      <z-slideshow
-        data='["https://cdn.pixabay.com/photo/2015/03/28/16/40/lake-696098_960_720.jpg","https://cdn.pixabay.com/photo/2013/02/21/19/06/drink-84533_960_720.jpg","https://cdn.pixabay.com/photo/2016/04/18/22/05/seashells-1337565_960_720.jpg"]'
-      ></z-slideshow>
-    </div>`,
-};

package/dist/types/__mocks__/fileMock.d.ts

@@ -1,2 +0,0 @@
-declare const _default: "test-file-stub";
-export default _default;

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

@@ -1,50 +0,0 @@
-import { ZBookCard } from ".";
-import { BookCardVariant } from "../../../beans";
-import { CSSVarsArguments } from "../../../utils/storybook-utils";
-import "../../z-button/index";
-import "../../z-icon/index";
-import "../../z-tag/index";
-import "../z-book-card-app/index";
-import "./index";
-type ZBookCardStoriesArgs = ZBookCard & CSSVarsArguments<"--z-book-card-portrait-cover-height" | "--z-book-card-title-lines" | "--z-book-card-title-word-break" | "--z-book-card-subtitle-lines" | "--z-book-card-subtitle-word-break" | "--z-book-card-authors-lines" | "--z-book-card-authors-word-break">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        variant: {
-            control: {
-                type: "inline-radio";
-            };
-            options: BookCardVariant[];
-        };
-    };
-    args: {
-        variant: BookCardVariant.LANDSCAPE;
-        cover: string;
-        operaTitle: string;
-        volumeTitle: string;
-        authors: string;
-        isbn: string;
-        isbnLabel: string;
-        year: string;
-        ebookUrl: string;
-        fallbackCover: string;
-        titleHtmlTag: any;
-        hasMultipleCovers: false;
-        linkTarget: string;
-        "--z-book-card-portrait-cover-height": string;
-        "--z-book-card-title-lines": string;
-        "--z-book-card-title-word-break": string;
-        "--z-book-card-subtitle-lines": string;
-        "--z-book-card-subtitle-word-break": string;
-        "--z-book-card-authors-lines": string;
-        "--z-book-card-authors-word-break": string;
-    };
-};
-export default StoryMeta;
-export declare const Card: {
-    render: (args: ZBookCardStoriesArgs) => import("lit-html").TemplateResult<1>;
-};
-export declare const WithSlottedContent: {
-    render: (args: ZBookCardStoriesArgs) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,39 +0,0 @@
-import { ZBookCardApp } from ".";
-import { CSSVarsArguments } from "../../../utils/storybook-utils";
-import "../../z-button/index";
-import "../../z-icon/index";
-import "../../z-tag/index";
-import "../z-book-card-app/index";
-import "./index";
-type ZBookCardAppStoriesArgs = ZBookCardApp & CSSVarsArguments<"z-book-card-app-padding-x" | "z-book-card-app-padding-y">;
-declare const StoryMeta: {
-    title: string;
-    component: string;
-    argTypes: {
-        "--z-book-card-app-padding-x": {
-            control: {
-                type: "text";
-            };
-        };
-        "--z-book-card-app-padding-y": {
-            control: {
-                type: "text";
-            };
-        };
-    };
-    args: {
-        logo: string;
-        name: string;
-        laz: true;
-        info: string;
-        link: string;
-    };
-};
-export default StoryMeta;
-export declare const CardApp: {
-    args: {
-        "--z-book-card-app-padding-x": any;
-        "--z-book-card-app-padding-y": any;
-    };
-    render: (args: ZBookCardAppStoriesArgs) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,63 +0,0 @@
-import "../../z-icon/index";
-import "./index.stories.css";
-/**
- * You can use the `.z-fab` class on a `<button>` or `<a>` with some additional configuration class:
- * - Sizes: `.z-fab-small`, `.z-fab-x-small`. Default with no size classes, is `big`
- * - Color variants: `.z-fab-primary03`, `.z-fab-surface01`, `.z-fab-surface02`, `.z-fab-surface04`. Default with no color classes, is `primary01`
- * - `.z-fab-extended`: show the label (if any) near the icon
- * - `.z-fab-extendable`: label will be shown only on mouse hover and only on desktop viewports (don't add the `.z-fab-extended` class in this case)
- *
- * Some css custom properties are also available to customize the component:
- * - `--z-fab-right-offset`: the right offset of the fab button (Default: `--grid-margin`)
- * - `--z-fab-bottom-offset`: the bottom offset of the fab button (Default: `--grid-margin`)
- * - `--z-fab-icon-size`: the size of the icon (Default: `20px`)
- * - `--z-fab-icon-fill`: the fill color of the icon (Default: `--color-inverse-icon`)
- *
- * > NB: for the `extended` and `extendable` versions, always wrap the text of the label with some element (e.g. a `<span>`).
- */
-declare const _default: {
-    title: string;
-    argTypes: {
-        icon: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        size: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        colorVariant: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-    };
-    args: {
-        colorVariant: string;
-        icon: string;
-        label: string;
-        size: string;
-        "z-fab-extendable": boolean;
-        "z-fab-extended": boolean;
-    };
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default _default;
-export declare const Default: {
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-/**
- * Multiple ZFab can be used in the same page (max 3), but only one can be "default". The other ones must have a smaller size and can't have the text.
- * You can space them by setting the `--z-fab-bottom-offset` CSS prop.
- */
-export declare const Multiple: {
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};

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

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

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

@@ -1,45 +0,0 @@
-import "../../z-icon/index";
-import "./index.stories.css";
-declare const _default: {
-    title: string;
-    argTypes: {
-        colorVariant: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        icon: {
-            options: string[];
-            control: {
-                type: string;
-                labels: {
-                    null: string;
-                };
-            };
-        };
-        "z-link-icon": {
-            if: {
-                arg: string;
-                truthy: boolean;
-            };
-        };
-    };
-    args: {
-        colorVariant: string;
-        text: string;
-        icon: any;
-        "z-link-active": boolean;
-        "z-link-disabled": boolean;
-        "z-link-underline": boolean;
-        "z-link-icon": boolean;
-        "z-link-sb": boolean;
-    };
-};
-export default _default;
-export declare const ZLink: {
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};
-export declare const ZLinkButton: {
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-};

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

@@ -1,57 +0,0 @@
-import "./index.stories.css";
-/**
- * <p>If applied to elements with CSS property "overflow:scroll", the class will apply to both the vertical AND the horizontal scrollbars. To avoid this, use "overflow-y" instead.</p>
- * Bear in mind that the scrollbar behaves in different ways depending on the browser: <br />
- *    <ul>
- *      <li>Chrome desktop + Android + MS Edge + opera:
- *        <ul>
- *          <li>primary color scrollbar thumb with right angles</li>
- *          <li>gray scrollbar track</li>
- *          <li>thumb gets darker on hover</li>
- *          <li>thumb doesn't bounce when at end of track</li>
- *        </ul>
- *      </li>
- *      <li>Safari on Mac + chromium 69 (booktab):
- *        <ul>
- *          <li>thumb bounces when at end of track</li>
- *        </ul>
- *      </li>
- *      <li>Safari on iPad:
- *        <ul>
- *          <li>no scrollbars</li>
- *        </ul>
- *      </li>
- *      <li>Chrome on iPad:
- *        <ul>
- *          <li>gray, narrower thumb</li>
- *          <li>no track</li>
- *        </ul>
- *      </li>
- *      <li>Firefox desktop:
- *        <ul>
- *          <li>thumb has border radius</li>
- *          <li>no track</li>
- *          <li>thumb gets wider on hover</li>
- *        </ul>
- *      </li>
- *      <li>Firefox on Android:
- *        <ul>
- *          <li>th scrollbar disappears if you're not actively scrolling</li>
- *          <li>thumb has border radius</li>
- *          <li>no track</li>
- *        </ul>
- *      </li>
- *      <li>Samsung browser:
- *        <ul>
- *          <li>no side margins</li>
- *        </ul>
- *      </li>
- *    </ul>
- */
-declare const StoryMeta: {
-    title: string;
-};
-export default StoryMeta;
-export declare const Default: {
-    render: () => import("lit-html").TemplateResult<1>;
-};