@zanichelli/delta_share 2.0.6 → 2.0.7

package/dist/wc/cjs/z-pagination-page.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca7d5e5.js');
+const index = require('./index-458dc8f4.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 stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-sb);display:inline-block}:host>a{cursor:pointer;outline:none;display:inline-block;box-sizing:border-box;margin:0;height:48px;line-height:48px;text-align:center;border-bottom:4px solid transparent;color:var(--myz-blue);font-size:14px;text-decoration:none;transition:border-bottom 0.2s ease, font-size 0.2s ease;min-width:56px}:host>a.disabled{pointer-events:none;cursor:default;color:var(--text-grey-700)}:host>a:hover{border-bottom:4px solid rgba(0, 86, 193, 0.5);background-color:var(--bg-grey-050);text-decoration:none;transition:border-bottom 0.2s ease, background-color 0.2s ease}:host>a:focus{border-bottom:4px solid var(--bg-grey-200);box-shadow:0px 0px 2px 2px var(--accent-dark);background-color:var(--bg-grey-050);text-decoration:none}:host>a.visited{border-color:rgba(0, 86, 193, 0.5);text-decoration:none}:host>a.selected{border-bottom:4px solid var(--myz-blue);font-size:28px;transition:border-bottom 0.2s ease, font-size 0.2s ease}@media only screen and (min-width: 768px){:host>a{}}";
 
 const ZPaginationPage = class {
   constructor(hostRef) {
@@ -17,7 +17,8 @@ const ZPaginationPage = class {
     this.isvisited = false;
   }
   render() {
-    return (index.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));
+    return (index.h("a", { id: this.pageid, ref: el => (this.page = el), class: `${this.isselected && "selected"} ${this.isdisabled &&
+        "disabled"} ${this.isvisited && "visited"}`, tabindex: this.isdisabled ? -1 : 0, role: "button" }, this.value));
   }
 };
 ZPaginationPage.style = stylesCss;

package/dist/wc/cjs/z-panel-elem.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca7d5e5.js');
+const index = require('./index-458dc8f4.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)}";
 

package/dist/wc/cjs/{z-table-body.cjs.entry.js → z-registro-table-body.cjs.entry.js}

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca7d5e5.js');
+const index = require('./index-458dc8f4.js');
 
-const stylesCss = ".sc-z-table-body-h{display:table-row-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-table-body-h>z-table-row[expanded].sc-z-table-body+z-table-expanded-row.sc-z-table-body{display:table-row}";
+const stylesCss = ".sc-z-registro-table-body-h{display:table-row-group;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";
 
-const ZTableBody = class {
+const ZRegistroTableBody = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
@@ -19,6 +19,6 @@ const ZTableBody = class {
   }
   get host() { return index.getElement(this); }
 };
-ZTableBody.style = stylesCss;
+ZRegistroTableBody.style = stylesCss;
 
-exports.z_table_body = ZTableBody;
+exports.z_registro_table_body = ZRegistroTableBody;

package/dist/wc/cjs/z-registro-table-cell.cjs.entry.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-458dc8f4.js');
+const index$2 = require('./index-b9bd2767.js');
+const index$1 = require('./index-1fda0714.js');
+require('./_commonjsHelpers-537d719a.js');
+
+const stylesCss = ".sc-z-registro-table-cell-h{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);position:relative}.sc-z-registro-table-cell-h>.button-container.sc-z-registro-table-cell{display:none}.sc-z-registro-table-cell-h:hover>.button-container.sc-z-registro-table-cell{display:initial}.button-container.sc-z-registro-table-cell{position:absolute;right:8px;top:8px;z-index:5}.button-content.sc-z-registro-table-cell{position:relative}.contextual-menu-container.sc-z-registro-table-cell{display:none;position:absolute;top:calc(100% - var(--space-unit));right:0}.button-container.visible.sc-z-registro-table-cell,.contextual-menu-container.visible.sc-z-registro-table-cell{display:initial}";
+
+const ZRegistroTableCell = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isMenuOpened = false;
+  }
+  handleMenu() {
+    this.isMenuOpened = !this.isMenuOpened;
+  }
+  componentWillRender() {
+    this.host.setAttribute("role", "cell");
+  }
+  render() {
+    return (index.h(index.Host, null, this.showButton && (index.h("div", { class: index$1.classnames("button-container", {
+        visible: this.isMenuOpened,
+      }) }, index.h("div", { class: "button-content" }, index.h("z-button", { icon: "contextual-menu", variant: index$2.ButtonVariantEnum.tertiary, size: index$2.ButtonSizeEnum["x-small"], onClick: () => this.handleMenu(), square: true }), index.h("div", { class: index$1.classnames("contextual-menu-container", {
+        visible: this.isMenuOpened,
+      }) }, index.h("slot", { name: "contextual-menu" }))))), index.h("slot", null)));
+  }
+  get host() { return index.getElement(this); }
+};
+ZRegistroTableCell.style = stylesCss;
+
+exports.z_registro_table_cell = ZRegistroTableCell;

