@zanichelli/albe-web-components 9.2.1 → 9.2.2

package/dist/esm/{index-742e8d56.js → index-cfd94e05.js}

@@ -1,68 +1,68 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2ca4b97.js';
-import { S as SortDirection, B as ButtonVariant, e as ControlSize } from './index-a8cda90b.js';
+import { S as SortDirection, B as ButtonVariant, e as ControlSize } from './index-03c8b0f0.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) {
-    registerInstance(this, hostRef);
-    this.sort = 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;
-    /**
-     * 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 === SortDirection.ASC ? "ascending" : "descending";
-  }
-  /**
-   * Handle the click on the sort button.
-   * @fires sort
-   */
-  handleSort() {
-    if (!this.sortDirection) {
-      return;
-    }
-    this.sortDirection = this.sortDirection === SortDirection.ASC ? SortDirection.DESC : 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 (h(Host, { role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection }, h("slot", null), this.sortDirection && (h("button", { class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { name: this.sortDirection === SortDirection.ASC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { class: "cell--menu-container" }, h("z-button", { variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open) }, h("slot", { name: "contextual-menu" }))))));
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "colspan": ["updateColspan"]
-  }; }
-};
+const ZTh = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.sort = 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;
+    /**
+     * 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 === SortDirection.ASC ? "ascending" : "descending";
+  }
+  /**
+   * Handle the click on the sort button.
+   * @fires sort
+   */
+  handleSort() {
+    if (!this.sortDirection) {
+      return;
+    }
+    this.sortDirection = this.sortDirection === SortDirection.ASC ? SortDirection.DESC : 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 (h(Host, { role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection }, h("slot", null), this.sortDirection && (h("button", { class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { name: this.sortDirection === SortDirection.ASC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { class: "cell--menu-container" }, h("z-button", { variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open) }, h("slot", { name: "contextual-menu" }))))));
+  }
+  get host() { return getElement(this); }
+  static get watchers() { return {
+    "colspan": ["updateColspan"]
+  }; }
+};
 ZTh.style = stylesCss;
 
 export { ZTh as Z };

package/dist/esm/{index-baf19a24.js → index-d117d464.js}

@@ -1,32 +1,32 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-a2ca4b97.js';
-import { B as ButtonVariant, d as ButtonSize } from './index-a8cda90b.js';
+import { B as ButtonVariant, d as ButtonSize } from './index-03c8b0f0.js';
 
 const stylesCss = ":host{display:table-cell;border-bottom:var(--border-size-small) solid var(--bg-grey-200);background-color:var(--color-white);font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>.button-container{display:none}:host:hover>.button-container{display:initial}.button-container{position:absolute;z-index:5;top:8px;right:8px}.button-content{position:relative}.contextual-menu-container{position:absolute;top:calc(100% - var(--space-unit));right:0;display:none}.button-container.visible,.contextual-menu-container.visible{display:initial}:host([padding=\"x-small\"]){padding:calc(var(--space-unit) * 0.5)}:host([padding=\"small\"]){padding:calc(var(--space-unit))}:host([padding=\"medium\"]){padding:calc(var(--space-unit) * 2)}:host([padding=\"large\"]){padding:calc(var(--space-unit) * 2.5)}:host([padding=\"special\"]){padding:0}";
 
