@vonage/vivid 5.3.0 → 5.5.0

package/bundled/listbox.cjs

@@ -1 +1 @@
-"use strict";const f=require("./option.cjs"),o=require("./vivid-element.cjs"),l=require("./key-codes.cjs"),b=require("./strings.cjs");function x(h,e){let t=h.length;for(;t--;)if(e(h[t],t,h))return t;return-1}var O=Object.defineProperty,a=(h,e,t,n)=>{for(var s=void 0,i=h.length-1,d;i>=0;i--)(d=h[i])&&(s=d(e,t,s)||s);return s&&O(e,t,s),s};const r=class p 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 hasSelectableOptions(){return this.options.length>0&&!this.options.every(e=>e.disabled)}get length(){return this.options.length}get options(){return o.Observable.track(this,"options"),this._options}set options(e){this._options=e,o.Observable.notify(this,"options")}static{this.slottedOptionFilter=e=>f.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(n=>n.text.trim().match(t))}getSelectableIndex(e,t){const n=e>t?-1:1,s=e+n;let i=null;switch(n){case-1:{i=this.options.reduceRight((d,c,u)=>!d&&!c.disabled&&u<s?c:d,i);break}case 1:{i=this.options.reduce((d,c,u)=>!d&&!c.disabled&&u>s?c:d,i);break}}return this.options.indexOf(i)}handleChange(e,t){switch(t){case"selected":{p.slottedOptionFilter(e)&&(this.selectedIndex=this.options.indexOf(e)),this.setSelectedOptions();break}}}handleTypeAhead(e){this.typeaheadTimeout&&window.clearTimeout(this.typeaheadTimeout),this.typeaheadTimeout=window.setTimeout(()=>this.typeaheadExpired=!0,p.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 l.keyHome:{e.shiftKey||(e.preventDefault(),this.selectFirstOption());break}case l.keyArrowDown:{e.shiftKey||(e.preventDefault(),this.selectNextOption());break}case l.keyArrowUp:{e.shiftKey||(e.preventDefault(),this.selectPreviousOption());break}case l.keyEnd:{e.preventDefault(),this.selectLastOption();break}case l.keyTab:return this.focusAndScrollOptionIntoView(),!0;case l.keyEnter:case l.keyEscape:return!0;case l.keySpace:if(this.typeaheadExpired)return!0;default:return t.length===1&&this.handleTypeAhead(`${t}`),!0}}mousedownHandler(e){return this.shouldSkipFocus=!this.contains(document.activeElement),!0}selectedIndexChanged(e,t){if(!this.hasSelectableOptions){this.selectedIndex=-1;return}if(this.options[this.selectedIndex]?.disabled&&typeof e=="number"){const n=this.getSelectableIndex(e,t),s=n>-1?n:e;this.selectedIndex=s;return}this.setSelectedOptions()}selectedOptionsChanged(e,t){const n=t.filter(p.slottedOptionFilter);this.options.forEach(s=>{const i=o.Observable.getNotifier(s);i.unsubscribe(this,"selected"),s.selected=n.includes(s),i.subscribe(this,"selected")})}selectFirstOption(){this.disabled||(this.selectedIndex=this.options.findIndex(e=>!e.disabled))}selectLastOption(){this.disabled||(this.selectedIndex=x(this.options,e=>!e.disabled))}selectNextOption(){!this.disabled&&this.selectedIndex<this.options.length-1&&(this.selectedIndex+=1)}selectPreviousOption(){!this.disabled&&this.selectedIndex>0&&(this.selectedIndex=this.selectedIndex-1)}setDefaultSelectedOption(){this.selectedIndex=this.options.findIndex(e=>e.defaultSelected)}setSelectedOptions(){this.options.length&&(this.selectedOptions=[this.options[this.selectedIndex]],this._activeDescendant=this.firstSelectedOption?.id??"",this.focusAndScrollOptionIntoView())}slottedOptionsChanged(e,t){this.options=t.reduce((s,i)=>(f.isListboxOption(i)&&s.push(i),s),[]);const n=`${this.options.length}`;this.options.forEach((s,i)=>{s.id||(s.id=b.uniqueId("option-")),s.ariaPosInSet=`${i+1}`,s.ariaSetSize=n}),this.$fastController.isConnected&&(this.setSelectedOptions(),this.setDefaultSelectedOption())}typeaheadBufferChanged(e,t){if(this.$fastController.isConnected){const n=this.getTypeaheadMatches();if(n.length){const s=this.options.indexOf(n[0]);s>-1&&(this.selectedIndex=s)}this.typeaheadExpired=!1}}};a([o.attr({mode:"boolean"})],r.prototype,"disabled");a([o.observable],r.prototype,"selectedIndex");a([o.observable],r.prototype,"selectedOptions");a([o.observable],r.prototype,"slottedOptions");a([o.observable],r.prototype,"typeaheadBuffer");a([o.observable],r.prototype,"_activeDescendant");let y=r;exports.Listbox=y;
+"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":{h.slottedOptionFilter(e)&&(this.selectedIndex=this.options.indexOf(e)),this.setSelectedOptions();break}}}handleTypeAhead(e){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:{e.shiftKey||(e.preventDefault(),this.selectFirstOption());break}case d.keyArrowDown:{e.shiftKey||(e.preventDefault(),this.selectNextOption());break}case d.keyArrowUp:{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:if(this.typeaheadExpired)return!0;default: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(){this.disabled||(this.selectedIndex=this.options.findIndex(e=>!e.disabled))}selectLastOption(){this.disabled||(this.selectedIndex=f(this.options,e=>!e.disabled))}selectNextOption(){!this.disabled&&this.selectedIndex<this.options.length-1&&(this.selectedIndex+=1)}selectPreviousOption(){!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)=>(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();if(i.length){const s=this.options.indexOf(i[0]);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 u } from "./option.js";
-import { V as x, O as f, a as b, o as r } from "./vivid-element.js";
-import { l as y, d as O, f as I, m as g, k as S, c as m, b as k, a as v } from "./key-codes.js";
-import { u as w } from "./strings.js";
-function E(a, e) {
-  let t = a.length;
+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) {
+  let t = d.length;
   for (; t--; )
-    if (e(a[t], t, a))
+    if (e(d[t], t, d))
       return t;
   return -1;
 }
-var _ = Object.defineProperty, l = (a, e, t, n) => {
-  for (var s = void 0, i = a.length - 1, o; i >= 0; i--)
-    (o = a[i]) && (s = o(e, t, s) || s);
-  return s && _(e, t, s), s;
+var v = 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;
 };
-const d = class c extends x {
+const o = class r 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;
   }
@@ -26,14 +26,6 @@ const d = class c extends x {
   get firstSelectedOption() {
     return this.selectedOptions[0] ?? null;
   }
-  /**
-   * Returns true if there is one or more selectable option.
-   *
-   * @internal
-   */
-  get hasSelectableOptions() {
-    return this.options.length > 0 && !this.options.every((e) => e.disabled);
-  }
   /**
    * The number of options.
    *
@@ -48,13 +40,21 @@ const d = class c extends x {
    * @public
    */
   get options() {
-    return f.track(this, "options"), this._options;
+    return h.track(this, "options"), this._options;
   }
   set options(e) {
-    this._options = e, f.notify(this, "options");
+    const t = this._options;
+    if (this._options = e, h.notify(this, "options"), this.$fastController.isConnected) {
+      const i = this._newDefaultSelectedIndex(
+        t,
+        e,
+        this.selectedIndex
+      );
+      i !== null && (this.selectedIndex = i);
+    }
   }
   static {
-    this.slottedOptionFilter = (e) => u(e) && !e.hidden;
+    this.slottedOptionFilter = (e) => p(e) && !e.hidden;
   }
   static {
     this.TYPE_AHEAD_TIMEOUT_MS = 1e3;
@@ -102,36 +102,14 @@ const d = class c extends x {
       /[.*+\-?^${}()|[\]\\]/g,
       "\\$&"
     ), t = new RegExp(`^${e}`, "gi");
-    return this.options.filter((n) => n.text.trim().match(t));
+    return this.options.filter((i) => i.text.trim().match(t));
   }
-  /**
-   * Determines the index of the next option which is selectable, if any.
-   *
-   * @param prev - the previous selected index
-   * @param next - the next index to select
-   *
-   * @internal
-   */
-  getSelectableIndex(e, t) {
-    const n = e > t ? -1 : 1, s = e + n;
-    let i = null;
-    switch (n) {
-      case -1: {
-        i = this.options.reduceRight(
-          (o, h, p) => !o && !h.disabled && p < s ? h : o,
-          i
-        );
-        break;
-      }
-      case 1: {
-        i = this.options.reduce(
-          (o, h, p) => !o && !h.disabled && p > s ? h : o,
-          i
-        );
-        break;
-      }
-    }
-    return this.options.indexOf(i);
+  getNextSelectableIndex(e) {
+    const t = this.options.reduce(
+      (i, s, n) => !i && !s.disabled && n >= e ? s : i,
+      null
+    );
+    return this.options.indexOf(t);
   }
   /**
    * Handles external changes to child options.
@@ -144,7 +122,7 @@ const d = class c extends x {
   handleChange(e, t) {
     switch (t) {
       case "selected": {
-        c.slottedOptionFilter(e) && (this.selectedIndex = this.options.indexOf(e)), this.setSelectedOptions();
+        r.slottedOptionFilter(e) && (this.selectedIndex = this.options.indexOf(e)), this.setSelectedOptions();
         break;
       }
     }
@@ -162,7 +140,7 @@ const d = class c extends x {
   handleTypeAhead(e) {
     this.typeaheadTimeout && window.clearTimeout(this.typeaheadTimeout), this.typeaheadTimeout = window.setTimeout(
       () => this.typeaheadExpired = !0,
-      c.TYPE_AHEAD_TIMEOUT_MS
+      r.TYPE_AHEAD_TIMEOUT_MS
     ), this.typeaheadBuffer = `${this.typeaheadExpired ? "" : this.typeaheadBuffer}${e}`;
   }
   /**
@@ -176,28 +154,28 @@ const d = class c extends x {
     this.shouldSkipFocus = !1;
     const t = e.key;
     switch (t) {
-      case v: {
+      case m: {
         e.shiftKey || (e.preventDefault(), this.selectFirstOption());
         break;
       }
-      case k: {
+      case g: {
         e.shiftKey || (e.preventDefault(), this.selectNextOption());
         break;
       }
-      case m: {
+      case S: {
         e.shiftKey || (e.preventDefault(), this.selectPreviousOption());
         break;
       }
-      case S: {
+      case b: {
         e.preventDefault(), this.selectLastOption();
         break;
       }
-      case g:
-        return this.focusAndScrollOptionIntoView(), !0;
       case I:
+        return this.focusAndScrollOptionIntoView(), !0;
+      case y:
       case O:
         return !0;
-      case y:
+      case x:
         if (this.typeaheadExpired)
           return !0;
       default:
@@ -222,27 +200,26 @@ const d = class c extends x {
    * @internal
    */
   selectedIndexChanged(e, t) {
-    if (!this.hasSelectableOptions) {
-      this.selectedIndex = -1;
-      return;
-    }
-    if (this.options[this.selectedIndex]?.disabled && typeof e == "number") {
-      const n = this.getSelectableIndex(e, t), s = n > -1 ? n : e;
-      this.selectedIndex = s;
+    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;
+  }
   /**
    * Updates the selectedness of each option when the list of selected options changes.
    *
    * @internal
    */
   selectedOptionsChanged(e, t) {
-    const n = t.filter(c.slottedOptionFilter);
+    const i = t.filter(r.slottedOptionFilter);
     this.options.forEach((s) => {
-      const i = f.getNotifier(s);
-      i.unsubscribe(this, "selected"), s.selected = n.includes(s), i.subscribe(this, "selected");
+      const n = h.getNotifier(s);
+      n.unsubscribe(this, "selected"), s.selected = i.includes(s), n.subscribe(this, "selected");
     });
   }
   /**
@@ -259,7 +236,7 @@ const d = class c extends x {
    * @internal
    */
   selectLastOption() {
-    this.disabled || (this.selectedIndex = E(this.options, (e) => !e.disabled));
+    this.disabled || (this.selectedIndex = k(this.options, (e) => !e.disabled));
   }
   /**
    * Moves focus to the next selectable option.
@@ -277,13 +254,16 @@ const d = class c extends x {
   selectPreviousOption() {
     !this.disabled && this.selectedIndex > 0 && (this.selectedIndex = this.selectedIndex - 1);
   }
-  /**
-   * Updates the selected index to match the first selected option.
-   *
-   * @internal
-   */
-  setDefaultSelectedOption() {
-    this.selectedIndex = this.options.findIndex((e) => e.defaultSelected);
+  /// For this options change, determine if selectedIndex should change based on defaultSelected. Otherwise, returns null.
+  _newDefaultSelectedIndex(e, t, i) {
+    for (const [s, n] of t.entries())
+      if (this._isDefaultSelected(n) && !e.includes(n))
+        return s;
+    return null;
+  }
+  /// Whether an option should be considered defaultSelected
+  _isDefaultSelected(e) {
+    return e.defaultSelected;
   }
   /**
    * Sets an option as selected and gives it focus.
@@ -291,7 +271,7 @@ const d = class c extends x {
    * @public
    */
   setSelectedOptions() {
-    this.options.length && (this.selectedOptions = [this.options[this.selectedIndex]], this._activeDescendant = this.firstSelectedOption?.id ?? "", this.focusAndScrollOptionIntoView());
+    this.selectedOptions = this.selectedIndex !== -1 ? [this.options[this.selectedIndex]] : [], this._activeDescendant = this.firstSelectedOption?.id ?? "", this.focusAndScrollOptionIntoView();
   }
   /**
    * Updates the list of options and resets the selected option when the slotted option content changes.
@@ -299,11 +279,11 @@ const d = class c extends x {
    * @internal
    */
   slottedOptionsChanged(e, t) {
-    this.options = t.reduce((s, i) => (u(i) && s.push(i), s), []);
-    const n = `${this.options.length}`;
-    this.options.forEach((s, i) => {
-      s.id || (s.id = w("option-")), s.ariaPosInSet = `${i + 1}`, s.ariaSetSize = n;
-    }), this.$fastController.isConnected && (this.setSelectedOptions(), this.setDefaultSelectedOption());
+    this.options = t.reduce((s, n) => (p(n) && s.push(n), s), []);
+    const i = `${this.options.length}`;
+    this.options.forEach((s, n) => {
+      s.id || (s.id = _("option-")), s.ariaPosInSet = `${n + 1}`, s.ariaSetSize = i;
+    });
   }
   /**
    * Updates the filtered list of options when the typeahead buffer changes.
@@ -312,9 +292,9 @@ const d = class c extends x {
    */
   typeaheadBufferChanged(e, t) {
     if (this.$fastController.isConnected) {
-      const n = this.getTypeaheadMatches();
-      if (n.length) {
-        const s = this.options.indexOf(n[0]);
+      const i = this.getTypeaheadMatches();
+      if (i.length) {
+        const s = this.options.indexOf(i[0]);
         s > -1 && (this.selectedIndex = s);
       }
       this.typeaheadExpired = !1;
@@ -322,24 +302,24 @@ const d = class c extends x {
   }
 };
 l([
-  b({ mode: "boolean" })
-], d.prototype, "disabled");
+  f({ mode: "boolean" })
+], o.prototype, "disabled");
 l([
-  r
-], d.prototype, "selectedIndex");
+  a
+], o.prototype, "selectedIndex");
 l([
-  r
-], d.prototype, "selectedOptions");
+  a
+], o.prototype, "selectedOptions");
 l([
-  r
-], d.prototype, "slottedOptions");
+  a
+], o.prototype, "slottedOptions");
 l([
-  r
-], d.prototype, "typeaheadBuffer");
+  a
+], o.prototype, "typeaheadBuffer");
 l([
-  r
-], d.prototype, "_activeDescendant");
-let $ = d;
+  a
+], o.prototype, "_activeDescendant");
+let A = o;
 export {
-  $ as L
+  A as L
 };

