@vonage/vivid 5.18.0 → 5.19.0

package/bundled/form-associated.js

@@ -1,4 +1,4 @@
-import { A as e, O as t, l as n } from "./vivid-element.js";
+import { A as e, M as t, u as n } from "./vivid-element.js";
 import { t as r } from "./decorate.js";
 import { a as i } from "./key-codes.js";
 //#region src/shared/foundation/form-associated/form-associated.ts
@@ -24,7 +24,7 @@ var a = "form-associated-proxy", o = "ElementInternals", s = o in window && "set
 			if (this.proxy instanceof HTMLElement && this.proxy.ownerDocument && this.id) {
 				let e = this.proxy.labels, t = Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`));
 				return Object.freeze(t.concat(Array.from(e)));
-			} else return e;
+			} else return t;
 		}
 		valueChanged(e, t) {
 			this.dirtyValue = !0, this.proxy instanceof HTMLElement && (this.proxy.value = this.value), this.setFormValue(this.value), this.validate();
@@ -38,15 +38,15 @@ var a = "form-associated-proxy", o = "ElementInternals", s = o in window && "set
 		initialValueChanged(e, t) {
 			this.dirtyValue ||= (this.value = this.initialValue, !1);
 		}
-		disabledChanged(e, n) {
-			this.proxy instanceof HTMLElement && (this.proxy.disabled = this.disabled), t.enqueue(() => this.classList.toggle("disabled", this.disabled));
+		disabledChanged(t, n) {
+			this.proxy instanceof HTMLElement && (this.proxy.disabled = this.disabled), e.enqueue(() => this.classList.toggle("disabled", this.disabled));
 		}
 		nameChanged(e, t) {
 			/* v8 ignore if -- @preserve */
 			this.proxy instanceof HTMLElement && (this.proxy.name = this.name);
 		}
-		requiredChanged(e, n) {
-			this.proxy instanceof HTMLElement && (this.proxy.required = this.required), t.enqueue(() => this.classList.toggle("required", this.required)), this.validate();
+		requiredChanged(t, n) {
+			this.proxy instanceof HTMLElement && (this.proxy.required = this.required), e.enqueue(() => this.classList.toggle("required", this.required)), this.validate();
 		}
 		get elementInternals() {
 			if (!s) return null;

package/bundled/form-element.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{constructor(...e){super(...e),this.errorValidationMessage=``,this.forceErrorDisplay=!1,this.hasBeenTouched=!1,this.addEventListener(`blur`,()=>{this.hasBeenTouched=!0,this.forceErrorDisplay=!1,this.validate()}),this.addEventListener(`focus`,()=>{this.hasBeenTouched=!1}),this.addEventListener(`invalid`,()=>{this.proxy.dispatchEvent(new Event(`invalid`))})}connectedCallback(){super.connectedCallback(),this.proxy.addEventListener(`invalid`,this.#e)}#e=()=>{this.forceErrorDisplay=!0,this.validate()};disconnectedCallback(){super.disconnectedCallback(),this.proxy.removeEventListener(`invalid`,this.#e)}formResetCallback(){this.forceErrorDisplay=!1,super.formResetCallback(),this.validate()}validate(){super.validate(),this.errorValidationMessage=this.forceErrorDisplay||this.hasBeenTouched&&this.dirtyValue?this.validationMessage:``}}return t.t([e.l],r.prototype,`label`,void 0),t.t([e.T],r.prototype,`errorValidationMessage`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{constructor(...e){super(...e),this.errorValidationMessage=``,this.forceErrorDisplay=!1,this.hasBeenTouched=!1,this.#e=()=>{this.forceErrorDisplay=!0,this.validate()},this.addEventListener(`blur`,()=>{this.hasBeenTouched=!0,this.forceErrorDisplay=!1,this.validate()}),this.addEventListener(`focus`,()=>{this.hasBeenTouched=!1}),this.addEventListener(`invalid`,()=>{this.proxy.dispatchEvent(new Event(`invalid`))})}connectedCallback(){super.connectedCallback(),this.proxy.addEventListener(`invalid`,this.#e)}#e;disconnectedCallback(){super.disconnectedCallback(),this.proxy.removeEventListener(`invalid`,this.#e)}formResetCallback(){this.forceErrorDisplay=!1,super.formResetCallback(),this.validate()}validate(){super.validate();let e=this.forceErrorDisplay||this.hasBeenTouched&&this.dirtyValue;this.errorValidationMessage=e?this.validationMessage:``}}return t.t([e.u],r.prototype,`label`,void 0),t.t([e.D],r.prototype,`errorValidationMessage`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/form-element.js

@@ -1,10 +1,12 @@
-import { T as e, l as t } from "./vivid-element.js";
+import { D as e, u as t } from "./vivid-element.js";
 import { t as n } from "./decorate.js";
 //#region src/shared/patterns/form-elements/form-element.ts
 var r = (r) => {
 	class i extends r {
 		constructor(...e) {
-			super(...e), this.errorValidationMessage = "", this.forceErrorDisplay = !1, this.hasBeenTouched = !1, this.addEventListener("blur", () => {
+			super(...e), this.errorValidationMessage = "", this.forceErrorDisplay = !1, this.hasBeenTouched = !1, this.#e = () => {
+				this.forceErrorDisplay = !0, this.validate();
+			}, this.addEventListener("blur", () => {
 				this.hasBeenTouched = !0, this.forceErrorDisplay = !1, this.validate();
 			}), this.addEventListener("focus", () => {
 				this.hasBeenTouched = !1;
@@ -15,9 +17,7 @@ var r = (r) => {
 		connectedCallback() {
 			super.connectedCallback(), this.proxy.addEventListener("invalid", this.#e);
 		}
-		#e = () => {
-			this.forceErrorDisplay = !0, this.validate();
-		};
+		#e;
 		disconnectedCallback() {
 			super.disconnectedCallback(), this.proxy.removeEventListener("invalid", this.#e);
 		}
@@ -25,7 +25,9 @@ var r = (r) => {
 			this.forceErrorDisplay = !1, super.formResetCallback(), this.validate();
 		}
 		validate() {
-			super.validate(), this.errorValidationMessage = this.forceErrorDisplay || this.hasBeenTouched && this.dirtyValue ? this.validationMessage : "";
+			super.validate();
+			let e = this.forceErrorDisplay || this.hasBeenTouched && this.dirtyValue;
+			this.errorValidationMessage = e ? this.validationMessage : "";
 		}
 	}
 	return n([t], i.prototype, "label", void 0), n([e], i.prototype, "errorValidationMessage", void 0), i;

package/bundled/host-semantics.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./attribute-binding-behaviour.cjs`);var n=class{constructor(e,t){this.target=null,this.bindingBehaviours=[],this.target=e,this.boundProperties=t.boundProperties}bind(e){let t=e.source;if(this.target!==t)throw Error(`Target element must be the same as the source element`);this.bindPropertiesToTarget(t,this.boundProperties,this.target)}bindPropertiesToTarget(n,r,i){for(let[n,a]of Object.entries(r)){let r=a instanceof Function?a:e=>e[n]??a;this.bindingBehaviours.push(new t.t(i,e.x(r),!0,e.r(n)))}for(let e of this.bindingBehaviours)e.bind({source:n,context:n.$fastController.context})}},r=class extends e.h{constructor(e){super(`vvd-host-semantics`),this.boundProperties=e,this.targetNodeId=``}bind(t){let r=t.targets[this.targetNodeId];new n(r,{boundProperties:this.boundProperties,forwardedProperties:new Set(e.i.filter(e=>!(e in this.boundProperties)))}).bind(t)}};e.m.define(r);function i(e={}){return new r(e)}var a=e=>{class t extends e{constructor(...e){super(...e),this._vividAriaBehaviour=`host`}}return t};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+const e=require(`./aria-binding-directive.cjs`);function t(t={}){return new e.t({boundProperties:t,forwardedProperties:new Set,requireHost:!0})}var n=e=>{class t extends e{constructor(...e){super(...e),this._vividAriaBehaviour=`host`}}return t};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/host-semantics.js

