@zanichelli/albe-web-components 2.31.2 → 2.33.1

package/dist/web-components-library/z-stepper-item.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h } from './index-44936066.js';
+
+const stylesCss = ":host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;top:calc(var(--space-unit) * 4);left:calc(var(--space-unit) * 3);right:calc(var(--space-unit) * 2);z-index:1;content:'';display:block;width:auto;margin:0 calc(-1 * calc(var(--space-unit) * 2)) 0 calc(var(--space-unit) * 2);border-bottom:solid 2px var(--bg-grey-700)}.stepper-item{display:flex;flex-direction:column;align-items:center;width:calc(var(--space-unit) * 5);padding:0;color:inherit;font-family:inherit;font-size:18px;text-decoration:none;line-height:28px;background:transparent;border:0;outline:0;appearance:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));text-align:center}:host(:not([disabled])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}.indicator{content:counter(stepper);box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);margin:calc(var(--space-unit) * 2);font-size:14px;font-weight:var(--font-sb);line-height:1;color:var(--myz-blue);background:var(--bg-white);border:2px solid var(--myz-blue);border-radius:50%}:host([pressed]:not([disabled])) .indicator{color:var(--text-white);background:var(--myz-blue-dark);border-color:var(--myz-blue-dark)}:host(:not([disabled]):focus-within) .indicator{box-shadow:0px 0px 2px 2px var(--accent-dark)}:host([disabled]) .indicator{color:var(--text-grey-700);background:var(--bg-grey-200);border-color:currentColor}@media only screen and (min-width: 768px){:host{width:calc(var(--space-unit) * 10)}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10)}.stepper-item span{display:block}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}";
+
+const ZStepperItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    if (this.href) {
+      return (h("a", { href: !this.disabled && this.href, class: "stepper-item" }, h("div", { class: "indicator" }, this.index), h("span", null, h("slot", null))));
+    }
+    return (h("button", { class: "stepper-item", disabled: this.disabled }, h("div", { class: "indicator" }, this.index), h("span", null, h("slot", null))));
+  }
+};
+ZStepperItem.style = stylesCss;
+
+export { ZStepperItem as z_stepper_item };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-44936066.js';
+
+const stylesCss = ":host{box-sizing:border-box;position:relative;display:flex;flex-direction:row;width:100%;max-width:100%;margin:0;padding:0;font-family:var(--dashboard-font);font-weight:var(--font-rg);list-style:none}@media only screen and (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";
+
+const ZStepper = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h("slot", null));
+  }
+};
+ZStepper.style = stylesCss;
+
+export { ZStepper as z_stepper };

package/dist/{esm → web-components-library}/z-toast-notification-list.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-fa9e549c.js';
-import { t as ToastNotificationPositionsEnum } from './index-0258069c.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-44936066.js';
+import { l as ToastNotificationPositionsEnum } from './index-8f67b3da.js';
 
 const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);position:fixed;display:flex;flex-direction:column;flex-wrap:nowrap;z-index:10000;margin-bottom:calc(var(--space-unit) * 2);margin-top:calc(var(--space-unit) * 2)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host(.bottom-centre),:host(.bottom-right),:host(.bottom-left){justify-content:flex-end;align-items:flex-end;bottom:0}:host(.top-left),:host(.top-right),:host(.top-centre){justify-content:flex-start;align-items:flex-start;top:0}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host(.top-centre){justify-content:flex-start;align-items:center;top:0;left:50%;transform:translateX(-50%)}:host(.top-left){justify-content:flex-start;align-items:flex-start;top:0;left:0}:host(.top-right){justify-content:flex-start;align-items:flex-end;top:0;right:0}:host(.bottom-centre){justify-content:flex-end;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}:host(.bottom-right){justify-content:flex-end;align-items:flex-end;bottom:0;right:0}:host(.bottom-left){justify-content:flex-end;align-items:flex-start;bottom:0;left:0}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}";
 

package/dist/{esm → web-components-library}/z-toast-notification.entry.js

@@ -1,7 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-fa9e549c.js';
-import { s as ToastNotificationTransitionsEnum } from './index-0258069c.js';
+import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-44936066.js';
+import { j as ToastNotificationTransitionsEnum } from './index-8f67b3da.js';
 import { m as mobileBreakpoint } from './breakpoints-c386984e.js';
