@zanichelli/albe-web-components 2.33.5-rc1 → 2.34.1

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

@@ -1,32 +0,0 @@
-import { r as registerInstance, f as createEvent, h } from './index-44936066.js';
-
-const stylesCss = ":host{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-direction:row;justify-content:center;width:100%;height:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.modal-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}.modal-container{display:flex;flex-direction:column;z-index:1010;width:100%;height:100vh;overflow:-moz-scrollbars-none;overflow:hidden}.modal-container>header{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);background:var(--color-surface02)}.modal-container>header button{margin:0;padding:0;border:none;background:transparent;cursor:pointer;margin-left:auto}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 2.5);--z-icon-height:calc(var(--space-unit) * 2.5);display:flex;fill:var(--color-icon01)}.modal-container>header>div{display:flex;flex-direction:column;width:100%;margin-right:calc(var(--space-unit) * 2)}.modal-container>header h1,.modal-container>header h2{margin:0;padding:0;font-weight:var(--font-rg);color:var(--color-text01)}.modal-container>header h1{font-size:var(--font-size-5);line-height:1.4;letter-spacing:0}.modal-container>header h2{font-size:var(--font-size-3);line-height:1.5;letter-spacing:0}.modal-container>header>div *:empty{display:none}.modal-container>header h1+h2{margin-top:calc(var(--space-unit) * 0.5)}.modal-container>.modal-content{flex:1 auto;background:var(--color-surface01);overflow:auto;overflow-x:hidden}.modal-container .modal-content::-webkit-scrollbar{background:linear-gradient(\r\n    to right,\r\n    transparent 0 3px,\r\n    var(--gray200) 3px 7px,\r\n    transparent 7px 10px\r\n  );width:10px;border-radius:var(--border-radius)}.modal-container .modal-content::-webkit-scrollbar-track{background-color:transparent}.modal-container .modal-content::-webkit-scrollbar-thumb{background-color:var(--color-primary01);border-radius:var(--border-radius);width:10px}.modal-container .modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.modal-container .modal-content{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.modal-container{position:fixed;top:calc(var(--space-unit) * 6);left:50%;transform:translateX(-50%);width:auto;height:auto;min-width:calc(var(--space-unit) * 40);min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));border-radius:var(--border-radius)}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 768px) and (max-width: 1151px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 4)}.modal-container>header h1{font-size:var(--font-size-6);line-height:1.33;letter-spacing:0}.modal-container>header h2{font-size:var(--font-size-4);line-height:1.5;letter-spacing:0}.modal-container>header h1+h2{margin-top:0}}";
-
-const ZModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.modalClose = createEvent(this, "modalClose", 7);
-    this.modalHeaderActive = createEvent(this, "modalHeaderActive", 7);
-    this.modalBackgroundClick = createEvent(this, "modalBackgroundClick", 7);
-    /** aria-label for close button (optional) */
-    this.closeButtonLabel = "close modal";
-  }
-  emitModalClose() {
-    this.modalClose.emit({ modalid: this.modalid });
-  }
-  emitModalHeaderActive() {
-    this.modalHeaderActive.emit({ modalid: this.modalid });
-  }
-  emitBackgroundClick() {
-    this.modalBackgroundClick.emit({ modalid: this.modalid });
-  }
-  render() {
-    return [
-      h("div", { class: "modal-container", id: this.modalid, role: "dialog" }, h("header", { onClick: this.emitModalHeaderActive.bind(this) }, h("div", null, this.modaltitle && h("h1", null, this.modaltitle), this.modalsubtitle && h("h2", null, this.modalsubtitle)), h("slot", { name: "modalCloseButton" }, h("button", { "aria-label": this.closeButtonLabel, onClick: this.emitModalClose.bind(this) }, h("z-icon", { name: "multiply-circle-filled" })))), h("div", { class: "modal-content" }, h("slot", { name: "modalContent" }))),
-      h("div", { class: "modal-background", "data-action": "modalBackground", "data-modal": this.modalid, onClick: this.emitBackgroundClick.bind(this) })
-    ];
-  }
-};
-ZModal.style = stylesCss;
-
-export { ZModal as z_modal };

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

