@vonage/vivid 5.17.0 → 5.19.0

package/bundled/mixins.cjs

@@ -1,11 +1,11 @@
-const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./normalize.cjs`),r=require(`./when.cjs`),i=require(`./slotted.cjs`),a=require(`./definition.cjs`),o=require(`./definition2.cjs`),s=require(`./decorate.cjs`),c=require(`./class-names.cjs`);var l=`:host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}`,u=class extends e.t(t.t){constructor(...e){super(...e),this.type=`none`}};s.t([t.l],u.prototype,`type`,void 0);function d(e,n,r){let i=e.tagFor(o.r);return t.d`<${i} class="icon" name="${n}" label="${e=>e.locale.feedbackMessage[r]}"></${i}>`}function f(e){let n={none:``,helper:``,error:d(e,`info-line`,`errorIconText`),success:d(e,`check-circle-line`,`successIconText`)};return t.d`${e=>n[e.type]}`}var p=e=>e===`error`,m=t.o(`feedback-message`,u,e=>{let n=t.d`<div
+const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./normalize.cjs`),r=require(`./when.cjs`),i=require(`./slotted.cjs`),a=require(`./definition.cjs`),o=require(`./decorate.cjs`),s=require(`./definition2.cjs`),c=require(`./class-names.cjs`);var l=`:host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}`,u=class extends e.t(t.t){constructor(...e){super(...e),this.type=`none`}};o.t([t.u],u.prototype,`type`,void 0);function d(e,n,r){let i=e.tagFor(s.r);return t.f`<${i} class="icon" name="${n}" label="${e=>e.locale.feedbackMessage[r]}"></${i}>`}function f(e){let n={none:``,helper:``,error:d(e,`info-line`,`errorIconText`),success:d(e,`check-circle-line`,`successIconText`)};return t.f`${e=>n[e.type]}`}var p=e=>e===`error`,m=t.s(`feedback-message`,u,e=>{let n=t.f`<div
 		class="${e=>c.t(`message`,`${e.type}-message`)}"
 	>
 		${f(e)}<slot></slot>
-	</div>`;return t.d`${r.t(e=>!p(e.type),n)}
+	</div>`;return t.f`${r.t(e=>!p(e.type),n)}
 		<span class="announcement" role="status" aria-live="polite">
 			${r.t(e=>p(e.type),n)}
-		</span>`},[o.t,a.n],{styles:l}),h=[];for(let e=0;e<256;++e)h.push((e+256).toString(16).slice(1));function g(e,t=0){return(h[e[t+0]]+h[e[t+1]]+h[e[t+2]]+h[e[t+3]]+`-`+h[e[t+4]]+h[e[t+5]]+`-`+h[e[t+6]]+h[e[t+7]]+`-`+h[e[t+8]]+h[e[t+9]]+`-`+h[e[t+10]]+h[e[t+11]]+h[e[t+12]]+h[e[t+13]]+h[e[t+14]]+h[e[t+15]]).toLowerCase()}var _,v=new Uint8Array(16);function y(){if(!_){if(typeof crypto>`u`||!crypto.getRandomValues)throw Error(`crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported`);_=crypto.getRandomValues.bind(crypto)}return _(v)}var b={randomUUID:typeof crypto<`u`&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function x(e,t,n){if(b.randomUUID&&!t&&!e)return b.randomUUID();e||={};let r=e.random??e.rng?.()??y();if(r.length<16)throw Error(`Random bytes length must be >= 16`);if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,t){if(n||=0,n<0||n+16>t.length)throw RangeError(`UUID byte range ${n}:${n+15} is out of buffer bounds`);for(let e=0;e<16;++e)t[n+e]=r[e];return t}return g(r)}var S=()=>x(),C=class{constructor(e){this.source=null,this.templateBindingObserver=e.templateBinding.createObserver(this,e)}bind(e){this.source=e.source,this.context=e.context,this.controller=e,this.insertionPoint||(this.insertionPoint=document.createComment(``),this.source.appendChild(this.insertionPoint)),this.templateBindingObserver.bind(e),this.handleChange(this.source,this.templateBindingObserver)}handleChange(e,t){if(t===this.templateBindingObserver){let e=this.templateBindingObserver.bind(this.controller);this.instantiateTemplate(e)}}instantiateTemplate(e){this.view&&this.view.dispose(),this.view=e.create(),this.view.bind(this.source,this.context),this.view.insertBefore(this.insertionPoint)}},w=class{constructor(e){this.targetNodeId=``,this.templateBinding=e,this.dataBinding=e}createHTML(e){return t.g.comment(e(this))}createBehavior(){return new C(this)}};t.m.define(w);function T(e){return new w(n.t(e))}var E=e=>{class n extends e{get _feedbackDescribedBy(){return`feedback slotted-helper-text-feedback`}_internalFeedback(){let e=this._helperTextSlottedContent?.length?``:this.helperText,t=this.errorValidationMessage,n=this.successText;return n?{type:`success`,message:n}:t?{type:`error`,message:t}:e?{type:`helper`,message:e}:{type:`none`,message:``}}_slottedHelperTextFeedbackType(){return this._internalFeedback().type===`none`&&this._helperTextSlottedContent?.length?`helper`:`none`}_getFeedbackTemplate(e){let n=e.tagFor(u);return t.d`
+		</span>`},[s.t,a.n],{styles:l}),h=[];for(let e=0;e<256;++e)h.push((e+256).toString(16).slice(1));function g(e,t=0){return(h[e[t+0]]+h[e[t+1]]+h[e[t+2]]+h[e[t+3]]+`-`+h[e[t+4]]+h[e[t+5]]+`-`+h[e[t+6]]+h[e[t+7]]+`-`+h[e[t+8]]+h[e[t+9]]+`-`+h[e[t+10]]+h[e[t+11]]+h[e[t+12]]+h[e[t+13]]+h[e[t+14]]+h[e[t+15]]).toLowerCase()}var _,v=new Uint8Array(16);function y(){if(!_){if(typeof crypto>`u`||!crypto.getRandomValues)throw Error(`crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported`);_=crypto.getRandomValues.bind(crypto)}return _(v)}var b={randomUUID:typeof crypto<`u`&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function x(e,t,n){if(b.randomUUID&&!t&&!e)return b.randomUUID();e||={};let r=e.random??e.rng?.()??y();if(r.length<16)throw Error(`Random bytes length must be >= 16`);if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,t){if(n||=0,n<0||n+16>t.length)throw RangeError(`UUID byte range ${n}:${n+15} is out of buffer bounds`);for(let e=0;e<16;++e)t[n+e]=r[e];return t}return g(r)}var S=()=>x(),C=class{constructor(e){this.source=null,this.templateBindingObserver=e.templateBinding.createObserver(this,e)}bind(e){this.source=e.source,this.context=e.context,this.controller=e,this.insertionPoint||(this.insertionPoint=document.createComment(``),this.source.appendChild(this.insertionPoint)),this.templateBindingObserver.bind(e),this.handleChange(this.source,this.templateBindingObserver)}handleChange(e,t){if(t===this.templateBindingObserver){let e=this.templateBindingObserver.bind(this.controller);this.instantiateTemplate(e)}}instantiateTemplate(e){this.view&&this.view.dispose(),this.view=e.create(),this.view.bind(this.source,this.context),this.view.insertBefore(this.insertionPoint)}},w=class{constructor(e){this.targetNodeId=``,this.templateBinding=e,this.dataBinding=e}createHTML(e){return t.v.comment(e(this))}createBehavior(){return new C(this)}};t.g.define(w);function T(e){return new w(n.t(e))}var E=e=>{class n extends e{get _feedbackDescribedBy(){return`feedback slotted-helper-text-feedback`}_internalFeedback(){let e=this._helperTextSlottedContent?.length?``:this.helperText,t=this.errorValidationMessage,n=this.successText;return n?{type:`success`,message:n}:t?{type:`error`,message:t}:e?{type:`helper`,message:e}:{type:`none`,message:``}}_slottedHelperTextFeedbackType(){return this._internalFeedback().type===`none`&&this._helperTextSlottedContent?.length?`helper`:`none`}_getFeedbackTemplate(e){let n=e.tagFor(u);return t.f`
 				<${n} id="feedback" :type="${e=>e._internalFeedback().type}">
 					${e=>e._internalFeedback().message}
 				</${n}>