-import { h as hammer } from './hammer-c807d0b5.js';
+import { h as hammer } from './hammer-52e2c4fe.js';
+import './_commonjsHelpers-cb1cd7bb.js';
 
 const stylesCss = ":host{display:inline-block;min-width:200px;width:100vw}:host(.slide-in-left){animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-right){animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-down){animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-up){animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-left){animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-right){animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-down){animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-up){animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}@keyframes slideinleft{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slideinright{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slideinup{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:100%}}@keyframes slideindown{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:100%}}@keyframes slideoutleft{0%{transform:translateX(var(--percentuale));opacity:calc(100-var(--percentuale))}100%{transform:translateX(-100%);opacity:0%}}@keyframes slideoutright{0%{transform:translateX(var(--percentuale));opacity:calc(100-var(--percentuale))}100%{transform:translateX(100%);opacity:0%}}@keyframes slideoutup{0%{transform:translateY(var(--percentuale));opacity:100%}100%{transform:translateY(-100%);opacity:0}}@keyframes slideoutdown{0%{transform:translateY(var(--percentuale));opacity:100%}100%{transform:translateY(100%);opacity:0}}:host>#external-container{font-family:var(--font-family-sans);font-weight:var(--font-rg);border-radius:4px;font-size:14px;letter-spacing:0.16px;box-sizing:border-box;min-height:52px;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-3)}:host>#external-container.mobile-wrapped>#icon{align-self:flex-start}:host>#external-container.several-lines-padding{padding:calc(var(--space-unit) * 2)}:host>#external-container>#flex-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%}:host>#external-container #text{color:var(--color-white);line-height:20px;margin-right:calc(var(--space-unit) * 2);letter-spacing:0.16px;text-align:left}:host>#external-container #text>.title{margin-right:4px;font-weight:600}:host>#external-container.mobile-wrapped #button ::slotted(z-button){margin-top:calc(var(--space-unit) * 2)}:host>#external-container #icon{cursor:pointer;fill:var(--color-white);margin-left:calc(var(--space-unit) * 2)}:host>#external-container.dark{background:var(--gray800)}:host>#external-container.light{background:var(--color-background)}:host>#external-container.light #icon,:host>#external-container.warning #text,:host>#external-container.warning #icon{fill:var(--color-icon01)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--grey800)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-error-default)}:host>#external-container.success{background:var(--color-success-default)}:host>#external-container.warning{background:var(--color-warning-default)}@media only screen and (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container>#flex-container{flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media only screen and (min-width: 1366px){:host{width:unset;max-width:33vw}}";
 

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

