@vonage/vivid 5.15.1 → 5.16.0

package/bundled/definition9.js

@@ -1,236 +1,161 @@
-import { B as b, b as f } from "./definition3.js";
-import { E as g, e as v } from "./definition4.js";
-import { V as w, a as l, n as y, o as x, h as c, c as P, d as E } from "./vivid-element.js";
-import { i as $, h as k, s as C, a as F, b as z, o as V, c as A, d as _, e as u, f as D } from "./floating-ui.dom.js";
-import { r as d } from "./ref.js";
-import { w as m } from "./when.js";
-import { c as B } from "./class-names.js";
-var j = Object.defineProperty, s = (r, t, e, o) => {
-  for (var a = void 0, p = r.length - 1, h; p >= 0; p--)
-    (h = r[p]) && (a = h(t, e, a) || a);
-  return a && j(t, e, a), a;
+import { O as e, T as t, d as n, l as r, n as i, o as a, s as o, t as s } from "./vivid-element.js";
+import { t as c } from "./when.js";
+import { r as l, t as u } from "./slotted.js";
+import { r as d, t as f } from "./definition2.js";
+import { t as p } from "./decorate.js";
+import { t as m } from "./class-names.js";
+import { a as h, n as g, r as _ } from "./key-codes.js";
+import { a as v, t as y } from "./affix.js";
+import { n as b, t as x } from "./host-semantics.js";
+//#region src/lib/menu-item/menu-item.scss?inline
+var S = ":host(:focus-visible){outline:none}:host([disabled]){pointer-events:none}.base{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base:disabled,.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base:active:where(:not(.disabled,:disabled)),.base.active:where(:not(.disabled,:disabled)),.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){.base.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}.base.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.base.connotation-cta{--_connotation-color-primary:var(--vvd-menu-item-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-menu-item-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-menu-item-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-firm:var(--vvd-menu-item-cta-firm,var(--vvd-color-cta-600));--_connotation-color-faint:var(--vvd-menu-item-cta-faint,var(--vvd-color-cta-50));--_connotation-color-soft:var(--vvd-menu-item-cta-soft,var(--vvd-color-cta-100));--_connotation-color-pale:var(--vvd-menu-item-cta-pale,var(--vvd-color-cta-300));--_connotation-color-dim:var(--vvd-menu-item-cta-dim,var(--vvd-color-cta-200))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-menu-item-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-menu-item-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-menu-item-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-menu-item-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-menu-item-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-menu-item-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-pale:var(--vvd-menu-item-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-dim:var(--vvd-menu-item-accent-dim,var(--vvd-color-neutral-200))}.base{--_menu-item-padding-inline:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);box-sizing:border-box;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);border-radius:8px;align-items:center;inline-size:100%;display:flex}.base:not(.two-lines){min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));padding-block:8px;padding-inline:var(--_menu-item-padding-inline);gap:12px}.base.two-lines{min-block-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) + calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)));padding-block:12px;padding-inline:var(--_menu-item-padding-inline);gap:16px}@supports (user-select:none){.base{user-select:none}}.base:not(.disabled){cursor:pointer}:host(:not([role=presentation]):focus-visible) .base{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent}.icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);flex-shrink:0;line-height:1}.action,.decorative{place-content:center;display:flex}.action{color:var(--_appearance-color-text)}.base.trailing .action,.base.has-meta .action{order:2}:host(:not([check-appearance],[checked],[disabled])) .action{color:var(--vvd-color-neutral-500)}.base:not(.disabled) .decorative{color:var(--vvd-color-neutral-600)}.base.disabled .decorative{color:var(--vvd-color-neutral-200)}.base.has-meta .decorative{order:1}.chevron{order:3}.text{flex-direction:column;gap:4px;margin-inline-end:auto;display:flex;overflow:hidden}.text-primary,.text-secondary{font:var(--vvd-typography-base);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-primary{font:var(--vvd-typography-base);-webkit-line-clamp:var(--text-primary-line-clamp,1)}.base:not(.disabled) .text-primary{color:var(--vvd-color-canvas-text)}.base.disabled .text-primary{color:var(--_appearance-color-text)}.base.two-lines .text-primary{font:var(--vvd-typography-base-bold)}.text-secondary{color:var(--vvd-color-neutral-800);font:var(--vvd-typography-base-condensed);-webkit-line-clamp:var(--text-secondary-line-clamp,1)}.base.two-lines .text-secondary{color:var(--vvd-color-neutral-600)}.base.disabled .text-secondary{color:var(--_appearance-color-text)}.base.selected:not(.disabled) .text-secondary{color:var(--vvd-color-neutral-800)}:host([internal-part]) .text-primary{font:var(--_text-primary-custom-size,var--vvd-typography-base)}", C = {
+	menuitem: "menuitem",
+	menuitemcheckbox: "menuitemcheckbox",
+	menuitemradio: "menuitemradio",
+	presentation: "presentation"
+}, w = class extends x(y(s)) {
+	expandedChanged() {
+		/* v8 ignore if -- @preserve */
+		this.$fastController.isConnected && (this.submenu && !this.expanded && this.submenu.collapseExpandedItem(), this.$emit("expanded-change", this, { bubbles: !1 }));
+	}
+	#e() {
+		this._isPresentational ? this.role === "menuitem" && (this.role = "presentation") : this.role === "presentation" && (this.role = C.menuitem);
+	}
+	_isPresentationalChanged() {
+		this.$fastController.isConnected && this.#e();
+	}
+	checkedChanged() {
+		this.$fastController.isConnected && this.$emit("change");
+	}
+	connectedCallback() {
+		super.connectedCallback(), e.enqueue(() => {
+			this._isPresentational = this._isPresentational ?? !0, this.#e();
+		});
+	}
+	slottedSubmenuChanged() {
+		this.submenu && (this.submenu.anchor = this, this.submenu.placement = "right-start", this.submenu.collapseExpandedItem = () => this.#t(), this.submenu._popupOffset = 5);
+	}
+	get submenu() {
+		return this.slottedSubmenu?.length ? this.slottedSubmenu[0] : null;
+	}
+	get hasSubmenu() {
+		return this.submenu !== null;
+	}
+	constructor() {
+		super(), this.role = C.menuitem, this.checked = !1, this.handleMenuItemClick = (e) => this._isSyntheticClickEvent(e) ? !0 : (this.invoke(), !!this._isPresentational), this.handleMouseOver = (e) => (this.disabled || !this.submenu || this.expanded || (this.expanded = !0), !1), this.handleMouseOut = (e) => (!this.expanded || this.contains(document.activeElement) || (this.expanded = !1), !1), this.invoke = () => {
+			if (!(this.disabled || this._isPresentational)) switch (this.controlType) {
+				case "checkbox":
+					this.checked = !this.checked;
+					break;
+				case "radio":
+					this.checked ||= !0;
+					break;
+				default:
+					this.submenu ? this.expanded = !0 : this.$emit("change");
+					break;
+			}
+		}, this.checkTrailing = !1, this.handleMenuItemKeyDown = (e) => {
+			if (e.defaultPrevented) return !1;
+			switch (e.key) {
+				case h:
+				case " ": return this.invoke(), this.disabled || this.#i(), !1;
+				case _: return this.submenu && (this.expanded = !0, this.#i()), !1;
+				case g: if (this.expanded) return this.#i(), this.expanded = !1, this.focus(), !1;
+			}
+			return !0;
+		}, this.addEventListener("expanded-change", this.#n);
+	}
+	#t() {
+		this.expanded = !1;
+	}
+	#n() {
+		this.submenu && (this.submenu.open = this.expanded);
+	}
+	#r = /* @__PURE__ */ new WeakSet();
+	_isSyntheticClickEvent(e) {
+		return this.#r.has(e);
+	}
+	#i() {
+		let e = new MouseEvent("click", {
+			bubbles: !0,
+			composed: !0
+		});
+		this.#r.add(e), this.dispatchEvent(e);
+	}
 };
