@vonage/vivid 5.0.0 → 5.2.0

package/bundled/picker-field.template.js

@@ -0,0 +1,242 @@
+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 { 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 { 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 m = /* @__PURE__ */ new WeakSet(), G = (s) => {
+  m.add(s);
+}, V = (s) => {
+  class t extends s {
+    /**
+     * @returns Whether focus was trapped.
+     * @internal
+     */
+    _trappedFocus(n, o) {
+      if (!m.has(n) && n.key === "Tab") {
+        const l = o(), i = l[0], e = l[l.length - 1];
+        if (n.shiftKey) {
+          if (this.shadowRoot.activeElement === i)
+            return e.focus(), !0;
+        } else if (this.shadowRoot.activeElement === e)
+          return i.focus(), !0;
+      }
+      return !1;
+    }
+  }
+  return t;
+}, 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 w = Object.defineProperty, d = (s, t, a, n) => {
+  for (var o = void 0, l = s.length - 1, i; l >= 0; l--)
+    (i = s[l]) && (o = i(t, a, o) || o);
+  return o && w(t, a, o), o;
+};
+class c extends y(
+  _(
+    C(
+      E(V(O(g(v))))
+    )
+  )
+) {
+  // --- 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.#s = {
+      handleChange: () => {
+        this._updatePresentationValue();
+      }
+    }, this._popupOpen = !1, this.#i = (t) => {
+      if (!this._popupOpen)
+        return;
+      const a = t.composedPath();
+      [this._dialogEl, this._pickerButtonEl].some((o) => a.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.#l();
+  }
+  /**
+   * @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);
+  }
+  #s;
+  #o;
+  #l() {
+    this.#o = $.binding(
+      () => this.locale,
+      this.#s
+    ), this.#o.observe(this, x);
+  }
+  #a() {
+    this.#o.disconnect();
+  }
+  #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 && b(t) ? (this._closePopup(), !1) : !this._trappedFocus(t, () => this._focusableElsWithinDialog());
+  }
+  /**
+   * @internal
+   */
+  _presentationValueChanged() {
+    this.dirtyValue = !0, this.validate();
+  }
+  /**
+   * @internal
+   */
+  _onTextFieldInput(t) {
+    const a = t.currentTarget;
+    this._presentationValue = a.value;
+  }
+  /**
+   * @internal
+   */
+  _onPickerButtonClick() {
+    this._popupOpen ? this._closePopup() : this.#n();
+  }
+  // --- Dialog footer ---
+  /**
+   * @internal
+   */
+  _onOkClick() {
+    this._closePopup();
+  }
+  /**
+   * @internal
+   */
+  _onClearClick() {
+    this.$emit("clear-click");
+  }
+}
+d([
+  k({ attribute: "readonly", mode: "boolean" })
+], c.prototype, "readOnly");
+d([
+  f
+], c.prototype, "_popupOpen");
+d([
+  f
+], c.prototype, "_presentationValue");
+const Q = (s, t, { withSeparator: a, padded: n }) => {
+  const o = s.tagFor(T), l = s.tagFor(P), i = s.tagFor(L);
+  return F`
+		<div class='base' @keydown='${(e, { event: r }) => e._onBaseKeyDown(r)}'>
+			<${l} id='text-field'
+				${p("_textFieldEl")}
+				class='control'
+				label='${(e) => e.label}'
+				helper-text='${(e) => e.helperText}'
+				error-text='${(e) => e.errorValidationMessage}'
+				placeholder='${(e) => e._textFieldPlaceholder}'
+				size='${(e) => e._textFieldSize}'
+				current-value='${(e) => e._presentationValue}'
+				?disabled='${(e) => e.disabled}'
+				?readonly='${(e) => e.readOnly}'
+				@input='${(e, r) => e._onTextFieldInput(r.event)}'
+				@change='${(e) => e._onTextFieldChange()}'
+			>
+				<slot
+					slot='${(e) => e._helperTextSlottedContent?.length ? "helper-text" : void 0}'
+					name='helper-text'
+					${u("_helperTextSlottedContent")}
+				></slot>
+				<slot
+					slot='${(e) => e._contextualHelpSlottedContent?.length ? "contextual-help" : void 0}'
+					name='contextual-help'
+					${u("_contextualHelpSlottedContent")}
+				></slot>
+				<${i}
+					id='picker-button'
+					${p("_pickerButtonEl")}
+					slot='action-items'
+					size='condensed'
+					icon='${(e) => e._pickerButtonIcon}'
+					appearance='ghost'
+					?disabled='${(e) => e.disabled || e.readOnly}'
+					aria-label='${(e) => e._pickerButtonLabel}'
+					@click='${(e) => e._onPickerButtonClick()}'
+				></${i}>
+			</${l}>
+			<${o}
+				?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}'>
+					${() => t}
+					<div class="${() => h("footer", ["footer--with-separator", a])}">
+						<${i}
+							id='clear-button'
+							tabindex='3'
+							class='vwc-button'
+							size='condensed'
+							label='${(e) => e.locale.pickerField.clearLabel}'
+							@click='${(e) => e._onClearClick()}'
+						></${i}>
+						<${i}
+							tabindex='3'
+							class='vwc-button'
+							size='condensed'
+							appearance='filled'
+							label='${(e) => e.locale.pickerField.okLabel}'
+							@click='${(e) => e._onOkClick()}'
+						></${i}>
+					</div>
+				</div>
+			</${o}>
+		</div>`;
+};
+export {
+  c as P,
+  Q as a,
+  G as i,
+  J as p
+};

package/bundled/playbackRates.cjs

@@ -0,0 +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;

package/bundled/playbackRates.js

@@ -0,0 +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;
+}
+export {
+  a as g
+};