-const ZTableCell = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** Set padding size of cell, if special 0px padding will be set */
-    this.padding = "medium";
-    this.isMenuOpened = false;
-  }
-  handleMenu() {
-    this.isMenuOpened = !this.isMenuOpened;
-  }
-  componentWillRender() {
-    this.host.setAttribute("role", "cell");
-  }
-  render() {
-    return (h(Host, null, this.showButton && (h("div", { class: {
-        "button-container": true,
-        "visible": this.isMenuOpened,
-      } }, h("div", { class: "button-content" }, h("z-button", { icon: "contextual-menu", variant: ButtonVariant.TERTIARY, size: ButtonSize.X_SMALL, onClick: () => this.handleMenu() }), h("div", { class: {
-        "contextual-menu-container": true,
-        "visible": this.isMenuOpened,
-      } }, h("slot", { name: "contextual-menu" }))))), h("slot", null)));
-  }
-  get host() { return getElement(this); }
-};
+const ZTableCell = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /** Set padding size of cell, if special 0px padding will be set */
+    this.padding = "medium";
+    this.isMenuOpened = false;
+  }
+  handleMenu() {
+    this.isMenuOpened = !this.isMenuOpened;
+  }
+  componentWillRender() {
+    this.host.setAttribute("role", "cell");
+  }
+  render() {
+    return (h(Host, null, this.showButton && (h("div", { class: {
+        "button-container": true,
+        "visible": this.isMenuOpened,
+      } }, h("div", { class: "button-content" }, h("z-button", { icon: "contextual-menu", variant: ButtonVariant.TERTIARY, size: ButtonSize.X_SMALL, onClick: () => this.handleMenu() }), h("div", { class: {
+        "contextual-menu-container": true,
+        "visible": this.isMenuOpened,
+      } }, h("slot", { name: "contextual-menu" }))))), h("slot", null)));
+  }
+  get host() { return getElement(this); }
+};
 ZTableCell.style = stylesCss;
 
 export { ZTableCell as Z };

package/dist/esm/{index-8d78e837.js → index-d3dfe710.js}

@@ -1,77 +1,77 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2ca4b97.js';
-import { B as ButtonVariant, d as ButtonSize, P as PopoverPosition } from './index-a8cda90b.js';
-import { d as getElementTree } from './utils-2f109041.js';
+import { B as ButtonVariant, d as ButtonSize, P as PopoverPosition } from './index-03c8b0f0.js';
+import { d as getElementTree } from './utils-4d2d99d9.js';
 
 const stylesCss = ":host{position:relative;display:table-cell;border-bottom:var(--border-size-medium) solid var(--gray200);background-color:var(--gray50);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding=\"x-small\"]){padding:calc(var(--space-unit) * 0.5)}:host([padding=\"small\"]){padding:calc(var(--space-unit))}:host([padding=\"medium\"]){padding:calc(var(--space-unit) * 2)}:host([padding=\"large\"]){padding:calc(var(--space-unit) * 2.5)}:host([padding=\"special\"]){padding:0}.arrow{padding-left:var(--space-unit);opacity:1}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container z-popover{--z-popover-theme--surface:var(--gray200);position:relative;z-index:1}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}";
 