@@ -15,9 +15,9 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 				>
 					<slot name="helper-text" ${i.t(`_helperTextSlottedContent`)}></slot>
 				</${n}>
-			`}}return s.t([t.l({attribute:`helper-text`})],n.prototype,`helperText`,void 0),s.t([t.T],n.prototype,`_helperTextSlottedContent`,void 0),n},D=e=>{let n=()=>`vvd-feedback-${S()}`,r=()=>`vvd-slotted-feedback-${S()}`;class a extends E(e){constructor(...e){super(...e),this._slottedHelperTextIds=[],this._feedbackId=n()}_helperTextSlottedContentChanged(e,t){for(let e of t)e.id||=r();this._slottedHelperTextIds=t.map(e=>e.id)}get _feedbackDescribedBy(){return[this._feedbackId,...this._slottedHelperTextIds].join(` `)}_getFeedbackTemplate(e){let n=e.tagFor(u);return t.d`
+			`}}return o.t([t.u({attribute:`helper-text`})],n.prototype,`helperText`,void 0),o.t([t.D],n.prototype,`_helperTextSlottedContent`,void 0),n},D=e=>{let n=()=>`vvd-feedback-${S()}`,r=()=>`vvd-slotted-feedback-${S()}`;class a extends E(e){constructor(...e){super(...e),this._slottedHelperTextIds=[],this._feedbackId=n()}_helperTextSlottedContentChanged(e,t){for(let e of t)e.id||=r();this._slottedHelperTextIds=t.map(e=>e.id)}get _feedbackDescribedBy(){return[this._feedbackId,...this._slottedHelperTextIds].join(` `)}_getFeedbackTemplate(e){let n=e.tagFor(u);return t.f`
 				<slot name="_feedback"></slot>
-				${T(t.d`<${n}
+				${T(t.f`<${n}
 					slot="_feedback"
 					id="${e=>e._feedbackId}"
 					:type="${e=>e._internalFeedback().type}"
@@ -30,4 +30,4 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 						${i.t(`_helperTextSlottedContent`)}
 					></slot>
 				</${n}>
-			`}}return s.t([t.T],a.prototype,`_slottedHelperTextIds`,void 0),a};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});
+			`}}return o.t([t.D],a.prototype,`_slottedHelperTextIds`,void 0),a};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});

package/bundled/mixins.js

@@ -1,21 +1,21 @@
 import { t as e } from "./localized.js";
-import { T as t, d as n, g as r, l as i, m as a, o, t as s } from "./vivid-element.js";
+import { D as t, f as n, g as r, s as i, t as a, u as o, v as s } from "./vivid-element.js";
 import { t as c } from "./normalize.js";
 import { t as l } from "./when.js";
 import { t as u } from "./slotted.js";
 import { n as d } from "./definition.js";
-import { r as f, t as p } from "./definition2.js";
-import { t as m } from "./decorate.js";
+import { t as f } from "./decorate.js";
+import { r as p, t as m } from "./definition2.js";
 import { t as h } from "./class-names.js";
 //#region src/shared/feedback/feedback-message.scss?inline
-var g = ":host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}", _ = class extends e(s) {
+var g = ":host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}", _ = class extends e(a) {
 	constructor(...e) {
 		super(...e), this.type = "none";
 	}
 };
-m([i], _.prototype, "type", void 0);
+f([o], _.prototype, "type", void 0);
 function v(e, t, r) {
-	let i = e.tagFor(f);
+	let i = e.tagFor(p);
 	return n`<${i} class="icon" name="${t}" label="${(e) => e.locale.feedbackMessage[r]}"></${i}>`;
 }
 function y(e) {
@@ -27,7 +27,7 @@ function y(e) {
 	};
 	return n`${(e) => t[e.type]}`;
 }
-var b = (e) => e === "error", x = o("feedback-message", _, (e) => {
+var b = (e) => e === "error", x = i("feedback-message", _, (e) => {
 	let t = n`<div
 		class="${(e) => h("message", `${e.type}-message`)}"
 	>
@@ -37,13 +37,13 @@ var b = (e) => e === "error", x = o("feedback-message", _, (e) => {
 		<span class="announcement" role="status" aria-live="polite">
 			${l((e) => b(e.type), t)}
 		</span>`;
-}, [p, d], { styles: g }), S = [];
+}, [m, d], { styles: g }), S = [];
 for (let e = 0; e < 256; ++e) S.push((e + 256).toString(16).slice(1));
 function C(e, t = 0) {
 	return (S[e[t + 0]] + S[e[t + 1]] + S[e[t + 2]] + S[e[t + 3]] + "-" + S[e[t + 4]] + S[e[t + 5]] + "-" + S[e[t + 6]] + S[e[t + 7]] + "-" + S[e[t + 8]] + S[e[t + 9]] + "-" + S[e[t + 10]] + S[e[t + 11]] + S[e[t + 12]] + S[e[t + 13]] + S[e[t + 14]] + S[e[t + 15]]).toLowerCase();
 }
 //#endregion
-//#region ../../node_modules/.pnpm/uuid@11.1.0/node_modules/uuid/dist/esm-browser/rng.js
+//#region ../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/esm-browser/rng.js
 var w, T = new Uint8Array(16);
 function E() {
 	if (!w) {
@@ -54,7 +54,7 @@ function E() {
 }
 var D = { randomUUID: typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto) };
 //#endregion
-//#region ../../node_modules/.pnpm/uuid@11.1.0/node_modules/uuid/dist/esm-browser/v4.js
+//#region ../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/esm-browser/v4.js
 function O(e, t, n) {
 	if (D.randomUUID && !t && !e) return D.randomUUID();
 	e ||= {};
@@ -91,13 +91,13 @@ var k = () => O(), A = class {
 		this.targetNodeId = "", this.templateBinding = e, this.dataBinding = e;
 	}
 	createHTML(e) {
-		return r.comment(e(this));
+		return s.comment(e(this));
 	}
 	createBehavior() {
 		return new A(this);
 	}
 };
-a.define(j);
+r.define(j);
 function M(e) {
 	return new j(c(e));
 }
@@ -142,7 +142,7 @@ var N = (e) => {
 			`;
 		}
 	}
-	return m([i({ attribute: "helper-text" })], r.prototype, "helperText", void 0), m([t], r.prototype, "_helperTextSlottedContent", void 0), r;
+	return f([o({ attribute: "helper-text" })], r.prototype, "helperText", void 0), f([t], r.prototype, "_helperTextSlottedContent", void 0), r;
 }, P = (e) => {
 	let r = () => `vvd-feedback-${k()}`, i = () => `vvd-slotted-feedback-${k()}`;
 	class a extends N(e) {
@@ -178,7 +178,7 @@ var N = (e) => {
 			`;
 		}
 	}
-	return m([t], a.prototype, "_slottedHelperTextIds", void 0), a;
+	return f([t], a.prototype, "_slottedHelperTextIds", void 0), a;
 };
 //#endregion
 export { x as a, k as i, P as n, M as r, N as t };