package/bundled/localized.cjs

@@ -1 +1 @@
-"use strict";const J=require("./vivid-element.cjs"),s="Play",l="Pause",c="Replay",d="Duration",u="LIVE",p="Loaded",b="Progress",g="Fullscreen",m="Mute",h="Unmute",y="Subtitles",L="Captions",f="Chapters",S="Descriptions",P="Close",T="Text",k="White",w="Black",v="Red",C="Green",M="Blue",D="Yellow",B="Magenta",E="Cyan",x="Background",F="Window",$="Transparent",A="Opaque",O="None",R="Raised",I="Depressed",Y="Uniform",N="Casual",W="Script",z="Reset",U="Done",V="Color",G="Opacity",q={"Audio Player":"Audio Player","Video Player":"Video Player",Play:s,Pause:l,Replay:c,"Current Time":"Current Time",Duration:d,"Remaining Time":"Remaining Time","Stream Type":"Stream Type",LIVE:u,"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:p,Progress:b,"Progress Bar":"Progress Bar","progress bar timing: currentTime={1} duration={2}":"{1} of {2}",Fullscreen:g,"Exit Fullscreen":"Exit Fullscreen",Mute:m,Unmute:h,"Playback Rate":"Playback Rate",Subtitles:y,"subtitles off":"subtitles off",Captions:L,"captions off":"captions off",Chapters:f,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:P,"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:T,White:k,Black:w,Red:v,Green:C,Blue:M,Yellow:D,Magenta:B,Cyan:E,Background:x,Window:F,Transparent:$,"Semi-Transparent":"Semi-Transparent",Opaque:A,"Font Size":"Font Size","Text Edge Style":"Text Edge Style",None:O,Raised:R,Depressed:I,Uniform:Y,"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:N,Script:W,"Small Caps":"Small Caps",Reset:z,"restore all settings to the default values":"restore all settings to the default values",Done:U,"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:V,Opacity:G,"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"},H=Object.freeze(Object.defineProperty({__proto__:null,Background:x,Black:w,Blue:M,Captions:L,Casual:N,Chapters:f,Close:P,Color:V,Cyan:E,Depressed:I,Descriptions:S,Done:U,Duration:d,Fullscreen:g,Green:C,LIVE:u,Loaded:p,Magenta:B,Mute:m,None:O,Opacity:G,Opaque:A,Pause:l,Play:s,Progress:b,Raised:R,Red:v,Replay:c,Reset:z,Script:W,Subtitles:y,Text:T,Transparent:$,Uniform:Y,Unmute:h,White:k,Window:F,Yellow:D,default:q},Symbol.toStringTag,{value:"Module"})),j={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:H,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",loadingOptionsMessage:"Loading...",removeTagButtonLabel:e=>`Remove ${e}`,optionSelectedMessage:e=>`Option ${e} selected.`,optionDeselectedMessage:e=>`Option ${e} deselected.`,optionFocusedMessage:(e,o,a,r)=>`Option ${e} focused, ${r?"selected, ":""}${o} of ${a}.`,maxSelectedMessage:(e,o)=>`${e} of ${o} selected.`},richTextEditor:{textBlockType:"Text Block Type",textSize:"Text Size",bold:"Bold",italics:"Italics",underline:"Underline",strikethrough:"Strikethrough",monospace:"Monospace",dragAndDropFilesHere:"Drag&Drop files here"},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)"}},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,o,a)=>{let r=o?`Select ${o}, hex: ${e}`:`Select ${e}`;return a&&(r+=", selected."),r}},simpleColorPicker:{colorPaletteLabel:"Color palette"},colorPicker:{popupLabel:"Color Picker",swatchesLabel:"Saved colors:",pickerButtonLabel:"Open Color Picker",saveButtonLabel:"Save current color",closeButtonLabel:"Close Color Picker",copyButtonLabel:"Copy Color to Clipboard",copyErrorText:"Copy failed. Clipboard access was blocked. Try again."}};var K=Object.defineProperty,Z=(e,o,a,r)=>{for(var t=void 0,i=e.length-1,n;i>=0;i--)(n=e[i])&&(t=n(o,a,t)||t);return t&&K(o,a,t),t};class _{constructor(){this.locale=j}}Z([J.observable],_.prototype,"locale");const Q=new _,X=e=>{class o extends e{get locale(){return Q.locale}}return o};exports.Localized=X;
+"use strict";const J=require("./vivid-element.cjs"),n="Play",l="Pause",c="Replay",d="Duration",u="LIVE",p="Loaded",b="Progress",g="Fullscreen",m="Mute",h="Unmute",y="Subtitles",L="Captions",f="Chapters",S="Descriptions",P="Close",T="Text",w="White",k="Black",v="Red",C="Green",M="Blue",D="Yellow",B="Magenta",E="Cyan",x="Background",$="Window",A="Transparent",F="Opaque",R="None",O="Raised",I="Depressed",Y="Uniform",N="Casual",W="Script",z="Reset",U="Done",V="Color",G="Opacity",H={"Audio Player":"Audio Player","Video Player":"Video Player",Play:n,Pause:l,Replay:c,"Current Time":"Current Time",Duration:d,"Remaining Time":"Remaining Time","Stream Type":"Stream Type",LIVE:u,"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:p,Progress:b,"Progress Bar":"Progress Bar","progress bar timing: currentTime={1} duration={2}":"{1} of {2}",Fullscreen:g,"Exit Fullscreen":"Exit Fullscreen",Mute:m,Unmute:h,"Playback Rate":"Playback Rate",Subtitles:y,"subtitles off":"subtitles off",Captions:L,"captions off":"captions off",Chapters:f,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:P,"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:T,White:w,Black:k,Red:v,Green:C,Blue:M,Yellow:D,Magenta:B,Cyan:E,Background:x,Window:$,Transparent:A,"Semi-Transparent":"Semi-Transparent",Opaque:F,"Font Size":"Font Size","Text Edge Style":"Text Edge Style",None:R,Raised:O,Depressed:I,Uniform:Y,"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:N,Script:W,"Small Caps":"Small Caps",Reset:z,"restore all settings to the default values":"restore all settings to the default values",Done:U,"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:V,Opacity:G,"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"},q=Object.freeze(Object.defineProperty({__proto__:null,Background:x,Black:k,Blue:M,Captions:L,Casual:N,Chapters:f,Close:P,Color:V,Cyan:E,Depressed:I,Descriptions:S,Done:U,Duration:d,Fullscreen:g,Green:C,LIVE:u,Loaded:p,Magenta:B,Mute:m,None:R,Opacity:G,Opaque:F,Pause:l,Play:n,Progress:b,Raised:O,Red:v,Replay:c,Reset:z,Script:W,Subtitles:y,Text:T,Transparent:A,Uniform:Y,Unmute:h,White:w,Window:$,Yellow:D,default:H},Symbol.toStringTag,{value:"Module"})),j={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:q,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,o,t,r)=>`Option ${e} focused, ${r?"selected, ":""}${o} of ${t}.`,maxSelectedMessage:(e,o)=>`${e} of ${o} selected.`},richTextEditor:{textBlockType:"Text Block Type",textSize:"Text Size",bold:"Bold",italics:"Italics",underline:"Underline",strikethrough:"Strikethrough",monospace:"Monospace",dragAndDropFilesHere:"Drag&Drop files here"},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)"}},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,o,t)=>{let r=o?`Select ${o}, hex: ${e}`:`Select ${e}`;return t&&(r+=", selected."),r}},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,o)=>`${e} of ${o} colors saved.`}};var K=Object.defineProperty,X=(e,o,t,r)=>{for(var a=void 0,s=e.length-1,i;s>=0;s--)(i=e[s])&&(a=i(o,t,a)||a);return a&&K(o,t,a),a};class _{constructor(){this.locale=j}}X([J.observable],_.prototype,"locale");const Z=new _,Q=e=>{class o extends e{get locale(){return Z.locale}}return o};exports.Localized=Q;