-const ZTableHeader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.sort = createEvent(this, "sort", 7);
-    /** Set padding size of cell, if special 0px padding will be set */
-    this.padding = "medium";
-    /** [Optional] Default sort order */
-    this.defaultSortDirection = "asc";
-    /** Sort direction */
-    this.sortDirection = "none";
-    this.emitOnSort = this.emitOnSort.bind(this);
-  }
-  emitOnSort() {
-    this.sort.emit({
-      columnId: this.columnId,
-      sortDirection: this.sortDirection,
-    });
-  }
-  handleSort() {
-    if (!this.sortable) {
-      return;
-    }
-    this.sortDirection = (() => {
-      switch (this.sortDirection) {
-        case "asc":
-          return "desc";
-        case "desc":
-          return "asc";
-        case "none":
-          return this.defaultSortDirection;
-        default:
-          return "none";
-      }
-    })();
-    this.emitOnSort();
-  }
-  handleMenuClick() {
-    this.popover.open = !this.popover.open;
-  }
-  handleOutsideClick(e) {
-    const tree = getElementTree(e.target);
-    const parent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-popover");
-    if (!parent && this.popover) {
-      this.popover.open = false;
-    }
-  }
-  handleClickHeaders(e) {
-    const target = e.target;
-    const parent = getElementTree(target).find((elem) => elem.nodeName.toLowerCase() === "z-table-header");
-    if (!this.sortable || !parent) {
-      return;
-    }
-    const parentColumnId = parent.attributes.getNamedItem("column-id").value;
-    const isSortable = target.parentNode.sortable || target.sortable;
-    if (parentColumnId !== this.columnId && isSortable) {
-      this.sortDirection = "none";
-    }
-  }
-  componentWillRender() {
-    this.host.setAttribute("role", "columnheader");
-  }
-  render() {
-    return (h(Host, { class: {
-        sortable: this.sortable,
-      }, onClick: () => this.handleSort() }, h("div", { class: "container" }, h("slot", null), this.sortable && this.sortDirection !== "none" && (h("z-icon", { name: this.sortDirection === "asc" ? "arrow-up" : "arrow-down", class: "arrow" }))), this.showButton && (h("div", { class: "popover-container" }, h("z-button", { ref: (el) => (this.triggerButton = el), class: "contextual-popover-button", icon: "contextual-menu", variant: ButtonVariant.TERTIARY, size: ButtonSize.X_SMALL, onClick: () => this.handleMenuClick() }), h("z-popover", { ref: (el) => (this.popover = el), position: PopoverPosition.BOTTOM, center: true, bindTo: this.triggerButton }, h("div", null, h("slot", { name: "contextual-menu" })))))));
-  }
-  get host() { return getElement(this); }
-};
+const ZTableHeader = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.sort = createEvent(this, "sort", 7);
+    /** Set padding size of cell, if special 0px padding will be set */
+    this.padding = "medium";
+    /** [Optional] Default sort order */
+    this.defaultSortDirection = "asc";
+    /** Sort direction */
+    this.sortDirection = "none";
+    this.emitOnSort = this.emitOnSort.bind(this);
+  }
+  emitOnSort() {
+    this.sort.emit({
+      columnId: this.columnId,
+      sortDirection: this.sortDirection,
+    });
+  }
+  handleSort() {
+    if (!this.sortable) {
+      return;
+    }
+    this.sortDirection = (() => {
+      switch (this.sortDirection) {
+        case "asc":
+          return "desc";
+        case "desc":
+          return "asc";
+        case "none":
+          return this.defaultSortDirection;
+        default:
+          return "none";
+      }
+    })();
+    this.emitOnSort();
+  }
+  handleMenuClick() {
+    this.popover.open = !this.popover.open;
+  }
+  handleOutsideClick(e) {
+    const tree = getElementTree(e.target);
+    const parent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-popover");
+    if (!parent && this.popover) {
+      this.popover.open = false;
+    }
+  }
+  handleClickHeaders(e) {
+    const target = e.target;
+    const parent = getElementTree(target).find((elem) => elem.nodeName.toLowerCase() === "z-table-header");
+    if (!this.sortable || !parent) {
+      return;
+    }
+    const parentColumnId = parent.attributes.getNamedItem("column-id").value;
+    const isSortable = target.parentNode.sortable || target.sortable;
+    if (parentColumnId !== this.columnId && isSortable) {
+      this.sortDirection = "none";
+    }
+  }
+  componentWillRender() {
+    this.host.setAttribute("role", "columnheader");
+  }
+  render() {
+    return (h(Host, { class: {
+        sortable: this.sortable,
+      }, onClick: () => this.handleSort() }, h("div", { class: "container" }, h("slot", null), this.sortable && this.sortDirection !== "none" && (h("z-icon", { name: this.sortDirection === "asc" ? "arrow-up" : "arrow-down", class: "arrow" }))), this.showButton && (h("div", { class: "popover-container" }, h("z-button", { ref: (el) => (this.triggerButton = el), class: "contextual-popover-button", icon: "contextual-menu", variant: ButtonVariant.TERTIARY, size: ButtonSize.X_SMALL, onClick: () => this.handleMenuClick() }), h("z-popover", { ref: (el) => (this.popover = el), position: PopoverPosition.BOTTOM, center: true, bindTo: this.triggerButton }, h("div", null, h("slot", { name: "contextual-menu" })))))));
+  }
+  get host() { return getElement(this); }
+};
 ZTableHeader.style = stylesCss;
 
 export { ZTableHeader as Z };

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

@@ -2,17 +2,17 @@ import { r as registerInstance, h, H as Host } from './index-a2ca4b97.js';
 
 const stylesCss = "z-table-header-row{display:table-row}z-table-header-row[expandable]>z-table-header:first-child{width:40px;box-sizing:border-box;user-select:none}z-table-header-row[expandable]>z-table-header:nth-child(2){padding-left:8px}";
 
