vintage-frames 0.3.0 → 0.4.0

package/dist/components/vf-icon.js

@@ -1,14 +1,14 @@
-import { vfElement as e } from "../define.js";
-import { ScaleController as t, effectiveScale as n, toSysExact as r } from "../scale.js";
-import i from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
-import { PlacementController as a, VfPositioned as o, warnMovableContract as s } from "../position.js";
-import { vfBodyDecls as c } from "../styles/recipes/body-face.js";
-import { vfBase as l } from "../styles/recipes/host.js";
-import { vfFocusUnderline as u } from "../styles/recipes/focus.js";
-import { GridSnapController as d } from "../grid-snap.js";
-import { DocumentListenersController as f } from "../document-listeners.js";
-import { DragController as p } from "../drag.js";
-import { emit as m } from "../events.js";
+import { emit as e } from "../events.js";
+import { vfElement as t } from "../define.js";
+import { ScaleController as n, effectiveScale as r, toSysExact as i } from "../scale.js";
+import a from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import { PlacementController as o, VfPositioned as s, warnMovableContract as c } from "../position.js";
+import { vfBodyDecls as l } from "../styles/recipes/body-face.js";
+import { vfBase as u } from "../styles/recipes/host.js";
+import { vfFocusUnderline as d } from "../styles/recipes/focus.js";
+import { GridSnapController as f } from "../grid-snap.js";
+import { DocumentListenersController as p } from "../document-listeners.js";
+import { DragController as m } from "../drag.js";
 import "../motion.js";
 import { FocusRuleController as h } from "../focus-modality.js";
 import { deriveOpenArt as g } from "../open-art.js";
@@ -18,20 +18,20 @@ import { property as x, state as S } from "lit/decorators.js";
 var C = {
 	large: 32,
 	small: 16
-}, w = 1, T = 8, E = (e, t) => t <= 0 ? Math.max(e, 0) : Math.min(Math.max(e, 0), t), D = class extends o(_) {
-	constructor(...e) {
-		super(...e), this.label = "", this.size = "large", this.selectable = !1, this.selected = !1, this.color = !1, this.open = !1, this.movable = !1, this.editable = !1, this.maxlength = 31, this.scale = new t(this), this.gridSnap = new d(this), this.focusRule = new h(this), this._editing = !1, this._draft = "", this.#e = 0, this._ghost = null, this.#t = null, this.#n = this.attachInternals(), this.#i = "", this.#a = "", this.#o = 0, this.#s = -Infinity, this.#c = new f(this, () => [[
+}, w = 1, T = 8, E = (e, t) => t <= 0 ? Math.max(e, 0) : Math.min(Math.max(e, 0), t), D = class extends s(_) {
+	constructor(...t) {
+		super(...t), this.label = "", this.size = "large", this.selectable = !1, this.selected = !1, this.color = !1, this.open = !1, this.movable = !1, this.editable = !1, this.maxlength = 31, this.scale = new n(this), this.gridSnap = new f(this), this.focusRule = new h(this), this._editing = !1, this._draft = "", this.#e = 0, this._ghost = null, this.#t = null, this.#n = this.attachInternals(), this.#i = "", this.#a = "", this.#o = 0, this.#s = -Infinity, this.#c = new p(this, () => [[
 			document,
 			"pointerdown",
 			this.#A,
 			!0
 		]]), this.#l = (e, t, n) => ({
-			x: E(e, n.width - r(this.offsetWidth, this)),
-			y: E(t, n.height - r(this.offsetHeight, this))
-		}), this.#u = new a(this, (e, t, n) => this.#l(e, t, n)), this.#d = {
+			x: E(e, n.width - i(this.offsetWidth, this)),
+			y: E(t, n.height - i(this.offsetHeight, this))
+		}), this.#u = new o(this, (e, t, n) => this.#l(e, t, n)), this.#d = {
 			x: 0,
 			y: 0