package/bundled/localized.js

@@ -1,8 +1,8 @@
 import { o as J } from "./vivid-element.js";
-const s = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Loaded", b = "Progress", g = "Fullscreen", m = "Mute", h = "Unmute", y = "Subtitles", L = "Captions", f = "Chapters", S = "Descriptions", P = "Close", T = "Text", k = "White", w = "Black", C = "Red", v = "Green", M = "Blue", D = "Yellow", B = "Magenta", E = "Cyan", x = "Background", F = "Window", $ = "Transparent", A = "Opaque", O = "None", R = "Raised", I = "Depressed", Y = "Uniform", N = "Casual", W = "Script", U = "Reset", z = "Done", V = "Color", G = "Opacity", H = {
+const n = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Loaded", b = "Progress", g = "Fullscreen", m = "Mute", h = "Unmute", y = "Subtitles", L = "Captions", f = "Chapters", S = "Descriptions", P = "Close", T = "Text", w = "White", k = "Black", v = "Red", C = "Green", M = "Blue", D = "Yellow", B = "Magenta", E = "Cyan", x = "Background", $ = "Window", A = "Transparent", F = "Opaque", R = "None", O = "Raised", I = "Depressed", Y = "Uniform", N = "Casual", W = "Script", U = "Reset", z = "Done", V = "Color", G = "Opacity", H = {
   "Audio Player": "Audio Player",
   "Video Player": "Video Player",
