@zanichelli/albe-web-components 5.5.1 → 5.5.2

package/dist/web-components-library/utils-a3134cfb.js

@@ -1,109 +0,0 @@
-import { h as KeyboardCodeEnum, r as DeviceEnum } from './index-3ee81524.js';
-import { t as tabletBreakpoint, m as mobileBreakpoint } from './breakpoints-c386984e.js';
-
-function format(first, middle, last) {
-  return ((first || "") + (middle ? ` ${middle}` : "") + (last ? ` ${last}` : ""));
-}
-/**
- * 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 retrieveAsset(assetName) {
-  return assetName && "assets/images/png/" + assetName;
-}
-function randomId() {
-  return Math.random().toString(36).replace("0.", "");
-}
-function handleKeyboardSubmit(ev, callback, ...args) {
-  if (ev.code === KeyboardCodeEnum.ENTER ||
-    ev.code === KeyboardCodeEnum.SPACE) {
-    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);
-    // @ts-ignore
-  }
-  else if (elem.parentNode && elem.parentNode.host) {
-    // @ts-ignore
-    elem = elem.parentNode.host;
-    return getElementTree(elem, tree);
-  }
-  return tree;
-}
-function getSiblings(elem) {
-  let siblings = [];
-  if (!elem || !elem.parentNode || !elem.parentNode.childNodes) {
-    return siblings;
-  }
-  elem.parentNode.childNodes.forEach((child) => {
-    if (child.nodeType === 1 && child !== elem) {
-      siblings.push(child);
-    }
-  });
-  return siblings;
-}
-function getDevice() {
-  switch (true) {
-    case window.innerWidth <= mobileBreakpoint:
-      return DeviceEnum.mobile;
-    case window.innerWidth <= tabletBreakpoint:
-      return DeviceEnum.tablet;
-    default:
-      return DeviceEnum.desktop;
-  }
-}
-function convertJson(data) {
-  try {
-    return JSON.parse(data);
-  }
-  catch (e) {
-    return false;
-  }
-}
-const prefix = "avatar-C"; // prefix for color vars name
-const colorsCount = 19; // available colors
-function colorFromId(id) {
-  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")}`;
-}
-
-export { getElementTree as a, convertJson as b, colorFromId as c, getClickedElement as d, boolean as e, getDevice as g, handleKeyboardSubmit as h, randomId as r };

package/dist/web-components-library/utils-e5940345.js

@@ -1,109 +0,0 @@
-import { K as KeyboardCodeEnum, D as DeviceEnum } from './index-3b53c63e.js';
-import { t as tabletBreakpoint, m as mobileBreakpoint } from './breakpoints-c386984e.js';
-
-function format(first, middle, last) {
-  return ((first || "") + (middle ? ` ${middle}` : "") + (last ? ` ${last}` : ""));
-}
-/**
- * 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 retrieveAsset(assetName) {
-  return assetName && "assets/images/png/" + assetName;
-}
-function randomId() {
-  return Math.random().toString(36).replace("0.", "");
-}
-function handleKeyboardSubmit(ev, callback, ...args) {
-  if (ev.code === KeyboardCodeEnum.ENTER ||
-    ev.code === KeyboardCodeEnum.SPACE) {
-    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);
-    // @ts-ignore
-  }
-  else if (elem.parentNode && elem.parentNode.host) {
-    // @ts-ignore
-    elem = elem.parentNode.host;
-    return getElementTree(elem, tree);
-  }
-  return tree;
-}
-function getSiblings(elem) {
-  let siblings = [];
-  if (!elem || !elem.parentNode || !elem.parentNode.childNodes) {
-    return siblings;
-  }
-  elem.parentNode.childNodes.forEach((child) => {
-    if (child.nodeType === 1 && child !== elem) {
-      siblings.push(child);
-    }
-  });
-  return siblings;
-}
-function getDevice() {
-  switch (true) {
-    case window.innerWidth <= mobileBreakpoint:
-      return DeviceEnum.mobile;
-    case window.innerWidth <= tabletBreakpoint:
-      return DeviceEnum.tablet;
-    default:
-      return DeviceEnum.desktop;
-  }
-}
-function convertJson(data) {
-  try {
-    return JSON.parse(data);
-  }
-  catch (e) {
-    return false;
-  }
-}
-const prefix = "avatar-C"; // prefix for color vars name
-const colorsCount = 19; // available colors
-function colorFromId(id) {
-  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")}`;
-}
-
-export { getElementTree as a, convertJson as b, colorFromId as c, getClickedElement as d, boolean as e, getDevice as g, handleKeyboardSubmit as h, randomId as r };

package/dist/web-components-library/z-alert.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, h } from './index-81176684.js';
-
-const stylesCss = ":host{display:block;font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:14px;line-height:calc(var(--space-unit) * 2);color:var(--color-surface05);box-sizing:border-box}:host>div{padding:calc(var(--space-unit) * 2)}:host>.success{fill:var(--color-success01);background:var(--color-success-inverse)}:host>.warning{fill:var(--color-warning01);background:var(--color-warning-inverse)}:host>.error{fill:var(--color-error01);background:var(--color-error-inverse)}";
-
-const ZAlert = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("div", { class: this.type }, h("slot", null)));
-  }
-};
-ZAlert.style = stylesCss;
-
-export { ZAlert as z_alert };

package/dist/web-components-library/z-app-header.entry.js

@@ -1,127 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-81176684.js';
-
-const stylesCss = ":host{--app-header-height:auto;--app-header-typography-1-size:24px;--app-header-typography-2-size:28px;--app-header-typography-3-size:32px;--app-header-typography-4-size:36px;--app-header-typography-5-size:42px;--app-header-typography-6-size:48px;--app-header-typography-7-size:54px;--app-header-typography-8-size:60px;--app-header-typography-9-size:68px;--app-header-typography-10-size:76px;--app-header-typography-11-size:84px;--app-header-typography-12-size:92px;--app-header-typography-1-lineheight:1.33;--app-header-typography-2-lineheight:1.29;--app-header-typography-3-lineheight:1.25;--app-header-typography-4-lineheight:1.24;--app-header-typography-5-lineheight:1.24;--app-header-typography-6-lineheight:1.25;--app-header-typography-7-lineheight:1.2;--app-header-typography-8-lineheight:1.26;--app-header-typography-9-lineheight:1.24;--app-header-typography-10-lineheight:1.26;--app-header-typography-11-lineheight:1.2;--app-header-typography-12-lineheight:1.2;--app-header-typography-1-tracking:calc(-0.2 / 1em);--app-header-typography-2-tracking:calc(-0.4 / 1em);--app-header-typography-3-tracking:calc(-0.6 / 1em);--app-header-typography-4-tracking:calc(-0.8 / 1em);--app-header-typography-5-tracking:calc(-1 / 1em);--app-header-typography-6-tracking:calc(-1.2 / 1em);--app-header-typography-7-tracking:calc(-1.4 / 1em);--app-header-typography-8-tracking:calc(-1.6 / 1em);--app-header-typography-9-tracking:calc(-1.8 / 1em);--app-header-typography-10-tracking:calc(-2 / 1em);--app-header-typography-11-tracking:calc(-2.2 / 1em);--app-header-typography-12-tracking:calc(-2.4 / 1em);--app-header-top-offset:48px;--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-white);--app-header-stucked-bg:var(--color-white);--app-header-text-color:var(--gray800);--app-header-stucked-text-color:var(--gray800);display:block;color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:baseline;flex-shrink:0;flex-grow:0;width:100%;height:var(--app-header-height);padding:calc(var(--space-unit) * 2) var(--grid-mobile-margin);background:var(--app-header-bg)}:host(:empty) .heading-panel{padding:0}.heading-title{display:flex;flex-direction:row;align-items:center;max-width:100%}:host(:not([menu-length='0'])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 1.5))}.heading-stucked{position:fixed;top:var(--app-header-top-offset);left:0;z-index:20;display:flex;flex-direction:row;width:100%;max-width:100%;color:var(--app-header-stucked-text-color);padding:var(--space-unit) var(--grid-mobile-margin);background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);animation:slideStuckedHeadingIn 250ms ease-out}.heading-stucked .heading-title,.heading-stucked .heading-title>*,.heading-stucked .heading-title ::slotted([slot='stucked-title']){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.heading-stucked .heading-title>*,::slotted([slot='title']),::slotted([slot='stucked-title']){margin:0;font-weight:700;font-family:'IBM Plex Serif', serif;font-size:var(--app-header-typography-3-size);letter-spacing:var(--app-header-typography-3-tracking)}::slotted([slot='title']){line-height:1}::slotted([slot='subtitle']){margin:var(--space-unit) 0 0;font-family:var(--font-family-sans);font-style:italic;font-weight:500;font-size:20px;line-height:1.2}.heading-container{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;max-width:100%;margin-right:auto}.menu-container{display:none;flex-direction:row;flex-wrap:wrap;align-items:baseline}.menu-container ::slotted([open]){position:relative;z-index:3}.menu-container ::slotted(*:not(:last-of-type)){margin-right:calc(var(--space-unit) * 4.5)}.drawer-trigger{margin:0 calc(var(--space-unit) * 1.5) 0 0;padding:0;background:none;border:0;border-radius:0;color:inherit;appearance:none;cursor:pointer}.drawer-trigger z-icon{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);fill:currentColor}.drawer-container{position:fixed;top:var(--app-header-top-offset);left:0;width:100%;height:100%;z-index:100;pointer-events:none}.drawer-container .drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block;background:var(--gray900);opacity:0;transition:opacity 400ms ease-out;pointer-events:none}.drawer-panel{position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:375px;max-width:100%;height:100%;padding:calc(var(--space-unit) * 2) var(--space-unit);background:var(--color-white);color:var(--gray800);transform:translate3d(-100%, 0, 0);transition:transform 400ms ease-out;pointer-events:none}.drawer-content{display:flex;flex-direction:column;flex:1 auto;width:100%;padding:calc(var(--space-unit) * 0.5) var(--space-unit);overflow:auto}.drawer-content::-webkit-scrollbar{background:linear-gradient(\n    to right,\n    transparent 0 3px,\n    var(--gray200) 3px 7px,\n    transparent 7px 10px\n  );width:10px;border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-track{background-color:transparent}.drawer-content::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.drawer-content ::slotted(z-menu){width:100%}.drawer-content ::slotted(z-menu:not(:last-of-type)){margin-bottom:calc(var(--space-unit) * 2.5)}.drawer-close{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);margin:0 0 calc(var(--space-unit) * 2.5) var(--space-unit);padding:0;font-size:inherit;background:transparent;color:inherit;fill:currentColor;border:0;border-radius:0;appearance:none;cursor:pointer;outline:none}.drawer-close:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([drawer-open]) .drawer-container .drawer-overlay{opacity:0.7;pointer-events:all}:host([drawer-open]) .drawer-container .drawer-panel{transform:none;pointer-events:all}.hero-container{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}:host([overlay]) .heading-panel .drawer-trigger z-icon,:host([overlay]) .heading-panel .heading-container,:host([overlay]) .heading-panel .menu-container{color:var(--color-white);fill:var(--color-white)}:host([overlay]) .heading-panel .menu-container ::slotted(z-menu:not([open])){--color-surface05:var(--color-white)}:host([overlay]) .hero-container::after{content:'';position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:var(--color-black);opacity:0.5}.hero-container img,.hero-container ::slotted(*){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-drag:none}@media only screen and (min-width: 768px){.heading-panel{padding:calc(var(--space-unit) * 3) var(--grid-tablet-margin)}.heading-stucked{padding-left:var(--grid-tablet-margin);padding-right:var(--grid-tablet-margin)}:host(:not([flow='offcanvas'])) .heading-subtitle{padding-left:0}:host(:not([flow='offcanvas'])) .menu-container{display:flex}:host(:not([flow='offcanvas'])) .heading-container .drawer-trigger{display:none}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 3)}::slotted([slot='title']){font-size:var(--app-header-typography-6-size);letter-spacing:var(--app-header-typography-6-tracking)}::slotted([slot='subtitle']){margin-top:calc(var(--space-unit) * 1.5)}}@media only screen and (min-width: 1152px){.heading-panel,.heading-stucked{padding-left:var(--grid-desktop-margin);padding-right:var(--grid-desktop-margin)}:host(:not([flow='stack'])) .heading-panel{flex-direction:row;flex-wrap:wrap}::slotted([slot='title']){font-size:var(--app-header-typography-7-size);letter-spacing:var(--app-header-typography-7-tracking);margin-right:var(--grid-desktop-gutter)}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 2)}.menu-container{margin-top:var(--space-unit)}}@media only screen and (min-width: 1366px){.heading-panel,.heading-stucked{padding-left:var(--grid-wide-margin);padding-right:var(--grid-wide-margin)}::slotted([slot='title']){font-size:var(--app-header-typography-9-size);letter-spacing:var(--app-header-typography-9-tracking);margin-right:var(--grid-wide-gutter)}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:0}}@keyframes slideStuckedHeadingIn{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}";
-
-const SUPPORT_INTERSECTION_OBSERVER = typeof IntersectionObserver !== 'undefined';
-const ZAppHeader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.sticking = createEvent(this, "sticking", 7);
-    /**
-     * Stuck mode for the header.
-     * You can programmatically set it using an IntersectionObserver.
-     * **Optional**
-     */
-    this.stuck = false;
-    /**
-     * Should place an overlay over the hero image.
-     * Useful for legibility purpose.
-     * **Optional**
-     */
-    this.overlay = false;
-    /**
-     * Control menu bar position in the header.
-     * - auto: the menu bar is positioned near the title
-     * - stack: the menu bar is positioned below the title
-     * - offcanvas: the menu bar is not displayed and a burger icon appears to open the offcanvas menu
-     *
-     * **Optional**
-     */
-    this.flow = 'auto';
-    /**
-     * The opening state of the drawer.
-     */
-    this.drawerOpen = false;
-    /**
-     * The stucked state of the bar.
-     */
-    this.stucked = false;
-    this.observer = SUPPORT_INTERSECTION_OBSERVER && new IntersectionObserver(([entry]) => {
-      this.stucked = !entry.isIntersecting;
-    }, {
-      threshold: 0.5
-    });
-    this.openDrawer = this.openDrawer.bind(this);
-    this.closeDrawer = this.closeDrawer.bind(this);
-  }
-  emitStickingEvent() {
-    this.sticking.emit(this.stucked);
-  }
-  componentDidLoad() {
-    this.collectMenuElements();
-    this.onStuckMode();
-  }
-  get title() {
-    const titleElement = this.hostElement.querySelector('[slot="title"]');
-    if (!titleElement) {
-      return '';
-    }
-    return titleElement.textContent.trim();
-  }
-  get scrollParent() {
-    const parent = this.hostElement.offsetParent;
-    if (parent === document.body || parent === document.documentElement) {
-      return window;
-    }
-    return parent;
-  }
-  collectMenuElements() {
-    const menuElements = this.menuElements = this.hostElement.querySelectorAll('[slot="menu"]');
-    this.menuLength = menuElements.length;
-    this.setMenuFloatingMode();
-  }
-  onStuckMode() {
-    if (this.stuck) {
-      this.enableStuckObserver();
-    }
-    else {
-      this.disableStuckMode();
-    }
-  }
-  enableStuckObserver() {
-    if (this.observer) {
-      this.observer.observe(this.container);
-    }
-  }
-  disableStuckMode() {
-    this.stucked = false;
-    if (this.observer) {
-      this.observer.unobserve(this.container);
-    }
-  }
-  onStucked() {
-    const scrollParent = this.scrollParent;
-    if (!scrollParent) {
-      return;
-    }
-    this.emitStickingEvent();
-  }
-  setMenuFloatingMode() {
-    if (!this.menuElements) {
-      return;
-    }
-    const elements = this.menuElements;
-    for (let i = 0, len = elements.length; i < len; i++) {
-      elements[i].open = false;
-      elements[i].floating = !this.drawerOpen;
-    }
-  }
-  render() {
-    return h(Host, { "menu-length": this.menuLength }, h("div", { class: "heading-panel", ref: (el) => this.container = el }, h("div", { class: "hero-container" }, h("slot", { name: "hero" }, this.hero && h("img", { alt: "", src: this.hero }))), h("div", { class: "heading-container" }, h("div", { class: "heading-title" }, this.menuLength > 0 && h("button", { class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { name: "burger-menu" })), h("slot", { name: "title" })), h("div", { class: "heading-subtitle" }, h("slot", { name: "subtitle" }))), h("div", { class: "menu-container" }, !this.drawerOpen && this.flow !== 'offcanvas' && h("slot", { name: "menu", onSlotchange: () => this.collectMenuElements() }))), h("div", { class: "drawer-container" }, h("div", { class: "drawer-overlay", onClick: this.closeDrawer }), h("div", { class: "drawer-panel" }, h("button", { class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer }, h("z-icon", { name: "close" })), h("div", { class: "drawer-content" }, this.drawerOpen && h("slot", { name: "menu", onSlotchange: () => this.collectMenuElements() })))), this.stucked && h("div", { class: "heading-stucked" }, this.menuLength > 0 && h("button", { class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { name: "burger-menu" })), h("div", { class: "heading-title" }, h("slot", { name: "stucked-title" }, this.title))));
-  }
-  openDrawer() {
-    this.drawerOpen = true;
-  }
-  closeDrawer() {
-    this.drawerOpen = false;
-  }
-  get hostElement() { return getElement(this); }
-  static get watchers() { return {
-    "stuck": ["onStuckMode"],
-    "stucked": ["onStucked"],
-    "drawerOpen": ["setMenuFloatingMode"]
-  }; }
-};
-ZAppHeader.style = stylesCss;
-
-export { ZAppHeader as z_app_header };