package/bundled/normalize.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`);function t(t){return e.j(t)?e.x(t):t instanceof e.S?t:e.b(()=>t)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});
+const e=require(`./vivid-element.cjs`);function t(t){return e.N(t)?e.C(t):t instanceof e.w?t:e.S(()=>t)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/bundled/normalize.js

@@ -1,7 +1,7 @@
-import { S as e, b as t, j as n, x as r } from "./vivid-element.js";
+import { C as e, N as t, S as n, w as r } from "./vivid-element.js";
 //#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/binding/normalize.js
 function i(i) {
-	return n(i) ? r(i) : i instanceof e ? i : t(() => i);
+	return t(i) ? e(i) : i instanceof r ? i : n(() => i);
 }
 //#endregion
 export { i as t };

package/bundled/numberConverter.cjs

@@ -0,0 +1,12 @@
+var e=`<svg width="80%" height="80%" viewBox="0 0 64 64">
+    <g>
+        <g stroke-width="6" stroke-linecap="round" fill="none">
+            <path stroke="currentColor" d="M4,32 c0,15,12,28,28,28c8,0,16-4,21-9">
+            </path>
+            <path d="M60,32 C60,16,47.464,4,32,4S4,16,4,32">
+            </path>
+            <animateTransform values="0,32,32;360,32,32" attributeName="transform" type="rotate" repeatCount="indefinite" dur="750ms">
+            </animateTransform>
+        </g>
+    </g>
+</svg>`,t=`4.10.0`,n=`https://icon.resources.vonage.com`,r=t;`${n}${r}`;var i=(e,t)=>[n,`v${t}`,e].join(`/`),a=({ok:e,headers:t})=>{if(!e||t.get(`content-type`)!==`image/svg+xml`)throw Error(`Something went wrong`)},o=e=>(a(e),e.text()),s=(e,t)=>fetch(i(`${e}.svg`,r),{signal:t}).then(o),c=e=>(e??``).trim(),l=new Map,u=(e,t)=>{let n=c(e);if(!n)return Promise.resolve(``);let r=l.get(n);if(r&&!r.signal?.aborted)return r.promise;let i=s(n,t).then(e=>{let r=l.get(n);if(r&&r.promise===i&&t.aborted)throw l.delete(n),t.reason??new DOMException(`Aborted`,`AbortError`);return e}).catch(e=>{let t=l.get(n);throw t&&t.promise===i&&l.delete(n),e});return l.set(n,{promise:i,signal:t}),i},d={toView(e){return e===void 0?null:e.toString()},fromView(e){if(typeof e==`string`&&(e=parseFloat(e.toString())),typeof e==`number`)return isNaN(e)||!isFinite(e)?void 0:e}};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});

package/bundled/numberConverter.js

@@ -0,0 +1,38 @@
+//#region src/shared/icon/icon-placeholder.ts
+var e = "<svg width=\"80%\" height=\"80%\" viewBox=\"0 0 64 64\">\n    <g>\n        <g stroke-width=\"6\" stroke-linecap=\"round\" fill=\"none\">\n            <path stroke=\"currentColor\" d=\"M4,32 c0,15,12,28,28,28c8,0,16-4,21-9\">\n            </path>\n            <path d=\"M60,32 C60,16,47.464,4,32,4S4,16,4,32\">\n            </path>\n            <animateTransform values=\"0,32,32;360,32,32\" attributeName=\"transform\" type=\"rotate\" repeatCount=\"indefinite\" dur=\"750ms\">\n            </animateTransform>\n        </g>\n    </g>\n</svg>", t = "4.10.0", n = "https://icon.resources.vonage.com", r = t;
+`${n}${r}`;
+//#endregion
+//#region src/shared/icon/utils.ts
+var i = (e, t) => [
+	n,
+	`v${t}`,
+	e
+].join("/"), a = ({ ok: e, headers: t }) => {
+	if (!e || t.get("content-type") !== "image/svg+xml") throw Error("Something went wrong");
+}, o = (e) => (a(e), e.text()), s = (e, t) => fetch(i(`${e}.svg`, r), { signal: t }).then(o), c = (e) => (e ?? "").trim(), l = /* @__PURE__ */ new Map(), u = (e, t) => {
+	let n = c(e);
+	if (!n) return Promise.resolve("");
+	let r = l.get(n);
+	if (r && !r.signal?.aborted) return r.promise;
+	let i = s(n, t).then((e) => {
+		let r = l.get(n);
+		if (r && r.promise === i && t.aborted) throw l.delete(n), t.reason ?? new DOMException("Aborted", "AbortError");
+		return e;
+	}).catch((e) => {
+		let t = l.get(n);
+		throw t && t.promise === i && l.delete(n), e;
+	});
+	return l.set(n, {
+		promise: i,
+		signal: t
+	}), i;
+}, d = {
+	toView(e) {
+		return e === void 0 ? null : e.toString();
+	},
+	fromView(e) {
+		if (typeof e == "string" && (e = parseFloat(e.toString())), typeof e == "number") return isNaN(e) || !isFinite(e) ? void 0 : e;
+	}
+};
+//#endregion
+export { u as n, e as r, d as t };

package/bundled/picker-field.template.cjs

