@vonage/vivid 5.24.0 → 5.27.0

package/bundled/numberConverter.js

@@ -1,7 +1,7 @@
 //#region src/shared/icon/icon-placeholder.ts
 var e = "<svg width=\"80%\" height=\"80%\" viewBox=\"0 0 64 64\">\n    <g>\n        <g stroke-width=\"6\" stroke-linecap=\"round\" fill=\"none\">\n            <path stroke=\"currentColor\" d=\"M4,32 c0,15,12,28,28,28c8,0,16-4,21-9\">\n            </path>\n            <path d=\"M60,32 C60,16,47.464,4,32,4S4,16,4,32\">\n            </path>\n            <animateTransform values=\"0,32,32;360,32,32\" attributeName=\"transform\" type=\"rotate\" repeatCount=\"indefinite\" dur=\"750ms\">\n            </animateTransform>\n        </g>\n    </g>\n</svg>", t = {
 	name: "@vonage/vivid-icons",
-	version: "4.11.0",
+	version: "4.12.0",
 	type: "module",
 	exports: {
 		".": {

package/bundled/numbers.cjs

@@ -1 +1 @@
-function e(e,t,n){return n<e?t:n>t?e:n}function t(e,t,n){return Math.min(Math.max(n,e),t)}function n(e,t,n=0){return[t,n]=[t,n].sort((e,t)=>e-t),t<=e&&e<n}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+function e(e,t,n){return n<e?t:n>t?e:n}function t(e,t,n){return Math.min(Math.max(n,e),t)}function n(e,t,n=0){return[t,n]=[t,n].sort((e,t)=>e-t),t<=e&&e<n}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});

package/bundled/optgroup.cjs

@@ -0,0 +1 @@
+const e=require("./vivid-element.cjs"),t=require("./decorate.cjs"),n=require("./aria-binding-directive.cjs"),r=require("./host-semantics.cjs");function i(e){return e instanceof a}var a=class extends r.t(e.t){constructor(...e){super(...e),this._computedLabelledBy=null}_labelSlottedContentChanged(){let e=this._labelSlottedContent.filter(e=>e instanceof Element),t=[];for(let r of e)r.id||=n.r(`vvd-optgroup-label-`),t.push(r.id);this._computedLabelledBy=t.join(` `)}_onSlotChange(){this.$emit(`optgroup-change`,void 0,{bubbles:!0,composed:!0})}};t.t([e.A],a.prototype,`_labelSlottedContent`,void 0),t.t([e.A],a.prototype,`_computedLabelledBy`,void 0),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/bundled/optgroup.js

@@ -0,0 +1,27 @@
+import { A as e, t } from "./vivid-element.js";
+import { t as n } from "./decorate.js";
+import { r } from "./aria-binding-directive.js";
+import { t as i } from "./host-semantics.js";
+//#region src/lib/optgroup/optgroup.ts
+function a(e) {
+	return e instanceof o;
+}
+var o = class extends i(t) {
+	constructor(...e) {
+		super(...e), this._computedLabelledBy = null;
+	}
+	_labelSlottedContentChanged() {
+		let e = this._labelSlottedContent.filter((e) => e instanceof Element), t = [];
+		for (let n of e) n.id ||= r("vvd-optgroup-label-"), t.push(n.id);
+		this._computedLabelledBy = t.join(" ");
+	}
+	_onSlotChange() {
+		this.$emit("optgroup-change", void 0, {
+			bubbles: !0,
+			composed: !0
+		});
+	}
+};
+n([e], o.prototype, "_labelSlottedContent", void 0), n([e], o.prototype, "_computedLabelledBy", void 0);
+//#endregion
+export { a as n, o as t };

package/bundled/option.cjs

@@ -0,0 +1 @@
+const e=require("./vivid-element.cjs"),t=require("./decorate.cjs"),n=require("./dom.cjs"),r=require("./affix.cjs"),i=require("./host-semantics.cjs");var a=require("./component-enum.cjs").t([`accent`,`cta`],`accent`);function o(e){return n.t(e)&&(e.getAttribute(`role`)===`option`||e instanceof HTMLOptionElement||e instanceof s)}var s=class extends i.t(r.n(e.t)){defaultSelectedChanged(){this.dirtySelected||(this.selected=this.defaultSelected,this.proxy instanceof HTMLOptionElement&&(this.proxy.selected=this.defaultSelected)),this.proxy instanceof HTMLOptionElement&&(this.proxy.defaultSelected=this.defaultSelected)}disabledChanged(){this.proxy instanceof HTMLOptionElement&&(this.proxy.disabled=this.disabled)}get selectedAttribute(){return this.defaultSelected}set selectedAttribute(e){this.defaultSelected=e}selectedChanged(){this.dirtySelected||=!0,this.proxy instanceof HTMLOptionElement&&(this.proxy.selected=this.selected)}valueChanged(){if(typeof this.value!=`string`){this.value=``;return}this.proxy instanceof HTMLOptionElement&&(this.proxy.value=this.value)}get label(){return this._label??this.text}set label(e){this._label=e}set text(e){this._text=e}get text(){return this._text??``}_getAccessibleName(){return this.ariaLabel||`${this.text}${this.textSecondary?` ${this.textSecondary}`:``}`}get form(){return null}get _hasMatchedText(){return!!(this.matchedText??this._vvdSearchText)}get _matchedRange(){let e=this.matchedText??this._vvdSearchText;if(e){let t=this.text.toLowerCase().indexOf(e.toLowerCase());return t===-1?{from:0,to:0}:{from:t,to:t+e.length}}return{from:0,to:0}}constructor(e,t,n,r){super(),this.defaultSelected=!1,this.dirtySelected=!1,this.value=``,this._highlighted=!1,this._displayCheckmark=!1,this._vvdSearchText=``,this._isNotMatching=!1,e&&(this.text=e),t&&(this.value=t),n&&(this.defaultSelected=n),r&&(this.selected=r),this.proxy=new Option(this.text,this.value,this.defaultSelected,this.selected),this.proxy.disabled=this.disabled}connectedCallback(){super.connectedCallback(),this.dirtySelected||=(this.selected=this.defaultSelected,!1)}};t.t([e.m({converter:{fromView:e=>{if(e===!0||e===`true`)return!0;if(e===!1||e===`false`)return!1},toView:e=>e}})],s.prototype,`checked`,void 0),t.t([e.m({attribute:`selected`,mode:`boolean`})],s.prototype,`defaultSelected`,void 0),t.t([e.m({mode:`boolean`})],s.prototype,`disabled`,void 0),t.t([e.m({attribute:`current-selected`,mode:`boolean`})],s.prototype,`selected`,void 0),t.t([e.m({attribute:`value`})],s.prototype,`value`,void 0),t.t([e.m({attribute:`label`})],s.prototype,`_label`,void 0),t.t([e.m({attribute:`text`})],s.prototype,`_text`,void 0),t.t([e.m({attribute:`text-secondary`})],s.prototype,`textSecondary`,void 0),t.t([e.A],s.prototype,`_highlighted`,void 0),t.t([e.A],s.prototype,`_displayCheckmark`,void 0),t.t([e.m({attribute:`matched-text`})],s.prototype,`matchedText`,void 0),t.t([e.A],s.prototype,`_vvdSearchText`,void 0),t.t([e.j],s.prototype,`_hasMatchedText`,null),t.t([e.A],s.prototype,`_isNotMatching`,void 0),t.t([e.j],s.prototype,`_matchedRange`,null),t.t([e.m],s.prototype,`connotation`,void 0),t.t([e.m({attribute:`tag-connotation`})],s.prototype,`tagConnotation`,void 0),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/bundled/option.js

@@ -0,0 +1,95 @@
+import { A as e, j as t, m as n, t as r } from "./vivid-element.js";
+import { t as i } from "./decorate.js";
+import { t as a } from "./dom.js";
+import { n as o } from "./affix.js";
+import { t as s } from "./host-semantics.js";
+import { t as c } from "./component-enum.js";
+//#region src/lib/option/option.ts
+var l = c(["accent", "cta"], "accent");
+function u(e) {
+	return a(e) && (e.getAttribute("role") === "option" || e instanceof HTMLOptionElement || e instanceof d);
+}
+var d = class extends s(o(r)) {
+	defaultSelectedChanged() {
+		this.dirtySelected || (this.selected = this.defaultSelected, this.proxy instanceof HTMLOptionElement && (this.proxy.selected = this.defaultSelected)), this.proxy instanceof HTMLOptionElement && (this.proxy.defaultSelected = this.defaultSelected);
+	}
+	disabledChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLOptionElement && (this.proxy.disabled = this.disabled);
+	}
+	get selectedAttribute() {
+		return this.defaultSelected;
+	}
+	set selectedAttribute(e) {
+		this.defaultSelected = e;
+	}
+	selectedChanged() {
+		this.dirtySelected ||= !0, this.proxy instanceof HTMLOptionElement && (this.proxy.selected = this.selected);
+	}
+	valueChanged() {
+		if (typeof this.value != "string") {
+			this.value = "";
+			return;
+		}
+		this.proxy instanceof HTMLOptionElement && (this.proxy.value = this.value);
+	}
+	get label() {
+		return this._label ?? this.text;
+	}
+	set label(e) {
+		this._label = e;
+	}
+	set text(e) {
+		this._text = e;
+	}
+	get text() {
+		return this._text ?? "";
+	}
+	_getAccessibleName() {
+		return this.ariaLabel || `${this.text}${this.textSecondary ? ` ${this.textSecondary}` : ""}`;
+	}
+	get form() {
+		return null;
+	}
+	get _hasMatchedText() {
+		return !!(this.matchedText ?? this._vvdSearchText);
+	}
+	get _matchedRange() {
+		let e = this.matchedText ?? this._vvdSearchText;
+		if (e) {
+			let t = this.text.toLowerCase().indexOf(e.toLowerCase());
+			return t === -1 ? {
+				from: 0,
+				to: 0
+			} : {
+				from: t,
+				to: t + e.length
+			};
+		}
+		return {
+			from: 0,
+			to: 0
+		};
+	}
+	constructor(e, t, n, r) {
+		super(), this.defaultSelected = !1, this.dirtySelected = !1, this.value = "", this._highlighted = !1, this._displayCheckmark = !1, this._vvdSearchText = "", this._isNotMatching = !1, e && (this.text = e), t && (this.value = t), n && (this.defaultSelected = n), r && (this.selected = r), this.proxy = new Option(this.text, this.value, this.defaultSelected, this.selected), this.proxy.disabled = this.disabled;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.dirtySelected ||= (this.selected = this.defaultSelected, !1);
+	}
+};
+i([n({ converter: {
+	fromView: (e) => {
+		if (e === !0 || e === "true") return !0;
+		if (e === !1 || e === "false") return !1;
+	},
+	toView: (e) => e
+} })], d.prototype, "checked", void 0), i([n({
+	attribute: "selected",
+	mode: "boolean"
+})], d.prototype, "defaultSelected", void 0), i([n({ mode: "boolean" })], d.prototype, "disabled", void 0), i([n({
+	attribute: "current-selected",
+	mode: "boolean"
+})], d.prototype, "selected", void 0), i([n({ attribute: "value" })], d.prototype, "value", void 0), i([n({ attribute: "label" })], d.prototype, "_label", void 0), i([n({ attribute: "text" })], d.prototype, "_text", void 0), i([n({ attribute: "text-secondary" })], d.prototype, "textSecondary", void 0), i([e], d.prototype, "_highlighted", void 0), i([e], d.prototype, "_displayCheckmark", void 0), i([n({ attribute: "matched-text" })], d.prototype, "matchedText", void 0), i([e], d.prototype, "_vvdSearchText", void 0), i([t], d.prototype, "_hasMatchedText", null), i([e], d.prototype, "_isNotMatching", void 0), i([t], d.prototype, "_matchedRange", null), i([n], d.prototype, "connotation", void 0), i([n({ attribute: "tag-connotation" })], d.prototype, "tagConnotation", void 0);
+//#endregion
+export { u as n, l as r, d as t };

