@vonage/vivid 5.18.0 → 5.20.0

package/bundled/definition8.js

@@ -1,4 +1,4 @@
-import { T as e, d as t, l as n, o as r, s as i, t as a, u as o } from "./vivid-element.js";
+import { A as e, d as t, h as n, m as r, p as i, t as a, u as o } from "./vivid-element.js";
 import { t as s } from "./ref.js";
 import { t as c } from "./when.js";
 import { t as l } from "./decorate.js";
@@ -31,7 +31,7 @@ var T = {
 	] })
 }, D = class extends a {
 	constructor(...e) {
-		super(...e), this.open = !1, this.dismissible = !1, this.arrow = !1, this.alternate = !1, this.placementStrategy = T.Flip, this.animationFrame = !1, this.strategy = "fixed", this.offset = null;
+		super(...e), this.open = !1, this.dismissible = !1, this.arrow = !1, this.alternate = !1, this.placementStrategy = T.Flip, this.animationFrame = !1, this.strategy = "fixed", this.offset = null, this.#a = () => (this.#i = this.updatePosition(), this.#i);
 	}
 	get #e() {
 		let e = [
@@ -77,7 +77,7 @@ var T = {
 		this.popupEl && this.strategy === "fixed" && (this.open ? this.popupEl.showPopover() : this.popupEl.hidePopover());
 	}
 	#i;
-	#a = () => (this.#i = this.updatePosition(), this.#i);
+	#a;
 	async updatePosition() {
 		if (!this.open || !this.anchorEl) return;
 		let e = await _(this.anchorEl, this.popupEl, {
@@ -117,12 +117,12 @@ var T = {
 		this.open = !1;
 	}
 };
-l([n({ mode: "boolean" })], D.prototype, "open", void 0), l([n({ mode: "boolean" })], D.prototype, "dismissible", void 0), l([n({ mode: "boolean" })], D.prototype, "arrow", void 0), l([n({ mode: "boolean" })], D.prototype, "alternate", void 0), l([n({ mode: "fromView" })], D.prototype, "placement", void 0), l([n({
+l([r({ mode: "boolean" })], D.prototype, "open", void 0), l([r({ mode: "boolean" })], D.prototype, "dismissible", void 0), l([r({ mode: "boolean" })], D.prototype, "arrow", void 0), l([r({ mode: "boolean" })], D.prototype, "alternate", void 0), l([r({ mode: "fromView" })], D.prototype, "placement", void 0), l([r({
 	mode: "boolean",
 	attribute: "animation-frame"
-})], D.prototype, "animationFrame", void 0), l([n({ mode: "fromView" })], D.prototype, "strategy", void 0), l([n({
+})], D.prototype, "animationFrame", void 0), l([r({ mode: "fromView" })], D.prototype, "strategy", void 0), l([r({
 	attribute: "offset",
-	converter: o
+	converter: n
 })], D.prototype, "offset", void 0), l([e], D.prototype, "anchor", void 0);
 //#endregion
 //#region src/lib/popup/popup.scss?inline
@@ -132,22 +132,22 @@ function A(e) {
 }
 //#endregion
 //#region src/lib/popup/definition.ts
-var j = r("popup", D, (e) => {
-	let n = e.tagFor(p), r = e.tagFor(d);
-	return t`
-  <${n}>
+var j = o("popup", D, (e) => {
+	let t = e.tagFor(p), n = e.tagFor(d);
+	return i`
+  <${t}>
 		<div popover="${A}" class="popup-wrapper ${(e) => e.strategy}" ${s("popupEl")} part="popup-base">
 			<div ${s("controlEl")} class="${k}" aria-hidden="${(e) => e.open ? "false" : "true"}"
 				part="${(e) => e.alternate ? "vvd-theme-alternate" : ""}">
 				<div class="popup-content">
 					<slot></slot>
-					${c((e) => e.dismissible, t`<${r} size="condensed" @click="${(e) => e.open = !1}"
-						class="dismissible-button" icon="close-small-solid" shape="pill"></${r}>`)}
+					${c((e) => e.dismissible, i`<${n} size="condensed" @click="${(e) => e.open = !1}"
+						class="dismissible-button" icon="close-small-solid" shape="pill"></${n}>`)}
 				</div>
-				${c((e) => e.arrow, t`<div class="arrow" ${s("arrowEl")}></div>`)}
+				${c((e) => e.arrow, i`<div class="arrow" ${s("arrowEl")}></div>`)}
 			</div>
     </div>
-  </${n}>`;
-}, [m, f], { styles: O }), M = i(j);
+  </${t}>`;
+}, [m, f], { styles: O }), M = t(j);
 //#endregion
 export { D as i, M as n, T as r, j as t };

package/bundled/definition9.cjs

@@ -1,12 +1,16 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./class-names.cjs`),r=require(`./definition8.cjs`),i=require(`./anchored.cjs`),a=require(`./dialog.cjs`);var o=`:host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.control{pointer-events:none}.tooltip{width:var(--tooltip-inline-size,auto);box-sizing:border-box;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);max-inline-size:var(--tooltip-max-inline-size,30ch);padding:8px 12px}`,s=class extends i.t(e.t){constructor(...e){super(...e),this.open=!1}connectedCallback(){super.connectedCallback(),this.#a()}disconnectedCallback(){super.disconnectedCallback(),this.#a()}_anchorElChanged(e,t){e&&this.#t(e),t&&this.#e(t)}#e(e){e.addEventListener(`mouseover`,this.#n),e.addEventListener(`mouseout`,this.#r),e.addEventListener(`focusin`,this.#n),e.addEventListener(`focusout`,this.#r),e.setAttribute(`aria-haspopup`,`true`),e.setAttribute(`aria-expanded`,String(this.open))}#t(e){e.removeEventListener(`mouseover`,this.#n),e.removeEventListener(`mouseout`,this.#r),e.removeEventListener(`focusin`,this.#n),e.removeEventListener(`focusout`,this.#r),e.removeAttribute(`aria-haspopup`),e.removeAttribute(`aria-expanded`)}#n=()=>{this.open=!0,this.#i()};#r=()=>{this.open=!1,this.#i()};#i(){this._anchorEl&&this._anchorEl.setAttribute(`aria-expanded`,String(this.open))}#a(){document.removeEventListener(`keydown`,this.#o),this.open&&this.isConnected&&document.addEventListener(`keydown`,this.#o)}#o=e=>{e.key===`Escape`&&this.#r()};openChanged(e){e!==void 0&&this.#a()}};t.t([e.l],s.prototype,`text`,void 0),t.t([e.l({mode:`fromView`})],s.prototype,`placement`,void 0),t.t([e.l({mode:`boolean`})],s.prototype,`open`,void 0);var c=({open:e})=>n.t(`control`,[`open`,!!e]),l=e.o(`tooltip`,s,t=>{let n=t.tagFor(r.i);return e.d`
-${i.n()}
-<${n} class="${c}" arrow alternate
+const e=require(`./vivid-element.cjs`),t=require(`./slotted.cjs`),n=require(`./decorate.cjs`),r=require(`./kbd-shortcut.cjs`),i=require(`./class-names.cjs`),a=require(`./definition8.cjs`),o=require(`./anchored.cjs`),s=require(`./render-in-light-dom.cjs`),c=require(`./dialog.cjs`);var l=`:host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.control{pointer-events:none}.tooltip{width:var(--tooltip-inline-size,auto);box-sizing:border-box;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);max-inline-size:var(--tooltip-max-inline-size,30ch);flex-direction:column;align-items:flex-start;gap:4px;padding:8px 12px;display:flex}`,u=class extends r.t(o.t(e.t)){constructor(...e){super(...e),this.open=!1,this._descriptionId=`vwc-tooltip-desc-${s.n()}`,this.#n=()=>{this.open=!0},this.#r=()=>{this.open=!1},this.#a=e=>{e.key===`Escape`&&this.#r()}}_kbdAriaShortcutsValueChanged(){this._anchorEl&&e.P.setAttribute(this._anchorEl,`aria-keyshortcuts`,this._kbdAriaShortcutsValue)}connectedCallback(){super.connectedCallback(),this.#i()}disconnectedCallback(){super.disconnectedCallback(),this.#i()}_anchorElChanged(e,t){e&&this.#t(e),t&&this.#e(t)}#e(t){t.addEventListener(`mouseover`,this.#n),t.addEventListener(`mouseout`,this.#r),t.addEventListener(`focusin`,this.#n),t.addEventListener(`focusout`,this.#r);let n=t.getAttribute(`aria-describedby`)??t.ariaDescribedBy;t.setAttribute(`aria-describedby`,n?`${n} ${this._descriptionId}`:this._descriptionId),e.P.setAttribute(t,`aria-keyshortcuts`,this._kbdAriaShortcutsValue)}#t(t){t.removeEventListener(`mouseover`,this.#n),t.removeEventListener(`mouseout`,this.#r),t.removeEventListener(`focusin`,this.#n),t.removeEventListener(`focusout`,this.#r);let n=(t.getAttribute(`aria-describedby`)??t.ariaDescribedBy??``).split(` `).filter(e=>e!==this._descriptionId),r=n.length?n.join(` `):null;t.hasAttribute(`aria-describedby`)?e.P.setAttribute(t,`aria-describedby`,r):t.ariaDescribedBy=r,t.removeAttribute(`aria-keyshortcuts`)}#n;#r;#i(){document.removeEventListener(`keydown`,this.#a),this.open&&this.isConnected&&document.addEventListener(`keydown`,this.#a)}#a;openChanged(e){e!==void 0&&this.#i()}};n.t([e.m],u.prototype,`text`,void 0),n.t([e.m({mode:`fromView`})],u.prototype,`placement`,void 0),n.t([e.m({mode:`boolean`})],u.prototype,`open`,void 0);var d=({open:e})=>i.t(`control`,[`open`,!!e]),f=e.u(`tooltip`,u,n=>{let r=n.tagFor(a.i);return e.p`
+${o.n()}
+${s.t(e.p`<span slot="_description" id="${e=>e._descriptionId}">${e=>e.text}</span>`)}
+<${r} class="${d}" arrow alternate
 	:placement=${e=>e.placement}
 	:anchor="${e=>e._anchorEl}"
 	:open="${e=>e.open}"
-	@keydown="${(e,t)=>{e.open&&a.t(t.event)&&(e.open=!1)}}"
+	@keydown="${(e,t)=>{e.open&&c.t(t.event)&&(e.open=!1)}}"
   exportparts="vvd-theme-alternate">
   <div part="vvd-theme-alternate" class="tooltip" role="tooltip">
-		${e=>e.text}
+		<span class="text"><slot name="_description"></slot></span>
+		<slot name="kbd-shortcut"
+			${t.t({property:`_kbdShortcutSlotted`,filter:t.r()})}
+		></slot>
   </div>
-</${n}>`},[r.t],{styles:o}),u=e.s(l);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
+</${r}>`},[a.t],{styles:l}),p=e.d(f);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});

package/bundled/definition9.js

@@ -1,68 +1,82 @@
-import { d as e, l as t, o as n, s as r, t as i } from "./vivid-element.js";
-import { t as a } from "./decorate.js";
-import { t as o } from "./class-names.js";
-import { i as s, t as c } from "./definition8.js";
-import { n as l, t as u } from "./anchored.js";
-import { t as d } from "./dialog.js";
+import { P as e, d as t, m as n, p as r, t as i, u as a } from "./vivid-element.js";
+import { r as o, t as s } from "./slotted.js";
+import { t as c } from "./decorate.js";
+import { t as l } from "./kbd-shortcut.js";
+import { t as u } from "./class-names.js";
+import { i as d, t as f } from "./definition8.js";
+import { n as p, t as m } from "./anchored.js";
+import { n as h, t as g } from "./render-in-light-dom.js";
+import { t as _ } from "./dialog.js";
 //#region src/lib/tooltip/tooltip.scss?inline
-var f = ":host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.control{pointer-events:none}.tooltip{width:var(--tooltip-inline-size,auto);box-sizing:border-box;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);max-inline-size:var(--tooltip-max-inline-size,30ch);padding:8px 12px}", p = class extends u(i) {
+var v = ":host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.control{pointer-events:none}.tooltip{width:var(--tooltip-inline-size,auto);box-sizing:border-box;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);max-inline-size:var(--tooltip-max-inline-size,30ch);flex-direction:column;align-items:flex-start;gap:4px;padding:8px 12px;display:flex}", y = class extends l(m(i)) {
 	constructor(...e) {
-		super(...e), this.open = !1;
+		super(...e), this.open = !1, this._descriptionId = `vwc-tooltip-desc-${h()}`, this.#n = () => {
+			this.open = !0;
+		}, this.#r = () => {
+			this.open = !1;
+		}, this.#a = (e) => {
+			/* v8 ignore else -- @preserve */
+			e.key === "Escape" && this.#r();
+		};
+	}
+	_kbdAriaShortcutsValueChanged() {
+		this._anchorEl && e.setAttribute(this._anchorEl, "aria-keyshortcuts", this._kbdAriaShortcutsValue);
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.#a();
+		super.connectedCallback(), this.#i();
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.#a();
+		super.disconnectedCallback(), this.#i();
 	}
 	_anchorElChanged(e, t) {
 		e && this.#t(e), t && this.#e(t);
 	}
-	#e(e) {
-		e.addEventListener("mouseover", this.#n), e.addEventListener("mouseout", this.#r), e.addEventListener("focusin", this.#n), e.addEventListener("focusout", this.#r), e.setAttribute("aria-haspopup", "true"), e.setAttribute("aria-expanded", String(this.open));
+	#e(t) {
+		t.addEventListener("mouseover", this.#n), t.addEventListener("mouseout", this.#r), t.addEventListener("focusin", this.#n), t.addEventListener("focusout", this.#r);
+		let n = t.getAttribute("aria-describedby") ?? t.ariaDescribedBy;
+		t.setAttribute("aria-describedby", n ? `${n} ${this._descriptionId}` : this._descriptionId), e.setAttribute(t, "aria-keyshortcuts", this._kbdAriaShortcutsValue);
 	}
-	#t(e) {
-		e.removeEventListener("mouseover", this.#n), e.removeEventListener("mouseout", this.#r), e.removeEventListener("focusin", this.#n), e.removeEventListener("focusout", this.#r), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded");
+	#t(t) {
+		t.removeEventListener("mouseover", this.#n), t.removeEventListener("mouseout", this.#r), t.removeEventListener("focusin", this.#n), t.removeEventListener("focusout", this.#r);
+		let n = (t.getAttribute("aria-describedby") ?? t.ariaDescribedBy ?? "").split(" ").filter((e) => e !== this._descriptionId), r = n.length ? n.join(" ") : null;
+		t.hasAttribute("aria-describedby") ? e.setAttribute(t, "aria-describedby", r) : t.ariaDescribedBy = r, t.removeAttribute("aria-keyshortcuts");
 	}
-	#n = () => {
-		this.open = !0, this.#i();
-	};
-	#r = () => {
-		this.open = !1, this.#i();
-	};
+	#n;
+	#r;
 	#i() {
-		this._anchorEl && this._anchorEl.setAttribute("aria-expanded", String(this.open));
-	}
-	#a() {
-		document.removeEventListener("keydown", this.#o), this.open && this.isConnected && document.addEventListener("keydown", this.#o);
+		document.removeEventListener("keydown", this.#a), this.open && this.isConnected && document.addEventListener("keydown", this.#a);
 	}
-	#o = (e) => {
-		/* v8 ignore else -- @preserve */
-		e.key === "Escape" && this.#r();
-	};
+	#a;
 	openChanged(e) {
-		e !== void 0 && this.#a();
+		e !== void 0 && this.#i();
 	}
 };
-a([t], p.prototype, "text", void 0), a([t({ mode: "fromView" })], p.prototype, "placement", void 0), a([t({ mode: "boolean" })], p.prototype, "open", void 0);
+c([n], y.prototype, "text", void 0), c([n({ mode: "fromView" })], y.prototype, "placement", void 0), c([n({ mode: "boolean" })], y.prototype, "open", void 0);
 //#endregion
 //#region src/lib/tooltip/tooltip.template.ts
-var m = ({ open: e }) => o("control", ["open", !!e]), h = n("tooltip", p, (t) => {
-	let n = t.tagFor(s);
-	return e`
-${l()}
-<${n} class="${m}" arrow alternate
+var b = ({ open: e }) => u("control", ["open", !!e]), x = a("tooltip", y, (e) => {
+	let t = e.tagFor(d);
+	return r`
+${p()}
+${g(r`<span slot="_description" id="${(e) => e._descriptionId}">${(e) => e.text}</span>`)}
+<${t} class="${b}" arrow alternate
 	:placement=${(e) => e.placement}
 	:anchor="${(e) => e._anchorEl}"
 	:open="${(e) => e.open}"
 	@keydown="${(e, t) => {
-		e.open && d(t.event) && (e.open = !1);
+		e.open && _(t.event) && (e.open = !1);
 	}}"
   exportparts="vvd-theme-alternate">
   <div part="vvd-theme-alternate" class="tooltip" role="tooltip">
-		${(e) => e.text}
+		<span class="text"><slot name="_description"></slot></span>
+		<slot name="kbd-shortcut"
+			${s({
+		property: "_kbdShortcutSlotted",
+		filter: o()
+	})}
+		></slot>
   </div>
-</${n}>`;
-}, [c], { styles: f }), g = r(h);
+</${t}>`;
+}, [f], { styles: v }), S = t(x);
 //#endregion