package/dist/web-components-library/z-app-switcher.entry.js

@@ -1,25 +0,0 @@
-import { r as registerInstance, e as createEvent, h } from './index-81176684.js';
-import { T as ThemeVariant } from './index-3ee81524.js';
-
-const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;justify-content:center;align-content:center;background-color:transparent;border:none;padding:0}button>z-icon{color:var(--bg-white);fill:currentColor}button>z-icon.light{color:var(--bg-grey-900);fill:currentColor}";
-
-const ZAppSwitcher = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.appButtonClick = createEvent(this, "appButtonClick", 7);
-    /** theme variant, default 'dark' */
-    this.theme = ThemeVariant.dark;
-    this.isopen = false;
-    this.emitAppButtonClick = this.emitAppButtonClick.bind(this);
-  }
-  emitAppButtonClick() {
-    this.isopen = !this.isopen;
-    this.appButtonClick.emit({ isopen: this.isopen });
-  }
-  render() {
-    return (h("button", { title: "app-switcher", onClick: () => this.emitAppButtonClick() }, h("z-icon", { name: "app-switcher", class: this.theme })));
-  }
-};
-ZAppSwitcher.style = stylesCss;
-
-export { ZAppSwitcher as z_app_switcher };

package/dist/web-components-library/z-app-topbar.entry.js

