@zanichelli/albe-web-components 12.1.3-rc.0 → 12.1.3

package/dist/esm/z-skip-to-content.entry.js

@@ -1,73 +1,70 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-f16bc2ca.js';
-import { d as getElementTree, a as handleKeyboardSubmit } from './utils-7983d02c.js';
-import { T as ThemeVariant } from './index-2255c6c8.js';
-import './breakpoints-680e0e56.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4968ce56.js';
+import { d as getElementTree, a as handleKeyboardSubmit } from './utils-2a4ef29d.js';
+import { T as ThemeVariant } from './index-47f23745.js';
+import './breakpoints-9b81eb1b.js';
 
 const stylesCss = ".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg);text-align:center}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{display:inline-flex;height:100%;align-items:center}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--color-surface05);color:var(--color-surface01)}.light.sc-z-skip-to-content-h{border:var(--border-size-medium) solid var(--color-surface05);background-color:var(--color-surface01);color:var(--color-text01)}@media (min-width: 768px){.sc-z-skip-to-content-h{text-align:start}}@media (min-width: 1152px){.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{padding:0 calc(var(--space-unit) * 3);border-right:var(--border-size-small) solid var(--color-surface05)}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{border-right:var(--border-size-small) solid var(--color-surface01)}}";
-const ZSkipToContentStyle0 = stylesCss;
 
 const ZSkipToContent = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.variant = undefined;
-        this.links = [];
-        this.visible = false;
-        this.visibleLink = "";
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /** Array to fill link into skip-content */
+    this.links = [];
+    this.visible = false;
+    this.visibleLink = "";
+  }
+  handleFocusOutSkipToContent(e) {
+    if (this.isInSkipToContent(e.target)) {
+      this.visible = false;
     }
-    handleFocusOutSkipToContent(e) {
-        if (this.isInSkipToContent(e.target)) {
-            this.visible = false;
-        }
+  }
+  handleFocusSkipToContent(e) {
+    if (this.isInSkipToContent(e.target)) {
+      this.visible = true;
     }
-    handleFocusSkipToContent(e) {
-        if (this.isInSkipToContent(e.target)) {
-            this.visible = true;
-        }
+  }
+  componentDidLoad() {
+    this.showFirstChild();
+  }
+  componentWillRender() {
+    if (this.links) {
+      this.links = typeof this.links === "string" ? JSON.parse(this.links) : this.links;
     }
-    componentDidLoad() {
-        this.showFirstChild();
+  }
+  isInSkipToContent(elem) {
+    const tree = getElementTree(elem);
+    const menuParent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-skip-to-content");
+    return !!menuParent;
+  }
+  showFirstChild() {
+    var _a;
+    const firstChild = (_a = this.hostElement.children) === null || _a === void 0 ? void 0 : _a[0];
+    if (firstChild) {
+      this.visibleLink = firstChild.id;
     }
-    componentWillRender() {
-        if (this.links) {
-            this.links = typeof this.links === "string" ? JSON.parse(this.links) : this.links;
-        }
-    }
-    isInSkipToContent(elem) {
-        const tree = getElementTree(elem);
-        const menuParent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-skip-to-content");
-        return !!menuParent;
-    }
-    showFirstChild() {
-        var _a;
-        const firstChild = (_a = this.hostElement.children) === null || _a === void 0 ? void 0 : _a[0];
-        if (firstChild) {
-            this.visibleLink = firstChild.id;
-        }
-    }
-    handleLinkClick() {
-        this.visible = false;
-    }
-    render() {
-        return (h(Host, { key: '148da854d3c5a83e5c103b3efcc5358f86278936', class: {
-                [this.variant]: true,
-                "skip-to-content-visible": this.visible,
-            } }, this.links.map((link, i) => {
-            const id = `skip-to-content-${i}`;
-            return (h("div", { class: "link-container" }, h("a", { id: id, class: {
-                    "body-1-sb": true,
-                    "z-link": true,
-                    "z-link-underline": true,
-                    "z-link-white": this.variant === ThemeVariant.DARK,
-                    "z-link-black": this.variant !== ThemeVariant.DARK,
-                    "link-visible": id == this.visibleLink,
-                    "link-invisible": id != this.visibleLink,
-                }, "aria-label": link.ariaLabel || link.label, href: link.href, onFocus: () => (this.visibleLink = id), onClick: () => this.handleLinkClick(), onKeyUp: (e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this)) }, link.label)));
-        })));
-    }
-    get hostElement() { return getElement(this); }
+  }
+  handleLinkClick() {
+    this.visible = false;
+  }
+  render() {
+    return (h(Host, { class: {
+        [this.variant]: true,
+        "skip-to-content-visible": this.visible,
+      } }, this.links.map((link, i) => {
+      const id = `skip-to-content-${i}`;
+      return (h("div", { class: "link-container" }, h("a", { id: id, class: {
+          "body-1-sb": true,
+          "z-link": true,
+          "z-link-underline": true,
+          "z-link-white": this.variant === ThemeVariant.DARK,
+          "z-link-black": this.variant !== ThemeVariant.DARK,
+          "link-visible": id == this.visibleLink,
+          "link-invisible": id != this.visibleLink,
+        }, "aria-label": link.ariaLabel || link.label, href: link.href, onFocus: () => (this.visibleLink = id), onClick: () => this.handleLinkClick(), onKeyUp: (e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this)) }, link.label)));
+    })));
+  }
+  get hostElement() { return getElement(this); }
 };
