@vonage/vivid 5.18.0 → 5.19.0

package/data-grid/index.js

@@ -1,16 +1,15 @@
 import { t as e } from "../bundled/localized.js";
-import { O as t, T as n, c as r, d as i, l as a, o, s, t as c, u as ee, w as l } from "../bundled/vivid-element.js";
-import { t as u } from "../bundled/repeat.js";
-import { t as d } from "../bundled/normalize.js";
-import { t as f } from "../bundled/when.js";
-import { r as p, t as m } from "../bundled/slotted.js";
-import { t as h } from "../bundled/children.js";
-import { n as g, r as _ } from "../bundled/definition.js";
-import "../bundled/numberConverter.js";
-import { t as v } from "../bundled/decorate.js";
-import { r as y, t as b } from "../bundled/definition2.js";
-import { t as x } from "../bundled/class-names.js";
-import { a as te, c as S, i as C, l as w, n as T, o as E, r as ne, s as D, t as O } from "../bundled/key-codes.js";
+import { A as t, D as n, E as r, c as i, d as a, f as o, l as s, s as c, t as l, u } from "../bundled/vivid-element.js";
+import { t as d } from "../bundled/repeat.js";
+import { t as f } from "../bundled/normalize.js";
+import { t as p } from "../bundled/when.js";
+import { r as m, t as h } from "../bundled/slotted.js";
+import { t as g } from "../bundled/children.js";
+import { n as _, r as v } from "../bundled/definition.js";
+import { t as y } from "../bundled/decorate.js";
+import { r as b, t as x } from "../bundled/definition2.js";
+import { t as S } from "../bundled/class-names.js";
+import { a as C, c as ee, i as te, l as w, n as T, o as E, r as D, s as O, t as ne } from "../bundled/key-codes.js";
 import { n as k, t as A } from "../bundled/host-semantics.js";
 import { a as j, i as M, n as N, r as P, t as F } from "../bundled/data-grid.options.js";
 //#region ../../node_modules/.pnpm/@microsoft+fast-web-utilities@6.0.0/node_modules/@microsoft/fast-web-utilities/dist/events.js
@@ -20,7 +19,7 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 	multiRow: "multi-row",
 	singleCell: "single-cell",
 	multiCell: "multi-cell"
-}, W = class e extends c {
+}, W = class e extends l {
 	static generateTemplateColumns(e) {
 		let t = "";
 		return e.forEach((e) => {
@@ -71,10 +70,10 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 		}), this.resizeObserver.observe(this));
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.rowItemTemplate === void 0 && (this.rowItemTemplate = this.defaultRowItemTemplate), this.behaviorOrchestrator === null && (this.behaviorOrchestrator = r.create(this), this.$fastController.addBehavior(this.behaviorOrchestrator), this.behaviorOrchestrator.addBehaviorFactory(new u(d((e) => e.rowsData), d((e) => e.rowItemTemplate), { positioning: !0 }), this.appendChild(document.createComment("")))), this.toggleGeneratedHeader(), this.addEventListener("row-focused", this.handleRowFocus), this.addEventListener(I, this.handleFocus), this.addEventListener(z, this.handleKeydown), this.addEventListener(R, this.handleFocusOut), this.observer = new MutationObserver(this.onChildListChange), this.observer.observe(this, { childList: !0 }), this.setupResizeObserver(), t.enqueue(this.queueRowIndexUpdate), this.#e(), l.getNotifier(this).subscribe(this.#s, "columnDefinitions");
+		super.connectedCallback(), this.rowItemTemplate === void 0 && (this.rowItemTemplate = this.defaultRowItemTemplate), this.behaviorOrchestrator === null && (this.behaviorOrchestrator = s.create(this), this.$fastController.addBehavior(this.behaviorOrchestrator), this.behaviorOrchestrator.addBehaviorFactory(new d(f((e) => e.rowsData), f((e) => e.rowItemTemplate), { positioning: !0 }), this.appendChild(document.createComment("")))), this.toggleGeneratedHeader(), this.addEventListener("row-focused", this.handleRowFocus), this.addEventListener(I, this.handleFocus), this.addEventListener(z, this.handleKeydown), this.addEventListener(R, this.handleFocusOut), this.observer = new MutationObserver(this.onChildListChange), this.observer.observe(this, { childList: !0 }), this.setupResizeObserver(), t.enqueue(this.queueRowIndexUpdate), this.#e(), r.getNotifier(this).subscribe(this.#s, "columnDefinitions");
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.removeEventListener("row-focused", this.handleRowFocus), this.removeEventListener(I, this.handleFocus), this.removeEventListener(z, this.handleKeydown), this.removeEventListener(R, this.handleFocusOut), this.observer.disconnect(), this.resizeObserver &&= (this.resizeObserver.disconnect(), void 0), this.generatedHeader = null, l.getNotifier(this).unsubscribe(this.#s, "columnDefinitions");
+		super.disconnectedCallback(), this.removeEventListener("row-focused", this.handleRowFocus), this.removeEventListener(I, this.handleFocus), this.removeEventListener(z, this.handleKeydown), this.removeEventListener(R, this.handleFocusOut), this.observer.disconnect(), this.resizeObserver &&= (this.resizeObserver.disconnect(), void 0), this.generatedHeader = null, r.getNotifier(this).unsubscribe(this.#s, "columnDefinitions");
 	}
 	handleRowFocus(e) {
 		this.isUpdatingFocus = !0;
@@ -91,10 +90,10 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 		if (e.defaultPrevented) return;
 		let t, n = this.rowElements.length - 1, r = this.offsetHeight + this.scrollTop, i = this.rowElements[n];
 		switch (e.key) {
-			case C:
+			case te:
 				e.preventDefault(), this.focusOnCell(this.focusRowIndex - 1, this.focusColumnIndex, !0);
 				break;
-			case O:
+			case ne:
 				e.preventDefault(), this.focusOnCell(this.focusRowIndex + 1, this.focusColumnIndex, !0);
 				break;
 			case w:
@@ -115,7 +114,7 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 				}
 				this.focusOnCell(t, this.focusColumnIndex, !1);
 				break;
-			case S:
+			case ee:
 				if (e.preventDefault(), this.rowElements.length === 0) {
 					this.focusOnCell(0, 0, !1);
 					break;
@@ -134,7 +133,7 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 				}
 				this.focusOnCell(t, this.focusColumnIndex, !1);
 				break;
-			case D:
+			case O:
 				/* v8 ignore else -- @preserve */
 				e.ctrlKey && (e.preventDefault(), this.focusOnCell(0, 0, !0));
 				break;
@@ -177,44 +176,10 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 		}
 		this._resetSelection(!0);
 	}
-	#r = (e) => {
-		(e.key === "Enter" || e.key === " ") && this.#i(e);
-	};
-	#i = ({ target: e, ctrlKey: t, shiftKey: n, metaKey: r }) => {
-		if (!(e.getAttribute("role") !== "gridcell" || e.getAttribute("cell-type") !== "default")) {
-			if (this.selectionMode === U.singleCell || this.selectionMode === U.multiCell) {
-				this.#a({
-					target: e,
-					ctrlKey: t,
-					shiftKey: n,
-					metaKey: r
-				});
-				return;
-			}
-			(this.selectionMode === U.singleRow || this.selectionMode === U.multiRow) && this.#o({
-				target: e,
-				ctrlKey: t,
-				shiftKey: n,
-				metaKey: r
-			});
-		}
-	};
-	#a = ({ target: e, ctrlKey: t, shiftKey: n, metaKey: r }) => {
-		let i = e;
-		if (this.selectionMode === U.multiCell && (t || n || r)) i.selected = !this.#n.includes(i);
-		else {
-			let e = i.selected;
-			this._resetSelection(!0), i.selected = !e;
-		}
-	};
-	#o = ({ target: e, ctrlKey: t, shiftKey: n, metaKey: r }) => {
-		let i = e.parentNode;
-		if (this.selectionMode === U.multiRow && (t || n || r)) i.selected = !this.#t.includes(i);
-		else {
-			let e = i.selected;
-			this._resetSelection(!0), i.selected = !e;
-		}
-	};
+	#r;
+	#i;
+	#a;
+	#o;
 	constructor() {
 		super(), this.noTabbing = !1, this.generateHeader = j.default, this.rowsData = [], this.columnDefinitions = null, this.focusRowIndex = 0, this.focusColumnIndex = 0, this.fixedColumnsPositions = [], this.behaviorOrchestrator = null, this.generatedHeader = null, this.isUpdatingFocus = !1, this.pendingFocusUpdate = !1, this.rowindexUpdateQueued = !1, this.columnDefinitionsStale = !0, this.generatedGridTemplateColumns = "", this.focusOnCell = (e, t, n) => {
 			if (this.rowElements.length === 0) {
@@ -248,7 +213,44 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 				let r = t;
 				r.rowIndex = n, r.gridTemplateColumns = e, this.columnDefinitionsStale && (r.columnDefinitions = this.columnDefinitions);
 			}), this.rowindexUpdateQueued = !1, this.columnDefinitionsStale = !1;
-		}, this._resetSelection = (e = !1) => {
+		}, this.#r = (e) => {
+			(e.key === "Enter" || e.key === " ") && this.#i(e);
+		}, this.#i = ({ target: e, ctrlKey: t, shiftKey: n, metaKey: r }) => {
+			if (!(e.getAttribute("role") !== "gridcell" || e.getAttribute("cell-type") !== "default")) {
+				if (this.selectionMode === U.singleCell || this.selectionMode === U.multiCell) {
+					this.#a({
+						target: e,
+						ctrlKey: t,
+						shiftKey: n,
+						metaKey: r
+					});
+					return;
+				}
+				(this.selectionMode === U.singleRow || this.selectionMode === U.multiRow) && this.#o({
+					target: e,
+					ctrlKey: t,
+					shiftKey: n,
+					metaKey: r
+				});
+			}
+		}, this.#a = ({ target: e, ctrlKey: t, shiftKey: n, metaKey: r }) => {
+			let i = e;
+			if (this.selectionMode === U.multiCell && (t || n || r)) i.selected = !this.#n.includes(i);
+			else {
+				let e = i.selected;
+				this._resetSelection(!0), i.selected = !e;
+			}
+		}, this.#o = ({ target: e, ctrlKey: t, shiftKey: n, metaKey: r }) => {
+			let i = e.parentNode;
+			if (this.selectionMode === U.multiRow && (t || n || r)) i.selected = !this.#t.includes(i);
+			else {
+				let e = i.selected;
+				this._resetSelection(!0), i.selected = !e;
+			}
+		}, this.#s = { handleChange(e, t) {
+			/* v8 ignore else -- @preserve */
+			t === "columnDefinitions" && e.$fastController.isConnected && e.toggleGeneratedHeader();
+		} }, this._resetSelection = (e = !1) => {
 			let t = Array.from(this.querySelectorAll("[role=\"gridcell\"], [cell-type=\"default\"]")), n = Array.from(this.querySelectorAll("[role=\"row\"], [row-type=\"default\"]"));
 			if (this.selectionMode === U.singleCell || this.selectionMode === U.multiCell) {
 				for (let n of t) n._selectable = !0, n.selected = e ? !1 : n.selected || !1;
@@ -261,10 +263,7 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 			}
 		}, this.addEventListener("click", this.#i), this.addEventListener("keydown", this.#r);
 	}
