@zanichelli/albe-web-components 2.31.2 → 2.33.1

package/www/build/z-notification.entry.js

@@ -0,0 +1,38 @@
+import { r as registerInstance, f as createEvent, h } from './index-44936066.js';
+import { N as NotificationType } from './index-8f67b3da.js';
+
+const stylesCss = ":host{width:100%;color:var(--color-text01)}.notification-container{display:flex;padding:0 0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);outline:none;border-bottom:var(--border-size-medium) solid var(--color-surface03)}.shadow{box-shadow:var(--shadow-3)}.content-container{display:flex;justify-content:space-between;flex:1 1 auto;flex-wrap:wrap}.content-text{max-width:800px;margin-top:calc(var(--space-unit) * 2);margin-right:calc(var(--space-unit) * 2)}.action-text{margin-top:calc(var(--space-unit) * 2);margin-right:calc(var(--space-unit) * 2);height:fit-content;color:var(--color-primary01);cursor:pointer;white-space:nowrap}:host div>z-icon{justify-self:center;margin-top:calc(var(--space-unit) * 2);margin-right:calc(var(--space-unit))}:host div.success-notification{background:var(--color-success-inverse)}:host div.warning-notification{background:var(--color-warning-inverse)}:host div.error-notification{background:var(--color-error-inverse)}:host div.success-notification>z-icon{fill:var(--color-success01)}:host div.warning-notification>z-icon{fill:var(--color-warning02)}:host div.error-notification>z-icon{fill:var(--color-error01)}:host div>z-icon.close-icon{cursor:pointer;fill:var(--color-primary01);margin-right:calc(var(--space-unit) * 2)}@media only screen and (min-width: 768px){.content-container{flex-wrap:nowrap}.content-text{margin-right:calc(var(--space-unit) * 5)}}";
+
+const ZNotification = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.notificationAction = createEvent(this, "notificationAction", 7);
+    this.notificationClose = createEvent(this, "notificationClose", 7);
+    /** enable close icon */
+    this.showclose = false;
+    /** enable shadow */
+    this.showshadow = false;
+  }
+  handleActionButtonClick(e) {
+    e.preventDefault();
+    this.notificationAction.emit();
+  }
+  handleCloseButtonClick(e) {
+    e.preventDefault();
+    this.notificationClose.emit();
+  }
+  render() {
+    return (h("div", { class: {
+        "notification-container": true,
+        "success-notification": this.type === NotificationType.success,
+        "warning-notification": this.type === NotificationType.warning,
+        "error-notification": this.type === NotificationType.error,
+        "shadow": this.showshadow
+      } }, this.contenticonname && (h("z-icon", { name: this.contenticonname, width: 16, height: 16 })), h("div", { class: "content-container" }, h("z-body", { class: "content-text", level: 4 }, h("slot", null)), this.actiontext && !!this.actiontext.trim().length && (h("z-body", { class: "action-text", role: "button", tabindex: "0", onClick: (e) => {
+        this.handleActionButtonClick(e);
+      }, level: 5, variant: "semibold" }, this.actiontext))), this.showclose && (h("z-icon", { class: "close-icon", name: "multiply-circle", width: 16, height: 16, onClick: (e) => this.handleCloseButtonClick(e) }))));
+  }
+};
+ZNotification.style = stylesCss;
+
+export { ZNotification as z_notification };

package/{dist/cjs/z-otp.cjs.entry.js → www/build/z-otp.entry.js}

@@ -1,16 +1,12 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-dee3e21d.js');
-const index$1 = require('./index-8f4b351d.js');
+import { r as registerInstance, f as createEvent, h } from './index-44936066.js';
+import { d as InputStatusEnum } from './index-8f67b3da.js';
 
 const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{height:72px;width:calc(var(--space-unit) * 5);font-size:32px;font-weight:300;font-family:var(--font-family-sans);text-align:center;caret-color:transparent;box-sizing:border-box;padding:0;color:var(--color-surface05)}input.error{border:1px solid;border-radius:4px;border-color:var(--color-error01);background-color:var(--color-error-inverse)}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";
 
 const ZOtp = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.otpChange = index.createEvent(this, "otpChange", 7);