@@ -1,37 +0,0 @@
-import { r as registerInstance, h, f as Host } from './index-81176684.js';
-import { T as ThemeVariant, j as DividerOrientation } from './index-3ee81524.js';
-import { m as mobileBreakpoint } from './breakpoints-c386984e.js';
-
-const stylesCss = ":host{display:block;position:sticky;box-sizing:border-box;top:0;height:calc(var(--space-unit) * 6);padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2);border-radius:var(--border-no-radius);background-color:var(--gray900);z-index:99}:host(.light){background-color:var(--color-white)}:host>div{display:flex;justify-content:space-between;align-items:center}:host(.limited-width) #content-container{margin:auto;max-width:var(--mw)}.content-panel{display:flex;align-items:center}.content-panel>:not(:last-child){margin-right:calc(var(--space-unit) * 2)}#divider-container{display:none}z-link{font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.3px}@media only screen and (min-width: 768px){:host{padding:var(--space-unit) calc(var(--space-unit) * 2) var(--space-unit) var(--space-unit)}:host(.limited-width){padding:var(--space-unit)}#divider-container{display:block;height:calc(var(--space-unit) * 3)}}";
-
-const ZAppTopbar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** theme variant, default 'dark' */
-    this.theme = ThemeVariant.dark;
-    this.topbarLinks = [];
-  }
-  handleResize() {
-    this.isMobile = window.innerWidth <= mobileBreakpoint;
-  }
-  componentWillLoad() {
-    this.isMobile = window.screen.width <= mobileBreakpoint || window.innerWidth <= mobileBreakpoint;
-  }
-  componentWillRender() {
-    if (this.topbarContent) {
-      this.topbarLinks = typeof this.topbarContent === "string" ? JSON.parse(this.topbarContent) : this.topbarContent;
-    }
-  }
-  renderTopbarLinks() {
-    return this.topbarLinks.map((link) => h("z-link", { htmlid: link.id, textcolor: this.theme === ThemeVariant.light ? "black" : "white", href: link.link, target: link.target, icon: this.isMobile ? link.icon : undefined }, !this.isMobile && link.label));
-  }
-  render() {
-    return (h(Host, { class: {
-        [this.theme]: true,
-        "limited-width": !!this.contentMaxWidth
-      } }, h("div", { id: "content-container", style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("div", { id: "left-panel", class: "content-panel" }, h("z-logo", { mobileLogo: this.isMobile, width: this.isMobile ? 32 : 128, height: this.isMobile ? 40 : 32, imageAlt: "zanichelli-logo", link: this.logoLink, targetBlank: true }), this.isMobile && this.renderTopbarLinks()), h("div", { id: "right-panel", class: "content-panel" }, !this.isMobile && this.renderTopbarLinks(), this.showAppSwitcher && h("z-app-switcher", { theme: this.theme }), h("div", { id: "divider-container" }, h("z-divider", { orientation: DividerOrientation.vertical, color: this.theme === ThemeVariant.light ? "gray800" : "color-white" })), h("slot", { name: "login" })))));
-  }
-};
-ZAppTopbar.style = stylesCss;
-
-export { ZAppTopbar as z_app_topbar };

