@ixfx/components 0.16.5 → 0.17.0

package/dist/interaction-8Kbbf6xN.js

@@ -0,0 +1,3 @@
+import "./list-native-drag-controller-ByftBooJ.js";
+import "./tickled-controller-BVhGKzjZ.js";
+import "./tickled-styles-pnieYweS.js";

package/dist/{item-appearance-BjcMyauw.js → item-appearance-FRO3TRFI.js}

@@ -1,4 +1,4 @@
-//#region src/common/item-appearance.ts
+// src/common/item-appearance.ts
 /**
 * Shared helpers for the list components' per-item appearance hooks — the
 * per-item icon colour / text colour / badge that miller-list, detail-list,
@@ -25,5 +25,4 @@ function appearanceAbsent(value) {
 function appearanceColor(value) {
 	return typeof value === `string` && value.length > 0 ? value : void 0;
 }
-//#endregion
 export { appearanceColor as n, appearanceAbsent as t };

package/dist/{keyboard-B5xD7Fz-.js → keyboard-DMwjIYh7.js}

@@ -30,5 +30,4 @@ function resolveAxisStep(range, stops, step, shiftKey, defaultFraction = .1) {
 	const divisor = shiftKey ? 10 : 1;
 	return resolveStep(range, stops, step, defaultFraction) / divisor;
 }
-//#endregion
 export { resolveAxisStep as t };

package/dist/{labelled-input-base-BFa4xlYV.js → labelled-input-base-KUhD02dh.js}

@@ -1,13 +1,12 @@
-import { t as __decorate } from "./decorate-VRK8rslU.js";
+import { t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { LitElement, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
-//#region src/mixins/labelled-input-util.ts
+// src/mixins/labelled-input-util.ts
 function applyValue(el, value) {
 	if (el == null) return;
 	el.value = value;
 }
-//#endregion
-//#region src/mixins/labelled-input-base.ts
+// src/mixins/labelled-input-base.ts
 var LabelledInputBase = class extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -152,5 +151,4 @@ __decorate([property({ attribute: `display-text-logic` })], LabelledInputBase.pr
 __decorate([state()], LabelledInputBase.prototype, "_isMini", void 0);
 __decorate([state()], LabelledInputBase.prototype, "_isDragging", void 0);
 __decorate([state()], LabelledInputBase.prototype, "_formatter", void 0);
-//#endregion
 export { LabelledInputBase as t };

package/dist/{labelled-input-base-DiTme1JO.d.ts → labelled-input-base-jyr_SR6t.d.ts}

@@ -1,5 +1,4 @@
 import { LitElement, nothing } from "lit";
-//#region src/mixins/labelled-input-base.d.ts
 declare abstract class LabelledInputBase extends LitElement {
   label: string;
   min: number;
@@ -36,5 +35,4 @@ declare abstract class LabelledInputBase extends LitElement {
   protected _renderEditableNumber(): typeof nothing | import("lit").TemplateResult<1>;
   updated(changedProperties: Map<string, unknown>): void;
 }
-//#endregion
 export { LabelledInputBase as t };

package/dist/labelled-radial-input.d.ts

@@ -1,8 +1,7 @@
-import { t as LabelledInputBase } from "./labelled-input-base-DiTme1JO.js";
-import { i as MarkerStyle, l as ValueMode } from "./radial-input-DU6t2hYO.js";
+import { i as MarkerStyle, l as ValueMode } from "./radial-input-DNCSwRGF.js";
+import { t as LabelledInputBase } from "./labelled-input-base-jyr_SR6t.js";
 import { CSSResultGroup, nothing } from "lit";
-//#region src/labelled-radial-input/labelled-radial-input.d.ts
-declare class LabelledRadialInput extends LabelledInputBase {
+export declare class LabelledRadialInput extends LabelledInputBase {
   readonly inputSelector = "ixfx-radial-input";
   max: number;
   step: number;
@@ -28,6 +27,4 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-labelled-radial-input': LabelledRadialInput;
   }
-}
-//#endregion
-export { LabelledRadialInput };
+}

package/dist/labelled-radial-input.js

@@ -1,10 +1,10 @@
-import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { t as LabelledInputBase } from "./labelled-input-base-BFa4xlYV.js";
-import "./radial-input-KMVltQfe.js";
+import { t as LabelledInputBase } from "./labelled-input-base-KUhD02dh.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
+import "./radial-input-Cxys4TOG.js";
 import { css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
-//#region src/labelled-radial-input/labelled-radial-input.ts
+// src/labelled-radial-input/labelled-radial-input.ts
 let LabelledRadialInput = class LabelledRadialInput extends LabelledInputBase {
 	constructor(..._args) {
 		super(..._args);
@@ -187,5 +187,4 @@ __decorate([property({
 __decorate([property({ type: Boolean })], LabelledRadialInput.prototype, "lighttouch", void 0);
 __decorate([state()], LabelledRadialInput.prototype, "_isWide", void 0);
 LabelledRadialInput = __decorate([safeCustomElement(`ixfx-labelled-radial-input`)], LabelledRadialInput);
-//#endregion
 export { LabelledRadialInput };

package/dist/labelled-range-input.d.ts

@@ -1,2 +1,2 @@
-import { t as LabelledRangeInput } from "./index-CoqtMSd9.js";
+import { t as LabelledRangeInput } from "./index-DN6kC6an.js";
 export { LabelledRangeInput };

package/dist/labelled-range-input.js

@@ -1,8 +1,8 @@
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { t as LabelledInputBase } from "./labelled-input-base-BFa4xlYV.js";
+import { t as LabelledInputBase } from "./labelled-input-base-KUhD02dh.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
-//#region src/labelled-range-input/labelled-range-input.ts
+// src/labelled-range-input/labelled-range-input.ts
 let LabelledRangeInput = class LabelledRangeInput extends LabelledInputBase {
 	constructor(..._args) {
 		super(..._args);
@@ -150,5 +150,4 @@ __decorate([property({
 	attribute: `switch-height`
 })], LabelledRangeInput.prototype, "switchHeight", void 0);
 LabelledRangeInput = __decorate([safeCustomElement(`ixfx-labelled-range-input`)], LabelledRangeInput);
-//#endregion
 export { LabelledRangeInput };

package/dist/{labelled-slider-input-FdCRi6st.js → labelled-slider-input-CfRKd5kC.js}

@@ -1,14 +1,14 @@
-import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { t as prominenceStyles } from "./prominence-DlFShic3.js";
-import { t as LabelledInputBase } from "./labelled-input-base-BFa4xlYV.js";
+import { t as LabelledInputBase } from "./labelled-input-base-KUhD02dh.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
+import { t as resolveAxisStep } from "./keyboard-DMwjIYh7.js";
+import { t as WheelNudgeMixin } from "./wheel-nudge-DgJzrL28.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { t as prominenceStyles } from "./prominence-BOOQVWF-.js";
 import { EditableLabel } from "./editable-label.js";
-import { t as resolveAxisStep } from "./keyboard-B5xD7Fz-.js";
-import { t as WheelNudgeMixin } from "./wheel-nudge-D5rmht3v.js";
-import "./slider-input-ByHdotzp.js";
+import "./slider-input-C3mbUBZi.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
-//#region src/editable-label/editable-number.ts
+// src/editable-label/editable-number.ts
 const DRAG_THRESHOLD_PX = 3;
 let EditableNumber = class EditableNumber extends WheelNudgeMixin(EditableLabel) {
 	#dragStartY;
@@ -608,8 +608,7 @@ __decorate([property({
 })], EditableNumber.prototype, "noDrag", void 0);
 __decorate([property({ type: Number })], EditableNumber.prototype, "precision", void 0);
 EditableNumber = __decorate([safeCustomElement(`ixfx-editable-number`)], EditableNumber);
-//#endregion
-//#region src/labelled-slider-input/labelled-slider-input.ts
+// src/labelled-slider-input/labelled-slider-input.ts
 let LabelledSliderInput = class LabelledSliderInput extends LabelledInputBase {
 	constructor(..._args) {
 		super(..._args);
@@ -802,5 +801,4 @@ __decorate([property({
 	attribute: `switch-height`
 })], LabelledSliderInput.prototype, "switchHeight", void 0);
 LabelledSliderInput = __decorate([safeCustomElement(`ixfx-labelled-slider-input`)], LabelledSliderInput);
-//#endregion
 export { EditableNumber as n, LabelledSliderInput as t };

package/dist/labelled-slider-input.d.ts

@@ -1,2 +1,2 @@
-import { t as LabelledSliderInput } from "./index-UvnoZUAo.js";
+import { t as LabelledSliderInput } from "./index-B7odjrlg.js";
 export { LabelledSliderInput };

package/dist/labelled-slider-input.js

@@ -1,2 +1 @@
-import { t as LabelledSliderInput } from "./labelled-slider-input-FdCRi6st.js";
-export { LabelledSliderInput };
+export { t as LabelledSliderInput } from "./labelled-slider-input-CfRKd5kC.js";

package/dist/led.d.ts

@@ -1,7 +1,6 @@
 import { LitElement } from "lit";
-//#region src/led/led.d.ts
-type LedMode = `brightness` | `blink` | `pulse`;
-declare class LedElement extends LitElement {
+export type LedMode = `brightness` | `blink` | `pulse`;
+export declare class LedElement extends LitElement {
   #private;
   value: number;
   lit: boolean;
@@ -48,6 +47,4 @@ declare global {
   interface HTMLElementTagNameMap {
     "ixfx-led": LedElement;
   }
-}
-//#endregion
-export { LedElement, LedMode };
+}

package/dist/led.js

@@ -1,7 +1,7 @@
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { LitElement, css, html } from "lit";
 import { property } from "lit/decorators.js";
-//#region src/led/led.ts
+// src/led/led.ts
 let LedElement = class LedElement extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -228,5 +228,4 @@ __decorate([property({
 	attribute: `pulse-retrigger`
 })], LedElement.prototype, "pulseRetrigger", void 0);
 LedElement = __decorate([safeCustomElement(`ixfx-led`)], LedElement);
-//#endregion
 export { LedElement };

package/dist/list-group-header.d.ts

@@ -1,12 +1,11 @@
-import "./icon-CDGprSdE.js";
+import "./icon-Bhz0c6Yf.js";
 import { LitElement } from "lit";
-//#region src/list-group-header/list-group-header.d.ts
 /**
  * Collapsible group header used by `ixfx-grid-list` and `ixfx-detail-list`.
  * Look matches the group rows of `ixfx-data-grid`: caret, bold label, muted
  * count, and a hairline divider. The host list owns the click handling.
  */
