@vonage/vivid 5.27.0 → 5.28.1

package/bundled/definition8.js

@@ -9,7 +9,7 @@ import { t as g } from "./kbd-shortcut.js";
 import { n as _, t as v } from "./render-in-light-dom.js";
 import { t as y } from "./dialog.js";
 //#region src/lib/tooltip/tooltip.scss?inline
-var b = ":host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.control{pointer-events:none}.tooltip{width:var(--tooltip-inline-size,auto);box-sizing:border-box;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);max-inline-size:var(--tooltip-max-inline-size,30ch);flex-direction:column;align-items:flex-start;gap:4px;padding:8px 12px;display:flex}.text-secondary{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base)}", x = class extends g(h(a)) {
+var b = ":host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.control{pointer-events:none}.tooltip{width:var(--tooltip-inline-size,auto);box-sizing:border-box;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);max-inline-size:var(--tooltip-max-inline-size,30ch);flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.control:not(.has-text) .text{display:none}.content{display:contents}.has-text .content{font:var(--vvd-typography-base)}.text-secondary{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base)}", x = class extends g(h(a)) {
 	constructor(...e) {
 		super(...e), this.open = !1, this._descriptionId = `vwc-tooltip-desc-${_()}`, this._descriptionSecondaryId = `vwc-tooltip-desc-secondary-${_()}`, this._defaultSlotContent = [], this.#i = () => {
 			this.open = !0;
@@ -67,13 +67,13 @@ var b = ":host :host{display:var(--_popup-display,inline)}:host :host([slotted-a
 };
 u([r], x.prototype, "text", void 0), u([r({ attribute: "text-secondary" })], x.prototype, "textSecondary", void 0), u([r({ mode: "fromView" })], x.prototype, "placement", void 0), u([r({ mode: "boolean" })], x.prototype, "open", void 0), u([e], x.prototype, "_defaultSlotContent", void 0);
 //#endregion
-//#region src/lib/tooltip/definition.ts
-var S = o("tooltip", x, (e) => {
+//#region src/lib/tooltip/tooltip.template.ts
+var S = (e) => d("control", ["has-text", e.text !== void 0], ["open", e.open]), C = o("tooltip", x, (e) => {
 	let t = e.tagFor(f), n = m();
 	return i`
 ${n}
 ${v(i`<span slot="_description" id="${(e) => e._descriptionId}">${(e) => e.text}</span><span slot="_description-secondary" id="${(e) => e._descriptionSecondaryId}">${(e) => e.textSecondary}</span>`)}
-<${t} class="${(e) => d("control", ["open", e.open])}" arrow alternate
+<${t} class="${(e) => S(e)}" arrow alternate
 	:placement=${(e) => e.placement}
 	:anchor="${(e) => e._anchorEl}"
 	:open="${(e) => e.open}"
@@ -86,12 +86,14 @@ ${v(i`<span slot="_description" id="${(e) => e._descriptionId}">${(e) => e.text}
 		${l((e) => e.textSecondary, i`<span class="text-secondary"
 				><slot name="_description-secondary"></slot
 			></span>`)}
-		<slot
-			${c({
+		<span class="content"
+			><slot
+				${c({
 		property: "_defaultSlotContent",
 		filter: s()
 	})}
-		></slot>
+			></slot
+		></span>
 		<slot name="kbd-shortcut"
 			${c({
 		property: "_kbdShortcutSlotted",
@@ -100,6 +102,6 @@ ${v(i`<span slot="_description" id="${(e) => e._descriptionId}">${(e) => e.text}
 		></slot>
   </div>
 </${t}>`;
-}, [p], { styles: b }), C = n(S);
+}, [p], { styles: b }), w = n(C);
 //#endregion
-export { S as n, x as r, C as t };
+export { C as n, x as r, w as t };

package/bundled/definition9.cjs

@@ -1,8 +1,8 @@
-const e=require("./localized.cjs"),t=require("./vivid-element.cjs"),n=require("./when.cjs"),r=require("./decorate.cjs"),i=require("./class-names.cjs"),a=require("./definition7.cjs"),o=require("./anchored.cjs"),s=require("./dialog.cjs");var c=`:host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.content-wrapper{width:var(--toggletip-inline-size,auto);max-inline-size:var(--toggletip-max-inline-size,30ch);padding:16px}.headline{font:var(--vvd-typography-base-bold);margin:0}.text-secondary{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base);margin:4px 0 0}.text-secondary:first-child{margin-block-start:0}.action-items{justify-content:flex-end;gap:10px;display:flex}::slotted([slot=action-items]){margin-block-start:16px}`,l=class extends e.t(o.t(t.t)){constructor(...e){super(...e),this.#e=null,this.alternate=!1,this.placement=`right`,this.open=!1,this.#i=()=>{this.open||t.M.enqueue(()=>this.open=!0)},this.#o=e=>{let t=!this.contains(e.target),n=this._anchorEl?.contains(e.target);(t||n)&&(this.open=!1)},this.#s=e=>{e.key===`Escape`&&(this.open=!1)}}#e;openChanged(e,t){e!==void 0&&(t?this.setAttribute(`role`,`status`):this.removeAttribute(`role`),this.#a(),this._anchorEl&&this.#n(this._anchorEl))}connectedCallback(){super.connectedCallback(),this.#a()}disconnectedCallback(){super.disconnectedCallback(),this.#a()}_anchorElChanged(e,t){e&&this.#r(e),t&&this.#t(t)}#t(e){e.addEventListener(`click`,this.#i,!0),this.#e=e.ariaLabel,e.ariaLabel=this.locale.toggletip.anchorLabel(e.ariaLabel||``),this.#n(e)}#n(e){e.setAttribute(`aria-expanded`,this.open.toString()),o.i(e,this.open)}#r(e){e.removeEventListener(`click`,this.#i,!0),e.removeAttribute(`aria-expanded`),o.r(e),e.ariaLabel&&=this.#e}#i;#a(){document.removeEventListener(`click`,this.#o),document.removeEventListener(`keydown`,this.#s),this.open&&this.isConnected&&(document.addEventListener(`click`,this.#o),document.addEventListener(`keydown`,this.#s))}#o;#s};r.t([t.m],l.prototype,`headline`,void 0),r.t([t.m({attribute:`text-secondary`})],l.prototype,`textSecondary`,void 0),r.t([t.m({mode:`boolean`})],l.prototype,`alternate`,void 0),r.t([t.m({mode:`fromView`})],l.prototype,`placement`,void 0),r.t([t.m({mode:`boolean`})],l.prototype,`open`,void 0);var u=e=>i.t(`control`),d=t.u(`toggletip`,l,e=>{let r=e.tagFor(a.i),i=o.n();return t.p`
+const e=require("./localized.cjs"),t=require("./vivid-element.cjs"),n=require("./when.cjs"),r=require("./decorate.cjs"),i=require("./class-names.cjs"),a=require("./definition7.cjs"),o=require("./anchored.cjs"),s=require("./dialog.cjs");var c=`:host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.content-wrapper{width:var(--toggletip-inline-size,auto);max-inline-size:var(--toggletip-max-inline-size,30ch);padding:8px 12px}.content{font:var(--vvd-typography-base-bold)}.has-headline .content{font:var(--vvd-typography-base)}.headline{font:var(--vvd-typography-base-bold);margin:0 0 2px}.text-secondary{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base);margin:0}.text-secondary:first-child{margin-block-start:0}.action-items{justify-content:flex-end;gap:8px;display:flex}::slotted([slot=action-items]){margin-block-start:12px}`,l=class extends e.t(o.t(t.t)){constructor(...e){super(...e),this.#e=null,this.alternate=!1,this.placement=`right`,this.open=!1,this.#i=()=>{this.open||t.M.enqueue(()=>this.open=!0)},this.#o=e=>{let t=!this.contains(e.target),n=this._anchorEl?.contains(e.target);(t||n)&&(this.open=!1)},this.#s=e=>{e.key===`Escape`&&(this.open=!1)}}#e;openChanged(e,t){e!==void 0&&(t?this.setAttribute(`role`,`status`):this.removeAttribute(`role`),this.#a(),this._anchorEl&&this.#n(this._anchorEl))}connectedCallback(){super.connectedCallback(),this.#a()}disconnectedCallback(){super.disconnectedCallback(),this.#a()}_anchorElChanged(e,t){e&&this.#r(e),t&&this.#t(t)}#t(e){e.addEventListener(`click`,this.#i,!0),this.#e=e.ariaLabel,e.ariaLabel=this.locale.toggletip.anchorLabel(e.ariaLabel||``),this.#n(e)}#n(e){e.setAttribute(`aria-expanded`,this.open.toString()),o.i(e,this.open)}#r(e){e.removeEventListener(`click`,this.#i,!0),e.removeAttribute(`aria-expanded`),o.r(e),e.ariaLabel&&=this.#e}#i;#a(){document.removeEventListener(`click`,this.#o),document.removeEventListener(`keydown`,this.#s),this.open&&this.isConnected&&(document.addEventListener(`click`,this.#o),document.addEventListener(`keydown`,this.#s))}#o;#s};r.t([t.m],l.prototype,`headline`,void 0),r.t([t.m({attribute:`text-secondary`})],l.prototype,`textSecondary`,void 0),r.t([t.m({mode:`boolean`})],l.prototype,`alternate`,void 0),r.t([t.m({mode:`fromView`})],l.prototype,`placement`,void 0),r.t([t.m({mode:`boolean`})],l.prototype,`open`,void 0);var u=e=>i.t(`control`,[`has-headline`,e.headline!==void 0]),d=t.u(`toggletip`,l,e=>{let r=e.tagFor(a.i),i=o.n();return t.p`
 		${i}
 		<${r}
 			@keydown="${(e,{event:t})=>!(e.open&&s.t(t))}"
-			class="${u}"
+			class="${e=>u(e)}"
 			arrow
 			:anchor="${e=>e._anchorEl}"
 			:open="${e=>e.open}"
@@ -13,7 +13,7 @@ const e=require("./localized.cjs"),t=require("./vivid-element.cjs"),n=require(".
 			<div class="content-wrapper">
 				${n.t(e=>e.headline,t.p`<h2 class="headline">${e=>e.headline}</h2>`)}
 				${n.t(e=>e.textSecondary,t.p`<p class="text-secondary">${e=>e.textSecondary}</p>`)}
-				<slot></slot>
+				<span class="content"><slot></slot></span>
 				<div class="action-items"><slot name="action-items"></slot></div>
 			</div>
 		</${r}>

package/bundled/definition9.js

@@ -7,7 +7,7 @@ import { i as u, t as d } from "./definition7.js";
 import { i as f, n as p, r as m, t as h } from "./anchored.js";
 import { t as g } from "./dialog.js";
 //#region src/lib/toggletip/toggletip.scss?inline
-var _ = ":host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.content-wrapper{width:var(--toggletip-inline-size,auto);max-inline-size:var(--toggletip-max-inline-size,30ch);padding:16px}.headline{font:var(--vvd-typography-base-bold);margin:0}.text-secondary{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base);margin:4px 0 0}.text-secondary:first-child{margin-block-start:0}.action-items{justify-content:flex-end;gap:10px;display:flex}::slotted([slot=action-items]){margin-block-start:16px}", v = class extends e(h(a)) {
+var _ = ":host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.content-wrapper{width:var(--toggletip-inline-size,auto);max-inline-size:var(--toggletip-max-inline-size,30ch);padding:8px 12px}.content{font:var(--vvd-typography-base-bold)}.has-headline .content{font:var(--vvd-typography-base)}.headline{font:var(--vvd-typography-base-bold);margin:0 0 2px}.text-secondary{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base);margin:0}.text-secondary:first-child{margin-block-start:0}.action-items{justify-content:flex-end;gap:8px;display:flex}::slotted([slot=action-items]){margin-block-start:12px}", v = class extends e(h(a)) {
 	constructor(...e) {
 		super(...e), this.#e = null, this.alternate = !1, this.placement = "right", this.open = !1, this.#i = () => {
 			this.open || t.enqueue(() => this.open = !0);
@@ -52,13 +52,13 @@ var _ = ":host :host{display:var(--_popup-display,inline)}:host :host([slotted-a
 c([r], v.prototype, "headline", void 0), c([r({ attribute: "text-secondary" })], v.prototype, "textSecondary", void 0), c([r({ mode: "boolean" })], v.prototype, "alternate", void 0), c([r({ mode: "fromView" })], v.prototype, "placement", void 0), c([r({ mode: "boolean" })], v.prototype, "open", void 0);
 //#endregion
 //#region src/lib/toggletip/toggletip.template.ts
-var y = (e) => l("control"), b = o("toggletip", v, (e) => {
+var y = (e) => l("control", ["has-headline", e.headline !== void 0]), b = o("toggletip", v, (e) => {
 	let t = e.tagFor(u), n = p();
 	return i`
 		${n}
 		<${t}
 			@keydown="${(e, { event: t }) => !(e.open && g(t))}"
-			class="${y}"
+			class="${(e) => y(e)}"
 			arrow
 			:anchor="${(e) => e._anchorEl}"
 			:open="${(e) => e.open}"
@@ -69,7 +69,7 @@ var y = (e) => l("control"), b = o("toggletip", v, (e) => {
 			<div class="content-wrapper">
 				${s((e) => e.headline, i`<h2 class="headline">${(e) => e.headline}</h2>`)}
 				${s((e) => e.textSecondary, i`<p class="text-secondary">${(e) => e.textSecondary}</p>`)}
-				<slot></slot>
+				<span class="content"><slot></slot></span>
 				<div class="action-items"><slot name="action-items"></slot></div>
 			</div>
 		</${t}>

package/bundled/feedback-message.cjs

@@ -1,4 +1,4 @@
-const e=require("./localized.cjs"),t=require("./vivid-element.cjs"),n=require("./when.cjs"),r=require("./definition.cjs"),i=require("./decorate.cjs"),a=require("./class-names.cjs"),o=require("./definition2.cjs"),s=require("./icon.cjs");var c=`:host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}`,l=class extends e.t(t.t){constructor(...e){super(...e),this.type=`none`}};i.t([t.m],l.prototype,`type`,void 0);function u(e,n,r){let i=e.tagFor(s.t);return t.p`<${i} class="icon" name="${n}" label="${e=>e.locale.feedbackMessage[r]}"></${i}>`}function d(e){let n={none:``,helper:``,error:u(e,`info-line`,`errorIconText`),success:u(e,`check-circle-line`,`successIconText`)};return t.p`${e=>n[e.type]}`}var f=e=>e===`error`,p=t.u(`feedback-message`,l,e=>{let r=t.p`<div
+const e=require("./localized.cjs"),t=require("./vivid-element.cjs"),n=require("./when.cjs"),r=require("./definition.cjs"),i=require("./decorate.cjs"),a=require("./class-names.cjs"),o=require("./definition2.cjs"),s=require("./icon.cjs");var c=`:host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color,var(--vvd-color-neutral-600))}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}`,l=class extends e.t(t.t){constructor(...e){super(...e),this.type=`none`}};i.t([t.m],l.prototype,`type`,void 0);function u(e,n,r){let i=e.tagFor(s.t);return t.p`<${i} class="icon" name="${n}" label="${e=>e.locale.feedbackMessage[r]}"></${i}>`}function d(e){let n={none:``,helper:``,error:u(e,`info-line`,`errorIconText`),success:u(e,`check-circle-line`,`successIconText`)};return t.p`${e=>n[e.type]}`}var f=e=>e===`error`,p=t.u(`feedback-message`,l,e=>{let r=t.p`<div
 		class="${e=>a.t(`message`,`${e.type}-message`)}"
 	>
 		${d(e)}<slot></slot>

package/bundled/feedback-message.js

@@ -7,7 +7,7 @@ import { t as c } from "./class-names.js";
 import { t as l } from "./definition2.js";
 import { t as u } from "./icon.js";
 //#region src/shared/feedback/feedback-message.scss?inline
-var d = ":host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}", f = class extends e(r) {
+var d = ":host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color,var(--vvd-color-neutral-600))}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}", f = class extends e(r) {
 	constructor(...e) {
 		super(...e), this.type = "none";
 	}

package/bundled/localized.cjs

@@ -1 +1 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,o)=>(o=n==null?{}:e(i(n)),c(r||!n||!n.__esModule||!a.call(n,`default`)?t(o,`default`,{value:n,enumerable:!0}):o,n));const u=require("./vivid-element.cjs"),d=require("./decorate.cjs");var f=s({Background:()=>I,Black:()=>A,Blue:()=>M,Captions:()=>w,Casual:()=>W,Chapters:()=>T,Close:()=>D,Color:()=>J,Cyan:()=>F,Depressed:()=>H,Descriptions:()=>E,Done:()=>q,Duration:()=>g,Fullscreen:()=>b,Green:()=>j,LIVE:()=>_,Loaded:()=>v,Magenta:()=>P,Mute:()=>x,None:()=>B,Opacity:()=>Y,Opaque:()=>z,Pause:()=>m,Play:()=>p,Progress:()=>y,Raised:()=>V,Red:()=>`Red`,Replay:()=>h,Reset:()=>K,Script:()=>G,Subtitles:()=>C,Text:()=>O,Transparent:()=>R,Uniform:()=>U,Unmute:()=>S,White:()=>k,Window:()=>L,Yellow:()=>N,default:()=>ee}),p=`Play`,m=`Pause`,h=`Replay`,g=`Duration`,_=`LIVE`,v=`Loaded`,y=`Progress`,b=`Fullscreen`,x=`Mute`,S=`Unmute`,C=`Subtitles`,w=`Captions`,T=`Chapters`,E=`Descriptions`,D=`Close`,O=`Text`,k=`White`,A=`Black`,j=`Green`,M=`Blue`,N=`Yellow`,P=`Magenta`,F=`Cyan`,I=`Background`,L=`Window`,R=`Transparent`,z=`Opaque`,B=`None`,V=`Raised`,H=`Depressed`,U=`Uniform`,W=`Casual`,G=`Script`,K=`Reset`,q=`Done`,J=`Color`,Y=`Opacity`,ee={"Audio Player":`Audio Player`,"Video Player":`Video Player`,Play:p,Pause:m,Replay:h,"Current Time":`Current Time`,Duration:g,"Remaining Time":`Remaining Time`,"Stream Type":`Stream Type`,LIVE:_,"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:v,Progress:y,"Progress Bar":`Progress Bar`,"progress bar timing: currentTime={1} duration={2}":`{1} of {2}`,Fullscreen:b,"Exit Fullscreen":`Exit Fullscreen`,Mute:x,Unmute:S,"Playback Rate":`Playback Rate`,Subtitles:C,"subtitles off":`subtitles off`,Captions:w,"captions off":`captions off`,Chapters:T,Descriptions:E,"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:D,"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:O,White:k,Black:A,Red:`Red`,Green:j,Blue:M,Yellow:N,Magenta:P,Cyan:F,Background:I,Window:L,Transparent:R,"Semi-Transparent":`Semi-Transparent`,Opaque:z,"Font Size":`Font Size`,"Text Edge Style":`Text Edge Style`,None:B,Raised:V,Depressed:H,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:G,"Small Caps":`Small Caps`,Reset:K,"restore all settings to the default values":`restore all settings to the default values`,Done:q,"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:J,Opacity:Y,"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`},X={lang:`en-US`,common:{useCommaAsDecimalSeparator:!1},pickerField:{clearLabel:`Clear`,okLabel:`OK`},calendarPicker:{months:{name:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],shorthand:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`]},weekdays:{name:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`],shorthand:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`]},firstDayOfWeek:0,dateFormat:`MM/dd/yyyy`,dateFormatPlaceholder:`MM/DD/YYYY`,chooseDateLabel:`Choose date`,changeDateLabel:e=>`Change date, ${e}`,chooseDatesLabel:`Choose dates`,changeDatesLabel:e=>`Change dates, ${e}`,prevYearLabel:`Previous year`,prevMonthLabel:`Previous month`,nextMonthLabel:`Next month`,nextYearLabel:`Next year`,todayLabel:`today`,selectedLabel:`selected`,currentLabel:`current`,changeMonthLabel:e=>`Change month, ${e} selected`,showCalendarForMonthLabel:e=>`Show calendar for ${e}`,invalidDateError:`Please enter a valid date.`,invalidDateRangeError:`Please enter a valid date range.`,startDateAfterMinDateError:e=>`The start date must be ${e} or later.`,endDateBeforeMaxDateError:e=>`The end date must be ${e} or earlier.`},timePicker:{defaultTo12HourClock:!0,chooseTimeLabel:`Choose time`,changeTimeLabel:e=>`Change time, ${e}`,hoursLabel:`hours`,minutesLabel:`minutes`,secondsLabel:`seconds`,meridiesLabel:`AM/PM`,invalidTimeError:`Please enter a valid time.`},dateTimePicker:{chooseDateTimeLabel:`Choose date and time`,changeDateTimeLabel:e=>`Change date and time, ${e}`,invalidDateTimeError:`Please enter a valid date and time.`,dateBeforeMinDateError:e=>`Date must be ${e} or later.`,dateAfterMaxDateError:e=>`Date must be ${e} or earlier.`,timeBeforeMinTimeError:e=>`Time must be ${e} or later.`,timeAfterMaxTimeError:e=>`Time must be ${e} or earlier.`},filePicker:{invalidFileTypeError:`You can't select files of this type.`,maxFilesExceededError:`You can't select any more files.`,fileTooBigError:`File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.`,removeFileLabel:`Remove file`,invalidFilesError:`One or more selected files are invalid. Please, upload only valid file types under the size limit.`,uploadFilesLabel:`Upload files`},audioPlayer:{playButtonLabel:`Play`,pauseButtonLabel:`Pause`,sliderLabel:`Audio progress bar`,skipForwardButton:`Skip Forward`,skipBackwardButton:`Skip Backward`},alert:{dismissButtonLabel:`Close`},dialog:{dismissButtonLabel:`Close`},popover:{dismissButtonLabel:`Close`},banner:{dismissButtonLabel:`Close`},numberField:{incrementButtonLabel:e=>e===1?`Increase value`:`Increase value by ${e}`,decrementButtonLabel:e=>e===1?`Decrease value`:`Decrease value by ${e}`,updatedValueAnnouncement:e=>`Updated value: ${e}`},splitButton:{showMoreActionsLabel:`Show more actions`},videoPlayer:f,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:`Asterisk`,digitZeroLabel:`0`,digitZeroDescription:`Press and hold to type a plus sign`,digitHashtagLabel:`Pound`,errorLabel:`Error:`},tab:{dismissButtonLabel:`Press the DELETE key to close this tab`},select:{clearButtonLabel:`Clear selection`},countryGroup:{ariaLabelPrefix:`Countries:`},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,n,r)=>`Option ${e} focused, ${r?`selected, `:``}${t} of ${n}.`,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`,linkUrlHelperText:`Enter a destination (e.g., https://, mailto:, or tel:).`,cancel:`Cancel`,apply:`Apply`,close:`Close`,edit:`Edit`,delete:`Delete`,imageSizes:{small:`Small`,fit:`Fit`,original:`Original size`},suggestLoading:`Loading...`,suggestNoResults:`No results`},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,n)=>{let r=t?`Select ${t}, hex: ${e}`:`Select ${e}`;return n&&(r+=`, selected.`),r}},simpleColorPicker:{colorPaletteLabel:`Color palette`},colorPicker:{popupLabel:`Color Picker`,swatchesLabel:`Saved colors`,pickerButtonLabel:`Color Picker`,hexInputLabel:`HEX color code`,saveButtonLabel:`Save current color`,closeButtonLabel:`Close Color Picker`,copyButtonLabel:`Copy color to clipboard`,copyErrorText:`Copy failed. Clipboard access was blocked. Try again.`,copySuccessMessage:e=>`Color ${e} copied to clipboard.`,selectionSuccessMessage:e=>`Color ${e} selected.`,maxSwatchesMessage:(e,t)=>`${e} of ${t} colors saved.`}},Z=class{constructor(){this.locale=X}};d.t([u.A],Z.prototype,`locale`,void 0);var Q=new Z,$=e=>{class t extends e{get locale(){return Q.locale}}return t},te=e=>{class t extends $(e){localeChanged(){}connectedCallback(){super.connectedCallback(),this.#n()}disconnectedCallback(){super.disconnectedCallback(),this.#r()}#e={handleChange:()=>{this.localeChanged()}};#t;#n(){this.#t=u.k.binding(()=>this.locale,this.#e),this.#t.observe(this,u.O.default)}#r(){this.#t.dispose()}}return t};Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return te}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return $}});
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,o)=>(o=n==null?{}:e(i(n)),c(r||!n||!n.__esModule||!a.call(n,`default`)?t(o,`default`,{value:n,enumerable:!0}):o,n));const u=require("./vivid-element.cjs"),d=require("./decorate.cjs");var f=s({Background:()=>I,Black:()=>A,Blue:()=>M,Captions:()=>w,Casual:()=>W,Chapters:()=>T,Close:()=>D,Color:()=>J,Cyan:()=>F,Depressed:()=>H,Descriptions:()=>E,Done:()=>q,Duration:()=>g,Fullscreen:()=>b,Green:()=>j,LIVE:()=>_,Loaded:()=>v,Magenta:()=>P,Mute:()=>x,None:()=>B,Opacity:()=>Y,Opaque:()=>z,Pause:()=>m,Play:()=>p,Progress:()=>y,Raised:()=>V,Red:()=>`Red`,Replay:()=>h,Reset:()=>K,Script:()=>G,Subtitles:()=>C,Text:()=>O,Transparent:()=>R,Uniform:()=>U,Unmute:()=>S,White:()=>k,Window:()=>L,Yellow:()=>N,default:()=>ee}),p=`Play`,m=`Pause`,h=`Replay`,g=`Duration`,_=`LIVE`,v=`Loaded`,y=`Progress`,b=`Fullscreen`,x=`Mute`,S=`Unmute`,C=`Subtitles`,w=`Captions`,T=`Chapters`,E=`Descriptions`,D=`Close`,O=`Text`,k=`White`,A=`Black`,j=`Green`,M=`Blue`,N=`Yellow`,P=`Magenta`,F=`Cyan`,I=`Background`,L=`Window`,R=`Transparent`,z=`Opaque`,B=`None`,V=`Raised`,H=`Depressed`,U=`Uniform`,W=`Casual`,G=`Script`,K=`Reset`,q=`Done`,J=`Color`,Y=`Opacity`,ee={"Audio Player":`Audio Player`,"Video Player":`Video Player`,Play:p,Pause:m,Replay:h,"Current Time":`Current Time`,Duration:g,"Remaining Time":`Remaining Time`,"Stream Type":`Stream Type`,LIVE:_,"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:v,Progress:y,"Progress Bar":`Progress Bar`,"progress bar timing: currentTime={1} duration={2}":`{1} of {2}`,Fullscreen:b,"Exit Fullscreen":`Exit Fullscreen`,Mute:x,Unmute:S,"Playback Rate":`Playback Rate`,Subtitles:C,"subtitles off":`subtitles off`,Captions:w,"captions off":`captions off`,Chapters:T,Descriptions:E,"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:D,"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:O,White:k,Black:A,Red:`Red`,Green:j,Blue:M,Yellow:N,Magenta:P,Cyan:F,Background:I,Window:L,Transparent:R,"Semi-Transparent":`Semi-Transparent`,Opaque:z,"Font Size":`Font Size`,"Text Edge Style":`Text Edge Style`,None:B,Raised:V,Depressed:H,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:G,"Small Caps":`Small Caps`,Reset:K,"restore all settings to the default values":`restore all settings to the default values`,Done:q,"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:J,Opacity:Y,"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`},X={lang:`en-US`,common:{useCommaAsDecimalSeparator:!1},pickerField:{clearLabel:`Clear`,okLabel:`OK`},calendarPicker:{months:{name:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],shorthand:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`]},weekdays:{name:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`],shorthand:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`]},firstDayOfWeek:0,dateFormat:`MM/dd/yyyy`,dateFormatPlaceholder:`MM/DD/YYYY`,chooseDateLabel:`Choose date`,changeDateLabel:e=>`Change date, ${e}`,chooseDatesLabel:`Choose dates`,changeDatesLabel:e=>`Change dates, ${e}`,prevYearLabel:`Previous year`,prevMonthLabel:`Previous month`,nextMonthLabel:`Next month`,nextYearLabel:`Next year`,todayLabel:`today`,selectedLabel:`selected`,currentLabel:`current`,changeMonthLabel:e=>`Change month, ${e} selected`,showCalendarForMonthLabel:e=>`Show calendar for ${e}`,invalidDateError:`Please enter a valid date.`,invalidDateRangeError:`Please enter a valid date range.`,startDateAfterMinDateError:e=>`The start date must be ${e} or later.`,endDateBeforeMaxDateError:e=>`The end date must be ${e} or earlier.`},timePicker:{defaultTo12HourClock:!0,chooseTimeLabel:`Choose time`,changeTimeLabel:e=>`Change time, ${e}`,hoursLabel:`hours`,minutesLabel:`minutes`,secondsLabel:`seconds`,meridiesLabel:`AM/PM`,invalidTimeError:`Please enter a valid time.`},dateTimePicker:{chooseDateTimeLabel:`Choose date and time`,changeDateTimeLabel:e=>`Change date and time, ${e}`,invalidDateTimeError:`Please enter a valid date and time.`,dateBeforeMinDateError:e=>`Date must be ${e} or later.`,dateAfterMaxDateError:e=>`Date must be ${e} or earlier.`,timeBeforeMinTimeError:e=>`Time must be ${e} or later.`,timeAfterMaxTimeError:e=>`Time must be ${e} or earlier.`},filePicker:{invalidFileTypeError:`You can't select files of this type.`,maxFilesExceededError:`You can't select any more files.`,fileTooBigError:`File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.`,removeFileLabel:`Remove file`,invalidFilesError:`One or more selected files are invalid. Please, upload only valid file types under the size limit.`,uploadFilesLabel:`Upload files`},audioPlayer:{playButtonLabel:`Play`,pauseButtonLabel:`Pause`,sliderLabel:`Audio progress bar`,skipForwardButton:`Skip Forward`,skipBackwardButton:`Skip Backward`},alert:{dismissButtonLabel:`Close`},dialog:{dismissButtonLabel:`Close`},popover:{dismissButtonLabel:`Close`},banner:{dismissButtonLabel:`Close`},numberField:{incrementButtonLabel:e=>e===1?`Increase value`:`Increase value by ${e}`,decrementButtonLabel:e=>e===1?`Decrease value`:`Decrease value by ${e}`,updatedValueAnnouncement:e=>`Updated value: ${e}`},splitButton:{showMoreActionsLabel:`Show more actions`},videoPlayer:f,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:`Asterisk`,digitZeroLabel:`0`,digitZeroDescription:`Press and hold to type a plus sign`,digitHashtagLabel:`Pound`,errorLabel:`Error:`},tab:{dismissButtonLabel:`Press the DELETE key to close this tab`},select:{clearButtonLabel:`Clear selection`},countryGroup:{ariaLabelPrefix:`Countries:`},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,n,r)=>`Option ${e} focused, ${r?`selected, `:``}${t} of ${n}.`,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`,linkUrlHelperText:`Enter a destination (e.g., https://, mailto:, or tel:).`,cancel:`Cancel`,apply:`Apply`,close:`Close`,edit:`Edit`,delete:`Delete`,imageSizes:{small:`Small`,fit:`Fit`,original:`Original size`},suggestLoading:`Loading...`,suggestNoResults:`No results`},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}`},tableSortingButton:{sortStatus:{ascending:`Sorted ascending.`,descending:`Sorted descending.`,none:`Not sorted.`},sortInstruction:{ascending:`Click to sort descending.`,descending:`Click to un-sort.`,none:`Click to sort ascending.`}},toggletip:{anchorLabel:e=>e?`Show more information about ${e}`:`Show more information`},baseColorPicker:{colorSwatchLabel:(e,t,n)=>{let r=t?`Select ${t}, hex: ${e}`:`Select ${e}`;return n&&(r+=`, selected.`),r}},simpleColorPicker:{colorPaletteLabel:`Color palette`},colorPicker:{popupLabel:`Color Picker`,swatchesLabel:`Saved colors`,pickerButtonLabel:`Color Picker`,hexInputLabel:`HEX color code`,saveButtonLabel:`Save current color`,closeButtonLabel:`Close Color Picker`,copyButtonLabel:`Copy color to clipboard`,copyErrorText:`Copy failed. Clipboard access was blocked. Try again.`,copySuccessMessage:e=>`Color ${e} copied to clipboard.`,selectionSuccessMessage:e=>`Color ${e} selected.`,maxSwatchesMessage:(e,t)=>`${e} of ${t} colors saved.`}},Z=class{constructor(){this.locale=X}};d.t([u.A],Z.prototype,`locale`,void 0);var Q=new Z,$=e=>{class t extends e{get locale(){return Q.locale}}return t},te=e=>{class t extends $(e){localeChanged(){}connectedCallback(){super.connectedCallback(),this.#n()}disconnectedCallback(){super.disconnectedCallback(),this.#r()}#e={handleChange:()=>{this.localeChanged()}};#t;#n(){this.#t=u.k.binding(()=>this.locale,this.#e),this.#t.observe(this,u.O.default)}#r(){this.#t.dispose()}}return t};Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return te}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return $}});

package/bundled/localized.js

@@ -397,6 +397,18 @@ var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescr
 		goToPageLabel: /* istanbul ignore next */ (e) => `Go to page ${e}`
 	},
 	tag: { remove: /* istanbul ignore next */ (e) => `Remove ${e}` },
+	tableSortingButton: {
+		sortStatus: {
+			ascending: "Sorted ascending.",
+			descending: "Sorted descending.",
+			none: "Not sorted."
+		},
+		sortInstruction: {
+			ascending: "Click to sort descending.",
+			descending: "Click to un-sort.",
+			none: "Click to sort ascending."
+		}
+	},
 	toggletip: { anchorLabel: /* istanbul ignore next */ (e) => e ? `Show more information about ${e}` : "Show more information" },
 	baseColorPicker: { colorSwatchLabel: /* istanbul ignore next */ (e, t, n) => {
 		let r = t ? `Select ${t}, hex: ${e}` : `Select ${e}`;

package/bundled/render-in-light-dom.js

@@ -1,18 +1,18 @@
 import { C as e, x as t } from "./vivid-element.js";
-//#region ../../node_modules/.pnpm/uuid@14.0.1/node_modules/uuid/dist/stringify.js
+//#region ../../node_modules/.pnpm/uuid@14.0.2/node_modules/uuid/dist/stringify.js
 var n = [];
 for (let e = 0; e < 256; ++e) n.push((e + 256).toString(16).slice(1));
 function r(e, t = 0) {
 	return (n[e[t + 0]] + n[e[t + 1]] + n[e[t + 2]] + n[e[t + 3]] + "-" + n[e[t + 4]] + n[e[t + 5]] + "-" + n[e[t + 6]] + n[e[t + 7]] + "-" + n[e[t + 8]] + n[e[t + 9]] + "-" + n[e[t + 10]] + n[e[t + 11]] + n[e[t + 12]] + n[e[t + 13]] + n[e[t + 14]] + n[e[t + 15]]).toLowerCase();
 }
 //#endregion
-//#region ../../node_modules/.pnpm/uuid@14.0.1/node_modules/uuid/dist/rng.js
+//#region ../../node_modules/.pnpm/uuid@14.0.2/node_modules/uuid/dist/rng.js
 var i = /* @__PURE__ */ new Uint8Array(16);
 function a() {
 	return crypto.getRandomValues(i);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/uuid@14.0.1/node_modules/uuid/dist/v4.js
+//#region ../../node_modules/.pnpm/uuid@14.0.2/node_modules/uuid/dist/v4.js
 function o(e, t, n) {
 	return !t && !e && crypto.randomUUID ? crypto.randomUUID() : s(e, t, n);
 }

package/bundled/text-field.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{display:inline-block}.base{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_text-field-border-radius:8px;--_text-field-pill-border-radius:24px;grid-template-columns:min-content 1fr max-content;align-items:center;gap:4px;width:100%;display:inline-grid}.base.size-condensed{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_text-field-border-radius:4px}.base{user-select:none}.base:not(.disabled){--_low-ink-color:var(--vvd-color-neutral-600)}.base.disabled{--_low-ink-color:var(--_appearance-color-text)}.label:not(slot),.label::slotted(label){font:var(--vvd-typography-base);grid-area:1/1/auto/4;box-sizing:initial!important;padding:initial!important;margin:initial!important;color:var(--vvd-color-canvas-text)!important}.char-count+.label:not(slot),.char-count+.label::slotted(label){grid-column:1/3}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.label-wrapper{grid-area:1/1/auto/4}.char-count+.label-wrapper{grid-column:1/3}.fieldset{background-color:var(--_appearance-color-fill);font:var(--vvd-typography-base);grid-column:1/4;align-items:center;padding-block:0;transition:color .2s,background-color .2s;display:flex;position:relative}.fieldset:after{border-radius:inherit;block-size:100%;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:"";pointer-events:none;inline-size:100%;transition:box-shadow .2s;display:block;position:absolute}.fieldset:focus-visible{outline:none}.base>.fieldset{block-size:var(--_text-field-block-size)}.base:not(.shape-pill) .fieldset{border-radius:var(--_text-field-border-radius)}.base.shape-pill .fieldset{border-radius:var(--_text-field-pill-border-radius)}.wrapper{border-radius:inherit;block-size:100%;inline-size:100%}.control{border-radius:inherit;text-align:start}.control:not(slot),.control::slotted(input){font:inherit;text-align:inherit;outline:#0000;box-sizing:border-box!important;border-radius:inherit!important;width:100%!important;margin:initial!important;appearance:none!important;block-size:100%!important;color:inherit!important;padding-block:0!important;padding-inline:var(--_text-field-gutter-start) var(--_text-field-gutter-end)!important;background-color:#0000!important;border:0!important}.control:not(slot,:focus),.control::slotted(input:not(:focus)){text-overflow:ellipsis!important}.control:not(slot):disabled,.control::slotted(input:disabled){cursor:not-allowed!important;opacity:1!important;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot)::placeholder{opacity:1!important;-webkit-text-fill-color:var(--_low-ink-color)!important}.control::slotted(input:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.has-icon .control:not(slot),.has-icon .control::slotted(input){padding-inline-start:calc(var(--_text-field-icon-size) + var(--_text-field-gutter-start) * 2)!important}.icon{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);line-height:1;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + var(--_text-field-gutter-start));transform:translateY(-50%)}.leading-items-wrapper{position:relative}.base.no-leading .leading-items-wrapper{display:none}.action-items-wrapper{margin-inline-end:4px}.base:not(.action-items) .action-items-wrapper{display:none}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.wrapper .control:focus-within):after{--focus-stroke-gap-color:transparent;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))}}@supports not selector(:has(*)){.base:not(.has-activedescendant) .wrapper:focus-within: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));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:"";pointer-events:none;display:block;position:absolute;inset:0}}:host([internal-part]) .fieldset{font:var(--vvd-typography-heading-4);background-color:#0000;line-height:1.1}:host([internal-part]) .fieldset:not(:focus-within):after{block-size:1px;inset-block-end:0}@supports selector(:has(*)){:host([internal-part]) .fieldset:has(.action-items-wrapper:focus-within):after{block-size:1px;inset-block-end:0}}:host([internal-part]) .control{text-align:center}slot[name=_mirrored-helper-text]{display:none}`}});
+Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{display:inline-block}.base{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_text-field-border-radius:8px;--_text-field-pill-border-radius:24px;grid-template-columns:min-content 1fr max-content;align-items:center;gap:4px;width:100%;display:inline-grid}.base.size-condensed{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_text-field-border-radius:4px}.base{user-select:none}.base:not(.disabled){--_low-ink-color:var(--vvd-color-neutral-600)}.base.disabled{--_low-ink-color:var(--_appearance-color-text)}.label:not(slot),.label::slotted(label){font:var(--vvd-typography-base);grid-area:1/1/auto/4;box-sizing:initial!important;padding:initial!important;margin:initial!important;color:var(--vvd-color-canvas-text)!important}.char-count+.label:not(slot),.char-count+.label::slotted(label){grid-column:1/3}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.label-wrapper{grid-area:1/1/auto/4}.char-count+.label-wrapper{grid-column:1/3}.fieldset{background-color:var(--_appearance-color-fill);font:var(--vvd-typography-base);grid-column:1/4;align-items:center;padding-block:0;transition:color .2s,background-color .2s;display:flex;position:relative}.fieldset:after{border-radius:inherit;block-size:100%;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:"";pointer-events:none;inline-size:100%;transition:box-shadow .2s;display:block;position:absolute}.fieldset:focus-visible{outline:none}.base>.fieldset{block-size:var(--_text-field-block-size)}.base:not(.shape-pill) .fieldset{border-radius:var(--_text-field-border-radius)}.base.shape-pill .fieldset{border-radius:var(--_text-field-pill-border-radius)}.wrapper{border-radius:inherit;block-size:100%;inline-size:100%}.control{border-radius:inherit;text-align:start}.control:not(slot),.control::slotted(input){font:inherit;text-align:inherit;outline:#0000;box-sizing:border-box!important;border-radius:inherit!important;width:100%!important;margin:initial!important;appearance:none!important;block-size:100%!important;color:inherit!important;padding-block:0!important;padding-inline:var(--_text-field-gutter-start) var(--_text-field-gutter-end)!important;background-color:#0000!important;border:0!important}.control:not(slot,:focus),.control::slotted(input:not(:focus)){text-overflow:ellipsis!important}.control:not(slot):disabled,.control::slotted(input:disabled){cursor:not-allowed!important;opacity:1!important;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot)::placeholder{opacity:1!important;-webkit-text-fill-color:var(--_low-ink-color)!important}.control::slotted(input:-webkit-autofill),.control:not(slot):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control::slotted(input:autofill),.control:not(slot):autofill{-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.has-icon .control:not(slot),.has-icon .control::slotted(input){padding-inline-start:calc(var(--_text-field-icon-size) + var(--_text-field-gutter-start) * 2)!important}.icon{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);line-height:1;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + var(--_text-field-gutter-start));transform:translateY(-50%)}.leading-items-wrapper{position:relative}.base.no-leading .leading-items-wrapper{display:none}.action-items-wrapper{margin-inline-end:4px}.base:not(.action-items) .action-items-wrapper{display:none}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.wrapper .control:focus-within):after{--focus-stroke-gap-color:transparent;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))}}@supports not selector(:has(*)){.base:not(.has-activedescendant) .wrapper:focus-within: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));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:"";pointer-events:none;display:block;position:absolute;inset:0}}:host([internal-part]) .fieldset{font:var(--vvd-typography-heading-4);background-color:#0000;line-height:1.1}:host([internal-part]) .fieldset:not(:focus-within):after{block-size:1px;inset-block-end:0}@supports selector(:has(*)){:host([internal-part]) .fieldset:has(.action-items-wrapper:focus-within):after{block-size:1px;inset-block-end:0}}:host([internal-part]) .control{text-align:center}slot[name=_mirrored-helper-text]{display:none}`}});

package/bundled/text-field.js

@@ -1,4 +1,4 @@
 //#region src/lib/text-field/text-field.scss?inline
-var e = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{display:inline-block}.base{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_text-field-border-radius:8px;--_text-field-pill-border-radius:24px;grid-template-columns:min-content 1fr max-content;align-items:center;gap:4px;width:100%;display:inline-grid}.base.size-condensed{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_text-field-border-radius:4px}.base{user-select:none}.base:not(.disabled){--_low-ink-color:var(--vvd-color-neutral-600)}.base.disabled{--_low-ink-color:var(--_appearance-color-text)}.label:not(slot),.label::slotted(label){font:var(--vvd-typography-base);grid-area:1/1/auto/4;box-sizing:initial!important;padding:initial!important;margin:initial!important;color:var(--vvd-color-canvas-text)!important}.char-count+.label:not(slot),.char-count+.label::slotted(label){grid-column:1/3}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.label-wrapper{grid-area:1/1/auto/4}.char-count+.label-wrapper{grid-column:1/3}.fieldset{background-color:var(--_appearance-color-fill);font:var(--vvd-typography-base);grid-column:1/4;align-items:center;padding-block:0;transition:color .2s,background-color .2s;display:flex;position:relative}.fieldset:after{border-radius:inherit;block-size:100%;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:\"\";pointer-events:none;inline-size:100%;transition:box-shadow .2s;display:block;position:absolute}.fieldset:focus-visible{outline:none}.base>.fieldset{block-size:var(--_text-field-block-size)}.base:not(.shape-pill) .fieldset{border-radius:var(--_text-field-border-radius)}.base.shape-pill .fieldset{border-radius:var(--_text-field-pill-border-radius)}.wrapper{border-radius:inherit;block-size:100%;inline-size:100%}.control{border-radius:inherit;text-align:start}.control:not(slot),.control::slotted(input){font:inherit;text-align:inherit;outline:#0000;box-sizing:border-box!important;border-radius:inherit!important;width:100%!important;margin:initial!important;appearance:none!important;block-size:100%!important;color:inherit!important;padding-block:0!important;padding-inline:var(--_text-field-gutter-start) var(--_text-field-gutter-end)!important;background-color:#0000!important;border:0!important}.control:not(slot,:focus),.control::slotted(input:not(:focus)){text-overflow:ellipsis!important}.control:not(slot):disabled,.control::slotted(input:disabled){cursor:not-allowed!important;opacity:1!important;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot)::placeholder{opacity:1!important;-webkit-text-fill-color:var(--_low-ink-color)!important}.control::slotted(input:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.has-icon .control:not(slot),.has-icon .control::slotted(input){padding-inline-start:calc(var(--_text-field-icon-size) + var(--_text-field-gutter-start) * 2)!important}.icon{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);line-height:1;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + var(--_text-field-gutter-start));transform:translateY(-50%)}.leading-items-wrapper{position:relative}.base.no-leading .leading-items-wrapper{display:none}.action-items-wrapper{margin-inline-end:4px}.base:not(.action-items) .action-items-wrapper{display:none}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.wrapper .control:focus-within):after{--focus-stroke-gap-color:transparent;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))}}@supports not selector(:has(*)){.base:not(.has-activedescendant) .wrapper:focus-within: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));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:\"\";pointer-events:none;display:block;position:absolute;inset:0}}:host([internal-part]) .fieldset{font:var(--vvd-typography-heading-4);background-color:#0000;line-height:1.1}:host([internal-part]) .fieldset:not(:focus-within):after{block-size:1px;inset-block-end:0}@supports selector(:has(*)){:host([internal-part]) .fieldset:has(.action-items-wrapper:focus-within):after{block-size:1px;inset-block-end:0}}:host([internal-part]) .control{text-align:center}slot[name=_mirrored-helper-text]{display:none}";
+var e = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{display:inline-block}.base{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_text-field-border-radius:8px;--_text-field-pill-border-radius:24px;grid-template-columns:min-content 1fr max-content;align-items:center;gap:4px;width:100%;display:inline-grid}.base.size-condensed{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_text-field-border-radius:4px}.base{user-select:none}.base:not(.disabled){--_low-ink-color:var(--vvd-color-neutral-600)}.base.disabled{--_low-ink-color:var(--_appearance-color-text)}.label:not(slot),.label::slotted(label){font:var(--vvd-typography-base);grid-area:1/1/auto/4;box-sizing:initial!important;padding:initial!important;margin:initial!important;color:var(--vvd-color-canvas-text)!important}.char-count+.label:not(slot),.char-count+.label::slotted(label){grid-column:1/3}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.label-wrapper{grid-area:1/1/auto/4}.char-count+.label-wrapper{grid-column:1/3}.fieldset{background-color:var(--_appearance-color-fill);font:var(--vvd-typography-base);grid-column:1/4;align-items:center;padding-block:0;transition:color .2s,background-color .2s;display:flex;position:relative}.fieldset:after{border-radius:inherit;block-size:100%;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:\"\";pointer-events:none;inline-size:100%;transition:box-shadow .2s;display:block;position:absolute}.fieldset:focus-visible{outline:none}.base>.fieldset{block-size:var(--_text-field-block-size)}.base:not(.shape-pill) .fieldset{border-radius:var(--_text-field-border-radius)}.base.shape-pill .fieldset{border-radius:var(--_text-field-pill-border-radius)}.wrapper{border-radius:inherit;block-size:100%;inline-size:100%}.control{border-radius:inherit;text-align:start}.control:not(slot),.control::slotted(input){font:inherit;text-align:inherit;outline:#0000;box-sizing:border-box!important;border-radius:inherit!important;width:100%!important;margin:initial!important;appearance:none!important;block-size:100%!important;color:inherit!important;padding-block:0!important;padding-inline:var(--_text-field-gutter-start) var(--_text-field-gutter-end)!important;background-color:#0000!important;border:0!important}.control:not(slot,:focus),.control::slotted(input:not(:focus)){text-overflow:ellipsis!important}.control:not(slot):disabled,.control::slotted(input:disabled){cursor:not-allowed!important;opacity:1!important;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot)::placeholder{opacity:1!important;-webkit-text-fill-color:var(--_low-ink-color)!important}.control::slotted(input:-webkit-autofill),.control:not(slot):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control::slotted(input:autofill),.control:not(slot):autofill{-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.has-icon .control:not(slot),.has-icon .control::slotted(input){padding-inline-start:calc(var(--_text-field-icon-size) + var(--_text-field-gutter-start) * 2)!important}.icon{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);line-height:1;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + var(--_text-field-gutter-start));transform:translateY(-50%)}.leading-items-wrapper{position:relative}.base.no-leading .leading-items-wrapper{display:none}.action-items-wrapper{margin-inline-end:4px}.base:not(.action-items) .action-items-wrapper{display:none}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.wrapper .control:focus-within):after{--focus-stroke-gap-color:transparent;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))}}@supports not selector(:has(*)){.base:not(.has-activedescendant) .wrapper:focus-within: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));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:\"\";pointer-events:none;display:block;position:absolute;inset:0}}:host([internal-part]) .fieldset{font:var(--vvd-typography-heading-4);background-color:#0000;line-height:1.1}:host([internal-part]) .fieldset:not(:focus-within):after{block-size:1px;inset-block-end:0}@supports selector(:has(*)){:host([internal-part]) .fieldset:has(.action-items-wrapper:focus-within):after{block-size:1px;inset-block-end:0}}:host([internal-part]) .control{text-align:center}slot[name=_mirrored-helper-text]{display:none}";
 //#endregion
 export { e as t };