package/dist/web-components-library/z-aria-alert.entry.js

@@ -1,14 +0,0 @@
-import { r as registerInstance, h, f as Host } from './index-81176684.js';
-import { w as ZAriaAlertMode } from './index-3ee81524.js';
-
-const ZAriaAlert = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.mode = ZAriaAlertMode.polite;
-  }
-  render() {
-    return (h(Host, { "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", null)));
-  }
-};
-
-export { ZAriaAlert as z_aria_alert };

package/dist/web-components-library/z-avatar.entry.js

@@ -1,39 +0,0 @@
-import { r as registerInstance, h, f as Host } from './index-81176684.js';
-import { A as AvatarSize } from './index-3ee81524.js';
-
-const stylesCss = ":host{font-family:var(--font-family-sans);background-color:var(--bg-grey-700);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-transform:uppercase}:host(.small),:host(.small)>img{height:calc(var(--space-unit) * 3);width:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{height:calc(var(--space-unit) * 4);width:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{height:calc(var(--space-unit) * 5);width:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";
-
-const ZAvatar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** [optional] Avatar size */
-    this.size = AvatarSize.medium;
-    /** [optional] Avatar text color */
-    this.textColor = "text-white";
-    /** [optional] Avatar background color */
-    this.backgroundColor = "bg-grey-700";
-    if (!this.text && !this.image) {
-      console.warn("z-avatar must contain at least one prop between text and image");
-    }
-  }
-  getTextSize() {
-    if (this.size === AvatarSize.small) {
-      return "5";
-    }
-    else if (this.size === AvatarSize.medium) {
-      return "4";
-    }
-    else if (this.size === AvatarSize.large) {
-      return "2";
-    }
-  }
-  render() {
-    return (h(Host, { class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
-        color: `var(--${this.textColor})`,
-        backgroundColor: `var(--${this.backgroundColor})`,
-      } }, this.text && !this.image && h("span", null, this.text.substring(0, 2)), this.image && (h("img", { src: this.image, onError: () => (this.image = "") }))));
-  }
-};
-ZAvatar.style = stylesCss;
-
-export { ZAvatar as z_avatar };