@@ -1,15 +0,0 @@
-import { r as registerInstance, h } from './index-44936066.js';
-
-const stylesCss = ":host{height:340px;width:auto}:host>div{height:340px;width:auto;display:flex;align-items:center;justify-content:center;position:relative}";
-
-const ZMyzCardBody = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("div", null, h("slot", { name: "alert" }), h("slot", { name: "cover" })));
-  }
-};
-ZMyzCardBody.style = stylesCss;
-
-export { ZMyzCardBody as z_myz_card_body };

package/dist/web-components-library/z-myz-card-cover.entry.js

@@ -1,18 +0,0 @@
-import { r as registerInstance, h } from './index-44936066.js';
-
-const stylesCss = "img{display:block;margin:auto auto;height:340px;max-width:100%;object-fit:cover}img.faded{opacity:0.3}";
-
-const ZMyzCardCover = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  hadleOnImageError() {
-    this.img = this.defaultimg;
-  }
-  render() {
-    return (h("img", { class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
-  }
-};
-ZMyzCardCover.style = stylesCss;
-
-export { ZMyzCardCover as z_myz_card_cover };

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

@@ -1,34 +0,0 @@
-import { r as registerInstance, h } from './index-44936066.js';
-import { L as LicenseTypeEnum } from './index-08d9a3bf.js';
-
-const stylesCss = "header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:auto;height:calc(var(--space-unit) * 6);position:relative;border-bottom:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius) var(--border-radius)\r\n    var(--border-no-radius) var(--border-no-radius);background-color:var(--color-surface01)}header.real,header.trial{background-color:var(--accent-lighter);border-bottom:var(--border-size-medium) solid var(--accent)}h2{font-family:var(--font-family-sans);font-weight:var(--font-sb);color:var(--color-surface05);height:calc(var(--space-unit) * 2);font-size:12px;text-transform:uppercase;letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);margin:0px;padding:calc(var(--space-unit) * 2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faded{border-bottom:var(--border-size-medium) solid var(--color-surface02)}.faded.real,.faded.trial{border-top:var(--border-size-medium) solid var(--accent);border-right:var(--border-size-medium) solid var(--accent);border-left:var(--border-size-medium) solid var(--accent)}";
-
-const ZMyzCardHeader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.allowTooltip = false;
-  }
-  getTitle() {
-    return this.allowTooltip ? this.titolo : "";
-  }
-  componentDidLoad() {
-    if (this.elementHasEllipsis())
-      this.allowTooltip = true;
-  }
-  elementHasEllipsis() {
-    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
-  }
-  retrieveClass() {
-    return {
-      real: this.cardtype === LicenseTypeEnum.real,
-      trial: this.cardtype === LicenseTypeEnum.trial,
-      faded: this.faded
-    };
-  }
-  render() {
-    return (h("header", { class: this.retrieveClass() }, h("h2", { ref: el => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { name: "icon" })));
-  }
-};
-ZMyzCardHeader.style = stylesCss;
-
-export { ZMyzCardHeader as z_myz_card_header };

package/dist/web-components-library/z-myz-card.entry.js

@@ -1,37 +0,0 @@
-import { r as registerInstance, h } from './index-44936066.js';
-import { L as LicenseTypeEnum } from './index-08d9a3bf.js';
-
-const stylesCss = "div{background-color:var(--color-surface01);display:flex;flex-direction:column;width:auto;box-sizing:border-box;width:256px;height:522px;border:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius)}div.real,div.trial{border-color:var(--accent)}div.faded{border:var(--border-size-medium) solid var(--color-surface02)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}";
-
-const ZMyzCardComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** pressed status */
-    this.ispressed = false;
-    /** highlighted status */
-    this.ishighlighted = false;
-  }
-  retrieveClass() {
-    let elemClasses = "";
-    if (this.cardtype === LicenseTypeEnum.real)
-      elemClasses += "real";
-    else if (this.cardtype === LicenseTypeEnum.trial)
-      elemClasses += "trial";
-    if (this.faded) {
-      elemClasses += " faded";
-    }
-    else if (this.ispressed) {
-      elemClasses += " pressed";
-    }
-    else if (this.ishighlighted) {
-      elemClasses += " highlighted";
-    }
-    return elemClasses;
-  }
-  render() {
-    return (h("div", { class: this.retrieveClass(), tabindex: "0" }, h("slot", null)));
-  }
-};
-ZMyzCardComponent.style = stylesCss;
-
-export { ZMyzCardComponent as z_myz_card };