-const n = {
-  Flip: "flip",
-  AutoPlacementHorizontal: "auto-placement-horizontal",
-  AutoPlacementVertical: "auto-placement-vertical"
-}, H = {
-  [n.Flip]: D(),
-  [n.AutoPlacementHorizontal]: u({
-    allowedPlacements: [
-      "bottom",
-      "top",
-      "bottom-start",
-      "bottom-end",
-      "top-start",
-      "top-end"
-    ]
-  }),
-  [n.AutoPlacementVertical]: u({
-    allowedPlacements: [
-      "left",
-      "right",
-      "left-start",
-      "left-end",
-      "right-start",
-      "right-end"
-    ]
-  })
-};
-class i extends w {
-  constructor() {
-    super(...arguments), this.open = !1, this.dismissible = !1, this.arrow = !1, this.alternate = !1, this.placementStrategy = n.Flip, this.animationFrame = !1, this.strategy = "fixed", this.offset = null, this.#r = () => (this.#e = this.updatePosition(), this.#e);
-  }
-  get #i() {
-    let t = [
-      $(),
-      H[this.placementStrategy],
-      k(),
-      C({
-        apply({ availableWidth: o, availableHeight: a, elements: p }) {
-          Object.assign(p.floating.style, {
-            maxWidth: `${o}px`,
-            maxHeight: `${a}px`
-          });
-        }
-      }),
-      F()
-    ], e = this.offset ?? 0;
-    return this.arrow && (e += 12, t = [
-      ...t,
-      z({ element: this.arrowEl, padding: 10 })
-    ]), e > 0 && t.unshift(V(e)), t;
-  }
-  #a;
-  openChanged(t, e) {
-    this.#o(), this.#t(), this.$emit(e ? "vwc-popup:open" : "vwc-popup:close");
-  }
-  /**
-   * @internal
-   */
-  animationFrameChanged() {
-    this.#t();
-  }
-  /**
-   * @internal
-   */
-  anchorChanged() {
-    this.#t();
-  }
-  /**
-   * @internal
-   */
-  strategyChanged() {
-    this.#o();
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.#o(), this.#t();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.#t();
-  }
-  #t() {
-    this.#a?.(), this.open && this.controlEl && this.controlEl.classList.add("open"), this.anchorEl && this.open && this.popupEl && (this.#a = A(
-      this.anchorEl,
-      this.popupEl,
-      this.#r,
-      {
-        animationFrame: this.animationFrame
-      }
-    ));
-  }
-  #o() {
-    this.popupEl && this.strategy === "fixed" && (this.open ? this.popupEl.showPopover() : this.popupEl.hidePopover());
-  }
-  #e;
-  #r;
-  /**
-   * Updates popup's position
-   *
-   * @public
-   */
-  async updatePosition() {
-    if (!this.open || !this.anchorEl)
-      return;
-    const t = await _(this.anchorEl, this.popupEl, {
-      placement: this.placement,
-      strategy: this.strategy,
-      middleware: this.#i
-    });
-    this.#s(t), this.arrow && this.#p(t);
-  }
-  #s(t) {
-    const { x: e, y: o } = t, { referenceHidden: a } = t.middlewareData.hide;
-    Object.assign(this.popupEl.style, {
-      left: `${e}px`,
-      top: `${o}px`,
-      visibility: a ? "hidden" : "visible"
-    });
-  }
-  #p(t) {
-    const { x: e, y: o } = t.middlewareData.arrow, a = {
-      left: "calc(100% - 4px)",
-      right: "-4px",
-      top: "calc(100% - 4px)",
-      bottom: "-4px"
-    }, p = t.placement.split("-")[0];
-    Object.assign(this.arrowEl.style, {
-      left: e ? `${e}px` : a[p],
-      top: o ? `${o}px` : a[p]
-    });
-  }
-  get anchorEl() {
-    return this.anchor ?? null;
-  }
-  /**
-   * Shows the popup.
-   * Unlike toggling the `open` attribute, show() will wait for the popup to become visible and positioned correctly.
-   */
-  show() {
-    return this.open = !0, this.#e ?? Promise.resolve();
-  }
-  hide() {
-    this.open = !1;
-  }
+p([r({ mode: "boolean" })], w.prototype, "disabled", void 0), p([r({ mode: "boolean" })], w.prototype, "expanded", void 0), p([t], w.prototype, "_isPresentational", void 0), p([i({
+	deprecatedPropertyName: "role",
+	fromDeprecated: (e) => {
+		switch (e) {
+			case "menuitemcheckbox": return "checkbox";
+			case "menuitemradio": return "radio";
+			default: return;
+		}
+	},
+	toDeprecated: (e) => {
+		switch (e) {
+			case "checkbox": return "menuitemcheckbox";
+			case "radio": return "menuitemradio";
+			default: return "menuitem";
+		}
+	}
+}), r({ attribute: "control-type" })], w.prototype, "controlType", void 0), p([r({ mode: "boolean" })], w.prototype, "checked", void 0), p([r], w.prototype, "text", void 0), p([r({ attribute: "text-secondary" })], w.prototype, "textSecondary", void 0), p([r], w.prototype, "connotation", void 0), p([r({
+	mode: "boolean",
+	attribute: "check-trailing"
+})], w.prototype, "checkTrailing", void 0), p([r({ attribute: "check-appearance" })], w.prototype, "checkedAppearance", void 0), p([t], w.prototype, "metaSlottedContent", void 0), p([t], w.prototype, "trailingMetaSlottedContent", void 0), p([t], w.prototype, "slottedSubmenu", void 0);
+//#endregion
+//#region src/lib/menu/name.ts
+var T = "menu", E = (e) => e.checkedAppearance === "tick-only" ? e.checked ? "check-line" : "" : `${e.controlType === "checkbox" ? "checkbox" : "radio"}-${e.checked ? "checked" : "unchecked"}-2-line`, D = ({ connotation: e, disabled: t, checked: n, controlType: r, text: i, textSecondary: a, icon: o, metaSlottedContent: s, checkTrailing: c }) => m("base", [`connotation-${e}`, !!e], ["disabled", !!t], ["selected", !!(r && n)], ["trailing", !!(r && (c || o))], ["item-checkbox", r === "checkbox"], ["item-radio", r === "radio"], ["two-lines", !!i?.length && !!a?.length], ["has-meta", !!s?.length]);
+function O(e) {
+	let t = e.tagFor(d);
+	return n`${c((e) => !!e.controlType, n`<span class="action"><${t} class="icon" name="${(e) => E(e)}"></${t}></span>`)}`;
 }