package/dist/wc/cjs/{z-table-head.cjs.entry.js → z-registro-table-footer.cjs.entry.js}

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca7d5e5.js');
+const index = require('./index-458dc8f4.js');
 
-const stylesCss = ".sc-z-table-head-h{display:table-header-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";
+const stylesCss = ".sc-z-registro-table-footer-h{display:table-footer-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";
 
-const ZTableHead = class {
+const ZRegistroTableFooter = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
@@ -18,6 +18,6 @@ const ZTableHead = class {
   }
   get host() { return index.getElement(this); }
 };
-ZTableHead.style = stylesCss;
+ZRegistroTableFooter.style = stylesCss;
 
-exports.z_table_head = ZTableHead;
+exports.z_registro_table_footer = ZRegistroTableFooter;

package/dist/wc/cjs/{z-table-footer.cjs.entry.js → z-registro-table-head.cjs.entry.js}

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca7d5e5.js');
+const index = require('./index-458dc8f4.js');
 
-const stylesCss = ".sc-z-table-footer-h{display:table-footer-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";
+const stylesCss = ".sc-z-registro-table-head-h{display:table-header-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";
 
-const ZTableFooter = class {
+const ZRegistroTableHead = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
@@ -18,6 +18,6 @@ const ZTableFooter = class {
   }
   get host() { return index.getElement(this); }
 };
-ZTableFooter.style = stylesCss;
+ZRegistroTableHead.style = stylesCss;
 
-exports.z_table_footer = ZTableFooter;
+exports.z_registro_table_head = ZRegistroTableHead;

package/dist/wc/cjs/z-registro-table-header.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-458dc8f4.js');
+
+const stylesCss = ".sc-z-registro-table-header-h{display:table-cell;background-color:var(--gray50);border-bottom:var(--border-size-medium) solid var(--gray200);padding:20px calc(var(--space-unit) * 2);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start}";
+
+const ZRegistroTableHeader = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentWillRender() {
+    this.host.setAttribute("role", "columnheader");
+  }
+  render() {
+    return index.h("slot", null);
+  }
+  get host() { return index.getElement(this); }
+};
+ZRegistroTableHeader.style = stylesCss;
+
+exports.z_registro_table_header = ZRegistroTableHeader;

package/dist/wc/cjs/z-registro-table-row.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-458dc8f4.js');
+
+const stylesCss = ".sc-z-registro-table-row-h{display:table-row;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";
+
+const ZRegistroTableRow = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentWillRender() {
+    this.host.setAttribute("role", "row");
+  }
+  render() {
+    return index.h("slot", null);
+  }
+  get host() { return index.getElement(this); }
+};
+ZRegistroTableRow.style = stylesCss;
+
+exports.z_registro_table_row = ZRegistroTableRow;

package/dist/wc/cjs/z-registro-table-sticky-footer.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-458dc8f4.js');
+
+const stylesCss = ".sc-z-registro-table-sticky-footer-h{display:block;position:sticky;left:0;padding:var(--basex2);background-color:var(--bg-white);border-style:solid;border-color:var(--gray200);border-width:var(--border-size-small) 0 var(--border-base);font-weight:var(--font-rg)}";
+
+const ZRegistroTableStickyFooter = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("slot", null));
+  }
+};
+ZRegistroTableStickyFooter.style = stylesCss;
+
+exports.z_registro_table_sticky_footer = ZRegistroTableStickyFooter;