-  Play: s,
+  Play: n,
   Pause: l,
   Replay: c,
   "Current Time": "Current Time",
@@ -50,23 +50,23 @@ const s = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
   "subtitles settings": "subtitles settings",
   "descriptions settings": "descriptions settings",
   Text: T,
-  White: k,
-  Black: w,
-  Red: C,
-  Green: v,
+  White: w,
+  Black: k,
+  Red: v,
+  Green: C,
   Blue: M,
   Yellow: D,
   Magenta: B,
   Cyan: E,
   Background: x,
-  Window: F,
-  Transparent: $,
+  Window: $,
+  Transparent: A,
   "Semi-Transparent": "Semi-Transparent",
-  Opaque: A,
+  Opaque: F,
   "Font Size": "Font Size",
   "Text Edge Style": "Text Edge Style",
-  None: O,
-  Raised: R,
+  None: R,
+  Raised: O,
   Depressed: I,
   Uniform: Y,
   "Drop shadow": "Drop shadow",
@@ -98,7 +98,7 @@ const s = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
 }, j = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Background: x,
-  Black: w,
+  Black: k,
   Blue: M,
   Captions: L,
   Casual: N,
@@ -111,29 +111,29 @@ const s = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
   Done: z,
   Duration: d,
   Fullscreen: g,