+    registerInstance(this, hostRef);
+    this.otpChange = createEvent(this, "otpChange", 7);
     this.inputNum = 6;
   }
   emitInputChange(value) {
@@ -21,8 +17,8 @@ const ZOtp = class {
     this.otpRef = Array.apply(null, Array(this.inputNum));
   }
   render() {
-    return (index.h("div", { class: "otp-container" }, index.h("div", { class: "digits-container" }, this.otp.map((_elem, i) => {
-      return (index.h("input", { class: this.status == index$1.InputStatusEnum.error ? "error" : null, onKeyDown: (e) => {
+    return (h("div", { class: "otp-container" }, h("div", { class: "digits-container" }, this.otp.map((_elem, i) => {
+      return (h("input", { class: this.status == InputStatusEnum.error ? "error" : null, onKeyDown: (e) => {
           if (e.keyCode > 47)
             this.otpRef[i].value = "";
         }, onKeyUp: (e) => {
@@ -33,9 +29,9 @@ const ZOtp = class {
           this.otp[i] = e.target.value;
           this.emitInputChange(this.otp.join(""));
         }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: input => (this.otpRef[i] = input) }));
-    })), index.h("z-input-message", { message: this.message, status: this.status })));
+    })), h("z-input-message", { message: this.message, status: this.status })));
   }
 };
 ZOtp.style = stylesCss;
 
-exports.z_otp = ZOtp;
+export { ZOtp as z_otp };

package/www/build/z-pagination-bar.entry.js

@@ -0,0 +1,126 @@
+import { r as registerInstance, f as createEvent, h } from './index-44936066.js';
+import { h as hammer } from './hammer-52e2c4fe.js';
+import { h as handleKeyboardSubmit } from './utils-5e70920f.js';
+import './_commonjsHelpers-cb1cd7bb.js';
+import './index-8f67b3da.js';
+import './breakpoints-c386984e.js';
+
+const stylesCss = ":host>div{height:48px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;align-content:center}:host>div>z-icon{cursor:pointer;margin:calc(var(--space-unit) * 2) 0;color:var(--color-primary01);fill:var(--color-primary01)}:host>div>z-icon.disabled{cursor:default;pointer-events:none;color:var(--color-disabled01);fill:var(--color-disabled01)}";
+
+const ZPaginationBar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.goToPage = createEvent(this, "goToPage", 7);
+    this.changeStartPage = createEvent(this, "changeStartPage", 7);
+    this.addPageToHistory = createEvent(this, "addPageToHistory", 7);
+    /** current displayed page (mutable) */
+    this.currentpage = 1;
+    /** initial page (mutable) */
+    this.startpage = 1;
+    /** array of history of visited pages (mutable, optional) */
+    this.listhistoryrow = [];
+    this.currentPages = [];
+    this.velocityConstantMultiplier = 2;
+    this.navigateRight = this.navigateRight.bind(this);
+    this.navigateLeft = this.navigateLeft.bind(this);
+    this.emitGoToPage = this.emitGoToPage.bind(this);
+  }
+  componentDidLoad() {
+    this.scrollPage = this.scrollPage.bind(this);
+    let mc = new hammer(this.bar);
+    // listen to events...
+    mc.on("swiperight", this.scrollPage);
+    mc.on("swipeleft", this.scrollPage);
+  }
+  componentWillRender() {
+    this.initPagination();
+  }
+  componentWillUpdate() {
+    this.initPagination();
+  }
+  initPagination() {
+    this.loadPages();
+    if (this.historyraw) {
+      this.parsehistoryraw(this.historyraw);
+    }
+  }
+  parsehistoryraw(historyraw) {
+    this.listhistoryrow = [...JSON.parse(historyraw)];
+  }
+  scrollPage(ev) {
+    let vel = Math.round(Math.abs(ev.velocity)) * this.velocityConstantMultiplier;
+    const deltaPage = Math.max(1, vel);
+    switch (ev.type) {
+      case "swiperight":
+        if (!this.canNavigateLeft())
+          break;
+        const newstartPage1 = this.startpage - deltaPage;
+        if (newstartPage1 > 1)
+          this.emitChangeStartPage(newstartPage1);
+        else
+          this.emitChangeStartPage(1);
+        break;
+      case "swipeleft":
+        if (!this.canNavigateRight())
+          break;
+        const newstartPage2 = this.startpage + deltaPage;
+        if (newstartPage2 < this.pages - this.visiblepages + 1)
+          this.emitChangeStartPage(newstartPage2);
+        else
+          this.emitChangeStartPage(this.pages - this.visiblepages + 1);
+        break;
+      default:
+        break;
+    }
+  }
+  emitGoToPage(page) {
+    this.currentpage = page;
+    this.goToPage.emit({ page: page });
+    this.addPageToHistory.emit({ page: page });
+  }
+  emitChangeStartPage(startpage) {
+    this.startpage = startpage;
+    this.changeStartPage.emit({ startpage: startpage });
+  }
+  emitAddPageToHistory(page) {
+    this.listhistoryrow.push(page);
+    this.changeStartPage.emit({ page: page });
+  }
+  loadPages() {
+    this.currentPages.splice(0);
+    const lastPage = this.pageWindow();
+    let i;
+    for (i = 0; i < lastPage; i++) {
+      this.currentPages.push(i + this.startpage);
+    }
+  }
+  pageWindow() {
+    return Math.min(this.pages, this.visiblepages); //How many pages are there to show?
+  }
+  canNavigateLeft() {
+    return this.startpage > 1;
+  }
+  canNavigateRight() {
+    return this.startpage + this.visiblepages - 1 < this.pages;
+  }
+  navigateLeft() {
+    if (this.canNavigateLeft()) {
+      this.startpage--;
+      this.emitChangeStartPage(this.startpage);
+      this.loadPages();
+    }
+  }
+  navigateRight() {
+    if (this.canNavigateRight()) {
+      this.startpage++;
+      this.emitChangeStartPage(this.startpage);
+      this.loadPages();
+    }
+  }
+  render() {
+    return (h("div", { ref: el => (this.bar = el) }, h("z-icon", { name: "chevron-left", class: !this.canNavigateLeft() && "disabled", onClick: () => this.navigateLeft(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.navigateLeft), tabindex: this.canNavigateLeft() ? 0 : -1 }), this.currentPages.map(page => (h("z-pagination-page", { value: page, isselected: page === this.currentpage, onClick: () => this.emitGoToPage(page), onKeyDown: (ev) => handleKeyboardSubmit(ev, this.emitGoToPage, page), isvisited: this.listhistoryrow.includes(page) }))), h("z-icon", { name: "chevron-right", class: !this.canNavigateRight() && "disabled", onClick: () => this.navigateRight(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.navigateRight), tabindex: this.canNavigateRight() ? 0 : -1 })));
+  }
+};
+ZPaginationBar.style = stylesCss;
+
+export { ZPaginationBar as z_pagination_bar };

package/www/build/z-pagination-page.entry.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index-44936066.js';
+
+const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-sb);display:inline-block}:host>button{cursor:pointer;outline:none;display:inline-block;box-sizing:border-box;margin:0;height:48px;line-height:48px;text-align:center;border:none;border-bottom:var(--border-size-large) solid transparent;color:var(--color-primary01);font-size:var(--font-size-2);font-family:var(--font-family-sans);font-weight:inherit;background:transparent;text-decoration:none;transition:border-bottom 0.2s ease, font-size 0.2s ease;min-width:56px}:host>button[disabled]{pointer-events:none;cursor:default;color:var(--color-disabled02)}:host>button:hover{border-bottom:var(--border-size-large) solid var(--color-hover-light);background-color:var(--color-background);text-decoration:none;transition:border-bottom 0.2s ease, background-color 0.2s ease}:host>button:focus{border-bottom:var(--border-size-large) solid var(--color-hover-light);box-shadow:var(--shadow-focus-primary);background-color:var(--color-background);text-decoration:none}:host>button.visited{border-color:var(--color-hover-light);text-decoration:none}:host>button.selected{border-bottom:var(--border-size-large) solid var(--color-primary01);font-size:var(--font-size-7);transition:border-bottom 0.2s ease, font-size 0.2s ease}";
+
+const ZPaginationPage = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /** selected status flag */
+    this.isselected = false;
+    /** disabled status flag */
+    this.isdisabled = false;
+    /** visited status flag */
+    this.isvisited = false;
+  }
+  render() {
+    return (h("button", { id: this.pageid, "aria-label": this.ariaLabel ? this.ariaLabel : `Go to page ${this.value}`, class: { selected: this.isselected, visited: this.isvisited }, disabled: this.isdisabled, type: "button" }, this.value));
+  }
+};
+ZPaginationPage.style = stylesCss;
+
+export { ZPaginationPage as z_pagination_page };