package/dist/web-components-library/z-myz-list.entry.js

@@ -1,31 +0,0 @@
-import { r as registerInstance, h } from './index-44936066.js';
-
-const stylesCss = "ul{margin:0;padding:0}";
-
-const ZMyzList = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  componentWillLoad() {
-    if (this.inputrawdata) {
-      this.parseinputrawdata(this.inputrawdata);
-    }
-  }
-  parseinputrawdata(inputrawdata) {
-    this.list = [...JSON.parse(inputrawdata)];
-  }
-  oninputrawdataChange(newValue) {
-    this.parseinputrawdata(newValue);
-  }
-  render() {
-    const lastElem = this.list ? this.list.length - 1 : -1;
-    return (h("ul", null, this.list &&
-      this.list.map((bean, i) => (h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
-  }
-  static get watchers() { return {
-    "inputrawdata": ["oninputrawdataChange"]
-  }; }
-};
-ZMyzList.style = stylesCss;
-
-export { ZMyzList as z_myz_list };

package/dist/web-components-library/z-panel-elem.entry.js

@@ -1,26 +0,0 @@
-import { r as registerInstance, h } from './index-44936066.js';
-
-const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg);width:inherit}.panel-elem-container{width:100%}.panel-elem-icon{margin:auto calc(var(--space-unit) * 3)}.panel-elem-icon img{display:block;object-fit:contain;max-width:96px;height:32px;margin:auto}.panel-elem-link{border-radius:var(--border-no-radius);margin:var(--space-unit) auto 0;text-align:center;font-size:12px}.panel-elem-link>z-link{font-weight:var(--font-sb)}.panel-elem-desc{letter-spacing:0.16px;text-align:center;margin:0;padding-top:var(--space-unit)}";
-
-const ZPanelElem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** link target (optional) */
-    this.target = "_blank";
-    /** disabled status flag (optional) */
-    this.isdisabled = false;
-  }
-  renderIcon() {
-    if (this.isdisabled) {
-      return h("img", { src: this.imgurl, alt: this.imgalt });
-    }
-    return (h("a", { class: "elem-icon", href: this.url, target: this.target }, h("img", { src: this.imgurl, alt: this.imgalt })));
-  }
-  render() {
-    const elemId = this.elemid ? this.elemid : "";
-    return (h("div", { class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { class: "panel-elem-icon" }, this.renderIcon())), h("div", { class: "panel-elem-link" }, h("z-link", { href: this.url, icon: this.linkicon, isdisabled: this.isdisabled, target: this.target, htmlid: elemId + "link_id" }, this.linklabel)), this.descr_slot_name && (h("div", { class: "panel-elem-desc body-long-01" }, h("slot", { name: this.descr_slot_name })))));
-  }
-};
-ZPanelElem.style = stylesCss;
-
-export { ZPanelElem as z_panel_elem };

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