-s([
-  l({
-    mode: "boolean"
-  })
-], i.prototype, "open");
-s([
-  l({
-    mode: "boolean"
-  })
-], i.prototype, "dismissible");
-s([
-  l({
-    mode: "boolean"
-  })
-], i.prototype, "arrow");
-s([
-  l({
-    mode: "boolean"
-  })
-], i.prototype, "alternate");
-s([
-  l({ mode: "fromView" })
-], i.prototype, "placement");
-s([
-  l({ mode: "boolean", attribute: "animation-frame" })
-], i.prototype, "animationFrame");
-s([
-  l({ mode: "fromView" })
-], i.prototype, "strategy");
-s([
-  l({ attribute: "offset", converter: y })
-], i.prototype, "offset");
-s([
-  x
-], i.prototype, "anchor");
-const O = ":host{display:var(--_popup-display, inline)}.control{border-radius:inherit;background:var(--vvd-color-surface-4dp);contain:layout}.control:not(.open){display:none}.popup-wrapper{white-space:initial;--scrollbar-track-color: transparent;--scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%)}.popup-wrapper{scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.popup-wrapper ::-webkit-scrollbar{width:4px}.popup-wrapper ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.popup-wrapper ::-webkit-scrollbar-thumb{border:0;border-radius:4px;background-color:var(--scrollbar-fallback-track-color, var(--scrollbar-thumb-color))}.popup-wrapper{z-index:var(--_popup-z-index, 10);overflow:visible;padding:0;border:none;border-radius:8px;margin:0;inline-size:max-content;min-inline-size:fit-content}.popup-wrapper:not(.absolute){position:fixed}.popup-wrapper.absolute{position:absolute;top:0;left:0}.popup-content{display:grid;color:var(--vvd-color-canvas-text)}.dismissible .popup-content{align-content:start;grid-template-columns:1fr auto}.arrow{position:absolute;z-index:-1;width:8px;height:8px;background:var(--vvd-color-surface-4dp);transform:rotate(45deg)}.dismissible-button{align-self:flex-start;margin-block-start:4px;margin-inline-end:4px}", S = ({ open: r, dismissible: t, alternate: e }) => B(
-  "control",
-  ["open", !!r],
-  ["dismissible", !!t],
-  ["alternate", !!e]
-);
-function U(r) {
-  return r.strategy && r.strategy === "fixed" ? "manual" : null;
+function k() {
+	return n`${c((e) => e.text || e.textSecondary, n`<span class="text">
+			${c((e) => e.text, n`<span class="text-primary">${(e) => e.text}</span>`)}
+			${c((e) => e.textSecondary, n`<span class="text-secondary">${(e) => e.textSecondary}</span>`)}
+		</span>`)}`;
 }
-const T = (r) => {
-  const t = r.tagFor(g), e = r.tagFor(b);
-  return c`
-  <${t}>
-		<div popover="${U}" class="popup-wrapper ${(o) => o.strategy}" ${d("popupEl")} part="popup-base">
-			<div ${d("controlEl")} class="${S}" aria-hidden="${(o) => o.open ? "false" : "true"}"
-				part="${(o) => o.alternate ? "vvd-theme-alternate" : ""}">
-				<div class="popup-content">
-					<slot></slot>
-					${m(
-    (o) => o.dismissible,
-    c`<${e} size="condensed" @click="${(o) => o.open = !1}"
-						class="dismissible-button" icon="close-small-solid" shape="pill"></${e}>`
-  )}
-				</div>
-				${m(
-    (o) => o.arrow,
-    c`<div class="arrow" ${d("arrowEl")}></div>`
-  )}
+//#endregion
+//#region src/lib/menu-item/definition.ts
+var A = a("menu-item", w, (e) => {
+	let t = v(e), r = e.tagFor(d);
+	return n`
+		<template
+			${b({
+		role: C.menuitem,
+		ariaHasPopup: (e) => e.hasSubmenu ? "menu" : void 0,
+		ariaChecked: (e) => e.controlType ? e.checked : void 0,
+		ariaDisabled: (e) => e.disabled,
+		ariaExpanded: (e) => e.expanded
+	})}
+			@keydown="${(e, t) => e.handleMenuItemKeyDown(t.event)}"
+			@click="${(e, t) => e.handleMenuItemClick(t.event)}"
+			@mouseover="${(e, t) => e.handleMouseOver(t.event)}"
+			@mouseout="${(e, t) => e.handleMouseOut(t.event)}"
+		>
+			<div class="${D}">
+				<slot name="meta" ${u("metaSlottedContent")}></slot>
+				${O(e)}
+				${c((e) => e.icon, n`<span class="decorative"
+						>${(e) => t(e.icon)}</span
+					>`)}
+				${k()}
+				<slot
+					name="trailing-meta"
+					${u("trailingMetaSlottedContent")}
+				></slot>
+				${c((e) => e.hasSubmenu, n`<${r} class="chevron" name="chevron-right-line"></${r}>`)}
 			</div>
-    </div>
-  </${t}>`;
-}, N = E(
-  "popup",
-  i,
-  T,
-  [v, f],
-  {
-    styles: O
-  }
-), G = P(N);
-export {
-  i as P,
-  n as a,
-  N as p,
-  G as r
-};
+			<slot
+				name="submenu"
+				${u({
+		property: "slottedSubmenu",
+		filter: l(e.tagForNonDependency(T))
+	})}
+			></slot>
+		</template>
+	`;
+}, [f], { styles: S }), j = o(A);
+//#endregion
+export { C as a, w as i, j as n, T as r, A as t };

