@zanichelli/albe-web-components 12.1.0-rc1 → 12.1.0

package/dist/cjs/z-toast-notification.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3299e0a.js');
+const index = require('./index-195ca522.js');
 const index$1 = require('./index-cf9497bc.js');
 const breakpoints = require('./breakpoints-ebe1a437.js');
 const hammer = require('./hammer-4f20813e.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3299e0a.js');
+const index = require('./index-195ca522.js');
 
 const stylesCss = "button{display:flex;height:36px;align-items:center;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--color-surface01);border-radius:var(--border-radius);box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase}button::-moz-focus-inner{border:0}button:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}button:focus{box-shadow:var(--shadow-focus-primary)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-pressed-primary)}button:disabled{color:var(--color-disabled02);fill:var(--color-disabled02)}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}";
 

package/dist/cjs/z-toggle-switch.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3299e0a.js');
+const index = require('./index-195ca522.js');
 const utils = require('./utils-ee86db4f.js');
 const index$1 = require('./index-cf9497bc.js');
 require('./breakpoints-ebe1a437.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3299e0a.js');
+const index = require('./index-195ca522.js');
 const index$1 = require('./index-cf9497bc.js');
 
 const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";

package/dist/cjs/z-tr.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7aa116b0.js');
-require('./index-e3299e0a.js');
+const index = require('./index-d30158ef.js');
+require('./index-195ca522.js');
 require('./utils-ee86db4f.js');
 require('./index-cf9497bc.js');
 require('./breakpoints-ebe1a437.js');
-require('./index-dd43ccfd.js');
-require('./index-cbd5c426.js');
+require('./index-23ca3837.js');
+require('./index-e78caf11.js');
 
 
 

package/dist/cjs/z-visually-hidden.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3299e0a.js');
+const index = require('./index-195ca522.js');
 
 const stylesCss = ":host{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:0 -1px -1px 0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 

package/dist/collection/components/buttons/z-button/styles.css

@@ -116,8 +116,8 @@
 }
 
 :host([variant="tertiary"]) .z-button--container {
-  border-color: transparent;
-  background-color: transparent;
+  border-color: var(--color-primary02);
+  background-color: var(--color-primary02);
   color: var(--color-primary01);
 }
 

package/dist/collection/components/inputs/z-input/index.js