-export { h as n, p as r, g as t };
+export { x as n, y as r, S as t };

package/bundled/delegates-aria.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.onSourceAriaPropertyChanged=(e,t)=>{!this.forwardedProperties.has(t)||t in this.boundProperties||this.forwardPropertyToTarget(this.target,t,e[t])},this.target=e,this.boundProperties=t.boundProperties,this.forwardedProperties=t.forwardedProperties}bind(e){let t=e.source;this.bindPropertiesToTarget(t,this.boundProperties,this.target),this.startForwardingPropertiesToTarget(t,this.forwardedProperties,this.target)}bindPropertiesToTarget(n,r,i){for(let[n,a]of Object.entries(r)){let r=a instanceof Function?a:()=>a;this.bindingBehaviours.push(new t.t(i,e.x(r),e.w.isVolatileBinding(r),e.r(n)))}for(let e of this.bindingBehaviours)e.bind({source:n,context:n.$fastController.context})}startForwardingPropertiesToTarget(t,n,r){for(let e of n)e in this.boundProperties||this.forwardPropertyToTarget(r,e,t[e]);e.a(t,this.onSourceAriaPropertyChanged)}forwardPropertyToTarget(t,n,r){r==null||r===!1?t.removeAttribute(e.r(n)):t.setAttribute(e.r(n),String(r))}},r=class extends e.h{constructor(e,t){super(`vvd-delegate-aria`),this.boundProperties=e,this.forwardedProperties=t,this.targetNodeId=``}bind(e){let t=e.targets[this.targetNodeId];new n(t,{boundProperties:this.boundProperties,forwardedProperties:this.forwardedProperties}).bind(e)}};e.m.define(r);function i(t={},n={}){return new r(t,new Set((n.onlySpecified?[]:e.i).filter(e=>!(e in t))))}var a=e=>{class t extends e{constructor(...e){super(...e),this._vividAriaBehaviour=`delegate`}}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(`./vivid-element.cjs`),t=require(`./aria-binding-directive.cjs`);function n(n={},r={}){return new t.t({boundProperties:n,forwardedValueProperties:new Set((r.onlySpecified?[]:e.a).filter(e=>!(e in n))),forwardedIdrefsProperties:new Set((r.onlySpecified?[]:e.i).filter(e=>!(e in n)))})}var r=n=>{class r extends n{constructor(...e){super(...e),this._vividAriaBehaviour=`delegate`}}for(let n of e.i)r.prototype[`${n}Changed`]=function(){t.n.for(this,n).setAttribute(this[n])},Object.defineProperty(r.prototype,`${n}Elements`,{get(){return t.n.resolvedElements(this,n)},set(e){t.n.for(this,n).setElements(e)}});return r};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/bundled/delegates-aria.js

@@ -1,58 +1,30 @@
-import { a as e, h as t, i as n, m as r, r as i, w as a, x as o } from "./vivid-element.js";
-import { t as s } from "./attribute-binding-behaviour.js";
-//#region src/shared/aria/delegate-aria-behavior.ts
-var c = class {
-	constructor(e, t) {
-		this.target = null, this.bindingBehaviours = [], this.onSourceAriaPropertyChanged = (e, t) => {
-			!this.forwardedProperties.has(t) || t in this.boundProperties || this.forwardPropertyToTarget(this.target, t, e[t]);
-		}, this.target = e, this.boundProperties = t.boundProperties, this.forwardedProperties = t.forwardedProperties;
-	}
-	bind(e) {
-		let t = e.source;
-		this.bindPropertiesToTarget(t, this.boundProperties, this.target), this.startForwardingPropertiesToTarget(t, this.forwardedProperties, this.target);
-	}
-	bindPropertiesToTarget(e, t, n) {
-		for (let [e, r] of Object.entries(t)) {
-			let t = r instanceof Function ? r : () => r;
-			this.bindingBehaviours.push(new s(n, o(t), a.isVolatileBinding(t), i(e)));
-		}
-		for (let t of this.bindingBehaviours) t.bind({
-			source: e,
-			context: e.$fastController.context
-		});
-	}
-	startForwardingPropertiesToTarget(t, n, r) {
-		for (let e of n)
- /* v8 ignore else -- @preserve */
-		e in this.boundProperties || this.forwardPropertyToTarget(r, e, t[e]);
-		e(t, this.onSourceAriaPropertyChanged);
-	}
-	forwardPropertyToTarget(e, t, n) {
-		n == null || n === !1 ? e.removeAttribute(i(t)) : e.setAttribute(i(t), String(n));
-	}
-}, l = class extends t {
-	constructor(e, t) {
-		super("vvd-delegate-aria"), this.boundProperties = e, this.forwardedProperties = t, this.targetNodeId = "";
-	}
-	bind(e) {
-		let t = e.targets[this.targetNodeId];
-		new c(t, {
-			boundProperties: this.boundProperties,
-			forwardedProperties: this.forwardedProperties
-		}).bind(e);
-	}
-};
-r.define(l);
-function u(e = {}, t = {}) {
-	return new l(e, new Set((t.onlySpecified ? [] : n).filter((t) => !(t in e))));
+import { a as e, i as t } from "./vivid-element.js";
+import { n, t as r } from "./aria-binding-directive.js";
+//#region src/shared/aria/delegates-aria.ts
+function i(n = {}, i = {}) {
+	return new r({
+		boundProperties: n,
+		forwardedValueProperties: new Set((i.onlySpecified ? [] : e).filter((e) => !(e in n))),
+		forwardedIdrefsProperties: new Set((i.onlySpecified ? [] : t).filter((e) => !(e in n)))
+	});
 }
-var d = (e) => {
-	class t extends e {
+var a = (e) => {
+	class r extends e {
 		constructor(...e) {
 			super(...e), this._vividAriaBehaviour = "delegate";
 		}
 	}
-	return t;
+	for (let e of t) r.prototype[`${e}Changed`] = function() {
+		n.for(this, e).setAttribute(this[e]);
+	}, Object.defineProperty(r.prototype, `${e}Elements`, {
+		get() {
+			return n.resolvedElements(this, e);
+		},
+		set(t) {
+			n.for(this, e).setElements(t);
+		}
+	});
+	return r;
 };
 //#endregion
-export { u as n, d as t };
+export { i as n, a as t };

package/bundled/divider.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./enums.cjs`),n=require(`./decorate.cjs`),r=require(`./aria.cjs`),i=require(`./host-semantics.cjs`);var a={separator:`separator`,presentation:`presentation`},o=class extends i.t(e.t){constructor(...e){super(...e),this.role=a.separator,this.orientation=r.t.horizontal,this.appearance=t.t.Ghost}};n.t([e.l],o.prototype,`orientation`,void 0),n.t([e.l],o.prototype,`appearance`,void 0),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+const e=require(`./vivid-element.cjs`),t=require(`./enums.cjs`),n=require(`./decorate.cjs`),r=require(`./aria.cjs`),i=require(`./host-semantics.cjs`);var a={separator:`separator`,presentation:`presentation`},o=class extends i.t(e.t){constructor(...e){super(...e),this.role=a.separator,this.orientation=r.t.horizontal,this.appearance=t.t.Ghost}};n.t([e.m],o.prototype,`orientation`,void 0),n.t([e.m],o.prototype,`appearance`,void 0),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/bundled/divider.js

@@ -1,4 +1,4 @@
-import { l as e, t } from "./vivid-element.js";
+import { m as e, t } from "./vivid-element.js";
 import { t as n } from "./enums.js";
 import { t as r } from "./decorate.js";
 import { t as i } from "./aria.js";

package/bundled/form-associated.cjs

@@ -1 +1 @@
-const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./key-codes.cjs`);var r=`form-associated-proxy`,i=`ElementInternals`,a=i in window&&`setFormValue`in window[i].prototype,o=new WeakMap,s=i=>{class s extends i{static get formAssociated(){return a}get validity(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}get form(){return this.elementInternals?this.elementInternals.form:this.proxy.form}get validationMessage(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}get willValidate(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}get labels(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels));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.A}valueChanged(e,t){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.setFormValue(this.value),this.validate()}get currentValue(){return this.value}set currentValue(e){this.value=e}initialValueChanged(e,t){this.dirtyValue||=(this.value=this.initialValue,!1)}disabledChanged(t,n){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),e.O.enqueue(()=>this.classList.toggle(`disabled`,this.disabled))}nameChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(t,n){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),e.O.enqueue(()=>this.classList.toggle(`required`,this.required)),this.validate()}get elementInternals(){if(!a)return null;let e=o.get(this);return e||(e=this.attachInternals(),o.set(this,e)),e}constructor(...e){super(...e),this.dirtyValue=!1,this.disabled=!1,this.proxyEventsToBlock=[`change`,`click`],this.proxyInitialized=!1,this.required=!1,this.initialValue=this.initialValue||``,this.elementInternals||(this.formResetCallback=this.formResetCallback.bind(this))}connectedCallback(){super.connectedCallback(),this.addEventListener(`keypress`,this._keypressHandler),this.value||(this.value=this.initialValue,this.dirtyValue=!1),this.elementInternals||(this.attachProxy(),this.form&&this.form.addEventListener(`reset`,this.formResetCallback))}disconnectedCallback(){super.disconnectedCallback(),this.proxyEventsToBlock.forEach(e=>this.proxy.removeEventListener(e,this.stopPropagation)),!this.elementInternals&&this.form&&this.form.removeEventListener(`reset`,this.formResetCallback)}checkValidity(){return this.elementInternals?this.elementInternals.checkValidity():this.proxy.checkValidity()}reportValidity(){return this.elementInternals?this.elementInternals.reportValidity():this.proxy.reportValidity()}setValidity(e,t,n){if(`valid`in e&&this.disabled){let{valid:t,...n}=e;e=n}this.elementInternals?this.elementInternals.setValidity(e,t,n):typeof t==`string`&&this.proxy.setCustomValidity(t)}formDisabledCallback(e){this.disabled=e}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}attachProxy(){this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display=`none`,this.proxyEventsToBlock.forEach(e=>this.proxy.addEventListener(e,this.stopPropagation)),this.proxy.disabled=this.disabled,this.proxy.required=this.required,typeof this.name==`string`&&(this.proxy.name=this.name),typeof this.value==`string`&&(this.proxy.value=this.value),this.proxy.setAttribute(`slot`,r),this.proxySlot=document.createElement(`slot`),this.proxySlot.setAttribute(`name`,r)),this.shadowRoot.appendChild(this.proxySlot),this.appendChild(this.proxy)}detachProxy(){this.removeChild(this.proxy),this.shadowRoot.removeChild(this.proxySlot)}validate(e){if(this.proxy instanceof HTMLElement&&this.elementInternals){let t=this.proxy.validity.valid,n=this.control,r=n&&n.validity&&!n.validity.valid&&(n.validity.tooShort||n.validity.tooLong);t&&r?this.setValidity(n.validity,n.validationMessage,e):this.setValidity(this.proxy.validity,this.proxy.validationMessage,e)}}setFormValue(e,t){this.elementInternals&&this.elementInternals.setFormValue(e,t||e)}_keypressHandler(e){switch(e.key){case n.a:this.form instanceof HTMLFormElement&&this.form.querySelector(`[type=submit]`)?.click();break}}stopPropagation(e){e.stopPropagation()}}return t.t([e.l({attribute:`current-value`})],s.prototype,`value`,void 0),t.t([e.l({mode:`fromView`,attribute:`value`})],s.prototype,`initialValue`,void 0),t.t([e.l({mode:`boolean`})],s.prototype,`disabled`,void 0),t.t([e.l],s.prototype,`name`,void 0),t.t([e.l({mode:`boolean`})],s.prototype,`required`,void 0),s},c={fromView(e){return typeof e==`string`?e.toLowerCase()===`true`:!!e},toView(e){return e?`true`:`false`}},l=n=>{class r extends s(n){constructor(...e){super(...e),this.dirtyChecked=!1,this.defaultChecked=!1}defaultCheckedChanged(){this.dirtyChecked||=(this.checked=this.defaultChecked,!1)}checkedChanged(e,t){this.dirtyChecked||=!0,this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),e!==void 0&&this.$emit(`change`),this.validate()}get checkedAttribute(){return this.defaultChecked}set checkedAttribute(e){this.defaultChecked=e}get currentChecked(){return this.checked}set currentChecked(e){this.checked=e}updateForm(){let e=this.checked?this.value:null;this.setFormValue(e,e)}connectedCallback(){super.connectedCallback(),this.updateForm()}formResetCallback(){super.formResetCallback(),this.checked=!!this.defaultChecked,this.dirtyChecked=!1}}return t.t([e.l({attribute:`checked`,mode:`boolean`})],r.prototype,`defaultChecked`,void 0),t.t([e.l({attribute:`current-checked`,converter:c})],r.prototype,`checked`,void 0),r};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`),t=require(`./decorate.cjs`),n=require(`./key-codes.cjs`);var r=`form-associated-proxy`,i=`ElementInternals`,a=i in window&&`setFormValue`in window[i].prototype,o=new WeakMap,s=i=>{class s extends i{static get formAssociated(){return a}get validity(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}get form(){return this.elementInternals?this.elementInternals.form:this.proxy.form}get validationMessage(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}get willValidate(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}get labels(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels));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.F}valueChanged(e,t){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.setFormValue(this.value),this.validate()}get currentValue(){return this.value}set currentValue(e){this.value=e}initialValueChanged(e,t){this.dirtyValue||=(this.value=this.initialValue,!1)}disabledChanged(t,n){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),e.M.enqueue(()=>this.classList.toggle(`disabled`,this.disabled))}nameChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(t,n){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),e.M.enqueue(()=>this.classList.toggle(`required`,this.required)),this.validate()}get elementInternals(){if(!a)return null;let e=o.get(this);return e||(e=this.attachInternals(),o.set(this,e)),e}constructor(...e){super(...e),this.dirtyValue=!1,this.disabled=!1,this.proxyEventsToBlock=[`change`,`click`],this.proxyInitialized=!1,this.required=!1,this.initialValue=this.initialValue||``,this.elementInternals||(this.formResetCallback=this.formResetCallback.bind(this))}connectedCallback(){super.connectedCallback(),this.addEventListener(`keypress`,this._keypressHandler),this.value||(this.value=this.initialValue,this.dirtyValue=!1),this.elementInternals||(this.attachProxy(),this.form&&this.form.addEventListener(`reset`,this.formResetCallback))}disconnectedCallback(){super.disconnectedCallback(),this.proxyEventsToBlock.forEach(e=>this.proxy.removeEventListener(e,this.stopPropagation)),!this.elementInternals&&this.form&&this.form.removeEventListener(`reset`,this.formResetCallback)}checkValidity(){return this.elementInternals?this.elementInternals.checkValidity():this.proxy.checkValidity()}reportValidity(){return this.elementInternals?this.elementInternals.reportValidity():this.proxy.reportValidity()}setValidity(e,t,n){if(`valid`in e&&this.disabled){let{valid:t,...n}=e;e=n}this.elementInternals?this.elementInternals.setValidity(e,t,n):typeof t==`string`&&this.proxy.setCustomValidity(t)}formDisabledCallback(e){this.disabled=e}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}attachProxy(){this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display=`none`,this.proxyEventsToBlock.forEach(e=>this.proxy.addEventListener(e,this.stopPropagation)),this.proxy.disabled=this.disabled,this.proxy.required=this.required,typeof this.name==`string`&&(this.proxy.name=this.name),typeof this.value==`string`&&(this.proxy.value=this.value),this.proxy.setAttribute(`slot`,r),this.proxySlot=document.createElement(`slot`),this.proxySlot.setAttribute(`name`,r)),this.shadowRoot.appendChild(this.proxySlot),this.appendChild(this.proxy)}detachProxy(){this.removeChild(this.proxy),this.shadowRoot.removeChild(this.proxySlot)}validate(e){if(this.proxy instanceof HTMLElement&&this.elementInternals){let t=this.proxy.validity.valid,n=this.control,r=n&&n.validity&&!n.validity.valid&&(n.validity.tooShort||n.validity.tooLong);t&&r?this.setValidity(n.validity,n.validationMessage,e):this.setValidity(this.proxy.validity,this.proxy.validationMessage,e)}}setFormValue(e,t){this.elementInternals&&this.elementInternals.setFormValue(e,t||e)}_keypressHandler(e){switch(e.key){case n.a:this.form instanceof HTMLFormElement&&this.form.querySelector(`[type=submit]`)?.click();break}}stopPropagation(e){e.stopPropagation()}}return t.t([e.m({attribute:`current-value`})],s.prototype,`value`,void 0),t.t([e.m({mode:`fromView`,attribute:`value`})],s.prototype,`initialValue`,void 0),t.t([e.m({mode:`boolean`})],s.prototype,`disabled`,void 0),t.t([e.m],s.prototype,`name`,void 0),t.t([e.m({mode:`boolean`})],s.prototype,`required`,void 0),s},c={fromView(e){return typeof e==`string`?e.toLowerCase()===`true`:!!e},toView(e){return e?`true`:`false`}},l=n=>{class r extends s(n){constructor(...e){super(...e),this.dirtyChecked=!1,this.defaultChecked=!1}defaultCheckedChanged(){this.dirtyChecked||=(this.checked=this.defaultChecked,!1)}checkedChanged(e,t){this.dirtyChecked||=!0,this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),e!==void 0&&this.$emit(`change`),this.validate()}get checkedAttribute(){return this.defaultChecked}set checkedAttribute(e){this.defaultChecked=e}get currentChecked(){return this.checked}set currentChecked(e){this.checked=e}updateForm(){let e=this.checked?this.value:null;this.setFormValue(e,e)}connectedCallback(){super.connectedCallback(),this.updateForm()}formResetCallback(){super.formResetCallback(),this.checked=!!this.defaultChecked,this.dirtyChecked=!1}}return t.t([e.m({attribute:`checked`,mode:`boolean`})],r.prototype,`defaultChecked`,void 0),t.t([e.m({attribute:`current-checked`,converter:c})],r.prototype,`checked`,void 0),r};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/bundled/form-associated.js

@@ -1,4 +1,4 @@
-import { A as e, O as t, l as n } from "./vivid-element.js";
+import { F as e, M as t, m 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

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.m],r.prototype,`label`,void 0),t.t([e.A],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 { A as e, m 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,forwardedValueProperties:new Set,forwardedIdrefsProperties: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,14 @@
-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,
+		forwardedValueProperties: /* @__PURE__ */ new Set(),
+		forwardedIdrefsProperties: /* @__PURE__ */ new Set(),
+		requireHost: !0
+	});
 }
-var l = (e) => {
+var n = (e) => {
 	class t extends e {
 		constructor(...e) {
 			super(...e), this._vividAriaBehaviour = "host";
@@ -45,4 +17,4 @@ var l = (e) => {
 	return t;
 };
 //#endregion
-export { c as n, l as t };
+export { t as n, n as t };

package/bundled/kbd-shortcut.cjs

@@ -0,0 +1 @@
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{_kbdShortcutSlottedChanged(){let e=this._kbdShortcutSlotted.find(e=>typeof e.getKeyshortcutsValue==`function`);this._kbdAriaShortcutsValue=e?.getKeyshortcutsValue()??void 0}}return t.t([e.A],r.prototype,`_kbdShortcutSlotted`,void 0),t.t([e.A],r.prototype,`_kbdAriaShortcutsValue`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/kbd-shortcut.js

@@ -0,0 +1,14 @@
+import { A as e } from "./vivid-element.js";
+import { t } from "./decorate.js";
+//#region src/shared/patterns/kbd-shortcut.ts
+var n = (n) => {
+	class r extends n {
+		_kbdShortcutSlottedChanged() {
+			let e = this._kbdShortcutSlotted.find((e) => typeof e.getKeyshortcutsValue == "function");
+			this._kbdAriaShortcutsValue = e?.getKeyshortcutsValue() ?? void 0;
+		}
+	}
+	return t([e], r.prototype, "_kbdShortcutSlotted", void 0), t([e], r.prototype, "_kbdAriaShortcutsValue", void 0), r;
+};
+//#endregion
+export { 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.p`<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.m],a.prototype,`download`,void 0),n.t([e.m],a.prototype,`href`,void 0),n.t([e.m],a.prototype,`hreflang`,void 0),n.t([e.m],a.prototype,`ping`,void 0),n.t([e.m],a.prototype,`referrerpolicy`,void 0),n.t([e.m],a.prototype,`rel`,void 0),n.t([e.m],a.prototype,`target`,void 0),n.t([e.m],a.prototype,`type`,void 0),a};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/bundled/linkable.js