package/bundled/picker-field.template.cjs

@@ -1,4 +1,4 @@
-const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./slotted.cjs`),r=require(`./ref.cjs`),i=require(`./decorate.cjs`),a=require(`./class-names.cjs`),o=require(`./form-associated.cjs`),s=require(`./definition6.cjs`),c=require(`./definition8.cjs`),l=require(`./dialog.cjs`),u=require(`./mixins.cjs`),d=require(`./form-element.cjs`),f=require(`./with-contextual-help.cjs`),p=require(`./with-error-text.cjs`),m=require(`./definition12.cjs`),h=require(`./trapped-focus.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 f.t(u.t(p.t(d.t(h.t(e.t(o.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.k.binding(()=>this.locale,this.#n),this.#r.observe(this,t.O.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&&l.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.m()],_.prototype,`scale`,void 0),i.t([t.m({attribute:`readonly`,mode:`boolean`})],_.prototype,`readOnly`,void 0),i.t([t.A],_.prototype,`_popupOpen`,void 0),i.t([t.A],_.prototype,`_presentationValue`,void 0);var v=(e,i,{withSeparator:o,padded:l})=>{let u=e.tagFor(c.i),d=e.tagFor(m.r),f=e.tagFor(s.i);return t.p`
+const e=require("./localized.cjs"),t=require("./vivid-element.cjs"),n=require("./slotted.cjs"),r=require("./ref.cjs"),i=require("./decorate.cjs"),a=require("./class-names.cjs"),o=require("./form-associated.cjs"),s=require("./definition5.cjs"),c=require("./definition7.cjs"),l=require("./dialog.cjs"),u=require("./form-element.cjs"),d=require("./with-contextual-help.cjs"),f=require("./with-error-text.cjs"),p=require("./mixins.cjs"),m=require("./definition11.cjs"),h=require("./trapped-focus.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 d.t(p.t(f.t(u.t(h.t(e.t(o.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.k.binding(()=>this.locale,this.#n),this.#r.observe(this,t.O.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&&l.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.m()],_.prototype,`scale`,void 0),i.t([t.m({attribute:`readonly`,mode:`boolean`})],_.prototype,`readOnly`,void 0),i.t([t.A],_.prototype,`_popupOpen`,void 0),i.t([t.A],_.prototype,`_presentationValue`,void 0);var v=(e,i,{withSeparator:o,padded:l})=>{let u=e.tagFor(c.i),d=e.tagFor(m.r),f=e.tagFor(s.i);return t.p`
 		<div class='base' @keydown='${(e,{event:t})=>e._onBaseKeyDown(t)}'>
 			<${d} id='text-field'
 				${r.t(`_textFieldEl`)}
@@ -65,4 +65,4 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 					</div>
 				</div>
 			</${u}>
-		</div>`};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});
+		</div>`};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});

package/bundled/picker-field.template.js

@@ -5,17 +5,17 @@ import { t as c } from "./ref.js";
 import { t as l } from "./decorate.js";
 import { t as u } from "./class-names.js";
 import { n as d } from "./form-associated.js";
-import { i as f } from "./definition6.js";
-import { i as p } from "./definition8.js";
+import { i as f } from "./definition5.js";
+import { i as p } from "./definition7.js";
 import { t as m } from "./dialog.js";
-import { t as h } from "./mixins.js";
-import { t as g } from "./form-element.js";
-import { t as _ } from "./with-contextual-help.js";
-import { t as v } from "./with-error-text.js";
-import { r as y } from "./definition12.js";
+import { t as h } from "./form-element.js";
+import { t as g } from "./with-contextual-help.js";
+import { t as _ } from "./with-error-text.js";
+import { t as v } from "./mixins.js";
+import { r as y } from "./definition11.js";
 import { t as b } from "./trapped-focus.js";
 //#region src/shared/picker-field/picker-field.scss?inline
-var x = ":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)}", S = class extends _(h(v(g(b(e(d(o))))))) {
+var x = ":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)}", S = class extends g(v(_(h(b(e(d(o))))))) {
 	readOnlyChanged() {
 		this.proxy instanceof HTMLInputElement && (this.proxy.readOnly = this.readOnly, this.validate());
 	}

package/bundled/platform.cjs

@@ -1 +1 @@
-function e(){if(typeof navigator>`u`)return!1;let e=navigator.userAgent.toLowerCase();return e.includes(`mac`)||e.includes(`iphone`)||e.includes(`ipad`)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
+function e(){if(typeof navigator>`u`)return!1;let e=navigator.userAgent.toLowerCase();return e.includes(`mac`)||e.includes(`iphone`)||e.includes(`ipad`)}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/bundled/playbackRates.cjs

@@ -1 +1 @@
-function e(e){if(e===``)return[];let t=[];return e.split(`,`).forEach(e=>{let n=Number(e);isNaN(n)||t.push(n)}),t}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
+function e(e){if(e===``)return[];let t=[];return e.split(`,`).forEach(e=>{let n=Number(e);isNaN(n)||t.push(n)}),t}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/bundled/ref.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`);var t=class extends e.S{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}};e.x.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.S{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}};e.x.define(t);var n=e=>new t(e);Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});

package/bundled/ref.js

@@ -1,5 +1,5 @@
 import { S as e, x as t } from "./vivid-element.js";
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/templating/ref.js
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/templating/ref.js
 var n = class extends e {
 	bind(e) {
 		e.source[this.options] = e.targets[this.targetNodeId];

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

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`);var t=[];for(let e=0;e<256;++e)t.push((e+256).toString(16).slice(1));function n(e,n=0){return(t[e[n+0]]+t[e[n+1]]+t[e[n+2]]+t[e[n+3]]+`-`+t[e[n+4]]+t[e[n+5]]+`-`+t[e[n+6]]+t[e[n+7]]+`-`+t[e[n+8]]+t[e[n+9]]+`-`+t[e[n+10]]+t[e[n+11]]+t[e[n+12]]+t[e[n+13]]+t[e[n+14]]+t[e[n+15]]).toLowerCase()}var r=new Uint8Array(16);function i(){return crypto.getRandomValues(r)}function a(e,t,n){return!t&&!e&&crypto.randomUUID?crypto.randomUUID():o(e,t,n)}function o(e,t,r){e||={};let a=e.random??e.rng?.()??i();if(a.length<16)throw Error(`Random bytes length must be >= 16`);if(a[6]=a[6]&15|64,a[8]=a[8]&63|128,t){if(r||=0,r<0||r+16>t.length)throw RangeError(`UUID byte range ${r}:${r+15} is out of buffer bounds`);for(let e=0;e<16;++e)t[r+e]=a[e];return t}return n(a)}var s=()=>a(),c=class{constructor(e){this.template=e}createHTML(t){return e.C.comment(t(this))}createBehavior(){return this}bind(e){let t=this.template.create();t.bind(e.source,e.context),t.appendTo(e.source),e.onUnbind({unbind:()=>{t.firstChild.parentNode&&t.lastChild.parentNode?t.dispose():t.unbind()}})}};e.x.define(c);function l(e){return new c(e)}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
+const e=require("./vivid-element.cjs");var t=[];for(let e=0;e<256;++e)t.push((e+256).toString(16).slice(1));function n(e,n=0){return(t[e[n+0]]+t[e[n+1]]+t[e[n+2]]+t[e[n+3]]+`-`+t[e[n+4]]+t[e[n+5]]+`-`+t[e[n+6]]+t[e[n+7]]+`-`+t[e[n+8]]+t[e[n+9]]+`-`+t[e[n+10]]+t[e[n+11]]+t[e[n+12]]+t[e[n+13]]+t[e[n+14]]+t[e[n+15]]).toLowerCase()}var r=new Uint8Array(16);function i(){return crypto.getRandomValues(r)}function a(e,t,n){return!t&&!e&&crypto.randomUUID?crypto.randomUUID():o(e,t,n)}function o(e,t,r){e||={};let a=e.random??e.rng?.()??i();if(a.length<16)throw Error(`Random bytes length must be >= 16`);if(a[6]=a[6]&15|64,a[8]=a[8]&63|128,t){if(r||=0,r<0||r+16>t.length)throw RangeError(`UUID byte range ${r}:${r+15} is out of buffer bounds`);for(let e=0;e<16;++e)t[r+e]=a[e];return t}return n(a)}var s=()=>a(),c=class{constructor(e){this.template=e}createHTML(t){return e.C.comment(t(this))}createBehavior(){return this}bind(e){let t=this.template.create();t.bind(e.source,e.context),t.appendTo(e.source),e.onUnbind({unbind:()=>{t.firstChild.parentNode&&t.lastChild.parentNode?t.dispose():t.unbind()}})}};e.x.define(c);function l(e){return new c(e)}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

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

@@ -7,7 +7,7 @@ function r(e, t = 0) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/uuid@14.0.1/node_modules/uuid/dist/rng.js
-var i = new Uint8Array(16);
+var i = /* @__PURE__ */ new Uint8Array(16);
 function a() {
 	return crypto.getRandomValues(i);
 }

package/bundled/repeat.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`);var t=class{constructor(e,t,n){this.index=e,this.removed=t,this.addedCount=n}adjustTo(e){let t=this.index,n=e.length;return t>n?t=n-this.addedCount:t<0&&(t=n+this.removed.length+t-this.addedCount),this.index=t<0?0:t,this}},n=class{constructor(e){this.sorted=e}},r=Object.freeze({reset:1,splice:2,optimized:3}),i=new t(0,e.F,0);i.reset=!0;var a=[i],o;(function(e){e[e.leave=0]=`leave`,e[e.update=1]=`update`,e[e.add=2]=`add`,e[e.delete=3]=`delete`})(o||={});function s(e,t,n,r,i,a){let o=a-i+1,s=n-t+1,c=Array(o),l,u;for(let e=0;e<o;++e)c[e]=Array(s),c[e][0]=e;for(let e=0;e<s;++e)c[0][e]=e;for(let n=1;n<o;++n)for(let a=1;a<s;++a)e[t+a-1]===r[i+n-1]?c[n][a]=c[n-1][a-1]:(l=c[n-1][a]+1,u=c[n][a-1]+1,c[n][a]=l<u?l:u);return c}function c(e){let t=e.length-1,n=e[0].length-1,r=e[t][n],i=[];for(;t>0||n>0;){if(t===0){i.push(o.add),n--;continue}if(n===0){i.push(o.delete),t--;continue}let a=e[t-1][n-1],s=e[t-1][n],c=e[t][n-1],l;l=s<c?s<a?s:a:c<a?c:a,l===a?(a===r?i.push(o.leave):(i.push(o.update),r=a),t--,n--):l===s?(i.push(o.delete),t--,r=s):(i.push(o.add),n--,r=c)}return i.reverse()}function l(e,t,n){for(let r=0;r<n;++r)if(e[r]!==t[r])return r;return n}function u(e,t,n){let r=e.length,i=t.length,a=0;for(;a<n&&e[--r]===t[--i];)a++;return a}function d(e,t,n,r){return t<n||r<e?-1:t===n||r===e?0:e<n?t<r?t-n:r-n:r<t?r-e:t-e}function f(n,r,i,a,d,f){let p=0,m=0,h=Math.min(i-r,f-d);if(r===0&&d===0&&(p=l(n,a,h)),i===n.length&&f===a.length&&(m=u(n,a,h-p)),r+=p,d+=p,i-=m,f-=m,i-r===0&&f-d===0)return e.F;if(r===i){let e=new t(r,[],0);for(;d<f;)e.removed.push(a[d++]);return[e]}else if(d===f)return[new t(r,[],i-r)];let g=c(s(n,r,i,a,d,f)),_=[],v,y=r,b=d;for(let e=0;e<g.length;++e)switch(g[e]){case o.leave:v!==void 0&&(_.push(v),v=void 0),y++,b++;break;case o.update:v===void 0&&(v=new t(y,[],0)),v.addedCount++,y++,v.removed.push(a[b]),b++;break;case o.add:v===void 0&&(v=new t(y,[],0)),v.addedCount++,y++;break;case o.delete:v===void 0&&(v=new t(y,[],0)),v.removed.push(a[b]),b++;break}return v!==void 0&&_.push(v),_}function p(e,t){let n=!1,r=0;for(let i=0;i<t.length;i++){let a=t[i];if(a.index+=r,n)continue;let o=d(e.index,e.index+e.removed.length,a.index,a.index+a.addedCount);if(o>=0){t.splice(i,1),i--,r-=a.addedCount-a.removed.length,e.addedCount+=a.addedCount-o;let s=e.removed.length+a.removed.length-o;if(!e.addedCount&&!s)n=!0;else{let t=a.removed;if(e.index<a.index){let n=e.removed.slice(0,a.index-e.index);n.push(...t),t=n}if(e.index+e.removed.length>a.index+a.addedCount){let n=e.removed.slice(a.index+a.addedCount-e.index);t.push(...n)}e.removed=t,a.index<e.index&&(e.index=a.index)}}else if(e.index<a.index){n=!0,t.splice(i,0,e),i++;let o=e.addedCount-e.removed.length;a.index+=o,r+=o}}n||t.push(e)}function m(e,t){let n=[],r=[];for(let e=0,n=t.length;e<n;e++)p(t[e],r);for(let t=0,i=r.length;t<i;++t){let i=r[t];if(i.addedCount===1&&i.removed.length===1){i.removed[0]!==e[i.index]&&n.push(i);continue}n=n.concat(f(e,i.index,i.index+i.addedCount,i.removed,0,i.removed.length))}return n}var h=Object.freeze({support:r.optimized,normalize(t,n,r){return t===void 0?r===void 0?e.F:m(n,r):a},pop(e,n,r,i){let a=e.length>0,o=r.apply(e,i);return a&&n.addSplice(new t(e.length,[o],0)),o},push(e,n,r,i){let a=r.apply(e,i);return n.addSplice(new t(e.length-i.length,[],i.length).adjustTo(e)),a},reverse(e,t,r,i){let a=r.apply(e,i);e.sorted++;let o=[];for(let t=e.length-1;t>=0;t--)o.push(t);return t.addSort(new n(o)),a},shift(e,n,r,i){let a=e.length>0,o=r.apply(e,i);return a&&n.addSplice(new t(0,[o],0)),o},sort(e,t,r,i){let a=new Map;for(let t=0,n=e.length;t<n;++t){let n=a.get(e[t])||[];a.set(e[t],[...n,t])}let o=r.apply(e,i);e.sorted++;let s=[];for(let t=0,n=e.length;t<n;++t){let n=a.get(e[t]);s.push(n[0]),a.set(e[t],n.splice(1))}return t.addSort(new n(s)),o},splice(e,n,r,i){let a=r.apply(e,i);return n.addSplice(new t(+i[0],a,i.length>2?i.length-2:0).adjustTo(e)),a},unshift(e,n,r,i){let a=r.apply(e,i);return n.addSplice(new t(0,[],i.length).adjustTo(e)),a}});Object.freeze({reset:a,setDefaultStrategy(e){h=e}});function g(e,t,n,r=!0){Reflect.defineProperty(e,t,{value:n,enumerable:!1,writable:r})}var _=class extends e.N{get strategy(){return this._strategy}set strategy(e){this._strategy=e}get lengthObserver(){let t=this._lengthObserver;if(t===void 0){let n=this.subject;this._lengthObserver=t={length:n.length,handleChange(){this.length!==n.length&&(this.length=n.length,e.k.notify(t,`length`))}},this.subscribe(t)}return t}get sortObserver(){let t=this._sortObserver;if(t===void 0){let n=this.subject;this._sortObserver=t={sorted:n.sorted,handleChange(){this.sorted!==n.sorted&&(this.sorted=n.sorted,e.k.notify(t,`sorted`))}},this.subscribe(t)}return t}constructor(e){super(e),this.oldCollection=void 0,this.splices=void 0,this.sorts=void 0,this.needsQueue=!0,this._strategy=null,this._lengthObserver=void 0,this._sortObserver=void 0,this.call=this.flush,g(e,`$fastController`,this)}subscribe(e){this.flush(),super.subscribe(e)}addSplice(e){this.splices===void 0?this.splices=[e]:this.splices.push(e),this.enqueue()}addSort(e){this.sorts===void 0?this.sorts=[e]:this.sorts.push(e),this.enqueue()}reset(e){this.oldCollection=e,this.enqueue()}flush(){let e=this.splices,t=this.sorts,n=this.oldCollection;e===void 0&&n===void 0&&t===void 0||(this.needsQueue=!0,this.splices=void 0,this.sorts=void 0,this.oldCollection=void 0,t===void 0?this.notify((this._strategy??h).normalize(n,this.subject,e)):this.notify(t))}enqueue(){this.needsQueue&&(this.needsQueue=!1,e.M.enqueue(this))}},v=!1,y=Object.freeze({sorted:0,enable(){if(v)return;v=!0,e.k.setArrayObserverFactory(e=>new _(e));let t=Array.prototype;t.$fastPatch||(g(t,`$fastPatch`,1),g(t,`sorted`,0),[t.pop,t.push,t.reverse,t.shift,t.sort,t.splice,t.unshift].forEach(e=>{t[e.name]=function(...t){let n=this.$fastController;return n===void 0?e.apply(this,t):(n.strategy??h)[e.name](this,n,e,t)}}))}});function b(t){return e.I(t)?e.E(t):t instanceof e.D?t:e.T(()=>t)}var x=Object.freeze({positioning:!1,recycle:!0});function S(e,t,n,r){e.context.parent=r.source,e.context.parentContext=r.context,e.bind(t[n])}function C(e,t,n,r){e.context.parent=r.source,e.context.parentContext=r.context,e.context.length=t.length,e.context.index=n,e.bind(t[n])}function w(e){return e.nodeType===Node.COMMENT_NODE}var T=class extends Error{constructor(e,t){super(e),this.propertyBag=t}},E=class{constructor(e){this.directive=e,this.items=null,this.itemsObserver=null,this.bindView=S,this.views=[],this.itemsBindingObserver=e.dataBinding.createObserver(this,e),this.templateBindingObserver=e.templateBinding.createObserver(this,e),e.options.positioning&&(this.bindView=C)}bind(t){this.location=t.targets[this.directive.targetNodeId],this.controller=t,this.items=this.itemsBindingObserver.bind(t),this.template=this.templateBindingObserver.bind(t),this.observeItems(!0),e.b(this.template)&&e.b(t)&&t.hydrationStage!==e.v.hydrated?this.hydrateViews(this.template):this.refreshAllViews(),t.onUnbind(this)}unbind(){this.itemsObserver!==null&&this.itemsObserver.unsubscribe(this),this.unbindAllViews()}handleChange(e,t){if(t===this.itemsBindingObserver)this.items=this.itemsBindingObserver.bind(this.controller),this.observeItems(),this.refreshAllViews();else if(t===this.templateBindingObserver)this.template=this.templateBindingObserver.bind(this.controller),this.refreshAllViews(!0);else if(t[0])t[0].reset?this.refreshAllViews():t[0].sorted?this.updateSortedViews(t):this.updateSplicedViews(t);else return}observeItems(t=!1){if(!this.items){this.items=e.F;return}let n=this.itemsObserver,r=this.itemsObserver=e.k.getNotifier(this.items),i=n!==r;i&&n!==null&&n.unsubscribe(this),(i||t)&&r.subscribe(this)}updateSortedViews(e){let t=this.views;for(let n=0,r=e.length;n<r;++n){let r=e[n].sorted.slice(),i=r.slice().sort();for(let e=0,n=r.length;e<n;++e){let n=r.find(t=>r[e]===i[t]);if(n!==e){let r=i.splice(n,1);i.splice(e,0,...r);let a=t[e],o=a?a.firstChild:this.location;t[n].remove(),t[n].insertBefore(o);let s=t.splice(n,1);t.splice(e,0,...s)}}}}updateSplicedViews(e){let t=this.views,n=this.bindView,r=this.items,i=this.template,a=this.controller,o=this.directive.options.recycle,s=[],c=0,l=0;for(let u=0,d=e.length;u<d;++u){let d=e[u],f=d.removed,p=0,m=d.index,h=m+d.addedCount,g=t.splice(d.index,f.length),_=l=s.length+g.length;for(;m<h;++m){let e=t[m],u=e?e.firstChild:this.location,d;o&&l>0?(p<=_&&g.length>0?(d=g[p],p++):(d=s[c],c++),l--):d=i.create(),t.splice(m,0,d),n(d,r,m,a),d.insertBefore(u)}g[p]&&s.push(...g.slice(p))}for(let e=c,t=s.length;e<t;++e)s[e].dispose();if(this.directive.options.positioning)for(let e=0,n=t.length;e<n;++e){let r=t[e].context;r.length=n,r.index=e}}refreshAllViews(t=!1){let n=this.items,r=this.template,i=this.location,a=this.bindView,o=this.controller,s=n.length,c=this.views,l=c.length;if((s===0||t||!this.directive.options.recycle)&&(e._.disposeContiguousBatch(c),l=0),l===0){this.views=c=Array(s);for(let e=0;e<s;++e){let t=r.create();a(t,n,e,o),c[e]=t,t.insertBefore(i)}}else{let e=0;for(;e<s;++e)if(e<l){let t=c[e];if(!t){let t=new XMLSerializer;throw new T(`View is null or undefined inside "${this.location.getRootNode().host.nodeName}".`,{index:e,hydrationStage:this.controller.hydrationStage,itemsLength:s,viewsState:c.map(e=>e?`hydrated`:`empty`),viewTemplateString:t.serializeToString(r.create().fragment),rootNodeContent:t.serializeToString(this.location.getRootNode())})}a(t,n,e,o)}else{let t=r.create();a(t,n,e,o),c.push(t),t.insertBefore(i)}let t=c.splice(e,l-e);for(e=0,s=t.length;e<s;++e)t[e].dispose()}}unbindAllViews(){let e=this.views;for(let t=0,n=e.length;t<n;++t){let n=e[t];if(!n){let n=new XMLSerializer;throw new T(`View is null or undefined inside "${this.location.getRootNode().host.nodeName}".`,{index:t,hydrationStage:this.controller.hydrationStage,viewsState:e.map(e=>e?`hydrated`:`empty`),rootNodeContent:n.serializeToString(this.location.getRootNode())})}n.unbind()}}hydrateViews(t){if(!this.items)return;this.views=Array(this.items.length);let n=this.location.previousSibling;for(;n!==null;){if(!w(n)){n=n.previousSibling;continue}let r=e.y.parseRepeatEndMarker(n.data);if(r===null){n=n.previousSibling;continue}n.data=``;let i=n.previousSibling;if(!i)throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": end should never be null.`);let a=i,o=0;for(;a!==null;){if(w(a)){if(e.y.isRepeatViewEndMarker(a.data))o++;else if(e.y.isRepeatViewStartMarker(a.data))if(o)o--;else{if(e.y.parseRepeatStartMarker(a.data)!==r)throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": Mismatched start and end markers.`);a.data=``,n=a.previousSibling,a=a.nextSibling;let o=t.hydrate(a,i);this.views[r]=o,this.bindView(o,this.items,r,this.controller);break}}a=a.previousSibling}if(!a)throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": start should never be null.`)}}},D=class{createHTML(t){return e.C.comment(t(this))}constructor(e,t,n){this.dataBinding=e,this.templateBinding=t,this.options=n,y.enable()}createBehavior(){return new E(this)}};e.x.define(D);function O(e,t,n=x){return new D(b(e),b(t),Object.assign(Object.assign({},x),n))}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return D}});
+const e=require("./vivid-element.cjs");var t=class{constructor(e,t,n){this.index=e,this.removed=t,this.addedCount=n}adjustTo(e){let t=this.index,n=e.length;return t>n?t=n-this.addedCount:t<0&&(t=n+this.removed.length+t-this.addedCount),this.index=t<0?0:t,this}},n=class{constructor(e){this.sorted=e}},r=Object.freeze({reset:1,splice:2,optimized:3}),i=new t(0,e.F,0);i.reset=!0;var a=[i],o;(function(e){e[e.leave=0]=`leave`,e[e.update=1]=`update`,e[e.add=2]=`add`,e[e.delete=3]=`delete`})(o||={});function s(e,t,n,r,i,a){let o=a-i+1,s=n-t+1,c=Array(o),l,u;for(let e=0;e<o;++e)c[e]=Array(s),c[e][0]=e;for(let e=0;e<s;++e)c[0][e]=e;for(let n=1;n<o;++n)for(let a=1;a<s;++a)e[t+a-1]===r[i+n-1]?c[n][a]=c[n-1][a-1]:(l=c[n-1][a]+1,u=c[n][a-1]+1,c[n][a]=l<u?l:u);return c}function c(e){let t=e.length-1,n=e[0].length-1,r=e[t][n],i=[];for(;t>0||n>0;){if(t===0){i.push(o.add),n--;continue}if(n===0){i.push(o.delete),t--;continue}let a=e[t-1][n-1],s=e[t-1][n],c=e[t][n-1],l;l=s<c?s<a?s:a:c<a?c:a,l===a?(a===r?i.push(o.leave):(i.push(o.update),r=a),t--,n--):l===s?(i.push(o.delete),t--,r=s):(i.push(o.add),n--,r=c)}return i.reverse()}function l(e,t,n){for(let r=0;r<n;++r)if(e[r]!==t[r])return r;return n}function u(e,t,n){let r=e.length,i=t.length,a=0;for(;a<n&&e[--r]===t[--i];)a++;return a}function d(e,t,n,r){return t<n||r<e?-1:t===n||r===e?0:e<n?t<r?t-n:r-n:r<t?r-e:t-e}function f(n,r,i,a,d,f){let p=0,m=0,h=Math.min(i-r,f-d);if(r===0&&d===0&&(p=l(n,a,h)),i===n.length&&f===a.length&&(m=u(n,a,h-p)),r+=p,d+=p,i-=m,f-=m,i-r===0&&f-d===0)return e.F;if(r===i){let e=new t(r,[],0);for(;d<f;)e.removed.push(a[d++]);return[e]}if(d===f)return[new t(r,[],i-r)];let g=c(s(n,r,i,a,d,f)),_=[],v,y=r,b=d;for(let e=0;e<g.length;++e)switch(g[e]){case o.leave:v!==void 0&&(_.push(v),v=void 0),y++,b++;break;case o.update:v===void 0&&(v=new t(y,[],0)),v.addedCount++,y++,v.removed.push(a[b]),b++;break;case o.add:v===void 0&&(v=new t(y,[],0)),v.addedCount++,y++;break;case o.delete:v===void 0&&(v=new t(y,[],0)),v.removed.push(a[b]),b++}return v!==void 0&&_.push(v),_}function p(e,t){let n=!1,r=0;for(let i=0;i<t.length;i++){let a=t[i];if(a.index+=r,n)continue;let o=d(e.index,e.index+e.removed.length,a.index,a.index+a.addedCount);if(o>=0){t.splice(i,1),i--,r-=a.addedCount-a.removed.length,e.addedCount+=a.addedCount-o;let s=e.removed.length+a.removed.length-o;if(!e.addedCount&&!s)n=!0;else{let t=a.removed;if(e.index<a.index){let n=e.removed.slice(0,a.index-e.index);n.push(...t),t=n}if(e.index+e.removed.length>a.index+a.addedCount){let n=e.removed.slice(a.index+a.addedCount-e.index);t.push(...n)}e.removed=t,a.index<e.index&&(e.index=a.index)}}else if(e.index<a.index){n=!0,t.splice(i,0,e),i++;let o=e.addedCount-e.removed.length;a.index+=o,r+=o}}n||t.push(e)}function m(e,t){let n=[],r=[];for(let e=0,n=t.length;e<n;e++)p(t[e],r);for(let t=0,i=r.length;t<i;++t){let i=r[t];if(i.addedCount===1&&i.removed.length===1){i.removed[0]!==e[i.index]&&n.push(i);continue}n=n.concat(f(e,i.index,i.index+i.addedCount,i.removed,0,i.removed.length))}return n}var h=Object.freeze({support:r.optimized,normalize(t,n,r){return t===void 0?r===void 0?e.F:m(n,r):a},pop(e,n,r,i){let a=e.length>0,o=r.apply(e,i);return a&&n.addSplice(new t(e.length,[o],0)),o},push(e,n,r,i){let a=r.apply(e,i);return n.addSplice(new t(e.length-i.length,[],i.length).adjustTo(e)),a},reverse(e,t,r,i){let a=r.apply(e,i);e.sorted++;let o=[];for(let t=e.length-1;t>=0;t--)o.push(t);return t.addSort(new n(o)),a},shift(e,n,r,i){let a=e.length>0,o=r.apply(e,i);return a&&n.addSplice(new t(0,[o],0)),o},sort(e,t,r,i){let a=new Map;for(let t=0,n=e.length;t<n;++t){let n=a.get(e[t])||[];a.set(e[t],[...n,t])}let o=r.apply(e,i);e.sorted++;let s=[];for(let t=0,n=e.length;t<n;++t){let n=a.get(e[t]);s.push(n[0]),a.set(e[t],n.splice(1))}return t.addSort(new n(s)),o},splice(e,n,r,i){let a=r.apply(e,i);return n.addSplice(new t(+i[0],a,i.length>2?i.length-2:0).adjustTo(e)),a},unshift(e,n,r,i){let a=r.apply(e,i);return n.addSplice(new t(0,[],i.length).adjustTo(e)),a}});Object.freeze({reset:a,setDefaultStrategy(e){h=e}});function g(e,t,n,r=!0){Reflect.defineProperty(e,t,{value:n,enumerable:!1,writable:r})}var _=class extends e.N{get strategy(){return this._strategy}set strategy(e){this._strategy=e}get lengthObserver(){let t=this._lengthObserver;if(t===void 0){let n=this.subject;this._lengthObserver=t={length:n.length,handleChange(){this.length!==n.length&&(this.length=n.length,e.k.notify(t,`length`))}},this.subscribe(t)}return t}get sortObserver(){let t=this._sortObserver;if(t===void 0){let n=this.subject;this._sortObserver=t={sorted:n.sorted,handleChange(){this.sorted!==n.sorted&&(this.sorted=n.sorted,e.k.notify(t,`sorted`))}},this.subscribe(t)}return t}constructor(e){super(e),this.oldCollection=void 0,this.splices=void 0,this.sorts=void 0,this.needsQueue=!0,this._strategy=null,this._lengthObserver=void 0,this._sortObserver=void 0,this.call=this.flush,g(e,`$fastController`,this)}subscribe(e){this.flush(),super.subscribe(e)}addSplice(e){this.splices===void 0?this.splices=[e]:this.splices.push(e),this.enqueue()}addSort(e){this.sorts===void 0?this.sorts=[e]:this.sorts.push(e),this.enqueue()}reset(e){this.oldCollection=e,this.enqueue()}flush(){let e=this.splices,t=this.sorts,n=this.oldCollection;(e!==void 0||n!==void 0||t!==void 0)&&(this.needsQueue=!0,this.splices=void 0,this.sorts=void 0,this.oldCollection=void 0,t===void 0?this.notify((this._strategy??h).normalize(n,this.subject,e)):this.notify(t))}enqueue(){this.needsQueue&&(this.needsQueue=!1,e.M.enqueue(this))}},v=!1,y=Object.freeze({sorted:0,enable(){if(v)return;v=!0,e.k.setArrayObserverFactory(e=>new _(e));let t=Array.prototype;t.$fastPatch||(g(t,`$fastPatch`,1),g(t,`sorted`,0),[t.pop,t.push,t.reverse,t.shift,t.sort,t.splice,t.unshift].forEach(e=>{t[e.name]=function(...t){let n=this.$fastController;return n===void 0?e.apply(this,t):(n.strategy??h)[e.name](this,n,e,t)}}))}});function b(t){return e.I(t)?e.E(t):t instanceof e.D?t:e.T(()=>t)}var x=Object.freeze({positioning:!1,recycle:!0});function S(e,t,n,r){e.context.parent=r.source,e.context.parentContext=r.context,e.bind(t[n])}function C(e,t,n,r){e.context.parent=r.source,e.context.parentContext=r.context,e.context.length=t.length,e.context.index=n,e.bind(t[n])}function w(e){return e.nodeType===Node.COMMENT_NODE}var T=class extends Error{constructor(e,t){super(e),this.propertyBag=t}},E=class{constructor(e){this.directive=e,this.items=null,this.itemsObserver=null,this.bindView=S,this.views=[],this.itemsBindingObserver=e.dataBinding.createObserver(this,e),this.templateBindingObserver=e.templateBinding.createObserver(this,e),e.options.positioning&&(this.bindView=C)}bind(t){this.location=t.targets[this.directive.targetNodeId],this.controller=t,this.items=this.itemsBindingObserver.bind(t),this.template=this.templateBindingObserver.bind(t),this.observeItems(!0),e.b(this.template)&&e.b(t)&&t.hydrationStage!==e.v.hydrated?this.hydrateViews(this.template):this.refreshAllViews(),t.onUnbind(this)}unbind(){this.itemsObserver!==null&&this.itemsObserver.unsubscribe(this),this.unbindAllViews()}handleChange(e,t){if(t===this.itemsBindingObserver)this.items=this.itemsBindingObserver.bind(this.controller),this.observeItems(),this.refreshAllViews();else if(t===this.templateBindingObserver)this.template=this.templateBindingObserver.bind(this.controller),this.refreshAllViews(!0);else if(t[0])t[0].reset?this.refreshAllViews():t[0].sorted?this.updateSortedViews(t):this.updateSplicedViews(t);else return}observeItems(t=!1){if(!this.items){this.items=e.F;return}let n=this.itemsObserver,r=this.itemsObserver=e.k.getNotifier(this.items),i=n!==r;i&&n!==null&&n.unsubscribe(this),(i||t)&&r.subscribe(this)}updateSortedViews(e){let t=this.views;for(let n=0,r=e.length;n<r;++n){let r=e[n].sorted.slice(),i=r.slice().sort();for(let e=0,n=r.length;e<n;++e){let n=r.find(t=>r[e]===i[t]);if(n!==e){let r=i.splice(n,1);i.splice(e,0,...r);let a=t[e],o=a?a.firstChild:this.location;t[n].remove(),t[n].insertBefore(o);let s=t.splice(n,1);t.splice(e,0,...s)}}}}updateSplicedViews(e){let t=this.views,n=this.bindView,r=this.items,i=this.template,a=this.controller,o=this.directive.options.recycle,s=[],c=0,l=0;for(let u=0,d=e.length;u<d;++u){let d=e[u],f=d.removed,p=0,m=d.index,h=m+d.addedCount,g=t.splice(d.index,f.length),_=l=s.length+g.length;for(;m<h;++m){let e=t[m],u=e?e.firstChild:this.location,d;o&&l>0?(p<=_&&g.length>0?(d=g[p],p++):(d=s[c],c++),l--):d=i.create(),t.splice(m,0,d),n(d,r,m,a),d.insertBefore(u)}g[p]&&s.push(...g.slice(p))}for(let e=c,t=s.length;e<t;++e)s[e].dispose();if(this.directive.options.positioning)for(let e=0,n=t.length;e<n;++e){let r=t[e].context;r.length=n,r.index=e}}refreshAllViews(t=!1){let n=this.items,r=this.template,i=this.location,a=this.bindView,o=this.controller,s=n.length,c=this.views,l=c.length;if((s===0||t||!this.directive.options.recycle)&&(e._.disposeContiguousBatch(c),l=0),l===0){this.views=c=Array(s);for(let e=0;e<s;++e){let t=r.create();a(t,n,e,o),c[e]=t,t.insertBefore(i)}}else{let e=0;for(;e<s;++e)if(e<l){let t=c[e];if(!t){let t=new XMLSerializer;throw new T(`View is null or undefined inside "${this.location.getRootNode().host.nodeName}".`,{index:e,hydrationStage:this.controller.hydrationStage,itemsLength:s,viewsState:c.map(e=>e?`hydrated`:`empty`),viewTemplateString:t.serializeToString(r.create().fragment),rootNodeContent:t.serializeToString(this.location.getRootNode())})}a(t,n,e,o)}else{let t=r.create();a(t,n,e,o),c.push(t),t.insertBefore(i)}let t=c.splice(e,l-e);for(e=0,s=t.length;e<s;++e)t[e].dispose()}}unbindAllViews(){let e=this.views;for(let t=0,n=e.length;t<n;++t){let n=e[t];if(!n){let n=new XMLSerializer;throw new T(`View is null or undefined inside "${this.location.getRootNode().host.nodeName}".`,{index:t,hydrationStage:this.controller.hydrationStage,viewsState:e.map(e=>e?`hydrated`:`empty`),rootNodeContent:n.serializeToString(this.location.getRootNode())})}n.unbind()}}hydrateViews(t){if(!this.items)return;this.views=Array(this.items.length);let n=this.location.previousSibling;for(;n!==null;){if(!w(n)){n=n.previousSibling;continue}let r=e.y.parseRepeatEndMarker(n.data);if(r===null){n=n.previousSibling;continue}n.data=``;let i=n.previousSibling;if(!i)throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": end should never be null.`);let a=i,o=0;for(;a!==null;){if(w(a)){if(e.y.isRepeatViewEndMarker(a.data))o++;else if(e.y.isRepeatViewStartMarker(a.data)){if(o)o--;else{if(e.y.parseRepeatStartMarker(a.data)!==r)throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": Mismatched start and end markers.`);a.data=``,n=a.previousSibling,a=a.nextSibling;let o=t.hydrate(a,i);this.views[r]=o,this.bindView(o,this.items,r,this.controller);break}}}a=a.previousSibling}if(!a)throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": start should never be null.`)}}},D=class{createHTML(t){return e.C.comment(t(this))}constructor(e,t,n){this.dataBinding=e,this.templateBinding=t,this.options=n,y.enable()}createBehavior(){return new E(this)}};e.x.define(D);function O(e,t,n=x){return new D(b(e),b(t),Object.assign(Object.assign({},x),n))}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return D}});

package/bundled/repeat.js

@@ -1,5 +1,5 @@
 import { C as e, D as t, E as n, F as r, I as i, M as a, N as o, T as s, _ as c, b as l, k as u, v as d, x as f, y as p } from "./vivid-element.js";
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/observation/arrays.js
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/observation/arrays.js
 var m = class {
 	constructor(e, t, n) {
 		this.index = e, this.removed = t, this.addedCount = n;
@@ -64,7 +64,8 @@ function T(e, t, n, i, a, o) {
 		let e = new m(t, [], 0);
 		for (; a < o;) e.removed.push(i[a++]);
 		return [e];
-	} else if (a === o) return [new m(t, [], n - t)];
+	}
+	if (a === o) return [new m(t, [], n - t)];
 	let u = x(b(e, t, n, i, a, o)), d = [], f, p = t, h = a;
 	for (let e = 0; e < u.length; ++e) switch (u[e]) {
 		case y.leave:
@@ -76,9 +77,7 @@ function T(e, t, n, i, a, o) {
 		case y.add:
 			f === void 0 && (f = new m(p, [], 0)), f.addedCount++, p++;
 			break;
-		case y.delete:
-			f === void 0 && (f = new m(p, [], 0)), f.removed.push(i[h]), h++;
-			break;
+		case y.delete: f === void 0 && (f = new m(p, [], 0)), f.removed.push(i[h]), h++;
 	}
 	return f !== void 0 && d.push(f), d;
 }
@@ -236,7 +235,7 @@ var A = class extends o {
 	}
 	flush() {
 		let e = this.splices, t = this.sorts, n = this.oldCollection;
-		e === void 0 && n === void 0 && t === void 0 || (this.needsQueue = !0, this.splices = void 0, this.sorts = void 0, this.oldCollection = void 0, t === void 0 ? this.notify((this._strategy ?? O).normalize(n, this.subject, e)) : this.notify(t));
+		(e !== void 0 || n !== void 0 || t !== void 0) && (this.needsQueue = !0, this.splices = void 0, this.sorts = void 0, this.oldCollection = void 0, t === void 0 ? this.notify((this._strategy ?? O).normalize(n, this.subject, e)) : this.notify(t));
 	}
 	enqueue() {
 		this.needsQueue && (this.needsQueue = !1, a.enqueue(this));
@@ -264,12 +263,12 @@ var A = class extends o {
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/binding/normalize.js
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/binding/normalize.js
 function N(e) {
 	return i(e) ? n(e) : e instanceof t ? e : s(() => e);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.4/node_modules/@microsoft/fast-element/dist/esm/templating/repeat.js
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.10.5/node_modules/@microsoft/fast-element/dist/esm/templating/repeat.js
 var P = Object.freeze({
 	positioning: !1,
 	recycle: !0
@@ -413,13 +412,15 @@ var R = class extends Error {
 			for (; i !== null;) {
 				if (L(i)) {
 					if (p.isRepeatViewEndMarker(i.data)) a++;
-					else if (p.isRepeatViewStartMarker(i.data)) if (a) a--;
-					else {
-						if (p.parseRepeatStartMarker(i.data) !== n) throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": Mismatched start and end markers.`);
-						i.data = "", t = i.previousSibling, i = i.nextSibling;
-						let a = e.hydrate(i, r);
-						this.views[n] = a, this.bindView(a, this.items, n, this.controller);
-						break;
+					else if (p.isRepeatViewStartMarker(i.data)) {
+						if (a) a--;
+						else {
+							if (p.parseRepeatStartMarker(i.data) !== n) throw Error(`Error when hydrating inside "${this.location.getRootNode().host.nodeName}": Mismatched start and end markers.`);
+							i.data = "", t = i.previousSibling, i = i.nextSibling;
+							let a = e.hydrate(i, r);
+							this.views[n] = a, this.bindView(a, this.items, n, this.controller);
+							break;
+						}
 					}
 				}
 				i = i.previousSibling;

package/bundled/scrollIntoView.cjs

@@ -1 +1 @@
-function e(e,n,r){let i=e.getRootNode()===n.getRootNode()?e.offsetTop:t(e);switch(r){case`start`:n.scrollTop=i;break;case`nearest`:i<n.scrollTop&&(n.scrollTop=i),i+e.offsetHeight>n.scrollTop+n.offsetHeight&&(n.scrollTop=i+e.offsetHeight-n.offsetHeight);break}}function t(e){let t=e.offsetParent,n=e.offsetTop,i=r(e);for(;i!==t;)n-=i.offsetTop,i=r(i);return n}function n(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function r(e){for(let t=n(e);t;t=n(t)){if(!(t instanceof Element))continue;let e=getComputedStyle(t);if(e.display!==`contents`&&(e.position!==`static`||e.filter!==`none`||t.tagName===`BODY`))return t}return null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
+function e(e,n,r){let i=e.getRootNode()===n.getRootNode()?e.offsetTop:t(e);switch(r){case`start`:n.scrollTop=i;break;case`nearest`:i<n.scrollTop&&(n.scrollTop=i),i+e.offsetHeight>n.scrollTop+n.offsetHeight&&(n.scrollTop=i+e.offsetHeight-n.offsetHeight)}}function t(e){let t=e.offsetParent,n=e.offsetTop,i=r(e);for(;i!==t;)n-=i.offsetTop,i=r(i);return n}function n(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function r(e){for(let t=n(e);t;t=n(t)){if(!(t instanceof Element))continue;let e=getComputedStyle(t);if(e.display!==`contents`&&(e.position!==`static`||e.filter!==`none`||t.tagName===`BODY`))return t}return null}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/bundled/scrollIntoView.js

@@ -5,9 +5,7 @@ function e(e, n, r) {
 		case "start":
 			n.scrollTop = i;
 			break;
-		case "nearest":
-			i < n.scrollTop && (n.scrollTop = i), i + e.offsetHeight > n.scrollTop + n.offsetHeight && (n.scrollTop = i + e.offsetHeight - n.offsetHeight);
-			break;
+		case "nearest": i < n.scrollTop && (n.scrollTop = i), i + e.offsetHeight > n.scrollTop + n.offsetHeight && (n.scrollTop = i + e.offsetHeight - n.offsetHeight);
 	}
 }
 function t(e) {

package/bundled/single-date-picker.cjs

@@ -1 +1 @@
-var e=e=>{class t extends e{valueChanged(e,t){super.valueChanged(e,t),this.value&&this._adjustSelectedMonthToEnsureVisibilityOf(this._dateValue())}_onDateClick(e){this._updateValueDueToUserInteraction(this._withUpdatedDate(e),!1)}_isDateSelected(e){return e===this._dateValue()}_isDateAriaSelected(e){return this._isDateSelected(e)}_getSelectedDates(){let e=[];return this.value&&e.push(this._dateValue()),e}}return t};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
+var e=e=>{class t extends e{valueChanged(e,t){super.valueChanged(e,t),this.value&&this._adjustSelectedMonthToEnsureVisibilityOf(this._dateValue())}_onDateClick(e){this._updateValueDueToUserInteraction(this._withUpdatedDate(e),!1)}_isDateSelected(e){return e===this._dateValue()}_isDateAriaSelected(e){return this._isDateSelected(e)}_getSelectedDates(){let e=[];return this.value&&e.push(this._dateValue()),e}}return t};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/bundled/single-value-picker.cjs

@@ -1 +1 @@
-var e=e=>{class t extends e{constructor(...e){super(...e),this._isInternalValueUpdate=!1}valueChanged(e,t){if(super.valueChanged(e,t),this.value&&!this._isValidValue(this.value)){this.value=``;return}this._isInternalValueUpdate||this._updatePresentationValue()}_updatePresentationValue(){this.value?this._presentationValue=this._toPresentationValue(this.value):this._presentationValue=``}_updateValueDueToUserInteraction(e,t){this.value!==e&&(this._isInternalValueUpdate=!0,this.value=e,this._isInternalValueUpdate=!1,this.$emit(`input`)),t||(this._updatePresentationValue(),this.$emit(`change`))}_onTextFieldChange(){if(this._presentationValue===``){this._updateValueDueToUserInteraction(``,!1);return}try{this._updateValueDueToUserInteraction(this._parsePresentationValue(this._presentationValue),!1)}catch{let e=this._presentationValue;this._updateValueDueToUserInteraction(``,!1),this._presentationValue=e;return}}_onTextFieldInput(e){if(super._onTextFieldInput(e),this._presentationValue===``){this._updateValueDueToUserInteraction(``,!0);return}try{this._updateValueDueToUserInteraction(this._parsePresentationValue(this._presentationValue),!0)}catch{return}}_isPresentationValueInvalid(){if(this._presentationValue===``)return!1;try{return this._parsePresentationValue(this._presentationValue),!1}catch{return!0}}_onClearClick(){this._updateValueDueToUserInteraction(``,!1),super._onClearClick()}}return t};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
+var e=e=>{class t extends e{constructor(...e){super(...e),this._isInternalValueUpdate=!1}valueChanged(e,t){if(super.valueChanged(e,t),this.value&&!this._isValidValue(this.value)){this.value=``;return}this._isInternalValueUpdate||this._updatePresentationValue()}_updatePresentationValue(){this._presentationValue=this.value?this._toPresentationValue(this.value):``}_updateValueDueToUserInteraction(e,t){this.value!==e&&(this._isInternalValueUpdate=!0,this.value=e,this._isInternalValueUpdate=!1,this.$emit(`input`)),t||(this._updatePresentationValue(),this.$emit(`change`))}_onTextFieldChange(){if(this._presentationValue===``){this._updateValueDueToUserInteraction(``,!1);return}try{this._updateValueDueToUserInteraction(this._parsePresentationValue(this._presentationValue),!1)}catch{let e=this._presentationValue;this._updateValueDueToUserInteraction(``,!1),this._presentationValue=e;return}}_onTextFieldInput(e){if(super._onTextFieldInput(e),this._presentationValue===``){this._updateValueDueToUserInteraction(``,!0);return}try{this._updateValueDueToUserInteraction(this._parsePresentationValue(this._presentationValue),!0)}catch{return}}_isPresentationValueInvalid(){if(this._presentationValue===``)return!1;try{return this._parsePresentationValue(this._presentationValue),!1}catch{return!0}}_onClearClick(){this._updateValueDueToUserInteraction(``,!1),super._onClearClick()}}return t};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/bundled/single-value-picker.js

@@ -12,7 +12,7 @@ var e = (e) => {
 			this._isInternalValueUpdate || this._updatePresentationValue();
 		}
 		_updatePresentationValue() {
-			this.value ? this._presentationValue = this._toPresentationValue(this.value) : this._presentationValue = "";
+			this._presentationValue = this.value ? this._toPresentationValue(this.value) : "";
 		}
 		_updateValueDueToUserInteraction(e, t) {
 			this.value !== e && (this._isInternalValueUpdate = !0, this.value = e, this._isInternalValueUpdate = !1, this.$emit("input")), t || (this._updatePresentationValue(), this.$emit("change"));

package/bundled/slider.template.cjs

@@ -1,41 +1,41 @@
-const e=require(`./vivid-element.cjs`),t=require(`./ref.cjs`),n=require(`./when.cjs`),r=require(`./aria.cjs`),i=require(`./class-names.cjs`),a=require(`./numbers.cjs`),o=require(`./delegates-aria.cjs`),s=require(`./definition8.cjs`);var c=e=>{let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0))},l=(e,t)=>{let n=10**c(t),r=Math.round(e/t)*t;return Math.round(r*n)/n},u=e=>e>0?e:1,d={fromView(e){return u(Number(e))},toView(e){return e.toString()}},f=(e,t,n)=>e+(t-e)*n,p=(e,t,n)=>a.n(0,1,(n-e)/(t-e)),m=(t,n)=>{let r=t?[`right`,`center`,``,`100% repeat-x`]:[`bottom`,`top`,`100%`,`repeat-y`];return e.p` <div
+const e=require("./localized.cjs"),t=require("./vivid-element.cjs"),n=require("./ref.cjs"),r=require("./when.cjs"),i=require("./decorate.cjs"),a=require("./aria.cjs"),o=require("./class-names.cjs"),s=require("./key-codes.cjs"),c=require("./numbers.cjs"),l=require("./delegates-aria.cjs"),u=require("./component-enum.cjs"),d=require("./form-associated.cjs"),f=require("./definition7.cjs");var p;(function(e){e.ltr=`ltr`,e.rtl=`rtl`})(p||={});var m=e=>{let t=e.closest(`[dir]`);return t!==null&&t.dir===`rtl`?p.rtl:p.ltr},h=e=>{let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0))},g=(e,t)=>{let n=10**h(t),r=Math.round(e/t)*t;return Math.round(r*n)/n},_=e=>e>0?e:1,v={fromView(e){return _(Number(e))},toView(e){return e.toString()}},y=(e,t,n)=>e+(t-e)*n,b=(e,t,n)=>c.n(0,1,(n-e)/(t-e)),x=u.t([`accent`,`cta`],`accent`),S={singleValue:`single-value`},C=class extends e.t(l.t(d.n(t.t))){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.direction=p.ltr,this.isDragging=!1,this.trackWidth=0,this.trackMinWidth=0,this.trackHeight=0,this.trackLeft=0,this.trackMinHeight=0,this.valueTextFormatter=e=>parseFloat(e).toLocaleString(this.locale.lang),this.min=0,this.max=10,this.step=1,this.orientation=a.t.horizontal,this.mode=S.singleValue,this.keypressHandler=e=>{if(this._focusVisible=!0,!this.readOnly){if(e.key===`Home`)e.preventDefault(),this.value=`${this.min}`;else if(e.key===`End`)e.preventDefault(),this.value=`${this.max}`;else{if(e.shiftKey)return;switch(e.key){case s.r:case s.i:e.preventDefault(),this.increment();break;case s.n:case s.t:e.preventDefault(),this.decrement()}}}},this.setupTrackConstraints=()=>{let e=this.track.getBoundingClientRect();this.trackWidth=this.track.clientWidth,this.trackMinWidth=this.track.clientLeft,this.trackHeight=e.bottom,this.trackMinHeight=e.top,this.trackLeft=this.getBoundingClientRect().left,this.trackWidth===0&&(this.trackWidth=1)},this.setupListeners=(e=!1)=>{let t=e?`removeEventListener`:`addEventListener`;this[t](`keydown`,this.keypressHandler),this[t](`mousedown`,this.handleMouseDown),this.thumb[t](`mousedown`,this.handleThumbMouseDown,{passive:!0}),this.thumb[t](`touchstart`,this.handleThumbMouseDown,{passive:!0}),e&&(this.handleMouseDown(null),this.handleThumbMouseDown(null))},this.initialValue=``,this.handleThumbMouseDown=e=>{if(e){if(this.readOnly||this.disabled||e.defaultPrevented)return;this.#r=!0,e.target.focus(),this.#r=!1}let t=e===null?`removeEventListener`:`addEventListener`;window[t](`mouseup`,this.handleWindowMouseUp),window[t](`mousemove`,this.handleMouseMove,{passive:!0}),window[t](`touchmove`,this.handleMouseMove,{passive:!0}),window[t](`touchend`,this.handleWindowMouseUp),this.isDragging=e!==null},this.handleMouseMove=e=>{if(this.readOnly||this.disabled||e.defaultPrevented)return;let t=`TouchEvent`in window&&e instanceof TouchEvent?e.touches[0]:e,n=this.#t(t);this.value=`${this.#n(n)}`},this.handleWindowMouseUp=e=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handleMouseDown(null),this.handleThumbMouseDown(null)},this.handleMouseDown=e=>{let t=e===null?`removeEventListener`:`addEventListener`;if((e===null||!this.disabled&&!this.readOnly)&&(window[t](`mouseup`,this.handleWindowMouseUp),window.document[t](`mouseleave`,this.handleWindowMouseUp),window[t](`mousemove`,this.handleMouseMove),e)){e.preventDefault(),this.setupTrackConstraints(),this.#r=!0,e.target.focus(),this.#r=!1;let t=this.#t(e);this.value=`${this.#n(t)}`,this.isDragging=!0}},this.markers=!1,this.pin=!1,this._focusVisible=!1,this._hoveringOnThumb=!1,this.#r=!1,this._onFocusIn=()=>{this.#r||(this._focusVisible=!0),this.#r=!1},this._onFocusOut=()=>{this._focusVisible=!1},this.#o=()=>{document.hidden&&this.shadowRoot.activeElement!==null&&(this.#r=!0)},this.#s=()=>{this._hoveringOnThumb=!0},this.#c=()=>{this._hoveringOnThumb=!1}}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}get valueAsNumber(){return parseFloat(this.value)}set valueAsNumber(e){this.value=e.toString()}valueChanged(e,t){if(super.valueChanged(e,t),this.$fastController.isConnected){let e=parseFloat(t),n=this.#n(e).toString();if(n!==t){this.value=n;return}this.setThumbPositionForOrientation(this.direction),this.$emit(`change`)}}minChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.min=`${this.min}`),this.validate()}maxChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.max=`${this.max}`),this.validate()}stepChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.step=`${this.step}`),this.updateStepMultiplier(),this.validate()}orientationChanged(){this.$fastController.isConnected&&this.setThumbPositionForOrientation(this.direction)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute(`type`,`range`),this.direction=m(this),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setThumbPositionForOrientation(this.direction),this.#i(),document.addEventListener(`visibilitychange`,this.#o)}disconnectedCallback(){this.setupListeners(!0),this.#a(),document.removeEventListener(`visibilitychange`,this.#o)}increment(){let e=this.direction!==p.rtl&&this.orientation!==a.t.vertical?Number(this.value)+this.step:Number(this.value)-this.step;this.value=this.#n(e).toString()}decrement(){let e=this.direction!==p.rtl&&this.orientation!==a.t.vertical?Number(this.value)-this.step:Number(this.value)+this.step;this.value=this.#n(e).toString()}setThumbPositionForOrientation(e){let t=this.#e(this.valueAsNumber);this.position=this.orientation===a.t.horizontal?this.isDragging?`right: ${t}%; transition: none;`:`right: ${t}%; transition: right 0.2s ease;`:this.isDragging?`bottom: ${t}%; transition: none;`:`bottom: ${t}%; transition: bottom 0.2s ease;`}#e(e){return(1-b(this.min,this.max,e))*100}updateStepMultiplier(){let e=String(this.step),t=this.step%1?e.length-e.indexOf(`.`)-1:0;this.stepMultiplier=10**t}get midpoint(){return`${this.#n((this.max+this.min)/2)}`}setupDefaultValue(){if(typeof this.value==`string`){if(this.value.length===0)this.initialValue=this.midpoint;else{let e=parseFloat(this.value);!Number.isNaN(e)&&(e<this.min||e>this.max)&&(this.value=this.midpoint)}}}#t(e){let t=this.track.getBoundingClientRect(),[n,r,i]=this.orientation===a.t.horizontal?[this.track.clientLeft,this.track.clientWidth,e.pageX-document.documentElement.scrollLeft-this.getBoundingClientRect().left]:[t.top,t.bottom,e.pageY-document.documentElement.scrollTop];return y(this.min,this.max,b(n,r,i))}#n(e){return c.n(this.min,this.max,g(e-this.min,this.step)+this.min)}get _isThumbPopupOpen(){return this._focusVisible||this._hoveringOnThumb||this.isDragging}#r;#i(){this.thumb.addEventListener(`mouseover`,this.#s,{passive:!0}),this.thumb.addEventListener(`mouseout`,this.#c,{passive:!0})}#a(){this.thumb.removeEventListener(`mouseover`,this.#s),this.thumb.removeEventListener(`mouseout`,this.#c)}#o;#s;#c};i.t([t.m({attribute:`readonly`,mode:`boolean`})],C.prototype,`readOnly`,void 0),i.t([t.A],C.prototype,`direction`,void 0),i.t([t.A],C.prototype,`isDragging`,void 0),i.t([t.A],C.prototype,`position`,void 0),i.t([t.A],C.prototype,`trackWidth`,void 0),i.t([t.A],C.prototype,`trackMinWidth`,void 0),i.t([t.A],C.prototype,`trackHeight`,void 0),i.t([t.A],C.prototype,`trackLeft`,void 0),i.t([t.A],C.prototype,`trackMinHeight`,void 0),i.t([t.A],C.prototype,`valueTextFormatter`,void 0),i.t([t.m({converter:t.h})],C.prototype,`min`,void 0),i.t([t.m({converter:t.h})],C.prototype,`max`,void 0),i.t([t.m({converter:v})],C.prototype,`step`,void 0),i.t([t.m],C.prototype,`orientation`,void 0),i.t([t.m],C.prototype,`mode`,void 0),i.t([t.m({mode:`boolean`})],C.prototype,`markers`,void 0),i.t([t.m({mode:`boolean`})],C.prototype,`pin`,void 0),i.t([t.m],C.prototype,`connotation`,void 0),i.t([t.A],C.prototype,`_focusVisible`,void 0),i.t([t.A],C.prototype,`_hoveringOnThumb`,void 0),i.t([t.j],C.prototype,`_isThumbPopupOpen`,null);var w=(e,n)=>{let r=e?[`right`,`center`,``,`100% repeat-x`]:[`bottom`,`top`,`100%`,`repeat-y`];return t.p` <div
 		class="mark"
 		style="
 	background: linear-gradient(to ${r[0]}, currentcolor 1px, transparent 0px)
 	0px ${r[1]} / ${r[2]} calc((100% - 1px) / ${n}) ${r[3]}
 	"
-	></div>`},h=a=>{let c=a.tagFor(s.i);return e.p`<template
+	></div>`},T=e=>{let i=e.tagFor(f.i);return t.p`<template
 		@focusin="${e=>e._onFocusIn()}"
 		@focusout="${e=>e._onFocusOut()}"
 	>
 		<div
 			tabindex="${e=>e.disabled?null:0}"
-			class="${e=>i.t(`control`,[`disabled`,e.disabled],[`connotation-${e.connotation}`,!!e.connotation])} ${e=>e.orientation}"
-			${o.n({role:`slider`,ariaValueText:e=>e.ariaValueText||e.valueTextFormatter(e.value),ariaValueNow:e=>e.value,ariaValueMin:e=>e.min,ariaValueMax:e=>e.max,ariaDisabled:e=>e.disabled?`true`:null,ariaOrientation:e=>e.orientation})}
+			class="${e=>o.t(`control`,[`disabled`,e.disabled],`connotation-${x.parse(e.connotation)}`,`appearance-filled`,`with-idle`)} ${e=>e.orientation}"
+			${l.n({role:`slider`,ariaValueText:e=>e.ariaValueText||e.valueTextFormatter(e.value),ariaValueNow:e=>e.value,ariaValueMin:e=>e.min,ariaValueMax:e=>e.max,ariaDisabled:e=>e.disabled?`true`:null,ariaOrientation:e=>e.orientation})}
 		>
 			<div class="positioning-region">
-				<div ${t.t(`track`)} class="track">
-					${e=>e.markers?m(e.orientation===r.t.horizontal,Math.floor((e.max-e.min)/e.step)):void 0}
+				<div ${n.t(`track`)} class="track">
+					${e=>e.markers?w(e.orientation===a.t.horizontal,Math.floor((e.max-e.min)/e.step)):void 0}
 					<div class="track-start" style="${e=>e.position}"></div>
 				</div>
 				<div
-					${t.t(`thumb`)}
-					class="${e=>i.t(`thumb-container`,[`focus-visible`,e._focusVisible])}"
+					${n.t(`thumb`)}
+					class="${e=>o.t(`thumb-container`,[`focus-visible`,e._focusVisible])}"
 					style="${e=>e.position}"
 				></div>
-				${n.t(e=>e.pin,e.p`<${c}
+				${r.t(e=>e.pin,t.p`<${i}
 					class="popup"
 					arrow
 					alternate
 					:anchor="${e=>e.thumb}"
 					:open=${e=>e._isThumbPopupOpen}
-					:placementStrategy=${e=>e.orientation===r.t.horizontal?s.r.AutoPlacementHorizontal:s.r.AutoPlacementVertical}
+					:placementStrategy=${e=>e.orientation===a.t.horizontal?f.r.AutoPlacementHorizontal:f.r.AutoPlacementVertical}
 					animation-frame
 					exportparts="vvd-theme-alternate"
 					aria-hidden="true"
 				>
 					<div class="tooltip">${e=>e.ariaValueText||e.valueTextFormatter(e.value)}</div>
-				</${c}>`)}
+				</${i}>`)}
 			</div>
 		</div></template
-	>`};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});
+	>`};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}});