package/www/build/z-panel-elem.entry.js

@@ -0,0 +1,26 @@
+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/www/build/z-pocket-body.entry.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, h } from './index-44936066.js';
+import { c as PocketStatusEnum } from './index-8f67b3da.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/www/build/z-pocket-header.entry.js

@@ -0,0 +1,36 @@
+import { r as registerInstance, f as createEvent, h } from './index-44936066.js';
+import { h as handleKeyboardSubmit } from './utils-5e70920f.js';
+import { h as hammer } from './hammer-52e2c4fe.js';
+import './index-8f67b3da.js';
+import './breakpoints-c386984e.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/cjs/z-pocket-message.cjs.entry.js → www/build/z-pocket-message.entry.js}

@@ -1,19 +1,15 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-dee3e21d.js');
+import { r as registerInstance, h } from './index-44936066.js';
 
 const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{color:var(--color-surface05);fill:var(--color-surface05);font-size:14px;border-bottom:var(--border-size-small) solid var(--color-surface03);padding-top:calc(var(--space-unit) * 1.5);display:grid;grid-template-rows:auto auto;grid-template-columns:36px auto}:host>div>z-icon{grid-row:1 / 2;grid-column:1 / 2}:host>div>div.content{grid-row:1 / 2;grid-column:2 / 3;margin-bottom:var(--space-unit)}:host>div>div.ctaWrapper{grid-row:2 / 3;grid-column:1 / 3;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;margin-bottom:var(--space-unit)}@media only screen and (min-width: 768px){:host>div>div.ctaWrapper{flex-direction:row;grid-column:2 / 3}}";
 
 const ZPocketMessage = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    registerInstance(this, hostRef);
   }
   render() {
-    return (index.h("div", null, index.h("z-icon", { name: "exclamation-circle" }), index.h("div", { class: "content" }, index.h("slot", null)), index.h("div", { class: "ctaWrapper" }, index.h("slot", { name: "cta" }))));
+    return (h("div", null, h("z-icon", { name: "exclamation-circle" }), h("div", { class: "content" }, h("slot", null)), h("div", { class: "ctaWrapper" }, h("slot", { name: "cta" }))));
   }
 };
 ZPocketMessage.style = stylesCss;
 
