@vonage/vivid 5.15.1 → 5.17.0

package/bundled/picker-field.template.cjs

@@ -1,7 +1,7 @@
-"use strict";const _=require("./index.cjs"),f=require("./mixins.cjs"),$=require("./form-associated.cjs"),n=require("./vivid-element.cjs"),v=require("./trapped-focus.cjs"),x=require("./with-contextual-help.cjs"),g=require("./with-error-text.cjs"),m=require("./form-element.cjs"),k=require("./localized.cjs"),C=require("./definition9.cjs"),y=require("./definition10.cjs"),F=require("./definition3.cjs"),p=require("./ref.cjs"),h=require("./slotted.cjs"),b=require("./class-names.cjs"),O=":host{display:inline-block}.base{display:inline-block;inline-size:100%}.control{inline-size:100%}.dialog{display:inline-flex;flex-direction:column}.dialog--padded{padding:12px;gap:12px}.dialog .footer{display:flex;align-items:center;justify-content:flex-end;padding:8px;gap:8px}.dialog .footer--with-separator{border-top:1px solid var(--vvd-color-neutral-200)}";var E=Object.defineProperty,u=(s,t,o,d)=>{for(var i=void 0,a=s.length-1,l;a>=0;a--)(l=s[a])&&(i=l(t,o,i)||i);return i&&E(t,o,i),i};class r extends x.WithContextualHelp(f.WithFeedback(g.WithErrorText(m.FormElement(v.TrappedFocus(k.Localized($.FormAssociated(n.VividElement))))))){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.#o={handleChange:()=>{this._updatePresentationValue()}},this._popupOpen=!1,this.#l=t=>{if(!this._popupOpen)return;const o=t.composedPath();[this._dialogEl,this._pickerButtonEl].some(i=>o.includes(i))||this._closePopup(!1)},this._presentationValue="",this.value=""}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly,this.validate())}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.#l),this.addEventListener("focusin",this.#e),this.addEventListener("focusout",this.#t),this.#s()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.#l),this.removeEventListener("focusin",this.#e),this.removeEventListener("focusout",this.#t),this.#n()}#e;#t;validate(){this.proxy&&this.proxy.setCustomValidity(this._getCustomValidationError()??""),super.validate(this._textFieldEl?.querySelector("input")??void 0)}#o;#i;#s(){this.#i=n.Observable.binding(()=>this.locale,this.#o),this.#i.observe(this,n.ExecutionContext.default)}#n(){this.#i.dispose()}#l;#a(){this.readOnly||(this._popupOpen=!0)}_closePopup(t=!0){this._popupOpen=!1,t&&this._textFieldEl.focus()}_onBaseKeyDown(t){return this._popupOpen&&_.handleEscapeKeyAndStopPropogation(t)?(this._closePopup(),!1):!this._trappedFocus(t,()=>this._focusableElsWithinDialog())}_presentationValueChanged(){this.dirtyValue=!0,this.validate()}_onTextFieldInput(t){const o=t.currentTarget;this._presentationValue=o.value}_onPickerButtonClick(){this._popupOpen?this._closePopup():this.#a()}_onOkClick(){this._closePopup()}_onClearClick(){this.$emit("clear-click")}}u([n.attr({attribute:"readonly",mode:"boolean"})],r.prototype,"readOnly");u([n.observable],r.prototype,"_popupOpen");u([n.observable],r.prototype,"_presentationValue");const T=(s,t,{withSeparator:o,padded:d})=>{const i=s.tagFor(C.Popup),a=s.tagFor(y.TextField),l=s.tagFor(F.Button);return n.html`
-		<div class='base' @keydown='${(e,{event:c})=>e._onBaseKeyDown(c)}'>
-			<${a} id='text-field'
-				${p.ref("_textFieldEl")}
+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`
+		<div class='base' @keydown='${(e,{event:t})=>e._onBaseKeyDown(t)}'>
+			<${c} id='text-field'
+				${n.t(`_textFieldEl`)}
 				class='control'
 				label='${e=>e.label}'
 				helper-text='${e=>e.helperText}'
@@ -11,22 +11,22 @@
 				current-value='${e=>e._presentationValue}'
 				?disabled='${e=>e.disabled}'
 				?readonly='${e=>e.readOnly}'
-				@input='${(e,c)=>e._onTextFieldInput(c.event)}'
+				@input='${(e,t)=>e._onTextFieldInput(t.event)}'
 				@change='${e=>e._onTextFieldChange()}'
 			>
 				<slot
-					slot='${e=>e._helperTextSlottedContent?.length?"helper-text":void 0}'
+					slot='${e=>e._helperTextSlottedContent?.length?`helper-text`:void 0}'
 					name='helper-text'
-					${h.slotted("_helperTextSlottedContent")}
+					${r.t(`_helperTextSlottedContent`)}
 				></slot>
 				<slot
-					slot='${e=>e._contextualHelpSlottedContent?.length?"contextual-help":void 0}'
+					slot='${e=>e._contextualHelpSlottedContent?.length?`contextual-help`:void 0}'
 					name='contextual-help'
-					${h.slotted("_contextualHelpSlottedContent")}
+					${r.t(`_contextualHelpSlottedContent`)}
 				></slot>
-				<${l}
+				<${u}
 					id='picker-button'
-					${p.ref("_pickerButtonEl")}
+					${n.t(`_pickerButtonEl`)}
 					slot='action-items'
 					size='condensed'
 					icon='${e=>e._pickerButtonIcon}'
@@ -34,34 +34,34 @@
 					?disabled='${e=>e.disabled||e.readOnly}'
 					aria-label='${e=>e._pickerButtonLabel}'
 					@click='${e=>e._onPickerButtonClick()}'
-				></${l}>
-			</${a}>
-			<${i}
+				></${u}>
+			</${c}>
+			<${s}
 				?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="${()=>b.classNames("dialog",["dialog--padded",d])}" role='dialog' ${p.ref("_dialogEl")} aria-modal='true' aria-label='${e=>e._dialogLabel}'>
-					${()=>t}
-					<div class="${()=>b.classNames("footer",["footer--with-separator",o])}">
-						<${l}
+				<div class="${()=>l.t(`dialog`,[`dialog--padded`,o])}" role='dialog' ${n.t(`_dialogEl`)} aria-modal='true' aria-label='${e=>e._dialogLabel}'>
+					${()=>i}
+					<div class="${()=>l.t(`footer`,[`footer--with-separator`,a])}">
+						<${u}
 							id='clear-button'
 							tabindex='3'
 							class='vwc-button'
 							size='condensed'
 							label='${e=>e.locale.pickerField.clearLabel}'
 							@click='${e=>e._onClearClick()}'
-						></${l}>
-						<${l}
+						></${u}>
+						<${u}
 							tabindex='3'
 							class='vwc-button'
 							size='condensed'
 							appearance='filled'
 							label='${e=>e.locale.pickerField.okLabel}'
 							@click='${e=>e._onOkClick()}'
-						></${l}>
+						></${u}>
 					</div>
 				</div>
-			</${i}>
-		</div>`};exports.PickerField=r;exports.PickerFieldTemplate=T;exports.pickerFieldStyles=O;
+			</${s}>
+		</div>`};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});

package/bundled/picker-field.template.js

@@ -1,150 +1,95 @@
-import { h as f } from "./index.js";
-import { W as _ } from "./mixins.js";
-import { F as b } from "./form-associated.js";
-import { V as $, O as g, E as v, a as x, o as m, h as k } from "./vivid-element.js";
-import { T as C } from "./trapped-focus.js";
-import { W as y } from "./with-contextual-help.js";
-import { W as F } from "./with-error-text.js";
-import { F as O } from "./form-element.js";
-import { L as E } from "./localized.js";
-import { P as T } from "./definition9.js";
-import { T as P } from "./definition10.js";
-import { B as L } from "./definition3.js";
-import { r as p } from "./ref.js";
-import { s as u } from "./slotted.js";
-import { c as h } from "./class-names.js";
-const J = ":host{display:inline-block}.base{display:inline-block;inline-size:100%}.control{inline-size:100%}.dialog{display:inline-flex;flex-direction:column}.dialog--padded{padding:12px;gap:12px}.dialog .footer{display:flex;align-items:center;justify-content:flex-end;padding:8px;gap:8px}.dialog .footer--with-separator{border-top:1px solid var(--vvd-color-neutral-200)}";
-var V = Object.defineProperty, d = (s, t, l, n) => {
-  for (var o = void 0, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (o = i(t, l, o) || o);
-  return o && V(t, l, o), o;
+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 { t as s } from "./ref.js";
+import { t as c } from "./slotted.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";
+import { t as f } from "./with-contextual-help.js";
+import { t as p } from "./trapped-focus.js";
+import { t as m } from "./class-names.js";
+import { n as h } from "./form-associated.js";
+import { i as g } from "./definition6.js";
+import { i as _ } from "./definition8.js";
+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))))))) {
+	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 = o.binding(() => this.locale, this.#n), this.#r.observe(this, t.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() {
+		/* v8 ignore else -- @preserve */
+		this.readOnly || (this._popupOpen = !0);
+	}
+	_closePopup(e = !0) {
+		this._popupOpen = !1, e && this._textFieldEl.focus();
+	}
+	_onBaseKeyDown(e) {
+		return this._popupOpen && v(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");
+	}
 };
-class c extends y(
-  _(
-    F(
-      O(C(E(b($))))
-    )
-  )
-) {
-  // --- Core ---
-  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.#l = {
-      handleChange: () => {
-        this._updatePresentationValue();
-      }
-    }, this._popupOpen = !1, this.#i = (t) => {
-      if (!this._popupOpen)
-        return;
-      const l = t.composedPath();
-      [this._dialogEl, this._pickerButtonEl].some((o) => l.includes(o)) || this._closePopup(!1);
-    }, this._presentationValue = "", this.value = "";
-  }
-  /**
-   * @internal
-   */
-  readOnlyChanged() {
-    this.proxy instanceof HTMLInputElement && (this.proxy.readOnly = this.readOnly, this.validate());
-  }
-  /**
-   * @internal
-   */
-  connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this.#i), this.addEventListener("focusin", this.#e), this.addEventListener("focusout", this.#t), this.#s();
-  }
-  /**
-   * @internal
-   */
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this.#i), this.removeEventListener("focusin", this.#e), this.removeEventListener("focusout", this.#t), this.#a();
-  }
-  #e;
-  #t;
-  /**
-   * @internal
-   */
-  validate() {
-    this.proxy && this.proxy.setCustomValidity(this._getCustomValidationError() ?? ""), super.validate(this._textFieldEl?.querySelector("input") ?? void 0);
-  }
-  #l;
-  #o;
-  #s() {
-    this.#o = g.binding(
-      () => this.locale,
-      this.#l
-    ), this.#o.observe(this, v.default);
-  }
-  #a() {
-    this.#o.dispose();
-  }
-  #i;
-  #n() {
-    this.readOnly || (this._popupOpen = !0);
-  }
-  /**
-   * @internal
-   */
-  _closePopup(t = !0) {
-    this._popupOpen = !1, t && this._textFieldEl.focus();
-  }
-  /**
-   * On keydown anywhere in the picker.
-   * @internal
-   */
-  _onBaseKeyDown(t) {
-    return this._popupOpen && f(t) ? (this._closePopup(), !1) : !this._trappedFocus(t, () => this._focusableElsWithinDialog());
-  }
-  /**
-   * @internal
-   */
-  _presentationValueChanged() {
-    this.dirtyValue = !0, this.validate();
-  }
-  /**
-   * @internal
-   */
-  _onTextFieldInput(t) {
-    const l = t.currentTarget;
-    this._presentationValue = l.value;
-  }
-  /**
-   * @internal
-   */
-  _onPickerButtonClick() {
-    this._popupOpen ? this._closePopup() : this.#n();
-  }
-  // --- Dialog footer ---
-  /**
-   * @internal
-   */
-  _onOkClick() {
-    this._closePopup();
-  }
-  /**
-   * @internal
-   */
-  _onClearClick() {
-    this.$emit("clear-click");
-  }
-}
-d([
-  x({ attribute: "readonly", mode: "boolean" })
-], c.prototype, "readOnly");
-d([
-  m
-], c.prototype, "_popupOpen");
-d([
-  m
-], c.prototype, "_presentationValue");
-const Q = (s, t, { withSeparator: l, padded: n }) => {
-  const o = s.tagFor(T), a = s.tagFor(P), i = s.tagFor(L);
-  return k`
-		<div class='base' @keydown='${(e, { event: r }) => e._onBaseKeyDown(r)}'>
-			<${a} id='text-field'
-				${p("_textFieldEl")}
+l([i({
+	attribute: "readonly",
+	mode: "boolean"
+})], S.prototype, "readOnly", void 0), l([n], S.prototype, "_popupOpen", void 0), l([n], S.prototype, "_presentationValue", void 0);
+//#endregion
+//#region src/shared/picker-field/picker-field.template.ts
+var C = (e, t, { withSeparator: n, padded: i }) => {
+	let a = e.tagFor(_), o = e.tagFor(b), l = e.tagFor(g);
+	return r`
+		<div class='base' @keydown='${(e, { event: t }) => e._onBaseKeyDown(t)}'>
+			<${o} id='text-field'
+				${s("_textFieldEl")}
 				class='control'
 				label='${(e) => e.label}'
 				helper-text='${(e) => e.helperText}'
@@ -154,22 +99,22 @@ const Q = (s, t, { withSeparator: l, padded: n }) => {
 				current-value='${(e) => e._presentationValue}'
 				?disabled='${(e) => e.disabled}'
 				?readonly='${(e) => e.readOnly}'
-				@input='${(e, r) => e._onTextFieldInput(r.event)}'
+				@input='${(e, t) => e._onTextFieldInput(t.event)}'
 				@change='${(e) => e._onTextFieldChange()}'
 			>
 				<slot
 					slot='${(e) => e._helperTextSlottedContent?.length ? "helper-text" : void 0}'
 					name='helper-text'
-					${u("_helperTextSlottedContent")}
+					${c("_helperTextSlottedContent")}
 				></slot>
 				<slot
 					slot='${(e) => e._contextualHelpSlottedContent?.length ? "contextual-help" : void 0}'
 					name='contextual-help'
-					${u("_contextualHelpSlottedContent")}
+					${c("_contextualHelpSlottedContent")}
 				></slot>
-				<${i}
+				<${l}
 					id='picker-button'
-					${p("_pickerButtonEl")}
+					${s("_pickerButtonEl")}
 					slot='action-items'
 					size='condensed'
 					icon='${(e) => e._pickerButtonIcon}'
@@ -177,45 +122,37 @@ const Q = (s, t, { withSeparator: l, padded: n }) => {
 					?disabled='${(e) => e.disabled || e.readOnly}'
 					aria-label='${(e) => e._pickerButtonLabel}'
 					@click='${(e) => e._onPickerButtonClick()}'
-				></${i}>
-			</${a}>
-			<${o}
+				></${l}>
+			</${o}>
+			<${a}
 				?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="${() => h("dialog", [
-    "dialog--padded",
-    n
-  ])}" role='dialog' ${p(
-    "_dialogEl"
-  )} aria-modal='true' aria-label='${(e) => e._dialogLabel}'>
+				<div class="${() => m("dialog", ["dialog--padded", i])}" role='dialog' ${s("_dialogEl")} aria-modal='true' aria-label='${(e) => e._dialogLabel}'>
 					${() => t}
-					<div class="${() => h("footer", ["footer--with-separator", l])}">
-						<${i}
+					<div class="${() => m("footer", ["footer--with-separator", n])}">
+						<${l}
 							id='clear-button'
 							tabindex='3'
 							class='vwc-button'
 							size='condensed'
 							label='${(e) => e.locale.pickerField.clearLabel}'
 							@click='${(e) => e._onClearClick()}'
-						></${i}>
-						<${i}
+						></${l}>
+						<${l}
 							tabindex='3'
 							class='vwc-button'
 							size='condensed'
 							appearance='filled'
 							label='${(e) => e.locale.pickerField.okLabel}'
 							@click='${(e) => e._onOkClick()}'
-						></${i}>
+						></${l}>
 					</div>
 				</div>
-			</${o}>
+			</${a}>
 		</div>`;
 };