@@ -1,42 +1,13 @@
-import { h as e, i as t, m as n, r, x as i } from "./vivid-element.js";
-import { t as a } from "./attribute-binding-behaviour.js";
-//#region src/shared/aria/host-semantics-behavior.ts
-var o = class {
-	constructor(e, t) {
-		this.target = null, this.bindingBehaviours = [], this.target = e, this.boundProperties = t.boundProperties;
-	}
-	bind(e) {
-		let t = e.source;
-		if (this.target !== t) throw Error("Target element must be the same as the source element");
-		this.bindPropertiesToTarget(t, this.boundProperties, this.target);
-	}
-	bindPropertiesToTarget(e, t, n) {
-		for (let [e, o] of Object.entries(t)) {
-			let t = o instanceof Function ? o : (t) => t[e] ?? o;
-			this.bindingBehaviours.push(new a(n, i(t), !0, r(e)));
-		}
-		for (let t of this.bindingBehaviours) t.bind({
-			source: e,
-			context: e.$fastController.context
-		});
-	}
-}, s = class extends e {
-	constructor(e) {
-		super("vvd-host-semantics"), this.boundProperties = e, this.targetNodeId = "";
-	}
-	bind(e) {
-		let n = e.targets[this.targetNodeId];
-		new o(n, {
-			boundProperties: this.boundProperties,
-			forwardedProperties: new Set(t.filter((e) => !(e in this.boundProperties)))
-		}).bind(e);
-	}
-};
-n.define(s);
-function c(e = {}) {
-	return new s(e);
+import { t as e } from "./aria-binding-directive.js";
+//#region src/shared/aria/host-semantics.ts
+function t(t = {}) {
+	return new e({
+		boundProperties: t,
+		forwardedProperties: /* @__PURE__ */ new Set(),
+		requireHost: !0
+	});
 }
-var l = (e) => {
+var n = (e) => {
 	class t extends e {
 		constructor(...e) {
 			super(...e), this._vividAriaBehaviour = "host";
@@ -45,4 +16,4 @@ var l = (e) => {
 	return t;
 };
 //#endregion
-export { c as n, l as t };
+export { t as n, n as t };

package/bundled/linkable.cjs

@@ -1,4 +1,4 @@
-const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./decorate.cjs`),r=require(`./delegates-aria.cjs`);var i=i=>{class a extends r.t(i){constructor(...n){super(...n),this._renderLinkElement=(n,i,a)=>e.d`<a
+const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./decorate.cjs`),r=require(`./delegates-aria.cjs`);var i=i=>{class a extends r.t(i){constructor(...n){super(...n),this._renderLinkElement=(n,i,a)=>e.f`<a
 				class="${i}"
 				download="${e=>e.download}"
 				href="${e=>e.href}"
@@ -12,4 +12,4 @@ const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./decor
 				${r.n(a)}
 			>
 				${n}
-			</a>`}}return n.t([e.l],a.prototype,`download`,void 0),n.t([e.l],a.prototype,`href`,void 0),n.t([e.l],a.prototype,`hreflang`,void 0),n.t([e.l],a.prototype,`ping`,void 0),n.t([e.l],a.prototype,`referrerpolicy`,void 0),n.t([e.l],a.prototype,`rel`,void 0),n.t([e.l],a.prototype,`target`,void 0),n.t([e.l],a.prototype,`type`,void 0),a};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+			</a>`}}return n.t([e.u],a.prototype,`download`,void 0),n.t([e.u],a.prototype,`href`,void 0),n.t([e.u],a.prototype,`hreflang`,void 0),n.t([e.u],a.prototype,`ping`,void 0),n.t([e.u],a.prototype,`referrerpolicy`,void 0),n.t([e.u],a.prototype,`rel`,void 0),n.t([e.u],a.prototype,`target`,void 0),n.t([e.u],a.prototype,`type`,void 0),a};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/bundled/linkable.js

@@ -1,4 +1,4 @@
-import { d as e, l as t } from "./vivid-element.js";
+import { f as e, u as t } from "./vivid-element.js";
 import { t as n } from "./ref.js";
 import { t as r } from "./decorate.js";
 import { n as i, t as a } from "./delegates-aria.js";

package/bundled/listbox.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./key-codes.cjs`),r=require(`./strings.cjs`),i=require(`./definition17.cjs`);function a(e,t){let n=e.length;for(;n--;)if(t(e[n],n,e))return n;return-1}var o=class t extends e.t{constructor(...e){super(...e),this._options=[],this.selectedIndex=-1,this.selectedOptions=[],this.shouldSkipFocus=!1,this.typeaheadBuffer=``,this.typeaheadExpired=!0,this.typeaheadTimeout=-1,this._activeDescendant=null}get firstSelectedOption(){return this.selectedOptions[0]??null}get length(){return this.options.length}get options(){return e.w.track(this,`options`),this._options}set options(t){let n=this._options;if(this._options=t,e.w.notify(this,`options`),this.$fastController.isConnected){let e=this._newDefaultSelectedIndex(n,t,this.selectedIndex);e!==null&&(this.selectedIndex=e)}}static{this.slottedOptionFilter=e=>i.i(e)&&!e.hidden}static{this.TYPE_AHEAD_TIMEOUT_MS=1e3}clickHandler(e){let t=e.target.closest(`option,[role=option],[data-vvd-component=option]`);if(t&&!t.disabled)return this.selectedIndex=this.options.indexOf(t),!0}focusAndScrollOptionIntoView(e=this.firstSelectedOption){this.contains(document.activeElement)&&e!==null&&(e.focus(),requestAnimationFrame(()=>{e.scrollIntoView({block:`nearest`})}))}focusinHandler(e){!this.shouldSkipFocus&&e.target===e.currentTarget&&(this.setSelectedOptions(),this.focusAndScrollOptionIntoView()),this.shouldSkipFocus=!1}getTypeaheadMatches(){let e=this.typeaheadBuffer.replace(/[.*+\-?^${}()|[\]\\]/g,`\\$&`),t=RegExp(`^${e}`,`gi`);return this.options.filter(e=>e.text.trim().match(t))}getNextSelectableIndex(e){let t=this.options.reduce((t,n,r)=>!t&&!n.disabled&&r>=e?n:t,null);return this.options.indexOf(t)}getPreviousSelectableIndex(e){let t=this.options.reduceRight((t,n,r)=>!t&&!n.disabled&&r<=e?n:t,null);return this.options.indexOf(t)}handleChange(e,n){switch(n){case`selected`:t.slottedOptionFilter(e)&&(this.selectedIndex=this.options.indexOf(e)),this.setSelectedOptions();break}}handleTypeAhead(e){this.typeaheadTimeout&&window.clearTimeout(this.typeaheadTimeout),this.typeaheadTimeout=window.setTimeout(()=>this.typeaheadExpired=!0,t.TYPE_AHEAD_TIMEOUT_MS),this.typeaheadBuffer=`${this.typeaheadExpired?``:this.typeaheadBuffer}${e}`}keydownHandler(e){if(this.disabled)return!0;this.shouldSkipFocus=!1;let t=e.key;switch(t){case n.s:e.shiftKey||(e.preventDefault(),this.selectFirstOption());break;case n.t:e.shiftKey||(e.preventDefault(),this.selectNextOption());break;case n.i:e.shiftKey||(e.preventDefault(),this.selectPreviousOption());break;case`End`:e.preventDefault(),this.selectLastOption();break;case`Tab`:return this.focusAndScrollOptionIntoView(),!0;case n.a:case n.o:return!0;case` `:if(this.typeaheadExpired)return!0;default:return t.length===1&&this.handleTypeAhead(`${t}`),!0}}mousedownHandler(e){return this.shouldSkipFocus=!this.contains(document.activeElement),!0}selectedIndexChanged(e,t){let n=this._validSelectedIndex(t);if(t!==n){this.selectedIndex=n;return}this.setSelectedOptions()}_validSelectedIndex(e){return e>this.options.length-1||e<-1?-1:e}selectedOptionsChanged(n,r){let i=r.filter(t.slottedOptionFilter);this.options.forEach(t=>{let n=e.w.getNotifier(t);n.unsubscribe(this,`selected`),t.selected=i.includes(t),n.subscribe(this,`selected`)})}selectFirstOption(){this.disabled||(this.selectedIndex=this.options.findIndex(e=>!e.disabled))}selectLastOption(){this.disabled||(this.selectedIndex=a(this.options,e=>!e.disabled))}selectNextOption(){if(!this.disabled&&this.selectedIndex<this.options.length-1){let e=this.getNextSelectableIndex(this.selectedIndex+1);e!==-1&&(this.selectedIndex=e)}}selectPreviousOption(){if(!this.disabled&&this.selectedIndex>0){let e=this.getPreviousSelectableIndex(this.selectedIndex-1);e!==-1&&(this.selectedIndex=e)}}_newDefaultSelectedIndex(e,t,n){for(let[n,r]of t.entries())if(this._isDefaultSelected(r)&&!e.includes(r))return n;return null}_isDefaultSelected(e){return e.defaultSelected}setSelectedOptions(){this.selectedOptions=this.selectedIndex===-1?[]:[this.options[this.selectedIndex]],this._activeDescendant=this.firstSelectedOption?.id??``,this.focusAndScrollOptionIntoView()}slottedOptionsChanged(e,t){this.options=t.reduce((e,t)=>(i.i(t)&&e.push(t),e),[]);let n=`${this.options.length}`;this.options.forEach((e,t)=>{e.id||=r.t(`option-`),e.ariaPosInSet=`${t+1}`,e.ariaSetSize=n})}typeaheadBufferChanged(e,t){if(this.$fastController.isConnected){let e=this.getTypeaheadMatches();if(e.length){let t=this.options.indexOf(e[0]);t>-1&&(this.selectedIndex=t)}this.typeaheadExpired=!1}}};t.t([e.l({mode:`boolean`})],o.prototype,`disabled`,void 0),t.t([e.T],o.prototype,`selectedIndex`,void 0),t.t([e.T],o.prototype,`selectedOptions`,void 0),t.t([e.T],o.prototype,`slottedOptions`,void 0),t.t([e.T],o.prototype,`typeaheadBuffer`,void 0),t.t([e.T],o.prototype,`_activeDescendant`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./key-codes.cjs`),r=require(`./aria-binding-directive.cjs`),i=require(`./definition17.cjs`);function a(e,t){let n=e.length;for(;n--;)if(t(e[n],n,e))return n;return-1}var o=class t extends e.t{constructor(...e){super(...e),this._options=[],this.selectedIndex=-1,this.selectedOptions=[],this.shouldSkipFocus=!1,this.typeaheadBuffer=``,this.typeaheadExpired=!0,this.typeaheadTimeout=-1,this._activeDescendant=null}get firstSelectedOption(){return this.selectedOptions[0]??null}get length(){return this.options.length}get options(){return e.E.track(this,`options`),this._options}set options(t){let n=this._options;if(this._options=t,e.E.notify(this,`options`),this.$fastController.isConnected){let e=this._newDefaultSelectedIndex(n,t,this.selectedIndex);e!==null&&(this.selectedIndex=e)}}static{this.slottedOptionFilter=e=>i.i(e)&&!e.hidden}static{this.TYPE_AHEAD_TIMEOUT_MS=1e3}clickHandler(e){let t=e.target.closest(`option,[role=option],[data-vvd-component=option]`);if(t&&!t.disabled)return this.selectedIndex=this.options.indexOf(t),!0}focusAndScrollOptionIntoView(e=this.firstSelectedOption){this.contains(document.activeElement)&&e!==null&&(e.focus(),requestAnimationFrame(()=>{e.scrollIntoView({block:`nearest`})}))}focusinHandler(e){!this.shouldSkipFocus&&e.target===e.currentTarget&&(this.setSelectedOptions(),this.focusAndScrollOptionIntoView()),this.shouldSkipFocus=!1}getTypeaheadMatches(){let e=this.typeaheadBuffer.replace(/[.*+\-?^${}()|[\]\\]/g,`\\$&`),t=RegExp(`^${e}`,`gi`);return this.options.filter(e=>e.text.trim().match(t))}getNextSelectableIndex(e){let t=this.options.reduce((t,n,r)=>!t&&!n.disabled&&r>=e?n:t,null);return this.options.indexOf(t)}getPreviousSelectableIndex(e){let t=this.options.reduceRight((t,n,r)=>!t&&!n.disabled&&r<=e?n:t,null);return this.options.indexOf(t)}handleChange(e,n){switch(n){case`selected`:t.slottedOptionFilter(e)&&(this.selectedIndex=this.options.indexOf(e)),this.setSelectedOptions();break}}handleTypeAhead(e){this.typeaheadTimeout&&window.clearTimeout(this.typeaheadTimeout),this.typeaheadTimeout=window.setTimeout(()=>this.typeaheadExpired=!0,t.TYPE_AHEAD_TIMEOUT_MS),this.typeaheadBuffer=`${this.typeaheadExpired?``:this.typeaheadBuffer}${e}`}keydownHandler(e){if(this.disabled)return!0;this.shouldSkipFocus=!1;let t=e.key;switch(t){case n.s:e.shiftKey||(e.preventDefault(),this.selectFirstOption());break;case n.t:e.shiftKey||(e.preventDefault(),this.selectNextOption());break;case n.i:e.shiftKey||(e.preventDefault(),this.selectPreviousOption());break;case`End`:e.preventDefault(),this.selectLastOption();break;case`Tab`:return this.focusAndScrollOptionIntoView(),!0;case n.a:case n.o:return!0;case` `:if(this.typeaheadExpired)return!0;default:return t.length===1&&this.handleTypeAhead(`${t}`),!0}}mousedownHandler(e){return this.shouldSkipFocus=!this.contains(document.activeElement),!0}selectedIndexChanged(e,t){let n=this._validSelectedIndex(t);if(t!==n){this.selectedIndex=n;return}this.setSelectedOptions()}_validSelectedIndex(e){return e>this.options.length-1||e<-1?-1:e}selectedOptionsChanged(n,r){let i=r.filter(t.slottedOptionFilter);this.options.forEach(t=>{let n=e.E.getNotifier(t);n.unsubscribe(this,`selected`),t.selected=i.includes(t),n.subscribe(this,`selected`)})}selectFirstOption(){this.disabled||(this.selectedIndex=this.options.findIndex(e=>!e.disabled))}selectLastOption(){this.disabled||(this.selectedIndex=a(this.options,e=>!e.disabled))}selectNextOption(){if(!this.disabled&&this.selectedIndex<this.options.length-1){let e=this.getNextSelectableIndex(this.selectedIndex+1);e!==-1&&(this.selectedIndex=e)}}selectPreviousOption(){if(!this.disabled&&this.selectedIndex>0){let e=this.getPreviousSelectableIndex(this.selectedIndex-1);e!==-1&&(this.selectedIndex=e)}}_newDefaultSelectedIndex(e,t,n){for(let[n,r]of t.entries())if(this._isDefaultSelected(r)&&!e.includes(r))return n;return null}_isDefaultSelected(e){return e.defaultSelected}setSelectedOptions(){this.selectedOptions=this.selectedIndex===-1?[]:[this.options[this.selectedIndex]],this._activeDescendant=this.firstSelectedOption?.id??``,this.focusAndScrollOptionIntoView()}slottedOptionsChanged(e,t){this.options=t.reduce((e,t)=>(i.i(t)&&e.push(t),e),[]);let n=`${this.options.length}`;this.options.forEach((e,t)=>{e.id||=r.n(`option-`),e.ariaPosInSet=`${t+1}`,e.ariaSetSize=n})}typeaheadBufferChanged(e,t){if(this.$fastController.isConnected){let e=this.getTypeaheadMatches();if(e.length){let t=this.options.indexOf(e[0]);t>-1&&(this.selectedIndex=t)}this.typeaheadExpired=!1}}};t.t([e.u({mode:`boolean`})],o.prototype,`disabled`,void 0),t.t([e.D],o.prototype,`selectedIndex`,void 0),t.t([e.D],o.prototype,`selectedOptions`,void 0),t.t([e.D],o.prototype,`slottedOptions`,void 0),t.t([e.D],o.prototype,`typeaheadBuffer`,void 0),t.t([e.D],o.prototype,`_activeDescendant`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/bundled/listbox.js

@@ -1,7 +1,7 @@
-import { T as e, l as t, t as n, w as r } from "./vivid-element.js";
+import { D as e, E as t, t as n, u as r } from "./vivid-element.js";
 import { t as i } from "./decorate.js";
 import { a, i as o, o as s, s as c, t as l } from "./key-codes.js";
-import { t as u } from "./strings.js";
+import { n as u } from "./aria-binding-directive.js";
 import { i as d } from "./definition17.js";
 //#region ../../node_modules/.pnpm/@microsoft+fast-web-utilities@6.0.0/node_modules/@microsoft/fast-web-utilities/dist/array.js
 function f(e, t) {
@@ -22,13 +22,13 @@ var p = class e extends n {
 		return this.options.length;
 	}
 	get options() {
-		return r.track(this, "options"), this._options;
+		return t.track(this, "options"), this._options;
 	}
 	set options(e) {
-		let t = this._options;
-		if (this._options = e, r.notify(this, "options"), this.$fastController.isConnected) {
-			let n = this._newDefaultSelectedIndex(t, e, this.selectedIndex);
-			n !== null && (this.selectedIndex = n);
+		let n = this._options;
+		if (this._options = e, t.notify(this, "options"), this.$fastController.isConnected) {
+			let t = this._newDefaultSelectedIndex(n, e, this.selectedIndex);
+			t !== null && (this.selectedIndex = t);
 		}
 	}
 	static {
@@ -114,11 +114,11 @@ var p = class e extends n {
 	_validSelectedIndex(e) {
 		return e > this.options.length - 1 || e < -1 ? -1 : e;
 	}
-	selectedOptionsChanged(t, n) {
-		let i = n.filter(e.slottedOptionFilter);
+	selectedOptionsChanged(n, r) {
+		let i = r.filter(e.slottedOptionFilter);
 		this.options.forEach((e) => {
-			let t = r.getNotifier(e);
-			t.unsubscribe(this, "selected"), e.selected = i.includes(e), t.subscribe(this, "selected");
+			let n = t.getNotifier(e);
+			n.unsubscribe(this, "selected"), e.selected = i.includes(e), n.subscribe(this, "selected");
 		});
 	}
 	selectFirstOption() {
@@ -173,6 +173,6 @@ var p = class e extends n {
 		}
 	}
 };
-i([t({ mode: "boolean" })], p.prototype, "disabled", void 0), i([e], p.prototype, "selectedIndex", void 0), i([e], p.prototype, "selectedOptions", void 0), i([e], p.prototype, "slottedOptions", void 0), i([e], p.prototype, "typeaheadBuffer", void 0), i([e], p.prototype, "_activeDescendant", void 0);
+i([r({ mode: "boolean" })], p.prototype, "disabled", void 0), i([e], p.prototype, "selectedIndex", void 0), i([e], p.prototype, "selectedOptions", void 0), i([e], p.prototype, "slottedOptions", void 0), i([e], p.prototype, "typeaheadBuffer", void 0), i([e], p.prototype, "_activeDescendant", void 0);
 //#endregion
 export { p as t };

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),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,a)=>(a=n==null?{}:e(i(n)),c(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,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:`*`,digitZeroLabel:`0`,digitHashtagLabel:`#`,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`,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.T],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.w.binding(()=>this.locale,this.#e),this.#t.observe(this,u.C.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,a)=>(a=n==null?{}:e(i(n)),c(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,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:`*`,digitZeroLabel:`0`,digitHashtagLabel:`#`,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`,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.D],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.E.binding(()=>this.locale,this.#e),this.#t.observe(this,u.T.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

@@ -1,7 +1,7 @@
-import { C as e, T as t, w as n } from "./vivid-element.js";
+import { D as e, E as t, T as n } from "./vivid-element.js";
 import { t as r } from "./decorate.js";
 //#region \0rolldown/runtime.js
-var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescriptor, ee = Object.getOwnPropertyNames, s = Object.getPrototypeOf, c = Object.prototype.hasOwnProperty, l = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), u = (e, t) => {
+var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescriptor, ee = Object.getOwnPropertyNames, s = Object.getPrototypeOf, c = Object.prototype.hasOwnProperty, l = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), u = (e, t) => {
 	let n = {};
 	for (var r in e) a(n, r, {
 		get: e[r],
@@ -419,7 +419,7 @@ var i = Object.create, a = Object.defineProperty, o = Object.getOwnPropertyDescr
 		this.locale = Z;
 	}
 };
-r([t], Q.prototype, "locale", void 0);
+r([e], Q.prototype, "locale", void 0);
 var ne = new Q(), $ = (e) => {
 	class t extends e {
 		get locale() {
@@ -427,8 +427,8 @@ var ne = new Q(), $ = (e) => {
 		}
 	}
 	return t;
-}, re = (t) => {
-	class r extends $(t) {
+}, re = (e) => {
+	class r extends $(e) {
 		/* v8 ignore next */
 		localeChanged() {}
 		connectedCallback() {
@@ -442,7 +442,7 @@ var ne = new Q(), $ = (e) => {
 		} };
 		#t;
 		#n() {
-			this.#t = n.binding(() => this.locale, this.#e), this.#t.observe(this, e.default);
+			this.#t = t.binding(() => this.locale, this.#e), this.#t.observe(this, n.default);
 		}
 		#r() {
 			this.#t.dispose();

package/bundled/mixins.cjs

@@ -1,11 +1,11 @@
-const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./normalize.cjs`),r=require(`./when.cjs`),i=require(`./slotted.cjs`),a=require(`./definition.cjs`),o=require(`./decorate.cjs`),s=require(`./definition2.cjs`),c=require(`./class-names.cjs`);var l=`: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}`,u=class extends e.t(t.t){constructor(...e){super(...e),this.type=`none`}};o.t([t.l],u.prototype,`type`,void 0);function d(e,n,r){let i=e.tagFor(s.r);return t.d`<${i} class="icon" name="${n}" label="${e=>e.locale.feedbackMessage[r]}"></${i}>`}function f(e){let n={none:``,helper:``,error:d(e,`info-line`,`errorIconText`),success:d(e,`check-circle-line`,`successIconText`)};return t.d`${e=>n[e.type]}`}var p=e=>e===`error`,m=t.o(`feedback-message`,u,e=>{let n=t.d`<div
+const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./normalize.cjs`),r=require(`./when.cjs`),i=require(`./slotted.cjs`),a=require(`./definition.cjs`),o=require(`./decorate.cjs`),s=require(`./definition2.cjs`),c=require(`./class-names.cjs`);var l=`: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}`,u=class extends e.t(t.t){constructor(...e){super(...e),this.type=`none`}};o.t([t.u],u.prototype,`type`,void 0);function d(e,n,r){let i=e.tagFor(s.r);return t.f`<${i} class="icon" name="${n}" label="${e=>e.locale.feedbackMessage[r]}"></${i}>`}function f(e){let n={none:``,helper:``,error:d(e,`info-line`,`errorIconText`),success:d(e,`check-circle-line`,`successIconText`)};return t.f`${e=>n[e.type]}`}var p=e=>e===`error`,m=t.s(`feedback-message`,u,e=>{let n=t.f`<div
 		class="${e=>c.t(`message`,`${e.type}-message`)}"
 	>
 		${f(e)}<slot></slot>
-	</div>`;return t.d`${r.t(e=>!p(e.type),n)}
+	</div>`;return t.f`${r.t(e=>!p(e.type),n)}
 		<span class="announcement" role="status" aria-live="polite">
 			${r.t(e=>p(e.type),n)}
-		</span>`},[s.t,a.n],{styles:l}),h=[];for(let e=0;e<256;++e)h.push((e+256).toString(16).slice(1));function g(e,t=0){return(h[e[t+0]]+h[e[t+1]]+h[e[t+2]]+h[e[t+3]]+`-`+h[e[t+4]]+h[e[t+5]]+`-`+h[e[t+6]]+h[e[t+7]]+`-`+h[e[t+8]]+h[e[t+9]]+`-`+h[e[t+10]]+h[e[t+11]]+h[e[t+12]]+h[e[t+13]]+h[e[t+14]]+h[e[t+15]]).toLowerCase()}var _,v=new Uint8Array(16);function y(){if(!_){if(typeof crypto>`u`||!crypto.getRandomValues)throw Error(`crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported`);_=crypto.getRandomValues.bind(crypto)}return _(v)}var b={randomUUID:typeof crypto<`u`&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function x(e,t,n){if(b.randomUUID&&!t&&!e)return b.randomUUID();e||={};let r=e.random??e.rng?.()??y();if(r.length<16)throw Error(`Random bytes length must be >= 16`);if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,t){if(n||=0,n<0||n+16>t.length)throw RangeError(`UUID byte range ${n}:${n+15} is out of buffer bounds`);for(let e=0;e<16;++e)t[n+e]=r[e];return t}return g(r)}var S=()=>x(),C=class{constructor(e){this.source=null,this.templateBindingObserver=e.templateBinding.createObserver(this,e)}bind(e){this.source=e.source,this.context=e.context,this.controller=e,this.insertionPoint||(this.insertionPoint=document.createComment(``),this.source.appendChild(this.insertionPoint)),this.templateBindingObserver.bind(e),this.handleChange(this.source,this.templateBindingObserver)}handleChange(e,t){if(t===this.templateBindingObserver){let e=this.templateBindingObserver.bind(this.controller);this.instantiateTemplate(e)}}instantiateTemplate(e){this.view&&this.view.dispose(),this.view=e.create(),this.view.bind(this.source,this.context),this.view.insertBefore(this.insertionPoint)}},w=class{constructor(e){this.targetNodeId=``,this.templateBinding=e,this.dataBinding=e}createHTML(e){return t.g.comment(e(this))}createBehavior(){return new C(this)}};t.m.define(w);function T(e){return new w(n.t(e))}var E=e=>{class n extends e{get _feedbackDescribedBy(){return`feedback slotted-helper-text-feedback`}_internalFeedback(){let e=this._helperTextSlottedContent?.length?``:this.helperText,t=this.errorValidationMessage,n=this.successText;return n?{type:`success`,message:n}:t?{type:`error`,message:t}:e?{type:`helper`,message:e}:{type:`none`,message:``}}_slottedHelperTextFeedbackType(){return this._internalFeedback().type===`none`&&this._helperTextSlottedContent?.length?`helper`:`none`}_getFeedbackTemplate(e){let n=e.tagFor(u);return t.d`
+		</span>`},[s.t,a.n],{styles:l}),h=[];for(let e=0;e<256;++e)h.push((e+256).toString(16).slice(1));function g(e,t=0){return(h[e[t+0]]+h[e[t+1]]+h[e[t+2]]+h[e[t+3]]+`-`+h[e[t+4]]+h[e[t+5]]+`-`+h[e[t+6]]+h[e[t+7]]+`-`+h[e[t+8]]+h[e[t+9]]+`-`+h[e[t+10]]+h[e[t+11]]+h[e[t+12]]+h[e[t+13]]+h[e[t+14]]+h[e[t+15]]).toLowerCase()}var _,v=new Uint8Array(16);function y(){if(!_){if(typeof crypto>`u`||!crypto.getRandomValues)throw Error(`crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported`);_=crypto.getRandomValues.bind(crypto)}return _(v)}var b={randomUUID:typeof crypto<`u`&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function x(e,t,n){if(b.randomUUID&&!t&&!e)return b.randomUUID();e||={};let r=e.random??e.rng?.()??y();if(r.length<16)throw Error(`Random bytes length must be >= 16`);if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,t){if(n||=0,n<0||n+16>t.length)throw RangeError(`UUID byte range ${n}:${n+15} is out of buffer bounds`);for(let e=0;e<16;++e)t[n+e]=r[e];return t}return g(r)}var S=()=>x(),C=class{constructor(e){this.source=null,this.templateBindingObserver=e.templateBinding.createObserver(this,e)}bind(e){this.source=e.source,this.context=e.context,this.controller=e,this.insertionPoint||(this.insertionPoint=document.createComment(``),this.source.appendChild(this.insertionPoint)),this.templateBindingObserver.bind(e),this.handleChange(this.source,this.templateBindingObserver)}handleChange(e,t){if(t===this.templateBindingObserver){let e=this.templateBindingObserver.bind(this.controller);this.instantiateTemplate(e)}}instantiateTemplate(e){this.view&&this.view.dispose(),this.view=e.create(),this.view.bind(this.source,this.context),this.view.insertBefore(this.insertionPoint)}},w=class{constructor(e){this.targetNodeId=``,this.templateBinding=e,this.dataBinding=e}createHTML(e){return t.v.comment(e(this))}createBehavior(){return new C(this)}};t.g.define(w);function T(e){return new w(n.t(e))}var E=e=>{class n extends e{get _feedbackDescribedBy(){return`feedback slotted-helper-text-feedback`}_internalFeedback(){let e=this._helperTextSlottedContent?.length?``:this.helperText,t=this.errorValidationMessage,n=this.successText;return n?{type:`success`,message:n}:t?{type:`error`,message:t}:e?{type:`helper`,message:e}:{type:`none`,message:``}}_slottedHelperTextFeedbackType(){return this._internalFeedback().type===`none`&&this._helperTextSlottedContent?.length?`helper`:`none`}_getFeedbackTemplate(e){let n=e.tagFor(u);return t.f`
 				<${n} id="feedback" :type="${e=>e._internalFeedback().type}">
 					${e=>e._internalFeedback().message}
 				</${n}>
@@ -15,9 +15,9 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 				>
 					<slot name="helper-text" ${i.t(`_helperTextSlottedContent`)}></slot>
 				</${n}>
-			`}}return o.t([t.l({attribute:`helper-text`})],n.prototype,`helperText`,void 0),o.t([t.T],n.prototype,`_helperTextSlottedContent`,void 0),n},D=e=>{let n=()=>`vvd-feedback-${S()}`,r=()=>`vvd-slotted-feedback-${S()}`;class a extends E(e){constructor(...e){super(...e),this._slottedHelperTextIds=[],this._feedbackId=n()}_helperTextSlottedContentChanged(e,t){for(let e of t)e.id||=r();this._slottedHelperTextIds=t.map(e=>e.id)}get _feedbackDescribedBy(){return[this._feedbackId,...this._slottedHelperTextIds].join(` `)}_getFeedbackTemplate(e){let n=e.tagFor(u);return t.d`
+			`}}return o.t([t.u({attribute:`helper-text`})],n.prototype,`helperText`,void 0),o.t([t.D],n.prototype,`_helperTextSlottedContent`,void 0),n},D=e=>{let n=()=>`vvd-feedback-${S()}`,r=()=>`vvd-slotted-feedback-${S()}`;class a extends E(e){constructor(...e){super(...e),this._slottedHelperTextIds=[],this._feedbackId=n()}_helperTextSlottedContentChanged(e,t){for(let e of t)e.id||=r();this._slottedHelperTextIds=t.map(e=>e.id)}get _feedbackDescribedBy(){return[this._feedbackId,...this._slottedHelperTextIds].join(` `)}_getFeedbackTemplate(e){let n=e.tagFor(u);return t.f`
 				<slot name="_feedback"></slot>
-				${T(t.d`<${n}
+				${T(t.f`<${n}
 					slot="_feedback"
 					id="${e=>e._feedbackId}"
 					:type="${e=>e._internalFeedback().type}"
@@ -30,4 +30,4 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 						${i.t(`_helperTextSlottedContent`)}
 					></slot>
 				</${n}>
-			`}}return o.t([t.T],a.prototype,`_slottedHelperTextIds`,void 0),a};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});
+			`}}return o.t([t.D],a.prototype,`_slottedHelperTextIds`,void 0),a};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});

package/bundled/mixins.js

@@ -1,5 +1,5 @@
 import { t as e } from "./localized.js";
-import { T as t, d as n, g as r, l as i, m as a, o, t as s } from "./vivid-element.js";
+import { D as t, f as n, g as r, s as i, t as a, u as o, v as s } from "./vivid-element.js";
 import { t as c } from "./normalize.js";
 import { t as l } from "./when.js";
 import { t as u } from "./slotted.js";
@@ -8,12 +8,12 @@ import { t as f } from "./decorate.js";
 import { r as p, t as m } from "./definition2.js";
 import { t as h } from "./class-names.js";
 //#region src/shared/feedback/feedback-message.scss?inline
-var g = ":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}", _ = class extends e(s) {
+var g = ":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}", _ = class extends e(a) {
 	constructor(...e) {
 		super(...e), this.type = "none";
 	}
 };
-f([i], _.prototype, "type", void 0);
+f([o], _.prototype, "type", void 0);
 function v(e, t, r) {
 	let i = e.tagFor(p);
 	return n`<${i} class="icon" name="${t}" label="${(e) => e.locale.feedbackMessage[r]}"></${i}>`;
@@ -27,7 +27,7 @@ function y(e) {
 	};
 	return n`${(e) => t[e.type]}`;
 }
-var b = (e) => e === "error", x = o("feedback-message", _, (e) => {
+var b = (e) => e === "error", x = i("feedback-message", _, (e) => {
 	let t = n`<div
 		class="${(e) => h("message", `${e.type}-message`)}"
 	>
@@ -43,7 +43,7 @@ function C(e, t = 0) {
 	return (S[e[t + 0]] + S[e[t + 1]] + S[e[t + 2]] + S[e[t + 3]] + "-" + S[e[t + 4]] + S[e[t + 5]] + "-" + S[e[t + 6]] + S[e[t + 7]] + "-" + S[e[t + 8]] + S[e[t + 9]] + "-" + S[e[t + 10]] + S[e[t + 11]] + S[e[t + 12]] + S[e[t + 13]] + S[e[t + 14]] + S[e[t + 15]]).toLowerCase();
 }
 //#endregion
-//#region ../../node_modules/.pnpm/uuid@11.1.0/node_modules/uuid/dist/esm-browser/rng.js
+//#region ../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/esm-browser/rng.js
 var w, T = new Uint8Array(16);
 function E() {
 	if (!w) {
@@ -54,7 +54,7 @@ function E() {
 }
 var D = { randomUUID: typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto) };
 //#endregion
-//#region ../../node_modules/.pnpm/uuid@11.1.0/node_modules/uuid/dist/esm-browser/v4.js
+//#region ../../node_modules/.pnpm/uuid@11.1.1/node_modules/uuid/dist/esm-browser/v4.js
 function O(e, t, n) {
 	if (D.randomUUID && !t && !e) return D.randomUUID();
 	e ||= {};
@@ -91,13 +91,13 @@ var k = () => O(), A = class {
 		this.targetNodeId = "", this.templateBinding = e, this.dataBinding = e;
 	}
 	createHTML(e) {
-		return r.comment(e(this));
+		return s.comment(e(this));
 	}
 	createBehavior() {
 		return new A(this);
 	}
 };
-a.define(j);
+r.define(j);
 function M(e) {
 	return new j(c(e));
 }
@@ -142,7 +142,7 @@ var N = (e) => {
 			`;
 		}
 	}
-	return f([i({ attribute: "helper-text" })], r.prototype, "helperText", void 0), f([t], r.prototype, "_helperTextSlottedContent", void 0), r;
+	return f([o({ attribute: "helper-text" })], r.prototype, "helperText", void 0), f([t], r.prototype, "_helperTextSlottedContent", void 0), r;
 }, P = (e) => {
 	let r = () => `vvd-feedback-${k()}`, i = () => `vvd-slotted-feedback-${k()}`;
 	class a extends N(e) {

package/bundled/normalize.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`);function t(t){return e.j(t)?e.x(t):t instanceof e.S?t:e.b(()=>t)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});
+const e=require(`./vivid-element.cjs`);function t(t){return e.N(t)?e.C(t):t instanceof e.w?t:e.S(()=>t)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/bundled/normalize.js

@@ -1,7 +1,7 @@
-import { S as e, b as t, j as n, x as r } from "./vivid-element.js";
+import { C as e, N as t, S as n, w as r } from "./vivid-element.js";
 //#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/binding/normalize.js
 function i(i) {
-	return n(i) ? r(i) : i instanceof e ? i : t(() => i);
+	return t(i) ? e(i) : i instanceof r ? i : n(() => i);
 }
 //#endregion
 export { i as t };

package/bundled/picker-field.template.cjs

@@ -1,4 +1,4 @@
-const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./ref.cjs`),r=require(`./slotted.cjs`),i=require(`./decorate.cjs`),a=require(`./form-element.cjs`),o=require(`./with-error-text.cjs`),s=require(`./with-contextual-help.cjs`),c=require(`./trapped-focus.cjs`),l=require(`./class-names.cjs`),u=require(`./form-associated.cjs`),d=require(`./definition6.cjs`),f=require(`./definition8.cjs`),p=require(`./dialog.cjs`),m=require(`./mixins.cjs`),h=require(`./definition12.cjs`);var g=`:host{display:inline-block}.base{inline-size:100%;display:inline-block}.control{inline-size:100%}.dialog{flex-direction:column;display:inline-flex}.dialog--padded{gap:12px;padding:12px}.dialog .footer{justify-content:flex-end;align-items:center;gap:8px;padding:8px;display:flex}.dialog .footer--with-separator{border-top:1px solid var(--vvd-color-neutral-200)}`,_=class extends s.t(m.t(o.t(a.t(c.t(e.t(u.n(t.t))))))){readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly,this.validate())}constructor(){super(),this.readOnly=!1,this.proxy=document.createElement(`input`),this._popupOpen=!1,this._presentationValue=``,this.value=``}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.#o),this.addEventListener(`focusin`,this.#e),this.addEventListener(`focusout`,this.#t),this.#i()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.#o),this.removeEventListener(`focusin`,this.#e),this.removeEventListener(`focusout`,this.#t),this.#a()}#e=()=>{this.$emit(`focus`,void 0,{bubbles:!1})};#t=()=>{this.$emit(`blur`,void 0,{bubbles:!1})};validate(){this.proxy&&this.proxy.setCustomValidity(this._getCustomValidationError()??``),super.validate(this._textFieldEl?.querySelector(`input`)??void 0)}#n={handleChange:()=>{this._updatePresentationValue()}};#r;#i(){this.#r=t.w.binding(()=>this.locale,this.#n),this.#r.observe(this,t.C.default)}#a(){this.#r.dispose()}#o=e=>{if(!this._popupOpen)return;let t=e.composedPath();[this._dialogEl,this._pickerButtonEl].some(e=>t.includes(e))||this._closePopup(!1)};#s(){this.readOnly||(this._popupOpen=!0)}_closePopup(e=!0){this._popupOpen=!1,e&&this._textFieldEl.focus()}_onBaseKeyDown(e){return this._popupOpen&&p.t(e)?(this._closePopup(),!1):!this._trappedFocus(e,()=>this._focusableElsWithinDialog())}_presentationValueChanged(){this.dirtyValue=!0,this.validate()}_onTextFieldInput(e){this._presentationValue=e.currentTarget.value}_onPickerButtonClick(){this._popupOpen?this._closePopup():this.#s()}_onOkClick(){this._closePopup()}_onClearClick(){this.$emit(`clear-click`)}};i.t([t.l()],_.prototype,`scale`,void 0),i.t([t.l({attribute:`readonly`,mode:`boolean`})],_.prototype,`readOnly`,void 0),i.t([t.T],_.prototype,`_popupOpen`,void 0),i.t([t.T],_.prototype,`_presentationValue`,void 0);var v=(e,i,{withSeparator:a,padded:o})=>{let s=e.tagFor(f.i),c=e.tagFor(h.r),u=e.tagFor(d.i);return t.d`
+const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./ref.cjs`),r=require(`./slotted.cjs`),i=require(`./decorate.cjs`),a=require(`./form-element.cjs`),o=require(`./with-error-text.cjs`),s=require(`./with-contextual-help.cjs`),c=require(`./trapped-focus.cjs`),l=require(`./class-names.cjs`),u=require(`./form-associated.cjs`),d=require(`./definition6.cjs`),f=require(`./definition8.cjs`),p=require(`./dialog.cjs`),m=require(`./mixins.cjs`),h=require(`./definition12.cjs`);var g=`:host{display:inline-block}.base{inline-size:100%;display:inline-block}.control{inline-size:100%}.dialog{flex-direction:column;display:inline-flex}.dialog--padded{gap:12px;padding:12px}.dialog .footer{justify-content:flex-end;align-items:center;gap:8px;padding:8px;display:flex}.dialog .footer--with-separator{border-top:1px solid var(--vvd-color-neutral-200)}`,_=class extends s.t(m.t(o.t(a.t(c.t(e.t(u.n(t.t))))))){readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly,this.validate())}constructor(){super(),this.readOnly=!1,this.#e=()=>{this.$emit(`focus`,void 0,{bubbles:!1})},this.#t=()=>{this.$emit(`blur`,void 0,{bubbles:!1})},this.proxy=document.createElement(`input`),this.#n={handleChange:()=>{this._updatePresentationValue()}},this._popupOpen=!1,this.#o=e=>{if(!this._popupOpen)return;let t=e.composedPath();[this._dialogEl,this._pickerButtonEl].some(e=>t.includes(e))||this._closePopup(!1)},this._presentationValue=``,this.value=``}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.#o),this.addEventListener(`focusin`,this.#e),this.addEventListener(`focusout`,this.#t),this.#i()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.#o),this.removeEventListener(`focusin`,this.#e),this.removeEventListener(`focusout`,this.#t),this.#a()}#e;#t;validate(){this.proxy&&this.proxy.setCustomValidity(this._getCustomValidationError()??``),super.validate(this._textFieldEl?.querySelector(`input`)??void 0)}#n;#r;#i(){this.#r=t.E.binding(()=>this.locale,this.#n),this.#r.observe(this,t.T.default)}#a(){this.#r.dispose()}#o;#s(){this.readOnly||(this._popupOpen=!0)}_closePopup(e=!0){this._popupOpen=!1,e&&this._textFieldEl.focus()}_onBaseKeyDown(e){return this._popupOpen&&p.t(e)?(this._closePopup(),!1):!this._trappedFocus(e,()=>this._focusableElsWithinDialog())}_presentationValueChanged(){this.dirtyValue=!0,this.validate()}_onTextFieldInput(e){let t=e.currentTarget;this._presentationValue=t.value}_onPickerButtonClick(){this._popupOpen?this._closePopup():this.#s()}_onOkClick(){this._closePopup()}_onClearClick(){this.$emit(`clear-click`)}};i.t([t.u()],_.prototype,`scale`,void 0),i.t([t.u({attribute:`readonly`,mode:`boolean`})],_.prototype,`readOnly`,void 0),i.t([t.D],_.prototype,`_popupOpen`,void 0),i.t([t.D],_.prototype,`_presentationValue`,void 0);var v=(e,i,{withSeparator:a,padded:o})=>{let s=e.tagFor(f.i),c=e.tagFor(h.r),u=e.tagFor(d.i);return t.f`
 		<div class='base' @keydown='${(e,{event:t})=>e._onBaseKeyDown(t)}'>
 			<${c} id='text-field'
 				${n.t(`_textFieldEl`)}

package/bundled/picker-field.template.js

@@ -1,5 +1,5 @@
 import { t as e } from "./localized.js";
-import { C as t, T as n, d as r, l as i, t as a, w as o } from "./vivid-element.js";
+import { D as t, E as n, T as r, f as i, t as a, u as o } from "./vivid-element.js";
 import { t as s } from "./ref.js";
 import { t as c } from "./slotted.js";
 import { t as l } from "./decorate.js";
@@ -20,7 +20,17 @@ var x = ":host{display:inline-block}.base{inline-size:100%;display:inline-block}
 		this.proxy instanceof HTMLInputElement && (this.proxy.readOnly = this.readOnly, this.validate());
 	}
 	constructor() {
-		super(), this.readOnly = !1, this.proxy = document.createElement("input"), this._popupOpen = !1, this._presentationValue = "", this.value = "";
+		super(), this.readOnly = !1, this.#e = () => {
+			this.$emit("focus", void 0, { bubbles: !1 });
+		}, this.#t = () => {
+			this.$emit("blur", void 0, { bubbles: !1 });
+		}, this.proxy = document.createElement("input"), this.#n = { handleChange: () => {
+			this._updatePresentationValue();
+		} }, this._popupOpen = !1, this.#o = (e) => {
+			if (!this._popupOpen) return;
+			let t = e.composedPath();
+			[this._dialogEl, this._pickerButtonEl].some((e) => t.includes(e)) || this._closePopup(!1);
+		}, this._presentationValue = "", this.value = "";
 	}
 	connectedCallback() {
 		super.connectedCallback(), document.addEventListener("click", this.#o), this.addEventListener("focusin", this.#e), this.addEventListener("focusout", this.#t), this.#i();
@@ -28,30 +38,20 @@ var x = ":host{display:inline-block}.base{inline-size:100%;display:inline-block}
 	disconnectedCallback() {
 		super.disconnectedCallback(), document.removeEventListener("click", this.#o), this.removeEventListener("focusin", this.#e), this.removeEventListener("focusout", this.#t), this.#a();
 	}
-	#e = () => {
-		this.$emit("focus", void 0, { bubbles: !1 });
-	};
-	#t = () => {
-		this.$emit("blur", void 0, { bubbles: !1 });
-	};
+	#e;
+	#t;
 	validate() {
 		this.proxy && this.proxy.setCustomValidity(this._getCustomValidationError() ?? ""), super.validate(this._textFieldEl?.querySelector("input") ?? void 0);
 	}
-	#n = { handleChange: () => {
-		this._updatePresentationValue();
-	} };
+	#n;
 	#r;
 	#i() {