@@ -0,0 +1,32 @@
+import { r as registerInstance, f as createEvent, h } from './index-44936066.js';
+
+const stylesCss = "button{font-family:var(--dashboard-font);font-weight:var(--font-sb);height:36px;border:var(--border-size-medium) solid;border-color:transparent;border-radius:var(--border-radius);color:var(--myz-blue);fill:var(--myz-blue);background-color:var(--bg-white);box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.2);text-transform:uppercase;font-size:14px;outline:none;padding-left:0px;padding-right:calc(var(--space-unit) * 2);transition:all 200ms linear;cursor:pointer}button::-moz-focus-inner{border:0}button:hover{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:disabled{color:var(--text-grey-700);fill:var(--text-grey-700)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);transform:rotate(360deg);transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}";
+
+const ZToggleButton = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.toggleClick = createEvent(this, "toggleClick", 7);
+    /** disabled status flag (optional) */
+    this.isdisabled = false;
+    /** open by default (optional) */
+    this.opened = false;
+  }
+  emitToggleClick() {
+    if (this.isdisabled)
+      return;
+    this.opened = !this.opened;
+    this.toggleClick.emit(this.opened);
+  }
+  retrieveButtonClass() {
+    let className = this.opened && "isopen";
+    if (this.avoidclick)
+      className = className + " avoid-clicks";
+    return className;
+  }
+  render() {
+    return (h("button", { tabindex: this.avoidclick ? "-1" : "0", class: this.retrieveButtonClass(), disabled: this.isdisabled, onClick: () => this.emitToggleClick() }, h("z-icon", { name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
+  }
+};
+ZToggleButton.style = stylesCss;
+
+export { ZToggleButton as z_toggle_button };

package/dist/{collection/components/notification/z-tooltip/index.js → web-components-library/z-tooltip.entry.js}

@@ -1,5 +1,8 @@
-import { Component, Prop, h, Host, Watch, Element, State, Event, } from "@stencil/core";
-import { TooltipPosition } from "../../../beans/index";
+import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-44936066.js';
+import { f as TooltipPosition } from './index-8f67b3da.js';
+
+const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--arrow-size:6px;--edge-offset:calc(-1 * (var(--arrow-size) + calc(var(--space-unit) * 2)));position:relative;display:none;align-items:center;justify-content:center;padding:var(--space-unit);min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);color:var(--z-tooltip-theme--text);fill:currentColor;font-family:var(--font-family-sans);text-align:center;border-radius:var(--border-radius-small);background:var(--z-tooltip-theme--surface);filter:drop-shadow(0 4px 8px var(--shadow-color-base));will-change:filter}:host(.legacy){display:inline-flex;padding:calc(var(--space-unit) * 2);min-width:auto;min-height:auto;max-width:200px;font-style:italic;line-height:16px;letter-spacing:0.32px;font-size:12px;border:var(--border-size-small) solid var(--gray200);border-radius:var(--border-radius);filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.08))}:host(.legacy)::before{--arrow-size:14px}:host([position])::before{--arrow-edge-offset:calc(100% - var(--arrow-size) - var(--space-unit));--arrow-center-x-offset:calc(50% - calc(var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - calc(var(--arrow-size) / 2));content:'';position:absolute;width:var(--arrow-size);height:var(--arrow-size);background:inherit;transform:rotate(45deg)}:host([open][style*='top:']),:host([open][style*='inset:']){display:inline-flex}:host([position^='top']){margin-bottom:var(--space-unit)}:host([position='right']){margin-left:var(--space-unit)}:host([position='top_right']),:host([position='bottom_right']){margin-left:var(--edge-offset)}:host([position^='bottom']){margin-top:var(--space-unit)}:host([position='left']){margin-right:var(--space-unit)}:host([position='top_left']),:host([position='bottom_left']){margin-right:var(--edge-offset)}:host([position^='top'])::before{top:var(--arrow-center-y-offset)}:host([position^='bottom'])::before{bottom:var(--arrow-center-y-offset)}:host([position='top'])::before,:host([position='bottom'])::before{left:var(--arrow-center-x-offset)}:host([position='right'])::before,:host([position='left'])::before{top:var(--arrow-center-x-offset)}:host([position='right'])::before{right:var(--arrow-center-y-offset)}:host([position='top_right'])::before,:host([position='bottom_right'])::before{right:var(--arrow-edge-offset)}:host([position='left'])::before{left:var(--arrow-center-y-offset)}:host([position='top_left'])::before,:host([position='bottom_left'])::before{left:var(--arrow-edge-offset)}::slotted(*){flex:1 auto;overflow:auto}";
+
 const documentElement = document.documentElement;
 /**
  * Find the closest scrollable parent of a node.
@@ -77,8 +80,10 @@ function computeOffset(element, targetParentOffset) {
   const bottom = parentHeight - top - rect.height;
   return { top, right, bottom, left, width, height };
 }
-export class ZTooltip {
-  constructor() {
+const ZTooltip = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.positionChange = createEvent(this, "positionChange", 7);
     /** Tooltip position. */
     this.type = TooltipPosition.AUTO;
     /**
@@ -251,129 +256,15 @@ export class ZTooltip {
     if (this.content) {
       return (h(Host, { class: "legacy", position: this.type }, this.content));
     }
-    return (h(Host, { position: this.position },
-      h("slot", null)));
+    return (h(Host, { position: this.position }, h("slot", null)));
   }
-  static get is() { return "z-tooltip"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
+  get host() { return getElement(this); }
+  static get watchers() { return {
+    "type": ["validateType"],
+    "position": ["onPositionChange"],
+    "open": ["onOpen"]
   }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "content": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "deprecated"
-          }],
-        "text": "Content text."
-      },
-      "attribute": "content",
-      "reflect": false
-    },
-    "type": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "TooltipPosition",
-        "resolved": "TooltipPosition.AUTO | TooltipPosition.BOTTOM | TooltipPosition.BOTTOM_LEFT | TooltipPosition.BOTTOM_RIGHT | TooltipPosition.LEFT | TooltipPosition.RIGHT | TooltipPosition.TOP | TooltipPosition.TOP_LEFT | TooltipPosition.TOP_RIGHT",
-        "references": {
-          "TooltipPosition": {
-            "location": "import",
-            "path": "../../../beans/index"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Tooltip position."
-      },
-      "attribute": "type",
-      "reflect": false,
-      "defaultValue": "TooltipPosition.AUTO"
-    },
-    "open": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The open state of the tooltip."
-      },
-      "attribute": "open",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "bindTo": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | HTMLElement",
-        "resolved": "HTMLElement | string",
-        "references": {
-          "HTMLElement": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The selector or the element bound with the tooltip."
-      },
-      "attribute": "bind-to",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "position": {}
-  }; }
-  static get events() { return [{
-      "method": "positionChange",
-      "name": "positionChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Position change event."
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "type",
-      "methodName": "validateType"
-    }, {
-      "propName": "position",
-      "methodName": "onPositionChange"
-    }, {
-      "propName": "open",
-      "methodName": "onOpen"
-    }]; }
-}
+};
+ZTooltip.style = stylesCss;
+
+export { ZTooltip as z_tooltip };

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

@@ -0,0 +1,25 @@
+import { r as registerInstance, h, e as Host, g as getElement } from './index-44936066.js';
+
+const stylesCss = ":host>*{font-family:var(--dashboard-font);margin:0}:host(.regular)>*{font-weight:var(--font-rg)}:host(.semibold)>*{font-weight:600}:host(.light)>*{font-weight:300}:host(.h1)>*{font-size:32px;line-height:40px}:host(.h2)>*{font-size:28px;line-height:36px}:host(.h3)>*{font-size:24px;line-height:32px}:host(.h4)>*{font-size:20px;line-height:28px}:host(.b1)>*{font-size:20px;line-height:28px}:host(.b2)>*{font-size:18px;line-height:28px}:host(.b3)>*{font-size:16px;line-height:24px}:host(.b4)>*{font-size:14px;line-height:20px}:host(.b5)>*{font-size:12px;line-height:16px}";
+
+const ZTypography = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.variant = "regular";
+  }
+  render() {
+    const el = document.createElement(this.component || "span");
+    el.innerHTML = `<slot />`;
+    this.hostElement.shadowRoot.appendChild(el);
+    return (h(Host, { class: {
+        [this.level]: Boolean(this.level),
+        regular: this.variant === "regular",
+        semibold: this.variant === "semibold",
+        light: this.variant === "light"
+      } }));
+  }
+  get hostElement() { return getElement(this); }
+};
+ZTypography.style = stylesCss;
+
+export { ZTypography as z_typography };

package/dist/web-components-library/z-user-dropdown.entry.js

@@ -0,0 +1,91 @@
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-44936066.js';
+import { m as mobileBreakpoint } from './breakpoints-c386984e.js';
+
+const stylesCss = ":host{background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}button{cursor:pointer;display:flex;flex-direction:column;width:100%;margin:0;background-color:var(--gray900);border:none;padding:0;letter-spacing:0.16px;white-space:nowrap}button.inverse{background-color:var(--color-white)}button div.firstline{display:flex;justify-content:flex-end;align-items:center;max-width:200px}button.open div.firstline{max-width:none}z-icon{padding:0 2px;fill:var(--color-white)}z-icon.inverse{fill:var(--gray900)}ul{box-sizing:border-box;position:absolute;left:0;padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0 calc(var(--space-unit) * 2);width:100%;margin:calc(var(--space-unit) * 1.5) 0 0 0;background-color:var(--gray900);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.3px}ul.inverse{background-color:var(--color-white)}ul>li{display:flex;justify-content:flex-end;white-space:nowrap;padding:calc(var(--space-unit) * 1.5 - 1px) 0;margin:0;border-bottom:var(--border-base) solid var(--gray700)}ul>li.inverse{border-bottom-color:var(--gray400)}ul>li:first-child{border-top:none;padding-top:0;padding-bottom:calc(var(--space-unit) + 6px);flex-direction:column;align-items:end}ul>li:last-child{border-bottom:none;margin-bottom:0}#guestbutton{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-family:var(--font-family-sans);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;outline:none;fill:currentColor;height:32px;min-width:32px;padding:0 calc(var(--space-unit) * 2);background-color:var(--color-white);border-color:var(--color-white);color:var(--gray800)}#guestbutton.inverse{background-color:var(--gray800);border-color:var(--gray800);color:var(--color-white)}.userfullname{padding:0;overflow:hidden;max-width:250px;text-overflow:ellipsis;width:100%;color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:16px;line-height:24px;letter-spacing:0;text-align:right}.userfullname.inverse{color:var(--gray800)}.useremail{color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:12px;line-height:16px;letter-spacing:0.32px;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:right}.useremail.inverse{color:var(--gray800)}@media only screen and (min-width: 768px){:host{height:calc(var(--space-unit) * 4);background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}:host>div{position:relative;top:50%;transform:translateY(-50%)}:host>div.open{top:auto;transform:none}:host>div>div{padding:0}:host>div>div.open{position:absolute;right:calc(var(--space-unit) * -1);box-shadow:0px 2px calc(var(--space-unit) * .5) 0px rgba(0, 0, 0, 0.5);background-color:var(--color-white);margin-top:calc(var(--space-unit) / 2);padding:calc(var(--space-unit) / 2 + 1px) var(--space-unit) 0 var(--space-unit);transform:translate(0, -4px)}:host>div>div.inverse.open{background-color:var(--gray800)}button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:end;align-content:center}button.open{background-color:var(--color-white);border-top:var(--border-size-small) solid var(--color-white);border-top-left-radius:calc(var(--space-unit) * .5);border-top-right-radius:calc(var(--space-unit) * .5);max-width:initial;margin-left:var(--space-unit);padding-right:var(--space-unit)}button.open.inverse{border-top-color:var(--gray800);background-color:var(--gray800)}button:not(.open) z-icon{fill:var(--color-white)}button:not(.open) z-icon.inverse{fill:var(--gray800)}button.open z-icon{fill:var(--gray800)}button.open z-icon.inverse{fill:var(--color-white)}.userfullname{font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.16px;padding:0 calc(var(--space-unit) - 6px) 0 calc(var(--space-unit) - 2px);width:auto}.userfullname.inverse{color:var(--gray800)}button.open div.userfullname{color:var(--gray800);max-width:none;text-overflow:clip}button.open div.userfullname.inverse{color:var(--color-white)}.useremail{padding-right:calc(var(--space-unit) * 3 - 2px);box-sizing:border-box}button.open div.useremail{color:var(--gray800)}button.open div.useremail.inverse{color:var(--color-white)}ul{position:initial;left:initial;padding:0;width:100%;background-color:var(--color-white)}ul.inverse{border-bottom-color:var(--gray800);background-color:var(--gray800)}ul>li{color:var(--gray800);border-bottom:var(--border-base) solid var(--gray400);margin:0 var(--space-unit)}ul>li.inverse{color:var(--color-white)}ul>li:first-child{border-top:var(--border-base) solid var(--gray400);padding-top:calc(var(--space-unit) + 3px);padding-bottom:calc(var(--space-unit) + 5px)}}";
+
+const ZUserDropdown = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.userButtonClick = createEvent(this, "userButtonClick", 7);
+    this.dropdownMenuLinkClick = createEvent(this, "dropdownMenuLinkClick", 7);
+    /** if inner components colors are inverted, or not, default false */
+    this.useInverseColors = false;
+    this.isMenuOpen = false;
+    this.handleLoggedButtonClick = this.handleLoggedButtonClick.bind(this);
+    this.emitDropdownMenuLinkClick = this.emitDropdownMenuLinkClick.bind(this);
+  }
+  componentDidLoad() {
+    this.setMobileAndDivToResizeWidth();
+  }
+  componentWillUpdate() {
+    this.setMobileAndDivToResizeWidth();
+  }
+  componentWillRender() {
+    if (this.menuContent) {
+      this.linkArray = typeof this.menuContent === "string" ? JSON.parse(this.menuContent) : this.menuContent;
+    }
+  }
+  setMobileAndDivToResizeWidth() {
+    var _a;
+    if (this.divToResize) {
+      this.isMobile = window.screen.width <= mobileBreakpoint || window.innerWidth <= mobileBreakpoint;
+      if (this.logged && !this.isMobile && this.isMenuOpen) {
+        this.divToResize.style.width = `${(_a = this.userButton) === null || _a === void 0 ? void 0 : _a.offsetWidth}px`;
+      }
+      else {
+        this.divToResize.removeAttribute('style');
+      }
+    }
+  }
+  emitUserButtonClick() {
+    this.userButtonClick.emit(this.isMenuOpen);
+  }
+  emitDropdownMenuLinkClick(e) {
+    this.isMenuOpen = false;
+    this.dropdownMenuLinkClick.emit({ e, linkId: e.detail.linkId });
+  }
+  handleResize() {
+    this.isMobile = window.innerWidth <= mobileBreakpoint;
+  }
+  handleOrientationChange() {
+    this.isMobile = screen.width <= mobileBreakpoint;
+  }
+  handleClickOutside(e) {
+    if (e.target.nodeName !== "Z-USER-DROPDOWN") {
+      this.isMenuOpen = false;
+    }
+  }
+  handleLoggedButtonClick() {
+    this.isMenuOpen = !this.isMenuOpen;
+    this.emitUserButtonClick();
+  }
+  renderGuestButton() {
+    return (h("button", { id: "guestbutton", class: this.useInverseColors ? "inverse" : "", onClick: () => this.emitUserButtonClick() }, "ENTRA"));
+  }
+  renderLoggedButton() {
+    const direction = this.isMenuOpen ? "up" : "down";
+    const colorClass = this.useInverseColors ? "inverse" : "";
+    return (h("button", { ref: (el) => (this.userButton = el), title: this.userFullName, class: `${colorClass} ${this.isMenuOpen ? "open" : ""}`, onClick: this.handleLoggedButtonClick }, h("div", null, h("div", { class: "firstline" }, h("z-icon", { class: colorClass, name: "user-avatar-filled", height: 16, width: 16 }), !this.isMobile && h("div", { class: `userfullname ${colorClass}` }, this.userFullName), h("z-icon", { class: colorClass, name: `caret-${direction}-filled`, height: 16, width: 16 })), !this.isMobile && this.isMenuOpen && h("div", { class: `useremail ${colorClass}` }, this.userEmail))));
+  }
+  getZLinkTextcolor() {
+    if (this.isMobile) {
+      return this.useInverseColors ? "black" : "white";
+    }
+    else {
+      return this.useInverseColors ? "white" : "black";
+    }
+  }
+  renderDropdownMenu() {
+    const colorClass = this.useInverseColors ? "inverse" : "";
+    return (this.isMenuOpen && (h("ul", { class: colorClass }, this.isMobile &&
+      h("li", { class: colorClass }, h("div", { class: `userfullname ${colorClass}` }, this.userFullName), h("div", { class: `useremail ${colorClass}` }, this.userEmail)), this.linkArray && this.linkArray.map((link) => h("li", { id: link.id, class: colorClass }, h("z-link", { textcolor: this.getZLinkTextcolor(), href: link.link, htmlid: link.id, target: link.target, icon: link.icon, onZLinkClick: this.emitDropdownMenuLinkClick }, link.label))))));
+  }
+  render() {
+    const openClass = `${this.logged && this.isMenuOpen ? "open" : ""}`;
+    const colorClass = this.useInverseColors ? "inverse" : "";
+    return (h(Host, { class: colorClass }, h("div", { ref: (el) => (this.divToResize = el), class: openClass }, h("div", { class: `${colorClass} ${openClass}` }, this.logged ? this.renderLoggedButton() : this.renderGuestButton(), this.logged && this.renderDropdownMenu()))));
+  }
+};
+ZUserDropdown.style = stylesCss;
+
+export { ZUserDropdown as z_user_dropdown };