@@ -1,23 +0,0 @@
-import { r as registerInstance, h } from './index-44936066.js';
-import { c as PocketStatusEnum } from './index-08d9a3bf.js';
-
-const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>main{background:var(--color-surface01);border-left:var(--border-size-small) solid var(--color-surface03);border-right:var(--border-size-small) solid var(--color-surface03);overflow:auto;scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";
-
-const ZPocketBody = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** pocket status */
-    this.status = PocketStatusEnum.preview;
-  }
-  handlePocketToggle(e) {
-    if (e.detail.id && e.detail.id === this.pocketid) {
-      this.status = e.detail.status;
-    }
-  }
-  render() {
-    return (h("main", { class: this.status }, h("slot", null)));
-  }
-};
-ZPocketBody.style = stylesCss;
-
-export { ZPocketBody as z_pocket_body };

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

@@ -1,36 +0,0 @@
-import { r as registerInstance, f as createEvent, h } from './index-44936066.js';
-import { h as handleKeyboardSubmit } from './utils-2e0fffb8.js';
-import { h as hammer } from './hammer-52e2c4fe.js';
-import './index-08d9a3bf.js';
-import './breakpoints-14432d05.js';
-import './_commonjsHelpers-cb1cd7bb.js';
-
-const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>header{background:var(--color-surface01);border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--space-unit) var(--space-unit) 0px 0px;height:36px;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;align-items:center}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";
-
-const ZPocketHeader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.pocketHeaderClick = createEvent(this, "pocketHeaderClick", 7);
-    this.pocketHeaderPan = createEvent(this, "pocketHeaderPan", 7);
-    this.emitPocketHeaderClick = this.emitPocketHeaderClick.bind(this);
-  }
-  emitPocketHeaderClick() {
-    this.pocketHeaderClick.emit({ id: this.pocketid });
-  }
-  emitPocketHeaderPan(direction) {
-    this.pocketHeaderPan.emit({ id: this.pocketid, direction });
-  }
-  componentDidLoad() {
-    // INFO: swipe handling
-    const mc = new hammer(this.swipeWrap);
-    mc.get("pan").set({ direction: hammer.DIRECTION_VERTICAL });
-    mc.on("panup", () => this.emitPocketHeaderPan("up"));
-    mc.on("pandown", () => this.emitPocketHeaderPan("down"));
-  }
-  render() {
-    return (h("header", { role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: el => (this.swipeWrap = el) }, h("slot", null)));
-  }
-};
-ZPocketHeader.style = stylesCss;
-
-export { ZPocketHeader as z_pocket_header };

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