package/bundled/delegates-aria.cjs

@@ -1 +1 @@
-"use strict";const h=require("./attribute-binding-behaviour.cjs"),o=require("./vivid-element.cjs");class g{constructor(e,t){this.target=null,this.bindingBehaviours=[],this.onSourceAriaPropertyChanged=(r,i)=>{!this.forwardedProperties.has(i)||i in this.boundProperties||this.forwardPropertyToTarget(this.target,i,r[i])},this.target=e,this.boundProperties=t.boundProperties,this.forwardedProperties=t.forwardedProperties}bind(e){const t=e.source;this.bindPropertiesToTarget(t,this.boundProperties,this.target),this.startForwardingPropertiesToTarget(t,this.forwardedProperties,this.target)}bindPropertiesToTarget(e,t,r){for(const[i,a]of Object.entries(t)){const n=a instanceof Function?a:()=>a;this.bindingBehaviours.push(new h.AttributeBindingBehavior(r,o.oneWay(n),o.Observable.isVolatileBinding(n),o.ariaAttributeName(i)))}for(const i of this.bindingBehaviours)i.bind({source:e,context:e.$fastController.context})}startForwardingPropertiesToTarget(e,t,r){for(const i of t)i in this.boundProperties||this.forwardPropertyToTarget(r,i,e[i]);o.subscribeToAriaPropertyChanges(e,this.onSourceAriaPropertyChanged)}forwardPropertyToTarget(e,t,r){r==null||r===!1?e.removeAttribute(o.ariaAttributeName(t)):e.setAttribute(o.ariaAttributeName(t),String(r))}}class d extends o.StatelessAttachedAttributeDirective{constructor(e,t){super("vvd-delegate-aria"),this.boundProperties=e,this.forwardedProperties=t,this.targetNodeId=""}bind(e){const t=e.targets[this.targetNodeId];new g(t,{boundProperties:this.boundProperties,forwardedProperties:this.forwardedProperties}).bind(e)}}o.HTMLDirective.define(d);function u(s={},e={}){const t=new Set((e.onlySpecified?[]:o.ariaMixinProperties).filter(r=>!(r in s)));return new d(s,t)}const b=s=>{class e extends s{constructor(){super(...arguments),this._vividAriaBehaviour="delegate"}}return e};exports.DelegatesAria=b;exports.delegateAria=u;
+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}});