package/dist/web-components-library/z-visually-hidden.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h } from './index-44936066.js';
+
+const stylesCss = ":host{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}";
+
+const ZVisuallyHidden = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return h("slot", null);
+  }
+};
+ZVisuallyHidden.style = stylesCss;
+
+export { ZVisuallyHidden as z_visually_hidden };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zanichelli/albe-web-components",
-  "version": "2.31.2",
+  "version": "2.33.1",
   "description": "The Web Components implementation of Albe, the Zanichelli's design system.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/react/components.d.ts

@@ -4,6 +4,7 @@ export declare const ZAlert: import("react").ForwardRefExoticComponent<JSX.ZAler
 export declare const ZAppHeader: import("react").ForwardRefExoticComponent<JSX.ZAppHeader & Omit<import("react").HTMLAttributes<HTMLZAppHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZAppHeaderElement>>;
 export declare const ZAppSwitcher: import("react").ForwardRefExoticComponent<JSX.ZAppSwitcher & Omit<import("react").HTMLAttributes<HTMLZAppSwitcherElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZAppSwitcherElement>>;
 export declare const ZAppTopbar: import("react").ForwardRefExoticComponent<JSX.ZAppTopbar & Omit<import("react").HTMLAttributes<HTMLZAppTopbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZAppTopbarElement>>;