package/bundled/ref.cjs

@@ -0,0 +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;

package/bundled/ref.js

@@ -0,0 +1,32 @@
+import { A as i } from "./vivid-element.js";
+class a {
+  /**
+   * 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(t) {
+    t[this.propertyName] = this.target;
+  }
+  /**
+   * 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);
+}
+export {
+  s as r
+};

package/bundled/repeat.cjs

@@ -0,0 +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;

package/bundled/repeat.js

@@ -0,0 +1,341 @@
+import { e as $, O as b, S as k, D as y, H as M, i as _ } from "./vivid-element.js";
+function p(i, e, t) {
+  return {
+    index: i,
+    removed: e,
+    addedCount: t
+  };
+}
+const j = 0, P = 1, O = 2, V = 3;
+function E(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 H(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(O), t--;
+      continue;
+    }
+    if (t === 0) {
+      s.push(V), 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(j) : (s.push(P), o = d), e--, t--) : n === c ? (s.push(V), e--, o = c) : (s.push(O), t--, o = f);
+  }
+  return s.reverse(), s;
+}
+function U(i, e, t) {
+  for (let o = 0; o < t; ++o)
+    if (i[o] !== e[o])
+      return o;
+  return t;
+}
+function W(i, e, t) {
+  let o = i.length, s = e.length, d = 0;
+  for (; d < t && i[--o] === e[--s]; )
+    d++;
+  return d;
+}
+function q(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 R(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 = U(i, o, n)), t === i.length && d === o.length && (f = W(i, o, n - c)), e += c, s += c, t -= f, d -= f, t - e === 0 && d - s === 0)
+    return $;
+  if (e === t) {
+    const v = p(e, [], 0);
+    for (; s < d; )
+      v.removed.push(o[s++]);
+    return [v];
+  } else if (s === d)
+    return [p(e, [], t - e)];
+  const r = H(E(i, e, t, o, s, d)), h = [];
+  let l, u = e, a = s;
+  for (let v = 0; v < r.length; ++v)
+    switch (r[v]) {
+      case j:
+        l !== void 0 && (h.push(l), l = void 0), u++, a++;
+        break;
+      case P:
+        l === void 0 && (l = p(u, [], 0)), l.addedCount++, u++, l.removed.push(o[a]), a++;
+        break;
+      case O:
+        l === void 0 && (l = p(u, [], 0)), l.addedCount++, u++;
+        break;
+      case V:
+        l === void 0 && (l = p(u, [], 0)), l.removed.push(o[a]), a++;
+        break;
+    }
+  return l !== void 0 && h.push(l), h;
+}
+const A = Array.prototype.push;
+function F(i, e, t, o) {
+  const s = p(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 = q(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);
+          A.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);
+          A.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 N(i) {
+  const e = [];
+  for (let t = 0, o = i.length; t < o; t++) {
+    const s = i[t];
+    F(e, s.index, s.removed, s.addedCount);
+  }
+  return e;
+}
+function z(i, e) {
+  let t = [];
+  const o = N(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(R(i, c.index, c.index + c.addedCount, c.removed, 0, c.removed.length));
+  }
+  return t;
+}
+let I = !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 G extends k {
+  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, y.queueUpdate(this));
+  }
+  reset(e) {
+    this.oldCollection = e, this.needsQueue && (this.needsQueue = !1, y.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 ? z(this.source, e) : R(this.source, 0, this.source.length, t, 0, t.length);
+    this.notify(o);
+  }
+}
+function J() {
+  if (I)
+    return;
+  I = !0, b.setArrayObserverFactory((n) => new G(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(p(this.length, [r], 0)), r;
+  }, i.push = function() {
+    const n = t.apply(this, arguments), r = this.$fastController;
+    return r !== void 0 && r.addSplice(w(p(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(p(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(p(+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(p(0, [], arguments.length), this)), n;
+  };
+}
+const D = Object.freeze({
+  positioning: !1,
+  recycle: !0
+});
+function K(i, e, t, o) {
+  i.bind(e[t], o);
+}
+function X(i, e, t, o) {
+  const s = Object.create(o);
+  s.index = t, s.length = e.length, i.bind(e[t], s);
+}
+class Y {
+  /**
+   * Creates an instance of RepeatBehavior.
+   * @param location - The location in the DOM to render the repeat.
+   * @param itemsBinding - The array to render.
+   * @param isItemsBindingVolatile - Indicates whether the items binding has volatile dependencies.
+   * @param templateBinding - The template to render for each item.
+   * @param isTemplateBindingVolatile - Indicates whether the template binding has volatile dependencies.
+   * @param options - Options used to turn on special repeat features.
+   */
+  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 = K, this.itemsBindingObserver = b.binding(t, this, o), this.templateBindingObserver = b.binding(s, this, d), c.positioning && (this.bindView = X);
+  }
+  /**
+   * 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(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();
+  }
+  /**
+   * Unbinds this behavior from the source.
+   * @param source - The source to unbind from.
+   */
+  unbind() {
+    this.source = null, this.items = null, this.itemsObserver !== null && this.itemsObserver.unsubscribe(this), this.unbindAllViews(), this.itemsBindingObserver.disconnect(), this.templateBindingObserver.disconnect();
+  }
+  /** @internal */
+  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 = $;
+      return;
+    }
+    const t = this.itemsObserver, o = this.itemsObserver = b.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 a = e[l], v = a.removed;
+      let x = 0, m = a.index;
+      const T = m + a.addedCount, C = o.splice(a.index, v.length), L = h = n.length + C.length;
+      for (; m < T; ++m) {
+        const B = o[m], Q = B ? B.firstChild : this.location;
+        let g;
+        f && h > 0 ? (x <= L && C.length > 0 ? (g = C[x], x++) : (g = n[r], r++), h--) : g = c.create(), o.splice(m, 0, g), s(g, d, m, t), g.insertBefore(Q);
+      }
+      C[x] && n.push(...C.slice(x));
+    }
+    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 a = o[l].context;
+        a.length = u, a.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) && (_.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 Z extends M {
+  /**
+   * Creates an instance of RepeatDirective.
+   * @param itemsBinding - The binding that provides the array to render.
+   * @param templateBinding - The template binding used to obtain a template to render for each item in the array.
+   * @param options - Options used to turn on special repeat features.
+   */
+  constructor(e, t, o) {
+    super(), this.itemsBinding = e, this.templateBinding = t, this.options = o, this.createPlaceholder = y.createBlockPlaceholder, J(), this.isItemsBindingVolatile = b.isVolatileBinding(e), this.isTemplateBindingVolatile = b.isVolatileBinding(t);
+  }
+  /**
+   * Creates a behavior for the provided target node.
+   * @param target - The node instance to create the behavior for.
+   */
+  createBehavior(e) {
+    return new Y(e, this.itemsBinding, this.isItemsBindingVolatile, this.templateBinding, this.isTemplateBindingVolatile, this.options);
+  }
+}
+function ee(i, e, t = D) {
+  const o = typeof e == "function" ? e : () => e;
+  return new Z(i, o, Object.assign(Object.assign({}, D), t));
+}
+export {
+  Z as R,
+  ee as r
+};

package/bundled/scrollIntoView.cjs

@@ -0,0 +1 @@
+"use strict";function i(t,o,s){const f=t.getRootNode()!==o.getRootNode()?n(t):t.offsetTop;switch(s){case"start":o.scrollTop=f;break;case"nearest":f<o.scrollTop&&(o.scrollTop=f),f+t.offsetHeight>o.scrollTop+o.offsetHeight&&(o.scrollTop=f+t.offsetHeight-o.offsetHeight);break}}function n(t){const o=t.offsetParent;let s=t.offsetTop,f=r(t);for(;f!==o;)s-=f.offsetTop,f=r(f);return s}function e(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function r(t){for(let o=e(t);o;o=e(o)){if(!(o instanceof Element))continue;const s=getComputedStyle(o);if(s.display!=="contents"&&(s.position!=="static"||s.filter!=="none"||o.tagName==="BODY"))return o}return null}exports.scrollIntoView=i;

package/bundled/scrollIntoView.js

@@ -0,0 +1,33 @@
+function n(t, o, s) {
+  const f = t.getRootNode() !== o.getRootNode() ? i(t) : t.offsetTop;
+  switch (s) {
+    case "start":
+      o.scrollTop = f;
+      break;
+    case "nearest":
+      f < o.scrollTop && (o.scrollTop = f), f + t.offsetHeight > o.scrollTop + o.offsetHeight && (o.scrollTop = f + t.offsetHeight - o.offsetHeight);
+      break;
+  }
+}
+function i(t) {
+  const o = t.offsetParent;
+  let s = t.offsetTop, f = r(t);
+  for (; f !== o; )
+    s -= f.offsetTop, f = r(f);
+  return s;
+}
+function e(t) {
+  return t.assignedSlot ? t.assignedSlot : t.parentNode instanceof ShadowRoot ? t.parentNode.host : t.parentNode;
+}
+function r(t) {
+  for (let o = e(t); o; o = e(o)) {
+    if (!(o instanceof Element)) continue;
+    const s = getComputedStyle(o);
+    if (s.display !== "contents" && (s.position !== "static" || s.filter !== "none" || o.tagName === "BODY"))
+      return o;
+  }
+  return null;
+}
+export {
+  n as s
+};