@@ -1,68 +0,0 @@
-import { r as registerInstance, f as createEvent, h, g as getElement } from './index-44936066.js';
-import { c as PocketStatusEnum } from './index-08d9a3bf.js';
-
-const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:inherit;height:100%;margin:inherit}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;width:0;height:0}:host>div>div.background.open{height:100%;width:100%}:host>div>div.contentWrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.contentWrapper>div{border-radius:var(--space-unit) var(--space-unit) 0px 0px;box-shadow:0px -2px calc(var(--space-unit) * 0.5) 0px rgba(66, 69, 72, 0.4);margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5)}";
-
-const ZPocket = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.pocketToggle = createEvent(this, "pocketToggle", 7);
-    /** pocket status */
-    this.status = PocketStatusEnum.preview;
-  }
-  /** open z-pocket */
-  async open() {
-    this.status = PocketStatusEnum.open;
-  }
-  /** close z-pocket */
-  async close() {
-    this.status = PocketStatusEnum.closed;
-  }
-  emitPocketToggle(id, status) {
-    this.pocketToggle.emit({ id, status });
-  }
-  handlePocketHeaderClick(e) {
-    if (e.detail.id && e.detail.id === this.pocketid) {
-      switch (this.status) {
-        case PocketStatusEnum.preview:
-        case PocketStatusEnum.closed:
-          this.status = PocketStatusEnum.open;
-          break;
-        case PocketStatusEnum.open:
-          this.status = PocketStatusEnum.closed;
-          break;
-      }
-    }
-  }
-  handlePocketHeaderPan(e) {
-    if (e.detail.id && e.detail.id === this.pocketid) {
-      if (e.detail.direction === "up") {
-        this.status = PocketStatusEnum.open;
-      }
-      else if (e.detail.direction === "down") {
-        this.status = PocketStatusEnum.closed;
-      }
-    }
-  }
-  watchStatusHandler(newVal) {
-    this.emitPocketToggle(this.pocketid, newVal);
-  }
-  componentWillLoad() {
-    this.emitPocketToggle(this.pocketid, this.status);
-  }
-  handleBackgroundClick(e) {
-    if (e.target.dataset.action == "pocketBackground") {
-      this.close();
-    }
-  }
-  render() {
-    return (h("div", null, h("div", { "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { id: this.pocketid, class: "contentWrapper" }, h("div", null, h("slot", null)))));
-  }
-  get hostElement() { return getElement(this); }
-  static get watchers() { return {
-    "status": ["watchStatusHandler"]
-  }; }
-};
-ZPocket.style = stylesCss;
-
-export { ZPocket as z_pocket };

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

@@ -1,123 +0,0 @@
-import { r as registerInstance, h, e as Host } from './index-44936066.js';
-import { c as classnames } from './index-8067f807.js';
-import { P as PopoverPosition, s as PopoverBorderRadius, t as PopoverShadow, K as KeyboardKeys } from './index-08d9a3bf.js';
-import { b as getElementTree } from './utils-2e0fffb8.js';
-import './_commonjsHelpers-cb1cd7bb.js';
-import './breakpoints-14432d05.js';
-
-const stylesCss = ".sc-z-popover-h{font-family:var(--dashboard-font);font-weight:var(--font-rg);position:relative;display:inline-block;--shadow-arrow-color:rgba(66, 69, 72, 0.2);--shadow-arrow-below-color:rgba(66, 69, 72, 0.1)}.popover-content-container.sc-z-popover{box-sizing:border-box;visibility:hidden;position:absolute;min-width:64px;min-height:32px;z-index:999}.popover-content-container.visible.sc-z-popover{visibility:visible}.popover-content-container.border-radius-none.sc-z-popover{border-radius:0}.popover-content-container.border-radius-small.sc-z-popover{border-radius:var(--border-radius-small)}.popover-content-container.border-radius-medium.sc-z-popover{border-radius:var(--border-radius)}.popover-content-container.shadow-1.sc-z-popover{box-shadow:var(--shadow-1)}.popover-content-container.shadow-2.sc-z-popover{box-shadow:var(--shadow-2)}.popover-content-container.shadow-3.sc-z-popover{box-shadow:var(--shadow-3)}.popover-content-container.shadow-4.sc-z-popover{box-shadow:var(--shadow-4)}.popover-content-container.shadow-6.sc-z-popover{box-shadow:var(--shadow-6)}.popover-content-container.shadow-8.sc-z-popover{box-shadow:var(--shadow-8)}.popover-content-container.shadow-12.sc-z-popover{box-shadow:var(--shadow-12)}.popover-content-container.shadow-16.sc-z-popover{box-shadow:var(--shadow-16)}.popover-content-container.shadow-24.sc-z-popover{box-shadow:var(--shadow-24)}.popover-content-container.after-down.sc-z-popover{top:0;left:calc(100% + var(--space-unit))}.popover-content-container.after-center.sc-z-popover{top:50%;left:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.after-up.sc-z-popover{bottom:0;left:calc(100% + var(--space-unit))}.popover-content-container.below-right.sc-z-popover{left:0;top:calc(100% + var(--space-unit))}.popover-content-container.below-center.sc-z-popover{left:50%;top:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.below-left.sc-z-popover{right:0;top:calc(100% + var(--space-unit))}.popover-content-container.before-down.sc-z-popover{top:0;right:calc(100% + var(--space-unit))}.popover-content-container.before-center.sc-z-popover{top:50%;right:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.before-up.sc-z-popover{bottom:0;right:calc(100% + var(--space-unit))}.popover-content-container.above-right.sc-z-popover{left:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.above-center.sc-z-popover{left:50%;bottom:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.above-left.sc-z-popover{right:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.sc-z-popover:before{display:none;position:absolute;content:\"\";width:8px;height:8px;z-index:-1;background-color:inherit;transform:rotate(45deg)}.popover-content-container.after-down.sc-z-popover:before{top:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-center.sc-z-popover:before{top:calc(50% - 4px);left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-up.sc-z-popover:before{bottom:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.below-right.sc-z-popover:before{left:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-center.sc-z-popover:before{left:calc(50% - 4px);top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-left.sc-z-popover:before{right:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.before-down.sc-z-popover:before{top:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-center.sc-z-popover:before{top:calc(50% - 4px);right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-up.sc-z-popover:before{bottom:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-right.sc-z-popover:before{left:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-center.sc-z-popover:before{left:calc(50% - 4px);bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-left.sc-z-popover:before{right:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.show-arrow.sc-z-popover:before{display:block}";
-
-const ZPopover = class {
-  /**
-   * Constructor.
-   */
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** [optional] Popover position */
-    this.position = PopoverPosition["after-up"];
-    /** [optional] Background color token for popover */
-    this.backgroundColor = "color-white";
-    /** [optional] Border radius token for popover */
-    this.borderRadius = PopoverBorderRadius.small;
-    /** [optional] Box shadow token for popover */
-    this.boxShadow = PopoverShadow["shadow-1"];
-    /** [optional] Show or hide arrow */
-    this.showArrow = false;
-    /** [optional] Sets padding for Popover container */
-    this.padding = "8px";
-    this.isVisible = false;
-    this.handleKeyDown = this.handleKeyDown.bind(this);
-  }
-  componentDidLoad() {
-    this.checkSpaceAvailable();
-  }
-  closePopover() {
-    this.isVisible = false;
-  }
-  closePopoverWithKeyboard(e) {
-    if (e.key === KeyboardKeys.ESC) {
-      this.closePopover();
-    }
-  }
-  handleClick(event) {
-    this.isVisible = !this.isVisible;
-    this.checkSpaceAvailable();
-    event.stopPropagation();
-  }
-  handleKeyDown(event) {
-    if (event.code === KeyboardKeys.ENTER) {
-      this.isVisible = !this.isVisible;
-      this.checkSpaceAvailable();
-    }
-  }
-  handleOutsideClick(e) {
-    const tree = getElementTree(e.target);
-    const parent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-popover");
-    if (!parent) {
-      this.isVisible = false;
-    }
-  }
-  checkSpaceAvailable() {
-    const width = document.body.clientWidth;
-    const height = window.innerHeight;
-    const rect = this.popoverElem.getBoundingClientRect();
-    const l = rect.left;
-    const r = rect.right;
-    const t = rect.top;
-    const b = rect.bottom;
-    let firstSide = this.position.split("-")[0];
-    let secondSide = this.position.split("-")[1];
-    // If top is outside viewport
-    if (t < 0) {
-      if (this.position.startsWith("above")) {
-        firstSide = "below";
-      }
-      else {
-        secondSide = "down";
-      }
-    }
-    // If bottom is outside viewport
-    if (b > height) {
-      if (this.position.startsWith("below")) {
-        firstSide = "above";
-      }
-      else {
-        secondSide = "up";
-      }
-    }
-    // If right is outside viewport
-    if (r > width) {
-      if (this.position.startsWith("above") ||
-        this.position.startsWith("below")) {
-        secondSide = "left";
-      }
-      else {
-        firstSide = "before";
-      }
-    }
-    // If left is outside viewport
-    if (l < 0) {
-      if (this.position.startsWith("above") ||
-        this.position.startsWith("below")) {
-        secondSide = "right";
-      }
-      else {
-        firstSide = "after";
-      }
-    }
-    this.position = PopoverPosition[`${firstSide}-${secondSide}`];
-  }
-  render() {
-    return (h(Host, { onKeyDown: this.handleKeyDown }, h("div", { tabindex: "0", onClick: (event) => this.handleClick(event), onKeyDown: (event) => {
-        if (event.key === KeyboardKeys.ENTER) {
-          this.handleClick(event);
-        }
-      } }, h("slot", { name: "trigger" })), h("div", { ref: (e) => (this.popoverElem = e), class: classnames("popover-content-container", this.position, `border-radius-${this.borderRadius}`, this.boxShadow, { "show-arrow": this.showArrow }, { visible: this.isVisible }), style: {
-        backgroundColor: `var(--${this.backgroundColor})`,
-        padding: this.padding,
-      } }, h("slot", { name: "popover" }))));
-  }
-};
-ZPopover.style = stylesCss;
-
-export { ZPopover as z_popover };

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

@@ -1,20 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-44936066.js';
-
-const stylesCss = ".sc-z-registro-table-body-h{display:table-row-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-registro-table-body-h>z-registro-table-row[expanded].sc-z-registro-table-body+z-registro-table-expanded-row.sc-z-registro-table-body{display:table-row}";
-
-const ZRegistroTableBody = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  componentWillRender() {
-    this.host.setAttribute("role", "rowgroup");
-    Array.from(this.host.children).forEach((child, index) => child.setAttribute("aria-rowindex", `${index}`));
-  }
-  render() {
-    return h("slot", null);
-  }
-  get host() { return getElement(this); }
-};
-ZRegistroTableBody.style = stylesCss;
-
-export { ZRegistroTableBody as z_registro_table_body };

package/dist/web-components-library/z-registro-table-cell.entry.js

@@ -1,32 +0,0 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-44936066.js';
-import { q as Size, B as ButtonVariantEnum, b as ButtonSizeEnum } from './index-08d9a3bf.js';
-import { c as classnames } from './index-8067f807.js';
-import './_commonjsHelpers-cb1cd7bb.js';
-
-const stylesCss = ":host{display:table-cell;background-color:var(--color-white);border-bottom:var(--border-size-small) solid var(--bg-grey-200);font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>.button-container{display:none}:host:hover>.button-container{display:initial}.button-container{position:absolute;right:8px;top:8px;z-index:5}.button-content{position:relative}.contextual-menu-container{display:none;position:absolute;top:calc(100% - var(--space-unit));right:0}.button-container.visible,.contextual-menu-container.visible{display:initial}:host([padding=\"x-small\"]){padding:calc(var(--space-unit) * 0.5)}:host([padding=\"small\"]){padding:calc(var(--space-unit))}:host([padding=\"medium\"]){padding:calc(var(--space-unit) * 2)}:host([padding=\"large\"]){padding:calc(var(--space-unit) * 2.5)}:host([padding=\"special\"]){padding:0}";
-
-const ZRegistroTableCell = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** Set padding size of cell, if special 0px padding will be set */
-    this.padding = Size.medium;
-    this.isMenuOpened = false;
-  }
-  handleMenu() {
-    this.isMenuOpened = !this.isMenuOpened;
-  }
-  componentWillRender() {
-    this.host.setAttribute("role", "cell");
-  }
-  render() {
-    return (h(Host, null, this.showButton && (h("div", { class: classnames("button-container", {
-        visible: this.isMenuOpened,
-      }) }, h("div", { class: "button-content" }, h("z-button", { icon: "contextual-menu", variant: ButtonVariantEnum.tertiary, size: ButtonSizeEnum["x-small"], onClick: () => this.handleMenu(), square: true }), h("div", { class: classnames("contextual-menu-container", {
-        visible: this.isMenuOpened,
-      }) }, h("slot", { name: "contextual-menu" }))))), h("slot", null)));
-  }
-  get host() { return getElement(this); }
-};
-ZRegistroTableCell.style = stylesCss;
-
-export { ZRegistroTableCell as z_registro_table_cell };