@@ -103,6 +103,8 @@ export class ZInput {
       readonly: this.readonly,
       required: this.required,
       title: this.htmltitle,
+      minlength: this.minlength,
+      maxlength: this.maxlength,
       class: {
         [`input-${this.status}`]: !!this.status,
         filled: !!this.value,
@@ -590,6 +592,23 @@ export class ZInput {
         "attribute": "min",
         "reflect": false
       },
+      "minlength": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Min length value (optional): available for text"
+        },
+        "attribute": "minlength",
+        "reflect": false
+      },
       "max": {
         "type": "number",
         "mutable": false,
@@ -607,6 +626,23 @@ export class ZInput {
         "attribute": "max",
         "reflect": false
       },
+      "maxlength": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Max length value (optional): available for text"
+        },
+        "attribute": "maxlength",
+        "reflect": false
+      },
       "step": {
         "type": "number",
         "mutable": false,

package/dist/collection/components/inputs/z-input/styles.css

@@ -50,7 +50,7 @@ textarea,
 
 input:focus:focus-visible,
 textarea:focus:focus-visible {
-  color: var(--color-primary02);
+  color: var(--color-input-field02);
 }
 
 :host.active-select input {
@@ -229,15 +229,10 @@ label.input-label {
   --z-icon-height: 16px;
 }
 
-/* Disable background color webkit */
 /* stylelint-disable property-no-vendor-prefix */
-.text-wrapper > div > input:-webkit-autofill,
-.text-wrapper > div > input:-webkit-autofill:hover,
-.text-wrapper > div > input:-webkit-autofill:focus,
-.text-wrapper > div > input:-webkit-autofill:active {
-  background: var(--color-white) !important;
-  background-clip: text !important;
-  -webkit-transition-delay: 99999s !important; /* trick: background color will be applied after 99999s */
+.text-wrapper > div > input:-webkit-autofill {
+  -webkit-box-shadow: 0 0 0 1000px #fff inset;
+  -webkit-text-fill-color: currentcolor;
 }
 
 .textarea-wrapper {

package/dist/collection/components/navigation/z-navigation-tabs/index.js

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { NavigationTabsSize, NavigationTabsOrientation, NavigationTabsKeyboardEvents, KeyboardCode, } from "../../../beans";
+import { NavigationTabsSize, NavigationTabsOrientation, NavigationTabsKeyboardEvents } from "../../../beans";
 /**
  * Navigation tabs component.
  * To select a specific tab programmatically, set the `aria-selected` attribute to `true` on the desired tab.
@@ -19,12 +19,14 @@ export class ZNavigationTabs {
     this.size = NavigationTabsSize.BIG;
     /**
      * Index of the selected tab.
+     * Useful to programmatically select a tab.
+     * The tab can also be selected by setting the `aria-selected` attribute to `true` on the desired tab.
      */
     this.selectedTab = undefined;
     /**
      * Index of the last tab that held focus.
      */
-    this.focusedTab = 0;
+    this.focusedTab = undefined;
   }
   /**
    * Getter for the direction to check based on current orientation.
@@ -74,6 +76,15 @@ export class ZNavigationTabs {
   isArrowNavigation(e) {
     return Object.values(NavigationTabsKeyboardEvents).includes(e.key);
   }
+  /**
+   * Check if the navigation buttons are needed.
+   */
+  checkScrollVisible() {
+    if (!this.nav) {
+      return;
+    }
+    this.canNavigate = this.nav[`scroll${this.dimension}`] > this.nav[`client${this.dimension}`];
+  }
   /**
    * Check if navigation buttons can be enabled for each direction.
    */
@@ -99,20 +110,12 @@ export class ZNavigationTabs {
         return;
       }
       zicon === null || zicon === void 0 ? void 0 : zicon.setAttribute("name", `${strokeIcon}-filled`);
-      tab.tabIndex = 0;
       tab.setAttribute("aria-selected", "true");
     });
-    this.scrollToTab(this.tabs[this.selectedTab]);
     this.selected.emit(this.selectedTab);
-  }
-  /**
-   * Check if the navigation buttons are needed on window resize.
-   */
-  checkScrollVisible() {
-    if (!this.nav) {
-      return;
+    if (this.selectedTab !== undefined) {
+      this.scrollToTab(this.tabs[this.selectedTab]);
     }
-    this.canNavigate = this.nav[`scroll${this.dimension}`] > this.nav[`client${this.dimension}`];
   }
   /**
    * Handle click on the tabs.
@@ -126,23 +129,28 @@ export class ZNavigationTabs {
     this.selectedTab = this.tabs.indexOf(clickedTab);
   }
   /**
-   * Move focus through tabs when an arrow key is pressed.
-   * When `TAB` is pressed, focus the currently selected tab if any.
+   * When a tab is focused, temporarily set to -1 the `tabindex` of the selected tab (if any) and set the `focusedTab` to the index of the focused tab.
    */
-  navigateThroughTabs(event) {
-    if (!this.tabs.some((tab) => tab.contains(event.target))) {
-      return true;
-    }
-    if (event.key === KeyboardCode.TAB) {
-      this.focusedTab = this.selectedTab || 0;
-      this.tabs[this.focusedTab].focus({ preventScroll: true });
+  onTabFocusIn(event) {
+    const focused = this.tabs.findIndex((tab) => tab.contains(event.target));
+    if (focused === -1) {
       return;
     }
-    if (!this.isArrowNavigation(event)) {
+    if (this.selectedTab !== undefined) {
+      this.tabs[this.selectedTab].tabIndex = -1;
+    }
+    this.focusedTab = focused;
+    this.tabs[this.focusedTab].tabIndex = -1;
+    this.scrollToTab(this.tabs[this.focusedTab]);
+  }
+  /**
+   * Handle keyboard navigation through tabs with arrow keys.
+   */
+  navigateThroughTabs(event) {
+    if (!this.tabs.some((tab) => tab.contains(event.target)) || !this.isArrowNavigation(event)) {
       return true;
     }
     event.preventDefault();
-    this.tabs[this.focusedTab].tabIndex = -1;
     if ((event.key === NavigationTabsKeyboardEvents.RIGHT && this.orientation == NavigationTabsOrientation.HORIZONTAL) ||
       (event.key === NavigationTabsKeyboardEvents.DOWN && this.orientation == NavigationTabsOrientation.VERTICAL)) {
       // Move forward
@@ -164,31 +172,49 @@ export class ZNavigationTabs {
       this.tabs[this.focusedTab].getAttribute("disabled") !== "false") {
       return this.navigateThroughTabs(event);
     }
-    this.tabs[this.focusedTab].tabIndex = 0;
     this.tabs[this.focusedTab].focus();
     this.scrollToTab(this.tabs[this.focusedTab]);
   }
-  componentDidRender() {
-    this.checkScrollVisible();
+  /**
+   * If the focus is not going on a tab (`relatedTarget` is the new focused element), set to 0 the `tabindex` of the selected tab or the one of the first tab, then unset the `focusedTab`.
+   */
+  onTabFocusOut(event) {
+    var _a;
+    if (!this.tabs.some((tab) => tab.contains(event.relatedTarget))) {
+      this.tabs[(_a = this.selectedTab) !== null && _a !== void 0 ? _a : 0].tabIndex = 0;
+      this.focusedTab = undefined;
+    }
+  }
+  connectedCallback() {
+    this.resizeObserver = new ResizeObserver(() => this.checkScrollVisible());
   }
   componentDidLoad() {
+    var _a;
     // Set role and tabindex to each slotted tab
     this.tabs.forEach((tab) => {
       tab.setAttribute("role", "tab");
       tab.tabIndex = -1;
     });
-    this.tabs[0].tabIndex = 0;
-    if (this.selectedTab !== undefined) {
+    const preselectedTab = (_a = this.selectedTab) !== null && _a !== void 0 ? _a : this.tabs.findIndex((tab) => tab.ariaSelected === "true");
+    if (preselectedTab !== -1) {
+      this.selectedTab = preselectedTab;
+      this.tabs[preselectedTab].tabIndex = 0;
       this.onTabSelected();
     }
+    else {
+      this.tabs[0].tabIndex = 0;
+    }
+    this.resizeObserver.observe(this.nav);
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
   }
   render() {
     return (h(Host, { class: {
         "interactive-2": this.size === NavigationTabsSize.SMALL,
         "interactive-1": this.size !== NavigationTabsSize.SMALL,
-      }, scrollable: this.canNavigate }, this.canNavigate && (h("button", { class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti" }, h("z-icon", { name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 }))), h("nav", { role: "tablist", "aria-label": this.ariaLabel, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, h("slot", null)), this.canNavigate && (h("button", { class: "navigation-button", onClick: this.navigateForward.bind(this), onKeyDown: (e) => {
-        this.navigateThroughTabs(e);
-      }, tabindex: "-1", disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi" }, h("z-icon", { name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 })))));
+      }, scrollable: this.canNavigate }, h("button", { class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, h("z-icon", { name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { role: "tablist", "aria-label": this.ariaLabel, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, h("slot", null)), h("button", { class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, h("z-icon", { name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
   }
   static get is() { return "z-navigation-tabs"; }
   static get originalStyleUrls() {
@@ -268,7 +294,7 @@ export class ZNavigationTabs {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Index of the selected tab."
+          "text": "Index of the selected tab.\nUseful to programmatically select a tab.\nThe tab can also be selected by setting the `aria-selected` attribute to `true` on the desired tab."
         },
         "attribute": "selected-tab",
         "reflect": false,
@@ -292,7 +318,7 @@ export class ZNavigationTabs {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Emitted when the selected tab changes."
+          "text": "Emitted when the selected tab changes.\nContains the index of the new selected tab in the `detail` of the event."
         },
         "complexType": {
           "original": "number",
@@ -313,23 +339,29 @@ export class ZNavigationTabs {
   }
   static get listeners() {
     return [{
-        "name": "resize",
-        "method": "checkScrollVisible",
-        "target": "window",
-        "capture": false,
-        "passive": true
-      }, {
         "name": "click",
         "method": "handleTabClick",
         "target": undefined,
         "capture": false,
         "passive": false
+      }, {
+        "name": "focusin",
+        "method": "onTabFocusIn",
+        "target": undefined,
+        "capture": false,
+        "passive": false
       }, {
         "name": "keydown",
         "method": "navigateThroughTabs",
         "target": undefined,
         "capture": false,
         "passive": false
+      }, {
+        "name": "focusout",
+        "method": "onTabFocusOut",
+        "target": undefined,
+        "capture": false,
+        "passive": false
       }];
   }
 }

package/dist/collection/components/navigation/z-navigation-tabs/styles.css

@@ -20,7 +20,7 @@ z-navigation-tabs > nav::-webkit-scrollbar {
   display: none;
 }
 
-.navigation-button {
+z-navigation-tabs .navigation-button {
   position: absolute;
   z-index: 1;
   display: flex;

package/dist/collection/snowflakes/myz/card/z-myz-card-list/styles.css

@@ -4,7 +4,7 @@ ul {
   height: auto;
   padding: 0;
   margin: 0 calc(var(--space-unit) * 2);
-  color: var(--color-primary02);
+  color: var(--color-primary01);
   font-family: var(--font-family-sans);
   list-style: none;
 }

package/dist/esm/{index-df85390b.js → index-0a587f24.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2ca4b97.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4968ce56.js';
 import { B as ButtonVariant, e as ControlSize } from './index-47f23745.js';
 
 const stylesCss = ":host{position:relative;display:flex;min-width:128px;box-sizing:border-box;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([show-menu])::after{display:inline-block;height:100%;margin-right:calc(var(--space-unit) * 4);background:transparent;content:\"\";user-select:none}.cell--menu-container{position:absolute;z-index:1;top:var(--space-unit);right:var(--space-unit)}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{opacity:1;pointer-events:all}@media (min-width: 768px) and (hover: hover){:host([show-menu=\"hover\"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu=\"hover\"]:hover) .cell--menu-container{opacity:1;pointer-events:all}}";

package/dist/esm/{index-6d83248c.js → index-0cdc998f.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a2ca4b97.js';
+import { r as registerInstance, h, H as Host } from './index-4968ce56.js';
 
 const stylesCss = ":host{--z-table--cells-bottom-border-size:var(\n    --border-size-medium\n  );--z-table--cells-background:var(\n    --color-surface02\n  );display:block;box-sizing:border-box}:host([sticky]){position:sticky;z-index:2;top:0;box-shadow:0 2px 4px -2px var(--shadow-color-base)}";
 

package/dist/esm/{index-83736b34.js → index-361b27f9.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-a2ca4b97.js';
+import { r as registerInstance, h } from './index-4968ce56.js';
 
 const stylesCss = ":host{display:none;background-color:var(--gray50)}:host>td>div.content-container{margin-bottom:calc(var(--space-unit) / 2);box-shadow:var(--shadow-2)}";
 

package/dist/esm/{index-a2ca4b97.js → index-4968ce56.js}

@@ -1606,6 +1606,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
                 hostRef.$flags$ |= 128 /* HOST_FLAGS.isWatchReady */;
             }
             endNewInstance();
+            fireConnectedCallback(hostRef.$lazyInstance$);
         }
         if (Cstr.style) {
             // this component has styles but we haven't registered them yet
@@ -1634,6 +1635,11 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
         schedule();
     }
 };
+const fireConnectedCallback = (instance) => {
+    {
+        safeCall(instance, 'connectedCallback');
+    }
+};
 const connectedCallback = (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
         const hostRef = getHostRef(elm);
@@ -1686,6 +1692,8 @@ const connectedCallback = (elm) => {
             // reattach any event listeners to the host
             // since they would have been removed when disconnected
             addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
+            // fire off connectedCallback() on component instance
+            fireConnectedCallback(hostRef.$lazyInstance$);
         }
         endConnected();
     }

package/dist/esm/{index-a8412ca5.js → index-4d1853ea.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2ca4b97.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4968ce56.js';
 import { B as ButtonVariant, d as ButtonSize, P as PopoverPosition } from './index-47f23745.js';
 import { d as getElementTree } from './utils-2a4ef29d.js';
 

package/dist/esm/{index-169b39fe.js → index-531501d7.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-a2ca4b97.js';
+import { r as registerInstance, h } from './index-4968ce56.js';
 
 const stylesCss = ".sc-z-table-sticky-footer-h{position:sticky;left:0;display:block;padding:calc(var(--space-unit) * 2);border-width:var(--border-size-small) 0 var(--border-size-medium);border-style:solid;border-color:var(--color-surface03);background-color:var(--color-surface01);font-weight:var(--font-rg)}";
 

package/dist/esm/{index-2cadc6d8.js → index-6161978d.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-a2ca4b97.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4968ce56.js';
 
 const stylesCss = ".sc-z-table-empty-box-h{display:block;padding:calc(var(--space-unit)) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3);background-color:var(--color-surface01)}.sc-z-table-empty-box-s>*{margin-top:var(--space-unit)}.cta.sc-z-table-empty-box{display:flex;flex-direction:row;margin-top:calc(var(--space-unit) / 2)}.cta.has-2-cta.sc-z-table-empty-box{flex-direction:column}@media only screen and (min-width: 768px){.sc-z-table-empty-box-h{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 7) calc(var(--space-unit) * 3)\n      calc(var(--space-unit) * 7)}.sc-z-table-empty-box-s>*{margin-right:calc(var(--space-unit) * 2)}.cta.sc-z-table-empty-box{margin-top:var(--space-unit)}.cta.has-2-cta.sc-z-table-empty-box{flex-direction:row}}";
 

package/dist/esm/{index-4d06f135.js → index-772a7413.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-a2ca4b97.js';
+import { r as registerInstance, h, g as getElement } from './index-4968ce56.js';
 
 const stylesCss = ".sc-z-table-body-h{display:table-row-group;font-family:var(--font-family-sans);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}";
 

package/dist/esm/{index-e2c8b8b5.js → index-816801e5.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a2ca4b97.js';
+import { r as registerInstance, h, H as Host } from './index-4968ce56.js';
 
 const stylesCss = "z-table-header-row{display:table-row}z-table-header-row[expandable]>z-table-header:first-child{width:40px;box-sizing:border-box;user-select:none}z-table-header-row[expandable]>z-table-header:nth-child(2){padding-left:8px}";
 

package/dist/esm/{index-2d20233c.js → index-85dc8bc0.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-a2ca4b97.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4968ce56.js';
 import { B as ButtonVariant, d as ButtonSize } from './index-47f23745.js';
 
 const stylesCss = ":host{display:table-cell;border-bottom:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.button-container{display:none}:host:hover>.button-container{display:initial}.button-container{position:absolute;z-index:5;top:8px;right:8px}.button-content{position:relative}.contextual-menu-container{position:absolute;top:calc(100% - var(--space-unit));right:0;display:none}.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}";

package/dist/esm/{index-8c7b48bc.js → index-88a23895.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a2ca4b97.js';
+import { r as registerInstance, h, H as Host } from './index-4968ce56.js';
 
 const stylesCss = ":host{display:block;box-sizing:border-box;border-top:1px solid var(--color-surface03);border-bottom:1px solid var(--color-surface03)}:host([sticky]){position:sticky;z-index:1;bottom:0;background-color:var(--color-surface01)}";
 

package/dist/esm/{index-bc936429.js → index-8f7fd43f.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-a2ca4b97.js';
+import { r as registerInstance, h, g as getElement } from './index-4968ce56.js';
 
 const stylesCss = ".sc-z-table-head-h{display:table-header-group;font-family:var(--font-family-sans);font-weight:var(--font-rg)}";
 

package/dist/esm/{index-f171ca51.js → index-af5c6b4c.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-a2ca4b97.js';
+import { r as registerInstance, h, H as Host } from './index-4968ce56.js';
 
 const stylesCss = ":host{display:block;box-sizing:border-box}";
 

package/dist/esm/{index-4aa29b00.js → index-dc50a9ae.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2ca4b97.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4968ce56.js';
 import { P as PopoverPosition, S as SortDirection, B as ButtonVariant, e as ControlSize } from './index-47f23745.js';
 
 const stylesCss = ":host{position:relative;display:flex;min-width:128px;box-sizing:border-box;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([show-menu])::after{display:inline-block;height:100%;margin-right:calc(var(--space-unit) * 4);background:transparent;content:\"\";user-select:none}.cell--menu-container{position:absolute;z-index:1;top:var(--space-unit);right:var(--space-unit)}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{opacity:1;pointer-events:all}@media (min-width: 768px) and (hover: hover){:host([show-menu=\"hover\"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu=\"hover\"]:hover) .cell--menu-container{opacity:1;pointer-events:all}}:host{background-color:var(--color-surface02);font-weight:var(--font-sb)}:host([sortable]){cursor:pointer}.z-th--sort-button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin-top:auto;background-color:transparent;cursor:pointer}.z-th--sort-button:focus{box-shadow:var(--shadow-focus-primary);outline:none}";

package/dist/esm/{index-b79cbe1b.js → index-e6ee76f0.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-a2ca4b97.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-4968ce56.js';
 import { Z as ZTableRowExpandedType } from './index-47f23745.js';
 
 const stylesCss = "z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type=\"expandable\"]:hover{cursor:pointer}z-table-row[expanded-type=\"expandable\"]>z-table-cell:first-child,z-table-row[expanded-type=\"padding\"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;box-sizing:border-box;padding-right:0;padding-left:16px;fill:var(--gray800);text-align:center;user-select:none}.z-icon-placeholder{width:24px;padding-right:0}z-table-row[expanded-type=\"expandable\"]>z-table-cell:nth-child(2),z-table-row[expanded-type=\"padding\"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--color-hover-primary)}z-table-row[expanded]>z-table-cell{border-bottom:none;background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}";

package/dist/esm/{index-7e06e6dc.js → index-fac1fe6c.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-a2ca4b97.js';
+import { r as registerInstance, h, g as getElement } from './index-4968ce56.js';
 
 const stylesCss = ".sc-z-table-footer-h{display:table-footer-group;font-family:var(--font-family-sans);font-weight:var(--font-rg)}";
 

package/dist/esm/{index-cef40abc.js → index-fb19ca57.js}

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2ca4b97.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4968ce56.js';
 import { r as randomId } from './utils-2a4ef29d.js';
-import './index-df85390b.js';
-import './index-4aa29b00.js';
+import './index-0a587f24.js';
+import './index-dc50a9ae.js';
 
 const stylesCss = ":host{--columns:1;display:grid;min-width:max-content;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr))}*{box-sizing:border-box}.z-tr--expand-button-container,::slotted(*){border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}::slotted(*:not(:last-child)){border-right:var(--z-table--cell-left-border, none)}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){background-color:var(--color-surface02)}.z-tr--expand-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:auto;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button:focus{box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}";