package/dist/wc/cjs/z-registro-table.cjs.entry.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-458dc8f4.js');
+
+const stylesCss = "z-registro-table{overflow-x:auto;display:block;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-rg)}z-registro-table>div.table{display:table;width:100%;border-collapse:separate}z-registro-table>div.table-bordered>z-registro-table-body>z-registro-table-row>z-registro-table-cell:not(:last-child),z-registro-table>div.table-bordered>z-registro-table-head>z-registro-table-row>z-registro-table-header:not(:last-child){border-right:var(--border-size-small) solid var(--bg-grey-200)}z-registro-table>div.table-column-sticky>z-registro-table-body>z-registro-table-row>z-registro-table-cell:first-child,z-registro-table>div.table-column-sticky>z-registro-table-head>z-registro-table-row>z-registro-table-header:first-child{position:sticky;left:0;box-shadow:1px 0 4px -1px rgba(66, 69, 72, 0.4);z-index:1}z-registro-table>div.table-header-sticky>z-registro-table-head>z-registro-table-row>z-registro-table-header{position:sticky;top:0;box-shadow:0 2px 3px -3px rgba(66, 69, 72, 0.4)}z-registro-table>div.table-header-sticky>z-registro-table-head>z-registro-table-row>z-registro-table-header{z-index:2}z-registro-table>div.table-header-sticky>z-registro-table-head>z-registro-table-row>z-registro-table-header:first-child,z-registro-table>div.table-column-sticky>z-registro-table-head>z-registro-table-row>z-registro-table-header:first-child{z-index:5}";
+
+const ZRegistroTable = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /** Sets table with border */
+    this.bordered = false;
+    /** Sets first column sticky */
+    this.columnSticky = false;
+    /** Sets header sticky */
+    this.headerSticky = false;
+  }
+  componentWillRender() {
+    this.host.setAttribute("role", "table");
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: `table ${this.bordered ? "table-bordered" : ""} 
+            ${this.columnSticky ? "table-column-sticky" : ""} 
+            ${this.headerSticky ? "table-header-sticky" : ""}` }, index.h("slot", null)), index.h("slot", { name: "sticky-footer" })));
+  }
+  get host() { return index.getElement(this); }
+};
+ZRegistroTable.style = stylesCss;
+
+exports.z_registro_table = ZRegistroTable;