@@ -1,4 +1,4 @@
-const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./ref.cjs`),r=require(`./slotted.cjs`),i=require(`./decorate.cjs`),a=require(`./form-element.cjs`),o=require(`./with-error-text.cjs`),s=require(`./with-contextual-help.cjs`),c=require(`./trapped-focus.cjs`),l=require(`./class-names.cjs`),u=require(`./form-associated.cjs`),d=require(`./definition6.cjs`),f=require(`./definition8.cjs`),p=require(`./dialog.cjs`),m=require(`./mixins.cjs`),h=require(`./definition12.cjs`);var g=`:host{display:inline-block}.base{inline-size:100%;display:inline-block}.control{inline-size:100%}.dialog{flex-direction:column;display:inline-flex}.dialog--padded{gap:12px;padding:12px}.dialog .footer{justify-content:flex-end;align-items:center;gap:8px;padding:8px;display:flex}.dialog .footer--with-separator{border-top:1px solid var(--vvd-color-neutral-200)}`,_=class extends s.t(m.t(o.t(a.t(c.t(e.t(u.n(t.t))))))){readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly,this.validate())}constructor(){super(),this.readOnly=!1,this.proxy=document.createElement(`input`),this._popupOpen=!1,this._presentationValue=``,this.value=``}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.#o),this.addEventListener(`focusin`,this.#e),this.addEventListener(`focusout`,this.#t),this.#i()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.#o),this.removeEventListener(`focusin`,this.#e),this.removeEventListener(`focusout`,this.#t),this.#a()}#e=()=>{this.$emit(`focus`,void 0,{bubbles:!1})};#t=()=>{this.$emit(`blur`,void 0,{bubbles:!1})};validate(){this.proxy&&this.proxy.setCustomValidity(this._getCustomValidationError()??``),super.validate(this._textFieldEl?.querySelector(`input`)??void 0)}#n={handleChange:()=>{this._updatePresentationValue()}};#r;#i(){this.#r=t.w.binding(()=>this.locale,this.#n),this.#r.observe(this,t.C.default)}#a(){this.#r.dispose()}#o=e=>{if(!this._popupOpen)return;let t=e.composedPath();[this._dialogEl,this._pickerButtonEl].some(e=>t.includes(e))||this._closePopup(!1)};#s(){this.readOnly||(this._popupOpen=!0)}_closePopup(e=!0){this._popupOpen=!1,e&&this._textFieldEl.focus()}_onBaseKeyDown(e){return this._popupOpen&&p.t(e)?(this._closePopup(),!1):!this._trappedFocus(e,()=>this._focusableElsWithinDialog())}_presentationValueChanged(){this.dirtyValue=!0,this.validate()}_onTextFieldInput(e){this._presentationValue=e.currentTarget.value}_onPickerButtonClick(){this._popupOpen?this._closePopup():this.#s()}_onOkClick(){this._closePopup()}_onClearClick(){this.$emit(`clear-click`)}};i.t([t.l({attribute:`readonly`,mode:`boolean`})],_.prototype,`readOnly`,void 0),i.t([t.T],_.prototype,`_popupOpen`,void 0),i.t([t.T],_.prototype,`_presentationValue`,void 0);var v=(e,i,{withSeparator:a,padded:o})=>{let s=e.tagFor(f.i),c=e.tagFor(h.r),u=e.tagFor(d.i);return t.d`
+const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./ref.cjs`),r=require(`./slotted.cjs`),i=require(`./decorate.cjs`),a=require(`./form-element.cjs`),o=require(`./with-error-text.cjs`),s=require(`./with-contextual-help.cjs`),c=require(`./trapped-focus.cjs`),l=require(`./class-names.cjs`),u=require(`./form-associated.cjs`),d=require(`./definition6.cjs`),f=require(`./definition8.cjs`),p=require(`./dialog.cjs`),m=require(`./mixins.cjs`),h=require(`./definition12.cjs`);var g=`:host{display:inline-block}.base{inline-size:100%;display:inline-block}.control{inline-size:100%}.dialog{flex-direction:column;display:inline-flex}.dialog--padded{gap:12px;padding:12px}.dialog .footer{justify-content:flex-end;align-items:center;gap:8px;padding:8px;display:flex}.dialog .footer--with-separator{border-top:1px solid var(--vvd-color-neutral-200)}`,_=class extends s.t(m.t(o.t(a.t(c.t(e.t(u.n(t.t))))))){readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly,this.validate())}constructor(){super(),this.readOnly=!1,this.#e=()=>{this.$emit(`focus`,void 0,{bubbles:!1})},this.#t=()=>{this.$emit(`blur`,void 0,{bubbles:!1})},this.proxy=document.createElement(`input`),this.#n={handleChange:()=>{this._updatePresentationValue()}},this._popupOpen=!1,this.#o=e=>{if(!this._popupOpen)return;let t=e.composedPath();[this._dialogEl,this._pickerButtonEl].some(e=>t.includes(e))||this._closePopup(!1)},this._presentationValue=``,this.value=``}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.#o),this.addEventListener(`focusin`,this.#e),this.addEventListener(`focusout`,this.#t),this.#i()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.#o),this.removeEventListener(`focusin`,this.#e),this.removeEventListener(`focusout`,this.#t),this.#a()}#e;#t;validate(){this.proxy&&this.proxy.setCustomValidity(this._getCustomValidationError()??``),super.validate(this._textFieldEl?.querySelector(`input`)??void 0)}#n;#r;#i(){this.#r=t.E.binding(()=>this.locale,this.#n),this.#r.observe(this,t.T.default)}#a(){this.#r.dispose()}#o;#s(){this.readOnly||(this._popupOpen=!0)}_closePopup(e=!0){this._popupOpen=!1,e&&this._textFieldEl.focus()}_onBaseKeyDown(e){return this._popupOpen&&p.t(e)?(this._closePopup(),!1):!this._trappedFocus(e,()=>this._focusableElsWithinDialog())}_presentationValueChanged(){this.dirtyValue=!0,this.validate()}_onTextFieldInput(e){let t=e.currentTarget;this._presentationValue=t.value}_onPickerButtonClick(){this._popupOpen?this._closePopup():this.#s()}_onOkClick(){this._closePopup()}_onClearClick(){this.$emit(`clear-click`)}};i.t([t.u()],_.prototype,`scale`,void 0),i.t([t.u({attribute:`readonly`,mode:`boolean`})],_.prototype,`readOnly`,void 0),i.t([t.D],_.prototype,`_popupOpen`,void 0),i.t([t.D],_.prototype,`_presentationValue`,void 0);var v=(e,i,{withSeparator:a,padded:o})=>{let s=e.tagFor(f.i),c=e.tagFor(h.r),u=e.tagFor(d.i);return t.f`
 		<div class='base' @keydown='${(e,{event:t})=>e._onBaseKeyDown(t)}'>
 			<${c} id='text-field'
 				${n.t(`_textFieldEl`)}
@@ -8,6 +8,7 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 				error-text='${e=>e.errorValidationMessage}'
 				placeholder='${e=>e._textFieldPlaceholder}'
 				size='${e=>e._textFieldSize}'
+				scale='${e=>e.scale}'
 				current-value='${e=>e._presentationValue}'
 				?disabled='${e=>e.disabled}'
 				?readonly='${e=>e.readOnly}'

package/bundled/picker-field.template.js

@@ -1,5 +1,5 @@
 import { t as e } from "./localized.js";
-import { C as t, T as n, d as r, l as i, t as a, w as o } from "./vivid-element.js";
+import { D as t, E as n, T as r, f as i, t as a, u as o } from "./vivid-element.js";
 import { t as s } from "./ref.js";
 import { t as c } from "./slotted.js";
 import { t as l } from "./decorate.js";