+export declare const ZAriaAlert: import("react").ForwardRefExoticComponent<JSX.ZAriaAlert & Omit<import("react").HTMLAttributes<HTMLZAriaAlertElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZAriaAlertElement>>;
 export declare const ZAvatar: import("react").ForwardRefExoticComponent<JSX.ZAvatar & Omit<import("react").HTMLAttributes<HTMLZAvatarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZAvatarElement>>;
 export declare const ZBody: import("react").ForwardRefExoticComponent<JSX.ZBody & Omit<import("react").HTMLAttributes<HTMLZBodyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZBodyElement>>;
 export declare const ZButton: import("react").ForwardRefExoticComponent<JSX.ZButton & Omit<import("react").HTMLAttributes<HTMLZButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZButtonElement>>;
@@ -87,3 +88,4 @@ export declare const ZToggleButton: import("react").ForwardRefExoticComponent<JS
 export declare const ZTooltip: import("react").ForwardRefExoticComponent<JSX.ZTooltip & Omit<import("react").HTMLAttributes<HTMLZTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZTooltipElement>>;
 export declare const ZTypography: import("react").ForwardRefExoticComponent<JSX.ZTypography & Omit<import("react").HTMLAttributes<HTMLZTypographyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZTypographyElement>>;
 export declare const ZUserDropdown: import("react").ForwardRefExoticComponent<JSX.ZUserDropdown & Omit<import("react").HTMLAttributes<HTMLZUserDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZUserDropdownElement>>;
