@vonage/vivid 5.7.0 → 5.9.0

package/bundled/listbox.cjs

@@ -1 +1 @@
-"use strict";const p=require("./definition12.cjs"),o=require("./vivid-element.cjs"),d=require("./key-codes.cjs"),u=require("./strings.cjs");function f(r,e){let t=r.length;for(;t--;)if(e(r[t],t,r))return t;return-1}var x=Object.defineProperty,a=(r,e,t,i)=>{for(var s=void 0,n=r.length-1,c;n>=0;n--)(c=r[n])&&(s=c(e,t,s)||s);return s&&x(e,t,s),s};const l=class h extends o.VividElement{constructor(){super(...arguments),this._options=[],this.selectedIndex=-1,this.selectedOptions=[],this.shouldSkipFocus=!1,this.typeaheadBuffer="",this.typeaheadExpired=!0,this.typeaheadTimeout=-1,this._activeDescendant=null}get firstSelectedOption(){return this.selectedOptions[0]??null}get length(){return this.options.length}get options(){return o.Observable.track(this,"options"),this._options}set options(e){const t=this._options;if(this._options=e,o.Observable.notify(this,"options"),this.$fastController.isConnected){const i=this._newDefaultSelectedIndex(t,e,this.selectedIndex);i!==null&&(this.selectedIndex=i)}}static{this.slottedOptionFilter=e=>p.isListboxOption(e)&&!e.hidden}static{this.TYPE_AHEAD_TIMEOUT_MS=1e3}clickHandler(e){const t=e.target.closest("option,[role=option],[data-vvd-component=option]");if(t&&!t.disabled)return this.selectedIndex=this.options.indexOf(t),!0}focusAndScrollOptionIntoView(e=this.firstSelectedOption){this.contains(document.activeElement)&&e!==null&&(e.focus(),requestAnimationFrame(()=>{e.scrollIntoView({block:"nearest"})}))}focusinHandler(e){!this.shouldSkipFocus&&e.target===e.currentTarget&&(this.setSelectedOptions(),this.focusAndScrollOptionIntoView()),this.shouldSkipFocus=!1}getTypeaheadMatches(){const e=this.typeaheadBuffer.replace(/[.*+\-?^${}()|[\]\\]/g,"\\$&"),t=new RegExp(`^${e}`,"gi");return this.options.filter(i=>i.text.trim().match(t))}getNextSelectableIndex(e){const t=this.options.reduce((i,s,n)=>!i&&!s.disabled&&n>=e?s:i,null);return this.options.indexOf(t)}handleChange(e,t){switch(t){case"selected":{/* v8 ignore else -- @preserve */h.slottedOptionFilter(e)&&(this.selectedIndex=this.options.indexOf(e)),this.setSelectedOptions();break}}}handleTypeAhead(e){/* v8 ignore else -- @preserve */this.typeaheadTimeout&&window.clearTimeout(this.typeaheadTimeout),this.typeaheadTimeout=window.setTimeout(()=>this.typeaheadExpired=!0,h.TYPE_AHEAD_TIMEOUT_MS),this.typeaheadBuffer=`${this.typeaheadExpired?"":this.typeaheadBuffer}${e}`}keydownHandler(e){if(this.disabled)return!0;this.shouldSkipFocus=!1;const t=e.key;switch(t){case d.keyHome:{/* v8 ignore else -- @preserve */e.shiftKey||(e.preventDefault(),this.selectFirstOption());break}case d.keyArrowDown:{/* v8 ignore else -- @preserve */e.shiftKey||(e.preventDefault(),this.selectNextOption());break}case d.keyArrowUp:{/* v8 ignore else -- @preserve */e.shiftKey||(e.preventDefault(),this.selectPreviousOption());break}case d.keyEnd:{e.preventDefault(),this.selectLastOption();break}case d.keyTab:return this.focusAndScrollOptionIntoView(),!0;case d.keyEnter:case d.keyEscape:return!0;case d.keySpace:{/* v8 ignore else -- @preserve */if(this.typeaheadExpired)return!0}default:{/* v8 ignore else -- @preserve */return t.length===1&&this.handleTypeAhead(`${t}`),!0}}}mousedownHandler(e){return this.shouldSkipFocus=!this.contains(document.activeElement),!0}selectedIndexChanged(e,t){const i=this._validSelectedIndex(t);if(t!==i){this.selectedIndex=i;return}this.setSelectedOptions()}_validSelectedIndex(e){return e>this.options.length-1||e<-1?-1:e}selectedOptionsChanged(e,t){const i=t.filter(h.slottedOptionFilter);this.options.forEach(s=>{const n=o.Observable.getNotifier(s);n.unsubscribe(this,"selected"),s.selected=i.includes(s),n.subscribe(this,"selected")})}selectFirstOption(){/* v8 ignore else -- @preserve */this.disabled||(this.selectedIndex=this.options.findIndex(e=>!e.disabled))}selectLastOption(){/* v8 ignore else -- @preserve */this.disabled||(this.selectedIndex=f(this.options,e=>!e.disabled))}selectNextOption(){/* v8 ignore else -- @preserve */!this.disabled&&this.selectedIndex<this.options.length-1&&(this.selectedIndex+=1)}selectPreviousOption(){/* v8 ignore else -- @preserve */!this.disabled&&this.selectedIndex>0&&(this.selectedIndex=this.selectedIndex-1)}_newDefaultSelectedIndex(e,t,i){for(const[s,n]of t.entries())if(this._isDefaultSelected(n)&&!e.includes(n))return s;return null}_isDefaultSelected(e){return e.defaultSelected}setSelectedOptions(){this.selectedOptions=this.selectedIndex!==-1?[this.options[this.selectedIndex]]:[],this._activeDescendant=this.firstSelectedOption?.id??"",this.focusAndScrollOptionIntoView()}slottedOptionsChanged(e,t){this.options=t.reduce((s,n)=>{/* v8 ignore else -- @preserve */return p.isListboxOption(n)&&s.push(n),s},[]);const i=`${this.options.length}`;this.options.forEach((s,n)=>{s.id||(s.id=u.uniqueId("option-")),s.ariaPosInSet=`${n+1}`,s.ariaSetSize=i})}typeaheadBufferChanged(e,t){if(this.$fastController.isConnected){const i=this.getTypeaheadMatches();/* v8 ignore else -- @preserve */if(i.length){const s=this.options.indexOf(i[0]);/* v8 ignore else -- @preserve */s>-1&&(this.selectedIndex=s)}this.typeaheadExpired=!1}}};a([o.attr({mode:"boolean"})],l.prototype,"disabled");a([o.observable],l.prototype,"selectedIndex");a([o.observable],l.prototype,"selectedOptions");a([o.observable],l.prototype,"slottedOptions");a([o.observable],l.prototype,"typeaheadBuffer");a([o.observable],l.prototype,"_activeDescendant");let b=l;exports.Listbox=b;
+"use strict";const p=require("./definition12.cjs"),o=require("./vivid-element.cjs"),d=require("./key-codes.cjs"),u=require("./strings.cjs");function f(r,e){let t=r.length;for(;t--;)if(e(r[t],t,r))return t;return-1}var x=Object.defineProperty,a=(r,e,t,i)=>{for(var s=void 0,n=r.length-1,h;n>=0;n--)(h=r[n])&&(s=h(e,t,s)||s);return s&&x(e,t,s),s};const l=class c extends o.VividElement{constructor(){super(...arguments),this._options=[],this.selectedIndex=-1,this.selectedOptions=[],this.shouldSkipFocus=!1,this.typeaheadBuffer="",this.typeaheadExpired=!0,this.typeaheadTimeout=-1,this._activeDescendant=null}get firstSelectedOption(){return this.selectedOptions[0]??null}get length(){return this.options.length}get options(){return o.Observable.track(this,"options"),this._options}set options(e){const t=this._options;if(this._options=e,o.Observable.notify(this,"options"),this.$fastController.isConnected){const i=this._newDefaultSelectedIndex(t,e,this.selectedIndex);i!==null&&(this.selectedIndex=i)}}static{this.slottedOptionFilter=e=>p.isListboxOption(e)&&!e.hidden}static{this.TYPE_AHEAD_TIMEOUT_MS=1e3}clickHandler(e){const t=e.target.closest("option,[role=option],[data-vvd-component=option]");if(t&&!t.disabled)return this.selectedIndex=this.options.indexOf(t),!0}focusAndScrollOptionIntoView(e=this.firstSelectedOption){this.contains(document.activeElement)&&e!==null&&(e.focus(),requestAnimationFrame(()=>{e.scrollIntoView({block:"nearest"})}))}focusinHandler(e){!this.shouldSkipFocus&&e.target===e.currentTarget&&(this.setSelectedOptions(),this.focusAndScrollOptionIntoView()),this.shouldSkipFocus=!1}getTypeaheadMatches(){const e=this.typeaheadBuffer.replace(/[.*+\-?^${}()|[\]\\]/g,"\\$&"),t=new RegExp(`^${e}`,"gi");return this.options.filter(i=>i.text.trim().match(t))}getNextSelectableIndex(e){const t=this.options.reduce((i,s,n)=>!i&&!s.disabled&&n>=e?s:i,null);return this.options.indexOf(t)}getPreviousSelectableIndex(e){const t=this.options.reduceRight((i,s,n)=>!i&&!s.disabled&&n<=e?s:i,null);return this.options.indexOf(t)}handleChange(e,t){switch(t){case"selected":{/* v8 ignore else -- @preserve */c.slottedOptionFilter(e)&&(this.selectedIndex=this.options.indexOf(e)),this.setSelectedOptions();break}}}handleTypeAhead(e){/* v8 ignore else -- @preserve */this.typeaheadTimeout&&window.clearTimeout(this.typeaheadTimeout),this.typeaheadTimeout=window.setTimeout(()=>this.typeaheadExpired=!0,c.TYPE_AHEAD_TIMEOUT_MS),this.typeaheadBuffer=`${this.typeaheadExpired?"":this.typeaheadBuffer}${e}`}keydownHandler(e){if(this.disabled)return!0;this.shouldSkipFocus=!1;const t=e.key;switch(t){case d.keyHome:{/* v8 ignore else -- @preserve */e.shiftKey||(e.preventDefault(),this.selectFirstOption());break}case d.keyArrowDown:{/* v8 ignore else -- @preserve */e.shiftKey||(e.preventDefault(),this.selectNextOption());break}case d.keyArrowUp:{/* v8 ignore else -- @preserve */e.shiftKey||(e.preventDefault(),this.selectPreviousOption());break}case d.keyEnd:{e.preventDefault(),this.selectLastOption();break}case d.keyTab:return this.focusAndScrollOptionIntoView(),!0;case d.keyEnter:case d.keyEscape:return!0;case d.keySpace:{/* v8 ignore else -- @preserve */if(this.typeaheadExpired)return!0}default:{/* v8 ignore else -- @preserve */return t.length===1&&this.handleTypeAhead(`${t}`),!0}}}mousedownHandler(e){return this.shouldSkipFocus=!this.contains(document.activeElement),!0}selectedIndexChanged(e,t){const i=this._validSelectedIndex(t);if(t!==i){this.selectedIndex=i;return}this.setSelectedOptions()}_validSelectedIndex(e){return e>this.options.length-1||e<-1?-1:e}selectedOptionsChanged(e,t){const i=t.filter(c.slottedOptionFilter);this.options.forEach(s=>{const n=o.Observable.getNotifier(s);n.unsubscribe(this,"selected"),s.selected=i.includes(s),n.subscribe(this,"selected")})}selectFirstOption(){/* v8 ignore else -- @preserve */this.disabled||(this.selectedIndex=this.options.findIndex(e=>!e.disabled))}selectLastOption(){/* v8 ignore else -- @preserve */this.disabled||(this.selectedIndex=f(this.options,e=>!e.disabled))}selectNextOption(){/* v8 ignore else -- @preserve */if(!this.disabled&&this.selectedIndex<this.options.length-1){const e=this.getNextSelectableIndex(this.selectedIndex+1);e!==-1&&(this.selectedIndex=e)}}selectPreviousOption(){/* v8 ignore else -- @preserve */if(!this.disabled&&this.selectedIndex>0){const e=this.getPreviousSelectableIndex(this.selectedIndex-1);e!==-1&&(this.selectedIndex=e)}}_newDefaultSelectedIndex(e,t,i){for(const[s,n]of t.entries())if(this._isDefaultSelected(n)&&!e.includes(n))return s;return null}_isDefaultSelected(e){return e.defaultSelected}setSelectedOptions(){this.selectedOptions=this.selectedIndex!==-1?[this.options[this.selectedIndex]]:[],this._activeDescendant=this.firstSelectedOption?.id??"",this.focusAndScrollOptionIntoView()}slottedOptionsChanged(e,t){this.options=t.reduce((s,n)=>{/* v8 ignore else -- @preserve */return p.isListboxOption(n)&&s.push(n),s},[]);const i=`${this.options.length}`;this.options.forEach((s,n)=>{s.id||(s.id=u.uniqueId("option-")),s.ariaPosInSet=`${n+1}`,s.ariaSetSize=i})}typeaheadBufferChanged(e,t){if(this.$fastController.isConnected){const i=this.getTypeaheadMatches();/* v8 ignore else -- @preserve */if(i.length){const s=this.options.indexOf(i[0]);/* v8 ignore else -- @preserve */s>-1&&(this.selectedIndex=s)}this.typeaheadExpired=!1}}};a([o.attr({mode:"boolean"})],l.prototype,"disabled");a([o.observable],l.prototype,"selectedIndex");a([o.observable],l.prototype,"selectedOptions");a([o.observable],l.prototype,"slottedOptions");a([o.observable],l.prototype,"typeaheadBuffer");a([o.observable],l.prototype,"_activeDescendant");let b=l;exports.Listbox=b;

package/bundled/listbox.js

@@ -1,20 +1,20 @@
 import { i as p } from "./definition12.js";