package/bundled/delegates-aria.js

@@ -1,90 +1,58 @@
-import { A as h } from "./attribute-binding-behaviour.js";
-import { g, O as b, j as a, s as c, k as u, S as f, H as p } from "./vivid-element.js";
-class P {
-  constructor(e, r) {
-    this.target = null, this.bindingBehaviours = [], this.onSourceAriaPropertyChanged = (t, i) => {
-      !this.forwardedProperties.has(i) || i in this.boundProperties || this.forwardPropertyToTarget(this.target, i, t[i]);
-    }, this.target = e, this.boundProperties = r.boundProperties, this.forwardedProperties = r.forwardedProperties;
-  }
-  // private source: DelegatesAriaElement | null = null;
-  bind(e) {
-    const r = e.source;
-    this.bindPropertiesToTarget(r, this.boundProperties, this.target), this.startForwardingPropertiesToTarget(
-      r,
-      this.forwardedProperties,
-      this.target
-    );
-  }
-  bindPropertiesToTarget(e, r, t) {
-    for (const [i, o] of Object.entries(r)) {
-      const n = o instanceof Function ? o : () => o;
-      this.bindingBehaviours.push(
-        new h(
-          t,
-          g(n),
-          b.isVolatileBinding(n),
-          a(i)
-        )
-      );
-    }
-    for (const i of this.bindingBehaviours)
-      i.bind({
-        source: e,
-        context: e.$fastController.context
-      });
-  }
-  // private releasePropertyBindings(source: DelegatesAriaElement) {
-  // 	for (const behavior of this.bindingBehaviours) {
-  // 		(behavior as any).unbind(); // TODO: fix type
-  // 	}
-  // 	this.bindingBehaviours = [];
-  // }
-  startForwardingPropertiesToTarget(e, r, t) {
-    for (const i of r)
-      i in this.boundProperties || this.forwardPropertyToTarget(t, i, e[i]);
-    c(
-      e,
-      this.onSourceAriaPropertyChanged
-    );
-  }
-  forwardPropertyToTarget(e, r, t) {
-    t == null || t === !1 ? e.removeAttribute(a(r)) : e.setAttribute(a(r), String(t));
-  }
-}
-class d extends f {
-  constructor(e, r) {
-    super("vvd-delegate-aria"), this.boundProperties = e, this.forwardedProperties = r, this.targetNodeId = "";
-  }
-  bind(e) {
-    const r = e.targets[this.targetNodeId];
-    new P(
-      r,
-      // Pass the target element as target
-      {
-        boundProperties: this.boundProperties,
-        forwardedProperties: this.forwardedProperties
-      }
-    ).bind(e);
-  }
-}
-p.define(d);
-function v(s = {}, e = {}) {
-  const r = new Set(
-    (e.onlySpecified ? [] : u).filter(
-      (t) => !(t in s)
-    )
-  );
-  return new d(s, r);
-}
-const A = (s) => {
-  class e extends s {
-    constructor() {
-      super(...arguments), this._vividAriaBehaviour = "delegate";
-    }
-  }
-  return e;
+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);
+	}
 };