+export declare const ZVisuallyHidden: import("react").ForwardRefExoticComponent<JSX.ZVisuallyHidden & Omit<import("react").HTMLAttributes<HTMLZVisuallyHiddenElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLZVisuallyHiddenElement>>;

package/react/components.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZMyzCardList = exports.ZMyzCardInfo = exports.ZMyzCardIcon = exports.ZMyzCardHeader = exports.ZMyzCardFooterSections = exports.ZMyzCardFooter = exports.ZMyzCardDictionary = exports.ZMyzCardCover = exports.ZMyzCardBody = exports.ZMyzCardAlert = exports.ZMyzCard = exports.ZModalLogin = exports.ZModal = exports.ZMessagesPocket = exports.ZMenuSection = exports.ZMenuDropdown = exports.ZMenu = exports.ZLogo = exports.ZListGroup = exports.ZListElement = exports.ZList = exports.ZLink = exports.ZInputMessage = exports.ZInputLabel = exports.ZInput = exports.ZInfoBox = exports.ZIconPackage = exports.ZIcon = exports.ZHeading = exports.ZGhostLoading = exports.ZFooterSocial = exports.ZFooterSection = exports.ZFooterLink = exports.ZFooter = exports.ZDivider = exports.ZCookiebar = exports.ZContextualMenu = exports.ZCombobox = exports.ZChip = exports.ZCard = exports.ZCandybar = exports.ZButtonSort = exports.ZButtonFilter = exports.ZButton = exports.ZBody = exports.ZAvatar = exports.ZAppTopbar = exports.ZAppSwitcher = exports.ZAppHeader = exports.ZAlert = void 0;
-exports.ZUserDropdown = exports.ZTypography = exports.ZTooltip = exports.ZToggleButton = exports.ZToastNotificationList = exports.ZToastNotification = exports.ZStepperItem = exports.ZStepper = exports.ZStatusTag = exports.ZSlideshow = exports.ZSelect = exports.ZRegistroTableStickyFooter = exports.ZRegistroTableRow = exports.ZRegistroTableHeaderRow = exports.ZRegistroTableHeader = exports.ZRegistroTableHead = exports.ZRegistroTableFooter = exports.ZRegistroTableExpandedRow = exports.ZRegistroTableEmptyBox = exports.ZRegistroTableCell = exports.ZRegistroTableBody = exports.ZRegistroTable = exports.ZPopover = exports.ZPocketMessage = exports.ZPocketHeader = exports.ZPocketBody = exports.ZPocket = exports.ZPanelElem = exports.ZPaginationPage = exports.ZPaginationBar = exports.ZOtp = exports.ZNotification = exports.ZNavigationTabs = exports.ZNavigationTab = exports.ZMyzTopbar = exports.ZMyzListItem = exports.ZMyzList = void 0;
+exports.ZMyzCardInfo = exports.ZMyzCardIcon = exports.ZMyzCardHeader = exports.ZMyzCardFooterSections = exports.ZMyzCardFooter = exports.ZMyzCardDictionary = exports.ZMyzCardCover = exports.ZMyzCardBody = exports.ZMyzCardAlert = exports.ZMyzCard = exports.ZModalLogin = exports.ZModal = exports.ZMessagesPocket = exports.ZMenuSection = exports.ZMenuDropdown = exports.ZMenu = exports.ZLogo = exports.ZListGroup = exports.ZListElement = exports.ZList = exports.ZLink = exports.ZInputMessage = exports.ZInputLabel = exports.ZInput = exports.ZInfoBox = exports.ZIconPackage = exports.ZIcon = exports.ZHeading = exports.ZGhostLoading = exports.ZFooterSocial = exports.ZFooterSection = exports.ZFooterLink = exports.ZFooter = exports.ZDivider = exports.ZCookiebar = exports.ZContextualMenu = exports.ZCombobox = exports.ZChip = exports.ZCard = exports.ZCandybar = exports.ZButtonSort = exports.ZButtonFilter = exports.ZButton = exports.ZBody = exports.ZAvatar = exports.ZAriaAlert = exports.ZAppTopbar = exports.ZAppSwitcher = exports.ZAppHeader = exports.ZAlert = void 0;
+exports.ZVisuallyHidden = exports.ZUserDropdown = exports.ZTypography = exports.ZTooltip = exports.ZToggleButton = exports.ZToastNotificationList = exports.ZToastNotification = exports.ZStepperItem = exports.ZStepper = exports.ZStatusTag = exports.ZSlideshow = exports.ZSelect = exports.ZRegistroTableStickyFooter = exports.ZRegistroTableRow = exports.ZRegistroTableHeaderRow = exports.ZRegistroTableHeader = exports.ZRegistroTableHead = exports.ZRegistroTableFooter = exports.ZRegistroTableExpandedRow = exports.ZRegistroTableEmptyBox = exports.ZRegistroTableCell = exports.ZRegistroTableBody = exports.ZRegistroTable = exports.ZPopover = exports.ZPocketMessage = exports.ZPocketHeader = exports.ZPocketBody = exports.ZPocket = exports.ZPanelElem = exports.ZPaginationPage = exports.ZPaginationBar = exports.ZOtp = exports.ZNotification = exports.ZNavigationTabs = exports.ZNavigationTab = exports.ZMyzTopbar = exports.ZMyzListItem = exports.ZMyzList = exports.ZMyzCardList = void 0;
 /* eslint-disable */
 /* tslint:disable */
 /* auto-generated react proxies */