-  Green: v,
+  Green: C,
   LIVE: u,
   Loaded: p,
   Magenta: B,
   Mute: m,
-  None: O,
+  None: R,
   Opacity: G,
-  Opaque: A,
+  Opaque: F,
   Pause: l,
-  Play: s,
+  Play: n,
   Progress: b,
-  Raised: R,
-  Red: C,
+  Raised: O,
+  Red: v,
   Replay: c,
   Reset: U,
   Script: W,
   Subtitles: y,
   Text: T,
-  Transparent: $,
+  Transparent: A,
   Uniform: Y,
   Unmute: h,
-  White: k,
-  Window: F,
+  White: w,
+  Window: $,
   Yellow: D,
   default: H
 }, Symbol.toStringTag, { value: "Module" })), q = {
@@ -336,6 +336,10 @@ const s = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
     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: (
       /* istanbul ignore next */
@@ -434,17 +438,30 @@ const s = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
   },
   colorPicker: {
     popupLabel: "Color Picker",
-    swatchesLabel: "Saved colors:",
-    pickerButtonLabel: "Open 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."
+    copyButtonLabel: "Copy color to clipboard",
+    copyErrorText: "Copy failed. Clipboard access was blocked. Try again.",
+    copySuccessMessage: (
+      /* istanbul ignore next */
+      (e) => `Color ${e} copied to clipboard.`
+    ),
+    selectionSuccessMessage: (
+      /* istanbul ignore next */
+      (e) => `Color ${e} selected.`
+    ),
+    maxSwatchesMessage: (
+      /* istanbul ignore next */
+      (e, o) => `${e} of ${o} colors saved.`
+    )
   }
 };
