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

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/esm/utils-BEzZQwOB.js

@@ -1,249 +0,0 @@
-import { g as KeyboardCode, p as Device } from './index-BKCj6NR2.js';
-import { B as Breakpoints } from './breakpoints-Q-tWjk7P.js';
-
-/**
- * Return boolean value for passed value if a boolean corresponding value is found
- * Return passed value otherwise
- */
-function boolean(value) {
-    switch (value) {
-        case true:
-        case "true":
-        case 1:
-        case "1":
-        case "on":
-        case "yes":
-            return true;
-        case false:
-        case "false":
-        case 0:
-        case "0":
-        case "off":
-        case "no":
-            return false;
-        default:
-            return value;
-    }
-}
-function randomId() {
-    return Math.random().toString(36).replace("0.", "");
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function handleKeyboardSubmit(ev, callback, ...args) {
-    if (ev.code === KeyboardCode.ENTER || ev.code === KeyboardCode.SPACE) {
-        ev.preventDefault();
-        callback(...args);
-    }
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function handleEnterKeydSubmit(ev, callback, ...args) {
-    if (ev.code === KeyboardCode.ENTER) {
-        ev.preventDefault();
-        callback(...args);
-    }
-}
-function getClickedElement(elem = null) {
-    if (!elem) {
-        elem = document.activeElement;
-    }
-    if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {
-        elem = elem.shadowRoot.activeElement;
-        return getClickedElement(elem);
-    }
-    return elem;
-}
-function getElementTree(elem, tree = []) {
-    tree.push(elem);
-    if (elem.parentElement) {
-        elem = elem.parentElement;
-        return getElementTree(elem, tree);
-    }
-    else if (elem.parentNode && elem.parentNode.host) {
-        elem = elem.parentNode.host;
-        return getElementTree(elem, tree);
-    }
-    return tree;
-}
-/**
- * Get the current device type based on the window width.
- * @returns {Device} - The current device type
- */
-function getDevice() {
-    switch (true) {
-        case window.innerWidth <= Breakpoints.MOBILE:
-            return Device.MOBILE;
-        case window.innerWidth <= Breakpoints.TABLET:
-            return Device.TABLET;
-        case window.innerWidth <= Breakpoints.DESKTOP:
-            return Device.DESKTOP;
-        default:
-            return Device.DESKTOP_WIDE;
-    }
-}
-function convertJson(data) {
-    try {
-        return JSON.parse(data);
-    }
-    catch (_a) {
-        return false;
-    }
-}
-function colorFromId(id) {
-    const prefix = "avatar-C"; // prefix for color vars name
-    const colorsCount = 19; // available colors
-    const seed = Math.ceil(2 ** 31 - 1) * parseFloat(`0.${id}`);
-    let color = Math.ceil(colorsCount * (seed % 1));
-    // if result of mc is 0
-    // es.: 3895229
-    if (color === 0) {
-        color = 1;
-    }
-    return `${prefix}${color.toString().padStart(2, "0")}`;
-}
-/**
- * Check if an element contains another element, checking both light and shadow DOM recursively.
- * This function also checks slot assignments, so it correctly handles nested slots across components.
- * @param ancestor Ancestor element
- * @param descendant Descendant element
- */
-function containsElement(ancestor, descendant) {
-    var _a;
-    if (ancestor.contains(descendant) || ((_a = ancestor.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(descendant))) {
-        return true;
-    }
-    const checkRecursive = (node) => {
-        if (node === descendant) {
-            return true;
-        }
-        const shadowRoot = node.shadowRoot;
-        if (!shadowRoot) {
-            // Check light DOM children only
-            return Array.from(node.childNodes).some(checkRecursive);
-        }
-        if (shadowRoot.contains(descendant)) {
-            return true;
-        }
-        // Check slot assigned nodes
-        const hasDescendantInAssignedNodes = Array.from(shadowRoot.querySelectorAll("slot")).some((slot) => slot
-            .assignedNodes({ flatten: true })
-            .some((assigned) => { var _a, _b; return ((_b = (_a = assigned).contains) === null || _b === void 0 ? void 0 : _b.call(_a, descendant)) || checkRecursive(assigned); }));
-        if (hasDescendantInAssignedNodes) {
-            return true;
-        }
-        // Check shadow and light DOM children
-        return Array.from(shadowRoot.children).some(checkRecursive) || Array.from(node.childNodes).some(checkRecursive);
-    };
-    return checkRecursive(ancestor);
-}
-/** Get the parent of passed element, accounting for shadow DOM.
- * @param element The element whose parent is to be found.
- */
-function getParentElement(element) {
-    // If the element is slotted, the direct rendered parent is the target slot in shadow DOM.
-    if (element.assignedSlot) {
-        return element.assignedSlot;
-    }
-    // If the element is in a shadow root, the parent is the shadow host.
-    if (element.parentNode instanceof ShadowRoot) {
-        return element.parentNode.host;
-    }
-    // Otherwise fall back to standard light DOM parent.
-    return element.parentElement;
-}
-/**
- * Check if the `element` is visible within the `container` or in the viewport.
- * @param element The element to check.
- * @param container The container to check against, which must be the nearest scrollable ancestor.
- */
-function isElementVisibleInContainer(element, container) {
-    const elemRect = element.getBoundingClientRect();
-    const documentWidth = element.ownerDocument.documentElement.clientWidth;
-    const documentHeight = element.ownerDocument.documentElement.clientHeight;
-    // Check if element is visible in viewport
-    const isVisibleInViewport = elemRect.bottom > 0 && elemRect.top < documentHeight && elemRect.right > 0 && elemRect.left < documentWidth;
-    // If container is the document element, only check viewport visibility
-    if (container === element.ownerDocument.documentElement || container === element.ownerDocument.body) {
-        return isVisibleInViewport;
-    }
-    // For other containers, check both container and viewport visibility
-    const containerRect = container.getBoundingClientRect();
-    const isVisibleInContainer = elemRect.bottom > containerRect.top &&
-        elemRect.top < containerRect.bottom &&
-        elemRect.right > containerRect.left &&
-        elemRect.left < containerRect.right;
-    return isVisibleInContainer && isVisibleInViewport;
-}
-/**
- * Find the nearest containing block ancestor of an element.
- * The containing block is determined based on the element's `position` value:
- * - `static`, `sticky` or `relative`: nearest block container or root
- * - `absolute`: nearest ancestor with `position` != `static`
- * - `fixed`: nearest ancestor with properties that create a containing block (`transform`, `filter`, `will-change`, `backdrop-filter`, `perspective`, etc.).
- * An ancestor with these properties will create a containing block for fixed positioned elements, making them behave like absolute positioned elements relative to that ancestor.
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Display/Containing_block#identifying_the_containing_block
- * @param element The element for which to find the containing block
- * @returns The containing block element if any, or the `documentElement`
- */
-function findContainingBlockAncestor(element) {
-    let parent = getParentElement(element);
-    const elementPosition = window.getComputedStyle(element).position;
-    while (parent && parent !== element.ownerDocument.documentElement) {
-        const parentStyle = window.getComputedStyle(parent);
-        switch (elementPosition) {
-            case "fixed": {
-                const affectingProperties = [
-                    "filter",
-                    "transform",
-                    "translate",
-                    "perspective",
-                    "scale",
-                    "rotate",
-                    "backdrop-filter",
-                ];
-                if (affectingProperties.some((property) => parentStyle.getPropertyValue(property) !== "none") ||
-                    affectingProperties.some((property) => parentStyle.getPropertyValue("will-change").includes(property))) {
-                    return parent;
-                }
-                break;
-            }
-            case "absolute":
-                if (parentStyle.position !== "static") {
-                    return parent;
-                }
-                break;
-            // Handle position: static, relative, sticky (they all look for the nearest block container or root)
-            case "relative":
-            case "sticky":
-            case "static": {
-                const display = window.getComputedStyle(parent).display;
-                // Block containers: block, flex, grid, table, flow-root
-                if (display === "block" ||
-                    display === "flex" ||
-                    display === "grid" ||
-                    display === "table" ||
-                    display === "flow-root" ||
-                    display === "inline-block" ||
-                    display === "inline-flex" ||
-                    display === "inline-grid") {
-                    return parent;
-                }
-                break;
-            }
-        }
-        parent = getParentElement(parent);
-    }
-    return element.ownerDocument.documentElement;
-}
-/** Convert HTML to plain text */
-const getPlainText = (html) => {
-    const doc = new DOMParser().parseFromString(html, "text/html");
-    return doc.body.textContent || "";
-};
-/** Convert string to hex */
-const encodeString = (string) => string
-    .split("")
-    .map((c) => c.charCodeAt(0).toString(16))
-    .join("");
-
-export { containsElement as a, getPlainText as b, colorFromId as c, boolean as d, encodeString as e, getClickedElement as f, getDevice as g, handleKeyboardSubmit as h, getElementTree as i, convertJson as j, getParentElement as k, findContainingBlockAncestor as l, isElementVisibleInContainer as m, handleEnterKeydSubmit as n, randomId as r };

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

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