@zanichelli/albe-web-components 6.6.9 → 6.6.10-test

package/{dist/cjs/z-date-picker.cjs.entry.js → www/build/z-date-picker.entry.js}

@@ -1,16 +1,15 @@
-'use strict';
+import { r as registerInstance, f as createEvent, h, g as getElement } from './index-291c96fb.js';
+import { f as flatpickr, i as it, s as setAriaOptions, a as setFlatpickrPosition, v as validateDate } from './utils-d783f6be.js';
+import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-8fe71198.js';
+import { y as ZDatePickerMode, F as ZDatePickerPosition, I as InputType } from './index-968a240f.js';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-const utils = require('./utils-8bc9056f.js');
-const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
-const index$1 = require('./index-fa110f37.js');
-
-var monthSelect = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var monthSelect = createCommonjsModule(function (module, exports) {
 (function (global, factory) {
-    module.exports = factory() ;
-}(_commonjsHelpers.commonjsGlobal, (function () {
+    'object' === 'object' && 'object' !== 'undefined' ? module.exports = factory() :
+    typeof undefined === 'function' && undefined.amd ? undefined(factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.monthSelectPlugin = factory());
+}(commonjsGlobal, (function () { 'use strict';
+
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -312,13 +311,13 @@ const stylesCss = ".flatpickr-calendar{background:transparent;opacity:0;display:
 
 const ZDatePicker = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.dateSelect = index.createEvent(this, "dateSelect", 7);
+    registerInstance(this, hostRef);
+    this.dateSelect = createEvent(this, "dateSelect", 7);
     /** z-input aria label */
     this.ariaLabel = "";
     /** [Optional] datepicker mode: date, datetime, only months */
-    this.mode = index$1.ZDatePickerMode.DATE;
-    this.flatpickrPosition = index$1.ZDatePickerPosition.BOTTOM;
+    this.mode = ZDatePickerMode.DATE;
+    this.flatpickrPosition = ZDatePickerPosition.BOTTOM;
     this.inputError = false;
   }
   emitDateSelect(date) {
@@ -337,12 +336,15 @@ const ZDatePicker = class {
         (_c = this.picker) === null || _c === void 0 ? void 0 : _c.setDate([]);
         this.dateSelect.emit(null);
       }
-      document.activeElement.classList.contains("flatpickr-day");
+      const flatpickrDayPressed = document.activeElement.classList.contains("flatpickr-day");
+      if (flatpickrDayPressed) {
+        //Sistemare il toggle
+      }
       const isPrevArrowEntered = document.activeElement.classList.contains("flatpickr-prev-month");
       const isNextArrowEntered = document.activeElement.classList.contains("flatpickr-next-month");
       const arrowPressed = isPrevArrowEntered || isNextArrowEntered;
       arrowPressed && ev.key === " " && ev.preventDefault();
-      if (this.mode === index$1.ZDatePickerMode.MONTHS) {
+      if (this.mode === ZDatePickerMode.MONTHS) {
         isPrevArrowEntered && ((_d = this.picker) === null || _d === void 0 ? void 0 : _d.changeYear(this.picker.currentYear - 1));
         isNextArrowEntered && ((_e = this.picker) === null || _e === void 0 ? void 0 : _e.changeYear(this.picker.currentYear + 1));
         if (arrowPressed) {
@@ -385,13 +387,13 @@ const ZDatePicker = class {
   }
   setupPickers() {
     const classToAppend = this.hasChildren ? `${this.datePickerId}-hidden` : `${this.datePickerId}-container`;
-    this.picker = utils.flatpickr(`.${classToAppend}`, {
+    this.picker = flatpickr(`.${classToAppend}`, {
       appendTo: this.element.children[0],
-      enableTime: this.mode === index$1.ZDatePickerMode.DATE_TIME,
-      locale: utils.it.Italian,
+      enableTime: this.mode === ZDatePickerMode.DATE_TIME,
+      locale: it.Italian,
       allowInput: true,
-      dateFormat: this.mode === index$1.ZDatePickerMode.DATE_TIME ? "d-m-Y - H:i" : "d-m-Y",
-      ariaDateFormat: this.mode === index$1.ZDatePickerMode.MONTHS ? "F Y" : "d F Y",
+      dateFormat: this.mode === ZDatePickerMode.DATE_TIME ? "d-m-Y - H:i" : "d-m-Y",
+      ariaDateFormat: this.mode === ZDatePickerMode.MONTHS ? "F Y" : "d F Y",
       minuteIncrement: 1,
       // eslint-disable-next-line @typescript-eslint/naming-convention
       time_24hr: true,
@@ -399,14 +401,14 @@ const ZDatePicker = class {
         this.emitDateSelect(dateStr);
       },
       onOpen: () => {
-        utils.setAriaOptions(this.element, this.mode);
-        this.flatpickrPosition = utils.setFlatpickrPosition(this.element, this.mode);
+        setAriaOptions(this.element, this.mode);
+        this.flatpickrPosition = setFlatpickrPosition(this.element, this.mode);
       },
       onKeyDown: () => {
-        utils.setAriaOptions(this.element, this.mode);
+        setAriaOptions(this.element, this.mode);
       },
       wrap: true,
-      plugins: this.mode === index$1.ZDatePickerMode.MONTHS && [
+      plugins: this.mode === ZDatePickerMode.MONTHS && [
         monthSelect({
           dateFormat: "m-Y",
           altFormat: "m-Y",
@@ -418,23 +420,23 @@ const ZDatePicker = class {
     });
   }
   formatDate(date) {
-    if (this.mode === index$1.ZDatePickerMode.DATE) {
-      return `${utils.flatpickr.formatDate(date, "d-m-Y")}`;
+    if (this.mode === ZDatePickerMode.DATE) {
+      return `${flatpickr.formatDate(date, "d-m-Y")}`;
     }
-    else if (this.mode === index$1.ZDatePickerMode.MONTHS) {
-      return `${utils.flatpickr.formatDate(date, "m-Y")}`;
+    else if (this.mode === ZDatePickerMode.MONTHS) {
+      return `${flatpickr.formatDate(date, "m-Y")}`;
     }
-    return `${utils.flatpickr.formatDate(date, "d-m-Y - H:i")}`;
+    return `${flatpickr.formatDate(date, "d-m-Y - H:i")}`;
   }
   onStopTyping(value) {
     let text = value.detail.value;
-    if (this.mode === index$1.ZDatePickerMode.MONTHS) {
+    if (this.mode === ZDatePickerMode.MONTHS) {
       text = "01-".concat(value.detail.value);
     }
     const englishData = text.split("-");
-    const time = this.mode === index$1.ZDatePickerMode.DATE_TIME ? `T${englishData[3]}:00` : "";
+    const time = this.mode === ZDatePickerMode.DATE_TIME ? `T${englishData[3]}:00` : "";
     const englishParsedData = `${englishData[2]}-${englishData[1]}-${englishData[0]}${time}`.split(" ").join("");
-    const isValidDate = utils.validateDate(englishParsedData, this.mode === index$1.ZDatePickerMode.DATE_TIME);
+    const isValidDate = validateDate(englishParsedData, this.mode === ZDatePickerMode.DATE_TIME);
     if (text === "") {
       this.inputError = false;
       this.picker.setDate([]);
@@ -451,27 +453,27 @@ const ZDatePicker = class {
     }
   }
   renderSlottedContent() {
-    return (index.h("div", { class: `${this.datePickerId}-hidden` }, index.h("input", { class: "hidden-input", "data-input": true }), index.h("slot", { name: "toggle" })));
+    return (h("div", { class: `${this.datePickerId}-hidden` }, h("input", { class: "hidden-input", "data-input": true }), h("slot", { name: "toggle" })));
   }
   renderZInput() {
-    return (index.h("div", { class: `${this.datePickerId}-container` }, index.h("z-input", { "data-input": "data-input", ariaLabel: this.ariaLabel, label: this.label, class: this.datePickerId, type: index$1.InputType.TEXT, icon: "event", message: false, tabindex: "0", value: "", onStopTyping: (value) => {
+    return (h("div", { class: `${this.datePickerId}-container` }, h("z-input", { "data-input": "data-input", ariaLabel: this.ariaLabel, label: this.label, class: this.datePickerId, type: InputType.TEXT, icon: "event", message: false, tabindex: "0", value: "", onStopTyping: (value) => {
         this.onStopTyping(value);
       }, onStartTyping: () => {
         this.inputError = false;
       } })));
   }
   render() {
-    return (index.h("div", { class: {
+    return (h("div", { class: {
         "flatpickr-toggle-container": true,
         [this.flatpickrPosition]: true,
         [this.mode]: true,
       } }, this.hasChildren ? this.renderSlottedContent() : this.renderZInput()));
   }
-  get element() { return index.getElement(this); }
+  get element() { return getElement(this); }
   static get watchers() { return {
     "mode": ["setupPickers"]
   }; }
 };
 ZDatePicker.style = stylesCss;
 
-exports.z_date_picker = ZDatePicker;
+export { ZDatePicker as z_date_picker };

package/{dist/cjs/z-divider.cjs.entry.js → www/build/z-divider.entry.js}

@@ -1,26 +1,22 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-const index$1 = require('./index-fa110f37.js');
+import { r as registerInstance, h, e as Host } from './index-291c96fb.js';
+import { D as DividerSize, f as DividerOrientation } from './index-968a240f.js';
 
 const stylesCss = ".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}";
 
 const ZDivider = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    registerInstance(this, hostRef);
     /** [optional] Divider size */
-    this.size = index$1.DividerSize.SMALL;
+    this.size = DividerSize.SMALL;
     /** [optional] Divider color */
     this.color = "gray200";
     /** [optional] Divider orintation */
-    this.orientation = index$1.DividerOrientation.HORIZONTAL;
+    this.orientation = DividerOrientation.HORIZONTAL;
   }
   render() {
-    return (index.h(index.Host, { class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
+    return (h(Host, { class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
   }
 };
 ZDivider.style = stylesCss;
 
-exports.z_divider = ZDivider;
+export { ZDivider as z_divider };

package/www/build/z-dragdrop-area.entry.js

@@ -0,0 +1,33 @@
+import { r as registerInstance, f as createEvent, h } from './index-291c96fb.js';
+
+const stylesCss = ":host{margin-top:calc(var(--space-unit) * 3);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.dragdrop{position:relative;display:flex;height:228px;flex-direction:column;border-color:var(--color-surface04);background-color:var(--color-surface02);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23CACCCEFF' stroke-width='2' stroke-dasharray='15%2c 10%2c 14%2c 11' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e\");border-radius:2px;color:var(--color-text01)}:host>.dragdrop.dragover *{pointer-events:none}:host>.dragdrop .dragover-container{position:absolute;z-index:10;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);box-shadow:var(--shadow-focus-primary)}:host>.dragdrop .dragover-container .dragover-message{padding:10px 28px;background-color:var(--color-link-primary);color:var(--color-text04)}:host>.dragdrop.dragover .dragover-container{display:flex;align-items:center;justify-content:center}";
+
+const ZDragdropArea = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.fileDropped = createEvent(this, "fileDropped", 7);
+  }
+  fileDroppedHandler(files) {
+    this.fileDropped.emit(files);
+  }
+  renderOnDragOverMessage() {
+    return (h("div", { class: "dragover-container" }, h("div", { class: "dragover-message" }, h("z-body", { variant: "semibold", level: 2 }, "Rilascia i file in questa area per allegarli."))));
+  }
+  render() {
+    return (h("div", { tabIndex: 0, ref: (val) => (this.dragDropContainer = val), class: "dragdrop", onDragOver: (e) => {
+        e.preventDefault();
+        this.dragDropContainer.classList.add("dragover");
+      }, onDragLeave: () => {
+        this.dragDropContainer.classList.remove("dragover");
+      }, onDrop: (e) => {
+        e.preventDefault();
+        if (e.dataTransfer.files.length) {
+          this.dragDropContainer.classList.remove("dragover");
+          this.fileDroppedHandler(e.dataTransfer.files);
+        }
+      } }, this.renderOnDragOverMessage(), h("slot", null)));
+  }
+};
+ZDragdropArea.style = stylesCss;
+
+export { ZDragdropArea as z_dragdrop_area };

package/{dist/cjs/z-file-upload.cjs.entry.js → www/build/z-file-upload.entry.js}

@@ -1,20 +1,16 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-const index$1 = require('./index-fa110f37.js');
-const utils = require('./utils-600bad93.js');
-require('./breakpoints-88c4fd6c.js');
+import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-291c96fb.js';
+import { v as ZFileUploadType, o as Device, D as DividerSize } from './index-968a240f.js';
+import { g as getDevice } from './utils-b96780be.js';
+import './breakpoints-c386984e.js';
 
 const stylesCss = ":host{color:var(--color-text01);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.container{display:flex;flex-direction:column}:host .modal-wrapper{display:flex;align-items:center;justify-content:center}:host .modal-wrapper>.files-wrapper{display:flex;flex-direction:column;margin:calc(var(--space-unit) * 4);gap:var(--space-unit)}:host .text-container{display:flex;flex-direction:column;margin:auto}:host .text-container z-body{text-align:center}:host .text-container .upload-link{color:var(--color-link-primary);cursor:pointer}:host .text-container .upload-link-text{margin-bottom:var(--space-unit)}input#file-elem{display:none}#title{display:inline-block;margin-bottom:var(--space-unit)}:host>.container>z-button{display:inline-block;margin-top:calc(var(--space-unit) * 3)}:host>.container>.files-container.hidden{display:none}:host>.container>.files-container>z-heading{display:inline-block;margin:calc(var(--space-unit) * 3) 0}:host>.container>.files-container>.files-wrapper{display:flex;flex-wrap:wrap;column-gap:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}:host>.container>.files-container>z-divider{margin-top:calc(var(--space-unit) * 3);margin-bottom:0}@media only screen and (min-width: 768px){:host>.container>z-button{align-self:flex-start}}";
 
 const ZFileUpload = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.fileInput = index.createEvent(this, "fileInput", 7);
+    registerInstance(this, hostRef);
+    this.fileInput = createEvent(this, "fileInput", 7);
     /** Prop indicating the file upload type - can be default or dragdrop */
-    this.type = index$1.ZFileUploadType.DEFAULT;
+    this.type = ZFileUploadType.DEFAULT;
     /** Files added by the user */
     this.files = [];
     this.inputAttributes = {
@@ -57,8 +53,8 @@ const ZFileUpload = class {
     return this.files;
   }
   getType() {
-    if (utils.getDevice() !== index$1.Device.DESKTOP) {
-      return index$1.ZFileUploadType.DEFAULT;
+    if (getDevice() !== Device.DESKTOP) {
+      return ZFileUploadType.DEFAULT;
     }
     return this.type;
   }
@@ -68,7 +64,7 @@ const ZFileUpload = class {
       lastFile.focus();
     }
     else {
-      this.getType() === index$1.ZFileUploadType.DEFAULT
+      this.getType() === ZFileUploadType.DEFAULT
         ? this.button.querySelector("button").focus()
         : this.uploadLink.focus();
     }
@@ -102,10 +98,10 @@ const ZFileUpload = class {
     return errors;
   }
   renderTitle() {
-    return (index.h("z-heading", { id: "title", variant: "semibold", level: 2 }, this.mainTitle));
+    return (h("z-heading", { id: "title", variant: "semibold", level: 2 }, this.mainTitle));
   }
   renderDescription(variant, level) {
-    return (index.h("z-body", { variant: variant, level: level }, this.description));
+    return (h("z-body", { variant: variant, level: level }, this.description));
   }
   renderAllowedFileExtensions() {
     let fileFormatString = "";
@@ -121,18 +117,18 @@ const ZFileUpload = class {
       fileWeightString = ` per un massimo di ${this.fileMaxSize}MB di peso`;
     }
     const finalString = `Puoi allegare file${fileFormatString}${fileWeightString}.`;
-    return index.h("z-body", { level: 3 }, fileFormatString || fileWeightString ? finalString : null);
+    return h("z-body", { level: 3 }, fileFormatString || fileWeightString ? finalString : null);
   }
   renderFileSection() {
-    return (index.h("section", { class: `files-container ${!this.files.length ? "hidden" : ""}` }, index.h("z-heading", { variant: "semibold", level: 4 }, "File appena caricati"), index.h("div", { class: "files-wrapper" }, index.h("slot", { name: "files" })), index.h("z-divider", { size: index$1.DividerSize.MEDIUM })));
+    return (h("section", { class: `files-container ${!this.files.length ? "hidden" : ""}` }, h("z-heading", { variant: "semibold", level: 4 }, "File appena caricati"), h("div", { class: "files-wrapper" }, h("slot", { name: "files" })), h("z-divider", { size: DividerSize.MEDIUM })));
   }
   renderInput() {
-    return (index.h("input", Object.assign({}, this.inputAttributes, { onChange: () => this.fileInputHandler(), accept: this.acceptedFormat, ref: (val) => (this.input = val) })));
+    return (h("input", Object.assign({}, this.inputAttributes, { onChange: () => this.fileInputHandler(), accept: this.acceptedFormat, ref: (val) => (this.input = val) })));
   }
   renderUploadButton() {
     return [
       this.renderInput(),
-      index.h("z-button", { onClick: () => this.input.click(), onKeyPress: (e) => {
+      h("z-button", { onClick: () => this.input.click(), onKeyPress: (e) => {
           if (e.code == "Space" || e.code == "Enter") {
             e.preventDefault();
             this.input.click();
@@ -143,7 +139,7 @@ const ZFileUpload = class {
   renderUploadLink() {
     return [
       this.renderInput(),
-      index.h("z-body", { class: "upload-link-text", variant: "regular", level: 1 }, "Trascinalo qui o", " ", index.h("z-body", { tabIndex: 0, class: "upload-link", onClick: () => this.input.click(), onKeyPress: (e) => {
+      h("z-body", { class: "upload-link-text", variant: "regular", level: 1 }, "Trascinalo qui o", " ", h("z-body", { tabIndex: 0, class: "upload-link", onClick: () => this.input.click(), onKeyPress: (e) => {
           if (e.code == "Space" || e.code == "Enter") {
             e.preventDefault();
             this.input.click();
@@ -162,7 +158,7 @@ const ZFileUpload = class {
   renderDragDropMode() {
     return [
       this.renderFileSection(),
-      index.h("z-dragdrop-area", null, index.h("div", { class: "text-container" }, this.renderDescription("regular", 1), this.renderUploadLink(), this.renderAllowedFileExtensions())),
+      h("z-dragdrop-area", null, h("div", { class: "text-container" }, this.renderDescription("regular", 1), this.renderUploadLink(), this.renderAllowedFileExtensions())),
     ];
   }
   formatErrorString(key, value) {
@@ -171,15 +167,15 @@ const ZFileUpload = class {
     return `Il file ${key} ${(_a = value[0]) !== null && _a !== void 0 ? _a : ""}${bothErrors} ${(_b = value[1]) !== null && _b !== void 0 ? _b : ""} e non può quindi essere caricato.`;
   }
   handleErrorModalContent() {
-    return (index.h("div", { slot: "modalContent" }, index.h("div", { class: "modal-wrapper" }, index.h("div", { class: "files" }, Array.from(this.invalidFiles).map(([key, value]) => {
-      return (index.h("z-body", { variant: "regular", level: 3 }, this.formatErrorString(key, value)));
+    return (h("div", { slot: "modalContent" }, h("div", { class: "modal-wrapper" }, h("div", { class: "files" }, Array.from(this.invalidFiles).map(([key, value]) => {
+      return (h("z-body", { variant: "regular", level: 3 }, this.formatErrorString(key, value)));
     })))));
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { tabIndex: 0, class: `container ${this.getType()}` }, this.renderTitle(), this.getType() == index$1.ZFileUploadType.DEFAULT ? this.renderDefaultMode() : this.renderDragDropMode()), !!this.invalidFiles.size && (index.h("z-modal", { tabIndex: 0, ref: (val) => (this.errorModal = val), modaltitle: "Attenzione", onModalClose: () => (this.invalidFiles = new Map()), onModalBackgroundClick: () => (this.invalidFiles = new Map()) }, this.handleErrorModalContent()))));
+    return (h(Host, null, h("div", { tabIndex: 0, class: `container ${this.getType()}` }, this.renderTitle(), this.getType() == ZFileUploadType.DEFAULT ? this.renderDefaultMode() : this.renderDragDropMode()), !!this.invalidFiles.size && (h("z-modal", { tabIndex: 0, ref: (val) => (this.errorModal = val), modaltitle: "Attenzione", onModalClose: () => (this.invalidFiles = new Map()), onModalBackgroundClick: () => (this.invalidFiles = new Map()) }, this.handleErrorModalContent()))));
   }
-  get el() { return index.getElement(this); }
+  get el() { return getElement(this); }
 };
 ZFileUpload.style = stylesCss;
 
-exports.z_file_upload = ZFileUpload;
+export { ZFileUpload as z_file_upload };

package/{dist/cjs/z-file.cjs.entry.js → www/build/z-file.entry.js}

@@ -1,17 +1,13 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-const index$1 = require('./index-fa110f37.js');
-const breakpoints = require('./breakpoints-88c4fd6c.js');
+import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-291c96fb.js';
+import { P as PopoverPosition, w as ZChipType } from './index-968a240f.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) {
-    index.registerInstance(this, hostRef);
-    this.removeFile = index.createEvent(this, "removeFile", 7);
+    registerInstance(this, hostRef);
+    this.removeFile = createEvent(this, "removeFile", 7);
     this.allowPopover = false;
     this.popoverVisible = false;
   }
@@ -30,7 +26,7 @@ const ZFile = class {
   }
   componentDidLoad() {
     var _a, _b;
-    if (this.elementHasEllipsis() && window.innerWidth > breakpoints.tabletBreakpoint) {
+    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);
@@ -39,10 +35,10 @@ const ZFile = class {
     return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
   }
   render() {
-    return (index.h(index.Host, null, this.allowPopover && (index.h("z-popover", { open: this.popoverVisible, position: index$1.PopoverPosition.AUTO, bindTo: this.chip }, index.h("span", { class: "body-5 tooltip-content" }, this.ellipsis.innerText))), index.h("z-chip", { ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: index$1.ZChipType.DEFAULT }, index.h("span", { ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
+    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 index.getElement(this); }
+  get el() { return getElement(this); }
 };
 ZFile.style = stylesCss;
 
-exports.z_file = ZFile;
+export { ZFile as z_file };

package/{dist/cjs/z-ghost-loading.cjs.entry.js → www/build/z-ghost-loading.entry.js}

@@ -1,19 +1,15 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
+import { r as registerInstance, h, e as Host } from './index-291c96fb.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(\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) {
-    index.registerInstance(this, hostRef);
+    registerInstance(this, hostRef);
   }
   render() {
-    return index.h(index.Host, null);
+    return h(Host, null);
   }
 };
 ZGhostLoading.style = stylesCss;
 
-exports.z_ghost_loading = ZGhostLoading;
+export { ZGhostLoading as z_ghost_loading };

package/www/build/z-heading.entry.js

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-291c96fb.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)));
+  }
+};
+
+export { ZHeading as z_heading };

package/www/build/z-icon.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h } from './index-291c96fb.js';
+import { I as ICONS } from './icons-85e529a3.js';
+
+const stylesCss = ":host{margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0);line-height:0;vertical-align:middle}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";
+
+const ZIcon = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  selectPathOrPolygon(iconValue) {
+    if (iconValue === null || iconValue === void 0 ? void 0 : iconValue.startsWith("M")) {
+      return h("path", { d: ICONS[this.name] });
+    }
+    return h("polygon", { points: ICONS[this.name] });
+  }
+  render() {
+    return (h("svg", { viewBox: "0 0 1000 1000", width: this.width, height: this.height, id: this.iconid, fill: this.fill ? `var(--${this.fill})` : "" }, this.selectPathOrPolygon(ICONS[this.name])));
+  }
+};
+ZIcon.style = stylesCss;
+
+export { ZIcon as z_icon };

package/{dist/cjs/z-info-box.cjs.entry.js → www/build/z-info-box.entry.js}

@@ -1,15 +1,11 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
+import { r as registerInstance, f as createEvent, h } from './index-291c96fb.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) {
-    index.registerInstance(this, hostRef);
-    this.infoBoxClose = index.createEvent(this, "infoBoxClose", 7);
+    registerInstance(this, hostRef);
+    this.infoBoxClose = createEvent(this, "infoBoxClose", 7);
     /** render close icon flag */
     this.isclosable = true;
   }
@@ -17,9 +13,9 @@ const ZInfoBox = class {
     this.infoBoxClose.emit({ boxid: this.boxid });
   }
   render() {
-    return (index.h("div", { id: this.boxid }, index.h("slot", { name: "content" }), this.isclosable && (index.h("z-icon", { name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
+    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;
 
-exports.z_info_box = ZInfoBox;
+export { ZInfoBox as z_info_box };

package/{dist/cjs/z-info-reveal.cjs.entry.js → www/build/z-info-reveal.entry.js}

@@ -1,19 +1,15 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-const index$1 = require('./index-fa110f37.js');
+import { r as registerInstance, h, e as Host, g as getElement } from './index-291c96fb.js';
+import { H as InfoRevealPosition } from './index-968a240f.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) {
-    index.registerInstance(this, hostRef);
+    registerInstance(this, hostRef);
     /** Name of the icon for the open button */
     this.icon = "informationsource";
     /** Info reveal's position */
-    this.position = index$1.InfoRevealPosition.BOTTOM_RIGHT;
+    this.position = InfoRevealPosition.BOTTOM_RIGHT;
     /** Whether the info panel is open. */
     this.open = false;
     /** Current index for the info queue. */
@@ -53,13 +49,13 @@ const ZInfoReveal = class {
     }
   }
   render() {
-    return (index.h(index.Host, { open: this.open }, index.h("button", { class: "z-info-reveal-trigger", onClick: this.openInfoBox.bind(this) }, this.label && index.h("span", { class: "z-info-reveal-label" }, this.label), index.h("z-icon", { name: this.icon })), this.open && (index.h("div", { class: "info-box", onClick: this.next.bind(this), tabIndex: 0 }, index.h("slot", null), index.h("button", { class: "z-info-reveal-close", onClick: this.closeInfoBox.bind(this) }, index.h("z-icon", { name: "close" }))))));
+    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 index.getElement(this); }
+  get el() { return getElement(this); }
   static get watchers() { return {
     "currentIndex": ["watchItems"]
   }; }
 };
 ZInfoReveal.style = stylesCss;
 
-exports.z_info_reveal = ZInfoReveal;
+export { ZInfoReveal as z_info_reveal };

package/www/build/z-input-message.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h, e as Host } from './index-291c96fb.js';
+
+const stylesCss = ":host{display:flex;min-height:calc(var(--space-unit) * 2.5);align-items:start;margin-top:var(--space-unit);color:var(--color-text05);fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host([status=\"success\"]){color:var(--color-text-success)}:host([status=\"error\"]){color:var(--color-text-error)}:host([status=\"warning\"]){color:var(--color-warning02)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);--z-icon-right-margin:var(--space-unit)}";
+
+const ZInputMessage = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.statusIcons = {
+      success: "checkmark-circle",
+      error: "multiply-circled",
+      warning: "exclamation-circle",
+    };
+  }
+  render() {
+    return (h(Host, { role: "alert", "aria-label": this.message, tabindex: this.message ? 0 : -1 }, this.statusIcons[this.status] && this.message && h("z-icon", { name: this.statusIcons[this.status] }), h("span", { innerHTML: this.message })));
+  }
+};
+ZInputMessage.style = stylesCss;
+
+export { ZInputMessage as z_input_message };