-const ZTableHeaderRow = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  renderExpandHeader() {
-    return h("z-table-header", null);
-  }
-  render() {
-    return (h(Host, { role: "row" }, this.expandable && this.renderExpandHeader(), h("slot", null)));
-  }
-};
+const ZTableHeaderRow = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  renderExpandHeader() {
+    return h("z-table-header", null);
+  }
+  render() {
+    return (h(Host, { role: "row" }, this.expandable && this.renderExpandHeader(), h("slot", null)));
+  }
+};
 ZTableHeaderRow.style = stylesCss;
 
 export { ZTableHeaderRow as Z };

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

@@ -2,14 +2,14 @@ import { r as registerInstance, h, H as Host } from './index-a2ca4b97.js';
 
 const stylesCss = ":host{display:block;box-sizing:border-box}";
 
-const ZTbody = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, { role: "rowgroup" }, h("slot", null)));
-  }
-};
+const ZTbody = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { role: "rowgroup" }, h("slot", null)));
+  }
+};
 ZTbody.style = stylesCss;
 
 export { ZTbody as Z };

package/dist/esm/{index-33f3f896.js → index-f98f4ad3.js}

@@ -2,18 +2,18 @@ import { r as registerInstance, h, g as getElement } from './index-a2ca4b97.js';
 
 const stylesCss = ".sc-z-table-footer-h{display:table-footer-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";
 
-const ZTableFooter = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  componentWillRender() {
-    this.host.setAttribute("role", "rowgroup");
-  }
-  render() {
-    return h("slot", null);
-  }
-  get host() { return getElement(this); }
-};
+const ZTableFooter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentWillRender() {
+    this.host.setAttribute("role", "rowgroup");
+  }
+  render() {
+    return h("slot", null);
+  }
+  get host() { return getElement(this); }
+};
 ZTableFooter.style = stylesCss;
 
 export { ZTableFooter as Z };

package/dist/esm/index.js

@@ -1,9 +1,9 @@
-import { c as colorFromId } from './utils-2f109041.js';
-export { _ as AccordionVariant, o as AlertType, A as AvatarSize, Y as BookCardVariant, W as BreadcrumbHomepageVariant, V as BreadcrumbPathStyle, d as ButtonSize, c as ButtonType, B as ButtonVariant, C as CardVariant, R as CarouselArrowsPosition, U as CarouselProgressMode, e as ControlSize, Q as CoverHeroContentPosition, M as CoverHeroVariant, p as Device, h as DividerOrientation, D as DividerSize, j as ExpandableListButtonAlign, E as ExpandableListStyle, J as InfoRevealPosition, f as InputStatus, I as InputType, g as KeyboardCode, K as KeyboardKeyCode, k as LabelPosition, L as LicenseType, l as ListDividerType, i as ListSize, m as ListType, b as NavigationTabsKeyboardEvents, N as NavigationTabsOrientation, a as NavigationTabsSize, n as NotificationType, O as OffCanvasVariant, q as PocketStatus, P as PopoverPosition, S as SortDirection, T as ThemeVariant, r as ToastNotification, t as ToastNotificationPosition, s as ToastNotificationTransition, v as TransitionDirection, X as VisibilityCondition, u as ZAriaAlertMode, x as ZChipType, z as ZDatePickerMode, F as ZDatePickerModeValue, G as ZDatePickerPosition, w as ZFileUploadType, H as ZRangePickerMode, y as ZSectionTitleDividerPosition, Z as ZTableRowExpandedType } from './index-a8cda90b.js';
-import './breakpoints-572720f6.js';
+import { c as colorFromId } from './utils-4d2d99d9.js';
+export { _ as AccordionVariant, o as AlertType, A as AvatarSize, Y as BookCardVariant, W as BreadcrumbHomepageVariant, V as BreadcrumbPathStyle, d as ButtonSize, c as ButtonType, B as ButtonVariant, C as CardVariant, R as CarouselArrowsPosition, U as CarouselProgressMode, e as ControlSize, Q as CoverHeroContentPosition, M as CoverHeroVariant, p as Device, h as DividerOrientation, D as DividerSize, j as ExpandableListButtonAlign, E as ExpandableListStyle, J as InfoRevealPosition, f as InputStatus, I as InputType, g as KeyboardCode, K as KeyboardKeyCode, k as LabelPosition, L as LicenseType, l as ListDividerType, i as ListSize, m as ListType, b as NavigationTabsKeyboardEvents, N as NavigationTabsOrientation, a as NavigationTabsSize, n as NotificationType, O as OffCanvasVariant, q as PocketStatus, P as PopoverPosition, S as SortDirection, T as ThemeVariant, r as ToastNotification, t as ToastNotificationPosition, s as ToastNotificationTransition, v as TransitionDirection, X as VisibilityCondition, u as ZAriaAlertMode, x as ZChipType, z as ZDatePickerMode, F as ZDatePickerModeValue, G as ZDatePickerPosition, w as ZFileUploadType, H as ZRangePickerMode, y as ZSectionTitleDividerPosition, Z as ZTableRowExpandedType } from './index-03c8b0f0.js';
+import './breakpoints-9b81eb1b.js';
 