-	#s = { handleChange(e, t) {
-		/* v8 ignore else -- @preserve */
-		t === "columnDefinitions" && e.$fastController.isConnected && e.toggleGeneratedHeader();
-	} };
+	#s;
 	static generateColumns(e) {
 		return Object.keys(e).map((e, t) => ({
 			columnDataKey: e,
@@ -314,16 +313,16 @@ var I = "focus", L = "focusin", R = "focusout", z = "keydown", B = ":host{displa
 		}), this.fixedColumnsPositions = [];
 	}
 };
-v([a({
+y([u({
 	attribute: "no-tabbing",
 	mode: "boolean"
-})], W.prototype, "noTabbing", void 0), v([a({ attribute: "generate-header" })], W.prototype, "generateHeader", void 0), v([a({ attribute: "grid-template-columns" })], W.prototype, "gridTemplateColumns", void 0), v([n], W.prototype, "rowsData", void 0), v([n], W.prototype, "columnDefinitions", void 0), v([n], W.prototype, "rowItemTemplate", void 0), v([n], W.prototype, "cellItemTemplate", void 0), v([n], W.prototype, "headerCellItemTemplate", void 0), v([n], W.prototype, "focusRowIndex", void 0), v([n], W.prototype, "focusColumnIndex", void 0), v([a({
+})], W.prototype, "noTabbing", void 0), y([u({ attribute: "generate-header" })], W.prototype, "generateHeader", void 0), y([u({ attribute: "grid-template-columns" })], W.prototype, "gridTemplateColumns", void 0), y([n], W.prototype, "rowsData", void 0), y([n], W.prototype, "columnDefinitions", void 0), y([n], W.prototype, "rowItemTemplate", void 0), y([n], W.prototype, "cellItemTemplate", void 0), y([n], W.prototype, "headerCellItemTemplate", void 0), y([n], W.prototype, "focusRowIndex", void 0), y([n], W.prototype, "focusColumnIndex", void 0), y([u({
 	attribute: "fixed-columns",
-	converter: ee
-})], W.prototype, "fixedColumns", void 0), v([n], W.prototype, "defaultRowItemTemplate", void 0), v([n], W.prototype, "rowElementTag", void 0), v([n], W.prototype, "rowElements", void 0), v([n], W.prototype, "slottedRowElements", void 0), v([a({ attribute: "selection-mode" })], W.prototype, "selectionMode", void 0);
+	converter: a
+})], W.prototype, "fixedColumns", void 0), y([n], W.prototype, "defaultRowItemTemplate", void 0), y([n], W.prototype, "rowElementTag", void 0), y([n], W.prototype, "rowElements", void 0), y([n], W.prototype, "slottedRowElements", void 0), y([u({ attribute: "selection-mode" })], W.prototype, "selectionMode", void 0);
 //#endregion
 //#region src/lib/data-grid/data-grid-row.ts