package/dist/web-components-library/z-body.entry.js

@@ -1,13 +0,0 @@
-import { r as registerInstance, h } from './index-81176684.js';
-
-const ZBody = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.variant = "regular";
-  }
-  render() {
-    return (h("z-typography", { tabIndex: 0, component: this.component || "span", level: `b${this.level}`, variant: this.variant }, h("slot", null)));
-  }
-};
-
-export { ZBody as z_body };

package/dist/web-components-library/z-button-deprecated.entry.js

@@ -1,34 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-81176684.js';
-import { c as classnames } from './index-51f075dd.js';
-import { b as ButtonTypeEnum, B as ButtonVariantEnum, c as ButtonSizeEnum } from './index-3ee81524.js';
-import './_commonjsHelpers-8fe71198.js';
-
-const stylesCss = ":host{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:var(--space-unit);--rgb-white:240, 240, 240}button:disabled,::slotted(button:disabled){pointer-events:none}button,::slotted(button),::slotted(a){box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;line-height:1;letter-spacing:0.3px;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);vertical-align:middle;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;outline:none;fill:currentColor}button.big,:host([size=\"big\"]) ::slotted(button),:host([size=\"big\"]) ::slotted(a){height:44px;min-width:44px}button.small,:host([size=\"small\"]) ::slotted(button),:host([size=\"small\"]) ::slotted(a){height:36px;min-width:36px}button.issmall,:host([issmall]) ::slotted(button),:host([issmall]) ::slotted(a){height:36px;min-width:36px}button.x-small,:host([size=\"x-small\"]) ::slotted(button),:host([size=\"x-small\"]) ::slotted(a){height:32px;min-width:32px}button:not(.square),:host(:not([square])) ::slotted(button),:host(:not([square])) ::slotted(a){min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}button.square,:host([square]){--z-icon-right-margin:0}button.primary,:host([variant=\"primary\"]) ::slotted(button),:host([variant=\"primary\"]) ::slotted(a){background-color:var(--color-primary01);border-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){button.primary:hover,:host([variant=\"primary\"]) ::slotted(button:hover),:host([variant=\"primary\"]) ::slotted(a:hover){background-color:var(--color-hover-primary);border-color:var(--color-hover-primary);color:var(--color-text-inverse)}}button:focus:focus-visible,::slotted(button:focus:focus-visible),::slotted(a:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}button.primary:active,:host([variant=\"primary\"]) ::slotted(button:active),:host([variant=\"primary\"]) ::slotted(a:active){background-color:var(--color-pressed-primary);border-color:var(--color-pressed-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-2)}button.primary:disabled,:host([variant=\"primary\"]) ::slotted(button:disabled){background-color:var(--color-disabled01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.secondary,:host([variant=\"secondary\"]) ::slotted(button),:host([variant=\"secondary\"]) ::slotted(a){background-color:var(--color-surface01);border-color:var(--color-primary01);color:var(--color-primary01)}@media (hover: hover){button.secondary:hover,:host([variant=\"secondary\"]) ::slotted(button:hover),:host([variant=\"secondary\"]) ::slotted(a:hover){background-color:var(--color-surface01);border-color:var(--color-hover-primary);color:var(--color-hover-primary)}}button.secondary:active,:host([variant=\"secondary\"]) ::slotted(button:active),:host([variant=\"secondary\"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-pressed-primary);color:var(--color-pressed-primary);box-shadow:var(--shadow-2)}button.secondary:disabled,:host([variant=\"secondary\"]) ::slotted(button:disabled){background-color:var(--color-surface01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.tertiary,:host([variant=\"tertiary\"]) ::slotted(button),:host([variant=\"tertiary\"]) ::slotted(a){background-color:transparent;border-color:transparent;color:var(--color-primary01)}button.tertiary.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.tertiary:hover,:host([variant=\"tertiary\"]) ::slotted(button:hover),:host([variant=\"tertiary\"]) ::slotted(a:hover){background-color:var(--color-primary03);border-color:var(--color-primary03);color:var(--color-hover-primary)}}button.tertiary:focus:focus-visible,:host([variant=\"tertiary\"]) ::slotted(button:focus:focus-visible),:host([variant=\"tertiary\"]) ::slotted(a:focus:focus-visible){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01)}button.tertiary:active,:host([variant=\"tertiary\"]) ::slotted(button:active),:host([variant=\"tertiary\"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01);box-shadow:var(--shadow-2)}button.tertiary:disabled,:host([variant=\"tertiary\"]) ::slotted(button:disabled){background-color:transparent;border-color:transparent;color:var(--color-disabled02)}button.dark-bg,:host([variant=\"dark-bg\"]) ::slotted(button),:host([variant=\"dark-bg\"]) ::slotted(a){background-color:rgba(var(--rgb-white), 0.2);border-color:transparent;color:var(--color-text04)}button.dark-bg.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.dark-bg:hover,:host([variant=\"dark-bg\"]) ::slotted(button:hover),:host([variant=\"dark-bg\"]) ::slotted(a:hover){background-color:rgba(var(--rgb-white), 0.1)}}button.dark-bg:active,:host([variant=\"dark-bg\"]) ::slotted(button:active),:host([variant=\"dark-bg\"]) ::slotted(a:active){background-color:rgba(var(--rgb-white), 0.3)}button.dark-bg:disabled,:host([variant=\"dark-bg\"]) ::slotted(button:disabled){color:var(--color-disabled03);background-color:rgba(var(--rgb-white), 0.05)}";
-
-const ZButtonDeprecated = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** HTML button disabled attribute. */
-    this.disabled = false;
-    /** HTML button type attribute. */
-    this.type = ButtonTypeEnum.button;
-    /** Graphical variant: `primary`, `secondary`, `tertiary`, `dark-bg`. Defaults to `primary`. */
-    this.variant = ButtonVariantEnum.primary;
-    /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
-    this.size = ButtonSizeEnum.big;
-    /** Reduce button size (deprecated).
-     * @deprecated Use `size` prop.
-     */
-    this.issmall = false;
-    /** Spy to render square button. */
-    this.square = false;
-  }
-  render() {
-    this.hostElement.style.pointerEvents = this.disabled ? "none" : "auto";
-    return (h("slot", { name: "element" }, h("button", { id: this.htmlid, name: this.name, type: this.type, disabled: this.disabled, class: classnames(this.variant, this.size, { issmall: this.issmall }, { square: this.square }) }, this.icon && h("z-icon", { name: this.icon, width: 16, height: 16 }), h("slot", null))));
-  }
-  get hostElement() { return getElement(this); }
-};
-ZButtonDeprecated.style = stylesCss;
-
-export { ZButtonDeprecated as z_button_deprecated };

