@zanichelli/albe-web-components 7.0.0 → 7.1.0

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

@@ -1,44 +1,44 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2ca4b97.js';
-import { x as ZChipType, P as PopoverPosition } from './index-03c01696.js';
-import { t as tabletBreakpoint } from './breakpoints-14432d05.js';
+import { x as ZChipType, P as PopoverPosition } from './index-e36ec4a4.js';
+import { t as tabletBreakpoint } from './breakpoints-c386984e.js';
 
 const stylesCss = ".sc-z-file-h{position:relative;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-h>z-popover.sc-z-file{z-index:10}.sc-z-file-h>z-popover.sc-z-file>.tooltip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file span.sc-z-file{display:block;overflow:hidden;max-width:250px;letter-spacing:0.32px;line-height:1.33;text-overflow:ellipsis;white-space:nowrap}";
 
-const ZFile = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.removeFile = createEvent(this, "removeFile", 7);
-    this.allowPopover = false;
-    this.popoverVisible = false;
-  }
-  removeFileHandler() {
-    this.removeFile.emit({ fileName: this.fileName });
-    this.el.remove();
-  }
-  onMouseOver() {
-    this.popoverVisible = true;
-  }
-  onMouseLeave() {
-    this.popoverVisible = false;
-  }
-  onInteractiveIconClick() {
-    this.removeFileHandler();
-  }
-  componentDidLoad() {
-    var _a, _b;
-    if (this.elementHasEllipsis() && window.innerWidth > tabletBreakpoint) {
-      this.allowPopover = true;
-    }
-    (_b = (_a = this.icon) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
-  }
-  elementHasEllipsis() {
-    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
-  }
-  render() {
-    return (h(Host, null, this.allowPopover && (h("z-popover", { open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
-  }
-  get el() { return getElement(this); }
-};
+const ZFile = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.removeFile = createEvent(this, "removeFile", 7);
+    this.allowPopover = false;
+    this.popoverVisible = false;
+  }
+  removeFileHandler() {
+    this.removeFile.emit({ fileName: this.fileName });
+    this.el.remove();
+  }
+  onMouseOver() {
+    this.popoverVisible = true;
+  }
+  onMouseLeave() {
+    this.popoverVisible = false;
+  }
+  onInteractiveIconClick() {
+    this.removeFileHandler();
+  }
+  componentDidLoad() {
+    var _a, _b;
+    if (this.elementHasEllipsis() && window.innerWidth > tabletBreakpoint) {
+      this.allowPopover = true;
+    }
+    (_b = (_a = this.icon) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+  }
+  elementHasEllipsis() {
+    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
+  }
+  render() {
+    return (h(Host, null, this.allowPopover && (h("z-popover", { open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
+  }
+  get el() { return getElement(this); }
+};
 ZFile.style = stylesCss;
 
 export { ZFile as z_file };

package/dist/esm/z-ghost-loading.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, h, H as Host } from './index-a2ca4b97.js';
 
-const stylesCss = ":host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--bg-neutral-100);border-radius:4px;transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;animation:progress 1.6s ease-in-out infinite;background-image:linear-gradient(\r\n    90deg,\r\n    var(--bg-neutral-100) 0%,\r\n    var(--bg-neutral-150) 95%,\r\n    var(--bg-neutral-100) 100%\r\n  );box-shadow:#e8ebee20 0 0 1px;content:\" \"}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}";
+const stylesCss = ":host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--bg-neutral-100);border-radius:4px;transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;animation:progress 1.6s ease-in-out infinite;background-image:linear-gradient(\n    90deg,\n    var(--bg-neutral-100) 0%,\n    var(--bg-neutral-150) 95%,\n    var(--bg-neutral-100) 100%\n  );box-shadow:#e8ebee20 0 0 1px;content:\" \"}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}";
 
-const ZGhostLoading = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return h(Host, null);
-  }
-};
+const ZGhostLoading = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return h(Host, null);
+  }
+};
 ZGhostLoading.style = stylesCss;
 
 export { ZGhostLoading as z_ghost_loading };

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, h } from './index-a2ca4b97.js';
 
-const ZHeading = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** Font weight variant */
-    this.variant = "regular";
-  }
-  render() {
-    return (h("z-typography", { tabIndex: 0, component: this.component || `h${this.level}`, level: `h${this.level}`, variant: this.variant }, h("slot", null)));
-  }
+const ZHeading = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /** Font weight variant */
+    this.variant = "regular";
+  }
+  render() {
+    return (h("z-typography", { tabIndex: 0, component: this.component || `h${this.level}`, level: `h${this.level}`, variant: this.variant }, h("slot", null)));
+  }
 };
 
 export { ZHeading as z_heading };