-		this.#r = o.binding(() => this.locale, this.#n), this.#r.observe(this, t.default);
+		this.#r = n.binding(() => this.locale, this.#n), this.#r.observe(this, r.default);
 	}
 	#a() {
 		this.#r.dispose();
 	}
-	#o = (e) => {
-		if (!this._popupOpen) return;
-		let t = e.composedPath();
-		[this._dialogEl, this._pickerButtonEl].some((e) => t.includes(e)) || this._closePopup(!1);
-	};
+	#o;
 	#s() {
 		/* v8 ignore else -- @preserve */
 		this.readOnly || (this._popupOpen = !0);
@@ -66,7 +66,8 @@ var x = ":host{display:inline-block}.base{inline-size:100%;display:inline-block}
 		this.dirtyValue = !0, this.validate();
 	}
 	_onTextFieldInput(e) {
-		this._presentationValue = e.currentTarget.value;
+		let t = e.currentTarget;
+		this._presentationValue = t.value;
 	}
 	_onPickerButtonClick() {
 		this._popupOpen ? this._closePopup() : this.#s();
@@ -78,15 +79,15 @@ var x = ":host{display:inline-block}.base{inline-size:100%;display:inline-block}
 		this.$emit("clear-click");
 	}
 };
-l([i()], S.prototype, "scale", void 0), l([i({
+l([o()], S.prototype, "scale", void 0), l([o({
 	attribute: "readonly",
 	mode: "boolean"
-})], S.prototype, "readOnly", void 0), l([n], S.prototype, "_popupOpen", void 0), l([n], S.prototype, "_presentationValue", void 0);
+})], S.prototype, "readOnly", void 0), l([t], S.prototype, "_popupOpen", void 0), l([t], S.prototype, "_presentationValue", void 0);
 //#endregion
 //#region src/shared/picker-field/picker-field.template.ts