-ZSkipToContent.style = ZSkipToContentStyle0;
+ZSkipToContent.style = stylesCss;
 
 export { ZSkipToContent as z_skip_to_content };
-
-//# sourceMappingURL=z-skip-to-content.entry.js.map

package/dist/esm/z-slideshow.entry.js

@@ -1,10 +1,9 @@
-import { r as registerInstance, h, g as getElement } from './index-f16bc2ca.js';
-import { p as Device } from './index-2255c6c8.js';
-import { f as convertJson, g as getDevice, a as handleKeyboardSubmit } from './utils-7983d02c.js';
-import './breakpoints-680e0e56.js';
+import { r as registerInstance, h, g as getElement } from './index-4968ce56.js';
+import { p as Device } from './index-47f23745.js';
+import { f as convertJson, g as getDevice, a as handleKeyboardSubmit } from './utils-2a4ef29d.js';
+import './breakpoints-9b81eb1b.js';
 
 const stylesCss = ":host{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;line-height:0px;overflow-y:hidden;transition:all 300ms}footer{display:grid;width:100%;height:56px;align-items:center;border-top:var(--border-size-medium) solid var(--color-surface02);grid-template:2 / 2;grid-template-areas:\"center center\" \"left right\"}footer>div{width:100%;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:flex;min-height:60px;align-items:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--gray200);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--gray400)}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-size-medium) solid var(--color-surface02);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:\"left center right\"}footer .bullet-container .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}";
-const ZSlideshowStyle0 = stylesCss;
 
 /**
  * Check if data is an array of strings.
@@ -12,120 +11,115 @@ const ZSlideshowStyle0 = stylesCss;
  * @returns {boolean}
  */
 function isStringArray(data) {
-    return Array.isArray(data) && data.every((datum) => typeof datum === "string");
+  return Array.isArray(data) && data.every((datum) => typeof datum === "string");
 }
 const ZSlideshow = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.slideshowid = undefined;
