@zanichelli/delta_share 3.2.5 → 4.1.0

package/dist/wc/cjs/index-68c03627.js

@@ -1,53 +0,0 @@
-'use strict';
-
-const index = require('./index-c98ff1cc.js');
-const index$1 = require('./index-029f1a7e.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}}";
-
-const ZTd = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.colspanChange = index.createEvent(this, "colspanChange", 6);
-    /**
-     * Whether the cell should stick.
-     */
-    this.sticky = false;
-    /**
-     * Enables the contextual menu.
-     * Can be set to "hover" or "always" to show the button only on cell hover or always.
-     * Set a nullish value to hide the menu button.
-     */
-    this.showMenu = null;
-    /**
-     * Store the open state of the menu.
-     */
-    this.isMenuOpen = false;
-  }
-  updateColspan() {
-    if (this.colspan) {
-      this.host.style.gridColumn = `span ${this.colspan}`;
-    }
-    else {
-      this.host.style.removeProperty("grid-column");
-    }
-    this.colspanChange.emit(this.colspan || 1);
-  }
-  onMenuButtonClick(ev) {
-    ev.stopPropagation();
-    this.popoverEl.open = !this.popoverEl.open;
-  }
-  componentWillLoad() {
-    this.updateColspan();
-  }
-  render() {
-    return (index.h(index.Host, { role: "cell", "menu-open": this.isMenuOpen }, index.h("slot", null), this.showMenu && (index.h("div", { class: "cell--menu-container prevent-expand" }, index.h("z-button", { variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), index.h("z-popover", { ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open) }, index.h("slot", { name: "contextual-menu" }))))));
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "colspan": ["updateColspan"]
-  }; }
-};
-ZTd.style = stylesCss;
-
-exports.ZTd = ZTd;

package/dist/wc/cjs/index-72da8f73.js

@@ -1,17 +0,0 @@
-'use strict';
-
-const index = require('./index-c98ff1cc.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)}";
-
-const ZTableExpandedRow = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("td", { colSpan: this.colSpan }, index.h("div", { class: "content-container" }, index.h("slot", null))));
-  }
-};
-ZTableExpandedRow.style = stylesCss;
-
-exports.ZTableExpandedRow = ZTableExpandedRow;

package/dist/wc/cjs/index-8a564949.js

@@ -1,29 +0,0 @@
-'use strict';
-
-const index = require('./index-c98ff1cc.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}}";
-
-const ZTableEmptyBox = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** Sets main title message*/
-    this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare.";
-    /** Sets message */
-    this.subtitle = "";
-  }
-  componentWillLoad() {
-    this.hasCta1Slot = !!this.hostElement.querySelector('[slot="cta1"]');
-    this.hasCta2Slot = !!this.hostElement.querySelector('[slot="cta2"]');
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("span", { class: "body-3-sb" }, this.message), index.h("br", null), !!this.subtitle && index.h("span", { class: "body-4" }, this.subtitle), (!!this.hasCta1Slot || !!this.hasCta2Slot) && (index.h("div", { class: {
-        "cta": true,
-        "has-2-cta": !!this.hasCta1Slot && !!this.hasCta2Slot,
-      } }, index.h("slot", { name: "cta1" }), index.h("slot", { name: "cta2" })))));
-  }
-  get hostElement() { return index.getElement(this); }
-};
-ZTableEmptyBox.style = stylesCss;
-
-exports.ZTableEmptyBox = ZTableEmptyBox;

package/dist/wc/cjs/index-929abcb2.js