package/dist/web-components-library/z-registro-table-empty-box.entry.js

@@ -1,24 +0,0 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-44936066.js';
-
-const stylesCss = ".sc-z-registro-table-empty-box-h{display:block;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 7)\r\n    calc(var(--space-unit) * 3) calc(var(--space-unit) * 7);background-color:var(--bg-white)}.sc-z-registro-table-empty-box-s>*{margin-right:calc(var(--space-unit) * 2);margin-top:var(--space-unit)}div.cta.sc-z-registro-table-empty-box{display:flex;flex-direction:row;margin-top:var(--space-unit)}@media only screen and (max-width: 768px){div.cta.sc-z-registro-table-empty-box{flex-direction:column}}";
-
-const ZRegistroTableEmptyBox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** Sets main title message*/
-    this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare.";
-    /** Sets message */
-    this.subtitle = "";
-  }
-  componentWillLoad() {
-    this.hasCta1Slot = !!this.hostElement.querySelector('[slot="cta1"]');
-    this.hasCta2Slot = !!this.hostElement.querySelector('[slot="cta2"]');
-  }
-  render() {
-    return (h(Host, null, h("z-body", { level: 3, variant: "semibold" }, this.message), h("br", null), !!this.subtitle && (h("z-body", { level: 4, variant: "regular" }, this.subtitle)), (!!this.hasCta1Slot || !!this.hasCta2Slot) && (h("div", { class: "cta" }, h("slot", { name: "cta1" }), h("slot", { name: "cta2" })))));
-  }
-  get hostElement() { return getElement(this); }
-};
-ZRegistroTableEmptyBox.style = stylesCss;
-
-export { ZRegistroTableEmptyBox as z_registro_table_empty_box };