-        this.data = undefined;
-        this.device = undefined;
-        this.currentSlide = 0;
-    }
-    watchData() {
-        this.parseLinks();
-    }
-    componentWillLoad() {
-        this.parseLinks();
-        this.setDevice();
-        window.addEventListener("resize", this.handleResize.bind(this));
-    }
-    componentDidRender() {
-        this.setStyle();
-    }
-    handleResize() {
-        this.setDevice();
-        this.setStyle();
-    }
-    parseLinks() {
-        var _a;
-        switch (typeof this.data) {
-            case "string": {
-                const parsed = (_a = convertJson(this.data)) !== null && _a !== void 0 ? _a : [];
-                if (!isStringArray(parsed)) {
-                    throw new Error("Passed data is invalid");
-                }
-                this.links = parsed;
-                break;
-            }
-            default:
-                this.links = this.data;
-                break;
-        }
-    }
-    setStyle() {
-        const refSlides = this.el.shadowRoot.querySelector("#slides");
-        if (!refSlides) {
-            return;
-        }
-        const allImages = this.el.shadowRoot.querySelectorAll(".slide");
-        const width = this.el.offsetWidth;
-        const fullwidth = width * this.links.length;
-        refSlides.style.width = `${fullwidth}px`;
-        refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;
-        allImages.forEach((item) => {
-            const img = item.querySelector("img");
-            img.style.width = `${width}px`;
-        });
-    }
-    setDevice() {
-        this.device = getDevice();
-    }
-    setCurrentSlide(index) {
-        this.currentSlide = index;
-    }
-    getBulletDimension() {
-        switch (this.device) {
-            case Device.MOBILE:
-                return 24;
-            case Device.TABLET:
-                return 32;
-            default:
-                return 40;
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.currentSlide = 0;
+  }
+  watchData() {
+    this.parseLinks();
+  }
+  componentWillLoad() {
+    this.parseLinks();
+    this.setDevice();
+    window.addEventListener("resize", this.handleResize.bind(this));
+  }
+  componentDidRender() {
+    this.setStyle();
+  }
+  handleResize() {
+    this.setDevice();
+    this.setStyle();
+  }
+  parseLinks() {
+    var _a;
+    switch (typeof this.data) {
+      case "string": {
+        const parsed = (_a = convertJson(this.data)) !== null && _a !== void 0 ? _a : [];
+        if (!isStringArray(parsed)) {
+          throw new Error("Passed data is invalid");
         }
-    }
-    renderSlides(items) {
-        return (h("div", { id: "slides" }, items.map((item, i) => (h("div", { id: "slide" + i, class: `slide ${this.currentSlide !== i && "hide"}` }, h("img", { src: item }))))));
-    }
-    renderScroll(direction) {
-        let disabled = false, nextSlide = this.currentSlide;
-        if (direction === "left") {
-            disabled = this.currentSlide === 0;
-            nextSlide--;
-        }
-        else if (direction === "right") {
-            disabled = this.currentSlide === this.links.length - 1;
-            nextSlide++;
-        }
-        return (h("z-icon", { class: `scroll ${direction} ${disabled && "disabled"}`, width: this.getBulletDimension(), height: this.getBulletDimension(), name: `chevron-${direction}-circle`, onClick: () => {
-                !disabled && this.setCurrentSlide(nextSlide);
-            }, onKeyUp: (e) => !disabled &&
-                handleKeyboardSubmit(e, () => {
-                    this.setCurrentSlide(nextSlide);
-                }), tabindex: 0, role: "button" }));
-    }
-    renderSlideshowMain() {
-        return (h("main", null, this.renderScroll("left"), this.renderSlides(this.links), this.renderScroll("right")));
-    }
-    renderBullet(i) {
-        return (h("a", { class: `bullet ${this.currentSlide === i && "selected"}`, onClick: () => this.setCurrentSlide(i), onKeyUp: (e) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i)), tabindex: 0, role: "button" }));
-    }
-    renderSlideshowFooter() {
-        return (h("footer", null, h("div", { class: "footer-left" }, h("slot", { name: "footer-left" })), h("div", { class: "footer-center" }, h("div", { class: "bullet-container" }, Object.keys(this.links).map((i) => this.renderBullet(parseInt(i))))), h("div", { class: "footer-right" }, h("slot", { name: "footer-right" }))));
-    }
-    render() {
-        if (!this.links || !this.links.length) {
-            return h("div", null);
-        }
-        return (h("div", { id: this.slideshowid }, this.renderSlideshowMain(), this.renderSlideshowFooter()));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "data": ["watchData"]
-    }; }
+        this.links = parsed;
+        break;
+      }
+      default:
+        this.links = this.data;
+        break;
+    }
+  }
+  setStyle() {
+    const refSlides = this.el.shadowRoot.querySelector("#slides");
+    if (!refSlides) {
+      return;
+    }
+    const allImages = this.el.shadowRoot.querySelectorAll(".slide");
+    const width = this.el.offsetWidth;
+    const fullwidth = width * this.links.length;
+    refSlides.style.width = `${fullwidth}px`;
+    refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;
+    allImages.forEach((item) => {
+      const img = item.querySelector("img");
+      img.style.width = `${width}px`;
+    });
+  }
+  setDevice() {
+    this.device = getDevice();
+  }
+  setCurrentSlide(index) {
+    this.currentSlide = index;
+  }
+  getBulletDimension() {
+    switch (this.device) {
+      case Device.MOBILE:
+        return 24;
+      case Device.TABLET:
+        return 32;
+      default:
+        return 40;
+    }
+  }
+  renderSlides(items) {
+    return (h("div", { id: "slides" }, items.map((item, i) => (h("div", { id: "slide" + i, class: `slide ${this.currentSlide !== i && "hide"}` }, h("img", { src: item }))))));
+  }
+  renderScroll(direction) {
+    let disabled = false, nextSlide = this.currentSlide;
+    if (direction === "left") {
+      disabled = this.currentSlide === 0;
+      nextSlide--;
+    }
+    else if (direction === "right") {
+      disabled = this.currentSlide === this.links.length - 1;
+      nextSlide++;
+    }
+    return (h("z-icon", { class: `scroll ${direction} ${disabled && "disabled"}`, width: this.getBulletDimension(), height: this.getBulletDimension(), name: `chevron-${direction}-circle`, onClick: () => {
+        !disabled && this.setCurrentSlide(nextSlide);
+      }, onKeyUp: (e) => !disabled &&
+        handleKeyboardSubmit(e, () => {
+          this.setCurrentSlide(nextSlide);
+        }), tabindex: 0, role: "button" }));
+  }
+  renderSlideshowMain() {
+    return (h("main", null, this.renderScroll("left"), this.renderSlides(this.links), this.renderScroll("right")));
+  }
+  renderBullet(i) {
+    return (h("a", { class: `bullet ${this.currentSlide === i && "selected"}`, onClick: () => this.setCurrentSlide(i), onKeyUp: (e) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i)), tabindex: 0, role: "button" }));
+  }
+  renderSlideshowFooter() {
+    return (h("footer", null, h("div", { class: "footer-left" }, h("slot", { name: "footer-left" })), h("div", { class: "footer-center" }, h("div", { class: "bullet-container" }, Object.keys(this.links).map((i) => this.renderBullet(parseInt(i))))), h("div", { class: "footer-right" }, h("slot", { name: "footer-right" }))));
+  }
+  render() {
+    if (!this.links || !this.links.length) {
+      return h("div", null);
+    }
+    return (h("div", { id: this.slideshowid }, this.renderSlideshowMain(), this.renderSlideshowFooter()));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "data": ["watchData"]
+  }; }
 };