package/dist/web-components-library/z-button-filter.entry.js

@@ -1,45 +0,0 @@
-import { r as registerInstance, e as createEvent, h } from './index-81176684.js';
-
-const stylesCss = "button.container{min-height:32px;line-height:32px;border:var(--border-size-small) solid var(--bg-grey-200);border-radius:16px;box-shadow:0px 2px 5px 0px var(--bg-neutral-300);-webkit-box-shadow:0px 2px 5px 0px var(--bg-neutral-300);-moz-box-shadow:0px 2px 5px 0px var(--bg-neutral-300);text-align:center;padding:0 calc(var(--space-unit) * 2);cursor:pointer;letter-spacing:0.17px;font-family:var(--dashboard-font);font-size:12px;font-weight:var(--font-sb);opacity:1;transition:all 200ms linear}button.container.small{min-height:24px;line-height:24px}button.container:focus{outline:0}button.container::-moz-focus-inner{border:0}.text-container{margin-left:4px}button.container,button.container:focus,button.container:hover{background-color:var(--bg-white);color:var(--text-grey-700);fill:var(--text-grey-700)}button.container.isactive{background-color:var(--bg-white);color:var(--myz-blue);fill:var(--myz-blue)}button.container.isactive:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button.container.isactive:focus{background-color:var(--myz-blue-dark);border-color:var(--myz-blue-dark);box-shadow:0px 0px 4px 0px var(--text-grey-800);color:var(--bg-white);fill:var(--bg-white)}button z-icon{display:inline-block}";
-
-const ZButtonFilter = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.removefilter = createEvent(this, "removefilter", 7);
-    /** disable action on button */
-    this.isfixed = false;
-    /** add icon to button */
-    this.hasicon = true;
-    /** reduce button size (optional) */
-    this.issmall = false;
-    this.handleRemovingFilterClick = this.handleRemovingFilterClick.bind(this);
-  }
-  handleRemovingFilterClick() {
-    this.removefilter.emit({
-      filterid: this.filterid,
-    });
-  }
-  renderFixedPillow(filtername) {
-    return (h("button", { class: `container ${this.issmall ? "small" : ""}` }, this.renderIcon(), this.renderContent(filtername)));
-  }
-  renderDynamicPillow(filtername) {
-    return (h("button", { class: `container isactive ${this.issmall ? "small" : ""}`, onClick: this.handleRemovingFilterClick }, this.renderIcon(), this.renderContent(filtername)));
-  }
-  renderIcon() {
-    if (!this.hasicon)
-      return null;
-    return (h("z-icon", { class: "close-icon-container", name: "multiply", height: 12, width: 12 }));
-  }
-  renderContent(filtername) {
-    return h("span", { class: "text-container" }, filtername);
-  }
-  render() {
-    if (this.isfixed) {
-      return this.renderFixedPillow(this.filtername);
-    }
-    return this.renderDynamicPillow(this.filtername);
-  }
-};
-ZButtonFilter.style = stylesCss;
-
-export { ZButtonFilter as z_button_filter };