-const UTILS = {
-  colorFromId,
+const UTILS = {
+  colorFromId,
 };
 
 export { UTILS as Utils };

package/dist/esm/{utils-3ef75653.js → utils-14a10b2b.js}

@@ -1,5 +1,5 @@
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-9943807e.js';
-import { G as ZDatePickerPosition, z as ZDatePickerMode, F as ZDatePickerModeValue } from './index-a8cda90b.js';
+import { G as ZDatePickerPosition, z as ZDatePickerMode, F as ZDatePickerModeValue } from './index-03c8b0f0.js';
 
 var HOOKS = [
     "onChange",
@@ -2621,80 +2621,80 @@ var it = createCommonjsModule(function (module, exports) {
 })));
 });
 
-function validateDate(dateStr, hasTime = false) {
-  const regex = hasTime ? /^\d{1,2}[/-]\d{1,2}[/-]\d{2,4} - \d{2}:\d{2}$/ : /^\d{1,2}[/-]\d{1,2}[/-]\d{2,4}$/;
-  if (dateStr.match(regex) === null) {
-    return false;
-  }
-  return true;
-}
-function setFlatpickrPosition(element, mode) {
-  const toggleHeight = element.children[0].clientHeight;
-  element.style.setProperty("--z-range-picker--toggle-height", `${toggleHeight}px`);
-  const flatpickrHeight = mode === ZDatePickerMode.DATE_TIME
-    ? ZDatePickerModeValue.DATE_TIME
-    : mode === ZDatePickerMode.MONTHS
-      ? ZDatePickerModeValue.MONTHS
-      : ZDatePickerModeValue.DATE;
-  const bottom = element.getBoundingClientRect().bottom;
-  const overflowBottom = bottom + flatpickrHeight > window.innerHeight;
-  const overflowTop = bottom - flatpickrHeight - toggleHeight < 0;
-  if (!overflowTop && overflowBottom) {
-    return ZDatePickerPosition.TOP;
-  }
-  return ZDatePickerPosition.BOTTOM;
-}
-function setAriaOptions(element, mode) {
-  const calendar = element.getElementsByClassName("flatpickr-calendar");
-  Array.from(calendar).forEach((element) => {
-    element.setAttribute("tabindex", "0");
-    const prevMonthArrow = element.getElementsByClassName("flatpickr-prev-month")[0];
-    const nextMonthArrow = element.getElementsByClassName("flatpickr-next-month")[0];
-    const tabindexElements = element.querySelectorAll('[tabindex = "-1"]');
-    tabindexElements.forEach((element) => element.setAttribute("tabindex", "0"));
-    Array.from(element.getElementsByClassName("flatpickr-day")).forEach((date) => {
-      if (date.classList.contains("flatpickr-disabled")) {
-        date.setAttribute("tabindex", "-1");
-      }
-    });
-    prevMonthArrow.setAttribute("tabindex", "0");
-    nextMonthArrow.setAttribute("tabindex", "0");
-    prevMonthArrow.setAttribute("role", "button");
-    nextMonthArrow.setAttribute("role", "button");
-    element.getElementsByClassName("cur-year")[0].setAttribute("aria-label", "Anno");
-    if (mode === ZDatePickerMode.DATE) {
-      setDateAriaOptions(element, prevMonthArrow, nextMonthArrow);
-    }
-    if (mode === ZDatePickerMode.DATE_TIME) {
-      setDateTimeAriaOptions(element, prevMonthArrow, nextMonthArrow);
-    }
-    if (mode === ZDatePickerMode.MONTHS) {
-      setMonthsAriaOptions(element, prevMonthArrow, nextMonthArrow);
-    }
-  });
-}
-function setDateAriaOptions(calendar, prevMonthArrow, nextMonthArrow) {
-  Array.from(calendar.getElementsByClassName("flatpickr-days")).forEach((element) => element.setAttribute("tabindex", "-1"));
-  Array.from(calendar.getElementsByClassName("flatpickr-day")).forEach((element) => element.setAttribute("role", "button"));
-  calendar.getElementsByClassName("flatpickr-monthDropdown-months")[0].setAttribute("aria-label", "Mese");
-  prevMonthArrow.setAttribute("aria-label", "Mese precedente");
-  nextMonthArrow.setAttribute("aria-label", "Mese successivo");
-}
-function setDateTimeAriaOptions(calendar, prevMonthArrow, nextMonthArrow) {
-  Array.from(calendar.getElementsByClassName("flatpickr-days")).forEach((element) => element.setAttribute("tabindex", "-1"));
-  Array.from(calendar.getElementsByClassName("flatpickr-day")).forEach((element) => element.setAttribute("role", "button"));
-  calendar.getElementsByClassName("flatpickr-monthDropdown-months")[0].setAttribute("aria-label", "Mese");
-  prevMonthArrow.setAttribute("aria-label", "Mese precedente");
-  nextMonthArrow.setAttribute("aria-label", "Mese successivo");
-  Array.from(calendar.getElementsByClassName("time24hr")).forEach((element) => element.setAttribute("tabindex", "-1"));
-  calendar.getElementsByClassName("flatpickr-hour")[0].setAttribute("aria-label", "Ora");
-  calendar.getElementsByClassName("flatpickr-minute")[0].setAttribute("aria-label", "Minuti");
-}
-function setMonthsAriaOptions(calendar, prevMonthArrow, nextMonthArrow) {
-  Array.from(calendar.getElementsByClassName("flatpickr-monthSelect-months")).forEach((element) => element.setAttribute("tabindex", "-1"));
-  Array.from(calendar.getElementsByClassName("flatpickr-monthSelect-month")).forEach((element) => element.setAttribute("role", "button"));
-  prevMonthArrow.setAttribute("aria-label", "Anno precedente");
-  nextMonthArrow.setAttribute("aria-label", "Anno successivo");
+function validateDate(dateStr, hasTime = false) {
+  const regex = hasTime ? /^\d{1,2}[/-]\d{1,2}[/-]\d{2,4} - \d{2}:\d{2}$/ : /^\d{1,2}[/-]\d{1,2}[/-]\d{2,4}$/;
+  if (dateStr.match(regex) === null) {
+    return false;
+  }
+  return true;
+}
+function setFlatpickrPosition(element, mode) {
+  const toggleHeight = element.children[0].clientHeight;
+  element.style.setProperty("--z-range-picker--toggle-height", `${toggleHeight}px`);
+  const flatpickrHeight = mode === ZDatePickerMode.DATE_TIME
+    ? ZDatePickerModeValue.DATE_TIME
+    : mode === ZDatePickerMode.MONTHS
+      ? ZDatePickerModeValue.MONTHS
+      : ZDatePickerModeValue.DATE;
+  const bottom = element.getBoundingClientRect().bottom;
+  const overflowBottom = bottom + flatpickrHeight > window.innerHeight;
+  const overflowTop = bottom - flatpickrHeight - toggleHeight < 0;
+  if (!overflowTop && overflowBottom) {
+    return ZDatePickerPosition.TOP;
+  }
+  return ZDatePickerPosition.BOTTOM;
+}
+function setAriaOptions(element, mode) {
+  const calendar = element.getElementsByClassName("flatpickr-calendar");
+  Array.from(calendar).forEach((element) => {
+    element.setAttribute("tabindex", "0");
+    const prevMonthArrow = element.getElementsByClassName("flatpickr-prev-month")[0];
+    const nextMonthArrow = element.getElementsByClassName("flatpickr-next-month")[0];
+    const tabindexElements = element.querySelectorAll('[tabindex = "-1"]');
+    tabindexElements.forEach((element) => element.setAttribute("tabindex", "0"));
+    Array.from(element.getElementsByClassName("flatpickr-day")).forEach((date) => {
+      if (date.classList.contains("flatpickr-disabled")) {
+        date.setAttribute("tabindex", "-1");
+      }
+    });
+    prevMonthArrow.setAttribute("tabindex", "0");
+    nextMonthArrow.setAttribute("tabindex", "0");
+    prevMonthArrow.setAttribute("role", "button");
+    nextMonthArrow.setAttribute("role", "button");
+    element.getElementsByClassName("cur-year")[0].setAttribute("aria-label", "Anno");
+    if (mode === ZDatePickerMode.DATE) {
+      setDateAriaOptions(element, prevMonthArrow, nextMonthArrow);
+    }
+    if (mode === ZDatePickerMode.DATE_TIME) {
+      setDateTimeAriaOptions(element, prevMonthArrow, nextMonthArrow);
+    }
+    if (mode === ZDatePickerMode.MONTHS) {
+      setMonthsAriaOptions(element, prevMonthArrow, nextMonthArrow);
+    }
+  });
+}
+function setDateAriaOptions(calendar, prevMonthArrow, nextMonthArrow) {
+  Array.from(calendar.getElementsByClassName("flatpickr-days")).forEach((element) => element.setAttribute("tabindex", "-1"));
+  Array.from(calendar.getElementsByClassName("flatpickr-day")).forEach((element) => element.setAttribute("role", "button"));
+  calendar.getElementsByClassName("flatpickr-monthDropdown-months")[0].setAttribute("aria-label", "Mese");
+  prevMonthArrow.setAttribute("aria-label", "Mese precedente");
+  nextMonthArrow.setAttribute("aria-label", "Mese successivo");
+}
+function setDateTimeAriaOptions(calendar, prevMonthArrow, nextMonthArrow) {
+  Array.from(calendar.getElementsByClassName("flatpickr-days")).forEach((element) => element.setAttribute("tabindex", "-1"));
+  Array.from(calendar.getElementsByClassName("flatpickr-day")).forEach((element) => element.setAttribute("role", "button"));
+  calendar.getElementsByClassName("flatpickr-monthDropdown-months")[0].setAttribute("aria-label", "Mese");
+  prevMonthArrow.setAttribute("aria-label", "Mese precedente");
+  nextMonthArrow.setAttribute("aria-label", "Mese successivo");
+  Array.from(calendar.getElementsByClassName("time24hr")).forEach((element) => element.setAttribute("tabindex", "-1"));
+  calendar.getElementsByClassName("flatpickr-hour")[0].setAttribute("aria-label", "Ora");
+  calendar.getElementsByClassName("flatpickr-minute")[0].setAttribute("aria-label", "Minuti");
+}
+function setMonthsAriaOptions(calendar, prevMonthArrow, nextMonthArrow) {
+  Array.from(calendar.getElementsByClassName("flatpickr-monthSelect-months")).forEach((element) => element.setAttribute("tabindex", "-1"));
+  Array.from(calendar.getElementsByClassName("flatpickr-monthSelect-month")).forEach((element) => element.setAttribute("role", "button"));
+  prevMonthArrow.setAttribute("aria-label", "Anno precedente");
+  nextMonthArrow.setAttribute("aria-label", "Anno successivo");
 }
 
 export { setFlatpickrPosition as a, flatpickr as f, it as i, setAriaOptions as s, validateDate as v };