-ZSlideshow.style = ZSlideshowStyle0;
+ZSlideshow.style = stylesCss;
 
 export { ZSlideshow as z_slideshow };
-
-//# sourceMappingURL=z-slideshow.entry.js.map

package/dist/esm/z-stepper-item.entry.js

@@ -1,25 +1,18 @@
-import { r as registerInstance, h } from './index-f16bc2ca.js';
+import { r as registerInstance, h } from './index-4968ce56.js';
 
 const stylesCss = ":host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled02);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:\"\"}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:18px;line-height:28px;outline:0;text-decoration: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{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-active-primary);background:var(--color-active-primary);color:var(--color-text-inverse)}:host(:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}@media (min-width: 768px){:host{width:calc(var(--space-unit) * 10)}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10)}.stepper-item span{display:block}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}";
-const ZStepperItemStyle0 = stylesCss;
 
 const ZStepperItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.index = undefined;
-        this.href = undefined;
-        this.pressed = undefined;
-        this.disabled = undefined;
-    }
-    render() {
-        if (this.href) {
-            return (h("a", { href: !this.disabled && this.href, class: "stepper-item" }, h("div", { class: "indicator" }, this.index), h("span", null, h("slot", null))));
-        }
-        return (h("button", { class: "stepper-item", disabled: this.disabled }, h("div", { class: "indicator" }, this.index), h("span", null, h("slot", null))));
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    if (this.href) {
+      return (h("a", { href: !this.disabled && this.href, class: "stepper-item" }, h("div", { class: "indicator" }, this.index), h("span", null, h("slot", null))));
     }
+    return (h("button", { class: "stepper-item", disabled: this.disabled }, h("div", { class: "indicator" }, this.index), h("span", null, h("slot", null))));
+  }
 };
