@vonage/vivid 5.2.0 → 5.4.0

package/bundled/mixins.js

@@ -1,102 +1,108 @@
-import { d as k, h as d, V as _, a as y, H as $, D as F, O as f, o as x } from "./vivid-element.js";
-import { i as I, I as D } from "./definition2.js";
-import { v as w } from "./definition12.js";
-import { c as C } from "./class-names.js";
-import { w as u } from "./when.js";
-import { L as S } from "./localized.js";
-import { s as T } from "./slotted.js";
-const H = ":host{display:contents}.message{display:flex;contain:inline-size;font:var(--vvd-typography-base-condensed);gap:4px;grid-column:1/-1}.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}";
-var B = Object.defineProperty, U = (e, t, s, o) => {
-  for (var n = void 0, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (n = a(t, s, n) || n);
-  return n && B(t, s, n), n;
+import { n as k } from "./normalize.js";
+import { d as _, h as d, V as $, a as y, M as F, H as I, o as f } from "./vivid-element.js";
+import { i as w, I as D } from "./definition2.js";
+import { v as C } from "./definition13.js";
+import { w as m } from "./when.js";
+import { c as B } from "./class-names.js";
+import { L as H } from "./localized.js";
+import { s as x } from "./slotted.js";
+const S = ":host{display:contents}.message{display:flex;contain:inline-size;font:var(--vvd-typography-base-condensed);gap:4px;grid-column:1/-1}.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}";
+var M = Object.defineProperty, O = (t, e, o, s) => {
+  for (var n = void 0, r = t.length - 1, a; r >= 0; r--)
+    (a = t[r]) && (n = a(e, o, n) || n);
+  return n && M(e, o, n), n;
 };
-class l extends S(_) {
+class l extends H($) {
   constructor() {
     super(...arguments), this.type = "none";
   }
 }
-U([
+O([
   y
 ], l.prototype, "type");
-function m(e, t, s) {
-  const o = e.tagFor(D);
-  return d`<${o} class="icon" name="${t}" label="${(n) => n.locale.feedbackMessage[s]}"></${o}>`;
+function u(t, e, o) {
+  const s = t.tagFor(D);
+  return d`<${s} class="icon" name="${e}" label="${(n) => n.locale.feedbackMessage[o]}"></${s}>`;
 }
-function V(e) {
-  const t = {
+function U(t) {
+  const e = {
     none: "",
     helper: "",
-    error: m(e, "info-line", "errorIconText"),
-    success: m(e, "check-circle-line", "successIconText")
+    error: u(t, "info-line", "errorIconText"),
+    success: u(t, "check-circle-line", "successIconText")
   };
-  return d`${(s) => t[s.type]}`;
+  return d`${(o) => e[o.type]}`;
 }
-const g = (e) => e === "error", M = (e) => {
-  const t = d`<div
-		class="${(s) => C("message", `${s.type}-message`)}"
+const g = (t) => t === "error", L = (t) => {
+  const e = d`<div
+		class="${(o) => B("message", `${o.type}-message`)}"
 	>
-		${V(e)}<slot></slot>
+		${U(t)}<slot></slot>
 	</div>`;
-  return d`${u((s) => !g(s.type), t)}
+  return d`${m((o) => !g(o.type), e)}
 		<span class="announcement" role="status" aria-live="polite">
-			${u((s) => g(s.type), t)}
+			${m((o) => g(o.type), e)}
 		</span>`;
-}, Z = k(
+}, ee = _(
   "feedback-message",
   l,
-  M,
-  [I, w],
+  L,
+  [w, C],
   {
-    styles: H
+    styles: S
   }
 );
 class P {
-  constructor(t, s) {
-    this.source = null, this.templateBindingObserver = f.binding(
-      t,
+  constructor(e) {
+    this.source = null, this.templateBindingObserver = e.templateBinding.createObserver(
       this,
-      s
+      e
     );
   }
-  bind(t, s) {
-    this.source = t, this.context = s, this.insertionPoint || (this.insertionPoint = document.createComment(""), t.appendChild(this.insertionPoint)), this.handleChange();
-  }
-  unbind() {
-    this.source = null, this.view.unbind(), this.templateBindingObserver.disconnect();
+  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);
   }
+  // unbind(): void {
+  // 	this.source = null;
+  // 	if (this.view) {
+  // 		this.view.unbind();
+  // 	}
+  // 	// The observer will be automatically cleaned up when the behavior is destroyed
+  // }
   /**
    * Handles change of the template itself.
    */
-  handleChange() {
-    this.instantiateTemplate(
-      this.templateBindingObserver.observe(this.source, this.context)
-    );
+  handleChange(e, o) {
+    if (o === this.templateBindingObserver) {
+      const s = this.templateBindingObserver.bind(this.controller);
+      this.instantiateTemplate(s);
+    }
   }
-  instantiateTemplate(t) {
-    this.view && this.view.dispose(), this.view = t.create(), this.view.bind(this.source, this.context), this.view.insertBefore(this.insertionPoint);
+  instantiateTemplate(e) {
+    this.view && this.view.dispose(), this.view = e.create(), this.view.bind(this.source, this.context), this.view.insertBefore(this.insertionPoint);
   }
 }
-class L extends $ {
-  constructor(t) {
-    super(), this.templateBinding = t, this.createPlaceholder = F.createBlockPlaceholder, this.isTemplateBindingVolatile = f.isVolatileBinding(t);
+class T {
+  constructor(e) {
+    this.targetNodeId = "", this.templateBinding = e, this.dataBinding = e;
+  }
+  createHTML(e) {
+    return F.comment(e(this));
   }
   createBehavior() {
-    return new P(
-      this.templateBinding,
-      this.isTemplateBindingVolatile
-    );
+    return new P(this);
   }
 }
-function O(e) {
-  const t = typeof e == "function" ? e : () => e;
-  return new L(t);
+I.define(T);
+function R(t) {
+  const e = k(t);
+  return new T(e);
 }
 const i = [];
-for (let e = 0; e < 256; ++e)
-  i.push((e + 256).toString(16).slice(1));
-function R(e, t = 0) {
-  return (i[e[t + 0]] + i[e[t + 1]] + i[e[t + 2]] + i[e[t + 3]] + "-" + i[e[t + 4]] + i[e[t + 5]] + "-" + i[e[t + 6]] + i[e[t + 7]] + "-" + i[e[t + 8]] + i[e[t + 9]] + "-" + i[e[t + 10]] + i[e[t + 11]] + i[e[t + 12]] + i[e[t + 13]] + i[e[t + 14]] + i[e[t + 15]]).toLowerCase();
+for (let t = 0; t < 256; ++t)
+  i.push((t + 256).toString(16).slice(1));
+function V(t, e = 0) {
+  return (i[t[e + 0]] + i[t[e + 1]] + i[t[e + 2]] + i[t[e + 3]] + "-" + i[t[e + 4]] + i[t[e + 5]] + "-" + i[t[e + 6]] + i[t[e + 7]] + "-" + i[t[e + 8]] + i[t[e + 9]] + "-" + i[t[e + 10]] + i[t[e + 11]] + i[t[e + 12]] + i[t[e + 13]] + i[t[e + 14]] + i[t[e + 15]]).toLowerCase();
 }
 let p;
 const E = new Uint8Array(16);
@@ -109,23 +115,23 @@ function W() {
   return p(E);
 }
 const j = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), b = { randomUUID: j };
-function z(e, t, s) {
-  if (b.randomUUID && !e)
+function z(t, e, o) {
+  if (b.randomUUID && !t)
     return b.randomUUID();
-  e = e || {};
-  const o = e.random ?? e.rng?.() ?? W();
-  if (o.length < 16)
+  t = t || {};
+  const s = t.random ?? t.rng?.() ?? W();
+  if (s.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, R(o);
+  return s[6] = s[6] & 15 | 64, s[8] = s[8] & 63 | 128, V(s);
 }
 const v = () => z();
-var A = Object.defineProperty, h = (e, t, s, o) => {
-  for (var n = void 0, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (n = a(t, s, n) || n);
-  return n && A(t, s, n), n;
+var A = Object.defineProperty, h = (t, e, o, s) => {
+  for (var n = void 0, r = t.length - 1, a; r >= 0; r--)
+    (a = t[r]) && (n = a(e, o, n) || n);
+  return n && A(e, o, n), n;
 };
-const N = (e) => {
-  class t extends e {
+const N = (t) => {
+  class e extends t {
     /**
      * Ids of the feedback content that the control should use for aria-describedby.
      *
@@ -138,8 +144,8 @@ const N = (e) => {
      * @internal
      */
     _internalFeedback() {
-      const o = this._helperTextSlottedContent?.length ? "" : this.helperText, n = this.errorValidationMessage, r = this.successText;
-      return r ? { type: "success", message: r } : n ? { type: "error", message: n } : o ? { type: "helper", message: o } : { type: "none", message: "" };
+      const s = this._helperTextSlottedContent?.length ? "" : this.helperText, n = this.errorValidationMessage, r = this.successText;
+      return r ? { type: "success", message: r } : n ? { type: "error", message: n } : s ? { type: "helper", message: s } : { type: "none", message: "" };
     }
     /**
      * @internal
@@ -150,8 +156,8 @@ const N = (e) => {
     /**
      * @internal
      */
-    _getFeedbackTemplate(o) {
-      const n = o.tagFor(l);
+    _getFeedbackTemplate(s) {
+      const n = s.tagFor(l);
       return d`
 				<${n} id="feedback" :type="${(r) => r._internalFeedback().type}">
 					${(r) => r._internalFeedback().message}
@@ -160,28 +166,28 @@ const N = (e) => {
 					id="slotted-helper-text-feedback"
 					:type="${(r) => r._slottedHelperTextFeedbackType()}"
 				>
-					<slot name="helper-text" ${T("_helperTextSlottedContent")}></slot>
+					<slot name="helper-text" ${x("_helperTextSlottedContent")}></slot>
 				</${n}>
 			`;
     }
   }
   return h([
     y({ attribute: "helper-text" })
-  ], t.prototype, "helperText"), h([
-    x
-  ], t.prototype, "_helperTextSlottedContent"), t;
-}, ee = (e) => {
-  const t = () => `vvd-feedback-${v()}`, s = () => `vvd-slotted-feedback-${v()}`;
-  class o extends N(e) {
+  ], e.prototype, "helperText"), h([
+    f
+  ], e.prototype, "_helperTextSlottedContent"), e;
+}, te = (t) => {
+  const e = () => `vvd-feedback-${v()}`, o = () => `vvd-slotted-feedback-${v()}`;
+  class s extends N(t) {
     constructor() {
-      super(...arguments), this._slottedHelperTextIds = [], this._feedbackId = t();
+      super(...arguments), this._slottedHelperTextIds = [], this._feedbackId = e();
     }
     /**
      * @internal
      */
     _helperTextSlottedContentChanged(r, a) {
       for (const c of a)
-        c.id || (c.id = s());
+        c.id || (c.id = o());
       this._slottedHelperTextIds = a.map((c) => c.id);
     }
     /**
@@ -197,7 +203,7 @@ const N = (e) => {
       const a = r.tagFor(l);
       return d`
 				<slot name="_feedback"></slot>
-				${O(d`<${a}
+				${R(d`<${a}
 					slot="_feedback"
 					id="${(c) => c._feedbackId}"
 					:type="${(c) => c._internalFeedback().type}"
@@ -207,20 +213,20 @@ const N = (e) => {
 				<${a} :type="${(c) => c._slottedHelperTextFeedbackType()}">
 					<slot
 						name="helper-text"
-						${T("_helperTextSlottedContent")}
+						${x("_helperTextSlottedContent")}
 					></slot>
 				</${a}>
 			`;
     }
   }
   return h([
-    x
-  ], o.prototype, "_slottedHelperTextIds"), o;
+    f
+  ], s.prototype, "_slottedHelperTextIds"), s;
 };
 export {
   N as W,
-  ee as a,
-  Z as f,
+  te as a,
+  ee as f,
   v as g,
-  O as r
+  R as r
 };

package/bundled/normalize.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./vivid-element.cjs");function e(n){return i.isFunction(n)?i.oneWay(n):n instanceof i.Binding?n:i.oneTime(()=>n)}exports.normalizeBinding=e;

package/bundled/normalize.js

@@ -0,0 +1,7 @@
+import { g as i, u as o, f as s, B as r } from "./vivid-element.js";
+function a(n) {
+  return s(n) ? i(n) : n instanceof r ? n : o(() => n);
+}
+export {
+  a as n
+};

package/bundled/picker-field.template.cjs

@@ -1,4 +1,4 @@
-"use strict";const _=require("./index.cjs"),v=require("./mixins.cjs"),g=require("./form-associated.cjs"),r=require("./vivid-element.cjs"),$=require("./with-contextual-help.cjs"),x=require("./with-error-text.cjs"),m=require("./form-element.cjs"),k=require("./localized.cjs"),F=require("./definition9.cjs"),E=require("./definition13.cjs"),y=require("./definition3.cjs"),p=require("./ref.cjs"),h=require("./slotted.cjs"),f=require("./class-names.cjs"),b=new WeakSet,C=l=>{b.add(l)},O=l=>{class t extends l{_trappedFocus(a,i){if(!b.has(a)&&a.key==="Tab"){const s=i(),o=s[0],e=s[s.length-1];if(a.shiftKey){if(this.shadowRoot.activeElement===o)return e.focus(),!0}else if(this.shadowRoot.activeElement===e)return o.focus(),!0}return!1}}return t},T=":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 P=Object.defineProperty,u=(l,t,n,a)=>{for(var i=void 0,s=l.length-1,o;s>=0;s--)(o=l[s])&&(i=o(t,n,i)||i);return i&&P(t,n,i),i};class c extends $.WithContextualHelp(v.WithFeedback(x.WithErrorText(m.FormElement(O(k.Localized(g.FormAssociated(r.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.#l={handleChange:()=>{this._updatePresentationValue()}},this._popupOpen=!1,this.#o=t=>{if(!this._popupOpen)return;const n=t.composedPath();[this._dialogEl,this._pickerButtonEl].some(i=>n.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.#o),this.addEventListener("focusin",this.#e),this.addEventListener("focusout",this.#t),this.#s()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.#o),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)}#l;#i;#s(){this.#i=r.Observable.binding(()=>this.locale,this.#l),this.#i.observe(this,r.defaultExecutionContext)}#n(){this.#i.disconnect()}#o;#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 n=t.currentTarget;this._presentationValue=n.value}_onPickerButtonClick(){this._popupOpen?this._closePopup():this.#a()}_onOkClick(){this._closePopup()}_onClearClick(){this.$emit("clear-click")}}u([r.attr({attribute:"readonly",mode:"boolean"})],c.prototype,"readOnly");u([r.observable],c.prototype,"_popupOpen");u([r.observable],c.prototype,"_presentationValue");const q=(l,t,{withSeparator:n,padded:a})=>{const i=l.tagFor(F.Popup),s=l.tagFor(E.TextField),o=l.tagFor(y.Button);return r.html`
+"use strict";const _=require("./index.cjs"),v=require("./mixins.cjs"),g=require("./form-associated.cjs"),r=require("./vivid-element.cjs"),$=require("./with-contextual-help.cjs"),x=require("./with-error-text.cjs"),m=require("./form-element.cjs"),k=require("./localized.cjs"),F=require("./definition9.cjs"),E=require("./definition10.cjs"),y=require("./definition3.cjs"),p=require("./ref.cjs"),h=require("./slotted.cjs"),f=require("./class-names.cjs"),b=new WeakSet,C=l=>{b.add(l)},O=l=>{class t extends l{_trappedFocus(a,i){if(!b.has(a)&&a.key==="Tab"){const s=i(),o=s[0],e=s[s.length-1];if(a.shiftKey){if(this.shadowRoot.activeElement===o)return e.focus(),!0}else if(this.shadowRoot.activeElement===e)return o.focus(),!0}return!1}}return t},T=":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 P=Object.defineProperty,u=(l,t,n,a)=>{for(var i=void 0,s=l.length-1,o;s>=0;s--)(o=l[s])&&(i=o(t,n,i)||i);return i&&P(t,n,i),i};class c extends $.WithContextualHelp(v.WithFeedback(x.WithErrorText(m.FormElement(O(k.Localized(g.FormAssociated(r.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.#l={handleChange:()=>{this._updatePresentationValue()}},this._popupOpen=!1,this.#o=t=>{if(!this._popupOpen)return;const n=t.composedPath();[this._dialogEl,this._pickerButtonEl].some(i=>n.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.#o),this.addEventListener("focusin",this.#e),this.addEventListener("focusout",this.#t),this.#s()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.#o),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)}#l;#i;#s(){this.#i=r.Observable.binding(()=>this.locale,this.#l),this.#i.observe(this,r.ExecutionContext.default)}#n(){this.#i.dispose()}#o;#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 n=t.currentTarget;this._presentationValue=n.value}_onPickerButtonClick(){this._popupOpen?this._closePopup():this.#a()}_onOkClick(){this._closePopup()}_onClearClick(){this.$emit("clear-click")}}u([r.attr({attribute:"readonly",mode:"boolean"})],c.prototype,"readOnly");u([r.observable],c.prototype,"_popupOpen");u([r.observable],c.prototype,"_presentationValue");const q=(l,t,{withSeparator:n,padded:a})=>{const i=l.tagFor(F.Popup),s=l.tagFor(E.TextField),o=l.tagFor(y.Button);return r.html`
 		<div class='base' @keydown='${(e,{event:d})=>e._onBaseKeyDown(d)}'>
 			<${s} id='text-field'
 				${p.ref("_textFieldEl")}

package/bundled/picker-field.template.js

@@ -1,13 +1,13 @@
 import { h as b } from "./index.js";
 import { W as _ } from "./mixins.js";
 import { F as g } from "./form-associated.js";
-import { V as v, O as $, b as x, a as k, o as f, h as F } from "./vivid-element.js";
+import { V as v, O as $, E as x, a as k, o as f, h as F } from "./vivid-element.js";
 import { W as y } from "./with-contextual-help.js";
 import { W as C } from "./with-error-text.js";
 import { F as E } from "./form-element.js";
 import { L as O } from "./localized.js";
 import { P as T } from "./definition9.js";
-import { T as P } from "./definition13.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";
@@ -95,10 +95,10 @@ class c extends y(
     this.#o = $.binding(
       () => this.locale,
       this.#s
-    ), this.#o.observe(this, x);
+    ), this.#o.observe(this, x.default);
   }
   #a() {
-    this.#o.disconnect();
+    this.#o.dispose();
   }
   #i;
   #n() {

package/bundled/ref.cjs

@@ -1 +1 @@
-"use strict";const i=require("./vivid-element.cjs");class s{constructor(e,r){this.target=e,this.propertyName=r}bind(e){e[this.propertyName]=this.target}unbind(){}}function n(t){return new i.AttachedBehaviorHTMLDirective("fast-ref",s,t)}exports.ref=n;
+"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;

package/bundled/ref.js

@@ -1,32 +1,15 @@
-import { A as i } from "./vivid-element.js";
-class a {
+import { S as i, H as r } from "./vivid-element.js";
+class s extends i {
   /**
-   * Creates an instance of RefBehavior.
-   * @param target - The element to reference.
-   * @param propertyName - The name of the property to assign the reference to.
-   */
-  constructor(t, e) {
-    this.target = t, this.propertyName = e;
-  }
-  /**
-   * Bind this behavior to the source.
-   * @param source - The source to bind to.
-   * @param context - The execution context that the binding is operating within.
+   * Bind this behavior.
+   * @param controller - The view controller that manages the lifecycle of this behavior.
    */
   bind(t) {
-    t[this.propertyName] = this.target;
+    t.source[this.options] = t.targets[this.targetNodeId];
   }
-  /**
-   * Unbinds this behavior from the source.
-   * @param source - The source to unbind from.
-   */
-  /* eslint-disable-next-line @typescript-eslint/no-empty-function */
-  unbind() {
-  }
-}
-function s(r) {
-  return new i("fast-ref", a, r);
 }
+r.define(s);
+const c = (e) => new s(e);
 export {
-  s as r
+  c as r
 };

package/bundled/repeat.cjs

@@ -1 +1 @@
-"use strict";const a=require("./vivid-element.cjs");function v(i,e,t){return{index:i,removed:e,addedCount:t}}const I=0,$=1,y=2,O=3;function M(i,e,t,o,s,d){const c=d-s+1,f=t-e+1,n=new Array(c);let r,h;for(let l=0;l<c;++l)n[l]=new Array(f),n[l][0]=l;for(let l=0;l<f;++l)n[0][l]=l;for(let l=1;l<c;++l)for(let u=1;u<f;++u)i[e+u-1]===o[s+l-1]?n[l][u]=n[l-1][u-1]:(r=n[l-1][u]+1,h=n[l][u-1]+1,n[l][u]=r<h?r:h);return n}function Q(i){let e=i.length-1,t=i[0].length-1,o=i[e][t];const s=[];for(;e>0||t>0;){if(e===0){s.push(y),t--;continue}if(t===0){s.push(O),e--;continue}const d=i[e-1][t-1],c=i[e-1][t],f=i[e][t-1];let n;c<f?n=c<d?c:d:n=f<d?f:d,n===d?(d===o?s.push(I):(s.push($),o=d),e--,t--):n===c?(s.push(O),e--,o=c):(s.push(y),t--,o=f)}return s.reverse(),s}function k(i,e,t){for(let o=0;o<t;++o)if(i[o]!==e[o])return o;return t}function E(i,e,t){let o=i.length,s=e.length,d=0;for(;d<t&&i[--o]===e[--s];)d++;return d}function _(i,e,t,o){return e<t||o<i?-1:e===t||o===i?0:i<t?e<o?e-t:o-t:o<e?o-i:e-i}function j(i,e,t,o,s,d){let c=0,f=0;const n=Math.min(t-e,d-s);if(e===0&&s===0&&(c=k(i,o,n)),t===i.length&&d===o.length&&(f=E(i,o,n-c)),e+=c,s+=c,t-=f,d-=f,t-e===0&&d-s===0)return a.emptyArray;if(e===t){const m=v(e,[],0);for(;s<d;)m.removed.push(o[s++]);return[m]}else if(s===d)return[v(e,[],t-e)];const r=Q(M(i,e,t,o,s,d)),h=[];let l,u=e,p=s;for(let m=0;m<r.length;++m)switch(r[m]){case I:l!==void 0&&(h.push(l),l=void 0),u++,p++;break;case $:l===void 0&&(l=v(u,[],0)),l.addedCount++,u++,l.removed.push(o[p]),p++;break;case y:l===void 0&&(l=v(u,[],0)),l.addedCount++,u++;break;case O:l===void 0&&(l=v(u,[],0)),l.removed.push(o[p]),p++;break}return l!==void 0&&h.push(l),h}const B=Array.prototype.push;function q(i,e,t,o){const s=v(e,t,o);let d=!1,c=0;for(let f=0;f<i.length;f++){const n=i[f];if(n.index+=c,d)continue;const r=_(s.index,s.index+s.removed.length,n.index,n.index+n.addedCount);if(r>=0){i.splice(f,1),f--,c-=n.addedCount-n.removed.length,s.addedCount+=n.addedCount-r;const h=s.removed.length+n.removed.length-r;if(!s.addedCount&&!h)d=!0;else{let l=n.removed;if(s.index<n.index){const u=s.removed.slice(0,n.index-s.index);B.apply(u,l),l=u}if(s.index+s.removed.length>n.index+n.addedCount){const u=s.removed.slice(n.index+n.addedCount-s.index);B.apply(l,u)}s.removed=l,n.index<s.index&&(s.index=n.index)}}else if(s.index<n.index){d=!0,i.splice(f,0,s),f++;const h=s.addedCount-s.removed.length;n.index+=h,c+=h}}d||i.push(s)}function U(i){const e=[];for(let t=0,o=i.length;t<o;t++){const s=i[t];q(e,s.index,s.removed,s.addedCount)}return e}function W(i,e){let t=[];const o=U(e);for(let s=0,d=o.length;s<d;++s){const c=o[s];if(c.addedCount===1&&c.removed.length===1){c.removed[0]!==i[c.index]&&t.push(c);continue}t=t.concat(j(i,c.index,c.index+c.addedCount,c.removed,0,c.removed.length))}return t}let A=!1;function w(i,e){let t=i.index;const o=e.length;return t>o?t=o-i.addedCount:t<0&&(t=o+i.removed.length+t-i.addedCount),t<0&&(t=0),i.index=t,i}class F extends a.SubscriberSet{constructor(e){super(e),this.oldCollection=void 0,this.splices=void 0,this.needsQueue=!0,this.call=this.flush,Reflect.defineProperty(e,"$fastController",{value:this,enumerable:!1})}subscribe(e){this.flush(),super.subscribe(e)}addSplice(e){this.splices===void 0?this.splices=[e]:this.splices.push(e),this.needsQueue&&(this.needsQueue=!1,a.DOM.queueUpdate(this))}reset(e){this.oldCollection=e,this.needsQueue&&(this.needsQueue=!1,a.DOM.queueUpdate(this))}flush(){const e=this.splices,t=this.oldCollection;if(e===void 0&&t===void 0)return;this.needsQueue=!0,this.splices=void 0,this.oldCollection=void 0;const o=t===void 0?W(this.source,e):j(this.source,0,this.source.length,t,0,t.length);this.notify(o)}}function H(){if(A)return;A=!0,a.Observable.setArrayObserverFactory(n=>new F(n));const i=Array.prototype;if(i.$fastPatch)return;Reflect.defineProperty(i,"$fastPatch",{value:1,enumerable:!1});const e=i.pop,t=i.push,o=i.reverse,s=i.shift,d=i.sort,c=i.splice,f=i.unshift;i.pop=function(){const n=this.length>0,r=e.apply(this,arguments),h=this.$fastController;return h!==void 0&&n&&h.addSplice(v(this.length,[r],0)),r},i.push=function(){const n=t.apply(this,arguments),r=this.$fastController;return r!==void 0&&r.addSplice(w(v(this.length-arguments.length,[],arguments.length),this)),n},i.reverse=function(){let n;const r=this.$fastController;r!==void 0&&(r.flush(),n=this.slice());const h=o.apply(this,arguments);return r!==void 0&&r.reset(n),h},i.shift=function(){const n=this.length>0,r=s.apply(this,arguments),h=this.$fastController;return h!==void 0&&n&&h.addSplice(v(0,[r],0)),r},i.sort=function(){let n;const r=this.$fastController;r!==void 0&&(r.flush(),n=this.slice());const h=d.apply(this,arguments);return r!==void 0&&r.reset(n),h},i.splice=function(){const n=c.apply(this,arguments),r=this.$fastController;return r!==void 0&&r.addSplice(w(v(+arguments[0],n,arguments.length>2?arguments.length-2:0),this)),n},i.unshift=function(){const n=f.apply(this,arguments),r=this.$fastController;return r!==void 0&&r.addSplice(w(v(0,[],arguments.length),this)),n}}const D=Object.freeze({positioning:!1,recycle:!0});function N(i,e,t,o){i.bind(e[t],o)}function z(i,e,t,o){const s=Object.create(o);s.index=t,s.length=e.length,i.bind(e[t],s)}class G{constructor(e,t,o,s,d,c){this.location=e,this.itemsBinding=t,this.templateBinding=s,this.options=c,this.source=null,this.views=[],this.items=null,this.itemsObserver=null,this.originalContext=void 0,this.childContext=void 0,this.bindView=N,this.itemsBindingObserver=a.Observable.binding(t,this,o),this.templateBindingObserver=a.Observable.binding(s,this,d),c.positioning&&(this.bindView=z)}bind(e,t){this.source=e,this.originalContext=t,this.childContext=Object.create(t),this.childContext.parent=e,this.childContext.parentContext=this.originalContext,this.items=this.itemsBindingObserver.observe(e,this.originalContext),this.template=this.templateBindingObserver.observe(e,this.originalContext),this.observeItems(!0),this.refreshAllViews()}unbind(){this.source=null,this.items=null,this.itemsObserver!==null&&this.itemsObserver.unsubscribe(this),this.unbindAllViews(),this.itemsBindingObserver.disconnect(),this.templateBindingObserver.disconnect()}handleChange(e,t){e===this.itemsBinding?(this.items=this.itemsBindingObserver.observe(this.source,this.originalContext),this.observeItems(),this.refreshAllViews()):e===this.templateBinding?(this.template=this.templateBindingObserver.observe(this.source,this.originalContext),this.refreshAllViews(!0)):this.updateViews(t)}observeItems(e=!1){if(!this.items){this.items=a.emptyArray;return}const t=this.itemsObserver,o=this.itemsObserver=a.Observable.getNotifier(this.items),s=t!==o;s&&t!==null&&t.unsubscribe(this),(s||e)&&o.subscribe(this)}updateViews(e){const t=this.childContext,o=this.views,s=this.bindView,d=this.items,c=this.template,f=this.options.recycle,n=[];let r=0,h=0;for(let l=0,u=e.length;l<u;++l){const p=e[l],m=p.removed;let C=0,g=p.index;const R=g+p.addedCount,x=o.splice(p.index,m.length),T=h=n.length+x.length;for(;g<R;++g){const V=o[g],L=V?V.firstChild:this.location;let b;f&&h>0?(C<=T&&x.length>0?(b=x[C],C++):(b=n[r],r++),h--):b=c.create(),o.splice(g,0,b),s(b,d,g,t),b.insertBefore(L)}x[C]&&n.push(...x.slice(C))}for(let l=r,u=n.length;l<u;++l)n[l].dispose();if(this.options.positioning)for(let l=0,u=o.length;l<u;++l){const p=o[l].context;p.length=u,p.index=l}}refreshAllViews(e=!1){const t=this.items,o=this.childContext,s=this.template,d=this.location,c=this.bindView;let f=t.length,n=this.views,r=n.length;if((f===0||e||!this.options.recycle)&&(a.HTMLView.disposeContiguousBatch(n),r=0),r===0){this.views=n=new Array(f);for(let h=0;h<f;++h){const l=s.create();c(l,t,h,o),n[h]=l,l.insertBefore(d)}}else{let h=0;for(;h<f;++h)if(h<r){const u=n[h];c(u,t,h,o)}else{const u=s.create();c(u,t,h,o),n.push(u),u.insertBefore(d)}const l=n.splice(h,r-h);for(h=0,f=l.length;h<f;++h)l[h].dispose()}}unbindAllViews(){const e=this.views;for(let t=0,o=e.length;t<o;++t)e[t].unbind()}}class P extends a.HTMLDirective{constructor(e,t,o){super(),this.itemsBinding=e,this.templateBinding=t,this.options=o,this.createPlaceholder=a.DOM.createBlockPlaceholder,H(),this.isItemsBindingVolatile=a.Observable.isVolatileBinding(e),this.isTemplateBindingVolatile=a.Observable.isVolatileBinding(t)}createBehavior(e){return new G(e,this.itemsBinding,this.isItemsBindingVolatile,this.templateBinding,this.isTemplateBindingVolatile,this.options)}}function J(i,e,t=D){const o=typeof e=="function"?e:()=>e;return new P(i,o,Object.assign(Object.assign({},D),t))}exports.RepeatDirective=P;exports.repeat=J;
+"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;