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

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