-ZStepperItem.style = ZStepperItemStyle0;
+ZStepperItem.style = stylesCss;
 
 export { ZStepperItem as z_stepper_item };
-
-//# sourceMappingURL=z-stepper-item.entry.js.map

package/dist/esm/z-stepper.entry.js

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

package/dist/esm/z-table-body.entry.js

@@ -1,4 +1,2 @@
-export { Z as z_table_body } from './index-829d5a8b.js';
-import './index-f16bc2ca.js';
-
-//# sourceMappingURL=z-table-body.entry.js.map
+export { Z as z_table_body } from './index-772a7413.js';
+import './index-4968ce56.js';

package/dist/esm/z-table-cell.entry.js

@@ -1,5 +1,3 @@
-export { Z as z_table_cell } from './index-659b7228.js';
-import './index-f16bc2ca.js';
-import './index-2255c6c8.js';
-
-//# sourceMappingURL=z-table-cell.entry.js.map
+export { Z as z_table_cell } from './index-85dc8bc0.js';
+import './index-4968ce56.js';
+import './index-47f23745.js';

package/dist/esm/z-table-deprecated.entry.js

@@ -1,88 +1,87 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-f16bc2ca.js';
-import { B as ButtonVariant, d as ButtonSize } from './index-2255c6c8.js';
-import { m as mobileBreakpoint } from './breakpoints-680e0e56.js';
-import './index-829d5a8b.js';
-import './index-659b7228.js';
-import './index-5b6bb2e2.js';
-import './index-1ad3694a.js';
-import './index-73ab3b9b.js';
-import './index-c3277075.js';
-import './index-0c3f6c0f.js';
-import './index-754a9620.js';
-import './index-42dcef4f.js';
-import './index-55b38815.js';
-import './utils-7983d02c.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 } from './index-47f23745.js';
+import { m as mobileBreakpoint } from './breakpoints-9b81eb1b.js';
+import './index-772a7413.js';
+import './index-85dc8bc0.js';
+import './index-6161978d.js';
+import './index-361b27f9.js';
+import './index-fac1fe6c.js';
+import './index-8f7fd43f.js';
+import './index-4d1853ea.js';
+import './index-816801e5.js';
+import './index-e6ee76f0.js';
+import './index-531501d7.js';
+import './utils-2a4ef29d.js';
 
 const stylesCss = "z-table-deprecated{display:block;width:100%;background-color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-rg);overflow-x:auto}z-table-deprecated>div.table{display:table;width:100%;border-collapse:separate}z-table-deprecated>div.table-bordered>z-table-body>z-table-row>z-table-cell:not(:last-child),z-table-deprecated>div.table-bordered>z-table-head>z-table-header-row>z-table-header:not(:last-child){border-right:var(--border-size-small) solid var(--color-surface03)}z-table-deprecated>div>z-table-body>z-table-row[expandable]>z-table-cell:first-child,z-table-deprecated>div>z-table-head>z-table-header-row[expandable]>z-table-header:first-child{border-right:none}z-table-deprecated>div>z-table-body>z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-deprecated>div>z-table-body>z-table-row[expanded]+z-table-expanded-row{border-bottom:1px solid var(--gray200)}z-table-deprecated>div.table-column-sticky>z-table-body>z-table-row>z-table-cell:first-child,z-table-deprecated>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{position:sticky;z-index:1;left:0;box-shadow:1px 0 4px -1px rgb(66 69 72 / 40%)}z-table-deprecated>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{position:sticky;z-index:2;top:0;box-shadow:0 2px 3px -3px rgb(66 69 72 / 40%)}z-table-deprecated>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header:first-child,z-table-deprecated>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{z-index:5}z-table-body{width:auto;background-color:var(--color-white)}z-table-empty-box{display:flex;flex-direction:column;flex-grow:1;border-bottom:var(--border-size-small) solid var(--color-surface03)}z-table-empty-box.bordered{border-left:var(--border-size-small) solid var(--color-surface03)}.error-message{margin-top:calc(var(--space-unit) * 2)}.table-content{display:flex;width:100%;flex-direction:row}.error-content{display:flex;padding:calc(var(--space-unit) * 3);font-family:var(--font-family-sans)}.error-content>img{width:244px;height:188px;margin-right:calc(var(--space-unit) * 3)}@media only screen and (max-width: 768px){z-table-deprecated>div.table-empty{display:none}.error-content{display:flex;flex-direction:column}.error-content>img{width:auto;height:auto}.text{padding:calc(var(--space-unit) * 3) 0}}";