@@ -10,6 +10,7 @@ exports.ZAlert = react_component_lib_1.createReactComponent('z-alert');
 exports.ZAppHeader = react_component_lib_1.createReactComponent('z-app-header');
 exports.ZAppSwitcher = react_component_lib_1.createReactComponent('z-app-switcher');
 exports.ZAppTopbar = react_component_lib_1.createReactComponent('z-app-topbar');
+exports.ZAriaAlert = react_component_lib_1.createReactComponent('z-aria-alert');
 exports.ZAvatar = react_component_lib_1.createReactComponent('z-avatar');
 exports.ZBody = react_component_lib_1.createReactComponent('z-body');
 exports.ZButton = react_component_lib_1.createReactComponent('z-button');
@@ -93,4 +94,5 @@ exports.ZToggleButton = react_component_lib_1.createReactComponent('z-toggle-but
 exports.ZTooltip = react_component_lib_1.createReactComponent('z-tooltip');
 exports.ZTypography = react_component_lib_1.createReactComponent('z-typography');
 exports.ZUserDropdown = react_component_lib_1.createReactComponent('z-user-dropdown');
+exports.ZVisuallyHidden = react_component_lib_1.createReactComponent('z-visually-hidden');
 //# sourceMappingURL=components.js.map

package/react/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src-react/components.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src-react/components.ts"],"names":[],"mappings":"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"}

package/www/build/_commonjsHelpers-cb1cd7bb.js

@@ -0,0 +1,44 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function getDefaultExportFromNamespaceIfPresent (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
+}
+
+function getDefaultExportFromNamespaceIfNotNamed (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
+}
+
+function getAugmentedNamespace(n) {
+	if (n.__esModule) return n;
+	var a = Object.defineProperty({}, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+export { createCommonjsModule as c };

package/www/build/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };

package/{dist/collection/constants/breakpoints.js → www/build/breakpoints-c386984e.js}

@@ -1,3 +1,4 @@
 const mobileBreakpoint = 767;
 const tabletBreakpoint = 1023;
-export { mobileBreakpoint, tabletBreakpoint };
+
+export { mobileBreakpoint as m, tabletBreakpoint as t };

package/www/build/css-shim-003e9264.js

@@ -0,0 +1,4 @@
+/*
+ Stencil Client Patch Esm v2.6.0 | MIT Licensed | https://stenciljs.com
+ */
+var __assign=undefined&&undefined.__assign||function(){return (__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector="";};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,"").replace(RX.port,"")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r);}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE;}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e="0"+e;return "\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE="{",CLOSE_BRACE="}",RX={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},VAR_START="--",MEDIA_START="@media",AT_START="@";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return {start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\bvar\(/,VAR_ASSIGN_START=/\B--[\w-]+\s*:/,COMMENTS=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,TRAILING_LINES=/^[\t ]+\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):""}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if("("===s)r++;else if(")"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(","),o=s[0],a=s.slice(1);return {start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(",").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r="",n=0;n<e.length;n++){var s=e[n];r+="string"==typeof s?s:s(t);}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'"'===o&&(r=!1),n||"'"!==o||(r=!1);else if('"'===o)r=!0,n=!0;else if("'"===o)r=!0,n=!1;else {if(";"===o)return s+1;if("}"===o)return s}}return s}function removeCustomAssigns(e){for(var t="",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s);}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,"")).replace(TRAILING_LINES,"");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value;}));}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0);})),!t)return "break"},o=0;o<10;o++){if("break"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return [];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(",").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t});})),t++;})),r}function computeSpecificity(e){return 1}var IMPORTANT="!important",FIND_DECLARATIONS=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o});}return r}function normalizeValue(e){var t=(e=e.replace(/\s+/gim," ").trim()).endsWith(IMPORTANT);return t&&(e=e.substr(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement;}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors);})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return ":root"===t||"html"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return {original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return !1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t));}));}function reScope(e,t){var r=e.template.map((function(r){return "string"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,"\\."+t,"."+r)}function replaceAll(e,t,r){return e.replace(new RegExp(t,"g"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t);}))}function startWatcher(e,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t);})).observe(document.head,{childList:!0});}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement("style");o.setAttribute("data-styles",""),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove();}})).catch((function(e){console.error(e);}))}var CSS_VARIABLE_REGEXP=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function hasCssVariables(e){return e.indexOf("var(")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,"");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1;}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}));}));})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal();}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal();},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error("host style already created");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),s.usesCssVars?n?(o["s-sc"]=t=s.scopeId+"-"+this.count,o.textContent="/*needs update*/",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e);},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n);}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes);},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")||(e.__cssshim=new CustomStyle(e,e.document));}("undefined"!=typeof window&&window);