package/dist/web-components-library/z-registro-table-expanded-row.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, h } from './index-44936066.js';
-
-const stylesCss = ":host{background-color:var(--gray50);display:none}:host>td>div.content-container{box-shadow:var(--shadow-2);margin-bottom:calc(var(--space-unit) / 2)}";
-
-const ZRegistroTableExpandedRow = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("td", { colSpan: this.colSpan }, h("div", { class: "content-container" }, h("slot", null))));
-  }
-};
-ZRegistroTableExpandedRow.style = stylesCss;
-
-export { ZRegistroTableExpandedRow as z_registro_table_expanded_row };

package/dist/web-components-library/z-registro-table-head.entry.js

@@ -1,19 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-44936066.js';
-
-const stylesCss = ".sc-z-registro-table-head-h{display:table-header-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";
-
-const ZRegistroTableHead = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  componentWillRender() {
-    this.host.setAttribute("role", "rowgroup");
-  }
-  render() {
-    return h("slot", null);
-  }
-  get host() { return getElement(this); }
-};
-ZRegistroTableHead.style = stylesCss;
-
-export { ZRegistroTableHead as z_registro_table_head };

package/dist/web-components-library/z-registro-table-header-row.entry.js

@@ -1,18 +0,0 @@
-import { r as registerInstance, h, e as Host } from './index-44936066.js';
-
-const stylesCss = "z-registro-table-header-row{display:table-row}z-registro-table-header-row[expandable]>z-registro-table-header:first-child{width:40px;user-select:none;box-sizing:border-box}z-registro-table-header-row[expandable]>z-registro-table-header:nth-child(2){padding-left:8px}";
-
-const ZRegistroTableHeaderRow = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  _renderExpandHeader() {
-    return h("z-registro-table-header", null);
-  }
-  render() {
-    return (h(Host, { role: "row" }, this.expandable && this._renderExpandHeader(), h("slot", null)));
-  }
-};
-ZRegistroTableHeaderRow.style = stylesCss;
-
-export { ZRegistroTableHeaderRow as z_registro_table_header_row };