-const ZTableDeprecatedStyle0 = stylesCss;
 
 const ZTableDeprecated = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.callToAction = createEvent(this, "callToAction", 7);
-        this.callToActionTwo = createEvent(this, "callToActionTwo", 7);
-        this.lines = undefined;
-        this.errorMessage = "Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto";
-        this.bordered = false;
-        this.callToActionLabel = undefined;
-        this.callToActionTwoLabel = undefined;
-        this.columnSticky = false;
-        this.empty = false;
-        this.error = false;
-        this.errorLink = undefined;
-        this.headerSticky = false;
-        this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare";
-        this.subtitle = "";
-        this.hasTableBody = undefined;
-        this.isMobile = undefined;
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.callToAction = createEvent(this, "callToAction", 7);
+    this.callToActionTwo = createEvent(this, "callToActionTwo", 7);
+    /** Error message */
+    this.errorMessage = "Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto";
+    /** Sets table with border */
+    this.bordered = false;
+    /** Sets first column sticky */
+    this.columnSticky = false;
+    /** Sets empty table */
+    this.empty = false;
+    /** Set error status */
+    this.error = false;
+    /** Sets header sticky */
+    this.headerSticky = false;
+    /** Set message */
+    this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare";
+    /** Set subtitle */
+    this.subtitle = "";
+  }
+  handleResize() {
+    this.isMobile = window.innerWidth <= mobileBreakpoint;
+  }
+  handleOrientationChange() {
+    this.isMobile = screen.width <= mobileBreakpoint;
+  }
+  componentWillLoad() {
+    var _a;
+    this.isMobile = window.innerWidth <= mobileBreakpoint;
+    const tableBody = this.host.querySelector('[slot="table-body"]');
+    this.hasTableBody = !!((_a = tableBody === null || tableBody === void 0 ? void 0 : tableBody.children) === null || _a === void 0 ? void 0 : _a.length);
+    if (!!tableBody && !this.hasTableBody) {
+      tableBody.remove();
     }
-    handleResize() {
-        this.isMobile = window.innerWidth <= mobileBreakpoint;
+  }
+  componentWillRender() {
+    this.host.setAttribute("role", "table");
+  }
+  renderError(tableClass) {
+    const minHeight = this.lines ? `calc(40px * ${this.lines})` : "auto";
+    return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-table-error", null, h("div", { class: "error-content", style: { minHeight } }, h("slot", { name: "error-image" }), h("div", { class: "text" }, h("span", { class: "body-3-sb error-message" }, this.errorMessage), h("slot", { name: "error-action" }))))));
+  }
+  renderEmpty(tableClass) {
+    const buttonSize = this.isMobile ? ButtonSize.SMALL : ButtonSize.BIG;
+    const tableContentClass = `${this.hasTableBody ? "table-content" : ""}`;
+    if (this.hasTableBody) {
+      return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" }), h("div", { class: tableContentClass }, h("slot", { name: "table-body" }), h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))))));
     }
-    handleOrientationChange() {
-        this.isMobile = screen.width <= mobileBreakpoint;
-    }
-    componentWillLoad() {
-        var _a;
-        this.isMobile = window.innerWidth <= mobileBreakpoint;
-        const tableBody = this.host.querySelector('[slot="table-body"]');
-        this.hasTableBody = !!((_a = tableBody === null || tableBody === void 0 ? void 0 : tableBody.children) === null || _a === void 0 ? void 0 : _a.length);
-        if (!!tableBody && !this.hasTableBody) {
-            tableBody.remove();
-        }
-    }
-    componentWillRender() {
-        this.host.setAttribute("role", "table");
-    }
-    renderError(tableClass) {
-        const minHeight = this.lines ? `calc(40px * ${this.lines})` : "auto";
-        return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-table-error", null, h("div", { class: "error-content", style: { minHeight } }, h("slot", { name: "error-image" }), h("div", { class: "text" }, h("span", { class: "body-3-sb error-message" }, this.errorMessage), h("slot", { name: "error-action" }))))));
-    }
-    renderEmpty(tableClass) {
-        const buttonSize = this.isMobile ? ButtonSize.SMALL : ButtonSize.BIG;
-        const tableContentClass = `${this.hasTableBody ? "table-content" : ""}`;
-        if (this.hasTableBody) {
-            return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" }), h("div", { class: tableContentClass }, h("slot", { name: "table-body" }), h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))))));
-        }
-        return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))));
-    }
-    render() {
-        const tableClass = `table ${this.empty ? "table-empty" : ""} ${this.bordered ? "table-bordered" : ""}
+    return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))));
+  }
+  render() {
+    const tableClass = `table ${this.empty ? "table-empty" : ""} ${this.bordered ? "table-bordered" : ""}
     ${this.columnSticky ? "table-column-sticky" : ""}
     ${this.headerSticky ? "table-header-sticky" : ""}`;
-        if (this.error) {
-            return this.renderError(tableClass);
-        }
-        if (this.empty) {
-            return this.renderEmpty(tableClass);
-        }
-        return (h(Host, null, h("div", { class: tableClass }, h("slot", null)), h("slot", { name: "sticky-footer" })));
+    if (this.error) {
+      return this.renderError(tableClass);
+    }
+    if (this.empty) {
+      return this.renderEmpty(tableClass);
     }
-    static get assetsDirs() { return ["assets"]; }
-    get host() { return getElement(this); }
+    return (h(Host, null, h("div", { class: tableClass }, h("slot", null)), h("slot", { name: "sticky-footer" })));
+  }
+  static get assetsDirs() { return ["assets"]; }
+  get host() { return getElement(this); }
 };
-ZTableDeprecated.style = ZTableDeprecatedStyle0;
+ZTableDeprecated.style = stylesCss;
 
 export { ZTableDeprecated as z_table_deprecated };
-
-//# sourceMappingURL=z-table-deprecated.entry.js.map