-declare class ListGroupHeaderElement extends LitElement {
+export declare class ListGroupHeaderElement extends LitElement {
   static styles: import("lit").CSSResult;
   label: string;
   count: number;
@@ -20,6 +19,4 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-list-group-header': ListGroupHeaderElement;
   }
-}
-//#endregion
-export { ListGroupHeaderElement };
+}

package/dist/list-group-header.js

@@ -1,8 +1,8 @@
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import "./icon-1gpwtPx8.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
+import "./icon-DvTQuylG.js";
 import { LitElement, css, html } from "lit";
 import { property } from "lit/decorators.js";
-//#region src/list-group-header/list-group-header.ts
+// src/list-group-header/list-group-header.ts
 let ListGroupHeaderElement = class ListGroupHeaderElement extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -116,5 +116,4 @@ __decorate([property({
 	reflect: true
 })], ListGroupHeaderElement.prototype, "orientation", void 0);
 ListGroupHeaderElement = __decorate([safeCustomElement(`ixfx-list-group-header`)], ListGroupHeaderElement);
-//#endregion
 export { ListGroupHeaderElement };

package/dist/{list-native-drag-controller-CcXoS0YX.js → list-native-drag-controller-ByftBooJ.js}

@@ -1,6 +1,6 @@
-import { n as getIconEntry, r as getIconFont } from "./registry-BEtb8_wB.js";
+import { n as getIconEntry, r as getIconFont } from "./registry-DcF0fO7l.js";
 import { css } from "lit";