@@ -20,7 +20,17 @@ var x = ":host{display:inline-block}.base{inline-size:100%;display:inline-block}
 		this.proxy instanceof HTMLInputElement && (this.proxy.readOnly = this.readOnly, this.validate());
 	}
 	constructor() {
-		super(), this.readOnly = !1, this.proxy = document.createElement("input"), this._popupOpen = !1, this._presentationValue = "", this.value = "";
+		super(), this.readOnly = !1, this.#e = () => {
+			this.$emit("focus", void 0, { bubbles: !1 });
+		}, this.#t = () => {
+			this.$emit("blur", void 0, { bubbles: !1 });
+		}, this.proxy = document.createElement("input"), this.#n = { handleChange: () => {
+			this._updatePresentationValue();
+		} }, this._popupOpen = !1, this.#o = (e) => {
+			if (!this._popupOpen) return;
+			let t = e.composedPath();
+			[this._dialogEl, this._pickerButtonEl].some((e) => t.includes(e)) || this._closePopup(!1);
+		}, this._presentationValue = "", this.value = "";
 	}
 	connectedCallback() {
 		super.connectedCallback(), document.addEventListener("click", this.#o), this.addEventListener("focusin", this.#e), this.addEventListener("focusout", this.#t), this.#i();
@@ -28,30 +38,20 @@ var x = ":host{display:inline-block}.base{inline-size:100%;display:inline-block}
 	disconnectedCallback() {
 		super.disconnectedCallback(), document.removeEventListener("click", this.#o), this.removeEventListener("focusin", this.#e), this.removeEventListener("focusout", this.#t), this.#a();
 	}
-	#e = () => {
-		this.$emit("focus", void 0, { bubbles: !1 });
-	};
-	#t = () => {
-		this.$emit("blur", void 0, { bubbles: !1 });
-	};
+	#e;
+	#t;
 	validate() {
 		this.proxy && this.proxy.setCustomValidity(this._getCustomValidationError() ?? ""), super.validate(this._textFieldEl?.querySelector("input") ?? void 0);
 	}
-	#n = { handleChange: () => {
-		this._updatePresentationValue();
-	} };
+	#n;
 	#r;
 	#i() {
-		this.#r = o.binding(() => this.locale, this.#n), this.#r.observe(this, t.default);
+		this.#r = n.binding(() => this.locale, this.#n), this.#r.observe(this, r.default);
 	}
 	#a() {
 		this.#r.dispose();
 	}
-	#o = (e) => {
-		if (!this._popupOpen) return;
-		let t = e.composedPath();
-		[this._dialogEl, this._pickerButtonEl].some((e) => t.includes(e)) || this._closePopup(!1);
-	};
+	#o;
 	#s() {
 		/* v8 ignore else -- @preserve */
 		this.readOnly || (this._popupOpen = !0);
@@ -66,7 +66,8 @@ var x = ":host{display:inline-block}.base{inline-size:100%;display:inline-block}
 		this.dirtyValue = !0, this.validate();
 	}
 	_onTextFieldInput(e) {
-		this._presentationValue = e.currentTarget.value;
+		let t = e.currentTarget;
+		this._presentationValue = t.value;
 	}
 	_onPickerButtonClick() {
 		this._popupOpen ? this._closePopup() : this.#s();
@@ -78,15 +79,15 @@ var x = ":host{display:inline-block}.base{inline-size:100%;display:inline-block}
 		this.$emit("clear-click");
 	}
 };
-l([i({
+l([o()], S.prototype, "scale", void 0), l([o({
 	attribute: "readonly",
 	mode: "boolean"
-})], S.prototype, "readOnly", void 0), l([n], S.prototype, "_popupOpen", void 0), l([n], S.prototype, "_presentationValue", void 0);
+})], S.prototype, "readOnly", void 0), l([t], S.prototype, "_popupOpen", void 0), l([t], S.prototype, "_presentationValue", void 0);
 //#endregion
 //#region src/shared/picker-field/picker-field.template.ts