-var G = class extends A(c) {
+var G = class extends A(l) {
 	constructor(...e) {
 		super(...e), this.rowType = M.default, this.rowData = null, this.columnDefinitions = null, this.behaviorOrchestrator = null, this.focusColumnIndex = 0, this.updateRowStyle = () => {
 			this.style.gridTemplateColumns = this.gridTemplateColumns;
@@ -342,7 +341,7 @@ var G = class extends A(c) {
 		this.updateItemTemplate();
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.behaviorOrchestrator === null && (this.updateItemTemplate(), this.behaviorOrchestrator = r.create(this), this.$fastController.addBehavior(this.behaviorOrchestrator), this.behaviorOrchestrator.addBehaviorFactory(new u(d((e) => e.columnDefinitions), d((e) => e.activeCellItemTemplate), { positioning: !0 }), this.appendChild(document.createComment("")))), this.addEventListener("cell-focused", this.handleCellFocus), this.addEventListener(R, this.handleFocusout), this.addEventListener(z, this.handleKeydown), this.updateRowStyle();
+		super.connectedCallback(), this.behaviorOrchestrator === null && (this.updateItemTemplate(), this.behaviorOrchestrator = s.create(this), this.$fastController.addBehavior(this.behaviorOrchestrator), this.behaviorOrchestrator.addBehaviorFactory(new d(f((e) => e.columnDefinitions), f((e) => e.activeCellItemTemplate), { positioning: !0 }), this.appendChild(document.createComment("")))), this.addEventListener("cell-focused", this.handleCellFocus), this.addEventListener(R, this.handleFocusout), this.addEventListener(z, this.handleKeydown), this.updateRowStyle();
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.removeEventListener("cell-focused", this.handleCellFocus), this.removeEventListener(R, this.handleFocusout), this.removeEventListener(z, this.handleKeydown);
@@ -361,10 +360,10 @@ var G = class extends A(c) {
 			case T:
 				t = Math.max(0, this.focusColumnIndex - 1), this.cellElements[t].focus(), e.preventDefault();
 				break;
-			case ne:
+			case D:
 				t = Math.min(this.cellElements.length - 1, this.focusColumnIndex + 1), this.cellElements[t].focus(), e.preventDefault();
 				break;
-			case D:
+			case O:
 				e.ctrlKey || (this.cellElements[0].focus(), e.preventDefault());
 				break;
 			case "End":
@@ -379,12 +378,12 @@ var G = class extends A(c) {
 		super.ariaSelectedChanged(e, t), this._selectable = t !== null, this.selected = t === "true";
 	}
 };
-v([a({ attribute: "grid-template-columns" })], G.prototype, "gridTemplateColumns", void 0), v([a({ attribute: "row-type" })], G.prototype, "rowType", void 0), v([n], G.prototype, "rowData", void 0), v([n], G.prototype, "columnDefinitions", void 0), v([n], G.prototype, "cellItemTemplate", void 0), v([n], G.prototype, "headerCellItemTemplate", void 0), v([n], G.prototype, "rowIndex", void 0), v([n], G.prototype, "activeCellItemTemplate", void 0), v([n], G.prototype, "defaultCellItemTemplate", void 0), v([n], G.prototype, "defaultHeaderCellItemTemplate", void 0), v([n], G.prototype, "cellElements", void 0), v([n], G.prototype, "_selectable", void 0), v([a({ mode: "boolean" })], G.prototype, "selected", void 0);
+y([u({ attribute: "grid-template-columns" })], G.prototype, "gridTemplateColumns", void 0), y([u({ attribute: "row-type" })], G.prototype, "rowType", void 0), y([n], G.prototype, "rowData", void 0), y([n], G.prototype, "columnDefinitions", void 0), y([n], G.prototype, "cellItemTemplate", void 0), y([n], G.prototype, "headerCellItemTemplate", void 0), y([n], G.prototype, "rowIndex", void 0), y([n], G.prototype, "activeCellItemTemplate", void 0), y([n], G.prototype, "defaultCellItemTemplate", void 0), y([n], G.prototype, "defaultHeaderCellItemTemplate", void 0), y([n], G.prototype, "cellElements", void 0), y([n], G.prototype, "_selectable", void 0), y([u({ mode: "boolean" })], G.prototype, "selected", void 0);
 //#endregion
 //#region src/lib/data-grid/data-grid.template.ts
 function K(e) {
 	let t = e.tagFor(G);
-	return i`
+	return o`
     <${t}
         :rowData="${(e) => e}"
         :cellItemTemplate="${(e, t) => t.parent.cellItemTemplate}"
@@ -405,39 +404,39 @@ function J(e) {
 		}
 	}
 }
-function re(e, { event: t }) {
+function Y(e, { event: t }) {
 	t.stopPropagation();
 }
-var Y = (e) => {
+var X = (e) => {
 	let t = K(e), n = e.tagFor(G, !0);
-	return i`
+	return o`
 		<template
 			aria-multiselectable="${q}"
 			role="grid"
 			tabindex="0"
-			@sort="${re}"
+			@sort="${Y}"
 			:rowElementTag="${() => n}"
 			:defaultRowItemTemplate="${t}"
-			${h({
+			${g({
 		property: "rowElements",
-		filter: p("[role=row],[data-vvd-component=data-grid-row]")
+		filter: m("[role=row],[data-vvd-component=data-grid-row]")
 	})}
 		>
 			<div class="base">
 				${J}
-				<slot ${m("slottedRowElements")}></slot>
+				<slot ${h("slottedRowElements")}></slot>
 			</div>
 		</template>
 	`;
-}, X = i`
+}, re = o`
 	<template>
 		${(e) => e.rowData === null || e.columnDefinition === null || e.columnDefinition.columnDataKey === null ? null : e.rowData[e.columnDefinition.columnDataKey]}
 	</template>
-`, ie = i`
+`, ie = o`
 	<template>
 		${(e) => e.columnDefinition.title === void 0 ? e.columnDefinition.columnDataKey : e.columnDefinition.title}
 	</template>
-`, Z = class extends e(A(c)) {
+`, Z = class extends e(A(l)) {
 	constructor(...e) {
 		super(...e), this.cellType = P.default, this.rowData = null, this.columnDefinition = null, this.isActiveCell = !1, this.customCellView = null, this.updateCellStyle = () => {
 			this.gridColumn && !this.gridColumn.includes("undefined") ? this.style.gridColumn = this.gridColumn : this.style.removeProperty("grid-column");
@@ -491,7 +490,7 @@ var Y = (e) => {
 	}
 	handleKeydown(e) {
 		if (!(e.defaultPrevented || this.columnDefinition === null || this.cellType === P.default && this.columnDefinition.cellInternalFocusQueue !== !0 || this.cellType === P.columnHeader && this.columnDefinition.headerCellInternalFocusQueue !== !0)) switch (e.key) {
-			case te:
+			case C:
 			case "F2":
 				if (this.contains(document.activeElement) && document.activeElement !== this) return;
 				switch (this.cellType) {
@@ -523,7 +522,7 @@ var Y = (e) => {
 					break;
 				case P.rowHeader:
 				case P.default:
-					this.columnDefinition.cellTemplate === void 0 ? this.customCellView = X.render(this, this) : this.customCellView = this.columnDefinition.cellTemplate.render(this, this);
+					this.columnDefinition.cellTemplate === void 0 ? this.customCellView = re.render(this, this) : this.customCellView = this.columnDefinition.cellTemplate.render(this, this);
 					break;
 			}
 			this.columnDefinition?.sortable ? this.columnDefinition.sortDirection ? this.sortDirection = this.columnDefinition.sortDirection : this.sortDirection = N.none : this.sortDirection = void 0;
@@ -558,7 +557,7 @@ var Y = (e) => {
 		}), !0;
 	}
 };
-v([a({ attribute: "cell-type" })], Z.prototype, "cellType", void 0), v([a({ attribute: "grid-column" })], Z.prototype, "gridColumn", void 0), v([n], Z.prototype, "rowData", void 0), v([n], Z.prototype, "columnDefinition", void 0), v([n], Z.prototype, "_selectable", void 0), v([a({ mode: "boolean" })], Z.prototype, "selected", void 0), v([a({ attribute: "sort-direction" })], Z.prototype, "sortDirection", void 0), v([n], Z.prototype, "_actionItemsSlottedContent", void 0);
+y([u({ attribute: "cell-type" })], Z.prototype, "cellType", void 0), y([u({ attribute: "grid-column" })], Z.prototype, "gridColumn", void 0), y([n], Z.prototype, "rowData", void 0), y([n], Z.prototype, "columnDefinition", void 0), y([n], Z.prototype, "_selectable", void 0), y([u({ mode: "boolean" })], Z.prototype, "selected", void 0), y([u({ attribute: "sort-direction" })], Z.prototype, "sortDirection", void 0), y([n], Z.prototype, "_actionItemsSlottedContent", void 0);
 //#endregion
 //#region src/lib/data-grid/data-grid-row.template.ts
 function ae(e) {
@@ -566,7 +565,7 @@ function ae(e) {
 }
 function oe(e) {
 	let t = e.tagFor(Z);
-	return i`
+	return o`
     <${t}
         cell-type="${(e) => e.isRowHeader ? "rowheader" : void 0}"
         grid-column="${(e, t) => t.index + 1}"
@@ -578,7 +577,7 @@ function oe(e) {
 }
 function se(e) {
 	let t = e.tagFor(Z);
-	return i`
+	return o`
     <${t}
         cell-type="columnheader"
         grid-column="${(e, t) => t.index + 1}"
@@ -588,7 +587,7 @@ function se(e) {
 }
 var ce = (e) => {
 	let t = oe(e), n = se(e);
-	return i`
+	return o`
 		<template
 			${k({
 		role: "row",
@@ -597,16 +596,16 @@ var ce = (e) => {
 			class="${(e) => e.rowType === "default" ? "" : e.rowType}"
 			:defaultCellItemTemplate="${t}"
 			:defaultHeaderCellItemTemplate="${n}"
-			${h({
+			${g({
 		property: "cellElements",
-		filter: p("[role=\"cell\"],[role=\"gridcell\"],[role=\"columnheader\"],[role=\"rowheader\"],[data-vvd-component=\"data-grid-cell\"]")
+		filter: m("[role=\"cell\"],[role=\"gridcell\"],[role=\"columnheader\"],[role=\"rowheader\"],[data-vvd-component=\"data-grid-cell\"]")
 	})}
 		>
 			<div
-				class="${(e) => x("base", ["selected", !!e.selected])}"
+				class="${(e) => S("base", ["selected", !!e.selected])}"
 				style="grid-template-columns: ${(e) => e.gridTemplateColumns};"
 			>
-				<slot ${m("slottedCellElements")}></slot>
+				<slot ${h("slottedCellElements")}></slot>
 			</div>
 		</template>
 	`;
@@ -623,9 +622,9 @@ function ue(e) {
 	return e._selectable && e.selected ? "true" : e._selectable && !e.selected ? "false" : null;
 }
 function de(e) {
-	let t = e.tagFor(y);
-	return i`
-		${f(Q, i`
+	let t = e.tagFor(b);
+	return o`
+		${p(Q, o`
 				<${t} class="header-icon" name="${le}"></${t}>
 			`)}
 	`;
@@ -659,9 +658,9 @@ function _e(e, t) {
 }
 //#endregion
 //#region src/lib/data-grid/index.ts
-s(o("data-grid", W, Y, [o("data-grid-row", G, ce, [o("data-grid-cell", Z, (e) => {
-	let t = e.tagFor(_);
-	return i`
+i(c("data-grid", W, X, [c("data-grid-row", G, ce, [c("data-grid-cell", Z, (e) => {
+	let t = e.tagFor(v);
+	return o`
 		<template
 			tabindex="-1"
 			${k({
@@ -672,24 +671,24 @@ s(o("data-grid", W, Y, [o("data-grid-row", G, ce, [o("data-grid-cell", Z, (e) =>
 			@click="${(e, t) => _e(e, t.event)}"
 			@keydown="${(e, t) => ge(e, t.event)}"
 		>
-			<div class="${({ selected: e, _actionItemsSlottedContent: t }) => x("base", ["selected", !!e], ["has-action-items", !!t?.length])}">
+			<div class="${({ selected: e, _actionItemsSlottedContent: t }) => S("base", ["selected", !!e], ["has-action-items", !!t?.length])}">
 				<div
 					class="content"
 					role="${(e) => Q(e) ? "button" : void 0}"
 				>
-					${(e) => e.selected ? i`<${t}
+					${(e) => e.selected ? o`<${t}
 								data-announcement="selection"
 							>
 								${(e) => e.locale.dataGrid.cell.selected}
 							</${t}>` : null}
 					<slot></slot>
-					${f(Q, i`<${t}
+					${p(Q, o`<${t}
 							data-announcement="button-role"
 						>
 							${(e) => e.locale.dataGrid.cell.button}
 						</${t}>
 						`)}
-					${f(fe, i`<${t}
+					${p(fe, o`<${t}
 							aria-live="polite"
 							data-announcement="sort-state"
 						>
@@ -699,10 +698,10 @@ s(o("data-grid", W, Y, [o("data-grid-row", G, ce, [o("data-grid-cell", Z, (e) =>
 				</div>
 				<slot
 					name="action-items"
-					${m("_actionItemsSlottedContent")}
+					${h("_actionItemsSlottedContent")}
 				></slot>
 			</div>
 		</template>
 	`;
-}, [b, g], { styles: H })], { styles: V })], { styles: B }))();
+}, [x, _], { styles: H })], { styles: V })], { styles: B }))();
 //#endregion

package/date-picker/definition.cjs

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/numberConverter.cjs");
 const require_definition = require("../unbundled/definition37.cjs");
 exports.VwcDatePickerElement = require_definition.DatePicker;
 exports.datePickerDefinition = require_definition.datePickerDefinition;

package/date-picker/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/numberConverter.js";
 import { n as registerDatePicker, r as DatePicker, t as datePickerDefinition } from "../unbundled/definition37.js";
 export { DatePicker as VwcDatePickerElement, datePickerDefinition, registerDatePicker };

package/date-picker/index.cjs

@@ -1 +1 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`);require(`../bundled/numberConverter.cjs`);const n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition6.cjs`),i=require(`../bundled/definition8.cjs`),a=require(`../bundled/definition12.cjs`),o=require(`../bundled/picker-field.template.cjs`),s=require(`../bundled/single-value-picker.cjs`),c=require(`../bundled/definition19.cjs`),l=require(`../bundled/calendar-picker.template.cjs`),u=require(`../bundled/single-date-picker.cjs`);var d=class extends u.t(s.t(l.n(l.i(o.n)))){_toPresentationValue(e){return l.a(e,this.locale.calendarPicker)}_parsePresentationValue(e){return l.o(e,this.locale.calendarPicker)}_dateValue(){return this.value}_withUpdatedDate(e){return e}constructor(){super(),this._isValidValue=l.l,this._textFieldSize=`20`,this.proxy.type=`date`}get _pickerButtonLabel(){return this.value?this.locale.calendarPicker.changeDateLabel(this._toPresentationValue(this.value)):this.locale.calendarPicker.chooseDateLabel}get _dialogLabel(){return this.locale.calendarPicker.chooseDateLabel}get _textFieldPlaceholder(){return this.locale.calendarPicker.dateFormatPlaceholder}_onDateClick(e){super._onDateClick(e),this._closePopup()}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.calendarPicker.invalidDateError:null}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`button, .vwc-button`)}get _pickerButtonIcon(){return`calendar-line`}};n.t([e.E],d.prototype,`_pickerButtonLabel`,null);var f=e.o(`date-picker`,d,e=>o.t(e,l.t(e),{withSeparator:!1,padded:!0}),[r.t,i.t,a.n,c.t,t.n],{styles:[o.r,l.u],shadowOptions:{delegatesFocus:!0}});e.s(f)();
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition6.cjs`),i=require(`../bundled/definition8.cjs`),a=require(`../bundled/definition12.cjs`),o=require(`../bundled/picker-field.template.cjs`),s=require(`../bundled/single-value-picker.cjs`),c=require(`../bundled/definition19.cjs`),l=require(`../bundled/calendar-picker.template.cjs`),u=require(`../bundled/single-date-picker.cjs`);var d=class extends u.t(s.t(l.n(l.i(o.n)))){_toPresentationValue(e){return l.a(e,this.locale.calendarPicker)}_parsePresentationValue(e){return l.o(e,this.locale.calendarPicker)}_dateValue(){return this.value}_withUpdatedDate(e){return e}constructor(){super(),this._isValidValue=l.l,this._textFieldSize=`20`,this.proxy.type=`date`}get _pickerButtonLabel(){return this.value?this.locale.calendarPicker.changeDateLabel(this._toPresentationValue(this.value)):this.locale.calendarPicker.chooseDateLabel}get _dialogLabel(){return this.locale.calendarPicker.chooseDateLabel}get _textFieldPlaceholder(){return this.locale.calendarPicker.dateFormatPlaceholder}_onDateClick(e){super._onDateClick(e),this._closePopup()}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.calendarPicker.invalidDateError:null}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`button, .vwc-button`)}get _pickerButtonIcon(){return`calendar-line`}};n.t([e.O],d.prototype,`_pickerButtonLabel`,null);var f=e.s(`date-picker`,d,e=>o.t(e,l.t(e),{withSeparator:!1,padded:!0}),[r.t,i.t,a.n,c.t,t.n],{styles:[o.r,l.u],shadowOptions:{delegatesFocus:!0}});e.c(f)();

package/date-picker/index.js

@@ -1,6 +1,5 @@
-import { E as e, o as t, s as n } from "../bundled/vivid-element.js";
+import { O as e, c as t, s as n } from "../bundled/vivid-element.js";
 import { n as r } from "../bundled/definition.js";
-import "../bundled/numberConverter.js";
 import { t as i } from "../bundled/decorate.js";
 import { t as a } from "../bundled/definition6.js";
 import { t as o } from "../bundled/definition8.js";
@@ -51,7 +50,7 @@ var x = class extends b(d(g(m(c)))) {
 };
 //#endregion
 //#region src/lib/date-picker/index.ts
-i([e], x.prototype, "_pickerButtonLabel", null), n(t("date-picker", x, (e) => u(e, v(e), {
+i([e], x.prototype, "_pickerButtonLabel", null), t(n("date-picker", x, (e) => u(e, v(e), {
 	withSeparator: !1,
 	padded: !0
 }), [

package/date-range-picker/definition.cjs

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/numberConverter.cjs");
 const require_definition = require("../unbundled/definition38.cjs");
 exports.VwcDateRangePickerElement = require_definition.DateRangePicker;
 exports.dateRangePickerDefinition = require_definition.dateRangePickerDefinition;

package/date-range-picker/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/numberConverter.js";
 import { n as registerDateRangePicker, r as DateRangePicker, t as dateRangePickerDefinition } from "../unbundled/definition38.js";
 export { DateRangePicker as VwcDateRangePickerElement, dateRangePickerDefinition, registerDateRangePicker };

package/date-range-picker/index.cjs

@@ -1 +1 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`);require(`../bundled/numberConverter.cjs`);const n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition6.cjs`),i=require(`../bundled/definition8.cjs`),a=require(`../bundled/definition12.cjs`),o=require(`../bundled/picker-field.template.cjs`),s=require(`../bundled/definition19.cjs`),c=require(`../bundled/calendar-picker.template.cjs`);var l=(e,t)=>`${e} – ${t}`,u=(e,t)=>l(c.a(e.start,t),c.a(e.end,t)),d=(e,t)=>{let n=e.trim().split(/[\s—–-]+/);if(n.length!==2)throw Error(`Invalid date range: ${e}`);let[r,i]=n.map(e=>c.o(e,t));return{start:r,end:i}},f=e=>typeof e==`string`;function p(e){return!!e}var m=class extends c.n(c.i(o.n)){constructor(...e){super(...e),this.initialStart=``,this.initialEnd=``,this.start=``,this.end=``,this.setFormValue=(e,t)=>{f(e)||super.setFormValue(e,t)},this._numCalendars=2,this._hideDatesOutsideMonth=!0,this._textFieldSize=`30`}initialStartChanged(){this.dirtyValue||=(this.start=this.initialStart,!1)}initialEndChanged(){this.dirtyValue||=(this.end=this.initialEnd,!1)}#e=!1;startChanged(){if(this.start&&!c.l(this.start)){this.start=``;return}this.currentStart=this.start,this.dirtyValue=!0,this.#e||this.#n()}endChanged(){if(this.end&&!c.l(this.end)){this.end=``;return}this.currentEnd=this.end,this.dirtyValue=!0,this.#e||this.#n()}currentStartChanged(){this.start=this.currentStart}currentEndChanged(){this.end=this.currentEnd}#t(e){this.#e=!0,e.start!==void 0&&(this.start=e.start,this.$emit(`input:start`)),e.end!==void 0&&(this.end=e.end,this.$emit(`input:end`)),this.#e=!1,this.$emit(`input`),this.$emit(`change`),this.#n()}#n(){if(this.start&&this.end){if(c.s(this.start,this.end)>0){this.#t({start:this.end,end:this.start});return}this.value=l(this.start,this.end)}else this.value=``;this._updatePresentationValue();let e=this.start||this.end;e&&this._adjustSelectedMonthToEnsureVisibilityOf(e),this.#r()}_updatePresentationValue(){this.start&&this.end?this._presentationValue=u({start:this.start,end:this.end},this.locale.calendarPicker):this._presentationValue=``}nameChanged(e,t){super.nameChanged(e,t),this.#r()}#r(){if(!this.name||!this.start||!this.end)this.setFormValue(null);else{let e=new FormData;e.append(this.name,this.start),e.append(this.name,this.end),this.setFormValue(e)}}connectedCallback(){super.connectedCallback(),this.start||=this.initialStart,this.end||=this.initialEnd}#i(){let e=[this.start,this.end].filter(p),t=e.length===1;this._hoverDate&&t&&e.push(this._hoverDate);let[n,r]=e.sort(c.s);return{start:n,end:r}}_isDateAriaSelected(e){return this._isDateInSelectedRange(e)}_isDateInSelectedRange(e){let{start:t,end:n}=this.#i();return t&&n?c.s(e,t)>=0&&c.s(e,n)<=0:!1}_isDateRangeStart(e){return e===this.#i().start}_isDateRangeEnd(e){return e===this.#i().end}_getSelectedDates(){let e=[];return this.start&&e.push(this.start),this.end&&e.push(this.end),e}_onDateClick(e){this.start&&this.end?this.#t({start:e,end:``}):this.start?(this.#t({end:e}),this._closePopup()):this.end?(this.#t({start:e}),this._closePopup()):this.#t({start:e})}get _textFieldPlaceholder(){return l(this.locale.calendarPicker.dateFormatPlaceholder,this.locale.calendarPicker.dateFormatPlaceholder)}_onTextFieldChange(){if(this._presentationValue===``){this.#t({start:``,end:``});return}try{let{start:e,end:t}=d(this._presentationValue,this.locale.calendarPicker);this.#t({start:e,end:t})}catch{let e=this._presentationValue;this.#t({start:``,end:``}),this._presentationValue=e;return}}_onDateMouseEnter(e){this._hoverDate=e}_onDateMouseLeave(){this._hoverDate=void 0}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.calendarPicker.invalidDateRangeError:this.min&&this.start&&c.s(this.start,this.min)<0?this.locale.calendarPicker.startDateAfterMinDateError(c.a(this.min,this.locale.calendarPicker)):this.max&&this.end&&c.s(this.end,this.max)>0?this.locale.calendarPicker.endDateBeforeMaxDateError(c.a(this.max,this.locale.calendarPicker)):null}_isPresentationValueInvalid(){if(this._presentationValue===``)return!1;try{return d(this._presentationValue,this.locale.calendarPicker),!1}catch{return!0}}_onClearClick(){this.#t({start:``,end:``}),super._onClearClick()}formResetCallback(){this.#t({start:this.initialStart,end:this.initialEnd}),super.formResetCallback()}get _pickerButtonLabel(){return this.start&&this.end?this.locale.calendarPicker.changeDatesLabel(u({start:this.start,end:this.end},this.locale.calendarPicker)):this.locale.calendarPicker.chooseDatesLabel}get _dialogLabel(){return this.locale.calendarPicker.chooseDatesLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`button, .vwc-button`)}get _pickerButtonIcon(){return`calendar-line`}};n.t([e.l({mode:`fromView`,attribute:`start`})],m.prototype,`initialStart`,void 0),n.t([e.l({mode:`fromView`,attribute:`end`})],m.prototype,`initialEnd`,void 0),n.t([e.T],m.prototype,`start`,void 0),n.t([e.T],m.prototype,`end`,void 0),n.t([e.l({attribute:`current-start`})],m.prototype,`currentStart`,void 0),n.t([e.l({attribute:`current-end`})],m.prototype,`currentEnd`,void 0),n.t([e.T],m.prototype,`_numCalendars`,void 0),n.t([e.T],m.prototype,`_hoverDate`,void 0),n.t([e.E],m.prototype,`_pickerButtonLabel`,null);var h=e.o(`date-range-picker`,m,e=>o.t(e,c.t(e),{withSeparator:!1,padded:!0}),[r.t,i.t,a.n,s.t,t.n],{styles:[o.r,c.u],shadowOptions:{delegatesFocus:!0}});e.s(h)();
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition6.cjs`),i=require(`../bundled/definition8.cjs`),a=require(`../bundled/definition12.cjs`),o=require(`../bundled/picker-field.template.cjs`),s=require(`../bundled/definition19.cjs`),c=require(`../bundled/calendar-picker.template.cjs`);var l=(e,t)=>`${e} – ${t}`,u=(e,t)=>l(c.a(e.start,t),c.a(e.end,t)),d=(e,t)=>{let n=e.trim().split(/[\s—–-]+/);if(n.length!==2)throw Error(`Invalid date range: ${e}`);let[r,i]=n.map(e=>c.o(e,t));return{start:r,end:i}},f=e=>typeof e==`string`;function p(e){return!!e}var m=class extends c.n(c.i(o.n)){constructor(...e){super(...e),this.initialStart=``,this.initialEnd=``,this.#e=!1,this.start=``,this.end=``,this.setFormValue=(e,t)=>{f(e)||super.setFormValue(e,t)},this._numCalendars=2,this._hideDatesOutsideMonth=!0,this._textFieldSize=`30`}initialStartChanged(){this.dirtyValue||=(this.start=this.initialStart,!1)}initialEndChanged(){this.dirtyValue||=(this.end=this.initialEnd,!1)}#e;startChanged(){if(this.start&&!c.l(this.start)){this.start=``;return}this.currentStart=this.start,this.dirtyValue=!0,this.#e||this.#n()}endChanged(){if(this.end&&!c.l(this.end)){this.end=``;return}this.currentEnd=this.end,this.dirtyValue=!0,this.#e||this.#n()}currentStartChanged(){this.start=this.currentStart}currentEndChanged(){this.end=this.currentEnd}#t(e){this.#e=!0,e.start!==void 0&&(this.start=e.start,this.$emit(`input:start`)),e.end!==void 0&&(this.end=e.end,this.$emit(`input:end`)),this.#e=!1,this.$emit(`input`),this.$emit(`change`),this.#n()}#n(){if(this.start&&this.end){if(c.s(this.start,this.end)>0){this.#t({start:this.end,end:this.start});return}this.value=l(this.start,this.end)}else this.value=``;this._updatePresentationValue();let e=this.start||this.end;e&&this._adjustSelectedMonthToEnsureVisibilityOf(e),this.#r()}_updatePresentationValue(){this.start&&this.end?this._presentationValue=u({start:this.start,end:this.end},this.locale.calendarPicker):this._presentationValue=``}nameChanged(e,t){super.nameChanged(e,t),this.#r()}#r(){if(!this.name||!this.start||!this.end)this.setFormValue(null);else{let e=new FormData;e.append(this.name,this.start),e.append(this.name,this.end),this.setFormValue(e)}}connectedCallback(){super.connectedCallback(),this.start||=this.initialStart,this.end||=this.initialEnd}#i(){let e=[this.start,this.end].filter(p),t=e.length===1;this._hoverDate&&t&&e.push(this._hoverDate);let[n,r]=e.sort(c.s);return{start:n,end:r}}_isDateAriaSelected(e){return this._isDateInSelectedRange(e)}_isDateInSelectedRange(e){let{start:t,end:n}=this.#i();return t&&n?c.s(e,t)>=0&&c.s(e,n)<=0:!1}_isDateRangeStart(e){return e===this.#i().start}_isDateRangeEnd(e){return e===this.#i().end}_getSelectedDates(){let e=[];return this.start&&e.push(this.start),this.end&&e.push(this.end),e}_onDateClick(e){this.start&&this.end?this.#t({start:e,end:``}):this.start?(this.#t({end:e}),this._closePopup()):this.end?(this.#t({start:e}),this._closePopup()):this.#t({start:e})}get _textFieldPlaceholder(){return l(this.locale.calendarPicker.dateFormatPlaceholder,this.locale.calendarPicker.dateFormatPlaceholder)}_onTextFieldChange(){if(this._presentationValue===``){this.#t({start:``,end:``});return}try{let{start:e,end:t}=d(this._presentationValue,this.locale.calendarPicker);this.#t({start:e,end:t})}catch{let e=this._presentationValue;this.#t({start:``,end:``}),this._presentationValue=e;return}}_onDateMouseEnter(e){this._hoverDate=e}_onDateMouseLeave(){this._hoverDate=void 0}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.calendarPicker.invalidDateRangeError:this.min&&this.start&&c.s(this.start,this.min)<0?this.locale.calendarPicker.startDateAfterMinDateError(c.a(this.min,this.locale.calendarPicker)):this.max&&this.end&&c.s(this.end,this.max)>0?this.locale.calendarPicker.endDateBeforeMaxDateError(c.a(this.max,this.locale.calendarPicker)):null}_isPresentationValueInvalid(){if(this._presentationValue===``)return!1;try{return d(this._presentationValue,this.locale.calendarPicker),!1}catch{return!0}}_onClearClick(){this.#t({start:``,end:``}),super._onClearClick()}formResetCallback(){this.#t({start:this.initialStart,end:this.initialEnd}),super.formResetCallback()}get _pickerButtonLabel(){return this.start&&this.end?this.locale.calendarPicker.changeDatesLabel(u({start:this.start,end:this.end},this.locale.calendarPicker)):this.locale.calendarPicker.chooseDatesLabel}get _dialogLabel(){return this.locale.calendarPicker.chooseDatesLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`button, .vwc-button`)}get _pickerButtonIcon(){return`calendar-line`}};n.t([e.u({mode:`fromView`,attribute:`start`})],m.prototype,`initialStart`,void 0),n.t([e.u({mode:`fromView`,attribute:`end`})],m.prototype,`initialEnd`,void 0),n.t([e.D],m.prototype,`start`,void 0),n.t([e.D],m.prototype,`end`,void 0),n.t([e.u({attribute:`current-start`})],m.prototype,`currentStart`,void 0),n.t([e.u({attribute:`current-end`})],m.prototype,`currentEnd`,void 0),n.t([e.D],m.prototype,`_numCalendars`,void 0),n.t([e.D],m.prototype,`_hoverDate`,void 0),n.t([e.O],m.prototype,`_pickerButtonLabel`,null);var h=e.s(`date-range-picker`,m,e=>o.t(e,c.t(e),{withSeparator:!1,padded:!0}),[r.t,i.t,a.n,s.t,t.n],{styles:[o.r,c.u],shadowOptions:{delegatesFocus:!0}});e.c(h)();

package/date-range-picker/index.js

@@ -1,6 +1,5 @@
-import { E as e, T as t, l as n, o as r, s as i } from "../bundled/vivid-element.js";
+import { D as e, O as t, c as n, s as r, u as i } from "../bundled/vivid-element.js";
 import { n as a } from "../bundled/definition.js";
-import "../bundled/numberConverter.js";
 import { t as o } from "../bundled/decorate.js";
 import { t as s } from "../bundled/definition6.js";
 import { t as c } from "../bundled/definition8.js";
@@ -23,7 +22,7 @@ function E(e) {
 }
 var D = class extends _(h(u)) {
 	constructor(...e) {
-		super(...e), this.initialStart = "", this.initialEnd = "", this.start = "", this.end = "", this.setFormValue = (e, t) => {
+		super(...e), this.initialStart = "", this.initialEnd = "", this.#e = !1, this.start = "", this.end = "", this.setFormValue = (e, t) => {
 			T(e) || super.setFormValue(e, t);
 		}, this._numCalendars = 2, this._hideDatesOutsideMonth = !0, this._textFieldSize = "30";
 	}
@@ -33,7 +32,7 @@ var D = class extends _(h(u)) {
 	initialEndChanged() {
 		this.dirtyValue ||= (this.end = this.initialEnd, !1);
 	}
-	#e = !1;
+	#e;
 	startChanged() {
 		if (this.start && !g(this.start)) {
 			this.start = "";
@@ -197,13 +196,13 @@ var D = class extends _(h(u)) {
 };
 //#endregion
 //#region src/lib/date-range-picker/index.ts
-o([n({
+o([i({
 	mode: "fromView",
 	attribute: "start"
-})], D.prototype, "initialStart", void 0), o([n({
+})], D.prototype, "initialStart", void 0), o([i({
 	mode: "fromView",
 	attribute: "end"
-})], D.prototype, "initialEnd", void 0), o([t], D.prototype, "start", void 0), o([t], D.prototype, "end", void 0), o([n({ attribute: "current-start" })], D.prototype, "currentStart", void 0), o([n({ attribute: "current-end" })], D.prototype, "currentEnd", void 0), o([t], D.prototype, "_numCalendars", void 0), o([t], D.prototype, "_hoverDate", void 0), o([e], D.prototype, "_pickerButtonLabel", null), i(r("date-range-picker", D, (e) => f(e, b(e), {
+})], D.prototype, "initialEnd", void 0), o([e], D.prototype, "start", void 0), o([e], D.prototype, "end", void 0), o([i({ attribute: "current-start" })], D.prototype, "currentStart", void 0), o([i({ attribute: "current-end" })], D.prototype, "currentEnd", void 0), o([e], D.prototype, "_numCalendars", void 0), o([e], D.prototype, "_hoverDate", void 0), o([t], D.prototype, "_pickerButtonLabel", null), n(r("date-range-picker", D, (e) => f(e, b(e), {
 	withSeparator: !1,
 	padded: !0
 }), [

package/date-time-picker/definition.cjs

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/numberConverter.cjs");
 const require_definition = require("../unbundled/definition39.cjs");
 exports.VwcDateTimePickerElement = require_definition.DateTimePicker;
 exports.dateTimePickerDefinition = require_definition.dateTimePickerDefinition;

package/date-time-picker/definition.js

@@ -1,3 +1,2 @@
-import "../unbundled/numberConverter.js";
 import { n as registerDateTimePicker, r as DateTimePicker, t as dateTimePickerDefinition } from "../unbundled/definition39.js";
 export { DateTimePicker as VwcDateTimePickerElement, dateTimePickerDefinition, registerDateTimePicker };

package/date-time-picker/index.cjs

@@ -1,8 +1,8 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`);require(`../bundled/numberConverter.cjs`);const n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition6.cjs`),i=require(`../bundled/definition8.cjs`),a=require(`../bundled/definition12.cjs`),o=require(`../bundled/picker-field.template.cjs`),s=require(`../bundled/time-selection-picker.template.cjs`),c=require(`../bundled/single-value-picker.cjs`),l=require(`../bundled/definition19.cjs`),u=require(`../bundled/calendar-picker.template.cjs`),d=require(`../bundled/single-date-picker.cjs`);var f=`.date-time-picker{gap:28px;padding-inline-start:12px;display:flex}.time-picker{padding-block:4px 12px}`,p=e=>e.split(`T`)[0]||``,m=e=>e.split(`T`)[1]||``,h=e=>{let[t=``,n=``]=e.split(`T`);return u.l(t)&&s.l(n)},g=(e,t,n,r)=>{let[i,a]=e.split(`T`);return`${u.a(i,t)} ${s.i(a,n,r)}`},_=(e,t,n)=>{let[r,...i]=e.split(` `);return`${u.o(r,t)}T${s.a(i.join(` `),n)}`},v={fromView:e=>e&&h(e)?e:``,toView(e){return e}},y=class extends s.o(d.t(c.t(u.i(o.n)))){get _resolvedMinDate(){return this.minDate||p(this.min)}get _resolvedMaxDate(){return this.maxDate||p(this.max)}get _resolvedMinTime(){return this.minTime||this.min&&p(this.min)===this._dateValue()&&m(this.min)||``}get _resolvedMaxTime(){return this.maxTime||this.max&&p(this.max)===this._dateValue()&&m(this.max)||``}_toPresentationValue(e){return g(e,this.locale.calendarPicker,this._displaySeconds,this._use12hClock)}_parsePresentationValue(e){return _(e,this.locale.calendarPicker,this._use12hClock)}_dateValue(){return p(this.value)}_withUpdatedDate(e){return`${e}T${m(this.value)||`00:00:00`}`}get _timeValue(){return m(this.value)}_withUpdatedTime(e){return`${p(this.value)||u.c()}T${e}`}constructor(){super(),this._isValidValue=h,this._textFieldSize=`30`,this.proxy.type=`datetime-local`,this.proxy.step=`1`,this.min=``,this.minDate=``,this.minTime=``,this.max=``,this.maxDate=``,this.maxTime=``}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.dateTimePicker.invalidDateTimeError:this._dateValue()&&this._resolvedMinDate&&u.s(this._dateValue(),this._resolvedMinDate)<0?this.locale.dateTimePicker.dateBeforeMinDateError(u.a(this._resolvedMinDate,this.locale.calendarPicker)):this._dateValue()&&this._resolvedMaxDate&&u.s(this._dateValue(),this._resolvedMaxDate)>0?this.locale.dateTimePicker.dateAfterMaxDateError(u.a(this._resolvedMaxDate,this.locale.calendarPicker)):this._timeValue&&this._resolvedMinTime&&s.c(this._timeValue,this._resolvedMinTime)<0?this.locale.dateTimePicker.timeBeforeMinTimeError(s.i(this._resolvedMinTime,this._displaySeconds,this._use12hClock)):this._timeValue&&this._resolvedMaxTime&&s.c(this._timeValue,this._resolvedMaxTime)>0?this.locale.dateTimePicker.timeAfterMaxTimeError(s.i(this._resolvedMaxTime,this._displaySeconds,this._use12hClock)):null}get _textFieldPlaceholder(){return`${this.locale.calendarPicker.dateFormatPlaceholder} ${this._timePlaceholder}`}get _pickerButtonLabel(){return this.value?this.locale.dateTimePicker.changeDateTimeLabel(this._toPresentationValue(this.value)):this.locale.dateTimePicker.chooseDateTimeLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`#inline-time-picker, button, .vwc-button`)}get _pickerButtonIcon(){return`calendar-clock-line`}get _dialogLabel(){return this.locale.dateTimePicker.chooseDateTimeLabel}};n.t([e.l({converter:v})],y.prototype,`min`,void 0),n.t([e.l({converter:s.r,attribute:`min-time`})],y.prototype,`minTime`,void 0),n.t([e.l({converter:u.r,attribute:`min-date`})],y.prototype,`minDate`,void 0),n.t([e.l({converter:v})],y.prototype,`max`,void 0),n.t([e.l({converter:s.r,attribute:`max-time`})],y.prototype,`maxTime`,void 0),n.t([e.l({converter:u.r,attribute:`max-date`})],y.prototype,`maxDate`,void 0);var b=e.o(`date-time-picker`,y,t=>o.t(t,e.d`
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition6.cjs`),i=require(`../bundled/definition8.cjs`),a=require(`../bundled/definition12.cjs`),o=require(`../bundled/picker-field.template.cjs`),s=require(`../bundled/time-selection-picker.template.cjs`),c=require(`../bundled/single-value-picker.cjs`),l=require(`../bundled/definition19.cjs`),u=require(`../bundled/calendar-picker.template.cjs`),d=require(`../bundled/single-date-picker.cjs`);var f=`.date-time-picker{gap:28px;padding-inline-start:12px;display:flex}.time-picker{padding-block:4px 12px}`,p=e=>e.split(`T`)[0]||``,m=e=>e.split(`T`)[1]||``,h=e=>{let[t=``,n=``]=e.split(`T`);return u.l(t)&&s.l(n)},g=(e,t,n,r)=>{let[i,a]=e.split(`T`);return`${u.a(i,t)} ${s.i(a,n,r)}`},_=(e,t,n)=>{let[r,...i]=e.split(` `);return`${u.o(r,t)}T${s.a(i.join(` `),n)}`},v={fromView:e=>e&&h(e)?e:``,toView(e){return e}},y=class extends s.o(d.t(c.t(u.i(o.n)))){get _resolvedMinDate(){return this.minDate||p(this.min)}get _resolvedMaxDate(){return this.maxDate||p(this.max)}get _resolvedMinTime(){return this.minTime||this.min&&p(this.min)===this._dateValue()&&m(this.min)||``}get _resolvedMaxTime(){return this.maxTime||this.max&&p(this.max)===this._dateValue()&&m(this.max)||``}_toPresentationValue(e){return g(e,this.locale.calendarPicker,this._displaySeconds,this._use12hClock)}_parsePresentationValue(e){return _(e,this.locale.calendarPicker,this._use12hClock)}_dateValue(){return p(this.value)}_withUpdatedDate(e){return`${e}T${m(this.value)||`00:00:00`}`}get _timeValue(){return m(this.value)}_withUpdatedTime(e){return`${p(this.value)||u.c()}T${e}`}constructor(){super(),this._isValidValue=h,this._textFieldSize=`30`,this.proxy.type=`datetime-local`,this.proxy.step=`1`,this.min=``,this.minDate=``,this.minTime=``,this.max=``,this.maxDate=``,this.maxTime=``}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.dateTimePicker.invalidDateTimeError:this._dateValue()&&this._resolvedMinDate&&u.s(this._dateValue(),this._resolvedMinDate)<0?this.locale.dateTimePicker.dateBeforeMinDateError(u.a(this._resolvedMinDate,this.locale.calendarPicker)):this._dateValue()&&this._resolvedMaxDate&&u.s(this._dateValue(),this._resolvedMaxDate)>0?this.locale.dateTimePicker.dateAfterMaxDateError(u.a(this._resolvedMaxDate,this.locale.calendarPicker)):this._timeValue&&this._resolvedMinTime&&s.c(this._timeValue,this._resolvedMinTime)<0?this.locale.dateTimePicker.timeBeforeMinTimeError(s.i(this._resolvedMinTime,this._displaySeconds,this._use12hClock)):this._timeValue&&this._resolvedMaxTime&&s.c(this._timeValue,this._resolvedMaxTime)>0?this.locale.dateTimePicker.timeAfterMaxTimeError(s.i(this._resolvedMaxTime,this._displaySeconds,this._use12hClock)):null}get _textFieldPlaceholder(){return`${this.locale.calendarPicker.dateFormatPlaceholder} ${this._timePlaceholder}`}get _pickerButtonLabel(){return this.value?this.locale.dateTimePicker.changeDateTimeLabel(this._toPresentationValue(this.value)):this.locale.dateTimePicker.chooseDateTimeLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`#inline-time-picker, button, .vwc-button`)}get _pickerButtonIcon(){return`calendar-clock-line`}get _dialogLabel(){return this.locale.dateTimePicker.chooseDateTimeLabel}};n.t([e.u({converter:v})],y.prototype,`min`,void 0),n.t([e.u({converter:s.r,attribute:`min-time`})],y.prototype,`minTime`,void 0),n.t([e.u({converter:u.r,attribute:`min-date`})],y.prototype,`minDate`,void 0),n.t([e.u({converter:v})],y.prototype,`max`,void 0),n.t([e.u({converter:s.r,attribute:`max-time`})],y.prototype,`maxTime`,void 0),n.t([e.u({converter:u.r,attribute:`max-date`})],y.prototype,`maxDate`,void 0);var b=e.s(`date-time-picker`,y,t=>o.t(t,e.f`
 			<div class="date-time-picker">
 				${()=>u.t(t)}
 				<div class="time-picker">
 					${()=>s.t(t,9)}
 				</div>
 			</div>
-		`,{withSeparator:!1,padded:!1}),[r.t,i.t,a.n,l.t,s.s,t.n],{styles:[o.r,u.u,f],shadowOptions:{delegatesFocus:!0}});e.s(b)();
+		`,{withSeparator:!1,padded:!1}),[r.t,i.t,a.n,l.t,s.s,t.n],{styles:[o.r,u.u,f],shadowOptions:{delegatesFocus:!0}});e.c(b)();