@@ -1,12 +1,12 @@
-import { d as e, l as t } from "./vivid-element.js";
+import { m as e, p 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";
 //#region src/shared/patterns/linkable.ts
 var o = (o) => {
 	class s extends a(o) {
-		constructor(...t) {
-			super(...t), this._renderLinkElement = (t, r, a) => e`<a
+		constructor(...e) {
+			super(...e), this._renderLinkElement = (e, r, a) => t`<a
 				class="${r}"
 				download="${(e) => e.download}"
 				href="${(e) => e.href}"
@@ -19,11 +19,11 @@ var o = (o) => {
 				${n("control")}
 				${i(a)}
 			>
-				${t}
+				${e}
 			</a>`;
 		}
 	}
-	return r([t], s.prototype, "download", void 0), r([t], s.prototype, "href", void 0), r([t], s.prototype, "hreflang", void 0), r([t], s.prototype, "ping", void 0), r([t], s.prototype, "referrerpolicy", void 0), r([t], s.prototype, "rel", void 0), r([t], s.prototype, "target", void 0), r([t], s.prototype, "type", void 0), s;
+	return r([e], s.prototype, "download", void 0), r([e], s.prototype, "href", void 0), r([e], s.prototype, "hreflang", void 0), r([e], s.prototype, "ping", void 0), r([e], s.prototype, "referrerpolicy", void 0), r([e], s.prototype, "rel", void 0), r([e], s.prototype, "target", void 0), r([e], s.prototype, "type", void 0), s;
 };
 //#endregion
 export { o as t };

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.k.track(this,`options`),this._options}set options(t){let n=this._options;if(this._options=t,e.k.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.k.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.r(`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.m({mode:`boolean`})],o.prototype,`disabled`,void 0),t.t([e.A],o.prototype,`selectedIndex`,void 0),t.t([e.A],o.prototype,`selectedOptions`,void 0),t.t([e.A],o.prototype,`slottedOptions`,void 0),t.t([e.A],o.prototype,`typeaheadBuffer`,void 0),t.t([e.A],o.prototype,`_activeDescendant`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});