-var C = (e, t, { withSeparator: n, padded: i }) => {
+var C = (e, t, { withSeparator: n, padded: r }) => {
 	let a = e.tagFor(_), o = e.tagFor(b), l = e.tagFor(g);
-	return r`
+	return i`
 		<div class='base' @keydown='${(e, { event: t }) => e._onBaseKeyDown(t)}'>
 			<${o} id='text-field'
 				${s("_textFieldEl")}
@@ -96,6 +97,7 @@ var C = (e, t, { withSeparator: n, padded: i }) => {
 				error-text='${(e) => e.errorValidationMessage}'
 				placeholder='${(e) => e._textFieldPlaceholder}'
 				size='${(e) => e._textFieldSize}'
+				scale='${(e) => e.scale}'
 				current-value='${(e) => e._presentationValue}'
 				?disabled='${(e) => e.disabled}'
 				?readonly='${(e) => e.readOnly}'
@@ -130,7 +132,7 @@ var C = (e, t, { withSeparator: n, padded: i }) => {
 				offset='${(e) => e._helperTextSlottedContent?.length || e.helperText || e.errorValidationMessage ? 8 : null}'
 				placement='bottom-start'
 				class='popup'>
-				<div class="${() => m("dialog", ["dialog--padded", i])}" role='dialog' ${s("_dialogEl")} aria-modal='true' aria-label='${(e) => e._dialogLabel}'>
+				<div class="${() => m("dialog", ["dialog--padded", r])}" role='dialog' ${s("_dialogEl")} aria-modal='true' aria-label='${(e) => e._dialogLabel}'>
 					${() => t}
 					<div class="${() => m("footer", ["footer--with-separator", n])}">
 						<${l}

package/bundled/ref.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`);var t=class extends e.h{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}};e.m.define(t);var n=e=>new t(e);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+const e=require(`./vivid-element.cjs`);var t=class extends e._{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}};e.g.define(t);var n=e=>new t(e);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/ref.js

@@ -1,4 +1,4 @@
-import { h as e, m as t } from "./vivid-element.js";
+import { _ as e, g as t } from "./vivid-element.js";
 //#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/templating/ref.js
 var n = class extends e {
 	bind(e) {

package/bundled/repeat.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./normalize.cjs`);var n=class{constructor(e,t,n){this.index=e,this.removed=t,this.addedCount=n}adjustTo(e){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}},r=class{constructor(e){this.sorted=e}},i=Object.freeze({reset:1,splice:2,optimized:3}),a=new n(0,e.A,0);a.reset=!0;var o=[a];function s(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 c(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--;continue}if(n===0){i.push(3),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)}return i.reverse()}function l(e,t,n){for(let r=0;r<n;++r)if(e[r]!==t[r])return r;return n}function u(e,t,n){let r=e.length,i=t.length,a=0;for(;a<n&&e[--r]===t[--i];)a++;return a}function d(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 f(t,r,i,a,o,d){let f=0,p=0,m=Math.min(i-r,d-o);if(r===0&&o===0&&(f=l(t,a,m)),i===t.length&&d===a.length&&(p=u(t,a,m-f)),r+=f,o+=f,i-=p,d-=p,i-r===0&&d-o===0)return e.A;if(r===i){let e=new n(r,[],0);for(;o<d;)e.removed.push(a[o++]);return[e]}else if(o===d)return[new n(r,[],i-r)];let h=c(s(t,r,i,a,o,d)),g=[],_,v=r,y=o;for(let e=0;e<h.length;++e)switch(h[e]){case 0:_!==void 0&&(g.push(_),_=void 0),v++,y++;break;case 1:_===void 0&&(_=new n(v,[],0)),_.addedCount++,v++,_.removed.push(a[y]),y++;break;case 2:_===void 0&&(_=new n(v,[],0)),_.addedCount++,v++;break;case 3:_===void 0&&(_=new n(v,[],0)),_.removed.push(a[y]),y++;break}return _!==void 0&&g.push(_),g}function p(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=d(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;if(!e.addedCount&&!s)n=!0;else{let t=a.removed;if(e.index<a.index){let n=e.removed.slice(0,a.index-e.index);n.push(...t),t=n}if(e.index+e.removed.length>a.index+a.addedCount){let n=e.removed.slice(a.index+a.addedCount-e.index);t.push(...n)}e.removed=t,a.index<e.index&&(e.index=a.index)}}else if(e.index<a.index){n=!0,t.splice(i,0,e),i++;let o=e.addedCount-e.removed.length;a.index+=o,r+=o}}n||t.push(e)}function m(e,t){let n=[],r=[];for(let e=0,n=t.length;e<n;e++)p(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(f(e,i.index,i.index+i.addedCount,i.removed,0,i.removed.length))}return n}var h=Object.freeze({support:i.optimized,normalize(t,n,r){return t===void 0?r===void 0?e.A:m(n,r):o},pop(e,t,r,i){let a=e.length>0,o=r.apply(e,i);return a&&t.addSplice(new n(e.length,[o],0)),o},push(e,t,r,i){let a=r.apply(e,i);return t.addSplice(new n(e.length-i.length,[],i.length).adjustTo(e)),a},reverse(e,t,n,i){let a=n.apply(e,i);e.sorted++;let o=[];for(let t=e.length-1;t>=0;t--)o.push(t);return t.addSort(new r(o)),a},shift(e,t,r,i){let a=e.length>0,o=r.apply(e,i);return a&&t.addSplice(new n(0,[o],0)),o},sort(e,t,n,i){let a=new Map;for(let t=0,n=e.length;t<n;++t){let n=a.get(e[t])||[];a.set(e[t],[...n,t])}let o=n.apply(e,i);e.sorted++;let s=[];for(let t=0,n=e.length;t<n;++t){let n=a.get(e[t]);s.push(n[0]),a.set(e[t],n.splice(1))}return t.addSort(new r(s)),o},splice(e,t,r,i){let a=r.apply(e,i);return t.addSplice(new n(+i[0],a,i.length>2?i.length-2:0).adjustTo(e)),a},unshift(e,t,r,i){let a=r.apply(e,i);return t.addSplice(new n(0,[],i.length).adjustTo(e)),a}});Object.freeze({reset:o,setDefaultStrategy(e){h=e}});function g(e,t,n,r=!0){Reflect.defineProperty(e,t,{value:n,enumerable:!1,writable:r})}var _=class extends e.D{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,g(e,`$fastController`,this)}get strategy(){return this._strategy}set strategy(e){this._strategy=e}get lengthObserver(){let t=this._lengthObserver;if(t===void 0){let n=this.subject;this._lengthObserver=t={length:n.length,handleChange(){this.length!==n.length&&(this.length=n.length,e.w.notify(t,`length`))}},this.subscribe(t)}return t}get sortObserver(){let t=this._sortObserver;if(t===void 0){let n=this.subject;this._sortObserver=t={sorted:n.sorted,handleChange(){this.sorted!==n.sorted&&(this.sorted=n.sorted,e.w.notify(t,`sorted`))}},this.subscribe(t)}return t}subscribe(e){this.flush(),super.subscribe(e)}addSplice(e){this.splices===void 0?this.splices=[e]:this.splices.push(e),this.enqueue()}addSort(e){this.sorts===void 0?this.sorts=[e]:this.sorts.push(e),this.enqueue()}reset(e){this.oldCollection=e,this.enqueue()}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??h).normalize(n,this.subject,e)):this.notify(t))}enqueue(){this.needsQueue&&(this.needsQueue=!1,e.O.enqueue(this))}},v=!1,y=Object.freeze({sorted:0,enable(){if(v)return;v=!0,e.w.setArrayObserverFactory(e=>new _(e));let t=Array.prototype;t.$fastPatch||(g(t,`$fastPatch`,1),g(t,`sorted`,0),[t.pop,t.push,t.reverse,t.shift,t.sort,t.splice,t.unshift].forEach(e=>{t[e.name]=function(...t){let n=this.$fastController;return n===void 0?e.apply(this,t):(n.strategy??h)[e.name](this,n,e,t)}}))}}),b=Object.freeze({positioning:!1,recycle:!0});function x(e,t,n,r){e.context.parent=r.source,e.context.parentContext=r.context,e.bind(t[n])}function S(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 C(e){return e.nodeType===Node.COMMENT_NODE}var w=class extends Error{constructor(e,t){super(e),this.propertyBag=t}},T=class{constructor(e){this.directive=e,this.items=null,this.itemsObserver=null,this.bindView=x,this.views=[],this.itemsBindingObserver=e.dataBinding.createObserver(this,e),this.templateBindingObserver=e.templateBinding.createObserver(this,e),e.options.positioning&&(this.bindView=S)}bind(t){this.location=t.targets[this.directive.targetNodeId],this.controller=t,this.items=this.itemsBindingObserver.bind(t),this.template=this.templateBindingObserver.bind(t),this.observeItems(!0),e.v(this.template)&&e.v(t)&&t.hydrationStage!==e.p.hydrated?this.hydrateViews(this.template):this.refreshAllViews(),t.onUnbind(this)}unbind(){this.itemsObserver!==null&&this.itemsObserver.unsubscribe(this),this.unbindAllViews()}handleChange(e,t){if(t===this.itemsBindingObserver)this.items=this.itemsBindingObserver.bind(this.controller),this.observeItems(),this.refreshAllViews();else if(t===this.templateBindingObserver)this.template=this.templateBindingObserver.bind(this.controller),this.refreshAllViews(!0);else if(t[0])t[0].reset?this.refreshAllViews():t[0].sorted?this.updateSortedViews(t):this.updateSplicedViews(t);else return}observeItems(t=!1){if(!this.items){this.items=e.A;return}let n=this.itemsObserver,r=this.itemsObserver=e.w.getNotifier(this.items),i=n!==r;i&&n!==null&&n.unsubscribe(this),(i||t)&&r.subscribe(this)}updateSortedViews(e){let t=this.views;for(let n=0,r=e.length;n<r;++n){let r=e[n].sorted.slice(),i=r.slice().sort();for(let e=0,n=r.length;e<n;++e){let n=r.find(t=>r[e]===i[t]);if(n!==e){let r=i.splice(n,1);i.splice(e,0,...r);let a=t[e],o=a?a.firstChild:this.location;t[n].remove(),t[n].insertBefore(o);let s=t.splice(n,1);t.splice(e,0,...s)}}}}updateSplicedViews(e){let t=this.views,n=this.bindView,r=this.items,i=this.template,a=this.controller,o=this.directive.options.recycle,s=[],c=0,l=0;for(let u=0,d=e.length;u<d;++u){let d=e[u],f=d.removed,p=0,m=d.index,h=m+d.addedCount,g=t.splice(d.index,f.length),_=l=s.length+g.length;for(;m<h;++m){let e=t[m],u=e?e.firstChild:this.location,d;o&&l>0?(p<=_&&g.length>0?(d=g[p],p++):(d=s[c],c++),l--):d=i.create(),t.splice(m,0,d),n(d,r,m,a),d.insertBefore(u)}g[p]&&s.push(...g.slice(p))}for(let e=c,t=s.length;e<t;++e)s[e].dispose();if(this.directive.options.positioning)for(let e=0,n=t.length;e<n;++e){let r=t[e].context;r.length=n,r.index=e}}refreshAllViews(t=!1){let n=this.items,r=this.template,i=this.location,a=this.bindView,o=this.controller,s=n.length,c=this.views,l=c.length;if((s===0||t||!this.directive.options.recycle)&&(e.f.disposeContiguousBatch(c),l=0),l===0){this.views=c=Array(s);for(let e=0;e<s;++e){let t=r.create();a(t,n,e,o),c[e]=t,t.insertBefore(i)}}else{let e=0;for(;e<s;++e)if(e<l){let t=c[e];if(!t){let t=new XMLSerializer;throw new w(`View is null or undefined inside "${this.location.getRootNode().host.nodeName}".`,{index:e,hydrationStage:this.controller.hydrationStage,itemsLength:s,viewsState:c.map(e=>e?`hydrated`:`empty`),viewTemplateString:t.serializeToString(r.create().fragment),rootNodeContent:t.serializeToString(this.location.getRootNode())})}a(t,n,e,o)}else{let t=r.create();a(t,n,e,o),c.push(t),t.insertBefore(i)}let t=c.splice(e,l-e);for(e=0,s=t.length;e<s;++e)t[e].dispose()}}unbindAllViews(){let e=this.views;for(let t=0,n=e.length;t<n;++t){let n=e[t];if(!n){let n=new XMLSerializer;throw new w(`View is null or undefined inside "${this.location.getRootNode().host.nodeName}".`,{index:t,hydrationStage:this.controller.hydrationStage,viewsState:e.map(e=>e?`hydrated`:`empty`),rootNodeContent:n.serializeToString(this.location.getRootNode())})}n.unbind()}}hydrateViews(t){if(!this.items)return;this.views=Array(this.items.length);let n=this.location.previousSibling;for(;n!==null;){if(!C(n)){n=n.previousSibling;continue}let r=e._.parseRepeatEndMarker(n.data);if(r===null){n=n.previousSibling;continue}n.data=``;let i=n.previousSibling;if(!i)throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": end should never be null.`);let a=i,o=0;for(;a!==null;){if(C(a)){if(e._.isRepeatViewEndMarker(a.data))o++;else if(e._.isRepeatViewStartMarker(a.data))if(o)o--;else{if(e._.parseRepeatStartMarker(a.data)!==r)throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": Mismatched start and end markers.`);a.data=``,n=a.previousSibling,a=a.nextSibling;let o=t.hydrate(a,i);this.views[r]=o,this.bindView(o,this.items,r,this.controller);break}}a=a.previousSibling}if(!a)throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": start should never be null.`)}}},E=class{constructor(e,t,n){this.dataBinding=e,this.templateBinding=t,this.options=n,y.enable()}createHTML(t){return e.g.comment(t(this))}createBehavior(){return new T(this)}};e.m.define(E);function D(e,n,r=b){return new E(t.t(e),t.t(n),Object.assign(Object.assign({},b),r))}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});
+const e=require(`./vivid-element.cjs`),t=require(`./normalize.cjs`);var n=class{constructor(e,t,n){this.index=e,this.removed=t,this.addedCount=n}adjustTo(e){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}},r=class{constructor(e){this.sorted=e}},i=Object.freeze({reset:1,splice:2,optimized:3}),a=new n(0,e.M,0);a.reset=!0;var o=[a];function s(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 c(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--;continue}if(n===0){i.push(3),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)}return i.reverse()}function l(e,t,n){for(let r=0;r<n;++r)if(e[r]!==t[r])return r;return n}function u(e,t,n){let r=e.length,i=t.length,a=0;for(;a<n&&e[--r]===t[--i];)a++;return a}function d(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 f(t,r,i,a,o,d){let f=0,p=0,m=Math.min(i-r,d-o);if(r===0&&o===0&&(f=l(t,a,m)),i===t.length&&d===a.length&&(p=u(t,a,m-f)),r+=f,o+=f,i-=p,d-=p,i-r===0&&d-o===0)return e.M;if(r===i){let e=new n(r,[],0);for(;o<d;)e.removed.push(a[o++]);return[e]}else if(o===d)return[new n(r,[],i-r)];let h=c(s(t,r,i,a,o,d)),g=[],_,v=r,y=o;for(let e=0;e<h.length;++e)switch(h[e]){case 0:_!==void 0&&(g.push(_),_=void 0),v++,y++;break;case 1:_===void 0&&(_=new n(v,[],0)),_.addedCount++,v++,_.removed.push(a[y]),y++;break;case 2:_===void 0&&(_=new n(v,[],0)),_.addedCount++,v++;break;case 3:_===void 0&&(_=new n(v,[],0)),_.removed.push(a[y]),y++;break}return _!==void 0&&g.push(_),g}function p(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=d(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;if(!e.addedCount&&!s)n=!0;else{let t=a.removed;if(e.index<a.index){let n=e.removed.slice(0,a.index-e.index);n.push(...t),t=n}if(e.index+e.removed.length>a.index+a.addedCount){let n=e.removed.slice(a.index+a.addedCount-e.index);t.push(...n)}e.removed=t,a.index<e.index&&(e.index=a.index)}}else if(e.index<a.index){n=!0,t.splice(i,0,e),i++;let o=e.addedCount-e.removed.length;a.index+=o,r+=o}}n||t.push(e)}function m(e,t){let n=[],r=[];for(let e=0,n=t.length;e<n;e++)p(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(f(e,i.index,i.index+i.addedCount,i.removed,0,i.removed.length))}return n}var h=Object.freeze({support:i.optimized,normalize(t,n,r){return t===void 0?r===void 0?e.M:m(n,r):o},pop(e,t,r,i){let a=e.length>0,o=r.apply(e,i);return a&&t.addSplice(new n(e.length,[o],0)),o},push(e,t,r,i){let a=r.apply(e,i);return t.addSplice(new n(e.length-i.length,[],i.length).adjustTo(e)),a},reverse(e,t,n,i){let a=n.apply(e,i);e.sorted++;let o=[];for(let t=e.length-1;t>=0;t--)o.push(t);return t.addSort(new r(o)),a},shift(e,t,r,i){let a=e.length>0,o=r.apply(e,i);return a&&t.addSplice(new n(0,[o],0)),o},sort(e,t,n,i){let a=new Map;for(let t=0,n=e.length;t<n;++t){let n=a.get(e[t])||[];a.set(e[t],[...n,t])}let o=n.apply(e,i);e.sorted++;let s=[];for(let t=0,n=e.length;t<n;++t){let n=a.get(e[t]);s.push(n[0]),a.set(e[t],n.splice(1))}return t.addSort(new r(s)),o},splice(e,t,r,i){let a=r.apply(e,i);return t.addSplice(new n(+i[0],a,i.length>2?i.length-2:0).adjustTo(e)),a},unshift(e,t,r,i){let a=r.apply(e,i);return t.addSplice(new n(0,[],i.length).adjustTo(e)),a}});Object.freeze({reset:o,setDefaultStrategy(e){h=e}});function g(e,t,n,r=!0){Reflect.defineProperty(e,t,{value:n,enumerable:!1,writable:r})}var _=class extends e.k{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,g(e,`$fastController`,this)}get strategy(){return this._strategy}set strategy(e){this._strategy=e}get lengthObserver(){let t=this._lengthObserver;if(t===void 0){let n=this.subject;this._lengthObserver=t={length:n.length,handleChange(){this.length!==n.length&&(this.length=n.length,e.E.notify(t,`length`))}},this.subscribe(t)}return t}get sortObserver(){let t=this._sortObserver;if(t===void 0){let n=this.subject;this._sortObserver=t={sorted:n.sorted,handleChange(){this.sorted!==n.sorted&&(this.sorted=n.sorted,e.E.notify(t,`sorted`))}},this.subscribe(t)}return t}subscribe(e){this.flush(),super.subscribe(e)}addSplice(e){this.splices===void 0?this.splices=[e]:this.splices.push(e),this.enqueue()}addSort(e){this.sorts===void 0?this.sorts=[e]:this.sorts.push(e),this.enqueue()}reset(e){this.oldCollection=e,this.enqueue()}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??h).normalize(n,this.subject,e)):this.notify(t))}enqueue(){this.needsQueue&&(this.needsQueue=!1,e.A.enqueue(this))}},v=!1,y=Object.freeze({sorted:0,enable(){if(v)return;v=!0,e.E.setArrayObserverFactory(e=>new _(e));let t=Array.prototype;t.$fastPatch||(g(t,`$fastPatch`,1),g(t,`sorted`,0),[t.pop,t.push,t.reverse,t.shift,t.sort,t.splice,t.unshift].forEach(e=>{t[e.name]=function(...t){let n=this.$fastController;return n===void 0?e.apply(this,t):(n.strategy??h)[e.name](this,n,e,t)}}))}}),b=Object.freeze({positioning:!1,recycle:!0});function x(e,t,n,r){e.context.parent=r.source,e.context.parentContext=r.context,e.bind(t[n])}function S(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 C(e){return e.nodeType===Node.COMMENT_NODE}var w=class extends Error{constructor(e,t){super(e),this.propertyBag=t}},T=class{constructor(e){this.directive=e,this.items=null,this.itemsObserver=null,this.bindView=x,this.views=[],this.itemsBindingObserver=e.dataBinding.createObserver(this,e),this.templateBindingObserver=e.templateBinding.createObserver(this,e),e.options.positioning&&(this.bindView=S)}bind(t){this.location=t.targets[this.directive.targetNodeId],this.controller=t,this.items=this.itemsBindingObserver.bind(t),this.template=this.templateBindingObserver.bind(t),this.observeItems(!0),e.b(this.template)&&e.b(t)&&t.hydrationStage!==e.h.hydrated?this.hydrateViews(this.template):this.refreshAllViews(),t.onUnbind(this)}unbind(){this.itemsObserver!==null&&this.itemsObserver.unsubscribe(this),this.unbindAllViews()}handleChange(e,t){if(t===this.itemsBindingObserver)this.items=this.itemsBindingObserver.bind(this.controller),this.observeItems(),this.refreshAllViews();else if(t===this.templateBindingObserver)this.template=this.templateBindingObserver.bind(this.controller),this.refreshAllViews(!0);else if(t[0])t[0].reset?this.refreshAllViews():t[0].sorted?this.updateSortedViews(t):this.updateSplicedViews(t);else return}observeItems(t=!1){if(!this.items){this.items=e.M;return}let n=this.itemsObserver,r=this.itemsObserver=e.E.getNotifier(this.items),i=n!==r;i&&n!==null&&n.unsubscribe(this),(i||t)&&r.subscribe(this)}updateSortedViews(e){let t=this.views;for(let n=0,r=e.length;n<r;++n){let r=e[n].sorted.slice(),i=r.slice().sort();for(let e=0,n=r.length;e<n;++e){let n=r.find(t=>r[e]===i[t]);if(n!==e){let r=i.splice(n,1);i.splice(e,0,...r);let a=t[e],o=a?a.firstChild:this.location;t[n].remove(),t[n].insertBefore(o);let s=t.splice(n,1);t.splice(e,0,...s)}}}}updateSplicedViews(e){let t=this.views,n=this.bindView,r=this.items,i=this.template,a=this.controller,o=this.directive.options.recycle,s=[],c=0,l=0;for(let u=0,d=e.length;u<d;++u){let d=e[u],f=d.removed,p=0,m=d.index,h=m+d.addedCount,g=t.splice(d.index,f.length),_=l=s.length+g.length;for(;m<h;++m){let e=t[m],u=e?e.firstChild:this.location,d;o&&l>0?(p<=_&&g.length>0?(d=g[p],p++):(d=s[c],c++),l--):d=i.create(),t.splice(m,0,d),n(d,r,m,a),d.insertBefore(u)}g[p]&&s.push(...g.slice(p))}for(let e=c,t=s.length;e<t;++e)s[e].dispose();if(this.directive.options.positioning)for(let e=0,n=t.length;e<n;++e){let r=t[e].context;r.length=n,r.index=e}}refreshAllViews(t=!1){let n=this.items,r=this.template,i=this.location,a=this.bindView,o=this.controller,s=n.length,c=this.views,l=c.length;if((s===0||t||!this.directive.options.recycle)&&(e.m.disposeContiguousBatch(c),l=0),l===0){this.views=c=Array(s);for(let e=0;e<s;++e){let t=r.create();a(t,n,e,o),c[e]=t,t.insertBefore(i)}}else{let e=0;for(;e<s;++e)if(e<l){let t=c[e];if(!t){let t=new XMLSerializer;throw new w(`View is null or undefined inside "${this.location.getRootNode().host.nodeName}".`,{index:e,hydrationStage:this.controller.hydrationStage,itemsLength:s,viewsState:c.map(e=>e?`hydrated`:`empty`),viewTemplateString:t.serializeToString(r.create().fragment),rootNodeContent:t.serializeToString(this.location.getRootNode())})}a(t,n,e,o)}else{let t=r.create();a(t,n,e,o),c.push(t),t.insertBefore(i)}let t=c.splice(e,l-e);for(e=0,s=t.length;e<s;++e)t[e].dispose()}}unbindAllViews(){let e=this.views;for(let t=0,n=e.length;t<n;++t){let n=e[t];if(!n){let n=new XMLSerializer;throw new w(`View is null or undefined inside "${this.location.getRootNode().host.nodeName}".`,{index:t,hydrationStage:this.controller.hydrationStage,viewsState:e.map(e=>e?`hydrated`:`empty`),rootNodeContent:n.serializeToString(this.location.getRootNode())})}n.unbind()}}hydrateViews(t){if(!this.items)return;this.views=Array(this.items.length);let n=this.location.previousSibling;for(;n!==null;){if(!C(n)){n=n.previousSibling;continue}let r=e.y.parseRepeatEndMarker(n.data);if(r===null){n=n.previousSibling;continue}n.data=``;let i=n.previousSibling;if(!i)throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": end should never be null.`);let a=i,o=0;for(;a!==null;){if(C(a)){if(e.y.isRepeatViewEndMarker(a.data))o++;else if(e.y.isRepeatViewStartMarker(a.data))if(o)o--;else{if(e.y.parseRepeatStartMarker(a.data)!==r)throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": Mismatched start and end markers.`);a.data=``,n=a.previousSibling,a=a.nextSibling;let o=t.hydrate(a,i);this.views[r]=o,this.bindView(o,this.items,r,this.controller);break}}a=a.previousSibling}if(!a)throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": start should never be null.`)}}},E=class{constructor(e,t,n){this.dataBinding=e,this.templateBinding=t,this.options=n,y.enable()}createHTML(t){return e.v.comment(t(this))}createBehavior(){return new T(this)}};e.g.define(E);function D(e,n,r=b){return new E(t.t(e),t.t(n),Object.assign(Object.assign({},b),r))}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});