-		}, this.#f = new p(this, {
+		}, this.#f = new m(this, {
 			onDragStart: (e) => !this.movable || e.button !== 0 || this._editing ? null : (this.#m(), this.#d = this.#u.seed()),
 			onDrag: (e, t) => {
 				(e !== this.#d.x || t !== this.#d.y) && this.#S(), this.#u.moveTo(e, t);
@@ -45,7 +45,7 @@ var C = {
 			let t = e.composedPath().some((e) => e instanceof HTMLElement && e.classList.contains("label")), n = this.selected, r = e.timeStamp - this.#s < 800;
 			this.#s = e.timeStamp, this.#S(), this.selectable && (e.shiftKey || e.metaKey ? this.#D(!this.selected) : this.#D(!0)), this.editable && t && n && !r && !e.shiftKey && !e.metaKey && this.#x(), this.#T && (this.focus({ preventScroll: !0 }), this.focusRule.suppress()), this.#f.onPointerDown(e);
 		}, this.#k = () => {
-			this._editing || m(this, "vf-open", {});
+			this._editing || e(this, "vf-open", {});
 		}, this.#A = (e) => {
 			e.composedPath().includes(this) || (this.#S(), !(e.shiftKey || e.metaKey) && this.#D(!1));
 		}, this.#j = (e) => {
@@ -62,28 +62,28 @@ var C = {
 			this._draft = t.value;
 		}, this.#P = (e) => {
 			e.key === "Enter" ? (e.preventDefault(), this.commitEditing(), this.focus()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), this.cancelEditing(), this.focus());
-		}, this.#F = (e) => {
-			if (this.#S(), !(this._editing || e.defaultPrevented)) {
-				if ((e.metaKey || e.ctrlKey) && !e.altKey && (e.key.toLowerCase() === "o" || e.key === "ArrowDown")) {
-					e.preventDefault(), m(this, "vf-open", {});
+		}, this.#F = (t) => {
+			if (this.#S(), !(this._editing || t.defaultPrevented)) {
+				if ((t.metaKey || t.ctrlKey) && !t.altKey && (t.key.toLowerCase() === "o" || t.key === "ArrowDown")) {
+					t.preventDefault(), e(this, "vf-open", {});
 					return;
 				}
-				switch (e.key) {
+				switch (t.key) {
 					case "Enter":
 						if (!this.editable) return;
-						e.preventDefault(), this.startEditing();
+						t.preventDefault(), this.startEditing();
 						return;
 					case " ":
 						if (!this.selectable) return;
-						e.preventDefault(), this.focusRule.reveal(), this.#D(!this.selected);
+						t.preventDefault(), this.focusRule.reveal(), this.#D(!this.selected);
 						return;
 					case "ArrowLeft":
 					case "ArrowRight":
 					case "ArrowUp":
 					case "ArrowDown": {
 						if (!this.movable) return;
-						e.preventDefault(), this.focusRule.reveal();
-						let t = e.shiftKey ? T : w, n = e.key === "ArrowLeft" ? -t : e.key === "ArrowRight" ? t : 0, r = e.key === "ArrowUp" ? -t : e.key === "ArrowDown" ? t : 0;
+						t.preventDefault(), this.focusRule.reveal();
+						let e = t.shiftKey ? T : w, n = t.key === "ArrowLeft" ? -e : t.key === "ArrowRight" ? e : 0, r = t.key === "ArrowUp" ? -e : t.key === "ArrowDown" ? e : 0;
 						this.#m();
 						let i = this.#u.seed();
 						this.#u.moveTo(i.x + n, i.y + r);
@@ -93,7 +93,7 @@ var C = {
 		};
 	}
 	static {
-		this.styles = [l, v`
+		this.styles = [u, v`
       :host {
         display: inline-block;
         cursor: var(--vf-cursor, default);
@@ -161,7 +161,7 @@ var C = {
         margin-top: calc(var(--vf-scale, 1) * var(--vf-icon-gap, 2px));
       }
       .label {
-        ${c}
+        ${l}
         font-weight: var(--vf-font-weight, 700);
         /* Whole system px, never a ratio — layout contract rule 2. 12, not
            the face's 16px em: the Finder's plate is 12 system px tall, and
@@ -249,7 +249,7 @@ var C = {
            selection paint at this edge, which is the whole reason it has no
            border of its own (see .rename-box). */
         height: calc(var(--vf-scale, 1) * var(--vf-icon-label-height, 12px));
-        ${c}
+        ${l}
         font-weight: var(--vf-font-weight, 700);
         line-height: calc(
           var(--vf-scale, 1) * var(--vf-icon-label-height, 12px)
@@ -292,12 +292,12 @@ var C = {
          as a visible focus (see focus-modality.ts). */
       .caption.focus-rule .label::after {
         --vf-focus-underline-offset: -2px;
-        ${u}
+        ${d}
       }
       /* No name, no plate — the rule falls back to the art cell. */
       .art.focus-rule::after {
         --vf-focus-underline-offset: -2px;
-        ${u}
+        ${d}
       }
       :host(:focus) {
         outline: none;
@@ -334,7 +334,7 @@ var C = {
 	}
 	#p;
 	#m() {
-		this.#p ||= s(this, `vf-icon${this.label ? ` ("${this.label}")` : ""}`, "<vf-icon movable label=\"Read Me\" width=\"64\" top=\"16\" left=\"16\">");
+		this.#p ||= c(this, `vf-icon${this.label ? ` ("${this.label}")` : ""}`, "<vf-icon movable label=\"Read Me\" width=\"64\" top=\"16\" left=\"16\">");
 	}
 	firstUpdated() {
 		document.fonts.ready.then(() => this.#h());
@@ -350,7 +350,7 @@ var C = {
 			let n = document.createRange();
 			n.selectNodeContents(e), t = n.getBoundingClientRect().width, n.detach();
 		}
-		let r = t / n(this) + 2, i = Math.max(2, Math.ceil(r / 2) * 2);
+		let n = t / r(this) + 2, i = Math.max(2, Math.ceil(n / 2) * 2);
 		this.#e = this._editing && t === 0 ? Math.max(i, C[this.size]) : i, e.style.width = this.#g;
 	}
 	get #g() {
@@ -399,18 +399,18 @@ var C = {
 	commitEditing() {
 		if (!this._editing) return;
 		this._editing = !1;
-		let e = this.#a, t = this._draft;
-		if (t.trim() === "") {
-			this._draft = e, t !== e && m(this, "vf-name-rejected", {
-				attempted: t,
-				kept: e,
+		let t = this.#a, n = this._draft;
+		if (n.trim() === "") {
+			this._draft = t, n !== t && e(this, "vf-name-rejected", {
+				attempted: n,
+				kept: t,
 				reason: "empty"
 			});
 			return;
 		}
-		t !== e && (this.label = t, m(this, "vf-change", {
-			label: t,
-			previous: e
+		n !== t && (this.label = n, e(this, "vf-change", {
+			label: n,
+			previous: t
 		}));
 	}
 	cancelEditing() {
@@ -476,42 +476,42 @@ var C = {
 	#E() {
 		this.hasAttribute("tabindex") || (this.#T ? this.tabIndex = 0 : this.removeAttribute("tabindex"));
 	}
-	#D(e) {
-		e !== this.selected && (this.selected = e, m(this, "vf-select", { selected: e }));
+	#D(t) {
+		t !== this.selected && (this.selected = t, e(this, "vf-select", { selected: t }));
 	}
 	#O;
 	#k;
 	#A;
 	#j;
 	#M;
-	#N(e) {
-		m(this, "vf-name-too-long", {
-			attempted: e,
-			accepted: e.slice(0, this.maxlength),
+	#N(t) {
+		e(this, "vf-name-too-long", {
+			attempted: t,
+			accepted: t.slice(0, this.maxlength),
 			limit: this.maxlength
 		});
 	}
 	#P;
 	#F;
 };
-i([x()], D.prototype, "label", void 0), i([x({ reflect: !0 })], D.prototype, "size", void 0), i([x({
+a([x()], D.prototype, "label", void 0), a([x({ reflect: !0 })], D.prototype, "size", void 0), a([x({
 	type: Boolean,
 	reflect: !0
-})], D.prototype, "selectable", void 0), i([x({
+})], D.prototype, "selectable", void 0), a([x({
 	type: Boolean,
 	reflect: !0
-})], D.prototype, "selected", void 0), i([x({
+})], D.prototype, "selected", void 0), a([x({
 	type: Boolean,
 	reflect: !0
-})], D.prototype, "color", void 0), i([x({
+})], D.prototype, "color", void 0), a([x({
 	type: Boolean,
 	reflect: !0
-})], D.prototype, "open", void 0), i([x({
+})], D.prototype, "open", void 0), a([x({
 	type: Boolean,
 	reflect: !0
-})], D.prototype, "movable", void 0), i([x({
+})], D.prototype, "movable", void 0), a([x({
 	type: Boolean,
 	reflect: !0
-})], D.prototype, "editable", void 0), i([x({ type: Number })], D.prototype, "width", void 0), i([x({ type: Number })], D.prototype, "maxlength", void 0), i([S()], D.prototype, "_editing", void 0), i([S()], D.prototype, "_draft", void 0), i([S()], D.prototype, "_ghost", void 0), D = i([e("vf-icon")], D);
+})], D.prototype, "editable", void 0), a([x({ type: Number })], D.prototype, "width", void 0), a([x({ type: Number })], D.prototype, "maxlength", void 0), a([S()], D.prototype, "_editing", void 0), a([S()], D.prototype, "_draft", void 0), a([S()], D.prototype, "_ghost", void 0), D = a([t("vf-icon")], D);
 //#endregion
 export { D as VfIcon };

package/dist/components/vf-list-item.js

@@ -1,16 +1,16 @@
-import { vfElement as e } from "../define.js";
-import { ScaleController as t } from "../scale.js";
-import n from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
-import { VfPositioned as r } from "../position.js";
-import { vfBase as i } from "../styles/recipes/host.js";
-import { vfFocusRing as a } from "../styles/recipes/focus.js";
-import { emit as o } from "../events.js";
+import { emit as e } from "../events.js";
+import { vfElement as t } from "../define.js";
+import { ScaleController as n } from "../scale.js";
+import r from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import { VfPositioned as i } from "../position.js";
+import { vfBase as a } from "../styles/recipes/host.js";
+import { vfFocusRing as o } from "../styles/recipes/focus.js";
 import { LitElement as s, css as c, html as l } from "lit";
 import { property as u } from "lit/decorators.js";
 //#region src/components/vf-list-item.ts
-var d = class extends r(s) {
+var d = class extends i(s) {
 	static {
-		this.styles = [i, c`
+		this.styles = [a, c`
       :host {
         display: flex;
         align-items: center;
@@ -48,7 +48,7 @@ var d = class extends r(s) {
          across selected rows while Space still acts on it. */
       :host(:focus) {
         --vf-focus-offset: -1px;
-        ${a}
+        ${o}
       }
       :host([selected]) {
         background: var(--vf-highlight, #000);
@@ -75,25 +75,25 @@ var d = class extends r(s) {
 	}
 	#e;
 	constructor() {
-		super(), this.scale = new t(this), this.value = "", this.selected = !1, this.disabled = !1, this.listDisabled = !1, this.#e = this.attachInternals(), this.#e.role = "option";
+		super(), this.scale = new n(this), this.value = "", this.selected = !1, this.disabled = !1, this.listDisabled = !1, this.#e = this.attachInternals(), this.#e.role = "option";
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.hasAttribute("tabindex") || (this.tabIndex = -1);
 	}
-	updated(e) {
-		e.has("selected") && (this.#e.ariaSelected = this.selected ? "true" : "false"), (e.has("disabled") || e.has("listDisabled")) && (this.#e.ariaDisabled = this.disabled || this.listDisabled ? "true" : null), e.has("disabled") && e.get("disabled") !== void 0 && o(this, "vf-list-item-disabled-change", { item: this }, { composed: !1 });
+	updated(t) {
+		t.has("selected") && (this.#e.ariaSelected = this.selected ? "true" : "false"), (t.has("disabled") || t.has("listDisabled")) && (this.#e.ariaDisabled = this.disabled || this.listDisabled ? "true" : null), t.has("disabled") && t.get("disabled") !== void 0 && e(this, "vf-list-item-disabled-change", { item: this }, { composed: !1 });
 	}
 	render() {
 		return l`<slot name="icon"></slot
       ><span class="text" part="text"><slot></slot></span>`;
 	}
 };
-n([u()], d.prototype, "value", void 0), n([u({
+r([u()], d.prototype, "value", void 0), r([u({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "selected", void 0), n([u({
+})], d.prototype, "selected", void 0), r([u({
 	type: Boolean,
 	reflect: !0
-})], d.prototype, "disabled", void 0), n([u({ attribute: !1 })], d.prototype, "listDisabled", void 0), d = n([e("vf-list-item")], d);
+})], d.prototype, "disabled", void 0), r([u({ attribute: !1 })], d.prototype, "listDisabled", void 0), d = r([t("vf-list-item")], d);
 //#endregion
 export { d as VfListItem };

package/dist/components/vf-list.js

@@ -1,23 +1,23 @@
-import { vfElement as e } from "../define.js";
-import { ScaleController as t } from "../scale.js";
-import n from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
-import { VfPositioned as r } from "../position.js";
-import { vfBase as i } from "../styles/recipes/host.js";
-import { vfFocusRing as a } from "../styles/recipes/focus.js";
-import { vfScrollRail as o } from "../styles/recipes/scroll-rail.js";
-import { GridSnapController as s } from "../grid-snap.js";
-import { emit as c } from "../events.js";
+import { emit as e } from "../events.js";
+import { vfElement as t } from "../define.js";
+import { ScaleController as n } from "../scale.js";
+import r from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import { VfPositioned as i } from "../position.js";
+import { vfBase as a } from "../styles/recipes/host.js";
+import { vfFocusRing as o } from "../styles/recipes/focus.js";
+import { vfScrollRail as s } from "../styles/recipes/scroll-rail.js";
+import { GridSnapController as c } from "../grid-snap.js";
 import { ScrollStateController as l } from "../scroll-state.js";
 import { ScrollRailController as u, renderScrollRail as d } from "../scroll-rail.js";
 import { TypeAheadBuffer as f } from "../type-ahead.js";
 import { LitElement as p, css as m, html as h, nothing as g } from "lit";
 import { property as _, query as v, queryAssignedElements as y, state as b } from "lit/decorators.js";
 //#region src/components/vf-list.ts
-var x = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), S = class extends r(p) {
+var x = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), S = class extends i(p) {
 	static {
 		this.styles = [
-			i,
-			o,
+			a,
+			s,
 			m`
       :host {
         display: block;
@@ -66,7 +66,7 @@ var x = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), S = cl
          render()); the ring keeps that stop visible, inset to stay in-box. */
       .list:focus-visible {
         --vf-focus-offset: -2px;
-        ${a}
+        ${o}
       }
     `
 		];
@@ -77,7 +77,7 @@ var x = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), S = cl
 	#r;
 	#i;
 	constructor() {
-		super(), this.scale = new t(this), this.gridSnap = new s(this), this.scrollState = new l(this, () => this.viewport, () => this.content, (e) => {
+		super(), this.scale = new n(this), this.gridSnap = new c(this), this.scrollState = new l(this, () => this.viewport, () => this.content, (e) => {
 			this._scrollable = e.x || e.y;
 		}), this.rail = new u(this, {
 			getScroll: () => this.viewport,
@@ -192,15 +192,15 @@ var x = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), S = cl
 			this.#s(e, !1);
 		}
 	}
-	#s(e, t) {
-		let n = this._items, r = this.multiple ? e : e.slice(0, 1), i = n.filter((e) => e.selected).map((e) => e.value);
-		for (let e of n) e.selected = r.includes(e.value) && !e.disabled;
-		let a = n.filter((e) => e.selected).map((e) => e.value);
-		this.#r = [...a];
-		let o = a[0] ?? "";
-		this.value !== o && (this.value = o), x(this.values, a) || (this.values = a), this.#c(), t && !x(i, a) && c(this, "vf-change", {
+	#s(t, n) {
+		let r = this._items, i = this.multiple ? t : t.slice(0, 1), a = r.filter((e) => e.selected).map((e) => e.value);
+		for (let e of r) e.selected = i.includes(e.value) && !e.disabled;
+		let o = r.filter((e) => e.selected).map((e) => e.value);
+		this.#r = [...o];
+		let s = o[0] ?? "";
+		this.value !== s && (this.value = s), x(this.values, o) || (this.values = o), this.#c(), n && !x(a, o) && e(this, "vf-change", {
 			value: this.value,
-			values: [...a]
+			values: [...o]
 		});
 	}
 	#c() {
@@ -242,15 +242,15 @@ var x = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), S = cl
 		!t || t.disabled || (t.focus(), t.scrollIntoView({ block: "nearest" }));
 	}
 };
-n([v(".list")], S.prototype, "viewport", void 0), n([v(".list-content")], S.prototype, "content", void 0), n([b()], S.prototype, "_scrollable", void 0), n([_({
+r([v(".list")], S.prototype, "viewport", void 0), r([v(".list-content")], S.prototype, "content", void 0), r([b()], S.prototype, "_scrollable", void 0), r([_({
 	type: Boolean,
 	reflect: !0
-})], S.prototype, "multiple", void 0), n([_()], S.prototype, "value", void 0), n([_({ attribute: !1 })], S.prototype, "values", void 0), n([_({
+})], S.prototype, "multiple", void 0), r([_()], S.prototype, "value", void 0), r([_({ attribute: !1 })], S.prototype, "values", void 0), r([_({
 	type: Boolean,
 	reflect: !0
-})], S.prototype, "disabled", void 0), n([_()], S.prototype, "label", void 0), n([y({
+})], S.prototype, "disabled", void 0), r([_()], S.prototype, "label", void 0), r([y({
 	selector: "vf-list-item",
 	flatten: !0
-})], S.prototype, "_items", void 0), S = n([e("vf-list")], S);
+})], S.prototype, "_items", void 0), S = r([t("vf-list")], S);
 //#endregion
 export { S as VfList };

package/dist/components/vf-menu-item.js

@@ -1,11 +1,11 @@
-import { vfElement as e } from "../define.js";
-import { ScaleController as t } from "../scale.js";
-import n from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
-import { VfPositioned as r } from "../position.js";
-import { vfDisplay as i } from "../styles/recipes/display-face.js";
-import { vfBase as a } from "../styles/recipes/host.js";
-import { releaseAfterGesture as o } from "../document-listeners.js";
-import { deferActivation as s, emit as c } from "../events.js";
+import { deferActivation as e, emit as t } from "../events.js";
+import { vfElement as n } from "../define.js";
+import { ScaleController as r } from "../scale.js";
+import i from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import { VfPositioned as a } from "../position.js";
+import { vfDisplay as o } from "../styles/recipes/display-face.js";
+import { vfBase as s } from "../styles/recipes/host.js";
+import { releaseAfterGesture as c } from "../document-listeners.js";
 import { runSelectionBlink as l } from "../motion.js";
 import { CHECKMARK as u, glyphSvg as d } from "../glyphs.js";
 import { LitElement as f, css as p, html as m, nothing as h } from "lit";
@@ -37,11 +37,11 @@ function x(e, t) {
 	let a = r.Meta ? e.metaKey || e.ctrlKey : !e.metaKey, o = r.Control ? e.ctrlKey : r.Meta || !e.ctrlKey;
 	return a && o && e.altKey === r.Alt && e.shiftKey === r.Shift && e.key.toLowerCase() === i.toLowerCase();
 }
-var S = class extends r(f) {
+var S = class extends a(f) {
 	static {
 		this.styles = [
-			a,
-			i,
+			s,
+			o,
 			p`
       :host {
         display: block;
@@ -174,8 +174,8 @@ var S = class extends r(f) {
 	#r;
 	#i;
 	constructor() {
-		super(), this.scale = new t(this), this.disabled = !1, this.checked = !1, this.active = !1, this.checkable = !1, this.shortcut = "", this._blinkPhase = null, this.#t = !1, this.#n = !1, this.#r = this.attachInternals(), this.#i = !1, this.#d = (e) => {
-			e.defaultPrevented || e.isComposing || this.disabled || !this.shortcut || this.closest("vf-menu[shortcuts], vf-menu-bar[shortcuts]") && x(e, this.shortcut) && (e.preventDefault(), !(e.repeat || this.#t) && (c(this, "vf-menu-flash-request", { item: this }, { composed: !1 }), this.activate()));
+		super(), this.scale = new r(this), this.disabled = !1, this.checked = !1, this.active = !1, this.checkable = !1, this.shortcut = "", this._blinkPhase = null, this.#t = !1, this.#n = !1, this.#r = this.attachInternals(), this.#i = !1, this.#d = (e) => {
+			e.defaultPrevented || e.isComposing || this.disabled || !this.shortcut || this.closest("vf-menu[shortcuts], vf-menu-bar[shortcuts]") && x(e, this.shortcut) && (e.preventDefault(), !(e.repeat || this.#t) && (t(this, "vf-menu-flash-request", { item: this }, { composed: !1 }), this.activate()));
 		}, this.addEventListener("keydown", this.#u), this.addEventListener("pointerdown", this.#c), this.addEventListener("click", this.#l);
 	}
 	get #a() {
@@ -216,16 +216,16 @@ var S = class extends r(f) {
     `;
 	}
 	#c() {
-		this.#i = this.closest("vf-menu") !== null, this.#i && o(() => {
+		this.#i = this.closest("vf-menu") !== null, this.#i && c(() => {
 			this.#i = !1;
 		});
 	}
-	#l(e) {
+	#l(t) {
 		if (this.#i) {
 			this.#i = !1;
 			return;
 		}
-		s(this, e, () => this.activate());
+		e(this, t, () => this.activate());
 	}
 	#u(e) {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), this.activate());
@@ -246,26 +246,26 @@ var S = class extends r(f) {
 	}
 	#p() {
 		let e = this.value ?? (this.textContent ?? "").trim();
-		c(this, "vf-menu-select", {
+		t(this, "vf-menu-select", {
 			value: e,
 			item: this
 		});
-		let t = this.closest("vf-menu");
-		(!t || t.hasAttribute("open")) && c(this, "vf-menu-close-request", { item: this }, { composed: !1 });
+		let n = this.closest("vf-menu");
+		(!n || n.hasAttribute("open")) && t(this, "vf-menu-close-request", { item: this }, { composed: !1 });
 	}
 };
-n([g({
+i([g({
 	type: Boolean,
 	reflect: !0
-})], S.prototype, "disabled", void 0), n([g({
+})], S.prototype, "disabled", void 0), i([g({
 	type: Boolean,
 	reflect: !0
-})], S.prototype, "checked", void 0), n([g({
+})], S.prototype, "checked", void 0), i([g({
 	type: Boolean,
 	reflect: !0
-})], S.prototype, "active", void 0), n([g({
+})], S.prototype, "active", void 0), i([g({
 	type: Boolean,
 	reflect: !0
-})], S.prototype, "checkable", void 0), n([g()], S.prototype, "shortcut", void 0), n([g()], S.prototype, "value", void 0), n([_()], S.prototype, "_blinkPhase", void 0), S = n([e("vf-menu-item")], S);
+})], S.prototype, "checkable", void 0), i([g()], S.prototype, "shortcut", void 0), i([g()], S.prototype, "value", void 0), i([_()], S.prototype, "_blinkPhase", void 0), S = i([n("vf-menu-item")], S);
 //#endregion
 export { S as VfMenuItem };

package/dist/components/vf-menu.js

@@ -1,14 +1,14 @@
-import { vfElement as e } from "../define.js";
-import { ScaleController as t } from "../scale.js";
-import n from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
-import { VfPositioned as r } from "../position.js";
-import { vfDisplay as i } from "../styles/recipes/display-face.js";
-import { vfBase as a } from "../styles/recipes/host.js";
-import { vfPanel as o } from "../styles/recipes/surface.js";
-import { vfFocusUnderline as s } from "../styles/recipes/focus.js";
-import { GridSnapController as c } from "../grid-snap.js";
-import { DocumentListenersController as l, releaseAfterGesture as u } from "../document-listeners.js";
-import { deferActivation as d, emit as f } from "../events.js";
+import { deferActivation as e, emit as t } from "../events.js";
+import { vfElement as n } from "../define.js";
+import { ScaleController as r } from "../scale.js";
+import i from "../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/decorate.js";
+import { VfPositioned as a } from "../position.js";
+import { vfDisplay as o } from "../styles/recipes/display-face.js";
+import { vfBase as s } from "../styles/recipes/host.js";
+import { vfPanel as c } from "../styles/recipes/surface.js";
+import { vfFocusUnderline as l } from "../styles/recipes/focus.js";
+import { GridSnapController as u } from "../grid-snap.js";
+import { DocumentListenersController as d, releaseAfterGesture as f } from "../document-listeners.js";
 import { runSelectionBlink as p } from "../motion.js";
 import { FocusRuleController as m } from "../focus-modality.js";
 import { TypeAheadBuffer as h } from "../type-ahead.js";
@@ -16,9 +16,9 @@ import { MenuPressController as g } from "../menu-press.js";
 import { LitElement as _, css as v, html as y, nothing as b } from "lit";
 import { property as x, query as S, queryAssignedElements as C, state as w } from "lit/decorators.js";
 //#region src/components/vf-menu.ts
-var T = class extends r(_) {
+var T = class extends a(_) {
 	constructor(...e) {
-		super(...e), this.scale = new t(this), this.gridSnap = new c(this), this.#e = new m(this), this.label = "", this.open = !1, this.shortcuts = !1, this.barTabIndex = 0, this.#t = new g(this, {
+		super(...e), this.scale = new r(this), this.gridSnap = new u(this), this.#e = new m(this), this.label = "", this.open = !1, this.shortcuts = !1, this.barTabIndex = 0, this.#t = new g(this, {
 			menus: () => [this],
 			open: (e) => {
 				e.open = !0;
@@ -66,7 +66,7 @@ var T = class extends r(_) {
 					break;
 				}
 			}
-		}, this.#p = new l(this, () => [[
+		}, this.#p = new d(this, () => [[
 			document,
 			"pointerdown",
 			this.#u,
@@ -86,9 +86,9 @@ var T = class extends r(_) {
 	}
 	static {
 		this.styles = [
-			a,
-			i,
+			s,
 			o,
+			c,
 			v`
       :host {
         display: inline-block;
@@ -181,7 +181,7 @@ var T = class extends r(_) {
       }
       :host(:not([open])) .label.vf-focus-rule .title::after {
         --vf-focus-underline-offset: -2px;
-        ${s}
+        ${l}
       }
       .panel {
         position: absolute;
@@ -319,25 +319,25 @@ var T = class extends r(_) {
 			this.open = !this.open;
 			return;
 		}
-		f(this, "vf-menu-toggle-request", { menu: this }, {
+		t(this, "vf-menu-toggle-request", { menu: this }, {
 			cancelable: !0,
 			composed: !1
 		}) && (this.open = !this.open);
 	}
 	#v() {
-		this.#a = !0, u(() => {
+		this.#a = !0, f(() => {
 			this.#a = !1;
 		});
 	}
-	#y(e) {
+	#y(t) {
 		if (this.#a) {
 			this.#a = !1;
 			return;
 		}
-		d(this, e, () => this.#_());
+		e(this, t, () => this.#_());
 	}
 	#b() {
-		f(this, "vf-menu-hover", { menu: this }, { composed: !1 });
+		t(this, "vf-menu-hover", { menu: this }, { composed: !1 });
 	}
 	#x(e) {
 		if (e.key === "Enter" || e.key === " ") {
@@ -350,18 +350,18 @@ var T = class extends r(_) {
 		await this.updateComplete, this.items[0]?.focus();
 	}
 };
-n([x()], T.prototype, "label", void 0), n([x({
+i([x()], T.prototype, "label", void 0), i([x({
 	type: Boolean,
 	reflect: !0
-})], T.prototype, "open", void 0), n([x({
+})], T.prototype, "open", void 0), i([x({
 	type: Boolean,
 	reflect: !0
-})], T.prototype, "shortcuts", void 0), n([x({
+})], T.prototype, "shortcuts", void 0), i([x({
 	type: Number,
 	attribute: !1
-})], T.prototype, "barTabIndex", void 0), n([S(".label")], T.prototype, "_labelEl", void 0), n([C({
+})], T.prototype, "barTabIndex", void 0), i([S(".label")], T.prototype, "_labelEl", void 0), i([C({
 	selector: "vf-menu-item",
 	flatten: !0
-})], T.prototype, "_assignedItems", void 0), n([w()], T.prototype, "_flashOn", void 0), T = n([e("vf-menu")], T);
+})], T.prototype, "_assignedItems", void 0), i([w()], T.prototype, "_flashOn", void 0), T = i([n("vf-menu")], T);
 //#endregion
 export { T as VfMenu };