-//#region src/interaction/list-drag-preview-row.ts
+// src/interaction/list-drag-preview-row.ts
 const ROW_MIN = 24;
 const ROW_MAX = 36;
 const ROW_DEFAULT = 28;
@@ -78,8 +78,7 @@ function createRowDragPreview(ctx, fallbackCaption) {
 		dispose: () => {}
 	};
 }
-//#endregion
-//#region src/interaction/list-drag-preview-default.ts
+// src/interaction/list-drag-preview-default.ts
 const CARD_DEFAULT = 72;
 const CARD_MIN = 48;
 const CARD_MAX = 96;
@@ -463,8 +462,7 @@ function createDefaultListDragPreview(context) {
 		dispose: () => {}
 	};
 }
-//#endregion
-//#region src/interaction/list-item-animation.ts
+// src/interaction/list-item-animation.ts
 /**
 * Shared insertion / removal animation for the list & tree components.
 *
@@ -590,8 +588,7 @@ function animateListItemOut(el, options = {}) {
 	if (!animation) return outResult(Promise.resolve(), void 0);
 	return outResult(animation.finished.then(() => void 0, () => void 0), animation);
 }
-//#endregion
-//#region src/interaction/list-native-drag-controller.ts
+// src/interaction/list-native-drag-controller.ts
 /**
 * Shared native item/row drag-out for list components.
 *
@@ -818,5 +815,4 @@ var ListNativeDragController = class {
 		} catch {}
 	};
 };
-//#endregion
 export { listItemFadeKeyframes as a, captionForEntry as c, animateListItemOut as i, createDefaultListDragPreview as l, LIST_ITEM_MOTION_MS as n, prefersReducedMotion as o, animateListItemIn as r, startListItemOutAnimation as s, ListNativeDragController as t };

package/dist/{list-native-drag-controller-D_UrXipS.d.ts → list-native-drag-controller-CgXKdmjr.d.ts}

@@ -1,6 +1,5 @@
-import { B as ListNativeDragStartDetail, I as ListDragPreviewContext, L as ListDragPreviewRenderer, P as ListDragEntry, R as ListDragPreviewSourceResolver, z as ListDragSource } from "./tree-component-DgfkxmVY.js";
+import { B as ListNativeDragStartDetail, I as ListDragPreviewContext, L as ListDragPreviewRenderer, P as ListDragEntry, R as ListDragPreviewSourceResolver, z as ListDragSource } from "./tree-component-DNuzfo6R.js";
 import { ReactiveController, ReactiveControllerHost } from "lit";
-//#region src/interaction/list-native-drag-controller.d.ts
 type ListNativeDragControllerConfig<T> = {
   readonly source: ListDragSource;
   /** `itemsDraggable && selection usable` */