package/dist/web-components-library/z-button-sort.entry.js

@@ -1,50 +0,0 @@
-import { r as registerInstance, e as createEvent, h } from './index-81176684.js';
-import { t as tabletBreakpoint } from './breakpoints-c386984e.js';
-
-const stylesCss = ":host,button{max-width:100%}button{height:36px;border:var(--border-size-medium) solid var(--myz-blue);border-radius:var(--border-radius);color:var(--myz-blue);fill:var(--myz-blue);background-color:var(--bg-white);outline:none;padding:0 var(--space-unit);cursor:pointer}button::-moz-focus-inner{border:0}button:hover{border-color:var(--myz-blue-dark);color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button:focus{border-color:var(--myz-blue);color:var(--myz-blue);fill:var(--myz-blue);box-shadow:0px 0px 2px 2px var(--accent-dark)}button:active{border-color:var(--myz-blue-light);color:var(--myz-blue-light);fill:var(--myz-blue-light);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.4)}button.selected{border-color:var(--myz-blue-dark);background-color:var(--myz-blue-dark);color:var(--bg-white);fill:var(--bg-white)}button>label{cursor:pointer;font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;display:flex;align-items:center}button>label>span.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0;padding:0}button>label>span.counter{margin-left:calc(var(--space-unit) / 2);margin-right:calc(var(--space-unit) * 2)}button>label>span.sort{margin-right:var(--half-x1);white-space:nowrap}button>span{font-family:var(--dashboard-font);font-weight:var(--font-rg);font-size:14px;margin-right:calc(var(--space-unit) * 0.5)}button>z-icon{padding-top:calc(var(--space-unit) * 0.5)}@media only screen and (min-width: 768px){:host,button{max-width:325px}}@media only screen and (min-width: 1025px){:host,button{max-width:490px}}";
-
-const ZButtonSort = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.buttonSortClick = createEvent(this, "buttonSortClick", 7);
-    /** sort label content (ascending) (optional) */
-    this.sortlabelasc = "A-Z";
-    /** sort label content (descending) (optional) */
-    this.sortlabeldesc = "Z-A";
-    /** selected flag (optional) */
-    this.isselected = false;
-    /** sortable flag (optional) */
-    this.sortasc = true;
-    this.allowTooltip = false;
-  }
-  emitButtonSortClick() {
-    if (!this.isselected) {
-      this.isselected = true;
-    }
-    else {
-      this.sortasc = !this.sortasc;
-    }
-    this.buttonSortClick.emit({
-      buttonid: this.buttonid,
-      sortAsc: this.sortasc,
-    });
-  }
-  componentDidLoad() {
-    if (this.elementHasEllipsis() && window.innerWidth > tabletBreakpoint)
-      this.allowTooltip = true;
-  }
-  setButtonTitle() {
-    return this.allowTooltip
-      ? `${this.sortasc ? this.label : this.desclabel}`
-      : "";
-  }
-  elementHasEllipsis() {
-    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
-  }
-  render() {
-    return (h("button", { title: this.setButtonTitle(), id: this.buttonid, class: this.isselected && "selected", onClick: () => this.emitButtonSortClick() }, h("label", null, h("span", { ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { class: "counter" }, this.counter && ` (${this.counter})`), h("span", { class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { name: "caret-up-down", width: 16, height: 16 }))));
-  }
-};
-ZButtonSort.style = stylesCss;
-
-export { ZButtonSort as z_button_sort };