-export {
-  A as D,
-  v as d
+r.define(l);
+function u(e = {}, t = {}) {
+	return new l(e, new Set((t.onlySpecified ? [] : n).filter((t) => !(t in e))));
+}
+var d = (e) => {
+	class t extends e {
+		constructor(...e) {
+			super(...e), this._vividAriaBehaviour = "delegate";
+		}
+	}
+	return t;
 };
+//#endregion
+export { u as n, d as t };

package/bundled/dialog.cjs

@@ -0,0 +1 @@
+function e(e){return e.key===`Escape`?(e.stopPropagation(),!0):!1}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/bundled/dialog.js

@@ -0,0 +1,6 @@
+//#region src/shared/dialog/index.ts
+function e(e) {
+	return e.key === "Escape" ? (e.stopPropagation(), !0) : !1;
+}
+//#endregion
+export { e as t };

package/bundled/divider.cjs

@@ -1 +1 @@
-"use strict";const v=require("./enums.cjs"),i=require("./vivid-element.cjs"),u=require("./host-semantics.cjs"),d=require("./aria.cjs");var l=Object.defineProperty,p=(r,n,o,h)=>{for(var e=void 0,t=r.length-1,s;t>=0;t--)(s=r[t])&&(e=s(n,o,e)||e);return e&&l(n,o,e),e};const c={separator:"separator",presentation:"presentation"};class a extends u.HostSemantics(i.VividElement){constructor(){super(...arguments),this.role=c.separator,this.orientation=d.Orientation.horizontal,this.appearance=v.Appearance.Ghost}}p([i.attr],a.prototype,"orientation");p([i.attr],a.prototype,"appearance");exports.Divider=a;exports.DividerRole=c;
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./aria.cjs`),r=require(`./enums.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=n.t.horizontal,this.appearance=r.t.Ghost}};t.t([e.l],o.prototype,`orientation`,void 0),t.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}});