@@ -64,5 +63,4 @@ declare class ListNativeDragController<T> implements ReactiveController {
   hostUpdated(): void;
   hostDisconnected(): void;
 }
-//#endregion
 export { ListNativeDragControllerConfig as n, ListNativeDragController as t };

package/dist/{list-selection-controller-D4iIrvJH.js → list-selection-controller-Dkh3m3hX.js}

@@ -1,5 +1,5 @@
-import { a as capKeys, d as partitionKeys, n as EMPTY_KEYS } from "./pending-BGidHppL.js";
-//#region src/interaction/list-drag-select-controller.ts
+import { a as capKeys, d as partitionKeys, n as EMPTY_KEYS } from "./pending-Afl4LT64.js";
+// src/interaction/list-drag-select-controller.ts
 const DEFAULT_POINTER_TYPES = [`mouse`, `pen`];
 const DEFAULT_THRESHOLD = 4;
 /** Pointer distance (px) from an edge that triggers auto-scroll. */
@@ -306,8 +306,7 @@ var ListDragSelectController = class {
 		this.#covered = /* @__PURE__ */ new Set();
 	}
 };
-//#endregion
-//#region src/interaction/list-selection-controller.ts
+// src/interaction/list-selection-controller.ts
 /** Capture the modifier / pointer-type state of a click for `handleClick`. */
 function gestureOf(e) {
 	return {
@@ -848,5 +847,4 @@ var ListSelectionController = class {
 		this.#config.onChange(next, previous);
 	}
 };
-//#endregion
 export { ListDragSelectController as i, gestureOf as n, isMultiMode as r, ListSelectionController as t };

package/dist/{list-selection-types-Dnamh2Lu.d.ts → list-selection-types-CKTt7Rrw.d.ts}

@@ -1,4 +1,3 @@
-//#region src/interaction/list-selection-types.d.ts
 type ListSelectionMode = `none` | `single` | `multiple`;
 /**
  * Controls how pointer and keyboard gestures map to selection changes.
@@ -105,5 +104,4 @@ interface ListElementEventMap {
   'list-activate': ListActivateEvent;
   'list-item-click': ListItemClickEvent;
 }
-//#endregion
 export { ListTickleEvent as _, ListItemClickDetail as a, ListSelectDetail as c, ListSelectIntentEvent as d, ListSelectIntentKind as f, ListTickleDetail as g, ListSelectionMode as h, ListInteractionMode as i, ListSelectEvent as l, ListSelectKeysDetail as m, ListActivateEvent as n, ListItemClickEvent as o, ListSelectIntentSource as p, ListElementEventMap as r, ListMarqueeMode as s, ListActivateDetail as t, ListSelectIntentDetail as u };

package/dist/{list-viewport-types-BRZsLcvp.d.ts → list-viewport-types-BJ8c6qur.d.ts}

@@ -1,4 +1,3 @@
-//#region src/interaction/list-viewport-types.d.ts
 /**
  * Shared list viewport-change types.
  *
@@ -18,5 +17,4 @@ type ListViewportChangeDetail = {
   readonly visibleKeys: readonly string[];
 };
 type ListViewportChangeEvent = CustomEvent<ListViewportChangeDetail>;
-//#endregion
 export { ListViewportChangeEvent as n, ListViewportChangeDetail as t };

package/dist/{menu-BX1FHxY8.js → menu-C3DhTjHx.js}

@@ -1,13 +1,13 @@
-import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
-import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import "./icon-1gpwtPx8.js";
-import "./interaction-E-uMGHkJ.js";
-import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-oxU1VKiJ.js";
+import { t as __exportAll } from "./rolldown-runtime-D3KUYPsf.js";
+import { t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
+import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-BSxhlWnW.js";
+import "./interaction-8Kbbf6xN.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import "./icon-DvTQuylG.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
-//#region src/menu/menu-bar.ts
+// src/menu/menu-bar.ts
 let MenuBar = class MenuBar extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -102,8 +102,7 @@ let MenuBar = class MenuBar extends LitElement {
 	}
 };
 MenuBar = __decorate([safeCustomElement(`ixfx-menu-bar`)], MenuBar);
-//#endregion
-//#region src/menu/menu-check-item.ts
+// src/menu/menu-check-item.ts
 let MenuCheckItem = class MenuCheckItem extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -257,8 +256,7 @@ __decorate([property({
 __decorate([property({ attribute: false })], MenuCheckItem.prototype, "registry", void 0);
 __decorate([property({ attribute: false })], MenuCheckItem.prototype, "keyboardManager", void 0);
 MenuCheckItem = __decorate([safeCustomElement(`ixfx-menu-check-item`)], MenuCheckItem);
-//#endregion
-//#region src/menu/menu-command-controller.ts
+// src/menu/menu-command-controller.ts
 var MenuCommandController = class {
 	constructor(options) {
 		this.registry = options.registry;
@@ -279,8 +277,7 @@ var MenuCommandController = class {
 		this.registry.invoke(command, { args });
 	}
 };
-//#endregion
-//#region src/menu/menu-sub-trigger.ts
+// src/menu/menu-sub-trigger.ts
 var _MenuSubTrigger;
 let MenuSubTrigger = class MenuSubTrigger extends LitElement {
 	static {
@@ -541,8 +538,7 @@ __decorate([query(`slot[name="submenu"]`)], MenuSubTrigger.prototype, "_slot", v
 __decorate([query(`.submenu-popover`)], MenuSubTrigger.prototype, "_submenuPopover", void 0);
 __decorate([query(`.item`)], MenuSubTrigger.prototype, "_itemEl", void 0);
 MenuSubTrigger = _MenuSubTrigger = __decorate([safeCustomElement(`ixfx-menu-sub-trigger`)], MenuSubTrigger);
-//#endregion
-//#region src/menu/menu-separator.ts
+// src/menu/menu-separator.ts
 let MenuSeparator = class MenuSeparator extends LitElement {
 	static {
 		this.styles = [themeFallbacks, css`
@@ -562,8 +558,7 @@ let MenuSeparator = class MenuSeparator extends LitElement {
 	}
 };
 MenuSeparator = __decorate([safeCustomElement(`ixfx-menu-separator`)], MenuSeparator);
-//#endregion
-//#region src/menu/menu-header.ts
+// src/menu/menu-header.ts
 let MenuHeader = class MenuHeader extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -588,8 +583,7 @@ let MenuHeader = class MenuHeader extends LitElement {
 };
 __decorate([property({ type: String })], MenuHeader.prototype, "label", void 0);
 MenuHeader = __decorate([safeCustomElement(`ixfx-menu-header`)], MenuHeader);
-//#endregion
-//#region src/menu/menu-from-tree.ts
+// src/menu/menu-from-tree.ts
 function isLeaf(node) {
 	return node.children === void 0 || node.children.length === 0;
 }
@@ -664,8 +658,7 @@ function menuFromTreeToElements(nodes, options = {}) {
 		return buildMenuItemEl(node, options);
 	});
 }
-//#endregion
-//#region src/menu/menu-radio-item.ts
+// src/menu/menu-radio-item.ts
 let MenuRadioItem = class MenuRadioItem extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -766,8 +759,7 @@ __decorate([property({
 	attribute: `icon-name`
 })], MenuRadioItem.prototype, "iconName", void 0);
 MenuRadioItem = __decorate([safeCustomElement(`ixfx-menu-radio-item`)], MenuRadioItem);
-//#endregion
-//#region src/menu/menu-radio-group.ts
+// src/menu/menu-radio-group.ts
 let MenuRadioGroup = class MenuRadioGroup extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -818,8 +810,7 @@ __decorate([property({ type: String })], MenuRadioGroup.prototype, "name", void
 __decorate([property({ type: String })], MenuRadioGroup.prototype, "value", void 0);
 __decorate([state()], MenuRadioGroup.prototype, "slottedElements", void 0);
 MenuRadioGroup = __decorate([safeCustomElement(`ixfx-menu-radio-group`)], MenuRadioGroup);
-//#endregion
-//#region src/menu/index.ts
+// src/menu/index.ts
 var menu_exports = /* @__PURE__ */ __exportAll({
 	MenuBar: () => MenuBar,
 	MenuCheckItem: () => MenuCheckItem,
@@ -835,5 +826,4 @@ var menu_exports = /* @__PURE__ */ __exportAll({
 	menuFromTree: () => menuFromTree,
 	menuFromTreeToElements: () => menuFromTreeToElements
 });
-//#endregion
 export { menuFromTreeToElements as a, MenuSubTrigger as c, MenuBar as d, menuFromTree as i, MenuCommandController as l, MenuRadioGroup as n, MenuHeader as o, MenuRadioItem as r, MenuSeparator as s, menu_exports as t, MenuCheckItem as u };

package/dist/{menu-item-oxU1VKiJ.js → menu-item-BSxhlWnW.js}

@@ -1,14 +1,14 @@
-import { t as TickledController } from "./tickled-controller-D-HZymaZ.js";
-import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
-import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
-import { t as popupSurfaceStyles } from "./popup-D80sj2QC.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import "./icon-1gpwtPx8.js";
-import "./interaction-E-uMGHkJ.js";
-import { t as scrollFadeStyles } from "./scroll-fade-Xx28D7mH.js";
+import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
+import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
+import { t as popupSurfaceStyles } from "./popup-D8IxN1Eq.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
+import "./icon-DvTQuylG.js";
+import "./interaction-8Kbbf6xN.js";
+import { t as scrollFadeStyles } from "./scroll-fade-DH8OXSqL.js";
 import { LitElement, css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";
-//#region src/menu/menu-container.ts
+// src/menu/menu-container.ts
 let MenuContainer = class MenuContainer extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -286,8 +286,7 @@ __decorate([property({ attribute: false })], MenuContainer.prototype, "registry"
 __decorate([property({ attribute: false })], MenuContainer.prototype, "keyboardManager", void 0);
 __decorate([query(`.popover`)], MenuContainer.prototype, "_popover", void 0);
 MenuContainer = __decorate([safeCustomElement(`ixfx-menu-container`)], MenuContainer);
-//#endregion
-//#region src/menu/menu-trigger.ts
+// src/menu/menu-trigger.ts
 var _MenuTrigger;
 let MenuTrigger = class MenuTrigger extends LitElement {
 	static {
@@ -468,7 +467,10 @@ let MenuTrigger = class MenuTrigger extends LitElement {
 		if (this._isOpen) {
 			this._closeMenu();
 			this._triggerBtn?.focus();
-		} else this._openMenu();
+		} else {
+			this._updatePosition();
+			this._openMenu();
+		}
 	}
 	_handleClickOutside(e) {
 		if (!this.contains(e.target)) {
@@ -537,6 +539,21 @@ let MenuTrigger = class MenuTrigger extends LitElement {
 		this._mouseHeld = false;
 		this._openOnRelease = false;
 	}
+	/**
+	* Opens the menu at a client point. For hosts that decide for themselves
+	* when a context menu applies (e.g. a canvas whose right-click target is a
+	* node, a wire or the background) and so can't use `mode="context"`'s own
+	* context-target. Call it from the host's `contextmenu` handler; if the
+	* mouse button is still down (macOS fires `contextmenu` on mousedown), wait
+	* for the release first, as `mode="context"` does.
+	*/
+	openAt(clientX, clientY) {
+		this._popup.style.top = `${clientY}px`;
+		this._popup.style.left = `${clientX}px`;
+		this._popup.style.position = `fixed`;
+		this._popup.style.positionAnchor = `none`;
+		this._openMenu();
+	}
 	_handleContextMenu(e) {
 		if (this.mode !== `context`) return;
 		e.preventDefault();
@@ -713,8 +730,7 @@ function deepActiveElement() {
 	while (el?.shadowRoot?.activeElement) el = el.shadowRoot.activeElement;
 	return el instanceof HTMLElement ? el : null;
 }
-//#endregion
-//#region src/menu/menu-item.ts
+// src/menu/menu-item.ts
 let MenuItem = class MenuItem extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -918,5 +934,4 @@ __decorate([property({ attribute: false })], MenuItem.prototype, "submenuPopover
 __decorate([state()], MenuItem.prototype, "_hasChildren", void 0);
 __decorate([query(`slot`)], MenuItem.prototype, "_slot", void 0);
 MenuItem = __decorate([safeCustomElement(`ixfx-menu-item`)], MenuItem);
-//#endregion
 export { MenuTrigger as n, MenuContainer as r, MenuItem as t };

package/dist/{menu-item-bF6narIz.d.ts → menu-item-DJhaWy9z.d.ts}

@@ -1,7 +1,6 @@
-import "./icon-CDGprSdE.js";
+import "./icon-Bhz0c6Yf.js";
 import { LitElement } from "lit";
 import { CommandRegistry, KeyboardManager } from "@clinth/ui-commands";
-//#region src/menu/menu-container.d.ts
 declare class MenuContainer extends LitElement {
   anchor?: string;
   registry?: CommandRegistry<unknown>;
@@ -35,8 +34,6 @@ declare global {
     'ixfx-menu-container': MenuContainer;
   }
 }
-//#endregion
-//#region src/menu/menu-trigger.d.ts
 type MenuMode = `trigger` | `dropdown` | `context`;
 type Placement = `bottom-start` | `bottom-end` | `right-start`;
 type MenuTriggerCommandDetail = {
@@ -106,6 +103,15 @@ declare class MenuTrigger extends LitElement {
    * evaluates the pointerup) does not immediately close the new popover.
    */
   private _handleRelease;
+  /**
+   * Opens the menu at a client point. For hosts that decide for themselves
+   * when a context menu applies (e.g. a canvas whose right-click target is a
+   * node, a wire or the background) and so can't use `mode="context"`'s own
+   * context-target. Call it from the host's `contextmenu` handler; if the
+   * mouse button is still down (macOS fires `contextmenu` on mousedown), wait
+   * for the release first, as `mode="context"` does.
+   */
+  openAt(clientX: number, clientY: number): void;
   private _handleContextMenu;
   static styles: import("lit").CSSResult[];
   render(): import("lit").TemplateResult<1>;
@@ -115,8 +121,6 @@ declare global {
     'ixfx-menu-trigger': MenuTrigger;
   }
 }
-//#endregion
-//#region src/menu/menu-item.d.ts
 declare class MenuItem extends LitElement {
   command: string;
   commandArgs: string;
@@ -149,5 +153,4 @@ declare global {
     'ixfx-menu-item': MenuItem;
   }
 }
-//#endregion
 export { MenuContainer as i, MenuTrigger as n, MenuTriggerCommandDetail as r, MenuItem as t };

package/dist/menu.d.ts

@@ -1,3 +1,3 @@
-import { i as MenuContainer, n as MenuTrigger, t as MenuItem } from "./menu-item-bF6narIz.js";
-import { a as menuFromTree, c as MenuSeparator, d as MenuCheckItem, f as MenuBar, i as MenuFromTreeOptions, l as MenuSubTrigger, n as MenuRadioGroup, o as menuFromTreeToElements, r as MenuRadioItem, s as MenuHeader, u as MenuCommandController } from "./index-ZaA90u09.js";
+import { i as MenuContainer, n as MenuTrigger, t as MenuItem } from "./menu-item-DJhaWy9z.js";
+import { a as menuFromTree, c as MenuSeparator, d as MenuCheckItem, f as MenuBar, i as MenuFromTreeOptions, l as MenuSubTrigger, n as MenuRadioGroup, o as menuFromTreeToElements, r as MenuRadioItem, s as MenuHeader, u as MenuCommandController } from "./index-0smh4WCH.js";
 export { MenuBar, MenuCheckItem, MenuCommandController, MenuContainer, type MenuFromTreeOptions, MenuHeader, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubTrigger, MenuTrigger, menuFromTree, menuFromTreeToElements };

package/dist/menu.js

@@ -1,3 +1,3 @@
-import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-oxU1VKiJ.js";
-import { a as menuFromTreeToElements, c as MenuSubTrigger, d as MenuBar, i as menuFromTree, l as MenuCommandController, n as MenuRadioGroup, o as MenuHeader, r as MenuRadioItem, s as MenuSeparator, u as MenuCheckItem } from "./menu-BX1FHxY8.js";
+import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-BSxhlWnW.js";
+import { a as menuFromTreeToElements, c as MenuSubTrigger, d as MenuBar, i as menuFromTree, l as MenuCommandController, n as MenuRadioGroup, o as MenuHeader, r as MenuRadioItem, s as MenuSeparator, u as MenuCheckItem } from "./menu-C3DhTjHx.js";
 export { MenuBar, MenuCheckItem, MenuCommandController, MenuContainer, MenuHeader, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubTrigger, MenuTrigger, menuFromTree, menuFromTreeToElements };