@vonage/vivid 5.19.0 → 5.20.1

package/bundled/repeat.js

@@ -1,7 +1,6 @@
-import { A as e, E as t, M as n, b as r, g as i, h as a, k as o, m as s, v as c, y as l } from "./vivid-element.js";
-import { t as u } from "./normalize.js";
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/observation/arrays.js
-var d = class {
+import { C as e, D as t, E as n, F as r, I as i, M as a, N as o, T as s, _ as c, b as l, k as u, v as d, x as f, y as p } from "./vivid-element.js";
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/observation/arrays.js
+var m = class {
 	constructor(e, t, n) {
 		this.index = e, this.removed = t, this.addedCount = n;
 	}
@@ -9,83 +8,86 @@ var d = class {
 		let t = this.index, n = e.length;
 		return t > n ? t = n - this.addedCount : t < 0 && (t = n + this.removed.length + t - this.addedCount), this.index = t < 0 ? 0 : t, this;
 	}
-}, f = class {
+}, h = class {
 	constructor(e) {
 		this.sorted = e;
 	}
-}, p = Object.freeze({
+}, g = Object.freeze({
 	reset: 1,
 	splice: 2,
 	optimized: 3
-}), m = new d(0, n, 0);
-m.reset = !0;
-var h = [m];
-function g(e, t, n, r, i, a) {
+}), _ = new m(0, r, 0);
+_.reset = !0;
+var v = [_], y;
+(function(e) {
+	e[e.leave = 0] = "leave", e[e.update = 1] = "update", e[e.add = 2] = "add", e[e.delete = 3] = "delete";
+})(y ||= {});
+function b(e, t, n, r, i, a) {
 	let o = a - i + 1, s = n - t + 1, c = Array(o), l, u;
 	for (let e = 0; e < o; ++e) c[e] = Array(s), c[e][0] = e;
 	for (let e = 0; e < s; ++e) c[0][e] = e;
 	for (let n = 1; n < o; ++n) for (let a = 1; a < s; ++a) e[t + a - 1] === r[i + n - 1] ? c[n][a] = c[n - 1][a - 1] : (l = c[n - 1][a] + 1, u = c[n][a - 1] + 1, c[n][a] = l < u ? l : u);
 	return c;
 }
-function _(e) {
+function x(e) {
 	let t = e.length - 1, n = e[0].length - 1, r = e[t][n], i = [];
 	for (; t > 0 || n > 0;) {
 		if (t === 0) {
-			i.push(2), n--;
+			i.push(y.add), n--;
 			continue;
 		}
 		if (n === 0) {
-			i.push(3), t--;
+			i.push(y.delete), t--;
 			continue;
 		}
 		let a = e[t - 1][n - 1], o = e[t - 1][n], s = e[t][n - 1], c;
-		c = o < s ? o < a ? o : a : s < a ? s : a, c === a ? (a === r ? i.push(0) : (i.push(1), r = a), t--, n--) : c === o ? (i.push(3), t--, r = o) : (i.push(2), n--, r = s);
+		c = o < s ? o < a ? o : a : s < a ? s : a, c === a ? (a === r ? i.push(y.leave) : (i.push(y.update), r = a), t--, n--) : c === o ? (i.push(y.delete), t--, r = o) : (i.push(y.add), n--, r = s);
 	}
 	return i.reverse();
 }
-function v(e, t, n) {
+function S(e, t, n) {
 	for (let r = 0; r < n; ++r) if (e[r] !== t[r]) return r;
 	return n;
 }
-function y(e, t, n) {
+function C(e, t, n) {
 	let r = e.length, i = t.length, a = 0;
 	for (; a < n && e[--r] === t[--i];) a++;
 	return a;
 }
-function b(e, t, n, r) {
+function w(e, t, n, r) {
 	return t < n || r < e ? -1 : t === n || r === e ? 0 : e < n ? t < r ? t - n : r - n : r < t ? r - e : t - e;
 }
-function x(e, t, r, i, a, o) {
-	let s = 0, c = 0, l = Math.min(r - t, o - a);
-	if (t === 0 && a === 0 && (s = v(e, i, l)), r === e.length && o === i.length && (c = y(e, i, l - s)), t += s, a += s, r -= c, o -= c, r - t === 0 && o - a === 0) return n;
-	if (t === r) {
-		let e = new d(t, [], 0);
+function T(e, t, n, i, a, o) {
+	let s = 0, c = 0, l = Math.min(n - t, o - a);
+	if (t === 0 && a === 0 && (s = S(e, i, l)), n === e.length && o === i.length && (c = C(e, i, l - s)), t += s, a += s, n -= c, o -= c, n - t === 0 && o - a === 0) return r;
+	if (t === n) {
+		let e = new m(t, [], 0);
 		for (; a < o;) e.removed.push(i[a++]);
 		return [e];
-	} else if (a === o) return [new d(t, [], r - t)];
-	let u = _(g(e, t, r, i, a, o)), f = [], p, m = t, h = a;
+	} else if (a === o) return [new m(t, [], n - t)];
+	let u = x(b(e, t, n, i, a, o)), d = [], f, p = t, h = a;
 	for (let e = 0; e < u.length; ++e) switch (u[e]) {
-		case 0:
-			p !== void 0 && (f.push(p), p = void 0), m++, h++;
+		case y.leave:
+			f !== void 0 && (d.push(f), f = void 0), p++, h++;
 			break;
-		case 1:
-			p === void 0 && (p = new d(m, [], 0)), p.addedCount++, m++, p.removed.push(i[h]), h++;
+		case y.update:
+			f === void 0 && (f = new m(p, [], 0)), f.addedCount++, p++, f.removed.push(i[h]), h++;
 			break;
-		case 2:
-			p === void 0 && (p = new d(m, [], 0)), p.addedCount++, m++;
+		case y.add:
+			f === void 0 && (f = new m(p, [], 0)), f.addedCount++, p++;
 			break;
-		case 3:
-			p === void 0 && (p = new d(m, [], 0)), p.removed.push(i[h]), h++;
+		case y.delete:
+			f === void 0 && (f = new m(p, [], 0)), f.removed.push(i[h]), h++;
 			break;
 	}
-	return p !== void 0 && f.push(p), f;
+	return f !== void 0 && d.push(f), d;
 }
-function S(e, t) {
+function E(e, t) {
 	let n = !1, r = 0;
 	for (let i = 0; i < t.length; i++) {
 		let a = t[i];
 		if (a.index += r, n) continue;
-		let o = b(e.index, e.index + e.removed.length, a.index, a.index + a.addedCount);
+		let o = w(e.index, e.index + e.removed.length, a.index, a.index + a.addedCount);
 		if (o >= 0) {
 			t.splice(i, 1), i--, r -= a.addedCount - a.removed.length, e.addedCount += a.addedCount - o;
 			let s = e.removed.length + a.removed.length - o;
@@ -110,42 +112,42 @@ function S(e, t) {
 	}
 	n || t.push(e);
 }
-function C(e, t) {
+function D(e, t) {
 	let n = [], r = [];
-	for (let e = 0, n = t.length; e < n; e++) S(t[e], r);
+	for (let e = 0, n = t.length; e < n; e++) E(t[e], r);
 	for (let t = 0, i = r.length; t < i; ++t) {
 		let i = r[t];
 		if (i.addedCount === 1 && i.removed.length === 1) {
 			i.removed[0] !== e[i.index] && n.push(i);
 			continue;
 		}
-		n = n.concat(x(e, i.index, i.index + i.addedCount, i.removed, 0, i.removed.length));
+		n = n.concat(T(e, i.index, i.index + i.addedCount, i.removed, 0, i.removed.length));
 	}
 	return n;
 }
-var w = Object.freeze({
-	support: p.optimized,
-	normalize(e, t, r) {
-		return e === void 0 ? r === void 0 ? n : C(t, r) : h;
+var O = Object.freeze({
+	support: g.optimized,
+	normalize(e, t, n) {
+		return e === void 0 ? n === void 0 ? r : D(t, n) : v;
 	},
 	pop(e, t, n, r) {
 		let i = e.length > 0, a = n.apply(e, r);
-		return i && t.addSplice(new d(e.length, [a], 0)), a;
+		return i && t.addSplice(new m(e.length, [a], 0)), a;
 	},
 	push(e, t, n, r) {
 		let i = n.apply(e, r);
-		return t.addSplice(new d(e.length - r.length, [], r.length).adjustTo(e)), i;
+		return t.addSplice(new m(e.length - r.length, [], r.length).adjustTo(e)), i;
 	},
 	reverse(e, t, n, r) {
 		let i = n.apply(e, r);
 		e.sorted++;
 		let a = [];
 		for (let t = e.length - 1; t >= 0; t--) a.push(t);
-		return t.addSort(new f(a)), i;
+		return t.addSort(new h(a)), i;
 	},
 	shift(e, t, n, r) {
 		let i = e.length > 0, a = n.apply(e, r);
-		return i && t.addSplice(new d(0, [a], 0)), a;
+		return i && t.addSplice(new m(0, [a], 0)), a;
 	},
 	sort(e, t, n, r) {
 		let i = /* @__PURE__ */ new Map();
@@ -160,34 +162,31 @@ var w = Object.freeze({
 			let n = i.get(e[t]);
 			o.push(n[0]), i.set(e[t], n.splice(1));
 		}
-		return t.addSort(new f(o)), a;
+		return t.addSort(new h(o)), a;
 	},
 	splice(e, t, n, r) {
 		let i = n.apply(e, r);
-		return t.addSplice(new d(+r[0], i, r.length > 2 ? r.length - 2 : 0).adjustTo(e)), i;
+		return t.addSplice(new m(+r[0], i, r.length > 2 ? r.length - 2 : 0).adjustTo(e)), i;
 	},
 	unshift(e, t, n, r) {
 		let i = n.apply(e, r);
-		return t.addSplice(new d(0, [], r.length).adjustTo(e)), i;
+		return t.addSplice(new m(0, [], r.length).adjustTo(e)), i;
 	}
 });
 Object.freeze({
-	reset: h,
+	reset: v,
 	setDefaultStrategy(e) {
-		w = e;
+		O = e;
 	}
 });
-function T(e, t, n, r = !0) {
+function k(e, t, n, r = !0) {
 	Reflect.defineProperty(e, t, {
 		value: n,
 		enumerable: !1,
 		writable: r
 	});
 }
-var E = class extends o {
-	constructor(e) {
-		super(e), this.oldCollection = void 0, this.splices = void 0, this.sorts = void 0, this.needsQueue = !0, this._strategy = null, this._lengthObserver = void 0, this._sortObserver = void 0, this.call = this.flush, T(e, "$fastController", this);
-	}
+var A = class extends o {
 	get strategy() {
 		return this._strategy;
 	}
@@ -197,11 +196,11 @@ var E = class extends o {
 	get lengthObserver() {
 		let e = this._lengthObserver;
 		if (e === void 0) {
-			let n = this.subject;
+			let t = this.subject;
 			this._lengthObserver = e = {
-				length: n.length,
+				length: t.length,
 				handleChange() {
-					this.length !== n.length && (this.length = n.length, t.notify(e, "length"));
+					this.length !== t.length && (this.length = t.length, u.notify(e, "length"));
 				}
 			}, this.subscribe(e);
 		}
@@ -210,16 +209,19 @@ var E = class extends o {
 	get sortObserver() {
 		let e = this._sortObserver;
 		if (e === void 0) {
-			let n = this.subject;
+			let t = this.subject;
 			this._sortObserver = e = {
-				sorted: n.sorted,
+				sorted: t.sorted,
 				handleChange() {
-					this.sorted !== n.sorted && (this.sorted = n.sorted, t.notify(e, "sorted"));
+					this.sorted !== t.sorted && (this.sorted = t.sorted, u.notify(e, "sorted"));
 				}
 			}, this.subscribe(e);
 		}
 		return e;
 	}
+	constructor(e) {
+		super(e), this.oldCollection = void 0, this.splices = void 0, this.sorts = void 0, this.needsQueue = !0, this._strategy = null, this._lengthObserver = void 0, this._sortObserver = void 0, this.call = this.flush, k(e, "$fastController", this);
+	}
 	subscribe(e) {
 		this.flush(), super.subscribe(e);
 	}
@@ -234,18 +236,18 @@ var E = class extends o {
 	}
 	flush() {
 		let e = this.splices, t = this.sorts, n = this.oldCollection;
-		e === void 0 && n === void 0 && t === void 0 || (this.needsQueue = !0, this.splices = void 0, this.sorts = void 0, this.oldCollection = void 0, t === void 0 ? this.notify((this._strategy ?? w).normalize(n, this.subject, e)) : this.notify(t));
+		e === void 0 && n === void 0 && t === void 0 || (this.needsQueue = !0, this.splices = void 0, this.sorts = void 0, this.oldCollection = void 0, t === void 0 ? this.notify((this._strategy ?? O).normalize(n, this.subject, e)) : this.notify(t));
 	}
 	enqueue() {
-		this.needsQueue && (this.needsQueue = !1, e.enqueue(this));
+		this.needsQueue && (this.needsQueue = !1, a.enqueue(this));
 	}
-}, D = !1, O = Object.freeze({
+}, j = !1, M = Object.freeze({
 	sorted: 0,
 	enable() {
-		if (D) return;
-		D = !0, t.setArrayObserverFactory((e) => new E(e));
+		if (j) return;
+		j = !0, u.setArrayObserverFactory((e) => new A(e));
 		let e = Array.prototype;
-		e.$fastPatch || (T(e, "$fastPatch", 1), T(e, "sorted", 0), [
+		e.$fastPatch || (k(e, "$fastPatch", 1), k(e, "sorted", 0), [
 			e.pop,
 			e.push,
 			e.reverse,
@@ -256,33 +258,41 @@ var E = class extends o {
 		].forEach((t) => {
 			e[t.name] = function(...e) {
 				let n = this.$fastController;
-				return n === void 0 ? t.apply(this, e) : (n.strategy ?? w)[t.name](this, n, t, e);
+				return n === void 0 ? t.apply(this, e) : (n.strategy ?? O)[t.name](this, n, t, e);
 			};
 		}));
 	}
-}), k = Object.freeze({
+});
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/binding/normalize.js
+function N(e) {
+	return i(e) ? n(e) : e instanceof t ? e : s(() => e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/templating/repeat.js
+var P = Object.freeze({
 	positioning: !1,
 	recycle: !0
 });
-function A(e, t, n, r) {
+function F(e, t, n, r) {
 	e.context.parent = r.source, e.context.parentContext = r.context, e.bind(t[n]);
 }
-function j(e, t, n, r) {
+function I(e, t, n, r) {
 	e.context.parent = r.source, e.context.parentContext = r.context, e.context.length = t.length, e.context.index = n, e.bind(t[n]);
 }
-function M(e) {
+function L(e) {
 	return e.nodeType === Node.COMMENT_NODE;
 }
-var N = class extends Error {
+var R = class extends Error {
 	constructor(e, t) {
 		super(e), this.propertyBag = t;
 	}
-}, P = class {
+}, z = class {
 	constructor(e) {
-		this.directive = e, this.items = null, this.itemsObserver = null, this.bindView = A, this.views = [], this.itemsBindingObserver = e.dataBinding.createObserver(this, e), this.templateBindingObserver = e.templateBinding.createObserver(this, e), e.options.positioning && (this.bindView = j);
+		this.directive = e, this.items = null, this.itemsObserver = null, this.bindView = F, this.views = [], this.itemsBindingObserver = e.dataBinding.createObserver(this, e), this.templateBindingObserver = e.templateBinding.createObserver(this, e), e.options.positioning && (this.bindView = I);
 	}
 	bind(e) {
-		this.location = e.targets[this.directive.targetNodeId], this.controller = e, this.items = this.itemsBindingObserver.bind(e), this.template = this.templateBindingObserver.bind(e), this.observeItems(!0), r(this.template) && r(e) && e.hydrationStage !== a.hydrated ? this.hydrateViews(this.template) : this.refreshAllViews(), e.onUnbind(this);
+		this.location = e.targets[this.directive.targetNodeId], this.controller = e, this.items = this.itemsBindingObserver.bind(e), this.template = this.templateBindingObserver.bind(e), this.observeItems(!0), l(this.template) && l(e) && e.hydrationStage !== d.hydrated ? this.hydrateViews(this.template) : this.refreshAllViews(), e.onUnbind(this);
 	}
 	unbind() {
 		this.itemsObserver !== null && this.itemsObserver.unsubscribe(this), this.unbindAllViews();
@@ -295,11 +305,11 @@ var N = class extends Error {
 	}
 	observeItems(e = !1) {
 		if (!this.items) {
-			this.items = n;
+			this.items = r;
 			return;
 		}
-		let r = this.itemsObserver, i = this.itemsObserver = t.getNotifier(this.items), a = r !== i;
-		a && r !== null && r.unsubscribe(this), (a || e) && i.subscribe(this);
+		let t = this.itemsObserver, n = this.itemsObserver = u.getNotifier(this.items), i = t !== n;
+		i && t !== null && t.unsubscribe(this), (i || e) && n.subscribe(this);
 	}
 	updateSortedViews(e) {
 		let t = this.views;
@@ -335,24 +345,24 @@ var N = class extends Error {
 		}
 	}
 	refreshAllViews(e = !1) {
-		let t = this.items, n = this.template, r = this.location, i = this.bindView, a = this.controller, o = t.length, c = this.views, l = c.length;
-		if ((o === 0 || e || !this.directive.options.recycle) && (s.disposeContiguousBatch(c), l = 0), l === 0) {
-			this.views = c = Array(o);
+		let t = this.items, n = this.template, r = this.location, i = this.bindView, a = this.controller, o = t.length, s = this.views, l = s.length;
+		if ((o === 0 || e || !this.directive.options.recycle) && (c.disposeContiguousBatch(s), l = 0), l === 0) {
+			this.views = s = Array(o);
 			for (let e = 0; e < o; ++e) {
 				let o = n.create();
-				i(o, t, e, a), c[e] = o, o.insertBefore(r);
+				i(o, t, e, a), s[e] = o, o.insertBefore(r);
 			}
 		} else {
 			let e = 0;
 			for (; e < o; ++e) if (e < l) {
-				let r = c[e];
+				let r = s[e];
 				if (!r) {
 					let t = new XMLSerializer();
-					throw new N(`View is null or undefined inside "${this.location.getRootNode().host.nodeName}".`, {
+					throw new R(`View is null or undefined inside "${this.location.getRootNode().host.nodeName}".`, {
 						index: e,
 						hydrationStage: this.controller.hydrationStage,
 						itemsLength: o,
-						viewsState: c.map((e) => e ? "hydrated" : "empty"),
+						viewsState: s.map((e) => e ? "hydrated" : "empty"),
 						viewTemplateString: t.serializeToString(n.create().fragment),
 						rootNodeContent: t.serializeToString(this.location.getRootNode())
 					});
@@ -360,10 +370,10 @@ var N = class extends Error {
 				i(r, t, e, a);
 			} else {
 				let o = n.create();
-				i(o, t, e, a), c.push(o), o.insertBefore(r);
+				i(o, t, e, a), s.push(o), o.insertBefore(r);
 			}
-			let s = c.splice(e, l - e);
-			for (e = 0, o = s.length; e < o; ++e) s[e].dispose();
+			let c = s.splice(e, l - e);
+			for (e = 0, o = c.length; e < o; ++e) c[e].dispose();
 		}
 	}
 	unbindAllViews() {
@@ -372,7 +382,7 @@ var N = class extends Error {
 			let n = e[t];
 			if (!n) {
 				let n = new XMLSerializer();
-				throw new N(`View is null or undefined inside "${this.location.getRootNode().host.nodeName}".`, {
+				throw new R(`View is null or undefined inside "${this.location.getRootNode().host.nodeName}".`, {
 					index: t,
 					hydrationStage: this.controller.hydrationStage,
 					viewsState: e.map((e) => e ? "hydrated" : "empty"),
@@ -387,11 +397,11 @@ var N = class extends Error {
 		this.views = Array(this.items.length);
 		let t = this.location.previousSibling;
 		for (; t !== null;) {
-			if (!M(t)) {
+			if (!L(t)) {
 				t = t.previousSibling;
 				continue;
 			}
-			let n = l.parseRepeatEndMarker(t.data);
+			let n = p.parseRepeatEndMarker(t.data);
 			if (n === null) {
 				t = t.previousSibling;
 				continue;
@@ -401,11 +411,11 @@ var N = class extends Error {
 			if (!r) throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": end should never be null.`);
 			let i = r, a = 0;
 			for (; i !== null;) {
-				if (M(i)) {
-					if (l.isRepeatViewEndMarker(i.data)) a++;
-					else if (l.isRepeatViewStartMarker(i.data)) if (a) a--;
+				if (L(i)) {
+					if (p.isRepeatViewEndMarker(i.data)) a++;
+					else if (p.isRepeatViewStartMarker(i.data)) if (a) a--;
 					else {
-						if (l.parseRepeatStartMarker(i.data) !== n) throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": Mismatched start and end markers.`);
+						if (p.parseRepeatStartMarker(i.data) !== n) throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": Mismatched start and end markers.`);
 						i.data = "", t = i.previousSibling, i = i.nextSibling;
 						let a = e.hydrate(i, r);
 						this.views[n] = a, this.bindView(a, this.items, n, this.controller);
@@ -417,20 +427,20 @@ var N = class extends Error {
 			if (!i) throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": start should never be null.`);
 		}
 	}
-}, F = class {
-	constructor(e, t, n) {
-		this.dataBinding = e, this.templateBinding = t, this.options = n, O.enable();
+}, B = class {
+	createHTML(t) {
+		return e.comment(t(this));
 	}
-	createHTML(e) {
-		return c.comment(e(this));
+	constructor(e, t, n) {
+		this.dataBinding = e, this.templateBinding = t, this.options = n, M.enable();
 	}
 	createBehavior() {
-		return new P(this);
+		return new z(this);
 	}
 };
-i.define(F);
-function I(e, t, n = k) {
-	return new F(u(e), u(t), Object.assign(Object.assign({}, k), n));
+f.define(B);
+function V(e, t, n = P) {
+	return new B(N(e), N(t), Object.assign(Object.assign({}, P), n));
 }
 //#endregion
-export { I as n, F as t };
+export { V as n, N as r, B as t };

package/bundled/slider.template.cjs

@@ -1,10 +1,10 @@
-const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./when.cjs`),r=require(`./aria.cjs`),i=require(`./class-names.cjs`),a=require(`./numbers.cjs`),o=require(`./delegates-aria.cjs`),s=require(`./definition8.cjs`);var c=e=>{let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0))},l=(e,t)=>{let n=10**c(t),r=Math.round(e/t)*t;return Math.round(r*n)/n},u=e=>e>0?e:1,d={fromView(e){return u(Number(e))},toView(e){return e.toString()}},f=(e,t,n)=>e+(t-e)*n,p=(e,t,n)=>a.n(0,1,(n-e)/(t-e)),m=({disabled:e,connotation:t})=>i.t(`control`,[`disabled`,!!e],[`connotation-${t}`,!!t]),h=({_focusVisible:e})=>i.t(`thumb-container`,[`focus-visible`,e]),g=(t,n)=>{let r=t?[`right`,`center`,``,`100% repeat-x`]:[`bottom`,`top`,`100%`,`repeat-y`];return e.f` <div
+const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./when.cjs`),r=require(`./aria.cjs`),i=require(`./class-names.cjs`),a=require(`./numbers.cjs`),o=require(`./delegates-aria.cjs`),s=require(`./definition8.cjs`);var c=e=>{let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0))},l=(e,t)=>{let n=10**c(t),r=Math.round(e/t)*t;return Math.round(r*n)/n},u=e=>e>0?e:1,d={fromView(e){return u(Number(e))},toView(e){return e.toString()}},f=(e,t,n)=>e+(t-e)*n,p=(e,t,n)=>a.n(0,1,(n-e)/(t-e)),m=({disabled:e,connotation:t})=>i.t(`control`,[`disabled`,!!e],[`connotation-${t}`,!!t]),h=({_focusVisible:e})=>i.t(`thumb-container`,[`focus-visible`,e]),g=(t,n)=>{let r=t?[`right`,`center`,``,`100% repeat-x`]:[`bottom`,`top`,`100%`,`repeat-y`];return e.p` <div
 		class="mark"
 		style="
 	background: linear-gradient(to ${r[0]}, currentcolor 1px, transparent 0px)
 	0px ${r[1]} / ${r[2]} calc((100% - 1px) / ${n}) ${r[3]}
 	"
-	></div>`},_=i=>{let a=i.tagFor(s.i);return e.f`<template
+	></div>`},_=i=>{let a=i.tagFor(s.i);return e.p`<template
 		@focusin="${e=>e._onFocusIn()}"
 		@focusout="${e=>e._onFocusOut()}"
 	>
@@ -23,7 +23,7 @@ const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./when.
 					class="${e=>h(e)}"
 					style="${e=>e.position}"
 				></div>
-				${n.t(e=>e.pin,e.f`<${a}
+				${n.t(e=>e.pin,e.p`<${a}
 					class="popup"
 					arrow
 					alternate

package/bundled/slider.template.js

@@ -1,4 +1,4 @@
-import { f as e } from "./vivid-element.js";
+import { p as e } from "./vivid-element.js";
 import { t } from "./ref.js";
 import { t as n } from "./when.js";
 import { t as r } from "./aria.js";

package/bundled/slotted.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`);var t=e=>e.nodeType===1,n=e=>e?t=>t.nodeType===1&&t.matches(e):t,r=class extends e._{get id(){return this._id}set id(e){this._id=e,this._controllerProperty=`${e}-c`}bind(e){let t=e.targets[this.targetNodeId];t[this._controllerProperty]=e,this.updateTarget(e.source,this.computeNodes(t)),this.observe(t),e.onUnbind(this)}unbind(t){let n=t.targets[this.targetNodeId];this.updateTarget(t.source,e.M),this.disconnect(n),n[this._controllerProperty]=null}getSource(e){return e[this._controllerProperty].source}updateTarget(e,t){e[this.options.property]=t}computeNodes(e){let t=this.getNodes(e);return`filter`in this.options&&(t=t.filter(this.options.filter)),t}},i=`slotchange`,a=class extends r{observe(e){e.addEventListener(i,this)}disconnect(e){e.removeEventListener(i,this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){let t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}};e.g.define(a);function o(t){return e.P(t)&&(t={property:t}),new a(t)}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+const e=require(`./vivid-element.cjs`);var t=e=>e.nodeType===1,n=e=>e?t=>t.nodeType===1&&t.matches(e):t,r=class extends e.S{get id(){return this._id}set id(e){this._id=e,this._controllerProperty=`${e}-c`}bind(e){let t=e.targets[this.targetNodeId];t[this._controllerProperty]=e,this.updateTarget(e.source,this.computeNodes(t)),this.observe(t),e.onUnbind(this)}unbind(t){let n=t.targets[this.targetNodeId];this.updateTarget(t.source,e.F),this.disconnect(n),n[this._controllerProperty]=null}getSource(e){return e[this._controllerProperty].source}updateTarget(e,t){e[this.options.property]=t}computeNodes(e){let t=this.getNodes(e);return`filter`in this.options&&(t=t.filter(this.options.filter)),t}},i=`slotchange`,a=class extends r{observe(e){e.addEventListener(i,this)}disconnect(e){e.removeEventListener(i,this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){let t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}};e.x.define(a);function o(t){return e.L(t)&&(t={property:t}),new a(t)}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/bundled/slotted.js

@@ -1,5 +1,5 @@
-import { M as e, P as t, _ as n, g as r } from "./vivid-element.js";
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/templating/node-observation.js
+import { F as e, L as t, S as n, x as r } from "./vivid-element.js";
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/templating/node-observation.js
 var i = (e) => e.nodeType === 1, a = (e) => e ? (t) => t.nodeType === 1 && t.matches(e) : i, o = class extends n {
 	get id() {
 		return this._id;

package/bundled/time-selection-picker.template.cjs

@@ -1,4 +1,4 @@
-const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./repeat.cjs`),r=require(`./ref.cjs`),i=require(`./when.cjs`),a=require(`./decorate.cjs`),o=require(`./trapped-focus.cjs`),s=require(`./class-names.cjs`),c=require(`./picker-field.template.cjs`),l=require(`./scrollIntoView.cjs`),u=require(`./single-value-picker.cjs`);var d=e=>{let t=e.split(`:`);if(t.length!==3)return!1;let[n,r,i]=t;if(n.length!==2||r.length!==2||i.length!==2)return!1;let a=parseInt(n,10),o=parseInt(r,10),s=parseInt(i,10);return!(isNaN(a)||isNaN(o)||isNaN(s)||a<0||a>23||o<0||o>59||s<0||s>59)},f=e=>Number.parseInt(e,10),p=e=>e.toString().padStart(2,`0`),m=e=>{let[t,n,r]=e.split(`:`),i=f(t);return{hourStr:t,hours:i,minuteStr:n,minutes:f(n),secondStr:r,seconds:f(r),meridiem:i<12?`AM`:`PM`}},h=(e,t)=>e>t?1:e<t?-1:0,g=e=>e%12||12,_=(e,t)=>e===`AM`&&t<12||e===`PM`&&t>=12,v=(e,t,n)=>{let r=[],i=e?m(e).hours:0,a=t?m(t).hours:23;for(let e=i;e<=a;e++)n&&!_(n,e)||r.push({value:p(e),label:p(n?g(e):e)});return r},y=(e,t,n,r)=>{let i=[],a=0,o=59;if(n){let{hourStr:e,minutes:r}=m(n);t&&m(t).hourStr===e&&(a=r)}if(r){let{hourStr:e,minutes:n}=m(r);t&&m(t).hourStr===e&&(o=n)}for(let t=a;t<=o;t+=Math.max(1,e??1)){let e=p(t);i.push({value:e,label:e})}return i},b=(e,t,n,r)=>{let i=[],a=0,o=59;if(n){let e=m(n);t&&(m(t).hourStr===e.hourStr&&m(t).minuteStr)===e.minuteStr&&(a=e.seconds)}if(r){let e=m(r);t&&(m(t).hourStr===e.hourStr&&m(t).minuteStr)===e.minuteStr&&(o=e.seconds)}for(let t=a;t<=o;t+=Math.max(1,e)){let e=p(t);i.push({value:e,label:e})}return i},x=(e,t)=>{let n=[];return e&&m(e).meridiem===`PM`||n.push({value:`AM`,label:`AM`}),t&&m(t).meridiem===`AM`||n.push({value:`PM`,label:`PM`}),n},S={id:`hours`,getLabel:e=>e.locale.timePicker.hoursLabel,getOptions:e=>v(e.min,e.max,e.clock===`12h`?T.getSelectedOptionValue(e)??T.getOptions(e)[0].value:void 0),getSelectedOptionValue:e=>e.value?m(e.value).hourStr:void 0,updatedValue:(e,t)=>{if(e.value){let{minuteStr:n,secondStr:r}=m(e.value);return`${t}:${n}:${r}`}else return`${t}:00:00`}},C={id:`minutes`,getLabel:e=>e.locale.timePicker.minutesLabel,getOptions:e=>y(e.minutesStep,e.value,e.min,e.max),getSelectedOptionValue:e=>e.value?m(e.value).minuteStr:void 0,updatedValue:(e,t)=>{if(e.value){let{hourStr:n,secondStr:r}=m(e.value);return`${n}:${t}:${r}`}else return`00:${t}:00`}},w={id:`seconds`,getLabel:e=>e.locale.timePicker.secondsLabel,getOptions:e=>b(e.secondsStep,e.value,e.min,e.max),getSelectedOptionValue:e=>e.value?m(e.value).secondStr:void 0,updatedValue:(e,t)=>{if(e.value){let{hourStr:n,minuteStr:r}=m(e.value);return`${n}:${r}:${t}`}else return`00:00:${t}`}},T={id:`meridies`,getLabel:e=>e.locale.timePicker.meridiesLabel,getOptions:e=>x(e.min,e.max),getSelectedOptionValue:e=>e.value?m(e.value).meridiem:void 0,updatedValue:(e,t)=>{if(e.value){let{hours:n,minuteStr:r,secondStr:i}=m(e.value),a=n;return t===`AM`&&n>=12?a-=12:t===`PM`&&n<12&&(a+=12),`${p(a)}:${r}:${i}`}else if(t===`AM`)return`00:00:00`;else return`12:00:00`}},E=e=>e.secondsStep!==void 0,D=e=>e.clock===`12h`,O=(e,t,n)=>{M(e,t.updatedValue(e,n)),A(e,t.id,n,`start`);let r=(e.shadowRoot.querySelector(`#${t.id}`)?.closest(`.picker-wrapper`)?.nextElementSibling)?.querySelector(`.picker`);r?r.focus():e.$emit(`last-column-selected`,void 0,{bubbles:!1})},k=(e,t,n)=>{let r=t.getOptions(e),i=t.getSelectedOptionValue(e),a={ArrowUp:-1,ArrowDown:1}[n.key];if(a){n.preventDefault();let o=r.findIndex(e=>e.value===i),s=r[((o===-1?0:o+a)+r.length)%r.length].value;M(e,t.updatedValue(e,s)),A(e,t.id,s,`nearest`),e._clearFocusedClasses()}return!0},A=(e,t,n,r)=>{let i=e.shadowRoot.querySelector(`#${t}-${n}`);i&&l.t(i,i.parentElement,r)},j=(e,t)=>{if(t.key===`Tab`){let n=e.shadowRoot.querySelectorAll(`.picker`),r=t.shiftKey?n[0]:n[n.length-1];e.shadowRoot.activeElement!==r&&o.n(t),e._applyFocusedClass()}return!0},M=(e,t)=>{e.$emit(`change`,t,{bubbles:!1,composed:!1})},N=e=>t.f`<div class="picker-wrapper">
+const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./repeat.cjs`),r=require(`./ref.cjs`),i=require(`./when.cjs`),a=require(`./decorate.cjs`),o=require(`./trapped-focus.cjs`),s=require(`./class-names.cjs`),c=require(`./picker-field.template.cjs`),l=require(`./scrollIntoView.cjs`),u=require(`./single-value-picker.cjs`);var d=e=>{let t=e.split(`:`);if(t.length!==3)return!1;let[n,r,i]=t;if(n.length!==2||r.length!==2||i.length!==2)return!1;let a=parseInt(n,10),o=parseInt(r,10),s=parseInt(i,10);return!(isNaN(a)||isNaN(o)||isNaN(s)||a<0||a>23||o<0||o>59||s<0||s>59)},f=e=>Number.parseInt(e,10),p=e=>e.toString().padStart(2,`0`),m=e=>{let[t,n,r]=e.split(`:`),i=f(t);return{hourStr:t,hours:i,minuteStr:n,minutes:f(n),secondStr:r,seconds:f(r),meridiem:i<12?`AM`:`PM`}},h=(e,t)=>e>t?1:e<t?-1:0,g=e=>e%12||12,_=(e,t)=>e===`AM`&&t<12||e===`PM`&&t>=12,v=(e,t,n)=>{let r=[],i=e?m(e).hours:0,a=t?m(t).hours:23;for(let e=i;e<=a;e++)n&&!_(n,e)||r.push({value:p(e),label:p(n?g(e):e)});return r},y=(e,t,n,r)=>{let i=[],a=0,o=59;if(n){let{hourStr:e,minutes:r}=m(n);t&&m(t).hourStr===e&&(a=r)}if(r){let{hourStr:e,minutes:n}=m(r);t&&m(t).hourStr===e&&(o=n)}for(let t=a;t<=o;t+=Math.max(1,e??1)){let e=p(t);i.push({value:e,label:e})}return i},b=(e,t,n,r)=>{let i=[],a=0,o=59;if(n){let e=m(n);t&&(m(t).hourStr===e.hourStr&&m(t).minuteStr)===e.minuteStr&&(a=e.seconds)}if(r){let e=m(r);t&&(m(t).hourStr===e.hourStr&&m(t).minuteStr)===e.minuteStr&&(o=e.seconds)}for(let t=a;t<=o;t+=Math.max(1,e)){let e=p(t);i.push({value:e,label:e})}return i},x=(e,t)=>{let n=[];return e&&m(e).meridiem===`PM`||n.push({value:`AM`,label:`AM`}),t&&m(t).meridiem===`AM`||n.push({value:`PM`,label:`PM`}),n},S={id:`hours`,getLabel:e=>e.locale.timePicker.hoursLabel,getOptions:e=>v(e.min,e.max,e.clock===`12h`?T.getSelectedOptionValue(e)??T.getOptions(e)[0].value:void 0),getSelectedOptionValue:e=>e.value?m(e.value).hourStr:void 0,updatedValue:(e,t)=>{if(e.value){let{minuteStr:n,secondStr:r}=m(e.value);return`${t}:${n}:${r}`}else return`${t}:00:00`}},C={id:`minutes`,getLabel:e=>e.locale.timePicker.minutesLabel,getOptions:e=>y(e.minutesStep,e.value,e.min,e.max),getSelectedOptionValue:e=>e.value?m(e.value).minuteStr:void 0,updatedValue:(e,t)=>{if(e.value){let{hourStr:n,secondStr:r}=m(e.value);return`${n}:${t}:${r}`}else return`00:${t}:00`}},w={id:`seconds`,getLabel:e=>e.locale.timePicker.secondsLabel,getOptions:e=>b(e.secondsStep,e.value,e.min,e.max),getSelectedOptionValue:e=>e.value?m(e.value).secondStr:void 0,updatedValue:(e,t)=>{if(e.value){let{hourStr:n,minuteStr:r}=m(e.value);return`${n}:${r}:${t}`}else return`00:00:${t}`}},T={id:`meridies`,getLabel:e=>e.locale.timePicker.meridiesLabel,getOptions:e=>x(e.min,e.max),getSelectedOptionValue:e=>e.value?m(e.value).meridiem:void 0,updatedValue:(e,t)=>{if(e.value){let{hours:n,minuteStr:r,secondStr:i}=m(e.value),a=n;return t===`AM`&&n>=12?a-=12:t===`PM`&&n<12&&(a+=12),`${p(a)}:${r}:${i}`}else if(t===`AM`)return`00:00:00`;else return`12:00:00`}},E=e=>e.secondsStep!==void 0,D=e=>e.clock===`12h`,O=(e,t,n)=>{M(e,t.updatedValue(e,n)),A(e,t.id,n,`start`);let r=(e.shadowRoot.querySelector(`#${t.id}`)?.closest(`.picker-wrapper`)?.nextElementSibling)?.querySelector(`.picker`);r?r.focus():e.$emit(`last-column-selected`,void 0,{bubbles:!1})},k=(e,t,n)=>{let r=t.getOptions(e),i=t.getSelectedOptionValue(e),a={ArrowUp:-1,ArrowDown:1}[n.key];if(a){n.preventDefault();let o=r.findIndex(e=>e.value===i),s=r[((o===-1?0:o+a)+r.length)%r.length].value;M(e,t.updatedValue(e,s)),A(e,t.id,s,`nearest`),e._clearFocusedClasses()}return!0},A=(e,t,n,r)=>{let i=e.shadowRoot.querySelector(`#${t}-${n}`);i&&l.t(i,i.parentElement,r)},j=(e,t)=>{if(t.key===`Tab`){let n=e.shadowRoot.querySelectorAll(`.picker`),r=t.shiftKey?n[0]:n[n.length-1];e.shadowRoot.activeElement!==r&&o.n(t),e._applyFocusedClass()}return!0},M=(e,t)=>{e.$emit(`change`,t,{bubbles:!1,composed:!1})},N=e=>t.p`<div class="picker-wrapper">
 		<ul
 			id="${e.id}"
 			class="picker"
@@ -8,7 +8,7 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 			aria-activedescendant="${t=>e.getSelectedOptionValue(t)?`${e.id}-${e.getSelectedOptionValue(t)}`:void 0}"
 			@keydown="${(t,n)=>k(t,e,n.event)}"
 		>
-			${n.n(t=>e.getOptions(t),t.f`<li
+			${n.n(t=>e.getOptions(t),t.p`<li
 					id="${t=>`${e.id}-${t.value}`}"
 					class="${(t,n)=>s.t(`option`,[`selected`,e.getSelectedOptionValue(n.parent)===t.value])}"
 					aria-selected="${(t,n)=>e.getSelectedOptionValue(n.parent)===t.value}"
@@ -18,7 +18,7 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 					${e=>e.label}
 				</li>`)}
 		</ul>
-	</div>`,P=()=>t.f`<div
+	</div>`,P=()=>t.p`<div
 		class="time-pickers"
 		@keydown="${(e,{event:t})=>j(e,t)}"
 		@focusout="${e=>e._onFocusOut()}"
@@ -27,7 +27,7 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 		${N(S)} ${N(C)}
 		${i.t(E,N(w))}
 		${i.t(D,N(T))}
-	</div>`,F=class extends e.t(t.t){constructor(...e){super(...e),this.minutesStep=1,this.clock=`24h`,this.focusedPickerClass=`focused`,this._onFocusOut=()=>{this._clearFocusedClasses()},this._onPointerDown=()=>{this._clearFocusedClasses()}}valueChanged(e,t){t!==void 0&&!d(t)&&(this.value=void 0)}scrollSelectedOptionsToTop(){S.getSelectedOptionValue(this)&&A(this,`hours`,S.getSelectedOptionValue(this),`start`),C.getSelectedOptionValue(this)&&A(this,`minutes`,C.getSelectedOptionValue(this),`start`),E(this)&&w.getSelectedOptionValue(this)&&A(this,`seconds`,w.getSelectedOptionValue(this),`start`),D(this)&&T.getSelectedOptionValue(this)&&A(this,`meridies`,T.getSelectedOptionValue(this),`start`)}focus(e){this.shadowRoot.querySelector(`.picker`).focus(e),this._applyFocusedClass()}_applyFocusedClass(){let e=this.shadowRoot.querySelectorAll(`.picker`);requestAnimationFrame(()=>{let t=this.shadowRoot.activeElement;e.forEach(e=>{e===t?e.parentElement?.classList.add(this.focusedPickerClass):e.parentElement?.classList.remove(this.focusedPickerClass)})})}_clearFocusedClasses(){this.shadowRoot.querySelectorAll(`.picker`).forEach(e=>{e.parentElement?.classList.remove(this.focusedPickerClass)})}};a.t([t.D],F.prototype,`value`,void 0),a.t([t.D],F.prototype,`minutesStep`,void 0),a.t([t.D],F.prototype,`secondsStep`,void 0),a.t([t.D],F.prototype,`clock`,void 0),a.t([t.D],F.prototype,`min`,void 0),a.t([t.D],F.prototype,`max`,void 0);var I=t.s(`inline-time-picker`,F,P,[],{styles:`:host{display:inline-block}.time-pickers{block-size:calc(28px * var(--_inline-time-picker-num-options-visible) + 4px * (var(--_inline-time-picker-num-options-visible) - 1));justify-content:center;gap:4px;padding:4px;display:flex;overflow:hidden}.time-pickers .picker-wrapper{border-radius:4px;flex-direction:column;display:flex;position:relative}.time-pickers .picker-wrapper.focused:has(.picker:focus-visible){--focus-stroke-gap-color:transparent;--focus-inset:-2px;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.time-pickers .picker{scrollbar-width:none;border-radius:4px;flex-direction:column;gap:4px;inline-size:50px;margin:0 -4px;padding:0 4px;list-style:none;display:flex;position:relative;overflow:hidden scroll}@media (hover:hover){.time-pickers .picker:hover{scrollbar-width:auto}}.time-pickers .picker:after{block-size:calc(28px * (var(--_inline-time-picker-num-options-visible) - 1) + 4px * (var(--_inline-time-picker-num-options-visible) - 1 - 1));content:"";flex-shrink:0;display:block}.time-pickers .picker:focus-visible{outline:none}.time-pickers .option{--_connotation-color-primary:var(--vvd-time-picker-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-firm:var(--vvd-time-picker-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-time-picker-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-time-picker-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-dim:var(--vvd-time-picker-accent-dim,var(--vvd-color-neutral-200));--_connotation-color-pale:var(--vvd-time-picker-accent-pale,var(--vvd-color-neutral-300));--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.time-pickers .option:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.time-pickers .option.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.time-pickers .option:active:where(:not(.disabled,:disabled)),.time-pickers .option.active:where(:not(.disabled,:disabled)),.time-pickers .option.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){.time-pickers .option.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}.time-pickers .option.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.time-pickers .option.selected:disabled,.time-pickers .option.selected.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:transparent}.time-pickers .option{background-color:var(--_appearance-color-fill);block-size:28px;color:var(--_appearance-color-text);cursor:pointer;font:var(--vvd-typography-base);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;inline-size:50px;display:flex}.time-pickers .picker-wrapper:not(.focused) .picker:focus-visible .option.selected{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}`,shadowOptions:{delegatesFocus:!0}});t.c(I);var L=e=>{class n extends e{constructor(...e){super(...e),this.minutesStep=null,this.secondsStep=null,this.#e={handleChange:()=>{this.value&&(this._presentationValue=this._toPresentationValue(this.value))}}}get _displaySeconds(){return this.secondsStep!==null}get _use12hClock(){return this.clock?this.clock===`12h`:this.locale.timePicker.defaultTo12HourClock}get _timePlaceholder(){let e=`hh:mm`;return this._displaySeconds&&(e+=`:ss`),this._use12hClock&&(e+=` aa`),e}#e;#t;#n(){this.#t=t.E.binding(()=>this._use12hClock,this.#e),this.#t.observe(this,t.T.default)}#r(){this.#t.dispose()}connectedCallback(){super.connectedCallback(),this.#n()}disconnectedCallback(){super.disconnectedCallback(),this.#r()}_onPickerButtonClick(){super._onPickerButtonClick(),this._popupOpen&&(t.A.process(),this._inlineTimePickerEl.scrollSelectedOptionsToTop())}_onInlineTimePickerChange(e){this._updateValueDueToUserInteraction(this._withUpdatedTime(e.detail),!1)}_onInlineTimePickerLastColumnSelected(){this._closePopup()}}return a.t([t.u({attribute:`minutes-step`,converter:t.d})],n.prototype,`minutesStep`,void 0),a.t([t.u({attribute:`seconds-step`,converter:t.d})],n.prototype,`secondsStep`,void 0),a.t([t.u],n.prototype,`clock`,void 0),a.t([t.O],n.prototype,`_use12hClock`,null),n},R=(e,t,n)=>{let r=m(e),i=`${p(n?g(r.hours):r.hours)}:${r.minuteStr}`;return t&&(i+=`:${r.secondStr}`),n&&(i+=` ${r.meridiem}`),i},z=e=>e>=`0`&&e<=`9`,B=(e,t)=>{let n=e.toLowerCase(),r=[],i;for(let e=0;e<n.length;e++){let t=n[e];if(t===`a`&&n[e+1]===`m`&&(e++,i=`AM`),t===`p`&&n[e+1]===`m`&&(e++,i=`PM`),z(t)){let i=t;for(;z(n[e+1]);)e++,i+=n[e];r.push(Number.parseInt(i,10))}}if(r.length===0||r.length>3||i&&(r[0]<1||r[0]>12))throw Error(`Invalid time format`);(i||t)&&r[0]===12&&(r[0]=0),i===`PM`&&(r[0]+=12);let[a,o=0,s=0]=r;if(a>23||o>59||s>59)throw Error(`Invalid value`);return[a,o,s].map(p).join(`:`)},V={fromView:e=>e&&d(e)?e:``,toView(e){return e}},H=class extends L(u.t(c.n)){_toPresentationValue(e){return R(e,this._displaySeconds,this._use12hClock)}_parsePresentationValue(e){return B(e,this._use12hClock)}get _timeValue(){return this.value}_withUpdatedTime(e){return e}get _resolvedMinTime(){return this.min||null}get _resolvedMaxTime(){return this.max||null}minChanged(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.min=t,this.validate())}maxChanged(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.max=t,this.validate())}constructor(){super(),this._isValidValue=d,this.min=``,this.max=``,this.proxy.type=`time`,this.proxy.step=`1`}get _textFieldPlaceholder(){return this._timePlaceholder}get _pickerButtonIcon(){return`clock-line`}get _pickerButtonLabel(){return this.value?this.locale.timePicker.changeTimeLabel(this._toPresentationValue(this.value)):this.locale.timePicker.chooseTimeLabel}_onPickerButtonClick(){super._onPickerButtonClick(),this._popupOpen&&(t.A.process(),this._focusableElsWithinDialog()[0]?.focus())}get _dialogLabel(){return this.locale.timePicker.chooseTimeLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`#inline-time-picker, .vwc-button`)}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.timePicker.invalidTimeError:null}};a.t([t.u({converter:V})],H.prototype,`min`,void 0),a.t([t.u({converter:V})],H.prototype,`max`,void 0);var U=(e,n)=>{let i=e.tagFor(F);return t.f`
+	</div>`,F=class extends e.t(t.t){constructor(...e){super(...e),this.minutesStep=1,this.clock=`24h`,this.focusedPickerClass=`focused`,this._onFocusOut=()=>{this._clearFocusedClasses()},this._onPointerDown=()=>{this._clearFocusedClasses()}}valueChanged(e,t){t!==void 0&&!d(t)&&(this.value=void 0)}scrollSelectedOptionsToTop(){S.getSelectedOptionValue(this)&&A(this,`hours`,S.getSelectedOptionValue(this),`start`),C.getSelectedOptionValue(this)&&A(this,`minutes`,C.getSelectedOptionValue(this),`start`),E(this)&&w.getSelectedOptionValue(this)&&A(this,`seconds`,w.getSelectedOptionValue(this),`start`),D(this)&&T.getSelectedOptionValue(this)&&A(this,`meridies`,T.getSelectedOptionValue(this),`start`)}focus(e){this.shadowRoot.querySelector(`.picker`).focus(e),this._applyFocusedClass()}_applyFocusedClass(){let e=this.shadowRoot.querySelectorAll(`.picker`);requestAnimationFrame(()=>{let t=this.shadowRoot.activeElement;e.forEach(e=>{e===t?e.parentElement?.classList.add(this.focusedPickerClass):e.parentElement?.classList.remove(this.focusedPickerClass)})})}_clearFocusedClasses(){this.shadowRoot.querySelectorAll(`.picker`).forEach(e=>{e.parentElement?.classList.remove(this.focusedPickerClass)})}};a.t([t.A],F.prototype,`value`,void 0),a.t([t.A],F.prototype,`minutesStep`,void 0),a.t([t.A],F.prototype,`secondsStep`,void 0),a.t([t.A],F.prototype,`clock`,void 0),a.t([t.A],F.prototype,`min`,void 0),a.t([t.A],F.prototype,`max`,void 0);var I=t.u(`inline-time-picker`,F,P,[],{styles:`:host{display:inline-block}.time-pickers{block-size:calc(28px * var(--_inline-time-picker-num-options-visible) + 4px * (var(--_inline-time-picker-num-options-visible) - 1));justify-content:center;gap:4px;padding:4px;display:flex;overflow:hidden}.time-pickers .picker-wrapper{border-radius:4px;flex-direction:column;display:flex;position:relative}.time-pickers .picker-wrapper.focused:has(.picker:focus-visible){--focus-stroke-gap-color:transparent;--focus-inset:-2px;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.time-pickers .picker{scrollbar-width:none;border-radius:4px;flex-direction:column;gap:4px;inline-size:50px;margin:0 -4px;padding:0 4px;list-style:none;display:flex;position:relative;overflow:hidden scroll}@media (hover:hover){.time-pickers .picker:hover{scrollbar-width:auto}}.time-pickers .picker:after{block-size:calc(28px * (var(--_inline-time-picker-num-options-visible) - 1) + 4px * (var(--_inline-time-picker-num-options-visible) - 1 - 1));content:"";flex-shrink:0;display:block}.time-pickers .picker:focus-visible{outline:none}.time-pickers .option{--_connotation-color-primary:var(--vvd-time-picker-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-firm:var(--vvd-time-picker-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-time-picker-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-time-picker-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-dim:var(--vvd-time-picker-accent-dim,var(--vvd-color-neutral-200));--_connotation-color-pale:var(--vvd-time-picker-accent-pale,var(--vvd-color-neutral-300));--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.time-pickers .option:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.time-pickers .option.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.time-pickers .option:active:where(:not(.disabled,:disabled)),.time-pickers .option.active:where(:not(.disabled,:disabled)),.time-pickers .option.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){.time-pickers .option.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}.time-pickers .option.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.time-pickers .option.selected:disabled,.time-pickers .option.selected.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:transparent}.time-pickers .option{background-color:var(--_appearance-color-fill);block-size:28px;color:var(--_appearance-color-text);cursor:pointer;font:var(--vvd-typography-base);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;inline-size:50px;display:flex}.time-pickers .picker-wrapper:not(.focused) .picker:focus-visible .option.selected{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}`,shadowOptions:{delegatesFocus:!0}});t.d(I);var L=e=>{class n extends e{constructor(...e){super(...e),this.minutesStep=null,this.secondsStep=null,this.#e={handleChange:()=>{this.value&&(this._presentationValue=this._toPresentationValue(this.value))}}}get _displaySeconds(){return this.secondsStep!==null}get _use12hClock(){return this.clock?this.clock===`12h`:this.locale.timePicker.defaultTo12HourClock}get _timePlaceholder(){let e=`hh:mm`;return this._displaySeconds&&(e+=`:ss`),this._use12hClock&&(e+=` aa`),e}#e;#t;#n(){this.#t=t.k.binding(()=>this._use12hClock,this.#e),this.#t.observe(this,t.O.default)}#r(){this.#t.dispose()}connectedCallback(){super.connectedCallback(),this.#n()}disconnectedCallback(){super.disconnectedCallback(),this.#r()}_onPickerButtonClick(){super._onPickerButtonClick(),this._popupOpen&&(t.M.process(),this._inlineTimePickerEl.scrollSelectedOptionsToTop())}_onInlineTimePickerChange(e){this._updateValueDueToUserInteraction(this._withUpdatedTime(e.detail),!1)}_onInlineTimePickerLastColumnSelected(){this._closePopup()}}return a.t([t.m({attribute:`minutes-step`,converter:t.h})],n.prototype,`minutesStep`,void 0),a.t([t.m({attribute:`seconds-step`,converter:t.h})],n.prototype,`secondsStep`,void 0),a.t([t.m],n.prototype,`clock`,void 0),a.t([t.j],n.prototype,`_use12hClock`,null),n},R=(e,t,n)=>{let r=m(e),i=`${p(n?g(r.hours):r.hours)}:${r.minuteStr}`;return t&&(i+=`:${r.secondStr}`),n&&(i+=` ${r.meridiem}`),i},z=e=>e>=`0`&&e<=`9`,B=(e,t)=>{let n=e.toLowerCase(),r=[],i;for(let e=0;e<n.length;e++){let t=n[e];if(t===`a`&&n[e+1]===`m`&&(e++,i=`AM`),t===`p`&&n[e+1]===`m`&&(e++,i=`PM`),z(t)){let i=t;for(;z(n[e+1]);)e++,i+=n[e];r.push(Number.parseInt(i,10))}}if(r.length===0||r.length>3||i&&(r[0]<1||r[0]>12))throw Error(`Invalid time format`);(i||t)&&r[0]===12&&(r[0]=0),i===`PM`&&(r[0]+=12);let[a,o=0,s=0]=r;if(a>23||o>59||s>59)throw Error(`Invalid value`);return[a,o,s].map(p).join(`:`)},V={fromView:e=>e&&d(e)?e:``,toView(e){return e}},H=class extends L(u.t(c.n)){_toPresentationValue(e){return R(e,this._displaySeconds,this._use12hClock)}_parsePresentationValue(e){return B(e,this._use12hClock)}get _timeValue(){return this.value}_withUpdatedTime(e){return e}get _resolvedMinTime(){return this.min||null}get _resolvedMaxTime(){return this.max||null}minChanged(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.min=t,this.validate())}maxChanged(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.max=t,this.validate())}constructor(){super(),this._isValidValue=d,this.min=``,this.max=``,this.proxy.type=`time`,this.proxy.step=`1`}get _textFieldPlaceholder(){return this._timePlaceholder}get _pickerButtonIcon(){return`clock-line`}get _pickerButtonLabel(){return this.value?this.locale.timePicker.changeTimeLabel(this._toPresentationValue(this.value)):this.locale.timePicker.chooseTimeLabel}_onPickerButtonClick(){super._onPickerButtonClick(),this._popupOpen&&(t.M.process(),this._focusableElsWithinDialog()[0]?.focus())}get _dialogLabel(){return this.locale.timePicker.chooseTimeLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`#inline-time-picker, .vwc-button`)}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.timePicker.invalidTimeError:null}};a.t([t.m({converter:V})],H.prototype,`min`,void 0),a.t([t.m({converter:V})],H.prototype,`max`,void 0);var U=(e,n)=>{let i=e.tagFor(F);return t.p`
 		<${i}
 			id='inline-time-picker'
 			${r.t(`_inlineTimePickerEl`)}