-exports.z_pocket_message = ZPocketMessage;
+export { ZPocketMessage as z_pocket_message };

package/www/build/z-pocket.entry.js

@@ -0,0 +1,68 @@
+import { r as registerInstance, f as createEvent, h, g as getElement } from './index-44936066.js';
+import { c as PocketStatusEnum } from './index-8f67b3da.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/www/build/z-popover.entry.js

@@ -0,0 +1,124 @@
+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-8f67b3da.js';
+import { b as getElementTree } from './utils-5e70920f.js';
+import './_commonjsHelpers-cb1cd7bb.js';
+import './breakpoints-c386984e.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.defaultPosition = this.position;
+    this.handleKeyDown = this.handleKeyDown.bind(this);
+  }
+  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() {
+    if (!this.isVisible) {
+      this.position = this.defaultPosition;
+      return;
+    }
+    const width = document.body.clientWidth;
+    const height = window.innerHeight;
+    const l = this.popoverElem.getBoundingClientRect().left;
+    const r = this.popoverElem.getBoundingClientRect().right;
+    const t = this.popoverElem.getBoundingClientRect().top;
+    const b = this.popoverElem.getBoundingClientRect().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/www/build/z-registro-table-body.entry.js

@@ -0,0 +1,20 @@
+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/www/build/z-registro-table-cell.entry.js

@@ -0,0 +1,30 @@
+import { r as registerInstance, h, e as Host, g as getElement } from './index-44936066.js';
+import { B as ButtonVariantEnum, b as ButtonSizeEnum } from './index-8f67b3da.js';
+import { c as classnames } from './index-8067f807.js';
+import './_commonjsHelpers-cb1cd7bb.js';
+
+const stylesCss = ":host{display:table-cell;padding:calc(var(--space-unit) * 2);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}";
+
+const ZRegistroTableCell = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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/www/build/z-registro-table-empty-box.entry.js

@@ -0,0 +1,24 @@
+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)\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/www/build/z-registro-table-expanded-row.entry.js

@@ -0,0 +1,15 @@
+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 };