@vonage/vivid 5.7.0 → 5.8.0

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",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: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: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: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: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",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", 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 = {
   "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,7 +49,7 @@ 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,
@@ -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,
@@ -128,7 +128,7 @@ 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,
@@ -391,7 +391,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 +507,7 @@ class _ {
   }
 }
 Q([
-  H
+  J
 ], _.prototype, "locale");
 const ee = new _(), te = (e) => {
   class t extends e {
@@ -541,7 +540,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

@@ -2,4 +2,4 @@
 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;
+`),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.8.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;

package/bundled/vivid-element.js

@@ -2744,7 +2744,7 @@ const fe = oi(), vi = (i) => (t, e) => {
 };
 class mi extends ai(li(Ze)) {
   static {
-    this.VIVID_VERSION = "5.7.0";
+    this.VIVID_VERSION = "5.8.0";
   }
   /**
    * Add data-vvd-component attribute with component name globally,

package/checkbox/definition.cjs

@@ -13,7 +13,7 @@ const withSuccessText = require('../unbundled/with-success-text.cjs');
 const formElement = require('../unbundled/form-element.cjs');
 const fastWebUtilities = require('@microsoft/fast-web-utilities');
 
-const styles = ":host{display:inline-flex;flex-direction:column;gap:4px;vertical-align:middle;--_low-ink-color: var(--vvd-color-neutral-600)}:host([disabled]){cursor:not-allowed}.base.connotation-cta{--_connotation-color-primary: var(--vvd-checkbox-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-checkbox-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-checkbox-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-fierce: var(--vvd-checkbox-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-intermediate: var(--vvd-checkbox-cta-intermediate, var(--vvd-color-cta-500));--_connotation-color-firm: var(--vvd-checkbox-cta-firm, var(--vvd-color-cta-600))}.base:not(.connotation-cta){--_connotation-color-primary: var(--vvd-checkbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-checkbox-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-checkbox-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-fierce: var(--vvd-checkbox-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-intermediate: var(--vvd-checkbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-firm: var(--vvd-checkbox-accent-firm, var(--vvd-color-canvas-text))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-500)}@media (hover: hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}.base:checked:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}.base.checked:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}@media (hover: hover){.base:checked:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary-increment)}}.base.checked.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary-increment)}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.base{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}.base:focus-visible{outline:none}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}.base.disabled{pointer-events:none}.control{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:4px;background-color:var(--_appearance-color-fill);block-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)));box-shadow:inset 0 0 0 2px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.base:focus-visible .control{--focus-stroke-gap-color: transparent}.base:focus-visible .control:after{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));position:absolute;display:block;border-radius:var(--focus-border-radius, inherit);block-size:calc(100% + var(--focus-block-size-addition, 4px));content:\"\";inline-size:calc(100% + var(--focus-block-size-addition, 4px));inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.base.error:not(.checked) .control{background-color:var(--vvd-color-canvas);box-shadow:inset 0 0 0 2px var(--vvd-color-alert-500)}.indicator{font-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - 4px)}.base:not(.checked) .indicator.checkmark{display:none}.base.checked .indicator.minus,.base:not(.indeterminate) .indicator.minus{display:none}label{display:flex;flex-wrap:wrap;align-items:center;color:var(--vvd-color-canvas-text);column-gap:4px;cursor:pointer;font:var(--vvd-typography-base)}.hide-label label{display:none}.icon{font-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2))*.6);line-height:1}";
+const styles = ":host{display:inline-flex;flex-direction:column;gap:4px;vertical-align:middle;--_low-ink-color: var(--vvd-color-neutral-600)}:host([disabled]){cursor:not-allowed}.base.connotation-cta{--_connotation-color-primary: var(--vvd-checkbox-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-checkbox-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-checkbox-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-fierce: var(--vvd-checkbox-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-intermediate: var(--vvd-checkbox-cta-intermediate, var(--vvd-color-cta-500));--_connotation-color-firm: var(--vvd-checkbox-cta-firm, var(--vvd-color-cta-600))}.base:not(.connotation-cta){--_connotation-color-primary: var(--vvd-checkbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-checkbox-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-checkbox-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-fierce: var(--vvd-checkbox-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-intermediate: var(--vvd-checkbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-firm: var(--vvd-checkbox-accent-firm, var(--vvd-color-canvas-text))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-500)}@media (hover: hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}.base:checked:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}.base.checked:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}@media (hover: hover){.base:checked:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary-increment)}}.base.checked.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary-increment)}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.base{display:inline-flex;align-items:start;gap:8px;vertical-align:middle}.base:focus-visible{outline:none}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}.base.disabled{pointer-events:none}.control{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:4px;background-color:var(--_appearance-color-fill);block-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)));box-shadow:inset 0 0 0 2px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.base:focus-visible .control{--focus-stroke-gap-color: transparent}.base:focus-visible .control:after{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));position:absolute;display:block;border-radius:var(--focus-border-radius, inherit);block-size:calc(100% + var(--focus-block-size-addition, 4px));content:\"\";inline-size:calc(100% + var(--focus-block-size-addition, 4px));inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.base.error:not(.checked) .control{background-color:var(--vvd-color-canvas);box-shadow:inset 0 0 0 2px var(--vvd-color-alert-500)}.indicator{font-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - 4px)}.base:not(.checked) .indicator.checkmark{display:none}.base.checked .indicator.minus,.base:not(.indeterminate) .indicator.minus{display:none}label{display:flex;flex-wrap:wrap;align-items:center;color:var(--vvd-color-canvas-text);column-gap:4px;cursor:pointer;font:var(--vvd-typography-base)}.hide-label label{display:none}.icon{font-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2))*.6);line-height:1}";
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {

package/checkbox/definition.js

@@ -9,7 +9,7 @@ import { W as WithSuccessText } from '../unbundled/with-success-text.js';
 import { F as FormElement } from '../unbundled/form-element.js';
 import { classNames } from '@microsoft/fast-web-utilities';
 
-const styles = ":host{display:inline-flex;flex-direction:column;gap:4px;vertical-align:middle;--_low-ink-color: var(--vvd-color-neutral-600)}:host([disabled]){cursor:not-allowed}.base.connotation-cta{--_connotation-color-primary: var(--vvd-checkbox-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-checkbox-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-checkbox-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-fierce: var(--vvd-checkbox-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-intermediate: var(--vvd-checkbox-cta-intermediate, var(--vvd-color-cta-500));--_connotation-color-firm: var(--vvd-checkbox-cta-firm, var(--vvd-color-cta-600))}.base:not(.connotation-cta){--_connotation-color-primary: var(--vvd-checkbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-checkbox-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-checkbox-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-fierce: var(--vvd-checkbox-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-intermediate: var(--vvd-checkbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-firm: var(--vvd-checkbox-accent-firm, var(--vvd-color-canvas-text))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-500)}@media (hover: hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}.base:checked:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}.base.checked:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}@media (hover: hover){.base:checked:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary-increment)}}.base.checked.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary-increment)}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.base{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}.base:focus-visible{outline:none}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}.base.disabled{pointer-events:none}.control{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:4px;background-color:var(--_appearance-color-fill);block-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)));box-shadow:inset 0 0 0 2px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.base:focus-visible .control{--focus-stroke-gap-color: transparent}.base:focus-visible .control:after{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));position:absolute;display:block;border-radius:var(--focus-border-radius, inherit);block-size:calc(100% + var(--focus-block-size-addition, 4px));content:\"\";inline-size:calc(100% + var(--focus-block-size-addition, 4px));inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.base.error:not(.checked) .control{background-color:var(--vvd-color-canvas);box-shadow:inset 0 0 0 2px var(--vvd-color-alert-500)}.indicator{font-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - 4px)}.base:not(.checked) .indicator.checkmark{display:none}.base.checked .indicator.minus,.base:not(.indeterminate) .indicator.minus{display:none}label{display:flex;flex-wrap:wrap;align-items:center;color:var(--vvd-color-canvas-text);column-gap:4px;cursor:pointer;font:var(--vvd-typography-base)}.hide-label label{display:none}.icon{font-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2))*.6);line-height:1}";
+const styles = ":host{display:inline-flex;flex-direction:column;gap:4px;vertical-align:middle;--_low-ink-color: var(--vvd-color-neutral-600)}:host([disabled]){cursor:not-allowed}.base.connotation-cta{--_connotation-color-primary: var(--vvd-checkbox-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-checkbox-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-checkbox-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-fierce: var(--vvd-checkbox-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-intermediate: var(--vvd-checkbox-cta-intermediate, var(--vvd-color-cta-500));--_connotation-color-firm: var(--vvd-checkbox-cta-firm, var(--vvd-color-cta-600))}.base:not(.connotation-cta){--_connotation-color-primary: var(--vvd-checkbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-checkbox-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-checkbox-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-fierce: var(--vvd-checkbox-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-intermediate: var(--vvd-checkbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-firm: var(--vvd-checkbox-accent-firm, var(--vvd-color-canvas-text))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-500)}@media (hover: hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}.base:checked:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}.base.checked:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}@media (hover: hover){.base:checked:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary-increment)}}.base.checked.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary-increment)}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.base{display:inline-flex;align-items:start;gap:8px;vertical-align:middle}.base:focus-visible{outline:none}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}.base.disabled{pointer-events:none}.control{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:4px;background-color:var(--_appearance-color-fill);block-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)));box-shadow:inset 0 0 0 2px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)))}.base:focus-visible .control{--focus-stroke-gap-color: transparent}.base:focus-visible .control:after{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));position:absolute;display:block;border-radius:var(--focus-border-radius, inherit);block-size:calc(100% + var(--focus-block-size-addition, 4px));content:\"\";inline-size:calc(100% + var(--focus-block-size-addition, 4px));inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.base.error:not(.checked) .control{background-color:var(--vvd-color-canvas);box-shadow:inset 0 0 0 2px var(--vvd-color-alert-500)}.indicator{font-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - 4px)}.base:not(.checked) .indicator.checkmark{display:none}.base.checked .indicator.minus,.base:not(.indeterminate) .indicator.minus{display:none}label{display:flex;flex-wrap:wrap;align-items:center;color:var(--vvd-color-canvas-text);column-gap:4px;cursor:pointer;font:var(--vvd-typography-base)}.hide-label label{display:none}.icon{font-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2))*.6);line-height:1}";
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {

package/contextual-help/definition.cjs

@@ -58,5 +58,6 @@ const registerContextualHelp = vividElement.createRegisterFunction(
   contextualHelpDefinition
 );
 
+exports.VwcContextualHelpElement = ContextualHelp;
 exports.contextualHelpDefinition = contextualHelpDefinition;
 exports.registerContextualHelp = registerContextualHelp;

package/contextual-help/definition.js

@@ -54,4 +54,4 @@ const registerContextualHelp = createRegisterFunction(
   contextualHelpDefinition
 );
 
-export { contextualHelpDefinition, registerContextualHelp };
+export { ContextualHelp as VwcContextualHelpElement, contextualHelpDefinition, registerContextualHelp };