@vonage/vivid 5.19.0 → 5.20.1

package/bundled/mixins.js

@@ -1,110 +1,44 @@
 import { t as e } from "./localized.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 { t as f } from "./decorate.js";
-import { r as p, t as m } from "./definition2.js";
-import { t as h } from "./class-names.js";
+import { A as t, m as n, p as r, t as i, u as a } from "./vivid-element.js";
+import { t as o } from "./slotted.js";
+import { t as s } from "./when.js";
+import { n as c } from "./definition.js";
+import { t as l } from "./decorate.js";
+import { r as u, t as d } from "./definition2.js";
+import { t as f } from "./class-names.js";
+import { n as p, t as m } from "./render-in-light-dom.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(a) {
+var h = ":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}", g = class extends e(i) {
 	constructor(...e) {
 		super(...e), this.type = "none";
 	}
 };
-f([o], _.prototype, "type", void 0);
-function v(e, t, r) {
-	let i = e.tagFor(p);
-	return n`<${i} class="icon" name="${t}" label="${(e) => e.locale.feedbackMessage[r]}"></${i}>`;
+l([n], g.prototype, "type", void 0);
+function _(e, t, n) {
+	let i = e.tagFor(u);
+	return r`<${i} class="icon" name="${t}" label="${(e) => e.locale.feedbackMessage[n]}"></${i}>`;
 }
-function y(e) {
+function v(e) {
 	let t = {
 		none: "",
 		helper: "",
-		error: v(e, "info-line", "errorIconText"),
-		success: v(e, "check-circle-line", "successIconText")
+		error: _(e, "info-line", "errorIconText"),
+		success: _(e, "check-circle-line", "successIconText")
 	};
-	return n`${(e) => t[e.type]}`;
+	return r`${(e) => t[e.type]}`;
 }
-var b = (e) => e === "error", x = i("feedback-message", _, (e) => {
-	let t = n`<div
-		class="${(e) => h("message", `${e.type}-message`)}"
+var y = (e) => e === "error", b = a("feedback-message", g, (e) => {
+	let t = r`<div
+		class="${(e) => f("message", `${e.type}-message`)}"
 	>
-		${y(e)}<slot></slot>
+		${v(e)}<slot></slot>
 	</div>`;
-	return n`${l((e) => !b(e.type), t)}
+	return r`${s((e) => !y(e.type), t)}
 		<span class="announcement" role="status" aria-live="polite">
-			${l((e) => b(e.type), t)}
+			${s((e) => y(e.type), t)}
 		</span>`;
-}, [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.1/node_modules/uuid/dist/esm-browser/rng.js
-var w, T = new Uint8Array(16);
-function E() {
-	if (!w) {
-		if (typeof crypto > "u" || !crypto.getRandomValues) throw Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-		w = crypto.getRandomValues.bind(crypto);
-	}
-	return w(T);
-}
-var D = { randomUUID: typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto) };
-//#endregion
-//#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 ||= {};
-	let r = e.random ?? e.rng?.() ?? E();
-	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 C(r);
-}
-//#endregion
-//#region src/shared/utils/randomId.ts
-var k = () => O(), A = 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) {
-		/* v8 ignore else -- @preserve */
-		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);
-	}
-}, j = class {
-	constructor(e) {
-		this.targetNodeId = "", this.templateBinding = e, this.dataBinding = e;
-	}
-	createHTML(e) {
-		return s.comment(e(this));
-	}
-	createBehavior() {
-		return new A(this);
-	}
-};
-r.define(j);
-function M(e) {
-	return new j(c(e));
-}
-//#endregion
-//#region src/shared/feedback/mixins.ts
-var N = (e) => {
-	class r extends e {
+}, [d, c], { styles: h }), x = (e) => {
+	class i extends e {
 		get _feedbackDescribedBy() {
 			return "feedback slotted-helper-text-feedback";
 		}
@@ -128,8 +62,8 @@ var N = (e) => {
 			return this._internalFeedback().type === "none" && this._helperTextSlottedContent?.length ? "helper" : "none";
 		}
 		_getFeedbackTemplate(e) {
-			let t = e.tagFor(_);
-			return n`
+			let t = e.tagFor(g);
+			return r`
 				<${t} id="feedback" :type="${(e) => e._internalFeedback().type}">
 					${(e) => e._internalFeedback().message}
 				</${t}>
@@ -137,17 +71,17 @@ var N = (e) => {
 					id="slotted-helper-text-feedback"
 					:type="${(e) => e._slottedHelperTextFeedbackType()}"
 				>
-					<slot name="helper-text" ${u("_helperTextSlottedContent")}></slot>
+					<slot name="helper-text" ${o("_helperTextSlottedContent")}></slot>
 				</${t}>
 			`;
 		}
 	}
-	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) {
+	return l([n({ attribute: "helper-text" })], i.prototype, "helperText", void 0), l([t], i.prototype, "_helperTextSlottedContent", void 0), i;
+}, S = (e) => {
+	let n = () => `vvd-feedback-${p()}`, i = () => `vvd-slotted-feedback-${p()}`;
+	class a extends x(e) {
 		constructor(...e) {
-			super(...e), this._slottedHelperTextIds = [], this._feedbackId = r();
+			super(...e), this._slottedHelperTextIds = [], this._feedbackId = n();
 		}
 		_helperTextSlottedContentChanged(e, t) {
 			for (let e of t)
@@ -159,10 +93,10 @@ var N = (e) => {
 			return [this._feedbackId, ...this._slottedHelperTextIds].join(" ");
 		}
 		_getFeedbackTemplate(e) {
-			let t = e.tagFor(_);
-			return n`
+			let t = e.tagFor(g);
+			return r`
 				<slot name="_feedback"></slot>
-				${M(n`<${t}
+				${m(r`<${t}
 					slot="_feedback"
 					id="${(e) => e._feedbackId}"
 					:type="${(e) => e._internalFeedback().type}"
@@ -172,13 +106,13 @@ var N = (e) => {
 				<${t} :type="${(e) => e._slottedHelperTextFeedbackType()}">
 					<slot
 						name="helper-text"
-						${u("_helperTextSlottedContent")}
+						${o("_helperTextSlottedContent")}
 					></slot>
 				</${t}>
 			`;
 		}
 	}
-	return f([t], a.prototype, "_slottedHelperTextIds", void 0), a;
+	return l([t], a.prototype, "_slottedHelperTextIds", void 0), a;
 };
 //#endregion
-export { x as a, k as i, P as n, M as r, N as t };
+export { S as n, b as r, x as t };

package/bundled/picker-field.template.cjs

@@ -1,7 +1,7 @@
-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`
+const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./slotted.cjs`),r=require(`./ref.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.k.binding(()=>this.locale,this.#n),this.#r.observe(this,t.O.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.m()],_.prototype,`scale`,void 0),i.t([t.m({attribute:`readonly`,mode:`boolean`})],_.prototype,`readOnly`,void 0),i.t([t.A],_.prototype,`_popupOpen`,void 0),i.t([t.A],_.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.p`
 		<div class='base' @keydown='${(e,{event:t})=>e._onBaseKeyDown(t)}'>
 			<${c} id='text-field'
-				${n.t(`_textFieldEl`)}
+				${r.t(`_textFieldEl`)}
 				class='control'
 				label='${e=>e.label}'
 				helper-text='${e=>e.helperText}'
@@ -18,16 +18,16 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 				<slot
 					slot='${e=>e._helperTextSlottedContent?.length?`helper-text`:void 0}'
 					name='helper-text'
-					${r.t(`_helperTextSlottedContent`)}
+					${n.t(`_helperTextSlottedContent`)}
 				></slot>
 				<slot
 					slot='${e=>e._contextualHelpSlottedContent?.length?`contextual-help`:void 0}'
 					name='contextual-help'
-					${r.t(`_contextualHelpSlottedContent`)}
+					${n.t(`_contextualHelpSlottedContent`)}
 				></slot>
 				<${u}
 					id='picker-button'
-					${n.t(`_pickerButtonEl`)}
+					${r.t(`_pickerButtonEl`)}
 					slot='action-items'
 					size='condensed'
 					icon='${e=>e._pickerButtonIcon}'
@@ -43,7 +43,7 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 				offset='${e=>e._helperTextSlottedContent?.length||e.helperText||e.errorValidationMessage?8:null}'
 				placement='bottom-start'
 				class='popup'>
-				<div class="${()=>l.t(`dialog`,[`dialog--padded`,o])}" role='dialog' ${n.t(`_dialogEl`)} aria-modal='true' aria-label='${e=>e._dialogLabel}'>
+				<div class="${()=>l.t(`dialog`,[`dialog--padded`,o])}" role='dialog' ${r.t(`_dialogEl`)} aria-modal='true' aria-label='${e=>e._dialogLabel}'>
 					${()=>i}
 					<div class="${()=>l.t(`footer`,[`footer--with-separator`,a])}">
 						<${u}

package/bundled/picker-field.template.js

@@ -1,7 +1,7 @@
 import { t as e } from "./localized.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 { A as t, O as n, k as r, m as i, p as a, t as o } from "./vivid-element.js";
+import { t as s } from "./slotted.js";
+import { t as c } from "./ref.js";
 import { t as l } from "./decorate.js";
 import { t as u } from "./form-element.js";
 import { t as d } from "./with-error-text.js";
@@ -15,7 +15,7 @@ import { t as v } from "./dialog.js";
 import { t as y } from "./mixins.js";
 import { r as b } from "./definition12.js";
 //#region src/shared/picker-field/picker-field.scss?inline
-var x = ":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)}", S = class extends f(y(d(u(p(e(h(a))))))) {
+var x = ":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)}", S = class extends f(y(d(u(p(e(h(o))))))) {
 	readOnlyChanged() {
 		this.proxy instanceof HTMLInputElement && (this.proxy.readOnly = this.readOnly, this.validate());
 	}
@@ -46,7 +46,7 @@ var x = ":host{display:inline-block}.base{inline-size:100%;display:inline-block}
 	#n;
 	#r;
 	#i() {
-		this.#r = n.binding(() => this.locale, this.#n), this.#r.observe(this, r.default);
+		this.#r = r.binding(() => this.locale, this.#n), this.#r.observe(this, n.default);
 	}
 	#a() {
 		this.#r.dispose();
@@ -79,18 +79,18 @@ var x = ":host{display:inline-block}.base{inline-size:100%;display:inline-block}
 		this.$emit("clear-click");
 	}
 };
-l([o()], S.prototype, "scale", void 0), l([o({
+l([i()], S.prototype, "scale", void 0), l([i({
 	attribute: "readonly",
 	mode: "boolean"
 })], 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: r }) => {
-	let a = e.tagFor(_), o = e.tagFor(b), l = e.tagFor(g);
-	return i`
+	let i = e.tagFor(_), o = e.tagFor(b), l = e.tagFor(g);
+	return a`
 		<div class='base' @keydown='${(e, { event: t }) => e._onBaseKeyDown(t)}'>
 			<${o} id='text-field'
-				${s("_textFieldEl")}
+				${c("_textFieldEl")}
 				class='control'
 				label='${(e) => e.label}'
 				helper-text='${(e) => e.helperText}'
@@ -107,16 +107,16 @@ var C = (e, t, { withSeparator: n, padded: r }) => {
 				<slot
 					slot='${(e) => e._helperTextSlottedContent?.length ? "helper-text" : void 0}'
 					name='helper-text'
-					${c("_helperTextSlottedContent")}
+					${s("_helperTextSlottedContent")}
 				></slot>
 				<slot
 					slot='${(e) => e._contextualHelpSlottedContent?.length ? "contextual-help" : void 0}'
 					name='contextual-help'
-					${c("_contextualHelpSlottedContent")}
+					${s("_contextualHelpSlottedContent")}
 				></slot>
 				<${l}
 					id='picker-button'
-					${s("_pickerButtonEl")}
+					${c("_pickerButtonEl")}
 					slot='action-items'
 					size='condensed'
 					icon='${(e) => e._pickerButtonIcon}'
@@ -126,13 +126,13 @@ var C = (e, t, { withSeparator: n, padded: r }) => {
 					@click='${(e) => e._onPickerButtonClick()}'
 				></${l}>
 			</${o}>
-			<${a}
+			<${i}
 				?open='${(e) => e._popupOpen}'
 				:anchor='${(e) => e._textFieldEl}'
 				offset='${(e) => e._helperTextSlottedContent?.length || e.helperText || e.errorValidationMessage ? 8 : null}'
 				placement='bottom-start'
 				class='popup'>
-				<div class="${() => m("dialog", ["dialog--padded", r])}" role='dialog' ${s("_dialogEl")} aria-modal='true' aria-label='${(e) => e._dialogLabel}'>
+				<div class="${() => m("dialog", ["dialog--padded", r])}" role='dialog' ${c("_dialogEl")} aria-modal='true' aria-label='${(e) => e._dialogLabel}'>
 					${() => t}
 					<div class="${() => m("footer", ["footer--with-separator", n])}">
 						<${l}
@@ -153,7 +153,7 @@ var C = (e, t, { withSeparator: n, padded: r }) => {
 						></${l}>
 					</div>
 				</div>
-			</${a}>
+			</${i}>
 		</div>`;
 };
 //#endregion

package/bundled/platform.cjs

@@ -0,0 +1 @@
+function e(){if(typeof navigator>`u`)return!1;let e=navigator.userAgent.toLowerCase();return e.includes(`mac`)||e.includes(`iphone`)||e.includes(`ipad`)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/bundled/platform.js

@@ -0,0 +1,9 @@
+//#region src/shared/utils/platform.ts
+function e() {
+	/* v8 ignore next 3 -- @preserve */
+	if (typeof navigator > "u") return !1;
+	let e = navigator.userAgent.toLowerCase();
+	return e.includes("mac") || e.includes("iphone") || e.includes("ipad");
+}
+//#endregion
+export { e as t };

package/bundled/ref.cjs

@@ -1 +1 @@
-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}});
+const e=require(`./vivid-element.cjs`);var t=class extends e.S{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}};e.x.define(t);var n=e=>new t(e);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/ref.js

@@ -1,5 +1,5 @@
-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
+import { S as e, x as t } from "./vivid-element.js";
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/templating/ref.js
 var n = class extends e {
 	bind(e) {
 		e.source[this.options] = e.targets[this.targetNodeId];

package/bundled/render-in-light-dom.cjs

@@ -0,0 +1 @@
+const e=require(`./vivid-element.cjs`);var t=[];for(let e=0;e<256;++e)t.push((e+256).toString(16).slice(1));function n(e,n=0){return(t[e[n+0]]+t[e[n+1]]+t[e[n+2]]+t[e[n+3]]+`-`+t[e[n+4]]+t[e[n+5]]+`-`+t[e[n+6]]+t[e[n+7]]+`-`+t[e[n+8]]+t[e[n+9]]+`-`+t[e[n+10]]+t[e[n+11]]+t[e[n+12]]+t[e[n+13]]+t[e[n+14]]+t[e[n+15]]).toLowerCase()}var r,i=new Uint8Array(16);function a(){if(!r){if(typeof crypto>`u`||!crypto.getRandomValues)throw Error(`crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported`);r=crypto.getRandomValues.bind(crypto)}return r(i)}var o={randomUUID:typeof crypto<`u`&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function s(e,t,r){if(o.randomUUID&&!t&&!e)return o.randomUUID();e||={};let i=e.random??e.rng?.()??a();if(i.length<16)throw Error(`Random bytes length must be >= 16`);if(i[6]=i[6]&15|64,i[8]=i[8]&63|128,t){if(r||=0,r<0||r+16>t.length)throw RangeError(`UUID byte range ${r}:${r+15} is out of buffer bounds`);for(let e=0;e<16;++e)t[r+e]=i[e];return t}return n(i)}var c=()=>s(),l=class{constructor(e){this.template=e}createHTML(t){return e.C.comment(t(this))}createBehavior(){return this}bind(e){let t=this.template.create();t.bind(e.source,e.context),t.appendTo(e.source),e.onUnbind({unbind:()=>{t.firstChild.parentNode&&t.lastChild.parentNode?t.dispose():t.unbind()}})}};e.x.define(l);function u(e){return new l(e)}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});

package/bundled/render-in-light-dom.js

@@ -0,0 +1,57 @@
+import { C as e, x as t } from "./vivid-element.js";
+//#region ../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/esm-browser/stringify.js
+var n = [];
+for (let e = 0; e < 256; ++e) n.push((e + 256).toString(16).slice(1));
+function r(e, t = 0) {
+	return (n[e[t + 0]] + n[e[t + 1]] + n[e[t + 2]] + n[e[t + 3]] + "-" + n[e[t + 4]] + n[e[t + 5]] + "-" + n[e[t + 6]] + n[e[t + 7]] + "-" + n[e[t + 8]] + n[e[t + 9]] + "-" + n[e[t + 10]] + n[e[t + 11]] + n[e[t + 12]] + n[e[t + 13]] + n[e[t + 14]] + n[e[t + 15]]).toLowerCase();
+}
+//#endregion
+//#region ../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/esm-browser/rng.js
+var i, a = new Uint8Array(16);
+function o() {
+	if (!i) {
+		if (typeof crypto > "u" || !crypto.getRandomValues) throw Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+		i = crypto.getRandomValues.bind(crypto);
+	}
+	return i(a);
+}
+var s = { randomUUID: typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto) };
+//#endregion
+//#region ../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/esm-browser/v4.js
+function c(e, t, n) {
+	if (s.randomUUID && !t && !e) return s.randomUUID();
+	e ||= {};
+	let i = e.random ?? e.rng?.() ?? o();
+	if (i.length < 16) throw Error("Random bytes length must be >= 16");
+	if (i[6] = i[6] & 15 | 64, i[8] = i[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] = i[e];
+		return t;
+	}
+	return r(i);
+}
+//#endregion
+//#region src/shared/utils/randomId.ts
+var l = () => c(), u = class {
+	constructor(e) {
+		this.template = e;
+	}
+	createHTML(t) {
+		return e.comment(t(this));
+	}
+	createBehavior() {
+		return this;
+	}
+	bind(e) {
+		let t = this.template.create();
+		t.bind(e.source, e.context), t.appendTo(e.source), e.onUnbind({ unbind: () => {
+			t.firstChild.parentNode && t.lastChild.parentNode ? t.dispose() : t.unbind();
+		} });
+	}
+};
+t.define(u);
+function d(e) {
+	return new u(e);
+}
+//#endregion
+export { l as n, d as t };

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.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}});
+const e=require(`./vivid-element.cjs`);var t=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}},n=class{constructor(e){this.sorted=e}},r=Object.freeze({reset:1,splice:2,optimized:3}),i=new t(0,e.F,0);i.reset=!0;var a=[i],o;(function(e){e[e.leave=0]=`leave`,e[e.update=1]=`update`,e[e.add=2]=`add`,e[e.delete=3]=`delete`})(o||={});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(o.add),n--;continue}if(n===0){i.push(o.delete),t--;continue}let a=e[t-1][n-1],s=e[t-1][n],c=e[t][n-1],l;l=s<c?s<a?s:a:c<a?c:a,l===a?(a===r?i.push(o.leave):(i.push(o.update),r=a),t--,n--):l===s?(i.push(o.delete),t--,r=s):(i.push(o.add),n--,r=c)}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(n,r,i,a,d,f){let p=0,m=0,h=Math.min(i-r,f-d);if(r===0&&d===0&&(p=l(n,a,h)),i===n.length&&f===a.length&&(m=u(n,a,h-p)),r+=p,d+=p,i-=m,f-=m,i-r===0&&f-d===0)return e.F;if(r===i){let e=new t(r,[],0);for(;d<f;)e.removed.push(a[d++]);return[e]}else if(d===f)return[new t(r,[],i-r)];let g=c(s(n,r,i,a,d,f)),_=[],v,y=r,b=d;for(let e=0;e<g.length;++e)switch(g[e]){case o.leave:v!==void 0&&(_.push(v),v=void 0),y++,b++;break;case o.update:v===void 0&&(v=new t(y,[],0)),v.addedCount++,y++,v.removed.push(a[b]),b++;break;case o.add:v===void 0&&(v=new t(y,[],0)),v.addedCount++,y++;break;case o.delete:v===void 0&&(v=new t(y,[],0)),v.removed.push(a[b]),b++;break}return v!==void 0&&_.push(v),_}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:r.optimized,normalize(t,n,r){return t===void 0?r===void 0?e.F:m(n,r):a},pop(e,n,r,i){let a=e.length>0,o=r.apply(e,i);return a&&n.addSplice(new t(e.length,[o],0)),o},push(e,n,r,i){let a=r.apply(e,i);return n.addSplice(new t(e.length-i.length,[],i.length).adjustTo(e)),a},reverse(e,t,r,i){let a=r.apply(e,i);e.sorted++;let o=[];for(let t=e.length-1;t>=0;t--)o.push(t);return t.addSort(new n(o)),a},shift(e,n,r,i){let a=e.length>0,o=r.apply(e,i);return a&&n.addSplice(new t(0,[o],0)),o},sort(e,t,r,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=r.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 n(s)),o},splice(e,n,r,i){let a=r.apply(e,i);return n.addSplice(new t(+i[0],a,i.length>2?i.length-2:0).adjustTo(e)),a},unshift(e,n,r,i){let a=r.apply(e,i);return n.addSplice(new t(0,[],i.length).adjustTo(e)),a}});Object.freeze({reset:a,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.N{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.k.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.k.notify(t,`sorted`))}},this.subscribe(t)}return t}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)}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.M.enqueue(this))}},v=!1,y=Object.freeze({sorted:0,enable(){if(v)return;v=!0,e.k.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)}}))}});function b(t){return e.I(t)?e.E(t):t instanceof e.D?t:e.T(()=>t)}var x=Object.freeze({positioning:!1,recycle:!0});function S(e,t,n,r){e.context.parent=r.source,e.context.parentContext=r.context,e.bind(t[n])}function C(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 w(e){return e.nodeType===Node.COMMENT_NODE}var T=class extends Error{constructor(e,t){super(e),this.propertyBag=t}},E=class{constructor(e){this.directive=e,this.items=null,this.itemsObserver=null,this.bindView=S,this.views=[],this.itemsBindingObserver=e.dataBinding.createObserver(this,e),this.templateBindingObserver=e.templateBinding.createObserver(this,e),e.options.positioning&&(this.bindView=C)}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.v.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.F;return}let n=this.itemsObserver,r=this.itemsObserver=e.k.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._.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 T(`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 T(`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(!w(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(w(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.`)}}},D=class{createHTML(t){return e.C.comment(t(this))}constructor(e,t,n){this.dataBinding=e,this.templateBinding=t,this.options=n,y.enable()}createBehavior(){return new E(this)}};e.x.define(D);function O(e,t,n=x){return new D(b(e),b(t),Object.assign(Object.assign({},x),n))}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return D}});