package/dist/wc/cjs/z-stepper-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca7d5e5.js');
+const index = require('./index-458dc8f4.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}}";
 

package/dist/wc/cjs/z-stepper.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca7d5e5.js');
+const index = require('./index-458dc8f4.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)}}";
 

package/dist/wc/cjs/z-toggle-button.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca7d5e5.js');
+const index = require('./index-458dc8f4.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}";
 
@@ -12,23 +12,22 @@ const ZToggleButton = class {
     this.toggleClick = index.createEvent(this, "toggleClick", 7);
     /** disabled status flag (optional) */
     this.isdisabled = false;
-    /** open by default (optional) */
-    this.opened = false;
+    this.isOpen = false;
   }
   emitToggleClick() {
     if (this.isdisabled)
       return;
-    this.opened = !this.opened;
-    this.toggleClick.emit(this.opened);
+    this.isOpen = !this.isOpen;
+    this.toggleClick.emit(this.isOpen);
   }
   retrieveButtonClass() {
-    let className = this.opened && "isopen";
+    let className = this.isOpen && "isopen";
     if (this.avoidclick)
       className = className + " avoid-clicks";
     return className;
   }
   render() {
-    return (index.h("button", { tabindex: this.avoidclick ? "-1" : "0", class: this.retrieveButtonClass(), disabled: this.isdisabled, onClick: () => this.emitToggleClick() }, index.h("z-icon", { name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
+    return (index.h("button", { tabindex: this.avoidclick ? "-1" : "0", class: this.retrieveButtonClass(), disabled: this.isdisabled, onClick: () => this.emitToggleClick() }, index.h("z-icon", { name: this.isOpen ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
   }
 };
 ZToggleButton.style = stylesCss;

package/dist/wc/cjs/z-tooltip.cjs.entry.js

@@ -2,272 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca7d5e5.js');
-const index$1 = require('./index-9c6fd1db.js');
+const index = require('./index-458dc8f4.js');
+const index$1 = require('./index-b9bd2767.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 stylesCss = ":host{--z-tooltip-light--surface:var(--bg-white);--z-tooltip-light--text:var(--text-grey-800);--z-tooltip-dark--surface:var(--text-grey-900);--z-tooltip-dark--text:var(--color-white);color:var(--z-tooltip-theme--text, var(--z-tooltip-light--text));fill:var(--z-tooltip-theme--text, var(--z-tooltip-light--text));font-family:var(--dashboard-font);font-weight:var(--font-rg);font-style:italic;line-height:16px;letter-spacing:0.32px;font-size:12px}:host .tooltip{position:relative;margin:0 auto;display:inline-block;border-radius:var(--border-radius);text-align:center;background:var(--z-tooltip-theme--surface, var(--z-tooltip-light--surface));box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.08);padding:calc(var(--space-unit) * 2)}:host .tooltip.legacy{max-width:200px}:host .tooltip-top-arrow:after{content:\"\";position:absolute;left:calc(50% - 7px);top:-7px;width:14px;height:14px;background:inherit;transform:rotate(45deg);box-shadow:-1px -1px 4px -1px rgba(0, 0, 0, 0.08)}:host .tooltip-bottom-arrow:after{content:\"\";position:absolute;left:calc(50% - 7px);bottom:-7px;width:14px;height:14px;background:inherit;transform:rotate(45deg);box-shadow:rgb(0 0 0 / 8%) 1px 1px 2px 0px}:host .tooltip-left-arrow:after{content:\"\";position:absolute;top:calc(50% - 7px);left:-7px;width:14px;height:14px;background:inherit;transform:rotate(45deg);box-shadow:rgb(0 0 0 / 8%) -1px 1px 2px 0px}:host .tooltip-right-arrow:after{content:\"\";position:absolute;top:calc(50% - 7px);right:-7px;width:14px;height:14px;background:inherit;transform:rotate(45deg);box-shadow:rgb(0 0 0 / 8%) 1px -1px 2px 0px}:host .tooltip-top-right-arrow:after{content:\"\";position:absolute;right:calc(25% - 7px);top:-7px;width:14px;height:14px;background:inherit;transform:rotate(45deg);box-shadow:-1px -1px 4px -1px rgba(0, 0, 0, 0.08)}:host .tooltip-top-left-arrow:after{content:\"\";position:absolute;left:calc(25% - 7px);top:-7px;width:14px;height:14px;background:inherit;transform:rotate(45deg);box-shadow:-1px -1px 4px -1px rgba(0, 0, 0, 0.08)}:host .tooltip-bottom-right-arrow:after{content:\"\";position:absolute;right:calc(25% - 7px);bottom:-7px;width:14px;height:14px;background:inherit;transform:rotate(45deg);box-shadow:rgb(0 0 0 / 8%) 1px 1px 2px 0px}:host .tooltip-bottom-left-arrow:after{content:\"\";position:absolute;left:calc(25% - 7px);bottom:-7px;width:14px;height:14px;background:inherit;transform:rotate(45deg);box-shadow:rgb(0 0 0 / 8%) 1px 1px 2px 0px}";
 
-const documentElement = document.documentElement;
-/**
- * Find the closest scrollable parent of a node.
- *
- * @param {Element} element The node
- */
-function findScrollableParent(element) {
-  let parent = element.parentNode;
-  while (parent && parent !== documentElement) {
-    const { overflow, overflowX, overflowY } = window.getComputedStyle(parent);
-    if (overflow === 'hidden' ||
-      overflowY === 'hidden' ||
-      overflowX === 'hidden') {
-      return parent;
-    }
-    if ((parent.scrollHeight > parent.clientHeight && overflow !== 'visible' && overflowY !== 'visible') ||
-      (parent.scrollWidth > parent.clientWidth && overflow !== 'visible' && overflowX !== 'visible')) {
-      return parent;
-    }
-    parent = parent.parentNode;
-  }
-  return documentElement;
-}
-/**
- * Calculate computed offset.
- * It includes matrix transformations.
- * @param element The target element.
- * @param targetParentOffset The relative offset parent.
- * @return A client rect object.
- */
-function computeOffset(element, targetParentOffset) {
-  const rect = element.getBoundingClientRect();
-  const width = rect.width;
-  const height = rect.height;
-  let top = 0;
-  let left = 0;
-  let offsetParent = element;
-  while (offsetParent && offsetParent != targetParentOffset) {
-    left += offsetParent.offsetLeft;
-    // document.body sometimes has offsetTop == 0 but still has an
-    // offset because of children margins!
-    if (offsetParent === document.body) {
-      top += offsetParent.getBoundingClientRect().top + window.scrollY;
-    }
-    else {
-      top += offsetParent.offsetTop;
-    }
-    if (window.DOMMatrix) {
-      const style = window.getComputedStyle(offsetParent);
-      const transform = style.transform || style.webkitTransform;
-      const domMatrix = new DOMMatrix(transform);
-      if (domMatrix) {
-        left += domMatrix.m41;
-        if (offsetParent !== document.body) {
-          top += domMatrix.m42;
-        }
-      }
-    }
-    if (!offsetParent.offsetParent) {
-      break;
-    }
-    offsetParent = offsetParent.offsetParent;
-  }
-  let parentWidth;
-  let parentHeight;
-  if (offsetParent === document.body) {
-    parentWidth = window.innerWidth;
-    parentHeight = window.innerHeight;
-  }
-  else {
-    parentWidth = offsetParent.offsetWidth;
-    parentHeight = offsetParent.offsetHeight;
-  }
-  const right = parentWidth - left - rect.width;
-  const bottom = parentHeight - top - rect.height;
-  return { top, right, bottom, left, width, height };
-}
 const ZTooltip = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.positionChange = index.createEvent(this, "positionChange", 7);
-    /** Tooltip position. */
-    this.type = index$1.TooltipPosition.AUTO;
-    /**
-     * The open state of the tooltip.
-     */
-    this.open = false;
-  }
-  validateType(newValue) {
-    if (newValue &&
-      Object
-        .values(index$1.TooltipPosition)
-        .every((position) => newValue !== position)) {
-      this.type = index$1.TooltipPosition.AUTO;
-    }
-  }
-  onPositionChange() {
-    this.positionChange.emit({ position: this.position });
-  }
-  disconnectedCallback() {
-    cancelAnimationFrame(this.animationFrameRequestId);
   }
-  /**
-   * Setup tooltip behaviors on opening.
-   */
-  onOpen() {
-    cancelAnimationFrame(this.animationFrameRequestId);
-    if (this.content) {
-      return;
-    }
-    if (this.open) {
-      const setPosition = () => {
-        if (this.open) {
-          this.setPosition();
-          this.animationFrameRequestId = requestAnimationFrame(setPosition);
-        }
-      };
-      setPosition();
-    }
-    else {
-      const style = this.host.style;
-      style.removeProperty("top");
-      style.removeProperty("right");
-      style.removeProperty("bottom");
-      style.removeProperty("left");
-    }
-  }
-  /**
-   * Set the position of the tooltip.
-   */
-  setPosition() {
-    let element;
-    if (typeof this.bindTo === "string") {
-      element = this.host.ownerDocument.querySelector(this.bindTo);
-    }
-    else if (this.bindTo) {
-      element = this.bindTo;
-    }
-    else {
-      element = this.host.parentElement;
-    }
-    if (!element) {
-      return;
-    }
-    const scrollContainer = findScrollableParent(element);
-    const scrollingBoundingRect = scrollContainer.getBoundingClientRect();
-    const offsetContainer = this.host.offsetParent;
-    const relativeBoundingRect = offsetContainer ? computeOffset(offsetContainer, scrollContainer) : { top: 0, right: 0, bottom: 0, left: 0 };
-    const boundingRect = computeOffset(element, scrollContainer);
-    const top = boundingRect.top - scrollContainer.scrollTop;
-    const bottom = scrollingBoundingRect.height - (boundingRect.top + boundingRect.height) + scrollContainer.scrollTop;
-    const left = boundingRect.left - scrollContainer.scrollLeft;
-    const right = scrollingBoundingRect.width - (boundingRect.left + boundingRect.width) + scrollContainer.scrollLeft;
-    const overflowBottom = Math.max(0, scrollingBoundingRect.top + scrollingBoundingRect.height - window.innerHeight);
-    const overflowRight = Math.max(0, scrollingBoundingRect.left + scrollingBoundingRect.width - window.innerWidth);
-    const availableTop = Math.min(top, top + scrollingBoundingRect.top);
-    const availableBottom = Math.min(bottom, bottom - overflowBottom);
-    const availableLeft = Math.min(left, left + scrollingBoundingRect.left);
-    const availableRight = Math.min(right, right - overflowRight);
-    const availableHeight = availableTop + availableBottom + boundingRect.height;
-    const availableWidth = availableLeft + availableRight + boundingRect.width;
-    let position = this.type;
-    if (position === index$1.TooltipPosition.AUTO) {
-      /**
-       * The `AUTO` position tries to place the tooltip in the "safest" area,
-       * where there's more space available.
-       */
-      const positions = [];
-      if (availableTop / availableHeight > 0.9) {
-        positions.unshift(index$1.TooltipPosition.TOP);
-      }
-      else if (availableTop / availableHeight > 0.6) {
-        positions.push(index$1.TooltipPosition.TOP);
-      }
-      else if (availableTop / availableHeight < 0.1) {
-        positions.unshift(index$1.TooltipPosition.BOTTOM);
-      }
-      else {
-        positions.push(index$1.TooltipPosition.BOTTOM);
-      }
-      if (availableLeft / availableWidth > 0.6) {
-        positions.push(index$1.TooltipPosition.LEFT);
-      }
-      else if (availableLeft / availableWidth < 0.4) {
-        positions.push(index$1.TooltipPosition.RIGHT);
-      }
-      position = positions.join("_");
-    }
-    const style = this.host.style;
-    if (!this.content) {
-      style.position = "absolute";
-    }
-    const offsetTop = boundingRect.top - relativeBoundingRect.top;
-    const offsetRight = boundingRect.right - relativeBoundingRect.right;
-    const offsetBottom = boundingRect.bottom - relativeBoundingRect.bottom;
-    const offsetLeft = boundingRect.left - relativeBoundingRect.left;
-    if (position === index$1.TooltipPosition.TOP ||
-      position === index$1.TooltipPosition.TOP_RIGHT ||
-      position === index$1.TooltipPosition.TOP_LEFT) {
-      style.top = "auto";
-      style.bottom = `${offsetBottom + boundingRect.height}px`;
-    }
-    if (position === index$1.TooltipPosition.BOTTOM ||
-      position === index$1.TooltipPosition.BOTTOM_RIGHT ||
-      position === index$1.TooltipPosition.BOTTOM_LEFT) {
-      style.top = `${offsetTop + boundingRect.height}px`;
-      style.bottom = "auto";
-    }
-    if (position === index$1.TooltipPosition.TOP ||
-      position === index$1.TooltipPosition.BOTTOM) {
-      style.left = `${offsetLeft +
-        (boundingRect.width / 2) -
-        (this.host.clientWidth / 2)}px`;
-    }
-    if (position === index$1.TooltipPosition.TOP_RIGHT ||
-      position === index$1.TooltipPosition.BOTTOM_RIGHT) {
-      style.right = "auto";
-      style.left = `${offsetLeft + boundingRect.width}px`;
-    }
-    if (position === index$1.TooltipPosition.TOP_LEFT ||
-      position === index$1.TooltipPosition.BOTTOM_LEFT) {
-      style.left = "auto";
-      style.right = `${offsetRight + boundingRect.width}px`;
-    }
-    if (position === index$1.TooltipPosition.RIGHT ||
-      position === index$1.TooltipPosition.LEFT) {
-      style.top = `${offsetTop +
-        (boundingRect.height / 2) -
-        (this.host.clientHeight / 2)}px`;
-      style.bottom = "auto";
-    }
-    if (position === index$1.TooltipPosition.RIGHT) {
-      style.right = "auto";
-      style.left = `${offsetLeft + boundingRect.width}px`;
-    }
-    if (position === index$1.TooltipPosition.LEFT) {
-      style.left = "auto";
-      style.right = `${offsetRight + boundingRect.width}px`;
-    }
-    this.position = position;
-  }
-  componentWillLoad() {
-    // Keep backward compatibility
-    if (this.content) {
-      this.open = true;
+  getArrowClass() {
+    const direction = index$1.TooltipPosition[(this.type).toUpperCase()];
+    switch (direction) {
+      case index$1.TooltipPosition.TOP:
+        return "tooltip tooltip-bottom-arrow";
+      case index$1.TooltipPosition.BOTTOM:
+        return "tooltip tooltip-top-arrow";
+      case index$1.TooltipPosition.LEFT:
+        return "tooltip tooltip-right-arrow";
+      case index$1.TooltipPosition.RIGHT:
+        return "tooltip tooltip-left-arrow";
+      case index$1.TooltipPosition.TOP_LEFT:
+        return "tooltip tooltip-bottom-right-arrow";
+      case index$1.TooltipPosition.TOP_RIGHT:
+        return "tooltip tooltip-bottom-left-arrow";
+      case index$1.TooltipPosition.BOTTOM_LEFT:
+        return "tooltip tooltip-top-right-arrow";
+      case index$1.TooltipPosition.BOTTOM_RIGHT:
+        return "tooltip tooltip-top-left-arrow";
     }
-    this.validateType(this.type);
-    this.onOpen();
   }
   render() {
     if (this.content) {
-      return (index.h(index.Host, { class: "legacy", position: this.type }, this.content));
+      return (index.h("div", { class: `${this.getArrowClass()} legacy` }, this.content));
     }
-    return (index.h(index.Host, { position: this.position }, index.h("slot", null)));
+    return (index.h("div", { class: this.getArrowClass() }, index.h("slot", null)));
   }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "type": ["validateType"],
-    "position": ["onPositionChange"],
-    "open": ["onOpen"]
-  }; }
 };
 ZTooltip.style = stylesCss;