-export {
-  c as P,
-  Q as a,
-  J as p
-};
+//#endregion
+export { S as n, x as r, C as t };

package/bundled/playbackRates.cjs

@@ -1 +1 @@
-"use strict";function e(r){if(r==="")return[];const t=[];return r.split(",").forEach(s=>{const a=Number(s);isNaN(a)||t.push(a)}),t}exports.getPlaybackRatesArray=e;
+function e(e){if(e===``)return[];let t=[];return e.split(`,`).forEach(e=>{let n=Number(e);isNaN(n)||t.push(n)}),t}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/bundled/playbackRates.js

@@ -1,11 +1,11 @@
-function a(r) {
-  if (r === "") return [];
-  const t = [];
-  return r.split(",").forEach((s) => {
-    const n = Number(s);
-    isNaN(n) || t.push(n);
-  }), t;
+//#region src/shared/utils/playbackRates.ts
+function e(e) {
+	if (e === "") return [];
+	let t = [];
+	return e.split(",").forEach((e) => {
+		let n = Number(e);
+		isNaN(n) || t.push(n);
+	}), t;
 }
-export {
-  a as g
-};
+//#endregion
+export { e as t };

package/bundled/ref.cjs

@@ -1 +1 @@
-"use strict";const i=require("./vivid-element.cjs");class s extends i.StatelessAttachedAttributeDirective{bind(t){t.source[this.options]=t.targets[this.targetNodeId]}}i.HTMLDirective.define(s);const r=e=>new s(e);exports.ref=r;
+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}});

package/bundled/ref.js

@@ -1,15 +1,11 @@
-import { S as i, H as r } from "./vivid-element.js";
-class s extends i {
-  /**
-   * Bind this behavior.
-   * @param controller - The view controller that manages the lifecycle of this behavior.
-   */
-  bind(t) {
-    t.source[this.options] = t.targets[this.targetNodeId];
-  }
-}
-r.define(s);
-const c = (e) => new s(e);
-export {
-  c as r
+import { h as e, m 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) {
+		e.source[this.options] = e.targets[this.targetNodeId];
+	}
 };
+t.define(n);
+var r = (e) => new n(e);
+//#endregion
+export { r as t };

package/bundled/repeat.cjs

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