@vonage/vivid 5.1.0 → 5.3.0

package/bundled/host-semantics.js

@@ -1,50 +1,64 @@
-import { f as h, g as d, A as u } from "./vivid-element.js";
-import { A as c } from "./attribute-binding-behaviour.js";
-class g {
+import { g as h, j as d, S as u, k as b, H as p } from "./vivid-element.js";
+import { A as g } from "./attribute-binding-behaviour.js";
+class m {
   constructor(t, e) {
-    this.target = t, this.bindingBehaviours = [], this.boundProperties = e.boundProperties;
+    this.target = null, this.bindingBehaviours = [], this.target = t, this.boundProperties = e.boundProperties;
   }
   bind(t) {
-    if (this.target !== t)
+    const e = t.source;
+    if (this.target !== e)
       throw new Error("Target element must be the same as the source element");
-    this.bindPropertiesToTarget(t, this.boundProperties, this.target);
+    this.bindPropertiesToTarget(e, this.boundProperties, this.target);
   }
-  unbind(t) {
-    this.releasePropertyBindings(t);
-  }
-  bindPropertiesToTarget(t, e, n) {
-    for (const [s, r] of Object.entries(e)) {
-      const o = r instanceof Function ? r : (a) => a[s] ?? r;
+  bindPropertiesToTarget(t, e, o) {
+    for (const [i, r] of Object.entries(e)) {
+      const a = r instanceof Function ? r : (c) => c[i] ?? r;
       this.bindingBehaviours.push(
-        new c(
-          n,
+        new g(
           o,
+          h(a),
           !0,
-          h(s)
+          d(i)
         )
       );
     }
-    t.$fastController.addBehaviors(this.bindingBehaviours);
+    for (const i of this.bindingBehaviours)
+      i.bind({
+        source: t,
+        context: t.$fastController.context
+      });
+  }
+  // private releasePropertyBindings(source: HostSemanticsElement) {
+  // 	for (const behavior of this.bindingBehaviours) {
+  // 		(behavior as any).unbind();
+  // 	}
+  // 	this.bindingBehaviours = [];
+  // }
+}
+class n extends u {
+  constructor(t) {
+    super("vvd-host-semantics"), this.boundProperties = t, this.targetNodeId = "";
   }
-  releasePropertyBindings(t) {
-    t.$fastController.removeBehaviors(this.bindingBehaviours), this.bindingBehaviours = [];
+  bind(t) {
+    const e = t.targets[this.targetNodeId];
+    new m(
+      e,
+      // Pass the target element as target
+      {
+        boundProperties: this.boundProperties,
+        forwardedProperties: new Set(
+          b.filter((i) => !(i in this.boundProperties))
+        )
+      }
+    ).bind(t);
   }
 }
-function p(i = {}) {
-  const t = new Set(
-    d.filter((e) => !(e in i))
-  );
-  return new u(
-    "vvd-host-semantics",
-    g,
-    {
-      boundProperties: i,
-      forwardedProperties: t
-    }
-  );
+p.define(n);
+function l(s = {}) {
+  return new n(s);
 }
-const v = (i) => {
-  class t extends i {
+const P = (s) => {
+  class t extends s {
     constructor() {
       super(...arguments), this._vividAriaBehaviour = "host";
     }
@@ -52,6 +66,6 @@ const v = (i) => {
   return t;
 };
 export {
-  v as H,
-  p as a
+  P as H,
+  l as a
 };

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",f="Captions",L="Chapters",S="Descriptions",P="Close",T="Text",w="White",v="Black",k="Red",C="Green",M="Blue",D="Yellow",B="Magenta",E="Cyan",x="Background",F="Window",$="Transparent",A="Opaque",R="None",O="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:f,"captions off":"captions off",Chapters:L,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:v,Red:k,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: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"},H=Object.freeze(Object.defineProperty({__proto__:null,Background:x,Black:v,Blue:M,Captions:f,Casual:N,Chapters:L,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:A,Pause:l,Play:s,Progress:b,Raised:O,Red:k,Replay:c,Reset:z,Script:W,Subtitles:y,Text:T,Transparent:$,Uniform:Y,Unmute:h,White:w,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:"#"},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,t,a,n)=>`Option ${e} focused, ${n?"selected, ":""}${t} of ${a}.`,maxSelectedMessage:(e,t)=>`${e} of ${t} 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"},simpleColorPicker:{colorPaletteLabel:"Color palette",colorSwatchLabel:(e,t,a)=>{let n=t?`Select ${t}, hex: ${e}`:`Select ${e}`;return a&&(n+=", selected."),n}}};var K=Object.defineProperty,Z=(e,t,a,n)=>{for(var o=void 0,i=e.length-1,r;i>=0;i--)(r=e[i])&&(o=r(t,a,o)||o);return o&&K(t,a,o),o};class _{constructor(){this.locale=j}}Z([J.observable],_.prototype,"locale");const Q=new _,X=e=>{class t extends e{get locale(){return Q.locale}}return t};exports.Localized=X;
+"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;

package/bundled/localized.js

@@ -1,5 +1,5 @@
 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", f = "Captions", L = "Chapters", S = "Descriptions", P = "Close", T = "Text", w = "White", v = "Black", k = "Red", C = "Green", M = "Blue", D = "Yellow", B = "Magenta", E = "Cyan", x = "Background", F = "Window", $ = "Transparent", A = "Opaque", R = "None", O = "Raised", I = "Depressed", Y = "Uniform", N = "Casual", W = "Script", U = "Reset", z = "Done", V = "Color", G = "Opacity", H = {
+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 = {
   "Audio Player": "Audio Player",
   "Video Player": "Video Player",
   Play: s,
@@ -23,9 +23,9 @@ const s = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
   "Playback Rate": "Playback Rate",
   Subtitles: y,
   "subtitles off": "subtitles off",
-  Captions: f,
+  Captions: L,
   "captions off": "captions off",
-  Chapters: L,
+  Chapters: f,
   Descriptions: S,
   "descriptions off": "descriptions off",
   "Audio Track": "Audio Track",
@@ -50,10 +50,10 @@ const s = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
   "subtitles settings": "subtitles settings",
   "descriptions settings": "descriptions settings",
   Text: T,
-  White: w,
-  Black: v,
-  Red: k,
-  Green: C,
+  White: k,
+  Black: w,
+  Red: C,
+  Green: v,
   Blue: M,
   Yellow: D,
   Magenta: B,
@@ -65,8 +65,8 @@ const s = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
   Opaque: A,
   "Font Size": "Font Size",
   "Text Edge Style": "Text Edge Style",
-  None: R,
-  Raised: O,
+  None: O,
+  Raised: R,
   Depressed: I,
   Uniform: Y,
   "Drop shadow": "Drop shadow",
@@ -98,11 +98,11 @@ 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: v,
+  Black: w,
   Blue: M,
-  Captions: f,
+  Captions: L,
   Casual: N,
-  Chapters: L,
+  Chapters: f,
   Close: P,
   Color: V,
   Cyan: E,
@@ -111,19 +111,19 @@ const s = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
   Done: z,
   Duration: d,
   Fullscreen: g,
-  Green: C,
+  Green: v,
   LIVE: u,
   Loaded: p,
   Magenta: B,
   Mute: m,
-  None: R,
+  None: O,
   Opacity: G,
   Opaque: A,
   Pause: l,
   Play: s,
   Progress: b,
-  Raised: O,
-  Red: k,
+  Raised: R,
+  Red: C,
   Replay: c,
   Reset: U,
   Script: W,
@@ -132,7 +132,7 @@ const s = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
   Transparent: $,
   Uniform: Y,
   Unmute: h,
-  White: w,
+  White: k,
   Window: F,
   Yellow: D,
   default: H
@@ -326,7 +326,8 @@ const s = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
     digitNineLabel: "9 WXYZ",
     digitAsteriskLabel: "*",
     digitZeroLabel: "0",
-    digitHashtagLabel: "#"
+    digitHashtagLabel: "#",
+    errorLabel: "Error:"
   },
   tab: {
     dismissButtonLabel: "Press the DELETE key to close this tab"
@@ -350,11 +351,11 @@ const s = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
     ),
     optionFocusedMessage: (
       /* istanbul ignore next */
-      (e, t, a, n) => `Option ${e} focused, ${n ? "selected, " : ""}${t} of ${a}.`
+      (e, o, a, r) => `Option ${e} focused, ${r ? "selected, " : ""}${o} of ${a}.`
     ),
     maxSelectedMessage: (
       /* istanbul ignore next */
-      (e, t) => `${e} of ${t} selected.`
+      (e, o) => `${e} of ${o} selected.`
     )
   },
   richTextEditor: {
@@ -419,21 +420,32 @@ const s = "Play", l = "Pause", c = "Replay", d = "Duration", u = "LIVE", p = "Lo
       (e) => e ? `Show more information about ${e}` : "Show more information"
     )
   },
-  simpleColorPicker: {
-    colorPaletteLabel: "Color palette",
+  baseColorPicker: {
     colorSwatchLabel: (
       /* istanbul ignore next */
-      (e, t, a) => {
-        let n = t ? `Select ${t}, hex: ${e}` : `Select ${e}`;
-        return a && (n += ", selected."), n;
+      (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, t, a, n) => {
-  for (var o = void 0, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (o = r(t, a, o) || o);
-  return o && K(t, a, o), o;
+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() {
@@ -444,7 +456,7 @@ Z([
   J
 ], _.prototype, "locale");
 const Q = new _(), ee = (e) => {
-  class t extends e {
+  class o extends e {
     /**
      * @internal
      */
@@ -452,7 +464,7 @@ const Q = new _(), ee = (e) => {
       return Q.locale;
     }
   }
-  return t;
+  return o;
 };
 export {
   ee as L

package/bundled/mixins.cjs

@@ -1,33 +1,33 @@
-"use strict";const a=require("./vivid-element.cjs"),y=require("./definition2.cjs"),T=require("./definition12.cjs"),_=require("./class-names.cjs"),m=require("./when.cjs"),$=require("./localized.cjs"),x=require("./slotted.cjs"),F=":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 I=Object.defineProperty,D=(e,t,s,o)=>{for(var n=void 0,i=e.length-1,c;i>=0;i--)(c=e[i])&&(n=c(t,s,n)||n);return n&&I(t,s,n),n};class d extends $.Localized(a.VividElement){constructor(){super(...arguments),this.type="none"}}D([a.attr],d.prototype,"type");function g(e,t,s){const o=e.tagFor(y.Icon);return a.html`<${o} class="icon" name="${t}" label="${n=>n.locale.feedbackMessage[s]}"></${o}>`}function w(e){const t={none:"",helper:"",error:g(e,"info-line","errorIconText"),success:g(e,"check-circle-line","successIconText")};return a.html`${s=>t[s.type]}`}const b=e=>e==="error",C=e=>{const t=a.html`<div
-		class="${s=>_.classNames("message",`${s.type}-message`)}"
+"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
+		class="${i=>F.classNames("message",`${i.type}-message`)}"
 	>
-		${w(e)}<slot></slot>
-	</div>`;return a.html`${m.when(s=>!b(s.type),t)}
+		${B(t)}<slot></slot>
+	</div>`;return a.html`${m.when(i=>!b(i.type),e)}
 		<span class="announcement" role="status" aria-live="polite">
-			${m.when(s=>b(s.type),t)}
-		</span>`},S=a.defineVividComponent("feedback-message",d,C,[y.iconDefinition,T.visuallyHiddenDefinition],{styles:F});class M{constructor(t,s){this.source=null,this.templateBindingObserver=a.Observable.binding(t,this,s)}bind(t,s){this.source=t,this.context=s,this.insertionPoint||(this.insertionPoint=document.createComment(""),t.appendChild(this.insertionPoint)),this.handleChange()}unbind(){this.source=null,this.view.unbind(),this.templateBindingObserver.disconnect()}handleChange(){this.instantiateTemplate(this.templateBindingObserver.observe(this.source,this.context))}instantiateTemplate(t){this.view&&this.view.dispose(),this.view=t.create(),this.view.bind(this.source,this.context),this.view.insertBefore(this.insertionPoint)}}class B extends a.HTMLDirective{constructor(t){super(),this.templateBinding=t,this.createPlaceholder=a.DOM.createBlockPlaceholder,this.isTemplateBindingVolatile=a.Observable.isVolatileBinding(t)}createBehavior(){return new M(this.templateBinding,this.isTemplateBindingVolatile)}}function f(e){const t=typeof e=="function"?e:()=>e;return new B(t)}const r=[];for(let e=0;e<256;++e)r.push((e+256).toString(16).slice(1));function H(e,t=0){return(r[e[t+0]]+r[e[t+1]]+r[e[t+2]]+r[e[t+3]]+"-"+r[e[t+4]]+r[e[t+5]]+"-"+r[e[t+6]]+r[e[t+7]]+"-"+r[e[t+8]]+r[e[t+9]]+"-"+r[e[t+10]]+r[e[t+11]]+r[e[t+12]]+r[e[t+13]]+r[e[t+14]]+r[e[t+15]]).toLowerCase()}let h;const O=new Uint8Array(16);function U(){if(!h){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");h=crypto.getRandomValues.bind(crypto)}return h(O)}const L=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),v={randomUUID:L};function P(e,t,s){if(v.randomUUID&&!e)return v.randomUUID();e=e||{};const o=e.random??e.rng?.()??U();if(o.length<16)throw new Error("Random bytes length must be >= 16");return o[6]=o[6]&15|64,o[8]=o[8]&63|128,H(o)}const p=()=>P();var V=Object.defineProperty,u=(e,t,s,o)=>{for(var n=void 0,i=e.length-1,c;i>=0;i--)(c=e[i])&&(n=c(t,s,n)||n);return n&&V(t,s,n),n};const k=e=>{class t extends e{get _feedbackDescribedBy(){return"feedback slotted-helper-text-feedback"}_internalFeedback(){const o=this._helperTextSlottedContent?.length?"":this.helperText,n=this.errorValidationMessage,i=this.successText;return i?{type:"success",message:i}:n?{type:"error",message:n}:o?{type:"helper",message:o}:{type:"none",message:""}}_slottedHelperTextFeedbackType(){return this._internalFeedback().type==="none"&&this._helperTextSlottedContent?.length?"helper":"none"}_getFeedbackTemplate(o){const n=o.tagFor(d);return a.html`
-				<${n} id="feedback" :type="${i=>i._internalFeedback().type}">
-					${i=>i._internalFeedback().message}
+			${m.when(i=>b(i.type),e)}
+		</span>`},S=a.defineVividComponent("feedback-message",l,M,[y.iconDefinition,$.visuallyHiddenDefinition],{styles:D});class H{constructor(e){this.source=null,this.templateBindingObserver=e.templateBinding.createObserver(this,e)}bind(e){this.source=e.source,this.context=e.context,this.controller=e,this.insertionPoint||(this.insertionPoint=document.createComment(""),this.source.appendChild(this.insertionPoint)),this.templateBindingObserver.bind(e),this.handleChange(this.source,this.templateBindingObserver)}handleChange(e,i){if(i===this.templateBindingObserver){const s=this.templateBindingObserver.bind(this.controller);this.instantiateTemplate(s)}}instantiateTemplate(e){this.view&&this.view.dispose(),this.view=e.create(),this.view.bind(this.source,this.context),this.view.insertBefore(this.insertionPoint)}}class x{constructor(e){this.targetNodeId="",this.templateBinding=e,this.dataBinding=e}createHTML(e){return a.Markup.comment(e(this))}createBehavior(){return new H(this)}}a.HTMLDirective.define(x);function k(t){const e=_.normalizeBinding(t);return new x(e)}const o=[];for(let t=0;t<256;++t)o.push((t+256).toString(16).slice(1));function O(t,e=0){return(o[t[e+0]]+o[t[e+1]]+o[t[e+2]]+o[t[e+3]]+"-"+o[t[e+4]]+o[t[e+5]]+"-"+o[t[e+6]]+o[t[e+7]]+"-"+o[t[e+8]]+o[t[e+9]]+"-"+o[t[e+10]]+o[t[e+11]]+o[t[e+12]]+o[t[e+13]]+o[t[e+14]]+o[t[e+15]]).toLowerCase()}let h;const L=new Uint8Array(16);function U(){if(!h){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");h=crypto.getRandomValues.bind(crypto)}return h(L)}const R=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),v={randomUUID:R};function q(t,e,i){if(v.randomUUID&&!t)return v.randomUUID();t=t||{};const s=t.random??t.rng?.()??U();if(s.length<16)throw new Error("Random bytes length must be >= 16");return s[6]=s[6]&15|64,s[8]=s[8]&63|128,O(s)}const p=()=>q();var P=Object.defineProperty,u=(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&&P(e,i,n),n};const T=t=>{class e extends t{get _feedbackDescribedBy(){return"feedback slotted-helper-text-feedback"}_internalFeedback(){const s=this._helperTextSlottedContent?.length?"":this.helperText,n=this.errorValidationMessage,r=this.successText;return r?{type:"success",message:r}:n?{type:"error",message:n}:s?{type:"helper",message:s}:{type:"none",message:""}}_slottedHelperTextFeedbackType(){return this._internalFeedback().type==="none"&&this._helperTextSlottedContent?.length?"helper":"none"}_getFeedbackTemplate(s){const n=s.tagFor(l);return a.html`
+				<${n} id="feedback" :type="${r=>r._internalFeedback().type}">
+					${r=>r._internalFeedback().message}
 				</${n}>
 				<${n}
 					id="slotted-helper-text-feedback"
-					:type="${i=>i._slottedHelperTextFeedbackType()}"
+					:type="${r=>r._slottedHelperTextFeedbackType()}"
 				>
-					<slot name="helper-text" ${x.slotted("_helperTextSlottedContent")}></slot>
+					<slot name="helper-text" ${f.slotted("_helperTextSlottedContent")}></slot>
 				</${n}>
-			`}}return u([a.attr({attribute:"helper-text"})],t.prototype,"helperText"),u([a.observable],t.prototype,"_helperTextSlottedContent"),t},R=e=>{const t=()=>`vvd-feedback-${p()}`,s=()=>`vvd-slotted-feedback-${p()}`;class o extends k(e){constructor(){super(...arguments),this._slottedHelperTextIds=[],this._feedbackId=t()}_helperTextSlottedContentChanged(i,c){for(const l of c)l.id||(l.id=s());this._slottedHelperTextIds=c.map(l=>l.id)}get _feedbackDescribedBy(){return[this._feedbackId,...this._slottedHelperTextIds].join(" ")}_getFeedbackTemplate(i){const c=i.tagFor(d);return a.html`
+			`}}return u([a.attr({attribute:"helper-text"})],e.prototype,"helperText"),u([a.observable],e.prototype,"_helperTextSlottedContent"),e},V=t=>{const e=()=>`vvd-feedback-${p()}`,i=()=>`vvd-slotted-feedback-${p()}`;class s extends T(t){constructor(){super(...arguments),this._slottedHelperTextIds=[],this._feedbackId=e()}_helperTextSlottedContentChanged(r,c){for(const d of c)d.id||(d.id=i());this._slottedHelperTextIds=c.map(d=>d.id)}get _feedbackDescribedBy(){return[this._feedbackId,...this._slottedHelperTextIds].join(" ")}_getFeedbackTemplate(r){const c=r.tagFor(l);return a.html`
 				<slot name="_feedback"></slot>
-				${f(a.html`<${c}
+				${k(a.html`<${c}
 					slot="_feedback"
-					id="${l=>l._feedbackId}"
-					:type="${l=>l._internalFeedback().type}"
+					id="${d=>d._feedbackId}"
+					:type="${d=>d._internalFeedback().type}"
 				>
-					${l=>l._internalFeedback().message}
+					${d=>d._internalFeedback().message}
 				</${c}>`)}
-				<${c} :type="${l=>l._slottedHelperTextFeedbackType()}">
+				<${c} :type="${d=>d._slottedHelperTextFeedbackType()}">
 					<slot
 						name="helper-text"
-						${x.slotted("_helperTextSlottedContent")}
+						${f.slotted("_helperTextSlottedContent")}
 					></slot>
 				</${c}>
-			`}}return u([a.observable],o.prototype,"_slottedHelperTextIds"),o};exports.WithFeedback=k;exports.WithLightDOMFeedback=R;exports.feedbackMessageDefinition=S;exports.generateRandomId=p;exports.renderInLightDOM=f;
+			`}}return u([a.observable],s.prototype,"_slottedHelperTextIds"),s};exports.WithFeedback=T;exports.WithLightDOMFeedback=V;exports.feedbackMessageDefinition=S;exports.generateRandomId=p;exports.renderInLightDOM=k;