package/bundled/divider.js

@@ -1,34 +1,17 @@
-import { A as m } from "./enums.js";
-import { V as f, a as i } from "./vivid-element.js";
-import { H as c } from "./host-semantics.js";
-import { O as l } from "./aria.js";
-var v = Object.defineProperty, n = (t, e, o, h) => {
-  for (var r = void 0, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (r = s(e, o, r) || r);
-  return r && v(e, o, r), r;
-};
-const d = {
-  /**
-   * The divider semantically separates content
-   */
-  separator: "separator",
-  /**
-   * The divider has no semantic value and is for visual presentation only.
-   */
-  presentation: "presentation"
-};
-class p extends c(f) {
-  constructor() {
-    super(...arguments), this.role = d.separator, this.orientation = l.horizontal, this.appearance = m.Ghost;
-  }
-}
-n([
-  i
-], p.prototype, "orientation");
-n([
-  i
-], p.prototype, "appearance");
-export {
-  p as D,
-  d as a
+import { l as e, t } from "./vivid-element.js";
+import { t as n } from "./decorate.js";
+import { t as r } from "./aria.js";
+import { t as i } from "./enums.js";
+import { t as a } from "./host-semantics.js";
+//#region src/lib/divider/divider.ts
+var o = {
+	separator: "separator",
+	presentation: "presentation"
+}, s = class extends a(t) {
+	constructor(...e) {
+		super(...e), this.role = o.separator, this.orientation = r.horizontal, this.appearance = i.Ghost;
+	}
 };
+n([e], s.prototype, "orientation", void 0), n([e], s.prototype, "appearance", void 0);
+//#endregion
+export { o as n, s as t };

package/bundled/dom.cjs

@@ -1 +1 @@
-"use strict";function t(...e){return e.every(n=>n instanceof HTMLElement)}exports.isHTMLElement=t;
+function e(...e){return e.every(e=>e instanceof HTMLElement)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});