-var K = Object.defineProperty, Z = (e, o, a, r) => {
-  for (var t = void 0, i = e.length - 1, n; i >= 0; i--)
-    (n = e[i]) && (t = n(o, a, t) || t);
+var K = Object.defineProperty, X = (e, o, a, r) => {
+  for (var t = void 0, s = e.length - 1, i; s >= 0; s--)
+    (i = e[s]) && (t = i(o, a, t) || t);
   return t && K(o, a, t), t;
 };
 class _ {
@@ -452,16 +469,16 @@ class _ {
     this.locale = q;
   }
 }
-Z([
+X([
   J
 ], _.prototype, "locale");
-const Q = new _(), ee = (e) => {
+const Z = new _(), ee = (e) => {
   class o extends e {
     /**
      * @internal
      */
     get locale() {
-      return Q.locale;
+      return Z.locale;
     }
   }
   return o;

package/bundled/mixins.cjs

@@ -1,4 +1,4 @@
-"use strict";const _=require("./normalize.cjs"),a=require("./vivid-element.cjs"),y=require("./definition2.cjs"),$=require("./definition13.cjs"),m=require("./when.cjs"),F=require("./class-names.cjs"),I=require("./localized.cjs"),f=require("./slotted.cjs"),D=":host{display:contents}.message{display:flex;contain:inline-size;font:var(--vvd-typography-base-condensed);gap:4px;grid-column:1/-1}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}";var w=Object.defineProperty,C=(t,e,i,s)=>{for(var n=void 0,r=t.length-1,c;r>=0;r--)(c=t[r])&&(n=c(e,i,n)||n);return n&&w(e,i,n),n};class l extends I.Localized(a.VividElement){constructor(){super(...arguments),this.type="none"}}C([a.attr],l.prototype,"type");function g(t,e,i){const s=t.tagFor(y.Icon);return a.html`<${s} class="icon" name="${e}" label="${n=>n.locale.feedbackMessage[i]}"></${s}>`}function B(t){const e={none:"",helper:"",error:g(t,"info-line","errorIconText"),success:g(t,"check-circle-line","successIconText")};return a.html`${i=>e[i.type]}`}const b=t=>t==="error",M=t=>{const e=a.html`<div
+"use strict";const _=require("./normalize.cjs"),a=require("./vivid-element.cjs"),y=require("./definition2.cjs"),$=require("./definition14.cjs"),m=require("./when.cjs"),F=require("./class-names.cjs"),I=require("./localized.cjs"),f=require("./slotted.cjs"),D=":host{display:contents}.message{display:flex;contain:inline-size;font:var(--vvd-typography-base-condensed);gap:4px;grid-column:1/-1}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}";var w=Object.defineProperty,C=(t,e,i,s)=>{for(var n=void 0,r=t.length-1,c;r>=0;r--)(c=t[r])&&(n=c(e,i,n)||n);return n&&w(e,i,n),n};class l extends I.Localized(a.VividElement){constructor(){super(...arguments),this.type="none"}}C([a.attr],l.prototype,"type");function g(t,e,i){const s=t.tagFor(y.Icon);return a.html`<${s} class="icon" name="${e}" label="${n=>n.locale.feedbackMessage[i]}"></${s}>`}function B(t){const e={none:"",helper:"",error:g(t,"info-line","errorIconText"),success:g(t,"check-circle-line","successIconText")};return a.html`${i=>e[i.type]}`}const b=t=>t==="error",M=t=>{const e=a.html`<div
 		class="${i=>F.classNames("message",`${i.type}-message`)}"
 	>
 		${B(t)}<slot></slot>

package/bundled/mixins.js

@@ -1,7 +1,7 @@
 import { n as k } from "./normalize.js";
 import { d as _, h as d, V as $, a as y, M as F, H as I, o as f } from "./vivid-element.js";
 import { i as w, I as D } from "./definition2.js";
-import { v as C } from "./definition13.js";
+import { v as C } from "./definition14.js";
 import { w as m } from "./when.js";
 import { c as B } from "./class-names.js";
 import { L as H } from "./localized.js";