-var C = (e, t, { withSeparator: n, padded: i }) => {
+var C = (e, t, { withSeparator: n, padded: r }) => {
 	let a = e.tagFor(_), o = e.tagFor(b), l = e.tagFor(g);
-	return r`
+	return i`
 		<div class='base' @keydown='${(e, { event: t }) => e._onBaseKeyDown(t)}'>
 			<${o} id='text-field'
 				${s("_textFieldEl")}
@@ -131,7 +132,7 @@ var C = (e, t, { withSeparator: n, padded: i }) => {
 				offset='${(e) => e._helperTextSlottedContent?.length || e.helperText || e.errorValidationMessage ? 8 : null}'
 				placement='bottom-start'
 				class='popup'>
-				<div class="${() => m("dialog", ["dialog--padded", i])}" role='dialog' ${s("_dialogEl")} aria-modal='true' aria-label='${(e) => e._dialogLabel}'>
+				<div class="${() => m("dialog", ["dialog--padded", r])}" role='dialog' ${s("_dialogEl")} aria-modal='true' aria-label='${(e) => e._dialogLabel}'>
 					${() => t}
 					<div class="${() => m("footer", ["footer--with-separator", n])}">
 						<${l}

package/bundled/ref.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`);var t=class extends e.h{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}};e.m.define(t);var n=e=>new t(e);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+const e=require(`./vivid-element.cjs`);var t=class extends e._{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}};e.g.define(t);var n=e=>new t(e);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});