-import { V as u, O as h, a as f, o as a } from "./vivid-element.js";
-import { l as x, d as O, f as y, m as I, k as b, c as S, b as g, a as m } from "./key-codes.js";
-import { u as _ } from "./strings.js";
-function k(d, e) {
+import { V as u, O as h, a as f, o as r } from "./vivid-element.js";
+import { l as x, d as I, f as O, m as y, k as b, c as S, b as g, a as v } from "./key-codes.js";
+import { u as m } from "./strings.js";
+function _(d, e) {
   let t = d.length;
   for (; t--; )
     if (e(d[t], t, d))
       return t;
   return -1;
 }
-var v = Object.defineProperty, l = (d, e, t, i) => {
+var k = Object.defineProperty, l = (d, e, t, i) => {
   for (var s = void 0, n = d.length - 1, c; n >= 0; n--)
     (c = d[n]) && (s = c(e, t, s) || s);
-  return s && v(e, t, s), s;
+  return s && k(e, t, s), s;
 };
-const o = class r extends u {
+const o = class a extends u {
   constructor() {
     super(...arguments), this._options = [], this.selectedIndex = -1, this.selectedOptions = [], this.shouldSkipFocus = !1, this.typeaheadBuffer = "", this.typeaheadExpired = !0, this.typeaheadTimeout = -1, this._activeDescendant = null;
   }
@@ -104,6 +104,13 @@ const o = class r extends u {
     ), t = new RegExp(`^${e}`, "gi");
     return this.options.filter((i) => i.text.trim().match(t));
   }
+  /**
+   * Finds the index of the next non-disabled option starting from the given index.
+   *
+   * @param fromIndex - The index to start searching from (inclusive)
+   * @returns The index of the next selectable option, or -1 if none found
+   * @internal
+   */
   getNextSelectableIndex(e) {
     const t = this.options.reduce(
       (i, s, n) => !i && !s.disabled && n >= e ? s : i,
@@ -111,6 +118,20 @@ const o = class r extends u {
     );
     return this.options.indexOf(t);
   }
+  /**
+   * Finds the index of the previous non-disabled option starting from the given index.
+   *
+   * @param fromIndex - The index to start searching from (inclusive)
+   * @returns The index of the previous selectable option, or -1 if none found
+   * @internal
+   */
+  getPreviousSelectableIndex(e) {
+    const t = this.options.reduceRight(
+      (i, s, n) => !i && !s.disabled && n <= e ? s : i,
+      null
+    );
+    return this.options.indexOf(t);
+  }
   /**
    * Handles external changes to child options.
    *
@@ -123,7 +144,7 @@ const o = class r extends u {
     switch (t) {
       case "selected": {
         /* v8 ignore else -- @preserve */
-        r.slottedOptionFilter(e) && (this.selectedIndex = this.options.indexOf(e)), this.setSelectedOptions();
+        a.slottedOptionFilter(e) && (this.selectedIndex = this.options.indexOf(e)), this.setSelectedOptions();
         break;
       }
     }
@@ -142,7 +163,7 @@ const o = class r extends u {
     /* v8 ignore else -- @preserve */
     this.typeaheadTimeout && window.clearTimeout(this.typeaheadTimeout), this.typeaheadTimeout = window.setTimeout(
       () => this.typeaheadExpired = !0,
-      r.TYPE_AHEAD_TIMEOUT_MS
+      a.TYPE_AHEAD_TIMEOUT_MS
     ), this.typeaheadBuffer = `${this.typeaheadExpired ? "" : this.typeaheadBuffer}${e}`;
   }
   /**
@@ -156,7 +177,7 @@ const o = class r extends u {
     this.shouldSkipFocus = !1;
     const t = e.key;
     switch (t) {
-      case m: {
+      case v: {
         /* v8 ignore else -- @preserve */
         e.shiftKey || (e.preventDefault(), this.selectFirstOption());
         break;
@@ -175,10 +196,10 @@ const o = class r extends u {
         e.preventDefault(), this.selectLastOption();
         break;
       }
-      case I:
-        return this.focusAndScrollOptionIntoView(), !0;
       case y:
+        return this.focusAndScrollOptionIntoView(), !0;
       case O:
+      case I:
         return !0;
       case x: {
         /* v8 ignore else -- @preserve */
@@ -225,7 +246,7 @@ const o = class r extends u {
    * @internal
    */
   selectedOptionsChanged(e, t) {
-    const i = t.filter(r.slottedOptionFilter);
+    const i = t.filter(a.slottedOptionFilter);
     this.options.forEach((s) => {
       const n = h.getNotifier(s);
       n.unsubscribe(this, "selected"), s.selected = i.includes(s), n.subscribe(this, "selected");
@@ -247,7 +268,7 @@ const o = class r extends u {
    */
   selectLastOption() {
     /* v8 ignore else -- @preserve */
-    this.disabled || (this.selectedIndex = k(this.options, (e) => !e.disabled));
+    this.disabled || (this.selectedIndex = _(this.options, (e) => !e.disabled));
   }
   /**
    * Moves focus to the next selectable option.
@@ -256,7 +277,10 @@ const o = class r extends u {
    */
   selectNextOption() {
     /* v8 ignore else -- @preserve */
-    !this.disabled && this.selectedIndex < this.options.length - 1 && (this.selectedIndex += 1);
+    if (!this.disabled && this.selectedIndex < this.options.length - 1) {
+      const e = this.getNextSelectableIndex(this.selectedIndex + 1);
+      e !== -1 && (this.selectedIndex = e);
+    }
   }
   /**
    * Moves focus to the previous selectable option.
@@ -265,7 +289,10 @@ const o = class r extends u {
    */
   selectPreviousOption() {
     /* v8 ignore else -- @preserve */
-    !this.disabled && this.selectedIndex > 0 && (this.selectedIndex = this.selectedIndex - 1);
+    if (!this.disabled && this.selectedIndex > 0) {
+      const e = this.getPreviousSelectableIndex(this.selectedIndex - 1);
+      e !== -1 && (this.selectedIndex = e);
+    }
   }
   /// For this options change, determine if selectedIndex should change based on defaultSelected. Otherwise, returns null.
   _newDefaultSelectedIndex(e, t, i) {
@@ -298,7 +325,7 @@ const o = class r extends u {
     }, []);
     const i = `${this.options.length}`;
     this.options.forEach((s, n) => {
-      s.id || (s.id = _("option-")), s.ariaPosInSet = `${n + 1}`, s.ariaSetSize = i;
+      s.id || (s.id = m("option-")), s.ariaPosInSet = `${n + 1}`, s.ariaSetSize = i;
     });
   }
   /**
@@ -323,19 +350,19 @@ l([
   f({ mode: "boolean" })
 ], o.prototype, "disabled");
 l([
-  a
+  r
 ], o.prototype, "selectedIndex");
 l([
-  a
+  r
 ], o.prototype, "selectedOptions");
 l([
-  a
+  r
 ], o.prototype, "slottedOptions");
 l([
-  a
+  r
 ], o.prototype, "typeaheadBuffer");
 l([
-  a
+  r
 ], o.prototype, "_activeDescendant");
 let A = o;
 export {

package/bundled/localized.cjs

@@ -1 +1 @@
-"use strict";const s=require("./vivid-element.cjs"),l="Play",c="Pause",d="Replay",u="Duration",p="LIVE",b="Loaded",g="Progress",h="Fullscreen",m="Mute",y="Unmute",L="Subtitles",f="Captions",C="Chapters",k="Descriptions",S="Close",v="Text",P="White",T="Black",w="Red",M="Green",D="Blue",B="Yellow",x="Magenta",E="Cyan",A="Background",$="Window",F="Transparent",O="Opaque",R="None",I="Raised",N="Depressed",U="Uniform",W="Casual",Y="Script",z="Reset",V="Done",G="Color",_="Opacity",q={"Audio Player":"Audio Player","Video Player":"Video Player",Play:l,Pause:c,Replay:d,"Current Time":"Current Time",Duration:u,"Remaining Time":"Remaining Time","Stream Type":"Stream Type",LIVE:p,"Seek to live, currently behind live":"Seek to live, currently behind live","Seek to live, currently playing live":"Seek to live, currently playing live",Loaded:b,Progress:g,"Progress Bar":"Progress Bar","progress bar timing: currentTime={1} duration={2}":"{1} of {2}",Fullscreen:h,"Exit Fullscreen":"Exit Fullscreen",Mute:m,Unmute:y,"Playback Rate":"Playback Rate",Subtitles:L,"subtitles off":"subtitles off",Captions:f,"captions off":"captions off",Chapters:C,Descriptions:k,"descriptions off":"descriptions off","Audio Track":"Audio Track","Volume Level":"Volume Level","You aborted the media playback":"You aborted the media playback","A network error caused the media download to fail part-way.":"A network error caused the media download to fail part-way.","The media could not be loaded, either because the server or network failed or because the format is not supported.":"The media could not be loaded, either because the server or network failed or because the format is not supported.","The media playback was aborted due to a corruption problem or because the media used features your browser did not support.":"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.","No compatible source was found for this media.":"No compatible source was found for this media.","The media is encrypted and we do not have the keys to decrypt it.":"The media is encrypted and we do not have the keys to decrypt it.","Play Video":"Play Video",Close:S,"Close Modal Dialog":"Close Modal Dialog","Modal Window":"Modal Window","This is a modal window":"This is a modal window","This modal can be closed by pressing the Escape key or activating the close button.":"This modal can be closed by pressing the Escape key or activating the close button.",", opens captions settings dialog":", opens captions settings dialog",", opens subtitles settings dialog":", opens subtitles settings dialog",", opens descriptions settings dialog":", opens descriptions settings dialog",", selected":", selected","captions settings":"captions settings","subtitles settings":"subtitles settings","descriptions settings":"descriptions settings",Text:v,White:P,Black:T,Red:w,Green:M,Blue:D,Yellow:B,Magenta:x,Cyan:E,Background:A,Window:$,Transparent:F,"Semi-Transparent":"Semi-Transparent",Opaque:O,"Font Size":"Font Size","Text Edge Style":"Text Edge Style",None:R,Raised:I,Depressed:N,Uniform:U,"Drop shadow":"Drop shadow","Font Family":"Font Family","Proportional Sans-Serif":"Proportional Sans-Serif","Monospace Sans-Serif":"Monospace Sans-Serif","Proportional Serif":"Proportional Serif","Monospace Serif":"Monospace Serif",Casual:W,Script:Y,"Small Caps":"Small Caps",Reset:z,"restore all settings to the default values":"restore all settings to the default values",Done:V,"Caption Settings Dialog":"Caption Settings Dialog","Beginning of dialog window. Escape will cancel and close the window.":"Beginning of dialog window. Escape will cancel and close the window.","End of dialog window.":"End of dialog window.","{1} is loading.":"{1} is loading.","Exit Picture-in-Picture":"Exit Picture-in-Picture","Picture-in-Picture":"Picture-in-Picture","No content":"No content",Color:G,Opacity:_,"Text Background":"Text Background","Caption Area Background":"Caption Area Background","Playing in Picture-in-Picture":"Playing in Picture-in-Picture","Skip backward {1} seconds":"Skip backward {1} seconds","Skip forward {1} seconds":"Skip forward {1} seconds"},j=Object.freeze(Object.defineProperty({__proto__:null,Background:A,Black:T,Blue:D,Captions:f,Casual:W,Chapters:C,Close:S,Color:G,Cyan:E,Depressed:N,Descriptions:k,Done:V,Duration:u,Fullscreen:h,Green:M,LIVE:p,Loaded:b,Magenta:x,Mute:m,None:R,Opacity:_,Opaque:O,Pause:c,Play:l,Progress:g,Raised:I,Red:w,Replay:d,Reset:z,Script:Y,Subtitles:L,Text:v,Transparent:F,Uniform:U,Unmute:y,White:P,Window:$,Yellow:B,default:q},Symbol.toStringTag,{value:"Module"})),K={lang:"en-US",common:{useCommaAsDecimalSeparator:!1},pickerField:{clearLabel:"Clear",okLabel:"OK"},calendarPicker:{months:{name:["January","February","March","April","May","June","July","August","September","October","November","December"],shorthand:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},weekdays:{name:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shorthand:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},firstDayOfWeek:0,dateFormat:"MM/dd/yyyy",dateFormatPlaceholder:"MM/DD/YYYY",chooseDateLabel:"Choose date",changeDateLabel:e=>`Change date, ${e}`,chooseDatesLabel:"Choose dates",changeDatesLabel:e=>`Change dates, ${e}`,prevYearLabel:"Previous year",prevMonthLabel:"Previous month",nextMonthLabel:"Next month",nextYearLabel:"Next year",todayLabel:"today",selectedLabel:"selected",currentLabel:"current",changeMonthLabel:e=>`Change month, ${e} selected`,showCalendarForMonthLabel:e=>`Show calendar for ${e}`,invalidDateError:"Please enter a valid date.",invalidDateRangeError:"Please enter a valid date range.",startDateAfterMinDateError:e=>`The start date must be ${e} or later.`,endDateBeforeMaxDateError:e=>`The end date must be ${e} or earlier.`},timePicker:{defaultTo12HourClock:!0,chooseTimeLabel:"Choose time",changeTimeLabel:e=>`Change time, ${e}`,hoursLabel:"hours",minutesLabel:"minutes",secondsLabel:"seconds",meridiesLabel:"AM/PM",invalidTimeError:"Please enter a valid time."},dateTimePicker:{chooseDateTimeLabel:"Choose date and time",changeDateTimeLabel:e=>`Change date and time, ${e}`,invalidDateTimeError:"Please enter a valid date and time.",dateBeforeMinDateError:e=>`Date must be ${e} or later.`,dateAfterMaxDateError:e=>`Date must be ${e} or earlier.`,timeBeforeMinTimeError:e=>`Time must be ${e} or later.`,timeAfterMaxTimeError:e=>`Time must be ${e} or earlier.`},filePicker:{invalidFileTypeError:"You can't select files of this type.",maxFilesExceededError:"You can't select any more files.",fileTooBigError:"File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",removeFileLabel:"Remove file",invalidFilesError:"One or more selected files are invalid. Please, upload only valid file types under the size limit.",uploadFilesLabel:"Upload files"},audioPlayer:{playButtonLabel:"Play",pauseButtonLabel:"Pause",sliderLabel:"Audio progress bar",skipForwardButton:"Skip Forward",skipBackwardButton:"Skip Backward"},alert:{dismissButtonLabel:"Close"},dialog:{dismissButtonLabel:"Close"},banner:{dismissButtonLabel:"Close"},numberField:{incrementButtonLabel:e=>e===1?"Increase value":`Increase value by ${e}`,decrementButtonLabel:e=>e===1?"Decrease value":`Decrease value by ${e}`,updatedValueAnnouncement:e=>`Updated value: ${e}`},splitButton:{showMoreActionsLabel:"Show more actions"},videoPlayer:j,rangeSlider:{startThumbLabel:"min",endThumbLabel:"max"},dialPad:{inputLabel:"Phone number",deleteButtonLabel:"Delete last digit",callButtonLabel:"Call",endCallButtonLabel:"End call",digitOneLabel:"1",digitTwoLabel:"2 ABC",digitThreeLabel:"3 DEF",digitFourLabel:"4 GHI",digitFiveLabel:"5 JKL",digitSixLabel:"6 MNO",digitSevenLabel:"7 PQRS",digitEightLabel:"8 TUV",digitNineLabel:"9 WXYZ",digitAsteriskLabel:"*",digitZeroLabel:"0",digitHashtagLabel:"#",errorLabel:"Error:"},tab:{dismissButtonLabel:"Press the DELETE key to close this tab"},searchableSelect:{clearButtonLabel:"Clear selection",noOptionsMessage:"No options",noMatchesMessage:"No options found",selectAllLabel:"Select All",deselectAllLabel:"Deselect All",selectedAllMessage:"All options selected",deselectedAllMessage:"All options deselected",loadingOptionsMessage:"Loading...",removeTagButtonLabel:e=>`Remove ${e}`,optionSelectedMessage:e=>`Option ${e} selected.`,optionDeselectedMessage:e=>`Option ${e} deselected.`,optionFocusedMessage:(e,t,o,n)=>`Option ${e} focused, ${n?"selected, ":""}${t} of ${o}.`,maxSelectedMessage:(e,t)=>`${e} of ${t} selected.`},richTextEditor:{paragraphStyles:"Paragraph styles",textSize:"Text size",bold:"Bold",italic:"Italic",underline:"Underline",strikethrough:"Strikethrough",monospace:"Monospace",textColor:"Text color",undo:"Undo",redo:"Redo",bulletList:"Bullet list",numberedList:"Numbered list",alignment:"Alignment",alignments:{left:"Left",center:"Center",right:"Right"},hyperlink:"Hyperlink",linkText:"Text",linkUrl:"URL",linkTextPlaceholder:"Type text to convert into link",linkUrlPlaceholder:"Insert link URL",cancel:"Cancel",apply:"Apply",close:"Close",edit:"Edit",delete:"Delete",clickHere:"Click here",imageSizes:{small:"Small",fit:"Fit",original:"Original size"}},button:{pendingLabel:"Loading..."},feedbackMessage:{errorIconText:"Error:",successIconText:"Success:"},connotationAnnoncement:{accentIcon:"Accent:",alertIcon:"Alert:",informationIcon:"Information:",successIcon:"Success:",warningIcon:"Warning:",announcementIcon:"Announcement:",ctaIcon:"Call to action:"},charCount:{charactersLimitMessage:e=>`You can enter up to ${e} characters`,charactersRemainingMessage:e=>`You have ${e} characters remaining`},dataGrid:{cell:{selected:"Selected",button:"(button)",sortStatus:{ascending:"Sorted ascending.",descending:"Sorted descending.",none:"Not sorted.",other:"Custom sort applied."},sortInstruction:{ascending:"Click to sort descending.",descending:"Click to un-sort.",none:"Click to sort ascending.",other:"Click to reset sorting."}}},pagination:{previousPageLabel:"Go to previous page",nextPageLabel:"Go to next page",goToPageLabel:e=>`Go to page ${e}`},tag:{remove:e=>`Remove ${e}`},toggletip:{anchorLabel:e=>e?`Show more information about ${e}`:"Show more information"},baseColorPicker:{colorSwatchLabel:(e,t,o)=>{let n=t?`Select ${t}, hex: ${e}`:`Select ${e}`;return o&&(n+=", selected."),n}},simpleColorPicker:{colorPaletteLabel:"Color palette"},colorPicker:{popupLabel:"Color Picker",swatchesLabel:"Saved colors",pickerButtonLabel:"Color Picker",hexInputLabel:"HEX color code",saveButtonLabel:"Save current color",closeButtonLabel:"Close Color Picker",copyButtonLabel:"Copy color to clipboard",copyErrorText:"Copy failed. Clipboard access was blocked. Try again.",copySuccessMessage:e=>`Color ${e} copied to clipboard.`,selectionSuccessMessage:e=>`Color ${e} selected.`,maxSwatchesMessage:(e,t)=>`${e} of ${t} colors saved.`}};var X=Object.defineProperty,Z=(e,t,o,n)=>{for(var a=void 0,i=e.length-1,r;i>=0;i--)(r=e[i])&&(a=r(t,o,a)||a);return a&&X(t,o,a),a};class H{constructor(){this.locale=K}}Z([s.observable],H.prototype,"locale");const Q=new H,J=e=>{class t extends e{get locale(){return Q.locale}}return t},ee=e=>{class t extends J(e){localeChanged(){}connectedCallback(){super.connectedCallback(),this.#o()}disconnectedCallback(){super.disconnectedCallback(),this.#a()}#t={handleChange:()=>{this.localeChanged()}};#e;#o(){this.#e=s.Observable.binding(()=>this.locale,this.#t),this.#e.observe(this,s.ExecutionContext.default)}#a(){this.#e.dispose()}}return t};exports.Localized=J;exports.WithObservableLocale=ee;
+"use strict";const i=require("./vivid-element.cjs"),l="Play",c="Pause",d="Replay",u="Duration",p="LIVE",b="Loaded",g="Progress",h="Fullscreen",m="Mute",y="Unmute",L="Subtitles",f="Captions",C="Chapters",S="Descriptions",k="Close",v="Text",P="White",T="Black",w="Red",M="Green",B="Blue",D="Yellow",x="Magenta",E="Cyan",A="Background",$="Window",F="Transparent",O="Opaque",R="None",I="Raised",N="Depressed",U="Uniform",W="Casual",Y="Script",z="Reset",V="Done",G="Color",_="Opacity",q={"Audio Player":"Audio Player","Video Player":"Video Player",Play:l,Pause:c,Replay:d,"Current Time":"Current Time",Duration:u,"Remaining Time":"Remaining Time","Stream Type":"Stream Type",LIVE:p,"Seek to live, currently behind live":"Seek to live, currently behind live","Seek to live, currently playing live":"Seek to live, currently playing live",Loaded:b,Progress:g,"Progress Bar":"Progress Bar","progress bar timing: currentTime={1} duration={2}":"{1} of {2}",Fullscreen:h,"Exit Fullscreen":"Exit Fullscreen",Mute:m,Unmute:y,"Playback Rate":"Playback Rate",Subtitles:L,"subtitles off":"subtitles off",Captions:f,"captions off":"captions off",Chapters:C,Descriptions:S,"descriptions off":"descriptions off","Audio Track":"Audio Track","Volume Level":"Volume Level","You aborted the media playback":"You aborted the media playback","A network error caused the media download to fail part-way.":"A network error caused the media download to fail part-way.","The media could not be loaded, either because the server or network failed or because the format is not supported.":"The media could not be loaded, either because the server or network failed or because the format is not supported.","The media playback was aborted due to a corruption problem or because the media used features your browser did not support.":"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.","No compatible source was found for this media.":"No compatible source was found for this media.","The media is encrypted and we do not have the keys to decrypt it.":"The media is encrypted and we do not have the keys to decrypt it.","Play Video":"Play Video",Close:k,"Close Modal Dialog":"Close Modal Dialog","Modal Window":"Modal Window","This is a modal window":"This is a modal window","This modal can be closed by pressing the Escape key or activating the close button.":"This modal can be closed by pressing the Escape key or activating the close button.",", opens captions settings dialog":", opens captions settings dialog",", opens subtitles settings dialog":", opens subtitles settings dialog",", opens descriptions settings dialog":", opens descriptions settings dialog",", selected":", selected","captions settings":"captions settings","subtitles settings":"subtitles settings","descriptions settings":"descriptions settings",Text:v,White:P,Black:T,Red:w,Green:M,Blue:B,Yellow:D,Magenta:x,Cyan:E,Background:A,Window:$,Transparent:F,"Semi-Transparent":"Semi-Transparent",Opaque:O,"Font Size":"Font Size","Text Edge Style":"Text Edge Style",None:R,Raised:I,Depressed:N,Uniform:U,"Drop shadow":"Drop shadow","Font Family":"Font Family","Proportional Sans-Serif":"Proportional Sans-Serif","Monospace Sans-Serif":"Monospace Sans-Serif","Proportional Serif":"Proportional Serif","Monospace Serif":"Monospace Serif",Casual:W,Script:Y,"Small Caps":"Small Caps",Reset:z,"restore all settings to the default values":"restore all settings to the default values",Done:V,"Caption Settings Dialog":"Caption Settings Dialog","Beginning of dialog window. Escape will cancel and close the window.":"Beginning of dialog window. Escape will cancel and close the window.","End of dialog window.":"End of dialog window.","{1} is loading.":"{1} is loading.","Exit Picture-in-Picture":"Exit Picture-in-Picture","Picture-in-Picture":"Picture-in-Picture","No content":"No content",Color:G,Opacity:_,"Text Background":"Text Background","Caption Area Background":"Caption Area Background","Playing in Picture-in-Picture":"Playing in Picture-in-Picture","Skip backward {1} seconds":"Skip backward {1} seconds","Skip forward {1} seconds":"Skip forward {1} seconds"},j=Object.freeze(Object.defineProperty({__proto__:null,Background:A,Black:T,Blue:B,Captions:f,Casual:W,Chapters:C,Close:k,Color:G,Cyan:E,Depressed:N,Descriptions:S,Done:V,Duration:u,Fullscreen:h,Green:M,LIVE:p,Loaded:b,Magenta:x,Mute:m,None:R,Opacity:_,Opaque:O,Pause:c,Play:l,Progress:g,Raised:I,Red:w,Replay:d,Reset:z,Script:Y,Subtitles:L,Text:v,Transparent:F,Uniform:U,Unmute:y,White:P,Window:$,Yellow:D,default:q},Symbol.toStringTag,{value:"Module"})),K={lang:"en-US",common:{useCommaAsDecimalSeparator:!1},pickerField:{clearLabel:"Clear",okLabel:"OK"},calendarPicker:{months:{name:["January","February","March","April","May","June","July","August","September","October","November","December"],shorthand:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},weekdays:{name:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shorthand:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},firstDayOfWeek:0,dateFormat:"MM/dd/yyyy",dateFormatPlaceholder:"MM/DD/YYYY",chooseDateLabel:"Choose date",changeDateLabel:e=>`Change date, ${e}`,chooseDatesLabel:"Choose dates",changeDatesLabel:e=>`Change dates, ${e}`,prevYearLabel:"Previous year",prevMonthLabel:"Previous month",nextMonthLabel:"Next month",nextYearLabel:"Next year",todayLabel:"today",selectedLabel:"selected",currentLabel:"current",changeMonthLabel:e=>`Change month, ${e} selected`,showCalendarForMonthLabel:e=>`Show calendar for ${e}`,invalidDateError:"Please enter a valid date.",invalidDateRangeError:"Please enter a valid date range.",startDateAfterMinDateError:e=>`The start date must be ${e} or later.`,endDateBeforeMaxDateError:e=>`The end date must be ${e} or earlier.`},timePicker:{defaultTo12HourClock:!0,chooseTimeLabel:"Choose time",changeTimeLabel:e=>`Change time, ${e}`,hoursLabel:"hours",minutesLabel:"minutes",secondsLabel:"seconds",meridiesLabel:"AM/PM",invalidTimeError:"Please enter a valid time."},dateTimePicker:{chooseDateTimeLabel:"Choose date and time",changeDateTimeLabel:e=>`Change date and time, ${e}`,invalidDateTimeError:"Please enter a valid date and time.",dateBeforeMinDateError:e=>`Date must be ${e} or later.`,dateAfterMaxDateError:e=>`Date must be ${e} or earlier.`,timeBeforeMinTimeError:e=>`Time must be ${e} or later.`,timeAfterMaxTimeError:e=>`Time must be ${e} or earlier.`},filePicker:{invalidFileTypeError:"You can't select files of this type.",maxFilesExceededError:"You can't select any more files.",fileTooBigError:"File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",removeFileLabel:"Remove file",invalidFilesError:"One or more selected files are invalid. Please, upload only valid file types under the size limit.",uploadFilesLabel:"Upload files"},audioPlayer:{playButtonLabel:"Play",pauseButtonLabel:"Pause",sliderLabel:"Audio progress bar",skipForwardButton:"Skip Forward",skipBackwardButton:"Skip Backward"},alert:{dismissButtonLabel:"Close"},dialog:{dismissButtonLabel:"Close"},popover:{dismissButtonLabel:"Close"},banner:{dismissButtonLabel:"Close"},numberField:{incrementButtonLabel:e=>e===1?"Increase value":`Increase value by ${e}`,decrementButtonLabel:e=>e===1?"Decrease value":`Decrease value by ${e}`,updatedValueAnnouncement:e=>`Updated value: ${e}`},splitButton:{showMoreActionsLabel:"Show more actions"},videoPlayer:j,rangeSlider:{startThumbLabel:"min",endThumbLabel:"max"},dialPad:{inputLabel:"Phone number",deleteButtonLabel:"Delete last digit",callButtonLabel:"Call",endCallButtonLabel:"End call",digitOneLabel:"1",digitTwoLabel:"2 ABC",digitThreeLabel:"3 DEF",digitFourLabel:"4 GHI",digitFiveLabel:"5 JKL",digitSixLabel:"6 MNO",digitSevenLabel:"7 PQRS",digitEightLabel:"8 TUV",digitNineLabel:"9 WXYZ",digitAsteriskLabel:"*",digitZeroLabel:"0",digitHashtagLabel:"#",errorLabel:"Error:"},tab:{dismissButtonLabel:"Press the DELETE key to close this tab"},searchableSelect:{clearButtonLabel:"Clear selection",noOptionsMessage:"No options",noMatchesMessage:"No options found",selectAllLabel:"Select All",deselectAllLabel:"Deselect All",selectedAllMessage:"All options selected",deselectedAllMessage:"All options deselected",loadingOptionsMessage:"Loading...",removeTagButtonLabel:e=>`Remove ${e}`,optionSelectedMessage:e=>`Option ${e} selected.`,optionDeselectedMessage:e=>`Option ${e} deselected.`,optionFocusedMessage:(e,t,o,n)=>`Option ${e} focused, ${n?"selected, ":""}${t} of ${o}.`,maxSelectedMessage:(e,t)=>`${e} of ${t} selected.`},richTextEditor:{paragraphStyles:"Paragraph styles",textSize:"Text size",bold:"Bold",italic:"Italic",underline:"Underline",strikethrough:"Strikethrough",monospace:"Monospace",textColor:"Text color",undo:"Undo",redo:"Redo",bulletList:"Bullet list",numberedList:"Numbered list",alignment:"Alignment",alignments:{left:"Left",center:"Center",right:"Right"},hyperlink:"Hyperlink",linkText:"Text",linkUrl:"URL",linkTextPlaceholder:"Type text to convert into link",linkUrlPlaceholder:"Insert link URL",cancel:"Cancel",apply:"Apply",close:"Close",edit:"Edit",delete:"Delete",imageSizes:{small:"Small",fit:"Fit",original:"Original size"}},button:{pendingLabel:"Loading..."},feedbackMessage:{errorIconText:"Error:",successIconText:"Success:"},connotationAnnoncement:{accentIcon:"Accent:",alertIcon:"Alert:",informationIcon:"Information:",successIcon:"Success:",warningIcon:"Warning:",announcementIcon:"Announcement:",ctaIcon:"Call to action:"},charCount:{charactersLimitMessage:e=>`You can enter up to ${e} characters`,charactersRemainingMessage:e=>`You have ${e} characters remaining`},dataGrid:{cell:{selected:"Selected",button:"(button)",sortStatus:{ascending:"Sorted ascending.",descending:"Sorted descending.",none:"Not sorted.",other:"Custom sort applied."},sortInstruction:{ascending:"Click to sort descending.",descending:"Click to un-sort.",none:"Click to sort ascending.",other:"Click to reset sorting."}}},pagination:{previousPageLabel:"Go to previous page",nextPageLabel:"Go to next page",goToPageLabel:e=>`Go to page ${e}`},tag:{remove:e=>`Remove ${e}`},toggletip:{anchorLabel:e=>e?`Show more information about ${e}`:"Show more information"},baseColorPicker:{colorSwatchLabel:(e,t,o)=>{let n=t?`Select ${t}, hex: ${e}`:`Select ${e}`;return o&&(n+=", selected."),n}},simpleColorPicker:{colorPaletteLabel:"Color palette"},colorPicker:{popupLabel:"Color Picker",swatchesLabel:"Saved colors",pickerButtonLabel:"Color Picker",hexInputLabel:"HEX color code",saveButtonLabel:"Save current color",closeButtonLabel:"Close Color Picker",copyButtonLabel:"Copy color to clipboard",copyErrorText:"Copy failed. Clipboard access was blocked. Try again.",copySuccessMessage:e=>`Color ${e} copied to clipboard.`,selectionSuccessMessage:e=>`Color ${e} selected.`,maxSwatchesMessage:(e,t)=>`${e} of ${t} colors saved.`}};var X=Object.defineProperty,Z=(e,t,o,n)=>{for(var a=void 0,s=e.length-1,r;s>=0;s--)(r=e[s])&&(a=r(t,o,a)||a);return a&&X(t,o,a),a};class J{constructor(){this.locale=K}}Z([i.observable],J.prototype,"locale");const Q=new J,H=e=>{class t extends e{get locale(){return Q.locale}}return t},ee=e=>{class t extends H(e){localeChanged(){}connectedCallback(){super.connectedCallback(),this.#o()}disconnectedCallback(){super.disconnectedCallback(),this.#a()}#t={handleChange:()=>{this.localeChanged()}};#e;#o(){this.#e=i.Observable.binding(()=>this.locale,this.#t),this.#e.observe(this,i.ExecutionContext.default)}#a(){this.#e.dispose()}}return t};exports.Localized=H;exports.WithObservableLocale=ee;

package/bundled/localized.js

@@ -1,5 +1,5 @@
-import { o as H, O as J, E as j } from "./vivid-element.js";
-const r = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Loaded", b = "Progress", g = "Fullscreen", h = "Mute", m = "Unmute", y = "Subtitles", L = "Captions", f = "Chapters", C = "Descriptions", k = "Close", S = "Text", P = "White", v = "Black", T = "Red", w = "Green", M = "Blue", D = "Yellow", B = "Magenta", x = "Cyan", E = "Background", A = "Window", $ = "Transparent", F = "Opaque", O = "None", R = "Raised", I = "Depressed", N = "Uniform", U = "Casual", W = "Script", Y = "Reset", z = "Done", V = "Color", G = "Opacity", q = {
+import { o as J, O as H, E as j } from "./vivid-element.js";
+const r = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Loaded", b = "Progress", g = "Fullscreen", h = "Mute", m = "Unmute", y = "Subtitles", L = "Captions", f = "Chapters", C = "Descriptions", S = "Close", k = "Text", P = "White", v = "Black", T = "Red", w = "Green", M = "Blue", B = "Yellow", D = "Magenta", x = "Cyan", E = "Background", A = "Window", $ = "Transparent", F = "Opaque", O = "None", R = "Raised", I = "Depressed", N = "Uniform", U = "Casual", W = "Script", Y = "Reset", z = "Done", V = "Color", G = "Opacity", q = {
   "Audio Player": "Audio Player",
   "Video Player": "Video Player",
   Play: r,
@@ -37,7 +37,7 @@ const r = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
   "No compatible source was found for this media.": "No compatible source was found for this media.",
   "The media is encrypted and we do not have the keys to decrypt it.": "The media is encrypted and we do not have the keys to decrypt it.",
   "Play Video": "Play Video",
-  Close: k,
+  Close: S,
   "Close Modal Dialog": "Close Modal Dialog",
   "Modal Window": "Modal Window",
   "This is a modal window": "This is a modal window",
@@ -49,14 +49,14 @@ const r = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
   "captions settings": "captions settings",
   "subtitles settings": "subtitles settings",
   "descriptions settings": "descriptions settings",
-  Text: S,
+  Text: k,
   White: P,
   Black: v,
   Red: T,
   Green: w,
   Blue: M,
-  Yellow: D,
-  Magenta: B,
+  Yellow: B,
+  Magenta: D,
   Cyan: x,
   Background: E,
   Window: A,
@@ -103,7 +103,7 @@ const r = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
   Captions: L,
   Casual: U,
   Chapters: f,
-  Close: k,
+  Close: S,
   Color: V,
   Cyan: x,
   Depressed: I,
@@ -114,7 +114,7 @@ const r = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
   Green: w,
   LIVE: u,
   Loaded: p,
-  Magenta: B,
+  Magenta: D,
   Mute: h,
   None: O,
   Opacity: G,
@@ -128,13 +128,13 @@ const r = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
   Reset: Y,
   Script: W,
   Subtitles: y,
-  Text: S,
+  Text: k,
   Transparent: $,
   Uniform: N,
   Unmute: m,
   White: P,
   Window: A,
-  Yellow: D,
+  Yellow: B,
   default: q
 }, Symbol.toStringTag, { value: "Module" })), X = {
   lang: "en-US",
@@ -285,6 +285,9 @@ const r = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
   dialog: {
     dismissButtonLabel: "Close"
   },
+  popover: {
+    dismissButtonLabel: "Close"
+  },
   banner: {
     dismissButtonLabel: "Close"
   },
@@ -391,7 +394,6 @@ const r = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
     close: "Close",
     edit: "Edit",
     delete: "Delete",
-    clickHere: "Click here",
     imageSizes: {
       small: "Small",
       fit: "Fit",
@@ -508,7 +510,7 @@ class _ {
   }
 }
 Q([
-  H
+  J
 ], _.prototype, "locale");
 const ee = new _(), te = (e) => {
   class t extends e {
@@ -541,7 +543,7 @@ const ee = new _(), te = (e) => {
     };
     #e;
     #o() {
-      this.#e = J.binding(
+      this.#e = H.binding(
         () => this.locale,
         this.#t
       ), this.#e.observe(this, j.default);

package/bundled/vivid-element.cjs

@@ -1,5 +1,5 @@
-"use strict";let D;const mt="fast-kernel";try{if(document.currentScript)D=document.currentScript.getAttribute(mt);else{const i=document.getElementsByTagName("script");D=i[i.length-1].getAttribute(mt)}}catch{D="isolate"}let x;switch(D){case"share":x=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":x=Object.freeze({updateQueue:1.2,observable:2.2,contextEvent:3.2,elementRegistry:4.2});break;default:const i=`-${Math.random().toString(36).substring(2,8)}`;x=Object.freeze({updateQueue:`1.2${i}`,observable:`2.2${i}`,contextEvent:`3.2${i}`,elementRegistry:`4.2${i}`});break}const M=i=>typeof i=="function",N=i=>typeof i=="string",qt=()=>{};var P=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ve(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}(function(){if(!(typeof globalThis<"u"))if(typeof P<"u")P.globalThis=P;else if(typeof self<"u")self.globalThis=self;else if(typeof window<"u")window.globalThis=window;else{const t=new Function("return this")();t.globalThis=t}})();(function(){"requestIdleCallback"in globalThis||(globalThis.requestIdleCallback=function(e,s){const n=Date.now();return setTimeout(()=>{e({didTimeout:s?.timeout?Date.now()-n>=s.timeout:!1,timeRemaining:()=>0})},1)},globalThis.cancelIdleCallback=function(e){clearTimeout(e)})})();const Qt={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},Qt));const y=globalThis.FAST;if(y.getById===void 0){const i=Object.create(null);Reflect.defineProperty(y,"getById",Object.assign({value(t,e){let s=i[t];return s===void 0&&(s=e?i[t]=e():null),s}},Qt))}y.error===void 0&&Object.assign(y,{warn(){},error(i){return new Error(`Error ${i}`)},addMessages(){}});const ye=Object.freeze([]);function Gt(){const i=new Map;return Object.freeze({register(t){return i.has(t.type)?!1:(i.set(t.type,t),!0)},getByType(t){return i.get(t)},getForInstance(t){if(t!=null)return i.get(t.constructor)}})}function Jt(){const i=new WeakMap;return function(t){let e=i.get(t);if(e===void 0){let s=Reflect.getPrototypeOf(t);for(;e===void 0&&s!==null;)e=i.get(s),s=Reflect.getPrototypeOf(s);e=e===void 0?[]:e.slice(0),i.set(t,e)}return e}}function O(i){i.prototype.toJSON=qt}const v=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),wt=i=>i,me=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:wt}):{createHTML:wt};let z=Object.freeze({createHTML(i){return me.createHTML(i)},protect(i,t,e,s){return s}});const we=z,k=Object.freeze({get policy(){return z},setPolicy(i){if(z!==we)throw y.error(1201);z=i},setAttribute(i,t,e){e==null?i.removeAttribute(t):i.setAttribute(t,e)},setBooleanAttribute(i,t,e){e?i.setAttribute(t,""):i.removeAttribute(t)}}),dt=y.getById(x.updateQueue,()=>{const i=[],t=[],e=globalThis.requestAnimationFrame;let s=!0;function n(){if(t.length)throw t.shift()}function r(d){try{d.call()}catch(l){if(s)t.push(l),setTimeout(n,0);else throw i.length=0,l}}function o(){let l=0;for(;l<i.length;)if(r(i[l]),l++,l>1024){for(let a=0,h=i.length-l;a<h;a++)i[a]=i[a+l];i.length-=l,l=0}i.length=0}function c(d){i.push(d),i.length<2&&(s?e(o):o())}return Object.freeze({enqueue:c,next:()=>new Promise(c),process:o,setMode:d=>s=d})});class q{constructor(t,e){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=t,this.sub1=e}has(t){return this.spillover===void 0?this.sub1===t||this.sub2===t:this.spillover.indexOf(t)!==-1}subscribe(t){const e=this.spillover;if(e===void 0){if(this.has(t))return;if(this.sub1===void 0){this.sub1=t;return}if(this.sub2===void 0){this.sub2=t;return}this.spillover=[this.sub1,this.sub2,t],this.sub1=void 0,this.sub2=void 0}else e.indexOf(t)===-1&&e.push(t)}unsubscribe(t){const e=this.spillover;if(e===void 0)this.sub1===t?this.sub1=void 0:this.sub2===t&&(this.sub2=void 0);else{const s=e.indexOf(t);s!==-1&&e.splice(s,1)}}notify(t){const e=this.spillover,s=this.subject;if(e===void 0){const n=this.sub1,r=this.sub2;n!==void 0&&n.handleChange(s,t),r!==void 0&&r.handleChange(s,t)}else for(let n=0,r=e.length;n<r;++n)e[n].handleChange(s,t)}}class Kt{constructor(t){this.subscribers={},this.subjectSubscribers=null,this.subject=t}notify(t){var e,s;(e=this.subscribers[t])===null||e===void 0||e.notify(t),(s=this.subjectSubscribers)===null||s===void 0||s.notify(t)}subscribe(t,e){var s,n;let r;e?r=(s=this.subscribers[e])!==null&&s!==void 0?s:this.subscribers[e]=new q(this.subject):r=(n=this.subjectSubscribers)!==null&&n!==void 0?n:this.subjectSubscribers=new q(this.subject),r.subscribe(t)}unsubscribe(t,e){var s,n;e?(s=this.subscribers[e])===null||s===void 0||s.unsubscribe(t):(n=this.subjectSubscribers)===null||n===void 0||n.unsubscribe(t)}}const Z=Object.freeze({unknown:void 0,coupled:1}),b=y.getById(x.observable,()=>{const i=dt.enqueue,t=/(:|&&|\|\||if|\?\.)/,e=new WeakMap;let s,n=l=>{throw y.error(1101)};function r(l){var a;let h=(a=l.$fastController)!==null&&a!==void 0?a:e.get(l);return h===void 0&&(Array.isArray(l)?h=n(l):e.set(l,h=new Kt(l))),h}const o=Jt();class c{constructor(a){this.name=a,this.field=`_${a}`,this.callback=`${a}Changed`}getValue(a){return s!==void 0&&s.watch(a,this.name),a[this.field]}setValue(a,h){const u=this.field,g=a[u];if(g!==h){a[u]=h;const $=a[this.callback];M($)&&$.call(a,g,h),r(a).notify(this.name)}}}class d extends q{constructor(a,h,u=!1){super(a,h),this.expression=a,this.isVolatileBinding=u,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(a){this.isAsync=this.needsQueue=a}bind(a){this.controller=a;const h=this.observe(a.source,a.context);return!a.isBound&&this.requiresUnbind(a)&&a.onUnbind(this),h}requiresUnbind(a){return a.sourceLifetime!==Z.coupled||this.first!==this.last||this.first.propertySource!==a.source}unbind(a){this.dispose()}observe(a,h){this.needsRefresh&&this.last!==null&&this.dispose();const u=s;s=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let g;try{g=this.expression(a,h)}finally{s=u}return g}disconnect(){this.dispose()}dispose(){if(this.last!==null){let a=this.first;for(;a!==void 0;)a.notifier.unsubscribe(this,a.propertyName),a=a.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(a,h){const u=this.last,g=r(a),$=u===null?this.first:{};if($.propertySource=a,$.propertyName=h,$.notifier=g,g.subscribe(this,h),u!==null){if(!this.needsRefresh){let yt;s=void 0,yt=u.propertySource[u.propertyName],s=this,a===yt&&(this.needsRefresh=!0)}u.next=$}this.last=$}handleChange(){this.needsQueue?(this.needsQueue=!1,i(this)):this.isAsync||this.call()}call(){this.last!==null&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let a=this.first;for(;a!==void 0;)yield a,a=a.next}}return O(d),Object.freeze({setArrayObserverFactory(l){n=l},getNotifier:r,track(l,a){s&&s.watch(l,a)},trackVolatile(){s&&(s.needsRefresh=!0)},notify(l,a){r(l).notify(a)},defineProperty(l,a){N(a)&&(a=new c(a)),o(l).push(a),Reflect.defineProperty(l,a.name,{enumerable:!0,get(){return a.getValue(this)},set(h){a.setValue(this,h)}})},getAccessors:o,binding(l,a,h=this.isVolatileBinding(l)){return new d(l,a,h)},isVolatileBinding(l){return t.test(l.toString())}})});function Se(i,t){b.defineProperty(i,t)}function Ce(i,t,e){return Object.assign({},e,{get(){return b.trackVolatile(),e.get.apply(this)}})}const St=y.getById(x.contextEvent,()=>{let i=null;return{get(){return i},set(t){i=t}}}),A=Object.freeze({default:{index:0,length:0,get event(){return A.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return St.get()},setEvent(i){St.set(i)}});class tt{constructor(t,e,s=!1){this.evaluate=t,this.policy=e,this.isVolatile=s}}class ke extends tt{createObserver(t){return b.binding(this.evaluate,t,this.isVolatile)}}function ht(i,t,e=b.isVolatileBinding(i)){return new ke(i,t,e)}class Xt extends tt{createObserver(){return this}bind(t){return this.evaluate(t.source,t.context)}}O(Xt);function ut(i,t){return new Xt(i,t)}let Ct;function Yt(i){return i.map(t=>t instanceof m?Yt(t.styles):[t]).reduce((t,e)=>t.concat(e),[])}class m{constructor(t){this.styles=t,this.targets=new WeakSet,this._strategy=null,this.behaviors=t.map(e=>e instanceof m?e.behaviors:null).reduce((e,s)=>s===null?e:e===null?s:e.concat(s),null)}get strategy(){return this._strategy===null&&this.withStrategy(Ct),this._strategy}addStylesTo(t){this.strategy.addStylesTo(t),this.targets.add(t)}removeStylesFrom(t){this.strategy.removeStylesFrom(t),this.targets.delete(t)}isAttachedTo(t){return this.targets.has(t)}withBehaviors(...t){return this.behaviors=this.behaviors===null?t:this.behaviors.concat(t),this}withStrategy(t){return this._strategy=new t(Yt(this.styles)),this}static setDefaultStrategy(t){Ct=t}static normalize(t){return t===void 0?void 0:Array.isArray(t)?new m(t):t instanceof m?t:new m([t])}}m.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const kt=/fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/,Tt=/fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/,$t=/fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/,Nt=/fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/,Bt=/^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/,xt=/fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;function At(i){return i&&i.nodeType===Node.COMMENT_NODE}const w=Object.freeze({attributeMarkerName:"data-fe-b",attributeBindingSeparator:" ",contentBindingStartMarker(i,t){return`fe-b$$start$$${i}$$${t}$$fe-b`},contentBindingEndMarker(i,t){return`fe-b$$end$$${i}$$${t}$$fe-b`},repeatStartMarker(i){return`fe-repeat$$start$$${i}$$fe-repeat`},repeatEndMarker(i){return`fe-repeat$$end$$${i}$$fe-repeat`},isContentBindingStartMarker(i){return kt.test(i)},isContentBindingEndMarker(i){return Tt.test(i)},isRepeatViewStartMarker(i){return $t.test(i)},isRepeatViewEndMarker(i){return Nt.test(i)},isElementBoundaryStartMarker(i){return At(i)&&Bt.test(i.data.trim())},isElementBoundaryEndMarker(i){return At(i)&&xt.test(i.data)},parseAttributeBinding(i){const t=i.getAttribute(this.attributeMarkerName);return t===null?t:t.split(this.attributeBindingSeparator).map(e=>parseInt(e))},parseEnumeratedAttributeBinding(i){const t=[],e=this.attributeMarkerName.length+1,s=`${this.attributeMarkerName}-`;for(const n of i.getAttributeNames())if(n.startsWith(s)){const r=Number(n.slice(e));if(!Number.isNaN(r))t.push(r);else throw new Error(`Invalid attribute marker name: ${n}. Expected format is ${s}<number>.`)}return t.length===0?null:t},parseContentBindingStartMarker(i){return Et(kt,i)},parseContentBindingEndMarker(i){return Et(Tt,i)},parseRepeatStartMarker(i){return Mt($t,i)},parseRepeatEndMarker(i){return Mt(Nt,i)},parseElementBoundaryStartMarker(i){return Ot(Bt,i.trim())},parseElementBoundaryEndMarker(i){return Ot(xt,i)}});function Mt(i,t){const e=i.exec(t);return e===null?e:parseInt(e[1])}function Ot(i,t){const e=i.exec(t);return e===null?e:e[1]}function Et(i,t){const e=i.exec(t);return e===null?e:[parseInt(e[1]),e[2]]}const Q=Symbol.for("fe-hydration");function L(i){return i[Q]===Q}const ft=`fast-${Math.random().toString(36).substring(2,8)}`,U=`${ft}{`,R=`}${ft}`,Te=R.length;let $e=0;const V=()=>`${ft}-${++$e}`,pt=Object.freeze({interpolation:i=>`${U}${i}${R}`,attribute:i=>`${V()}="${U}${i}${R}"`,comment:i=>`<!--${U}${i}${R}-->`}),et=Object.freeze({parse(i,t){const e=i.split(U);if(e.length===1)return null;const s=[];for(let n=0,r=e.length;n<r;++n){const o=e[n],c=o.indexOf(R);let d;if(c===-1)d=o;else{const l=o.substring(0,c);s.push(t[l]),d=o.substring(c+Te)}d!==""&&s.push(d)}return s}}),nt=Gt(),T=Object.freeze({getForInstance:nt.getForInstance,getByType:nt.getByType,define(i,t){return t=t||{},t.type=i,nt.register(t),i},assignAspect(i,t){if(!t){i.aspectType=v.content;return}switch(i.sourceAspect=t,t[0]){case":":i.targetAspect=t.substring(1),i.aspectType=i.targetAspect==="classList"?v.tokenList:v.property;break;case"?":i.targetAspect=t.substring(1),i.aspectType=v.booleanAttribute;break;case"@":i.targetAspect=t.substring(1),i.aspectType=v.event;break;default:i.targetAspect=t,i.aspectType=v.attribute;break}}});class Zt{constructor(t){this.options=t}createHTML(t){return pt.attribute(t(this))}createBehavior(){return this}}O(Zt);class te extends Error{constructor(t,e,s){super(t),this.factories=e,this.node=s}}function bt(i){return i.nodeType===Node.COMMENT_NODE}function ee(i){return i.nodeType===Node.TEXT_NODE}function ie(i,t){const e=document.createRange();return e.setStart(i,0),e.setEnd(t,bt(t)||ee(t)?t.data.length:t.childNodes.length),e}function Ne(i){return i instanceof DocumentFragment&&"mode"in i}function Be(i,t,e){const s=ie(i,t),n=s.commonAncestorContainer,r=document.createTreeWalker(n,NodeFilter.SHOW_ELEMENT+NodeFilter.SHOW_COMMENT+NodeFilter.SHOW_TEXT,{acceptNode(l){return s.comparePoint(l,0)===0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT}}),o={},c={};let d=r.currentNode=i;for(;d!==null;){switch(d.nodeType){case Node.ELEMENT_NODE:{xe(d,e,o);break}case Node.COMMENT_NODE:{Ae(d,r,e,o,c);break}}d=r.nextNode()}return s.detach(),{targets:o,boundaries:c}}function xe(i,t,e){var s;const n=(s=w.parseAttributeBinding(i))!==null&&s!==void 0?s:w.parseEnumeratedAttributeBinding(i);if(n!==null){for(const r of n){if(!t[r])throw new te(`HydrationView was unable to successfully target factory on ${i.nodeName} inside ${i.getRootNode().host.nodeName}. This likely indicates a template mismatch between SSR rendering and hydration.`,t,i);G(t[r],i,e)}i.removeAttribute(w.attributeMarkerName)}}function Ae(i,t,e,s,n){if(w.isElementBoundaryStartMarker(i)){Me(i,t);return}if(w.isContentBindingStartMarker(i.data)){const r=w.parseContentBindingStartMarker(i.data);if(r===null)return;const[o,c]=r,d=e[o],l=[];let a=t.nextSibling();i.data="";const h=a;for(;a!==null;){if(bt(a)){const u=w.parseContentBindingEndMarker(a.data);if(u&&u[1]===c)break}l.push(a),a=t.nextSibling()}if(a===null){const u=i.getRootNode();throw new Error(`Error hydrating Comment node inside "${Ne(u)?u.host.nodeName:u.nodeName}".`)}if(a.data="",l.length===1&&ee(l[0]))G(d,l[0],s);else{a!==h&&a.previousSibling!==null&&(n[d.targetNodeId]={first:h,last:a.previousSibling});const u=a.parentNode.insertBefore(document.createTextNode(""),a);G(d,u,s)}}}function Me(i,t){const e=w.parseElementBoundaryStartMarker(i.data);let s=t.nextSibling();for(;s!==null;){if(bt(s)){const n=w.parseElementBoundaryEndMarker(s.data);if(n&&n===e)break}s=t.nextSibling()}}function G(i,t,e){if(i.targetNodeId===void 0)throw new Error("Factory could not be target to the node");e[i.targetNodeId]=t}var se;function lt(i,t){const e=i.parentNode;let s=i,n;for(;s!==t;){if(n=s.nextSibling,!n)throw new Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);e.removeChild(s),s=n}e.removeChild(t)}class ne{constructor(){this.index=0,this.length=0}get event(){return A.getEvent()}get isEven(){return this.index%2===0}get isOdd(){return this.index%2!==0}get isFirst(){return this.index===0}get isInMiddle(){return!this.isFirst&&!this.isLast}get isLast(){return this.index===this.length-1}eventDetail(){return this.event.detail}eventTarget(){return this.event.target}}class F extends ne{constructor(t,e,s){super(),this.fragment=t,this.factories=e,this.targets=s,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=Z.unknown,this.context=this,this.firstChild=t.firstChild,this.lastChild=t.lastChild}appendTo(t){t.appendChild(this.fragment)}insertBefore(t){if(this.fragment.hasChildNodes())t.parentNode.insertBefore(this.fragment,t);else{const e=this.lastChild;if(t.previousSibling===e)return;const s=t.parentNode;let n=this.firstChild,r;for(;n!==e;)r=n.nextSibling,s.insertBefore(n,t),n=r;s.insertBefore(e,t)}}remove(){const t=this.fragment,e=this.lastChild;let s=this.firstChild,n;for(;s!==e;)n=s.nextSibling,t.appendChild(s),s=n;t.appendChild(e)}dispose(){lt(this.firstChild,this.lastChild),this.unbind()}onUnbind(t){this.unbindables.push(t)}bind(t,e=this){if(this.source===t)return;let s=this.behaviors;if(s===null){this.source=t,this.context=e,this.behaviors=s=new Array(this.factories.length);const n=this.factories;for(let r=0,o=n.length;r<o;++r){const c=n[r].createBehavior();c.bind(this),s[r]=c}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=t,this.context=e;for(let n=0,r=s.length;n<r;++n)s[n].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const t=this.unbindables;for(let e=0,s=t.length;e<s;++e)t[e].unbind(this);t.length=0}static disposeContiguousBatch(t){if(t.length!==0){lt(t[0].firstChild,t[t.length-1].lastChild);for(let e=0,s=t.length;e<s;++e)t[e].unbind()}}}O(F);b.defineProperty(F.prototype,"index");b.defineProperty(F.prototype,"length");const B={unhydrated:"unhydrated",hydrating:"hydrating",hydrated:"hydrated"};class Oe extends Error{constructor(t,e,s,n){super(t),this.factory=e,this.fragment=s,this.templateString=n}}class Ee extends ne{constructor(t,e,s,n){super(),this.firstChild=t,this.lastChild=e,this.sourceTemplate=s,this.hostBindingTarget=n,this[se]=Q,this.context=this,this.source=null,this.isBound=!1,this.sourceLifetime=Z.unknown,this.unbindables=[],this.fragment=null,this.behaviors=null,this._hydrationStage=B.unhydrated,this._bindingViewBoundaries={},this._targets={},this.factories=s.compile().factories}get hydrationStage(){return this._hydrationStage}get targets(){return this._targets}get bindingViewBoundaries(){return this._bindingViewBoundaries}insertBefore(t){if(this.fragment!==null)if(this.fragment.hasChildNodes())t.parentNode.insertBefore(this.fragment,t);else{const e=this.lastChild;if(t.previousSibling===e)return;const s=t.parentNode;let n=this.firstChild,r;for(;n!==e;)r=n.nextSibling,s.insertBefore(n,t),n=r;s.insertBefore(e,t)}}appendTo(t){this.fragment!==null&&t.appendChild(this.fragment)}remove(){const t=this.fragment||(this.fragment=document.createDocumentFragment()),e=this.lastChild;let s=this.firstChild,n;for(;s!==e;){if(n=s.nextSibling,!n)throw new Error(`Unmatched first/last child inside "${e.getRootNode().host.nodeName}".`);t.appendChild(s),s=n}t.appendChild(e)}bind(t,e=this){var s;if(this.hydrationStage!==B.hydrated&&(this._hydrationStage=B.hydrating),this.source===t)return;let n=this.behaviors;if(n===null){this.source=t,this.context=e;try{const{targets:o,boundaries:c}=Be(this.firstChild,this.lastChild,this.factories);this._targets=o,this._bindingViewBoundaries=c}catch(o){if(o instanceof te){let c=this.sourceTemplate.html;typeof c!="string"&&(c=c.innerHTML),o.templateString=c}throw o}this.behaviors=n=new Array(this.factories.length);const r=this.factories;for(let o=0,c=r.length;o<c;++o){const d=r[o];if(d.targetNodeId==="h"&&this.hostBindingTarget&&G(d,this.hostBindingTarget,this._targets),d.targetNodeId in this.targets){const l=d.createBehavior();l.bind(this),n[o]=l}else{let l=this.sourceTemplate.html;typeof l!="string"&&(l=l.innerHTML);const a=((s=this.firstChild)===null||s===void 0?void 0:s.getRootNode()).host,h=a?.nodeName||"unknown",u=d,g=[`HydrationView was unable to successfully target bindings inside "<${h.toLowerCase()}>".`,`
+"use strict";let H;const mt="fast-kernel";try{if(document.currentScript)H=document.currentScript.getAttribute(mt);else{const i=document.getElementsByTagName("script");H=i[i.length-1].getAttribute(mt)}}catch{H="isolate"}let x;switch(H){case"share":x=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":x=Object.freeze({updateQueue:1.2,observable:2.2,contextEvent:3.2,elementRegistry:4.2});break;default:const i=`-${Math.random().toString(36).substring(2,8)}`;x=Object.freeze({updateQueue:`1.2${i}`,observable:`2.2${i}`,contextEvent:`3.2${i}`,elementRegistry:`4.2${i}`});break}const M=i=>typeof i=="function",N=i=>typeof i=="string",qt=()=>{};var P=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ye(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}function ve(i){if(i.__esModule)return i;var t=i.default;if(typeof t=="function"){var e=function s(){return this instanceof s?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};e.prototype=t.prototype}else e={};return Object.defineProperty(e,"__esModule",{value:!0}),Object.keys(i).forEach(function(s){var n=Object.getOwnPropertyDescriptor(i,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:function(){return i[s]}})}),e}(function(){if(!(typeof globalThis<"u"))if(typeof P<"u")P.globalThis=P;else if(typeof self<"u")self.globalThis=self;else if(typeof window<"u")window.globalThis=window;else{const t=new Function("return this")();t.globalThis=t}})();(function(){"requestIdleCallback"in globalThis||(globalThis.requestIdleCallback=function(e,s){const n=Date.now();return setTimeout(()=>{e({didTimeout:s?.timeout?Date.now()-n>=s.timeout:!1,timeRemaining:()=>0})},1)},globalThis.cancelIdleCallback=function(e){clearTimeout(e)})})();const Qt={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},Qt));const v=globalThis.FAST;if(v.getById===void 0){const i=Object.create(null);Reflect.defineProperty(v,"getById",Object.assign({value(t,e){let s=i[t];return s===void 0&&(s=e?i[t]=e():null),s}},Qt))}v.error===void 0&&Object.assign(v,{warn(){},error(i){return new Error(`Error ${i}`)},addMessages(){}});const me=Object.freeze([]);function Gt(){const i=new Map;return Object.freeze({register(t){return i.has(t.type)?!1:(i.set(t.type,t),!0)},getByType(t){return i.get(t)},getForInstance(t){if(t!=null)return i.get(t.constructor)}})}function Jt(){const i=new WeakMap;return function(t){let e=i.get(t);if(e===void 0){let s=Reflect.getPrototypeOf(t);for(;e===void 0&&s!==null;)e=i.get(s),s=Reflect.getPrototypeOf(s);e=e===void 0?[]:e.slice(0),i.set(t,e)}return e}}function O(i){i.prototype.toJSON=qt}const y=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),wt=i=>i,we=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:wt}):{createHTML:wt};let z=Object.freeze({createHTML(i){return we.createHTML(i)},protect(i,t,e,s){return s}});const Se=z,k=Object.freeze({get policy(){return z},setPolicy(i){if(z!==Se)throw v.error(1201);z=i},setAttribute(i,t,e){e==null?i.removeAttribute(t):i.setAttribute(t,e)},setBooleanAttribute(i,t,e){e?i.setAttribute(t,""):i.removeAttribute(t)}}),dt=v.getById(x.updateQueue,()=>{const i=[],t=[],e=globalThis.requestAnimationFrame;let s=!0;function n(){if(t.length)throw t.shift()}function r(d){try{d.call()}catch(l){if(s)t.push(l),setTimeout(n,0);else throw i.length=0,l}}function o(){let l=0;for(;l<i.length;)if(r(i[l]),l++,l>1024){for(let a=0,h=i.length-l;a<h;a++)i[a]=i[a+l];i.length-=l,l=0}i.length=0}function c(d){i.push(d),i.length<2&&(s?e(o):o())}return Object.freeze({enqueue:c,next:()=>new Promise(c),process:o,setMode:d=>s=d})});class q{constructor(t,e){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=t,this.sub1=e}has(t){return this.spillover===void 0?this.sub1===t||this.sub2===t:this.spillover.indexOf(t)!==-1}subscribe(t){const e=this.spillover;if(e===void 0){if(this.has(t))return;if(this.sub1===void 0){this.sub1=t;return}if(this.sub2===void 0){this.sub2=t;return}this.spillover=[this.sub1,this.sub2,t],this.sub1=void 0,this.sub2=void 0}else e.indexOf(t)===-1&&e.push(t)}unsubscribe(t){const e=this.spillover;if(e===void 0)this.sub1===t?this.sub1=void 0:this.sub2===t&&(this.sub2=void 0);else{const s=e.indexOf(t);s!==-1&&e.splice(s,1)}}notify(t){const e=this.spillover,s=this.subject;if(e===void 0){const n=this.sub1,r=this.sub2;n!==void 0&&n.handleChange(s,t),r!==void 0&&r.handleChange(s,t)}else for(let n=0,r=e.length;n<r;++n)e[n].handleChange(s,t)}}class Kt{constructor(t){this.subscribers={},this.subjectSubscribers=null,this.subject=t}notify(t){var e,s;(e=this.subscribers[t])===null||e===void 0||e.notify(t),(s=this.subjectSubscribers)===null||s===void 0||s.notify(t)}subscribe(t,e){var s,n;let r;e?r=(s=this.subscribers[e])!==null&&s!==void 0?s:this.subscribers[e]=new q(this.subject):r=(n=this.subjectSubscribers)!==null&&n!==void 0?n:this.subjectSubscribers=new q(this.subject),r.subscribe(t)}unsubscribe(t,e){var s,n;e?(s=this.subscribers[e])===null||s===void 0||s.unsubscribe(t):(n=this.subjectSubscribers)===null||n===void 0||n.unsubscribe(t)}}const Z=Object.freeze({unknown:void 0,coupled:1}),b=v.getById(x.observable,()=>{const i=dt.enqueue,t=/(:|&&|\|\||if|\?\.)/,e=new WeakMap;let s,n=l=>{throw v.error(1101)};function r(l){var a;let h=(a=l.$fastController)!==null&&a!==void 0?a:e.get(l);return h===void 0&&(Array.isArray(l)?h=n(l):e.set(l,h=new Kt(l))),h}const o=Jt();class c{constructor(a){this.name=a,this.field=`_${a}`,this.callback=`${a}Changed`}getValue(a){return s!==void 0&&s.watch(a,this.name),a[this.field]}setValue(a,h){const u=this.field,g=a[u];if(g!==h){a[u]=h;const $=a[this.callback];M($)&&$.call(a,g,h),r(a).notify(this.name)}}}class d extends q{constructor(a,h,u=!1){super(a,h),this.expression=a,this.isVolatileBinding=u,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(a){this.isAsync=this.needsQueue=a}bind(a){this.controller=a;const h=this.observe(a.source,a.context);return!a.isBound&&this.requiresUnbind(a)&&a.onUnbind(this),h}requiresUnbind(a){return a.sourceLifetime!==Z.coupled||this.first!==this.last||this.first.propertySource!==a.source}unbind(a){this.dispose()}observe(a,h){this.needsRefresh&&this.last!==null&&this.dispose();const u=s;s=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let g;try{g=this.expression(a,h)}finally{s=u}return g}disconnect(){this.dispose()}dispose(){if(this.last!==null){let a=this.first;for(;a!==void 0;)a.notifier.unsubscribe(this,a.propertyName),a=a.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(a,h){const u=this.last,g=r(a),$=u===null?this.first:{};if($.propertySource=a,$.propertyName=h,$.notifier=g,g.subscribe(this,h),u!==null){if(!this.needsRefresh){let vt;s=void 0,vt=u.propertySource[u.propertyName],s=this,a===vt&&(this.needsRefresh=!0)}u.next=$}this.last=$}handleChange(){this.needsQueue?(this.needsQueue=!1,i(this)):this.isAsync||this.call()}call(){this.last!==null&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let a=this.first;for(;a!==void 0;)yield a,a=a.next}}return O(d),Object.freeze({setArrayObserverFactory(l){n=l},getNotifier:r,track(l,a){s&&s.watch(l,a)},trackVolatile(){s&&(s.needsRefresh=!0)},notify(l,a){r(l).notify(a)},defineProperty(l,a){N(a)&&(a=new c(a)),o(l).push(a),Reflect.defineProperty(l,a.name,{enumerable:!0,get(){return a.getValue(this)},set(h){a.setValue(this,h)}})},getAccessors:o,binding(l,a,h=this.isVolatileBinding(l)){return new d(l,a,h)},isVolatileBinding(l){return t.test(l.toString())}})});function Ce(i,t){b.defineProperty(i,t)}function ke(i,t,e){return Object.assign({},e,{get(){return b.trackVolatile(),e.get.apply(this)}})}const St=v.getById(x.contextEvent,()=>{let i=null;return{get(){return i},set(t){i=t}}}),A=Object.freeze({default:{index:0,length:0,get event(){return A.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return St.get()},setEvent(i){St.set(i)}});class tt{constructor(t,e,s=!1){this.evaluate=t,this.policy=e,this.isVolatile=s}}class Te extends tt{createObserver(t){return b.binding(this.evaluate,t,this.isVolatile)}}function ht(i,t,e=b.isVolatileBinding(i)){return new Te(i,t,e)}class Xt extends tt{createObserver(){return this}bind(t){return this.evaluate(t.source,t.context)}}O(Xt);function ut(i,t){return new Xt(i,t)}let Ct;function Yt(i){return i.map(t=>t instanceof m?Yt(t.styles):[t]).reduce((t,e)=>t.concat(e),[])}class m{constructor(t){this.styles=t,this.targets=new WeakSet,this._strategy=null,this.behaviors=t.map(e=>e instanceof m?e.behaviors:null).reduce((e,s)=>s===null?e:e===null?s:e.concat(s),null)}get strategy(){return this._strategy===null&&this.withStrategy(Ct),this._strategy}addStylesTo(t){this.strategy.addStylesTo(t),this.targets.add(t)}removeStylesFrom(t){this.strategy.removeStylesFrom(t),this.targets.delete(t)}isAttachedTo(t){return this.targets.has(t)}withBehaviors(...t){return this.behaviors=this.behaviors===null?t:this.behaviors.concat(t),this}withStrategy(t){return this._strategy=new t(Yt(this.styles)),this}static setDefaultStrategy(t){Ct=t}static normalize(t){return t===void 0?void 0:Array.isArray(t)?new m(t):t instanceof m?t:new m([t])}}m.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const kt=/fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/,Tt=/fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/,$t=/fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/,Nt=/fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/,Bt=/^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/,xt=/fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;function At(i){return i&&i.nodeType===Node.COMMENT_NODE}const w=Object.freeze({attributeMarkerName:"data-fe-b",attributeBindingSeparator:" ",contentBindingStartMarker(i,t){return`fe-b$$start$$${i}$$${t}$$fe-b`},contentBindingEndMarker(i,t){return`fe-b$$end$$${i}$$${t}$$fe-b`},repeatStartMarker(i){return`fe-repeat$$start$$${i}$$fe-repeat`},repeatEndMarker(i){return`fe-repeat$$end$$${i}$$fe-repeat`},isContentBindingStartMarker(i){return kt.test(i)},isContentBindingEndMarker(i){return Tt.test(i)},isRepeatViewStartMarker(i){return $t.test(i)},isRepeatViewEndMarker(i){return Nt.test(i)},isElementBoundaryStartMarker(i){return At(i)&&Bt.test(i.data.trim())},isElementBoundaryEndMarker(i){return At(i)&&xt.test(i.data)},parseAttributeBinding(i){const t=i.getAttribute(this.attributeMarkerName);return t===null?t:t.split(this.attributeBindingSeparator).map(e=>parseInt(e))},parseEnumeratedAttributeBinding(i){const t=[],e=this.attributeMarkerName.length+1,s=`${this.attributeMarkerName}-`;for(const n of i.getAttributeNames())if(n.startsWith(s)){const r=Number(n.slice(e));if(!Number.isNaN(r))t.push(r);else throw new Error(`Invalid attribute marker name: ${n}. Expected format is ${s}<number>.`)}return t.length===0?null:t},parseContentBindingStartMarker(i){return Et(kt,i)},parseContentBindingEndMarker(i){return Et(Tt,i)},parseRepeatStartMarker(i){return Mt($t,i)},parseRepeatEndMarker(i){return Mt(Nt,i)},parseElementBoundaryStartMarker(i){return Ot(Bt,i.trim())},parseElementBoundaryEndMarker(i){return Ot(xt,i)}});function Mt(i,t){const e=i.exec(t);return e===null?e:parseInt(e[1])}function Ot(i,t){const e=i.exec(t);return e===null?e:e[1]}function Et(i,t){const e=i.exec(t);return e===null?e:[parseInt(e[1]),e[2]]}const Q=Symbol.for("fe-hydration");function L(i){return i[Q]===Q}const ft=`fast-${Math.random().toString(36).substring(2,8)}`,U=`${ft}{`,R=`}${ft}`,$e=R.length;let Ne=0;const V=()=>`${ft}-${++Ne}`,pt=Object.freeze({interpolation:i=>`${U}${i}${R}`,attribute:i=>`${V()}="${U}${i}${R}"`,comment:i=>`<!--${U}${i}${R}-->`}),et=Object.freeze({parse(i,t){const e=i.split(U);if(e.length===1)return null;const s=[];for(let n=0,r=e.length;n<r;++n){const o=e[n],c=o.indexOf(R);let d;if(c===-1)d=o;else{const l=o.substring(0,c);s.push(t[l]),d=o.substring(c+$e)}d!==""&&s.push(d)}return s}}),nt=Gt(),T=Object.freeze({getForInstance:nt.getForInstance,getByType:nt.getByType,define(i,t){return t=t||{},t.type=i,nt.register(t),i},assignAspect(i,t){if(!t){i.aspectType=y.content;return}switch(i.sourceAspect=t,t[0]){case":":i.targetAspect=t.substring(1),i.aspectType=i.targetAspect==="classList"?y.tokenList:y.property;break;case"?":i.targetAspect=t.substring(1),i.aspectType=y.booleanAttribute;break;case"@":i.targetAspect=t.substring(1),i.aspectType=y.event;break;default:i.targetAspect=t,i.aspectType=y.attribute;break}}});class Zt{constructor(t){this.options=t}createHTML(t){return pt.attribute(t(this))}createBehavior(){return this}}O(Zt);class te extends Error{constructor(t,e,s){super(t),this.factories=e,this.node=s}}function bt(i){return i.nodeType===Node.COMMENT_NODE}function ee(i){return i.nodeType===Node.TEXT_NODE}function ie(i,t){const e=document.createRange();return e.setStart(i,0),e.setEnd(t,bt(t)||ee(t)?t.data.length:t.childNodes.length),e}function Be(i){return i instanceof DocumentFragment&&"mode"in i}function xe(i,t,e){const s=ie(i,t),n=s.commonAncestorContainer,r=document.createTreeWalker(n,NodeFilter.SHOW_ELEMENT+NodeFilter.SHOW_COMMENT+NodeFilter.SHOW_TEXT,{acceptNode(l){return s.comparePoint(l,0)===0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT}}),o={},c={};let d=r.currentNode=i;for(;d!==null;){switch(d.nodeType){case Node.ELEMENT_NODE:{Ae(d,e,o);break}case Node.COMMENT_NODE:{Me(d,r,e,o,c);break}}d=r.nextNode()}return s.detach(),{targets:o,boundaries:c}}function Ae(i,t,e){var s;const n=(s=w.parseAttributeBinding(i))!==null&&s!==void 0?s:w.parseEnumeratedAttributeBinding(i);if(n!==null){for(const r of n){if(!t[r])throw new te(`HydrationView was unable to successfully target factory on ${i.nodeName} inside ${i.getRootNode().host.nodeName}. This likely indicates a template mismatch between SSR rendering and hydration.`,t,i);G(t[r],i,e)}i.removeAttribute(w.attributeMarkerName)}}function Me(i,t,e,s,n){if(w.isElementBoundaryStartMarker(i)){Oe(i,t);return}if(w.isContentBindingStartMarker(i.data)){const r=w.parseContentBindingStartMarker(i.data);if(r===null)return;const[o,c]=r,d=e[o],l=[];let a=t.nextSibling();i.data="";const h=a;for(;a!==null;){if(bt(a)){const u=w.parseContentBindingEndMarker(a.data);if(u&&u[1]===c)break}l.push(a),a=t.nextSibling()}if(a===null){const u=i.getRootNode();throw new Error(`Error hydrating Comment node inside "${Be(u)?u.host.nodeName:u.nodeName}".`)}if(a.data="",l.length===1&&ee(l[0]))G(d,l[0],s);else{a!==h&&a.previousSibling!==null&&(n[d.targetNodeId]={first:h,last:a.previousSibling});const u=a.parentNode.insertBefore(document.createTextNode(""),a);G(d,u,s)}}}function Oe(i,t){const e=w.parseElementBoundaryStartMarker(i.data);let s=t.nextSibling();for(;s!==null;){if(bt(s)){const n=w.parseElementBoundaryEndMarker(s.data);if(n&&n===e)break}s=t.nextSibling()}}function G(i,t,e){if(i.targetNodeId===void 0)throw new Error("Factory could not be target to the node");e[i.targetNodeId]=t}var se;function lt(i,t){const e=i.parentNode;let s=i,n;for(;s!==t;){if(n=s.nextSibling,!n)throw new Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);e.removeChild(s),s=n}e.removeChild(t)}class ne{constructor(){this.index=0,this.length=0}get event(){return A.getEvent()}get isEven(){return this.index%2===0}get isOdd(){return this.index%2!==0}get isFirst(){return this.index===0}get isInMiddle(){return!this.isFirst&&!this.isLast}get isLast(){return this.index===this.length-1}eventDetail(){return this.event.detail}eventTarget(){return this.event.target}}class F extends ne{constructor(t,e,s){super(),this.fragment=t,this.factories=e,this.targets=s,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=Z.unknown,this.context=this,this.firstChild=t.firstChild,this.lastChild=t.lastChild}appendTo(t){t.appendChild(this.fragment)}insertBefore(t){if(this.fragment.hasChildNodes())t.parentNode.insertBefore(this.fragment,t);else{const e=this.lastChild;if(t.previousSibling===e)return;const s=t.parentNode;let n=this.firstChild,r;for(;n!==e;)r=n.nextSibling,s.insertBefore(n,t),n=r;s.insertBefore(e,t)}}remove(){const t=this.fragment,e=this.lastChild;let s=this.firstChild,n;for(;s!==e;)n=s.nextSibling,t.appendChild(s),s=n;t.appendChild(e)}dispose(){lt(this.firstChild,this.lastChild),this.unbind()}onUnbind(t){this.unbindables.push(t)}bind(t,e=this){if(this.source===t)return;let s=this.behaviors;if(s===null){this.source=t,this.context=e,this.behaviors=s=new Array(this.factories.length);const n=this.factories;for(let r=0,o=n.length;r<o;++r){const c=n[r].createBehavior();c.bind(this),s[r]=c}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=t,this.context=e;for(let n=0,r=s.length;n<r;++n)s[n].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const t=this.unbindables;for(let e=0,s=t.length;e<s;++e)t[e].unbind(this);t.length=0}static disposeContiguousBatch(t){if(t.length!==0){lt(t[0].firstChild,t[t.length-1].lastChild);for(let e=0,s=t.length;e<s;++e)t[e].unbind()}}}O(F);b.defineProperty(F.prototype,"index");b.defineProperty(F.prototype,"length");const B={unhydrated:"unhydrated",hydrating:"hydrating",hydrated:"hydrated"};class Ee extends Error{constructor(t,e,s,n){super(t),this.factory=e,this.fragment=s,this.templateString=n}}class Re extends ne{constructor(t,e,s,n){super(),this.firstChild=t,this.lastChild=e,this.sourceTemplate=s,this.hostBindingTarget=n,this[se]=Q,this.context=this,this.source=null,this.isBound=!1,this.sourceLifetime=Z.unknown,this.unbindables=[],this.fragment=null,this.behaviors=null,this._hydrationStage=B.unhydrated,this._bindingViewBoundaries={},this._targets={},this.factories=s.compile().factories}get hydrationStage(){return this._hydrationStage}get targets(){return this._targets}get bindingViewBoundaries(){return this._bindingViewBoundaries}insertBefore(t){if(this.fragment!==null)if(this.fragment.hasChildNodes())t.parentNode.insertBefore(this.fragment,t);else{const e=this.lastChild;if(t.previousSibling===e)return;const s=t.parentNode;let n=this.firstChild,r;for(;n!==e;)r=n.nextSibling,s.insertBefore(n,t),n=r;s.insertBefore(e,t)}}appendTo(t){this.fragment!==null&&t.appendChild(this.fragment)}remove(){const t=this.fragment||(this.fragment=document.createDocumentFragment()),e=this.lastChild;let s=this.firstChild,n;for(;s!==e;){if(n=s.nextSibling,!n)throw new Error(`Unmatched first/last child inside "${e.getRootNode().host.nodeName}".`);t.appendChild(s),s=n}t.appendChild(e)}bind(t,e=this){var s;if(this.hydrationStage!==B.hydrated&&(this._hydrationStage=B.hydrating),this.source===t)return;let n=this.behaviors;if(n===null){this.source=t,this.context=e;try{const{targets:o,boundaries:c}=xe(this.firstChild,this.lastChild,this.factories);this._targets=o,this._bindingViewBoundaries=c}catch(o){if(o instanceof te){let c=this.sourceTemplate.html;typeof c!="string"&&(c=c.innerHTML),o.templateString=c}throw o}this.behaviors=n=new Array(this.factories.length);const r=this.factories;for(let o=0,c=r.length;o<c;++o){const d=r[o];if(d.targetNodeId==="h"&&this.hostBindingTarget&&G(d,this.hostBindingTarget,this._targets),d.targetNodeId in this.targets){const l=d.createBehavior();l.bind(this),n[o]=l}else{let l=this.sourceTemplate.html;typeof l!="string"&&(l=l.innerHTML);const a=((s=this.firstChild)===null||s===void 0?void 0:s.getRootNode()).host,h=a?.nodeName||"unknown",u=d,g=[`HydrationView was unable to successfully target bindings inside "<${h.toLowerCase()}>".`,`
 Mismatch Details:`,`  - Expected target node ID: "${d.targetNodeId}"`,`  - Available target IDs: [${Object.keys(this.targets).join(", ")||"none"}]`];throw d.targetTagName&&g.push(`  - Expected tag name: "${d.targetTagName}"`),u.sourceAspect&&g.push(`  - Source aspect: "${u.sourceAspect}"`),u.aspectType!==void 0&&g.push(`  - Aspect type: ${u.aspectType}`),g.push(`
 This usually means:`,"  1. The server-rendered HTML doesn't match the client template","  2. The hydration markers are missing or corrupted","  3. The DOM structure was modified before hydration",`
-Template: ${l.slice(0,200)}${l.length>200?"...":""}`),new Oe(g.join(`
-`),d,ie(this.firstChild,this.lastChild).cloneContents(),l)}}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=t,this.context=e;for(let r=0,o=n.length;r<o;++r)n[r].bind(this)}this.isBound=!0,this._hydrationStage=B.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){lt(this.firstChild,this.lastChild),this.unbind()}onUnbind(t){this.unbindables.push(t)}evaluateUnbindables(){const t=this.unbindables;for(let e=0,s=t.length;e<s;++e)t[e].unbind(this);t.length=0}}se=Q;O(Ee);function Re(i){return i.create!==void 0}function Ie(i,t,e,s){if(e==null&&(e=""),Re(e)){i.textContent="";let n=i.$fastView;if(n===void 0)if(L(s)&&L(e)&&s.bindingViewBoundaries[this.targetNodeId]!==void 0&&s.hydrationStage!==B.hydrated){const r=s.bindingViewBoundaries[this.targetNodeId];n=e.hydrate(r.first,r.last)}else n=e.create();else i.$fastTemplate!==e&&(n.isComposed&&(n.remove(),n.unbind()),n=e.create());n.isComposed?n.needsBindOnly&&(n.needsBindOnly=!1,n.bind(s.source,s.context)):(n.isComposed=!0,n.bind(s.source,s.context),n.insertBefore(i),i.$fastView=n,i.$fastTemplate=e)}else{const n=i.$fastView;n!==void 0&&n.isComposed&&(n.isComposed=!1,n.remove(),n.needsBindOnly?n.needsBindOnly=!1:n.unbind()),i.textContent=e}}function _e(i,t,e){var s;const n=`${this.id}-t`,r=(s=i[n])!==null&&s!==void 0?s:i[n]={v:0,cv:Object.create(null)},o=r.cv;let c=r.v;const d=i[t];if(e!=null&&e.length){const l=e.split(/\s+/);for(let a=0,h=l.length;a<h;++a){const u=l[a];u!==""&&(o[u]=c,d.add(u))}}if(r.v=c+1,c!==0){c-=1;for(const l in o)o[l]===c&&d.remove(l)}}const Le={[v.attribute]:k.setAttribute,[v.booleanAttribute]:k.setBooleanAttribute,[v.property]:(i,t,e)=>i[t]=e,[v.content]:Ie,[v.tokenList]:_e,[v.event]:()=>{}};class E{constructor(t){this.dataBinding=t,this.updateTarget=null,this.aspectType=v.content}createHTML(t){return pt.interpolation(t(this))}createBehavior(){var t;if(this.updateTarget===null){const e=Le[this.aspectType],s=(t=this.dataBinding.policy)!==null&&t!==void 0?t:this.policy;if(!e)throw y.error(1205);this.data=`${this.id}-d`,this.updateTarget=s.protect(this.targetTagName,this.aspectType,this.targetAspect,e)}return this}bind(t){var e;const s=t.targets[this.targetNodeId],n=L(t)&&t.hydrationStage&&t.hydrationStage!==B.hydrated;switch(this.aspectType){case v.event:s[this.data]=t,s.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case v.content:t.onUnbind(this);default:const r=(e=s[this.data])!==null&&e!==void 0?e:s[this.data]=this.dataBinding.createObserver(this,this);if(r.target=s,r.controller=t,n&&(this.aspectType===v.attribute||this.aspectType===v.booleanAttribute)){r.bind(t);break}this.updateTarget(s,this.targetAspect,r.bind(t),t);break}}unbind(t){const s=t.targets[this.targetNodeId].$fastView;s!==void 0&&s.isComposed&&(s.unbind(),s.needsBindOnly=!0)}handleEvent(t){const e=t.currentTarget[this.data];if(e.isBound){A.setEvent(t);const s=this.dataBinding.evaluate(e.source,e.context);A.setEvent(null),s!==!0&&t.preventDefault()}}handleChange(t,e){const s=e.target,n=e.controller;this.updateTarget(s,this.targetAspect,e.bind(n),n)}}T.define(E,{aspected:!0});const re=(i,t)=>`${i}.${t}`,Rt={},C={index:0,node:null};function It(i){i.startsWith("fast-")||y.warn(1204,{name:i})}const Ve=new Proxy(document.createElement("div"),{get(i,t){It(t);const e=Reflect.get(i,t);return M(e)?e.bind(i):e},set(i,t,e){return It(t),Reflect.set(i,t,e)}});class je{constructor(t,e,s){this.fragment=t,this.directives=e,this.policy=s,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(t,e,s,n,r){var o,c;this.nodeIds.has(s)||(this.nodeIds.add(s),this.addTargetDescriptor(e,s,n)),t.id=(o=t.id)!==null&&o!==void 0?o:V(),t.targetNodeId=s,t.targetTagName=r,t.policy=(c=t.policy)!==null&&c!==void 0?c:this.policy,this.factories.push(t)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(t,e,s){const n=this.descriptors;if(e==="r"||e==="h"||n[e])return;if(!n[t]){const o=t.lastIndexOf("."),c=t.substring(0,o),d=parseInt(t.substring(o+1));this.addTargetDescriptor(c,t,d)}let r=Rt[e];if(!r){const o=`_${e}`;Rt[e]=r={get(){var c;return(c=this[o])!==null&&c!==void 0?c:this[o]=this[t].childNodes[s]}}}n[e]=r}createView(t){const e=this.fragment.cloneNode(!0),s=Object.create(this.proto);s.r=e,s.h=t??Ve;for(const n of this.nodeIds)s[n];return new F(e,this.factories,s)}}function ae(i,t,e,s,n,r=!1){const o=e.attributes,c=i.directives;for(let d=0,l=o.length;d<l;++d){const a=o[d],h=a.value,u=et.parse(h,c);let g=null;u===null?r&&(g=new E(ut(()=>h,i.policy)),T.assignAspect(g,a.name)):g=gt.aggregate(u,i.policy),g!==null&&(e.removeAttributeNode(a),d--,l--,i.addFactory(g,t,s,n,e.tagName))}}function Fe(i,t,e,s,n){const r=et.parse(t.textContent,i.directives);if(r===null)return C.node=t.nextSibling,C.index=n+1,C;let o,c=o=t;for(let d=0,l=r.length;d<l;++d){const a=r[d];d!==0&&(n++,s=re(e,n),o=c.parentNode.insertBefore(document.createTextNode(""),c.nextSibling)),N(a)?o.textContent=a:(o.textContent=" ",T.assignAspect(a),i.addFactory(a,e,s,n,null)),c=o}return C.index=n+1,C.node=c.nextSibling,C}function oe(i,t,e){let s=0,n=t.firstChild;for(;n;){const r=He(i,e,n,s);n=r.node,s=r.index}}function He(i,t,e,s){const n=re(t,s);switch(e.nodeType){case 1:ae(i,t,e,n,s),oe(i,e,n);break;case 3:return Fe(i,e,t,n,s);case 8:const r=et.parse(e.data,i.directives);r!==null&&i.addFactory(gt.aggregate(r),t,n,s,null);break}return C.index=s+1,C.node=e.nextSibling,C}function De(i,t){return i&&i.nodeType==8&&et.parse(i.data,t)!==null}const _t="TEMPLATE",gt={compile(i,t,e=k.policy){let s;if(N(i)){s=document.createElement(_t),s.innerHTML=e.createHTML(i);const o=s.content.firstElementChild;o!==null&&o.tagName===_t&&(s=o)}else s=i;!s.content.firstChild&&!s.content.lastChild&&s.content.appendChild(document.createComment(""));const n=document.adoptNode(s.content),r=new je(n,t,e);return ae(r,"",s,"h",0,!0),(De(n.firstChild,t)||n.childNodes.length===1&&Object.keys(t).length>0)&&n.insertBefore(document.createComment(""),n.firstChild),oe(r,n,"r"),C.node=null,r.freeze()},setDefaultStrategy(i){this.compile=i},aggregate(i,t=k.policy){if(i.length===1)return i[0];let e,s=!1,n;const r=i.length,o=i.map(l=>N(l)?()=>l:(e=l.sourceAspect||e,s=s||l.dataBinding.isVolatile,n=n||l.dataBinding.policy,l.dataBinding.evaluate)),c=(l,a)=>{let h="";for(let u=0;u<r;++u)h+=o[u](l,a);return h},d=new E(ht(c,n??t,s));return T.assignAspect(d,e),d}},Pe=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,ze=Object.create(null);class j{constructor(t,e=ze){this.html=t,this.factories=e}createHTML(t){const e=this.factories;for(const s in e)t(e[s]);return this.html}}j.empty=new j("");T.define(j);function Ue(i,t,e,s=T.getForInstance(i)){if(s.aspected){const n=Pe.exec(t);n!==null&&T.assignAspect(i,n[2])}return i.createHTML(e)}class it{constructor(t,e={},s){this.policy=s,this.result=null,this.html=t,this.factories=e}compile(){return this.result===null&&(this.result=gt.compile(this.html,this.factories,this.policy)),this.result}create(t){return this.compile().createView(t)}inline(){return new j(N(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(t){if(this.result)throw y.error(1208);if(this.policy)throw y.error(1207);return this.policy=t,this}render(t,e,s){const n=this.create(s);return n.bind(t),n.appendTo(e),n}static create(t,e,s){let n="";const r=Object.create(null),o=c=>{var d;const l=(d=c.id)!==null&&d!==void 0?d:c.id=V();return r[l]=c,l};for(let c=0,d=t.length-1;c<d;++c){const l=t[c];let a=e[c],h;if(n+=l,M(a))a=new E(ht(a));else if(a instanceof tt)a=new E(a);else if(!(h=T.getForInstance(a))){const u=a;a=new E(ut(()=>u))}n+=Ue(a,l,o,h)}return new it(n+t[t.length-1],r,s)}}O(it);const vt=(i,...t)=>{if(Array.isArray(i)&&Array.isArray(i.raw))return it.create(i,t);throw y.error(1206)};vt.partial=i=>new j(i);const Lt="boolean",Vt="reflect",le=Object.freeze({locate:Jt()}),We={toView(i){return i?"true":"false"},fromView(i){return!(i==null||i==="false"||i===!1||i===0)}};function jt(i){if(i==null)return null;const t=i*1;return isNaN(t)?null:t}const qe={toView(i){const t=jt(i);return t&&t.toString()},fromView:jt};class J{constructor(t,e,s=e.toLowerCase(),n=Vt,r){this.guards=new Set,this.Owner=t,this.name=e,this.attribute=s,this.mode=n,this.converter=r,this.fieldName=`_${e}`,this.callbackName=`${e}Changed`,this.hasCallback=this.callbackName in t.prototype,n===Lt&&r===void 0&&(this.converter=We)}setValue(t,e){const s=t[this.fieldName],n=this.converter;n!==void 0&&(e=n.fromView(e)),s!==e&&(t[this.fieldName]=e,this.tryReflectToAttribute(t),this.hasCallback&&t[this.callbackName](s,e),t.$fastController.notify(this.name))}getValue(t){return b.track(t,this.name),t[this.fieldName]}onAttributeChangedCallback(t,e){this.guards.has(t)||(this.guards.add(t),this.setValue(t,e),this.guards.delete(t))}tryReflectToAttribute(t){const e=this.mode,s=this.guards;s.has(t)||e==="fromView"||dt.enqueue(()=>{s.add(t);const n=t[this.fieldName];switch(e){case Vt:const r=this.converter;k.setAttribute(t,this.attribute,r!==void 0?r.toView(n):n);break;case Lt:k.setBooleanAttribute(t,this.attribute,n);break}s.delete(t)})}static collect(t,...e){const s=[];e.push(le.locate(t));for(let n=0,r=e.length;n<r;++n){const o=e[n];if(o!==void 0)for(let c=0,d=o.length;c<d;++c){const l=o[c];N(l)?s.push(new J(t,l)):s.push(new J(t,l.property,l.attribute,l.mode,l.converter))}}return s}}function ce(i,t){let e;function s(n,r){arguments.length>1&&(e.property=r),le.locate(n.constructor).push(e)}if(arguments.length>1){e={},s(i,t);return}return e=i===void 0?{}:i,s}var Qe=function(i,t,e,s){function n(r){return r instanceof e?r:new e(function(o){o(r)})}return new(e||(e=Promise))(function(r,o){function c(a){try{l(s.next(a))}catch(h){o(h)}}function d(a){try{l(s.throw(a))}catch(h){o(h)}}function l(a){a.done?r(a.value):n(a.value).then(c,d)}l((s=s.apply(i,t||[])).next())})};const Ft={mode:"open"},Ht={},rt=new Set,I=y.getById(x.elementRegistry,()=>Gt()),Ge={deferAndHydrate:"defer-and-hydrate"};class p{constructor(t,e=t.definition){var s;this.platformDefined=!1,N(e)&&(e={name:e}),this.type=t,this.name=e.name,this.template=e.template,this.templateOptions=e.templateOptions,this.registry=(s=e.registry)!==null&&s!==void 0?s:customElements;const n=t.prototype,r=J.collect(t,e.attributes),o=new Array(r.length),c={},d={};for(let l=0,a=r.length;l<a;++l){const h=r[l];o[l]=h.attribute,c[h.name]=h,d[h.attribute]=h,b.defineProperty(n,h)}Reflect.defineProperty(t,"observedAttributes",{value:o,enumerable:!0}),this.attributes=r,this.propertyLookup=c,this.attributeLookup=d,this.shadowOptions=e.shadowOptions===void 0?Ft:e.shadowOptions===null?void 0:Object.assign(Object.assign({},Ft),e.shadowOptions),this.elementOptions=e.elementOptions===void 0?Ht:Object.assign(Object.assign({},Ht),e.elementOptions),this.styles=m.normalize(e.styles),I.register(this),b.defineProperty(p.isRegistered,this.name),p.isRegistered[this.name]=this.type}get isDefined(){return this.platformDefined}define(t=this.registry){var e,s;const n=this.type;return t.get(this.name)||(this.platformDefined=!0,t.define(this.name,n,this.elementOptions),(s=(e=this.lifecycleCallbacks)===null||e===void 0?void 0:e.elementDidDefine)===null||s===void 0||s.call(e,this.name)),this}static compose(t,e){return rt.has(t)||I.getByType(t)?new p(class extends t{},e):new p(t,e)}static registerBaseType(t){rt.add(t)}static composeAsync(t,e){return new Promise(s=>{(rt.has(t)||I.getByType(t))&&s(new p(class extends t{},e));const n=new p(t,e);b.getNotifier(n).subscribe({handleChange:()=>{var r,o;(o=(r=n.lifecycleCallbacks)===null||r===void 0?void 0:r.templateDidUpdate)===null||o===void 0||o.call(r,n.name),s(n)}},"template")})}}p.isRegistered={};p.getByType=I.getByType;p.getForInstance=I.getForInstance;p.registerAsync=i=>Qe(void 0,void 0,void 0,function*(){return new Promise(t=>{p.isRegistered[i]&&t(p.isRegistered[i]),b.getNotifier(p.isRegistered).subscribe({handleChange:()=>t(p.isRegistered[i])},i)})});b.defineProperty(p.prototype,"template");class Je extends MutationObserver{constructor(t){function e(s){this.callback.call(null,s.filter(n=>this.observedNodes.has(n.target)))}super(e),this.callback=t,this.observedNodes=new Set}observe(t,e){this.observedNodes.add(t),super.observe(t,e)}unobserve(t){this.observedNodes.delete(t),this.observedNodes.size<1&&this.disconnect()}}const Ke=Object.freeze({create(i){const t=[],e={};let s=null,n=!1;return{source:i,context:A.default,targets:e,get isBound(){return n},addBehaviorFactory(r,o){var c,d,l,a;const h=r;h.id=(c=h.id)!==null&&c!==void 0?c:V(),h.targetNodeId=(d=h.targetNodeId)!==null&&d!==void 0?d:V(),h.targetTagName=(l=o.tagName)!==null&&l!==void 0?l:null,h.policy=(a=h.policy)!==null&&a!==void 0?a:k.policy,this.addTarget(h.targetNodeId,o),this.addBehavior(h.createBehavior())},addTarget(r,o){e[r]=o},addBehavior(r){t.push(r),n&&r.bind(this)},onUnbind(r){s===null&&(s=[]),s.push(r)},connectedCallback(r){n||(n=!0,t.forEach(o=>o.bind(this)))},disconnectedCallback(r){n&&(n=!1,s!==null&&s.forEach(o=>o.unbind(this)))}}}}),Xe={bubbles:!0,composed:!0,cancelable:!0},W="isConnected",de=new WeakMap;function _(i){var t,e;return(e=(t=i.shadowRoot)!==null&&t!==void 0?t:de.get(i))!==null&&e!==void 0?e:null}let Dt;class S extends Kt{constructor(t,e){super(t),this.boundObservables=null,this.needsInitialization=!0,this.hasExistingShadowRoot=!1,this._template=null,this.stage=3,this.guardBehaviorConnection=!1,this.behaviors=null,this.behaviorsConnected=!1,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=t,this.definition=e,this.shadowOptions=e.shadowOptions;const s=b.getAccessors(t);if(s.length>0){const n=this.boundObservables=Object.create(null);for(let r=0,o=s.length;r<o;++r){const c=s[r].name,d=t[c];d!==void 0&&(delete t[c],n[c]=d)}}}get isConnected(){return b.track(this,W),this.stage===1}get context(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.context)!==null&&e!==void 0?e:A.default}get isBound(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.isBound)!==null&&e!==void 0?e:!1}get sourceLifetime(){var t;return(t=this.view)===null||t===void 0?void 0:t.sourceLifetime}get template(){var t;if(this._template===null){const e=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():e.template&&(this._template=(t=e.template)!==null&&t!==void 0?t:null)}return this._template}set template(t){this._template!==t&&(this._template=t,this.needsInitialization||this.renderTemplate(t))}get shadowOptions(){return this._shadowRootOptions}set shadowOptions(t){if(this._shadowRootOptions===void 0&&t!==void 0){this._shadowRootOptions=t;let e=this.source.shadowRoot;e?this.hasExistingShadowRoot=!0:(e=this.source.attachShadow(t),t.mode==="closed"&&de.set(this.source,e))}}get mainStyles(){var t;if(this._mainStyles===null){const e=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():e.styles&&(this._mainStyles=(t=e.styles)!==null&&t!==void 0?t:null)}return this._mainStyles}set mainStyles(t){this._mainStyles!==t&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=t,this.needsInitialization||this.addStyles(t))}onUnbind(t){var e;(e=this.view)===null||e===void 0||e.onUnbind(t)}addBehavior(t){var e,s;const n=(e=this.behaviors)!==null&&e!==void 0?e:this.behaviors=new Map,r=(s=n.get(t))!==null&&s!==void 0?s:0;r===0?(n.set(t,1),t.addedCallback&&t.addedCallback(this),t.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&t.connectedCallback(this)):n.set(t,r+1)}removeBehavior(t,e=!1){const s=this.behaviors;if(s===null)return;const n=s.get(t);n!==void 0&&(n===1||e?(s.delete(t),t.disconnectedCallback&&this.stage!==3&&t.disconnectedCallback(this),t.removedCallback&&t.removedCallback(this)):s.set(t,n-1))}addStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=_(s))!==null&&e!==void 0?e:this.source).append(t);else if(!t.isAttachedTo(s)){const n=t.behaviors;if(t.addStylesTo(s),n!==null)for(let r=0,o=n.length;r<o;++r)this.addBehavior(n[r])}}removeStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=_(s))!==null&&e!==void 0?e:s).removeChild(t);else if(t.isAttachedTo(s)){const n=t.behaviors;if(t.removeStylesFrom(s),n!==null)for(let r=0,o=n.length;r<o;++r)this.removeBehavior(n[r])}}connect(){this.stage===3&&(this.stage=0,this.bindObservables(),this.connectBehaviors(),this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=1,b.notify(this,W))}bindObservables(){if(this.boundObservables!==null){const t=this.source,e=this.boundObservables,s=Object.keys(e);for(let n=0,r=s.length;n<r;++n){const o=s[n];t[o]=e[o]}this.boundObservables=null}}connectBehaviors(){if(this.behaviorsConnected===!1){const t=this.behaviors;if(t!==null){this.guardBehaviorConnection=!0;for(const e of t.keys())e.connectedCallback&&e.connectedCallback(this);this.guardBehaviorConnection=!1}this.behaviorsConnected=!0}}disconnectBehaviors(){if(this.behaviorsConnected===!0){const t=this.behaviors;if(t!==null)for(const e of t.keys())e.disconnectedCallback&&e.disconnectedCallback(this);this.behaviorsConnected=!1}}disconnect(){this.stage===1&&(this.stage=2,b.notify(this,W),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),this.stage=3)}onAttributeChangedCallback(t,e,s){const n=this.definition.attributeLookup[t];n!==void 0&&n.onAttributeChangedCallback(this.source,s)}emit(t,e,s){return this.stage===1?this.source.dispatchEvent(new CustomEvent(t,Object.assign(Object.assign({detail:e},Xe),s))):!1}renderTemplate(t){var e;const s=this.source,n=(e=_(s))!==null&&e!==void 0?e:s;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let r=n.firstChild;r!==null;r=n.firstChild)n.removeChild(r)}t&&(this.view=t.render(s,n,s),this.view.sourceLifetime=Z.coupled)}static forCustomElement(t,e=!1){const s=t.$fastController;if(s!==void 0&&!e)return s;const n=p.getForInstance(t);if(n===void 0)throw y.error(1401);return b.getNotifier(n).subscribe({handleChange:()=>{S.forCustomElement(t,!0),t.$fastController.connect()}},"template"),b.getNotifier(n).subscribe({handleChange:()=>{S.forCustomElement(t,!0),t.$fastController.connect()}},"shadowOptions"),t.$fastController=new Dt(t,n)}static setStrategy(t){Dt=t}}O(S);S.setStrategy(S);function K(i){var t;return"adoptedStyleSheets"in i?i:(t=_(i))!==null&&t!==void 0?t:i.getRootNode()}class st{constructor(t){const e=st.styleSheetCache;this.sheets=t.map(s=>{if(s instanceof CSSStyleSheet)return s;let n=e.get(s);return n===void 0&&(n=new CSSStyleSheet,n.replaceSync(s),e.set(s,n)),n})}addStylesTo(t){he(K(t),this.sheets)}removeStylesFrom(t){ue(K(t),this.sheets)}}st.styleSheetCache=new Map;let Ye=0;const Ze=()=>`fast-${++Ye}`;function Pt(i){return i===document?document.body:i}class ti{constructor(t){this.styles=t,this.styleClass=Ze()}addStylesTo(t){t=Pt(K(t));const e=this.styles,s=this.styleClass;for(let n=0;n<e.length;n++){const r=document.createElement("style");r.innerHTML=e[n],r.className=s,t.append(r)}}removeStylesFrom(t){t=Pt(K(t));const e=t.querySelectorAll(`.${this.styleClass}`);for(let s=0,n=e.length;s<n;++s)t.removeChild(e[s])}}let he=(i,t)=>{i.adoptedStyleSheets=[...i.adoptedStyleSheets,...t]},ue=(i,t)=>{i.adoptedStyleSheets=i.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(m.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),he=(i,t)=>{i.adoptedStyleSheets.push(...t)},ue=(i,t)=>{for(const e of t){const s=i.adoptedStyleSheets.indexOf(e);s!==-1&&i.adoptedStyleSheets.splice(s,1)}}}catch{}m.setDefaultStrategy(st)}else m.setDefaultStrategy(ti);const H="defer-hydration",at="needs-hydration";class f extends S{get shadowOptions(){return super.shadowOptions}set shadowOptions(t){super.shadowOptions=t,(this.hasExistingShadowRoot||t!==void 0&&!this.template)&&this.definition.templateOptions===Ge.deferAndHydrate&&(this.source.toggleAttribute(H,!0),this.source.toggleAttribute(at,!0))}addHydratingInstance(){if(!f.hydratingInstances)return;const t=this.definition.name;let e=f.hydratingInstances.get(t);e||(e=new Set,f.hydratingInstances.set(t,e)),e.add(this.source)}static config(t){return f.lifecycleCallbacks=t,this}static hydrationObserverHandler(t){for(const e of t)e.target.hasAttribute(H)||(f.hydrationObserver.unobserve(e.target),e.target.$fastController.connect())}static checkHydrationComplete(t){var e,s,n;if(t.didTimeout){f.idleCallbackId=requestIdleCallback(f.checkHydrationComplete,{timeout:50});return}((e=f.hydratingInstances)===null||e===void 0?void 0:e.size)===0&&((n=(s=f.lifecycleCallbacks)===null||s===void 0?void 0:s.hydrationComplete)===null||n===void 0||n.call(s),S.setStrategy(S))}connect(){var t,e,s,n,r;if(this.needsHydration=(t=this.needsHydration)!==null&&t!==void 0?t:this.source.hasAttribute(at),this.needsHydration&&((s=(e=f.lifecycleCallbacks)===null||e===void 0?void 0:e.elementWillHydrate)===null||s===void 0||s.call(e,this.definition.name)),this.source.hasAttribute(H)){this.addHydratingInstance(),f.hydrationObserver.observe(this.source,{attributeFilter:[H]});return}if(!this.needsHydration){super.connect(),this.removeHydratingInstance();return}if(this.stage===3){if(this.stage=0,this.bindObservables(),this.connectBehaviors(),this.template)if(L(this.template)){const o=this.source,c=(n=_(o))!==null&&n!==void 0?n:o;let d=c.firstChild,l=c.lastChild;o.shadowRoot===null&&(w.isElementBoundaryStartMarker(d)&&(d.data="",d=d.nextSibling),w.isElementBoundaryEndMarker(l)&&(l.data="",l=l.previousSibling)),this.view=this.template.hydrate(d,l,o),(r=this.view)===null||r===void 0||r.bind(this.source)}else this.renderTemplate(this.template);this.addStyles(this.mainStyles),this.stage=1,this.source.removeAttribute(at),this.needsInitialization=this.needsHydration=!1,this.removeHydratingInstance(),b.notify(this,W)}}removeHydratingInstance(){var t,e;if(!f.hydratingInstances)return;const s=this.definition.name,n=f.hydratingInstances.get(s);(e=(t=f.lifecycleCallbacks)===null||t===void 0?void 0:t.elementDidHydrate)===null||e===void 0||e.call(t,this.definition.name),n&&(n.delete(this.source),n.size||f.hydratingInstances.delete(s),f.idleCallbackId&&cancelIdleCallback(f.idleCallbackId),f.idleCallbackId=requestIdleCallback(f.checkHydrationComplete,{timeout:50}))}disconnect(){super.disconnect(),f.hydrationObserver.unobserve(this.source)}static install(){S.setStrategy(f)}}f.hydrationObserver=new Je(f.hydrationObserverHandler);f.idleCallbackId=null;f.hydratingInstances=new Map;function fe(i){const t=class extends i{constructor(){super(),S.forCustomElement(this)}$emit(e,s,n){return this.$fastController.emit(e,s,n)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,s,n){this.$fastController.onAttributeChangedCallback(e,s,n)}};return p.registerBaseType(t),t}function ei(i,t){return M(i)?p.compose(i,t):p.compose(this,i)}function ii(i,t){return M(i)?new Promise(e=>{p.composeAsync(i,t).then(s=>{e(s)})}).then(e=>e.define().type):new Promise(e=>{p.composeAsync(this,i).then(s=>{e(s)})}).then(e=>e.define().type)}function si(i,t){return M(i)?p.compose(i,t).define().type:p.compose(this,i).define().type}function ni(i){return fe(i)}const ri=Object.assign(fe(HTMLElement),{from:ni,define:si,compose:ei,defineAsync:ii});function ai(i,t){return i instanceof Function?i(t):i}const zt=new Set,ot=new Map,oi=i=>(t="vwc")=>{const e=n=>`${t}-${n}`,s=n=>{const r=e(n.name);let o=n.type;if(o.componentName=n.name,zt.has(r))return;ot.has(o)&&ot.get(o)!==r&&(o=class extends o{}),zt.add(r),ot.set(o,r);for(const a of n.dependencies)s(a);const c=new Map([[n.type,r],...n.dependencies.map(a=>[a.type,e(a.name)])]),l={tagFor:(a,h)=>{if(!c.has(a))throw new Error(`Could not get tag for ${a.name} as it is not a dependency of ${n.name}.`);const u=c.get(a);return h?u:vt.partial(u)},tagForNonDependency(a){return e(a)}};p.compose(o,{...n.options,template:ai(n.template,l),name:`${t}-${n.name}`}).define()};s(i)},li=(i,t,e,s,n)=>({name:i,type:t,template:e,dependencies:s,options:n}),Ut=new WeakMap,pe=i=>{let t=Ut.get(i);return t||(t=[],Ut.set(i,t)),t},ci=(i,t)=>{pe(i).push(t)},di=(i,t)=>{pe(i).forEach(e=>e(i,t))},hi=i=>i==="delegate",Wt=i=>`vvd${i.charAt(0).toUpperCase()}${i.slice(1)}`,be=(i,t)=>{if(hi(i._vividAriaBehaviour)){const e=i[t];i[`_${t}`]=null,i.removeAttribute(Y(t)),i[`_${t}`]=e,i[t]!==null?i.dataset[Wt(t)]=i[t]:delete i.dataset[Wt(t)]}else k.setAttribute(i,Y(t),i[t])},X=new WeakMap,ui=(i,t)=>{const e=X.get(i);e?e.add(t):X.set(i,new Set([t]))},fi=(i,t)=>{i.isConnected?be(i,t):ui(i,t)},pi=i=>{const t=X.get(i);if(t){for(const e of t)be(i,e);X.delete(i)}},ct=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaColCount","ariaColIndex","ariaColIndexText","ariaColSpan","ariaCurrent","ariaDescription","ariaDisabled","ariaExpanded","ariaHasPopup","ariaHidden","ariaInvalid","ariaKeyShortcuts","ariaLabel","ariaLevel","ariaLive","ariaModal","ariaMultiLine","ariaMultiSelectable","ariaOrientation","ariaPlaceholder","ariaPosInSet","ariaPressed","ariaReadOnly","ariaRequired","ariaRoleDescription","ariaRowCount","ariaRowIndex","ariaRowIndexText","ariaRowSpan","ariaSelected","ariaSetSize","ariaSort","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","ariaRelevant"],Y=i=>i.replace("aria","aria-").toLowerCase(),bi=i=>{class t extends i{constructor(...s){super(...s),this._vividAriaBehaviour="default";for(const n of ct)this[`_${n}`]=null}connectedCallback(){super.connectedCallback(),pi(this)}}for(const e of ct)ce({attribute:Y(e),mode:"fromView"})(t.prototype,e),t.prototype[`${e}Changed`]=function(){fi(this,e),this._vividAriaBehaviour!=="default"&&di(this,e)};return t};function gi(){const i=new WeakMap;return t=>(i.has(t)||i.set(t,[]),i.get(t))}const ge=gi(),vi=i=>(t,e)=>{ge(t.constructor).push({newPropertyName:e,...i})},yi=i=>{class t extends i{#t(s){let n=!1,r=!1;const o=a=>r&&s.fromDeprecated(a[s.deprecatedPropertyName])===a[s.newPropertyName],c=a=>n&&s.toDeprecated&&s.toDeprecated(a[s.newPropertyName])===a[s.deprecatedPropertyName],d={handleChange(a,h){if(h===s.newPropertyName){if(n=!0,!s.toDeprecated||o(a))return;a[s.deprecatedPropertyName]=s.toDeprecated(a[s.newPropertyName])}if(h===s.deprecatedPropertyName){if(r=!0,c(a))return;a[s.newPropertyName]=s.fromDeprecated(a[s.deprecatedPropertyName])}}},l=b.getNotifier(this);l.subscribe(d,s.newPropertyName),l.subscribe(d,s.deprecatedPropertyName)}constructor(...s){super(...s);for(const n of ge(this.constructor))this.#t(n)}}return t};class mi extends bi(yi(ri)){static{this.VIVID_VERSION="5.7.0"}connectedCallback(){super.connectedCallback();const t=this.constructor.componentName;this.setAttribute("data-vvd-component",t)}}exports.Binding=tt;exports.DOM=k;exports.ElementStyles=m;exports.ExecutionContext=A;exports.HTMLDirective=T;exports.HTMLView=F;exports.HydrationMarkup=w;exports.HydrationStage=B;exports.Markup=pt;exports.Observable=b;exports.StatelessAttachedAttributeDirective=Zt;exports.SubscriberSet=q;exports.Updates=dt;exports.ViewBehaviorOrchestrator=Ke;exports.VividElement=mi;exports.ariaAttributeName=Y;exports.ariaMixinProperties=ct;exports.attr=ce;exports.commonjsGlobal=P;exports.createRegisterFunction=oi;exports.defineVividComponent=li;exports.emptyArray=ye;exports.getDefaultExportFromCjs=ve;exports.html=vt;exports.isFunction=M;exports.isHydratable=L;exports.isString=N;exports.noop=qt;exports.nullableNumberConverter=qe;exports.observable=Se;exports.oneTime=ut;exports.oneWay=ht;exports.replaces=vi;exports.subscribeToAriaPropertyChanges=ci;exports.volatile=Ce;
+Template: ${l.slice(0,200)}${l.length>200?"...":""}`),new Ee(g.join(`
+`),d,ie(this.firstChild,this.lastChild).cloneContents(),l)}}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=t,this.context=e;for(let r=0,o=n.length;r<o;++r)n[r].bind(this)}this.isBound=!0,this._hydrationStage=B.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){lt(this.firstChild,this.lastChild),this.unbind()}onUnbind(t){this.unbindables.push(t)}evaluateUnbindables(){const t=this.unbindables;for(let e=0,s=t.length;e<s;++e)t[e].unbind(this);t.length=0}}se=Q;O(Re);function _e(i){return i.create!==void 0}function Ie(i,t,e,s){if(e==null&&(e=""),_e(e)){i.textContent="";let n=i.$fastView;if(n===void 0)if(L(s)&&L(e)&&s.bindingViewBoundaries[this.targetNodeId]!==void 0&&s.hydrationStage!==B.hydrated){const r=s.bindingViewBoundaries[this.targetNodeId];n=e.hydrate(r.first,r.last)}else n=e.create();else i.$fastTemplate!==e&&(n.isComposed&&(n.remove(),n.unbind()),n=e.create());n.isComposed?n.needsBindOnly&&(n.needsBindOnly=!1,n.bind(s.source,s.context)):(n.isComposed=!0,n.bind(s.source,s.context),n.insertBefore(i),i.$fastView=n,i.$fastTemplate=e)}else{const n=i.$fastView;n!==void 0&&n.isComposed&&(n.isComposed=!1,n.remove(),n.needsBindOnly?n.needsBindOnly=!1:n.unbind()),i.textContent=e}}function Le(i,t,e){var s;const n=`${this.id}-t`,r=(s=i[n])!==null&&s!==void 0?s:i[n]={v:0,cv:Object.create(null)},o=r.cv;let c=r.v;const d=i[t];if(e!=null&&e.length){const l=e.split(/\s+/);for(let a=0,h=l.length;a<h;++a){const u=l[a];u!==""&&(o[u]=c,d.add(u))}}if(r.v=c+1,c!==0){c-=1;for(const l in o)o[l]===c&&d.remove(l)}}const Ve={[y.attribute]:k.setAttribute,[y.booleanAttribute]:k.setBooleanAttribute,[y.property]:(i,t,e)=>i[t]=e,[y.content]:Ie,[y.tokenList]:Le,[y.event]:()=>{}};class E{constructor(t){this.dataBinding=t,this.updateTarget=null,this.aspectType=y.content}createHTML(t){return pt.interpolation(t(this))}createBehavior(){var t;if(this.updateTarget===null){const e=Ve[this.aspectType],s=(t=this.dataBinding.policy)!==null&&t!==void 0?t:this.policy;if(!e)throw v.error(1205);this.data=`${this.id}-d`,this.updateTarget=s.protect(this.targetTagName,this.aspectType,this.targetAspect,e)}return this}bind(t){var e;const s=t.targets[this.targetNodeId],n=L(t)&&t.hydrationStage&&t.hydrationStage!==B.hydrated;switch(this.aspectType){case y.event:s[this.data]=t,s.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case y.content:t.onUnbind(this);default:const r=(e=s[this.data])!==null&&e!==void 0?e:s[this.data]=this.dataBinding.createObserver(this,this);if(r.target=s,r.controller=t,n&&(this.aspectType===y.attribute||this.aspectType===y.booleanAttribute)){r.bind(t);break}this.updateTarget(s,this.targetAspect,r.bind(t),t);break}}unbind(t){const s=t.targets[this.targetNodeId].$fastView;s!==void 0&&s.isComposed&&(s.unbind(),s.needsBindOnly=!0)}handleEvent(t){const e=t.currentTarget[this.data];if(e.isBound){A.setEvent(t);const s=this.dataBinding.evaluate(e.source,e.context);A.setEvent(null),s!==!0&&t.preventDefault()}}handleChange(t,e){const s=e.target,n=e.controller;this.updateTarget(s,this.targetAspect,e.bind(n),n)}}T.define(E,{aspected:!0});const re=(i,t)=>`${i}.${t}`,Rt={},C={index:0,node:null};function _t(i){i.startsWith("fast-")||v.warn(1204,{name:i})}const je=new Proxy(document.createElement("div"),{get(i,t){_t(t);const e=Reflect.get(i,t);return M(e)?e.bind(i):e},set(i,t,e){return _t(t),Reflect.set(i,t,e)}});class Fe{constructor(t,e,s){this.fragment=t,this.directives=e,this.policy=s,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(t,e,s,n,r){var o,c;this.nodeIds.has(s)||(this.nodeIds.add(s),this.addTargetDescriptor(e,s,n)),t.id=(o=t.id)!==null&&o!==void 0?o:V(),t.targetNodeId=s,t.targetTagName=r,t.policy=(c=t.policy)!==null&&c!==void 0?c:this.policy,this.factories.push(t)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(t,e,s){const n=this.descriptors;if(e==="r"||e==="h"||n[e])return;if(!n[t]){const o=t.lastIndexOf("."),c=t.substring(0,o),d=parseInt(t.substring(o+1));this.addTargetDescriptor(c,t,d)}let r=Rt[e];if(!r){const o=`_${e}`;Rt[e]=r={get(){var c;return(c=this[o])!==null&&c!==void 0?c:this[o]=this[t].childNodes[s]}}}n[e]=r}createView(t){const e=this.fragment.cloneNode(!0),s=Object.create(this.proto);s.r=e,s.h=t??je;for(const n of this.nodeIds)s[n];return new F(e,this.factories,s)}}function ae(i,t,e,s,n,r=!1){const o=e.attributes,c=i.directives;for(let d=0,l=o.length;d<l;++d){const a=o[d],h=a.value,u=et.parse(h,c);let g=null;u===null?r&&(g=new E(ut(()=>h,i.policy)),T.assignAspect(g,a.name)):g=gt.aggregate(u,i.policy),g!==null&&(e.removeAttributeNode(a),d--,l--,i.addFactory(g,t,s,n,e.tagName))}}function De(i,t,e,s,n){const r=et.parse(t.textContent,i.directives);if(r===null)return C.node=t.nextSibling,C.index=n+1,C;let o,c=o=t;for(let d=0,l=r.length;d<l;++d){const a=r[d];d!==0&&(n++,s=re(e,n),o=c.parentNode.insertBefore(document.createTextNode(""),c.nextSibling)),N(a)?o.textContent=a:(o.textContent=" ",T.assignAspect(a),i.addFactory(a,e,s,n,null)),c=o}return C.index=n+1,C.node=c.nextSibling,C}function oe(i,t,e){let s=0,n=t.firstChild;for(;n;){const r=He(i,e,n,s);n=r.node,s=r.index}}function He(i,t,e,s){const n=re(t,s);switch(e.nodeType){case 1:ae(i,t,e,n,s),oe(i,e,n);break;case 3:return De(i,e,t,n,s);case 8:const r=et.parse(e.data,i.directives);r!==null&&i.addFactory(gt.aggregate(r),t,n,s,null);break}return C.index=s+1,C.node=e.nextSibling,C}function Pe(i,t){return i&&i.nodeType==8&&et.parse(i.data,t)!==null}const It="TEMPLATE",gt={compile(i,t,e=k.policy){let s;if(N(i)){s=document.createElement(It),s.innerHTML=e.createHTML(i);const o=s.content.firstElementChild;o!==null&&o.tagName===It&&(s=o)}else s=i;!s.content.firstChild&&!s.content.lastChild&&s.content.appendChild(document.createComment(""));const n=document.adoptNode(s.content),r=new Fe(n,t,e);return ae(r,"",s,"h",0,!0),(Pe(n.firstChild,t)||n.childNodes.length===1&&Object.keys(t).length>0)&&n.insertBefore(document.createComment(""),n.firstChild),oe(r,n,"r"),C.node=null,r.freeze()},setDefaultStrategy(i){this.compile=i},aggregate(i,t=k.policy){if(i.length===1)return i[0];let e,s=!1,n;const r=i.length,o=i.map(l=>N(l)?()=>l:(e=l.sourceAspect||e,s=s||l.dataBinding.isVolatile,n=n||l.dataBinding.policy,l.dataBinding.evaluate)),c=(l,a)=>{let h="";for(let u=0;u<r;++u)h+=o[u](l,a);return h},d=new E(ht(c,n??t,s));return T.assignAspect(d,e),d}},ze=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,Ue=Object.create(null);class j{constructor(t,e=Ue){this.html=t,this.factories=e}createHTML(t){const e=this.factories;for(const s in e)t(e[s]);return this.html}}j.empty=new j("");T.define(j);function We(i,t,e,s=T.getForInstance(i)){if(s.aspected){const n=ze.exec(t);n!==null&&T.assignAspect(i,n[2])}return i.createHTML(e)}class it{constructor(t,e={},s){this.policy=s,this.result=null,this.html=t,this.factories=e}compile(){return this.result===null&&(this.result=gt.compile(this.html,this.factories,this.policy)),this.result}create(t){return this.compile().createView(t)}inline(){return new j(N(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(t){if(this.result)throw v.error(1208);if(this.policy)throw v.error(1207);return this.policy=t,this}render(t,e,s){const n=this.create(s);return n.bind(t),n.appendTo(e),n}static create(t,e,s){let n="";const r=Object.create(null),o=c=>{var d;const l=(d=c.id)!==null&&d!==void 0?d:c.id=V();return r[l]=c,l};for(let c=0,d=t.length-1;c<d;++c){const l=t[c];let a=e[c],h;if(n+=l,M(a))a=new E(ht(a));else if(a instanceof tt)a=new E(a);else if(!(h=T.getForInstance(a))){const u=a;a=new E(ut(()=>u))}n+=We(a,l,o,h)}return new it(n+t[t.length-1],r,s)}}O(it);const yt=(i,...t)=>{if(Array.isArray(i)&&Array.isArray(i.raw))return it.create(i,t);throw v.error(1206)};yt.partial=i=>new j(i);const Lt="boolean",Vt="reflect",le=Object.freeze({locate:Jt()}),qe={toView(i){return i?"true":"false"},fromView(i){return!(i==null||i==="false"||i===!1||i===0)}};function jt(i){if(i==null)return null;const t=i*1;return isNaN(t)?null:t}const Qe={toView(i){const t=jt(i);return t&&t.toString()},fromView:jt};class J{constructor(t,e,s=e.toLowerCase(),n=Vt,r){this.guards=new Set,this.Owner=t,this.name=e,this.attribute=s,this.mode=n,this.converter=r,this.fieldName=`_${e}`,this.callbackName=`${e}Changed`,this.hasCallback=this.callbackName in t.prototype,n===Lt&&r===void 0&&(this.converter=qe)}setValue(t,e){const s=t[this.fieldName],n=this.converter;n!==void 0&&(e=n.fromView(e)),s!==e&&(t[this.fieldName]=e,this.tryReflectToAttribute(t),this.hasCallback&&t[this.callbackName](s,e),t.$fastController.notify(this.name))}getValue(t){return b.track(t,this.name),t[this.fieldName]}onAttributeChangedCallback(t,e){this.guards.has(t)||(this.guards.add(t),this.setValue(t,e),this.guards.delete(t))}tryReflectToAttribute(t){const e=this.mode,s=this.guards;s.has(t)||e==="fromView"||dt.enqueue(()=>{s.add(t);const n=t[this.fieldName];switch(e){case Vt:const r=this.converter;k.setAttribute(t,this.attribute,r!==void 0?r.toView(n):n);break;case Lt:k.setBooleanAttribute(t,this.attribute,n);break}s.delete(t)})}static collect(t,...e){const s=[];e.push(le.locate(t));for(let n=0,r=e.length;n<r;++n){const o=e[n];if(o!==void 0)for(let c=0,d=o.length;c<d;++c){const l=o[c];N(l)?s.push(new J(t,l)):s.push(new J(t,l.property,l.attribute,l.mode,l.converter))}}return s}}function ce(i,t){let e;function s(n,r){arguments.length>1&&(e.property=r),le.locate(n.constructor).push(e)}if(arguments.length>1){e={},s(i,t);return}return e=i===void 0?{}:i,s}var Ge=function(i,t,e,s){function n(r){return r instanceof e?r:new e(function(o){o(r)})}return new(e||(e=Promise))(function(r,o){function c(a){try{l(s.next(a))}catch(h){o(h)}}function d(a){try{l(s.throw(a))}catch(h){o(h)}}function l(a){a.done?r(a.value):n(a.value).then(c,d)}l((s=s.apply(i,t||[])).next())})};const Ft={mode:"open"},Dt={},rt=new Set,_=v.getById(x.elementRegistry,()=>Gt()),Je={deferAndHydrate:"defer-and-hydrate"};class p{constructor(t,e=t.definition){var s;this.platformDefined=!1,N(e)&&(e={name:e}),this.type=t,this.name=e.name,this.template=e.template,this.templateOptions=e.templateOptions,this.registry=(s=e.registry)!==null&&s!==void 0?s:customElements;const n=t.prototype,r=J.collect(t,e.attributes),o=new Array(r.length),c={},d={};for(let l=0,a=r.length;l<a;++l){const h=r[l];o[l]=h.attribute,c[h.name]=h,d[h.attribute]=h,b.defineProperty(n,h)}Reflect.defineProperty(t,"observedAttributes",{value:o,enumerable:!0}),this.attributes=r,this.propertyLookup=c,this.attributeLookup=d,this.shadowOptions=e.shadowOptions===void 0?Ft:e.shadowOptions===null?void 0:Object.assign(Object.assign({},Ft),e.shadowOptions),this.elementOptions=e.elementOptions===void 0?Dt:Object.assign(Object.assign({},Dt),e.elementOptions),this.styles=m.normalize(e.styles),_.register(this),b.defineProperty(p.isRegistered,this.name),p.isRegistered[this.name]=this.type}get isDefined(){return this.platformDefined}define(t=this.registry){var e,s;const n=this.type;return t.get(this.name)||(this.platformDefined=!0,t.define(this.name,n,this.elementOptions),(s=(e=this.lifecycleCallbacks)===null||e===void 0?void 0:e.elementDidDefine)===null||s===void 0||s.call(e,this.name)),this}static compose(t,e){return rt.has(t)||_.getByType(t)?new p(class extends t{},e):new p(t,e)}static registerBaseType(t){rt.add(t)}static composeAsync(t,e){return new Promise(s=>{(rt.has(t)||_.getByType(t))&&s(new p(class extends t{},e));const n=new p(t,e);b.getNotifier(n).subscribe({handleChange:()=>{var r,o;(o=(r=n.lifecycleCallbacks)===null||r===void 0?void 0:r.templateDidUpdate)===null||o===void 0||o.call(r,n.name),s(n)}},"template")})}}p.isRegistered={};p.getByType=_.getByType;p.getForInstance=_.getForInstance;p.registerAsync=i=>Ge(void 0,void 0,void 0,function*(){return new Promise(t=>{p.isRegistered[i]&&t(p.isRegistered[i]),b.getNotifier(p.isRegistered).subscribe({handleChange:()=>t(p.isRegistered[i])},i)})});b.defineProperty(p.prototype,"template");class Ke extends MutationObserver{constructor(t){function e(s){this.callback.call(null,s.filter(n=>this.observedNodes.has(n.target)))}super(e),this.callback=t,this.observedNodes=new Set}observe(t,e){this.observedNodes.add(t),super.observe(t,e)}unobserve(t){this.observedNodes.delete(t),this.observedNodes.size<1&&this.disconnect()}}const Xe=Object.freeze({create(i){const t=[],e={};let s=null,n=!1;return{source:i,context:A.default,targets:e,get isBound(){return n},addBehaviorFactory(r,o){var c,d,l,a;const h=r;h.id=(c=h.id)!==null&&c!==void 0?c:V(),h.targetNodeId=(d=h.targetNodeId)!==null&&d!==void 0?d:V(),h.targetTagName=(l=o.tagName)!==null&&l!==void 0?l:null,h.policy=(a=h.policy)!==null&&a!==void 0?a:k.policy,this.addTarget(h.targetNodeId,o),this.addBehavior(h.createBehavior())},addTarget(r,o){e[r]=o},addBehavior(r){t.push(r),n&&r.bind(this)},onUnbind(r){s===null&&(s=[]),s.push(r)},connectedCallback(r){n||(n=!0,t.forEach(o=>o.bind(this)))},disconnectedCallback(r){n&&(n=!1,s!==null&&s.forEach(o=>o.unbind(this)))}}}}),Ye={bubbles:!0,composed:!0,cancelable:!0},W="isConnected",de=new WeakMap;function I(i){var t,e;return(e=(t=i.shadowRoot)!==null&&t!==void 0?t:de.get(i))!==null&&e!==void 0?e:null}let Ht;class S extends Kt{constructor(t,e){super(t),this.boundObservables=null,this.needsInitialization=!0,this.hasExistingShadowRoot=!1,this._template=null,this.stage=3,this.guardBehaviorConnection=!1,this.behaviors=null,this.behaviorsConnected=!1,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=t,this.definition=e,this.shadowOptions=e.shadowOptions;const s=b.getAccessors(t);if(s.length>0){const n=this.boundObservables=Object.create(null);for(let r=0,o=s.length;r<o;++r){const c=s[r].name,d=t[c];d!==void 0&&(delete t[c],n[c]=d)}}}get isConnected(){return b.track(this,W),this.stage===1}get context(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.context)!==null&&e!==void 0?e:A.default}get isBound(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.isBound)!==null&&e!==void 0?e:!1}get sourceLifetime(){var t;return(t=this.view)===null||t===void 0?void 0:t.sourceLifetime}get template(){var t;if(this._template===null){const e=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():e.template&&(this._template=(t=e.template)!==null&&t!==void 0?t:null)}return this._template}set template(t){this._template!==t&&(this._template=t,this.needsInitialization||this.renderTemplate(t))}get shadowOptions(){return this._shadowRootOptions}set shadowOptions(t){if(this._shadowRootOptions===void 0&&t!==void 0){this._shadowRootOptions=t;let e=this.source.shadowRoot;e?this.hasExistingShadowRoot=!0:(e=this.source.attachShadow(t),t.mode==="closed"&&de.set(this.source,e))}}get mainStyles(){var t;if(this._mainStyles===null){const e=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():e.styles&&(this._mainStyles=(t=e.styles)!==null&&t!==void 0?t:null)}return this._mainStyles}set mainStyles(t){this._mainStyles!==t&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=t,this.needsInitialization||this.addStyles(t))}onUnbind(t){var e;(e=this.view)===null||e===void 0||e.onUnbind(t)}addBehavior(t){var e,s;const n=(e=this.behaviors)!==null&&e!==void 0?e:this.behaviors=new Map,r=(s=n.get(t))!==null&&s!==void 0?s:0;r===0?(n.set(t,1),t.addedCallback&&t.addedCallback(this),t.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&t.connectedCallback(this)):n.set(t,r+1)}removeBehavior(t,e=!1){const s=this.behaviors;if(s===null)return;const n=s.get(t);n!==void 0&&(n===1||e?(s.delete(t),t.disconnectedCallback&&this.stage!==3&&t.disconnectedCallback(this),t.removedCallback&&t.removedCallback(this)):s.set(t,n-1))}addStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=I(s))!==null&&e!==void 0?e:this.source).append(t);else if(!t.isAttachedTo(s)){const n=t.behaviors;if(t.addStylesTo(s),n!==null)for(let r=0,o=n.length;r<o;++r)this.addBehavior(n[r])}}removeStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=I(s))!==null&&e!==void 0?e:s).removeChild(t);else if(t.isAttachedTo(s)){const n=t.behaviors;if(t.removeStylesFrom(s),n!==null)for(let r=0,o=n.length;r<o;++r)this.removeBehavior(n[r])}}connect(){this.stage===3&&(this.stage=0,this.bindObservables(),this.connectBehaviors(),this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=1,b.notify(this,W))}bindObservables(){if(this.boundObservables!==null){const t=this.source,e=this.boundObservables,s=Object.keys(e);for(let n=0,r=s.length;n<r;++n){const o=s[n];t[o]=e[o]}this.boundObservables=null}}connectBehaviors(){if(this.behaviorsConnected===!1){const t=this.behaviors;if(t!==null){this.guardBehaviorConnection=!0;for(const e of t.keys())e.connectedCallback&&e.connectedCallback(this);this.guardBehaviorConnection=!1}this.behaviorsConnected=!0}}disconnectBehaviors(){if(this.behaviorsConnected===!0){const t=this.behaviors;if(t!==null)for(const e of t.keys())e.disconnectedCallback&&e.disconnectedCallback(this);this.behaviorsConnected=!1}}disconnect(){this.stage===1&&(this.stage=2,b.notify(this,W),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),this.stage=3)}onAttributeChangedCallback(t,e,s){const n=this.definition.attributeLookup[t];n!==void 0&&n.onAttributeChangedCallback(this.source,s)}emit(t,e,s){return this.stage===1?this.source.dispatchEvent(new CustomEvent(t,Object.assign(Object.assign({detail:e},Ye),s))):!1}renderTemplate(t){var e;const s=this.source,n=(e=I(s))!==null&&e!==void 0?e:s;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let r=n.firstChild;r!==null;r=n.firstChild)n.removeChild(r)}t&&(this.view=t.render(s,n,s),this.view.sourceLifetime=Z.coupled)}static forCustomElement(t,e=!1){const s=t.$fastController;if(s!==void 0&&!e)return s;const n=p.getForInstance(t);if(n===void 0)throw v.error(1401);return b.getNotifier(n).subscribe({handleChange:()=>{S.forCustomElement(t,!0),t.$fastController.connect()}},"template"),b.getNotifier(n).subscribe({handleChange:()=>{S.forCustomElement(t,!0),t.$fastController.connect()}},"shadowOptions"),t.$fastController=new Ht(t,n)}static setStrategy(t){Ht=t}}O(S);S.setStrategy(S);function K(i){var t;return"adoptedStyleSheets"in i?i:(t=I(i))!==null&&t!==void 0?t:i.getRootNode()}class st{constructor(t){const e=st.styleSheetCache;this.sheets=t.map(s=>{if(s instanceof CSSStyleSheet)return s;let n=e.get(s);return n===void 0&&(n=new CSSStyleSheet,n.replaceSync(s),e.set(s,n)),n})}addStylesTo(t){he(K(t),this.sheets)}removeStylesFrom(t){ue(K(t),this.sheets)}}st.styleSheetCache=new Map;let Ze=0;const ti=()=>`fast-${++Ze}`;function Pt(i){return i===document?document.body:i}class ei{constructor(t){this.styles=t,this.styleClass=ti()}addStylesTo(t){t=Pt(K(t));const e=this.styles,s=this.styleClass;for(let n=0;n<e.length;n++){const r=document.createElement("style");r.innerHTML=e[n],r.className=s,t.append(r)}}removeStylesFrom(t){t=Pt(K(t));const e=t.querySelectorAll(`.${this.styleClass}`);for(let s=0,n=e.length;s<n;++s)t.removeChild(e[s])}}let he=(i,t)=>{i.adoptedStyleSheets=[...i.adoptedStyleSheets,...t]},ue=(i,t)=>{i.adoptedStyleSheets=i.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(m.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),he=(i,t)=>{i.adoptedStyleSheets.push(...t)},ue=(i,t)=>{for(const e of t){const s=i.adoptedStyleSheets.indexOf(e);s!==-1&&i.adoptedStyleSheets.splice(s,1)}}}catch{}m.setDefaultStrategy(st)}else m.setDefaultStrategy(ei);const D="defer-hydration",at="needs-hydration";class f extends S{get shadowOptions(){return super.shadowOptions}set shadowOptions(t){super.shadowOptions=t,(this.hasExistingShadowRoot||t!==void 0&&!this.template)&&this.definition.templateOptions===Je.deferAndHydrate&&(this.source.toggleAttribute(D,!0),this.source.toggleAttribute(at,!0))}addHydratingInstance(){if(!f.hydratingInstances)return;const t=this.definition.name;let e=f.hydratingInstances.get(t);e||(e=new Set,f.hydratingInstances.set(t,e)),e.add(this.source)}static config(t){return f.lifecycleCallbacks=t,this}static hydrationObserverHandler(t){for(const e of t)e.target.hasAttribute(D)||(f.hydrationObserver.unobserve(e.target),e.target.$fastController.connect())}static checkHydrationComplete(t){var e,s,n;if(t.didTimeout){f.idleCallbackId=requestIdleCallback(f.checkHydrationComplete,{timeout:50});return}((e=f.hydratingInstances)===null||e===void 0?void 0:e.size)===0&&((n=(s=f.lifecycleCallbacks)===null||s===void 0?void 0:s.hydrationComplete)===null||n===void 0||n.call(s),S.setStrategy(S))}connect(){var t,e,s,n,r;if(this.needsHydration=(t=this.needsHydration)!==null&&t!==void 0?t:this.source.hasAttribute(at),this.needsHydration&&((s=(e=f.lifecycleCallbacks)===null||e===void 0?void 0:e.elementWillHydrate)===null||s===void 0||s.call(e,this.definition.name)),this.source.hasAttribute(D)){this.addHydratingInstance(),f.hydrationObserver.observe(this.source,{attributeFilter:[D]});return}if(!this.needsHydration){super.connect(),this.removeHydratingInstance();return}if(this.stage===3){if(this.stage=0,this.bindObservables(),this.connectBehaviors(),this.template)if(L(this.template)){const o=this.source,c=(n=I(o))!==null&&n!==void 0?n:o;let d=c.firstChild,l=c.lastChild;o.shadowRoot===null&&(w.isElementBoundaryStartMarker(d)&&(d.data="",d=d.nextSibling),w.isElementBoundaryEndMarker(l)&&(l.data="",l=l.previousSibling)),this.view=this.template.hydrate(d,l,o),(r=this.view)===null||r===void 0||r.bind(this.source)}else this.renderTemplate(this.template);this.addStyles(this.mainStyles),this.stage=1,this.source.removeAttribute(at),this.needsInitialization=this.needsHydration=!1,this.removeHydratingInstance(),b.notify(this,W)}}removeHydratingInstance(){var t,e;if(!f.hydratingInstances)return;const s=this.definition.name,n=f.hydratingInstances.get(s);(e=(t=f.lifecycleCallbacks)===null||t===void 0?void 0:t.elementDidHydrate)===null||e===void 0||e.call(t,this.definition.name),n&&(n.delete(this.source),n.size||f.hydratingInstances.delete(s),f.idleCallbackId&&cancelIdleCallback(f.idleCallbackId),f.idleCallbackId=requestIdleCallback(f.checkHydrationComplete,{timeout:50}))}disconnect(){super.disconnect(),f.hydrationObserver.unobserve(this.source)}static install(){S.setStrategy(f)}}f.hydrationObserver=new Ke(f.hydrationObserverHandler);f.idleCallbackId=null;f.hydratingInstances=new Map;function fe(i){const t=class extends i{constructor(){super(),S.forCustomElement(this)}$emit(e,s,n){return this.$fastController.emit(e,s,n)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,s,n){this.$fastController.onAttributeChangedCallback(e,s,n)}};return p.registerBaseType(t),t}function ii(i,t){return M(i)?p.compose(i,t):p.compose(this,i)}function si(i,t){return M(i)?new Promise(e=>{p.composeAsync(i,t).then(s=>{e(s)})}).then(e=>e.define().type):new Promise(e=>{p.composeAsync(this,i).then(s=>{e(s)})}).then(e=>e.define().type)}function ni(i,t){return M(i)?p.compose(i,t).define().type:p.compose(this,i).define().type}function ri(i){return fe(i)}const ai=Object.assign(fe(HTMLElement),{from:ri,define:ni,compose:ii,defineAsync:si});function oi(i,t){return i instanceof Function?i(t):i}const zt=new Set,ot=new Map,li=i=>(t="vwc")=>{const e=n=>`${t}-${n}`,s=n=>{const r=e(n.name);let o=n.type;if(o.componentName=n.name,zt.has(r))return;ot.has(o)&&ot.get(o)!==r&&(o=class extends o{}),zt.add(r),ot.set(o,r);for(const a of n.dependencies)s(a);const c=new Map([[n.type,r],...n.dependencies.map(a=>[a.type,e(a.name)])]),l={tagFor:(a,h)=>{if(!c.has(a))throw new Error(`Could not get tag for ${a.name} as it is not a dependency of ${n.name}.`);const u=c.get(a);return h?u:yt.partial(u)},tagForNonDependency(a){return e(a)}};p.compose(o,{...n.options,template:oi(n.template,l),name:`${t}-${n.name}`}).define()};s(i)},ci=(i,t,e,s,n)=>({name:i,type:t,template:e,dependencies:s,options:n}),Ut=new WeakMap,pe=i=>{let t=Ut.get(i);return t||(t=[],Ut.set(i,t)),t},di=(i,t)=>{pe(i).push(t)},hi=(i,t)=>{pe(i).forEach(e=>e(i,t))},ui=i=>i==="delegate",Wt=i=>`vvd${i.charAt(0).toUpperCase()}${i.slice(1)}`,be=(i,t)=>{if(ui(i._vividAriaBehaviour)){const e=i[t];i[`_${t}`]=null,i.removeAttribute(Y(t)),i[`_${t}`]=e,i[t]!==null?i.dataset[Wt(t)]=i[t]:delete i.dataset[Wt(t)]}else k.setAttribute(i,Y(t),i[t])},X=new WeakMap,fi=(i,t)=>{const e=X.get(i);e?e.add(t):X.set(i,new Set([t]))},pi=(i,t)=>{i.isConnected?be(i,t):fi(i,t)},bi=i=>{const t=X.get(i);if(t){for(const e of t)be(i,e);X.delete(i)}},ct=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaColCount","ariaColIndex","ariaColIndexText","ariaColSpan","ariaCurrent","ariaDescription","ariaDisabled","ariaExpanded","ariaHasPopup","ariaHidden","ariaInvalid","ariaKeyShortcuts","ariaLabel","ariaLevel","ariaLive","ariaModal","ariaMultiLine","ariaMultiSelectable","ariaOrientation","ariaPlaceholder","ariaPosInSet","ariaPressed","ariaReadOnly","ariaRequired","ariaRoleDescription","ariaRowCount","ariaRowIndex","ariaRowIndexText","ariaRowSpan","ariaSelected","ariaSetSize","ariaSort","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","ariaRelevant"],Y=i=>i.replace("aria","aria-").toLowerCase(),gi=i=>{class t extends i{constructor(...s){super(...s),this._vividAriaBehaviour="default";for(const n of ct)this[`_${n}`]=null}connectedCallback(){super.connectedCallback(),bi(this)}}for(const e of ct)ce({attribute:Y(e),mode:"fromView"})(t.prototype,e),t.prototype[`${e}Changed`]=function(){pi(this,e),this._vividAriaBehaviour!=="default"&&hi(this,e)};return t};function yi(){const i=new WeakMap;return t=>(i.has(t)||i.set(t,[]),i.get(t))}const ge=yi(),vi=i=>(t,e)=>{ge(t.constructor).push({newPropertyName:e,...i})},mi=i=>{class t extends i{#t(s){let n=!1,r=!1;const o=a=>r&&s.fromDeprecated(a[s.deprecatedPropertyName])===a[s.newPropertyName],c=a=>n&&s.toDeprecated&&s.toDeprecated(a[s.newPropertyName])===a[s.deprecatedPropertyName],d={handleChange(a,h){if(h===s.newPropertyName){if(n=!0,!s.toDeprecated||o(a))return;a[s.deprecatedPropertyName]=s.toDeprecated(a[s.newPropertyName])}if(h===s.deprecatedPropertyName){if(r=!0,c(a))return;a[s.newPropertyName]=s.fromDeprecated(a[s.deprecatedPropertyName])}}},l=b.getNotifier(this);l.subscribe(d,s.newPropertyName),l.subscribe(d,s.deprecatedPropertyName)}constructor(...s){super(...s);for(const n of ge(this.constructor))this.#t(n)}}return t};class wi extends gi(mi(ai)){static{this.VIVID_VERSION="5.9.0"}connectedCallback(){super.connectedCallback();const t=this.constructor.componentName;this.setAttribute("data-vvd-component",t)}}exports.Binding=tt;exports.DOM=k;exports.ElementStyles=m;exports.ExecutionContext=A;exports.HTMLDirective=T;exports.HTMLView=F;exports.HydrationMarkup=w;exports.HydrationStage=B;exports.Markup=pt;exports.Observable=b;exports.StatelessAttachedAttributeDirective=Zt;exports.SubscriberSet=q;exports.Updates=dt;exports.ViewBehaviorOrchestrator=Xe;exports.VividElement=wi;exports.ariaAttributeName=Y;exports.ariaMixinProperties=ct;exports.attr=ce;exports.commonjsGlobal=P;exports.createRegisterFunction=li;exports.defineVividComponent=ci;exports.emptyArray=me;exports.getAugmentedNamespace=ve;exports.getDefaultExportFromCjs=ye;exports.html=yt;exports.isFunction=M;exports.isHydratable=L;exports.isString=N;exports.noop=qt;exports.nullableNumberConverter=Qe;exports.observable=Ce;exports.oneTime=ut;exports.oneWay=ht;exports.replaces=vi;exports.subscribeToAriaPropertyChanges=di;exports.volatile=ke;