@@ -1,74 +0,0 @@
-'use strict';
-
-const index = require('./index-c98ff1cc.js');
-const index$1 = require('./index-029f1a7e.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}";
-
-const ZTh = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.sort = index.createEvent(this, "sort", 7);
-    /**
-     * Enables the contextual menu.
-     * Can be set to "hover" or "always" to show the button only on cell hover or always.
-     * Set a nullish value to hide the menu button.
-     */
-    this.showMenu = null;
-    /**
-     * Whether the cell should stick.
-     */
-    this.sticky = false;
-    /**
-     * Set popover position.
-     */
-    this.popoverPosition = index$1.PopoverPosition.AUTO;
-    /**
-     * Store the open state of the menu.
-     */
-    this.isMenuOpen = false;
-  }
-  /**
-   * Get the value to set to the `aria-sort` attribute based on the current sort direction.
-   */
-  get ariaSortDirection() {
-    if (!this.sortDirection) {
-      return null;
-    }
-    return this.sortDirection === index$1.SortDirection.ASC ? "ascending" : "descending";
-  }
-  /**
-   * Handle the click on the sort button.
-   * @fires sort
-   */
-  handleSort() {
-    if (!this.sortDirection) {
-      return;
-    }
-    this.sortDirection = this.sortDirection === index$1.SortDirection.ASC ? index$1.SortDirection.DESC : index$1.SortDirection.ASC;
-    this.sort.emit({
-      sortDirection: this.sortDirection,
-    });
-  }
-  updateColspan() {
-    if (this.colspan) {
-      this.host.style.gridColumn = `span ${this.colspan}`;
-    }
-    else {
-      this.host.style.removeProperty("grid-column");
-    }
-  }
-  componentWillLoad() {
-    this.updateColspan();
-  }
-  render() {
-    return (index.h(index.Host, { role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection }, index.h("slot", null), this.sortDirection && (index.h("button", { class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, index.h("z-icon", { name: this.sortDirection === index$1.SortDirection.ASC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (index.h("div", { class: "cell--menu-container" }, index.h("z-button", { variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), index.h("z-popover", { ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { name: "contextual-menu" }))))));
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "colspan": ["updateColspan"]
-  }; }
-};
-ZTh.style = stylesCss;
-
-exports.ZTh = ZTh;

package/dist/wc/cjs/index-dbb9c380.js

@@ -1,21 +0,0 @@
-'use strict';
-
-const index = require('./index-c98ff1cc.js');
-
-const stylesCss = ".sc-z-table-footer-h{display:table-footer-group;font-family:var(--font-family-sans);font-weight:var(--font-rg)}";
-
-const ZTableFooter = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  componentWillRender() {
-    this.host.setAttribute("role", "rowgroup");
-  }
-  render() {
-    return index.h("slot", null);
-  }
-  get host() { return index.getElement(this); }
-};
-ZTableFooter.style = stylesCss;
-
-exports.ZTableFooter = ZTableFooter;

package/dist/wc/cjs/index-e47a42d9.js

@@ -1,22 +0,0 @@
-'use strict';
-
-const index = require('./index-c98ff1cc.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}";
-
-const ZTableBody = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  componentWillRender() {
-    this.host.setAttribute("role", "rowgroup");
-    Array.from(this.host.children).forEach((child, index) => child.setAttribute("aria-rowindex", `${index}`));
-  }
-  render() {
-    return index.h("slot", null);
-  }
-  get host() { return index.getElement(this); }
-};
-ZTableBody.style = stylesCss;
-
-exports.ZTableBody = ZTableBody;

package/dist/wc/cjs/index-e790a3c5.js

@@ -1,21 +0,0 @@
-'use strict';
-
-const index = require('./index-c98ff1cc.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)}";
-
-const ZThead = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * If true, the header will be stuck to the top of the table.
-     */
-    this.sticky = false;
-  }
-  render() {
-    return (index.h(index.Host, { role: "rowgroup" }, index.h("slot", null)));
-  }
-};
-ZThead.style = stylesCss;
-
-exports.ZThead = ZThead;

package/dist/wc/cjs/utils-43a3deb6.js

@@ -1,97 +0,0 @@
-'use strict';
-
-const index = require('./index-029f1a7e.js');
-const breakpoints = require('./breakpoints-e7c8838e.js');
-
-/**
- * Return boolean value for passed value if a boolean corresponding value is found
- * Return passed value otherwise
- */
-function boolean(value) {
-  switch (value) {
-    case true:
-    case "true":
-    case 1:
-    case "1":
-    case "on":
-    case "yes":
-      return true;
-    case false:
-    case "false":
-    case 0:
-    case "0":
-    case "off":
-    case "no":
-      return false;
-    default:
-      return value;
-  }
-}
-function randomId() {
-  return Math.random().toString(36).replace("0.", "");
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function handleKeyboardSubmit(ev, callback, ...args) {
-  if (ev.code === index.KeyboardCode.ENTER || ev.code === index.KeyboardCode.SPACE) {
-    ev.preventDefault();
-    callback(...args);
-  }
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function handleEnterKeydSubmit(ev, callback, ...args) {
-  if (ev.code === index.KeyboardCode.ENTER) {
-    ev.preventDefault();
-    callback(...args);
-  }
-}
-function getClickedElement(elem = null) {
-  if (!elem) {
-    elem = document.activeElement;
-  }
-  if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {
-    elem = elem.shadowRoot.activeElement;
-    return getClickedElement(elem);
-  }
-  return elem;
-}
-function getElementTree(elem, tree = []) {
-  tree.push(elem);
-  if (elem.parentElement) {
-    elem = elem.parentElement;
-    return getElementTree(elem, tree);
-  }
-  else if (elem.parentNode && elem.parentNode.host) {
-    elem = elem.parentNode.host;
-    return getElementTree(elem, tree);
-  }
-  return tree;
-}
-function getDevice() {
-  switch (true) {
-    case window.innerWidth <= breakpoints.mobileBreakpoint:
-      return index.Device.MOBILE;
-    case window.innerWidth <= breakpoints.tabletBreakpoint:
-      return index.Device.TABLET;
-    case window.innerWidth <= breakpoints.desktopBreakpoint:
-      return index.Device.DESKTOP;
-    default:
-      return index.Device.DESKTOP_WIDE;
-  }
-}
-function convertJson(data) {
-  try {
-    return JSON.parse(data);
-  }
-  catch (_a) {
-    return false;
-  }
-}
-
-exports.boolean = boolean;
-exports.convertJson = convertJson;
-exports.getClickedElement = getClickedElement;
-exports.getDevice = getDevice;
-exports.getElementTree = getElementTree;
-exports.handleEnterKeydSubmit = handleEnterKeydSubmit;
-exports.handleKeyboardSubmit = handleKeyboardSubmit;
-exports.randomId = randomId;

package/dist/wc/cjs/z-contextual-menu.cjs.entry.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c98ff1cc.js');
-const index$1 = require('./index-029f1a7e.js');
-
-const stylesCss = ":host{position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-sans);font-weight:var(--font-rg)}button{width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer}z-popover{overflow:hidden}.popover-content-container{position:relative;min-width:112px;max-width:280px;background-color:var(--color-surface02);box-shadow:var(--shadow-2);white-space:nowrap}.element-container:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.element-text{overflow:hidden;font-size:14px;text-overflow:ellipsis}.element-container,.disabled-element-container{display:flex;min-height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;padding:calc(var(--space-unit) / 2) var(--space-unit);fill:var(--color-disabled03);gap:var(--space-unit)}.element-container{fill:var(--color-primary01)}.element-icon{display:flex}";
-
-const ZContextualMenu = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.clickContextualMenu = index.createEvent(this, "clickContextualMenu", 7);
-    /**
-     * [optional] Sets text color of ZContextualMenu's content
-     */
-    this.color = "color-primary01";
-    /**
-     * [optional] Sets the position of the popover
-     */
-    this.popoverPosition = index$1.PopoverPosition.BOTTOM_RIGHT;
-  }
-  componentWillRender() {
-    if (this.elements) {
-      this.jsonElements = JSON.parse(this.elements.replace(/"/g, '"'));
-    }
-  }
-  componentDidLoad() {
-    this.popoverEl.bindTo = this.triggerButton;
-  }
-  showIcon() {
-    return !this.jsonElements.some((element) => !element.icon);
-  }
-  togglePopover() {
-    if (!this.popoverEl.open) {
-      this.popoverEl.open = true;
-    }
-  }
-  render() {
-    var _a, _b;
-    return (index.h(index.Host, null, index.h("button", { ref: (el) => (this.triggerButton = el), "aria-label": ((_a = this.popoverEl) === null || _a === void 0 ? void 0 : _a.open) ? "chiudi menu contestuale" : "apri menu contestuale", onClick: () => this.togglePopover() }, index.h("z-icon", { name: "contextual-menu", fill: this.color })), index.h("z-popover", { ref: (el) => (this.popoverEl = el), position: this.popoverPosition }, index.h("div", { class: "popover-content-container" }, index.h("z-list", null, index.h("z-list-group", { "divider-type": "element" }, (_b = this.jsonElements) === null || _b === void 0 ? void 0 : _b.map((element, index$1) => (index.h("z-list-element", { clickable: !element.disabled, class: "my-z-list-element", "align-button": "left", "expandable-style": "accordion", color: element.disabled ? `color-disabled03` : this.color, isContextualMenu: true, listElementId: index$1, onClickItem: (event) => this.clickContextualMenu.emit(event.detail) }, index.h("div", { class: element.disabled ? "disabled-element-container" : "element-container" }, this.showIcon() && (index.h("div", { class: "element-icon" }, index.h("z-icon", { name: element.icon, width: 16, height: 16 }))), index.h("div", { class: "element-text" }, index.h("span", null, element.text))))))))))));
-  }
-};
-ZContextualMenu.style = stylesCss;
-
-exports.z_contextual_menu = ZContextualMenu;

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

@@ -1,74 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c98ff1cc.js');
-
-const stylesCss = ":host{--font-size-link:inherit;--font-weight-link:inherit;font-family:var(--font-family-sans);font-size:var(--font-size-link);font-weight:var(--font-weight-link);line-height:inherit;outline:none}:host([big]){--font-size-link:16px;--font-weight-link:var(--font-sb)}a{display:inline-flex;align-items:center;padding:calc(var(--space-unit) / 2) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent;color:var(--color-link-primary);cursor:pointer;fill:var(--color-link-primary);text-decoration:none}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);pointer-events:none}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active{color:var(--color-black);fill:var(--color-black)}a.black:visited{color:var(--gray800);fill:var(--gray800)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--color-white);fill:var(--color-white);text-decoration:none}a.white:visited{color:var(--color-white);fill:var(--color-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:var(--space-unit)}a>z-icon:last-child{margin-left:var(--space-unit)}";
-
-const ZLink = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.zLinkClick = index.createEvent(this, "zLinkClick", 7);
-    /** link target (optional) */
-    this.target = "_self";
-    /** tabindex link attribute (optional) */
-    this.htmltabindex = 0;
-    /** disable link flag (optional) */
-    this.isdisabled = false;
-    /** active link flag (optional) */
-    this.isactive = false;
-    /** white variant flag (optional) */
-    this.iswhite = false;
-    /** link text variant (optional) */
-    this.textcolor = "primary";
-    /** big link version */
-    this.big = false;
-    /** link icon position (optional) */
-    this.iconposition = "left";
-    /** draw underline on text (optional) */
-    this.underline = false;
-    this.iconSize = 18;
-    this.emitZLinkClick = this.emitZLinkClick.bind(this);
-    this.emitZLinkInteraction = this.emitZLinkInteraction.bind(this);
-  }
-  componentWillLoad() {
-    if (this.iswhite) {
-      console.warn("z-link iswhite prop is deprecated and will be dropped in a next release, please use textcolor prop instead");
-    }
-    if (this.big) {
-      console.warn("z-link big prop is deprecated and will be dropped in a next release, please override --font-size-link and --font-weight-link variables instead");
-    }
-  }
-  emitZLinkClick(e, linkId) {
-    this.emitZLinkInteraction(e, linkId);
-  }
-  emitZLinkInteraction(e, linkId) {
-    this.zLinkClick.emit({ e, linkId });
-  }
-  componentDidLoad() {
-    if (this.icon) {
-      const height = parseFloat(window.getComputedStyle(this.hostElement).getPropertyValue("font-size"));
-      const currentSize = this.big ? 18 : Math.round(height * 1.125);
-      if (!Number.isNaN(currentSize) && this.iconSize !== currentSize) {
-        this.iconSize = currentSize;
-      }
-    }
-  }
-  render() {
-    return (index.h("a", { id: this.htmlid, href: this.href ? this.href : null, class: {
-        disabled: this.isdisabled,
-        active: this.isactive,
-        white: this.iswhite,
-        [this.textcolor || ""]: true,
-        underline: this.underline,
-      }, target: this.target, role: this.href ? "link" : "button", tabindex: this.isdisabled ? -1 : this.htmltabindex, onClick: (e) => this.emitZLinkClick(e, this.htmlid) }, this.iconposition === "right" && index.h("slot", null), this.icon && (index.h("z-icon", { style: {
-        "--z-icon-width": `${this.iconSize}px`,
-        "--z-icon-height": `${this.iconSize}px`,
-      }, name: this.icon })), this.iconposition === "left" && index.h("slot", null)));
-  }
-  get hostElement() { return index.getElement(this); }
-};
-ZLink.style = stylesCss;
-
-exports.z_link = ZLink;