package/dist/esm/z-info-box.entry.js

@@ -2,20 +2,20 @@ import { r as registerInstance, c as createEvent, h } from './index-a2ca4b97.js'
 
 const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;padding:calc(var(--space-unit) * 2);background:var(--accent-lighter);border-radius:var(--border-radius)}:host>div>slot{color:var(--text-grey-800);font-size:14px}:host>div>z-icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--myz-blue)}";
 
-const ZInfoBox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.infoBoxClose = createEvent(this, "infoBoxClose", 7);
-    /** render close icon flag */
-    this.isclosable = true;
-  }
-  emitInfoBoxClose() {
-    this.infoBoxClose.emit({ boxid: this.boxid });
-  }
-  render() {
-    return (h("div", { id: this.boxid }, h("slot", { name: "content" }), this.isclosable && (h("z-icon", { name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
-  }
-};
+const ZInfoBox = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.infoBoxClose = createEvent(this, "infoBoxClose", 7);
+    /** render close icon flag */
+    this.isclosable = true;
+  }
+  emitInfoBoxClose() {
+    this.infoBoxClose.emit({ boxid: this.boxid });
+  }
+  render() {
+    return (h("div", { id: this.boxid }, h("slot", { name: "content" }), this.isclosable && (h("z-icon", { name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
+  }
+};
 ZInfoBox.style = stylesCss;
 
 export { ZInfoBox as z_info_box };

package/dist/esm/z-info-reveal.entry.js

@@ -1,61 +1,61 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-a2ca4b97.js';
-import { J as InfoRevealPosition } from './index-03c01696.js';
+import { J as InfoRevealPosition } from './index-e36ec4a4.js';
 
 const stylesCss = ":host{--z-info-reveal-theme--surface:var(--color-black);--z-info-reveal-theme--text:var(--color-white);--z-info-reveal-shadow:var(--shadow-2);--z-info-reveal-max-width:375px;position:relative;display:flex;width:fit-content;background-color:var(--z-info-reveal-theme--surface);color:var(--z-info-reveal-theme--text);font-size:var(--font-size-3);font-weight:var(--font-rg);letter-spacing:0;line-height:1.5}button{padding:0;border:none;background-color:transparent;border-radius:0;color:inherit;cursor:pointer;fill:currentcolor;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3);display:flex}.z-info-reveal-trigger{display:flex;width:fit-content;height:100%;align-items:center;padding:calc(var(--space-unit) / 2);box-shadow:var(--z-info-reveal-shadow);column-gap:calc(var(--space-unit) / 2)}:host([position=\"top_left\"]) .z-info-reveal-trigger,:host([position=\"bottom_left\"]) .z-info-reveal-trigger{flex-direction:row-reverse}:host([open]) .z-info-reveal-trigger{box-shadow:none}.info-box{position:absolute;display:flex;max-width:var(--z-info-reveal-max-width);padding:calc(var(--space-unit) / 2);background-color:var(--z-info-reveal-theme--surface);box-shadow:var(--z-info-reveal-shadow);column-gap:calc(var(--space-unit) / 2);cursor:pointer}:host([position=\"bottom_left\"]) .info-box,:host([position=\"bottom_right\"]) .info-box{bottom:0}:host([position=\"top_right\"]) .info-box,:host([position=\"bottom_right\"]) .info-box{right:0}:host([position=\"top_left\"]) .info-box,:host([position=\"bottom_left\"]) .info-box{left:0;flex-direction:row-reverse}::slotted(*){display:none;width:max-content}::slotted([data-current]){display:block}:host([position=\"top_left\"]) .z-info-reveal-close,:host([position=\"top_right\"]) .z-info-reveal-close{align-self:flex-start}:host([position=\"bottom_left\"]) .z-info-reveal-close,:host([position=\"bottom_right\"]) .z-info-reveal-close{align-self:flex-end}";
 
-const ZInfoReveal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** Name of the icon for the open button */
-    this.icon = "informationsource";
-    /** Info reveal's position */
-    this.position = InfoRevealPosition.BOTTOM_RIGHT;
-    /** Whether the info panel is open. */
-    this.open = false;
-    /** Current index for the info queue. */
-    this.currentIndex = null;
-  }
-  watchItems() {
-    Array.from(this.el.children).forEach((child, index) => {
-      if (this.currentIndex === index) {
-        child.setAttribute("data-current", "");
-      }
-      else {
-        child.removeAttribute("data-current");
-      }
-    });
-  }
-  /**
-   * Open the info box.
-   */
-  openInfoBox() {
-    this.currentIndex = 0;
-    this.open = true;
-  }
-  /**
-   * Close the info box.
-   */
-  closeInfoBox() {
-    this.open = false;
-  }
-  /**
-   * Navigate slotted info.
-   * It closes the info box after the last info has been navigated.
-   */
-  next() {
-    this.currentIndex = this.currentIndex + 1;
-    if (this.currentIndex === this.el.children.length) {
-      this.closeInfoBox();
-    }
-  }
-  render() {
-    return (h(Host, { open: this.open }, h("button", { class: "z-info-reveal-trigger", onClick: this.openInfoBox.bind(this) }, this.label && h("span", { class: "z-info-reveal-label" }, this.label), h("z-icon", { name: this.icon })), this.open && (h("div", { class: "info-box", onClick: this.next.bind(this), tabIndex: 0 }, h("slot", null), h("button", { class: "z-info-reveal-close", onClick: this.closeInfoBox.bind(this) }, h("z-icon", { name: "close" }))))));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "currentIndex": ["watchItems"]
-  }; }
-};
+const ZInfoReveal = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /** Name of the icon for the open button */
+    this.icon = "informationsource";
+    /** Info reveal's position */
+    this.position = InfoRevealPosition.BOTTOM_RIGHT;
+    /** Whether the info panel is open. */
+    this.open = false;
+    /** Current index for the info queue. */
+    this.currentIndex = null;
+  }
+  watchItems() {
+    Array.from(this.el.children).forEach((child, index) => {
+      if (this.currentIndex === index) {
+        child.setAttribute("data-current", "");
+      }
+      else {
+        child.removeAttribute("data-current");
+      }
+    });
+  }
+  /**
+   * Open the info box.
+   */
+  openInfoBox() {
+    this.currentIndex = 0;
+    this.open = true;
+  }
+  /**
+   * Close the info box.
+   */
+  closeInfoBox() {
+    this.open = false;
+  }
+  /**
+   * Navigate slotted info.
+   * It closes the info box after the last info has been navigated.
+   */
+  next() {
+    this.currentIndex = this.currentIndex + 1;
+    if (this.currentIndex === this.el.children.length) {
+      this.closeInfoBox();
+    }
+  }
+  render() {
+    return (h(Host, { open: this.open }, h("button", { class: "z-info-reveal-trigger", onClick: this.openInfoBox.bind(this) }, this.label && h("span", { class: "z-info-reveal-label" }, this.label), h("z-icon", { name: this.icon })), this.open && (h("div", { class: "info-box", onClick: this.next.bind(this), tabIndex: 0 }, h("slot", null), h("button", { class: "z-info-reveal-close", onClick: this.closeInfoBox.bind(this) }, h("z-icon", { name: "close" }))))));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "currentIndex": ["watchItems"]
+  }; }
+};
 ZInfoReveal.style = stylesCss;
 
 export { ZInfoReveal as z_info_reveal };