@nvidia-elements/core 0.0.1 → 0.0.3

package/dist/internal/controllers/state-current.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-current.controller.js","names":[],"sources":["../../../src/internal/controllers/state-current.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds current support for interactive custom elements including CSS State psuedo-selector :state(current) and aria-current.\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current\n */\nexport function stateCurrent<T extends Current>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StateCurrentController(instance));\n}\n\ntype Current = ReactiveElement & { current: 'page' | 'step'; readonly?: boolean; _internals?: ElementInternals };\n\nexport class StateCurrentController<T extends Current> implements ReactiveController {\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n  }\n\n  hostUpdated() {\n    if (this.host.readonly) {\n      this.host._internals!.ariaCurrent = null;\n      this.host._internals!.states.delete('current');\n      return;\n    }\n\n    if (this.host._internals?.states.has('anchor') && this.host.current) {\n      this.host._internals!.ariaCurrent = null;\n      this.host._internals!.states.add('current');\n      this.host.querySelector('a')?.setAttribute('aria-current', 'page');\n      return;\n    }\n\n    if (this.host.current !== null && this.host.current !== undefined) {\n      this.host._internals!.ariaCurrent = `${this.host.current}`;\n    }\n\n    if (this.host.current) {\n      this.host._internals!.states.add('current');\n    } else {\n      this.host._internals!.states.delete('current');\n    }\n  }\n}\n"],"mappings":";;AAWA,SAAgB,IAAkD;AAChE,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAAuB,EAAS,CAAC;;AAKjF,IAAa,IAAb,MAAqF;CACnF,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AACd,IAAgB,KAAK,KAAK;;CAG5B,cAAc;AACZ,MAAI,KAAK,KAAK,UAAU;AAEtB,GADA,KAAK,KAAK,WAAY,cAAc,MACpC,KAAK,KAAK,WAAY,OAAO,OAAO,UAAU;AAC9C;;AAGF,MAAI,KAAK,KAAK,YAAY,OAAO,IAAI,SAAS,IAAI,KAAK,KAAK,SAAS;AAGnE,GAFA,KAAK,KAAK,WAAY,cAAc,MACpC,KAAK,KAAK,WAAY,OAAO,IAAI,UAAU,EAC3C,KAAK,KAAK,cAAc,IAAI,EAAE,aAAa,gBAAgB,OAAO;AAClE;;AAOF,EAJI,KAAK,KAAK,YAAY,QAAQ,KAAK,KAAK,YAAY,KAAA,MACtD,KAAK,KAAK,WAAY,cAAc,GAAG,KAAK,KAAK,YAG/C,KAAK,KAAK,UACZ,KAAK,KAAK,WAAY,OAAO,IAAI,UAAU,GAE3C,KAAK,KAAK,WAAY,OAAO,OAAO,UAAU"}

package/dist/internal/controllers/state-disabled.controller.d.ts

@@ -0,0 +1,18 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+/**
+ * Adds disabled support for interactive custom elements including CSS State psuedo-selector :state(disabled) and aria-disabled.
+ * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
+ * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled
+ */
+export declare function stateDisabled<T extends Disabled>(): ClassDecorator;
+export type Disabled = ReactiveElement & {
+    disabled: boolean;
+    readonly?: boolean;
+    _internals?: ElementInternals;
+};
+export declare class StateDisabledController<T extends Disabled> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostConnected(): void;
+    hostUpdated(): void;
+}

package/dist/internal/controllers/state-disabled.controller.js

@@ -0,0 +1,20 @@
+import { attachInternals as e } from "../utils/a11y.js";
+//#region src/internal/controllers/state-disabled.controller.ts
+function t() {
+	return (e) => e.addInitializer((e) => new n(e));
+}
+var n = class {
+	constructor(e) {
+		this.host = e, this.host.addController(this);
+	}
+	hostConnected() {
+		e(this.host);
+	}
+	hostUpdated() {
+		this.host.disabled !== null && this.host.disabled !== void 0 ? this.host._internals.ariaDisabled = `${this.host.disabled}` : this.host._internals.ariaDisabled = null, this.host.disabled ? this.host._internals.states.add("disabled") : this.host._internals.states.delete("disabled"), this.host.readonly && (this.host._internals.ariaDisabled = null);
+	}
+};
+//#endregion
+export { n as StateDisabledController, t as stateDisabled };
+
+//# sourceMappingURL=state-disabled.controller.js.map

package/dist/internal/controllers/state-disabled.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-disabled.controller.js","names":[],"sources":["../../../src/internal/controllers/state-disabled.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds disabled support for interactive custom elements including CSS State psuedo-selector :state(disabled) and aria-disabled.\n * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled\n */\nexport function stateDisabled<T extends Disabled>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StateDisabledController(instance));\n}\n\nexport type Disabled = ReactiveElement & { disabled: boolean; readonly?: boolean; _internals?: ElementInternals };\n\nexport class StateDisabledController<T extends Disabled> implements ReactiveController {\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n  }\n\n  hostUpdated() {\n    if (this.host.disabled !== null && this.host.disabled !== undefined) {\n      this.host._internals!.ariaDisabled = `${this.host.disabled}`;\n    } else {\n      this.host._internals!.ariaDisabled = null;\n    }\n\n    if (this.host.disabled) {\n      this.host._internals!.states.add('disabled');\n    } else {\n      this.host._internals!.states.delete('disabled');\n    }\n\n    if (this.host.readonly) {\n      this.host._internals!.ariaDisabled = null;\n    }\n  }\n}\n"],"mappings":";;AAYA,SAAgB,IAAoD;AAClE,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAAwB,EAAS,CAAC;;AAKlF,IAAa,IAAb,MAAuF;CACrF,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AACd,IAAgB,KAAK,KAAK;;CAG5B,cAAc;AAaZ,EAZI,KAAK,KAAK,aAAa,QAAQ,KAAK,KAAK,aAAa,KAAA,IACxD,KAAK,KAAK,WAAY,eAAe,GAAG,KAAK,KAAK,aAElD,KAAK,KAAK,WAAY,eAAe,MAGnC,KAAK,KAAK,WACZ,KAAK,KAAK,WAAY,OAAO,IAAI,WAAW,GAE5C,KAAK,KAAK,WAAY,OAAO,OAAO,WAAW,EAG7C,KAAK,KAAK,aACZ,KAAK,KAAK,WAAY,eAAe"}

package/dist/internal/controllers/state-expanded.controller.d.ts

@@ -0,0 +1,18 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+/**
+ * Adds expanded support for interactive custom elements including CSS State psuedo-selector :state(expanded) and aria-expanded.
+ * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
+ * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded
+ */
+export declare function stateExpanded<T extends Expanded>(): ClassDecorator;
+export type Expanded = ReactiveElement & {
+    expanded: boolean;
+    readonly?: boolean;
+    _internals?: ElementInternals;
+};
+export declare class StateExpandedController<T extends Expanded> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostConnected(): void;
+    hostUpdated(): void;
+}

package/dist/internal/controllers/state-expanded.controller.js

@@ -0,0 +1,20 @@
+import { attachInternals as e } from "../utils/a11y.js";
+//#region src/internal/controllers/state-expanded.controller.ts
+function t() {
+	return (e) => e.addInitializer((e) => new n(e));
+}
+var n = class {
+	constructor(e) {
+		this.host = e, this.host.addController(this);
+	}
+	hostConnected() {
+		e(this.host);
+	}
+	hostUpdated() {
+		this.host.expanded !== null && this.host.expanded !== void 0 && (this.host._internals.ariaExpanded = `${this.host.expanded}`), this.host.expanded ? this.host._internals.states.add("expanded") : this.host._internals.states.delete("expanded"), this.host.readonly && (this.host._internals.ariaExpanded = null, this.host._internals.states.delete("expanded"));
+	}
+};
+//#endregion
+export { n as StateExpandedController, t as stateExpanded };
+
+//# sourceMappingURL=state-expanded.controller.js.map

package/dist/internal/controllers/state-expanded.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-expanded.controller.js","names":[],"sources":["../../../src/internal/controllers/state-expanded.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds expanded support for interactive custom elements including CSS State psuedo-selector :state(expanded) and aria-expanded.\n * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded\n */\nexport function stateExpanded<T extends Expanded>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StateExpandedController(instance));\n}\n\nexport type Expanded = ReactiveElement & { expanded: boolean; readonly?: boolean; _internals?: ElementInternals };\n\nexport class StateExpandedController<T extends Expanded> implements ReactiveController {\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n  }\n\n  hostUpdated() {\n    if (this.host.expanded !== null && this.host.expanded !== undefined) {\n      this.host._internals!.ariaExpanded = `${this.host.expanded}`;\n    }\n\n    if (this.host.expanded) {\n      this.host._internals!.states.add('expanded');\n    } else {\n      this.host._internals!.states.delete('expanded');\n    }\n\n    if (this.host.readonly) {\n      this.host._internals!.ariaExpanded = null;\n      this.host._internals!.states.delete('expanded');\n    }\n  }\n}\n"],"mappings":";;AAYA,SAAgB,IAAoD;AAClE,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAAwB,EAAS,CAAC;;AAKlF,IAAa,IAAb,MAAuF;CACrF,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AACd,IAAgB,KAAK,KAAK;;CAG5B,cAAc;AAWZ,EAVI,KAAK,KAAK,aAAa,QAAQ,KAAK,KAAK,aAAa,KAAA,MACxD,KAAK,KAAK,WAAY,eAAe,GAAG,KAAK,KAAK,aAGhD,KAAK,KAAK,WACZ,KAAK,KAAK,WAAY,OAAO,IAAI,WAAW,GAE5C,KAAK,KAAK,WAAY,OAAO,OAAO,WAAW,EAG7C,KAAK,KAAK,aACZ,KAAK,KAAK,WAAY,eAAe,MACrC,KAAK,KAAK,WAAY,OAAO,OAAO,WAAW"}

package/dist/internal/controllers/state-highlighted.controller.d.ts

@@ -0,0 +1,16 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+/**
+ * Adds highlighted support for interactive custom elements including CSS State psuedo-selector :state(highlighted).
+ * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
+ */
+export declare function stateHighlighted<T extends Highlighted>(): ClassDecorator;
+export type Highlighted = ReactiveElement & {
+    highlighted: boolean;
+    _internals?: ElementInternals;
+};
+export declare class StateHighlightedController<T extends Highlighted> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostConnected(): void;
+    hostUpdated(): void;
+}

package/dist/internal/controllers/state-highlighted.controller.js

@@ -0,0 +1,20 @@
+import { attachInternals as e } from "../utils/a11y.js";
+//#region src/internal/controllers/state-highlighted.controller.ts
+function t() {
+	return (e) => e.addInitializer((e) => new n(e));
+}
+var n = class {
+	constructor(e) {
+		this.host = e, this.host.addController(this);
+	}
+	hostConnected() {
+		e(this.host);
+	}
+	hostUpdated() {
+		this.host.highlighted ? this.host._internals.states.add("highlighted") : this.host._internals.states.delete("highlighted");
+	}
+};
+//#endregion
+export { n as StateHighlightedController, t as stateHighlighted };
+
+//# sourceMappingURL=state-highlighted.controller.js.map

package/dist/internal/controllers/state-highlighted.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-highlighted.controller.js","names":[],"sources":["../../../src/internal/controllers/state-highlighted.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds highlighted support for interactive custom elements including CSS State psuedo-selector :state(highlighted).\n * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states\n */\nexport function stateHighlighted<T extends Highlighted>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StateHighlightedController(instance));\n}\n\nexport type Highlighted = ReactiveElement & { highlighted: boolean; _internals?: ElementInternals };\n\nexport class StateHighlightedController<T extends Highlighted> implements ReactiveController {\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n  }\n\n  hostUpdated() {\n    if (this.host.highlighted) {\n      this.host._internals!.states.add('highlighted');\n    } else {\n      this.host._internals!.states.delete('highlighted');\n    }\n  }\n}\n"],"mappings":";;AAWA,SAAgB,IAA0D;AACxE,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAA2B,EAAS,CAAC;;AAKrF,IAAa,IAAb,MAA6F;CAC3F,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AACd,IAAgB,KAAK,KAAK;;CAG5B,cAAc;AACZ,EAAI,KAAK,KAAK,cACZ,KAAK,KAAK,WAAY,OAAO,IAAI,cAAc,GAE/C,KAAK,KAAK,WAAY,OAAO,OAAO,cAAc"}

package/dist/internal/controllers/state-pressed.controller.d.ts

@@ -0,0 +1,18 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+/**
+ * Adds pressed support for interactive custom elements including CSS State psuedo-selector :state(pressed) and aria-pressed.
+ * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
+ * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed
+ */
+export declare function statePressed<T extends Pressed>(): ClassDecorator;
+export type Pressed = ReactiveElement & {
+    pressed: boolean;
+    readonly?: boolean;
+    _internals?: ElementInternals;
+};
+export declare class StatePressedController<T extends Pressed> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostConnected(): void;
+    hostUpdated(): void;
+}

package/dist/internal/controllers/state-pressed.controller.js

@@ -0,0 +1,20 @@
+import { attachInternals as e } from "../utils/a11y.js";
+//#region src/internal/controllers/state-pressed.controller.ts
+function t() {
+	return (e) => e.addInitializer((e) => new n(e));
+}
+var n = class {
+	constructor(e) {
+		this.host = e, this.host.addController(this);
+	}
+	hostConnected() {
+		e(this.host);
+	}
+	hostUpdated() {
+		this.host.pressed !== null && this.host.pressed !== void 0 && (this.host._internals.ariaPressed = `${this.host.pressed}`), this.host.pressed ? this.host._internals.states.add("pressed") : this.host._internals.states.delete("pressed"), this.host.readonly && (this.host._internals.ariaPressed = null, this.host._internals.states.delete("pressed"));
+	}
+};
+//#endregion
+export { n as StatePressedController, t as statePressed };
+
+//# sourceMappingURL=state-pressed.controller.js.map

package/dist/internal/controllers/state-pressed.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-pressed.controller.js","names":[],"sources":["../../../src/internal/controllers/state-pressed.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds pressed support for interactive custom elements including CSS State psuedo-selector :state(pressed) and aria-pressed.\n * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed\n */\nexport function statePressed<T extends Pressed>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StatePressedController(instance));\n}\n\nexport type Pressed = ReactiveElement & { pressed: boolean; readonly?: boolean; _internals?: ElementInternals };\n\nexport class StatePressedController<T extends Pressed> implements ReactiveController {\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n  }\n\n  hostUpdated() {\n    if (this.host.pressed !== null && this.host.pressed !== undefined) {\n      this.host._internals!.ariaPressed = `${this.host.pressed}`;\n    }\n\n    if (this.host.pressed) {\n      this.host._internals!.states.add('pressed');\n    } else {\n      this.host._internals!.states.delete('pressed');\n    }\n\n    if (this.host.readonly) {\n      this.host._internals!.ariaPressed = null;\n      this.host._internals!.states.delete('pressed');\n    }\n  }\n}\n"],"mappings":";;AAYA,SAAgB,IAAkD;AAChE,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAAuB,EAAS,CAAC;;AAKjF,IAAa,IAAb,MAAqF;CACnF,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AACd,IAAgB,KAAK,KAAK;;CAG5B,cAAc;AAWZ,EAVI,KAAK,KAAK,YAAY,QAAQ,KAAK,KAAK,YAAY,KAAA,MACtD,KAAK,KAAK,WAAY,cAAc,GAAG,KAAK,KAAK,YAG/C,KAAK,KAAK,UACZ,KAAK,KAAK,WAAY,OAAO,IAAI,UAAU,GAE3C,KAAK,KAAK,WAAY,OAAO,OAAO,UAAU,EAG5C,KAAK,KAAK,aACZ,KAAK,KAAK,WAAY,cAAc,MACpC,KAAK,KAAK,WAAY,OAAO,OAAO,UAAU"}

package/dist/internal/controllers/state-scroll.controller.d.ts

@@ -0,0 +1,20 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+/**
+ * Adds active scroll state detection
+ */
+export declare function stateScroll<T extends Scroll>(): ClassDecorator;
+export interface StateScrollConfig {
+    target?: HTMLElement;
+    scrollOffset?: number;
+}
+export type Scroll = ReactiveElement & {
+    _internals?: ElementInternals;
+    stateScrollConfig?: StateScrollConfig;
+};
+export declare class StateScrollController<T extends Scroll> implements ReactiveController {
+    #private;
+    private host;
+    constructor(host: T);
+    hostConnected(): Promise<void>;
+    hostDisconnected(): void;
+}

package/dist/internal/controllers/state-scroll.controller.js

@@ -0,0 +1,33 @@
+import { endOfScrollBox as e } from "../utils/dom.js";
+import { attachInternals as t } from "../utils/a11y.js";
+//#region src/internal/controllers/state-scroll.controller.ts
+function n() {
+	return (e) => e.addInitializer((e) => new r(e));
+}
+var r = class {
+	get #e() {
+		return this.host.stateScrollConfig?.target || this.host;
+	}
+	get #t() {
+		return this.host.stateScrollConfig?.scrollOffset ?? 0;
+	}
+	constructor(e) {
+		this.host = e, this.host.addController(this);
+	}
+	async hostConnected() {
+		await this.host.updateComplete, t(this.host), this.#r(), this.#e.addEventListener("scrollend", this.#n);
+	}
+	hostDisconnected() {
+		this.#e.removeEventListener("scrollend", this.#n);
+	}
+	#n = () => {
+		this.host._internals.states.delete("scrolling"), e(this.#e, this.#t) && this.host.dispatchEvent(new CustomEvent("scrollboxend")), this.#r();
+	};
+	#r() {
+		this.#e.addEventListener("scroll", () => this.host._internals.states.add("scrolling"), { once: !0 });
+	}
+};
+//#endregion
+export { r as StateScrollController, n as stateScroll };
+
+//# sourceMappingURL=state-scroll.controller.js.map

package/dist/internal/controllers/state-scroll.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-scroll.controller.js","names":["#target","#offset","#startScroll","#onScrollEnd"],"sources":["../../../src/internal/controllers/state-scroll.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals, endOfScrollBox } from '@nvidia-elements/core/internal';\n\n/**\n * Adds active scroll state detection\n */\nexport function stateScroll<T extends Scroll>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StateScrollController(instance));\n}\n\nexport interface StateScrollConfig {\n  target?: HTMLElement;\n  scrollOffset?: number;\n}\n\nexport type Scroll = ReactiveElement & {\n  _internals?: ElementInternals;\n  stateScrollConfig?: StateScrollConfig;\n};\n\nexport class StateScrollController<T extends Scroll> implements ReactiveController {\n  get #target() {\n    const target = this.host.stateScrollConfig?.target;\n    return target ? target : this.host;\n  }\n\n  get #offset() {\n    return this.host.stateScrollConfig?.scrollOffset ?? 0;\n  }\n\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  async hostConnected() {\n    await this.host.updateComplete;\n    attachInternals(this.host);\n\n    this.#startScroll();\n    this.#target.addEventListener('scrollend', this.#onScrollEnd);\n  }\n\n  hostDisconnected() {\n    this.#target.removeEventListener('scrollend', this.#onScrollEnd);\n  }\n\n  #onScrollEnd = () => {\n    this.host._internals!.states.delete('scrolling');\n\n    if (endOfScrollBox(this.#target, this.#offset)) {\n      this.host.dispatchEvent(new CustomEvent('scrollboxend'));\n    }\n\n    this.#startScroll();\n  };\n\n  #startScroll() {\n    this.#target.addEventListener('scroll', () => this.host._internals!.states.add('scrolling'), { once: true });\n  }\n}\n"],"mappings":";;;AAUA,SAAgB,IAAgD;AAC9D,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAAsB,EAAS,CAAC;;AAahF,IAAa,IAAb,MAAmF;CACjF,KAAA,IAAc;AAEZ,SADe,KAAK,KAAK,mBAAmB,UACnB,KAAK;;CAGhC,KAAA,IAAc;AACZ,SAAO,KAAK,KAAK,mBAAmB,gBAAgB;;CAGtD,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,MAAM,gBAAgB;AAKpB,EAJA,MAAM,KAAK,KAAK,gBAChB,EAAgB,KAAK,KAAK,EAE1B,MAAA,GAAmB,EACnB,MAAA,EAAa,iBAAiB,aAAa,MAAA,EAAkB;;CAG/D,mBAAmB;AACjB,QAAA,EAAa,oBAAoB,aAAa,MAAA,EAAkB;;CAGlE,WAAqB;AAOnB,EANA,KAAK,KAAK,WAAY,OAAO,OAAO,YAAY,EAE5C,EAAe,MAAA,GAAc,MAAA,EAAa,IAC5C,KAAK,KAAK,cAAc,IAAI,YAAY,eAAe,CAAC,EAG1D,MAAA,GAAmB;;CAGrB,KAAe;AACb,QAAA,EAAa,iBAAiB,gBAAgB,KAAK,KAAK,WAAY,OAAO,IAAI,YAAY,EAAE,EAAE,MAAM,IAAM,CAAC"}

package/dist/internal/controllers/state-selected.controller.d.ts

@@ -0,0 +1,18 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+/**
+ * Adds selected support for interactive custom elements including CSS State psuedo-selector :state(selected) and aria-selected.
+ * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
+ * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected
+ */
+export declare function stateSelected<T extends Selected>(): ClassDecorator;
+export type Selected = ReactiveElement & {
+    selected: boolean;
+    readonly?: boolean;
+    _internals?: ElementInternals;
+};
+export declare class StateSelectedController<T extends Selected> implements ReactiveController {
+    private host;
+    constructor(host: T);
+    hostConnected(): void;
+    hostUpdated(): void;
+}

package/dist/internal/controllers/state-selected.controller.js

@@ -0,0 +1,28 @@
+import { attachInternals as e } from "../utils/a11y.js";
+//#region src/internal/controllers/state-selected.controller.ts
+function t() {
+	return (e) => e.addInitializer((e) => new n(e));
+}
+var n = class {
+	constructor(e) {
+		this.host = e, this.host.addController(this);
+	}
+	hostConnected() {
+		e(this.host);
+	}
+	hostUpdated() {
+		if (this.host.readonly) {
+			this.host._internals.ariaSelected = null, this.host._internals.states.delete("selected");
+			return;
+		}
+		if (this.host._internals?.states.has("anchor") && this.host.selected) {
+			this.host._internals.ariaSelected = null, this.host._internals.states.add("selected"), this.host.querySelector("a")?.setAttribute("aria-current", "page");
+			return;
+		}
+		this.host.selected !== null && this.host.selected !== void 0 && (this.host._internals.ariaSelected = `${this.host.selected}`), this.host.selected ? this.host._internals.states.add("selected") : this.host._internals.states.delete("selected");
+	}
+};
+//#endregion
+export { n as StateSelectedController, t as stateSelected };
+
+//# sourceMappingURL=state-selected.controller.js.map

package/dist/internal/controllers/state-selected.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-selected.controller.js","names":[],"sources":["../../../src/internal/controllers/state-selected.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds selected support for interactive custom elements including CSS State psuedo-selector :state(selected) and aria-selected.\n * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected\n */\nexport function stateSelected<T extends Selected>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StateSelectedController(instance));\n}\n\nexport type Selected = ReactiveElement & { selected: boolean; readonly?: boolean; _internals?: ElementInternals };\n\nexport class StateSelectedController<T extends Selected> implements ReactiveController {\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n  }\n\n  hostUpdated() {\n    if (this.host.readonly) {\n      this.host._internals!.ariaSelected = null;\n      this.host._internals!.states.delete('selected');\n      return;\n    }\n\n    if (this.host._internals?.states.has('anchor') && this.host.selected) {\n      this.host._internals!.ariaSelected = null;\n      this.host._internals!.states.add('selected');\n      this.host.querySelector('a')?.setAttribute('aria-current', 'page');\n      return;\n    }\n\n    if (this.host.selected !== null && this.host.selected !== undefined) {\n      this.host._internals!.ariaSelected = `${this.host.selected}`;\n    }\n\n    if (this.host.selected) {\n      this.host._internals!.states.add('selected');\n    } else {\n      this.host._internals!.states.delete('selected');\n    }\n  }\n}\n"],"mappings":";;AAYA,SAAgB,IAAoD;AAClE,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAAwB,EAAS,CAAC;;AAKlF,IAAa,IAAb,MAAuF;CACrF,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AACd,IAAgB,KAAK,KAAK;;CAG5B,cAAc;AACZ,MAAI,KAAK,KAAK,UAAU;AAEtB,GADA,KAAK,KAAK,WAAY,eAAe,MACrC,KAAK,KAAK,WAAY,OAAO,OAAO,WAAW;AAC/C;;AAGF,MAAI,KAAK,KAAK,YAAY,OAAO,IAAI,SAAS,IAAI,KAAK,KAAK,UAAU;AAGpE,GAFA,KAAK,KAAK,WAAY,eAAe,MACrC,KAAK,KAAK,WAAY,OAAO,IAAI,WAAW,EAC5C,KAAK,KAAK,cAAc,IAAI,EAAE,aAAa,gBAAgB,OAAO;AAClE;;AAOF,EAJI,KAAK,KAAK,aAAa,QAAQ,KAAK,KAAK,aAAa,KAAA,MACxD,KAAK,KAAK,WAAY,eAAe,GAAG,KAAK,KAAK,aAGhD,KAAK,KAAK,WACZ,KAAK,KAAK,WAAY,OAAO,IAAI,WAAW,GAE5C,KAAK,KAAK,WAAY,OAAO,OAAO,WAAW"}

package/dist/internal/controllers/type-anchor.controller.d.ts

@@ -0,0 +1,16 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+/**
+ * Adds anchor/link support for interactive custom elements.
+ */
+export declare function typeAnchor<T extends Anchor>(): ClassDecorator;
+export interface Anchor extends ReactiveElement {
+    disabled: boolean;
+    readonly: boolean;
+    _internals: ElementInternals;
+}
+export declare class TypeAnchorController<T extends Anchor> implements ReactiveController {
+    #private;
+    private host;
+    constructor(host: T);
+    hostConnected(): Promise<void>;
+}

package/dist/internal/controllers/type-anchor.controller.js

@@ -0,0 +1,38 @@
+import { removeEmptyTextNode as e } from "../utils/dom.js";
+import { attachInternals as t } from "../utils/a11y.js";
+//#region src/internal/controllers/type-anchor.controller.ts
+function n() {
+	return (e) => e.addInitializer((e) => new r(e));
+}
+var r = class {
+	get #e() {
+		return this.#t ? this.#t : this.#n;
+	}
+	get #t() {
+		return this.host.shadowRoot.querySelector("slot, slot[name=anchor]")?.assignedElements()?.find((e) => e?.tagName === "A");
+	}
+	get #n() {
+		return this.host.parentElement?.tagName === "A" ? this.host.parentElement : null;
+	}
+	get #r() {
+		return this.host.shadowRoot.querySelector("slot:not([name])");
+	}
+	get #i() {
+		return this.host.shadowRoot.querySelector("slot[name=anchor]");
+	}
+	constructor(e) {
+		this.host = e, this.host.addController(this);
+	}
+	async hostConnected() {
+		t(this.host), await this.host.updateComplete, this.#a(), this.#e ? (this.host.readonly = !0, this.host._internals?.states.add("anchor")) : this.host._internals?.states.delete("anchor"), this.#n && (this.#n.style.textDecoration = "none", this.host.style.cursor = "pointer"), this.#e?.addEventListener("click", (e) => {
+			this.host.disabled && (e.preventDefault(), e.stopImmediatePropagation());
+		});
+	}
+	#a() {
+		this.#e && this.#i && (this.#e.slot = "anchor", this.#r?.assignedNodes().forEach((t) => e(t)));
+	}
+};
+//#endregion
+export { r as TypeAnchorController, n as typeAnchor };
+
+//# sourceMappingURL=type-anchor.controller.js.map

package/dist/internal/controllers/type-anchor.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-anchor.controller.js","names":["#anchor","#slottedAnchor","#parentAnchor","#defaultSlot","#anchorSlot","#updateAnchorSlotAssignment"],"sources":["../../../src/internal/controllers/type-anchor.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { removeEmptyTextNode } from '../utils/dom.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds anchor/link support for interactive custom elements.\n */\nexport function typeAnchor<T extends Anchor>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) => target.addInitializer!((instance: T) => new TypeAnchorController(instance));\n}\n\nexport interface Anchor extends ReactiveElement {\n  disabled: boolean;\n  readonly: boolean;\n  _internals: ElementInternals;\n}\n\nexport class TypeAnchorController<T extends Anchor> implements ReactiveController {\n  get #anchor() {\n    return this.#slottedAnchor ? this.#slottedAnchor : this.#parentAnchor;\n  }\n\n  get #slottedAnchor() {\n    // return elements that nest in a slot\n    return this.host\n      .shadowRoot!.querySelector<HTMLSlotElement>('slot, slot[name=anchor]')\n      ?.assignedElements()\n      ?.find(e => e?.tagName === 'A');\n  }\n\n  get #parentAnchor() {\n    return this.host.parentElement?.tagName === 'A' ? (this.host.parentElement as HTMLAnchorElement) : null;\n  }\n\n  get #defaultSlot() {\n    return this.host.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])');\n  }\n\n  get #anchorSlot() {\n    return this.host.shadowRoot!.querySelector<HTMLSlotElement>('slot[name=anchor]');\n  }\n\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  async hostConnected() {\n    attachInternals(this.host);\n    await this.host.updateComplete;\n\n    this.#updateAnchorSlotAssignment();\n\n    if (this.#anchor) {\n      this.host.readonly = true;\n      this.host._internals?.states.add('anchor');\n    } else {\n      this.host._internals?.states.delete('anchor');\n    }\n\n    if (this.#parentAnchor) {\n      this.#parentAnchor.style.textDecoration = 'none';\n      this.host.style.cursor = 'pointer';\n    }\n\n    this.#anchor?.addEventListener('click', e => {\n      if (this.host.disabled) {\n        e.preventDefault();\n        e.stopImmediatePropagation();\n      }\n    });\n  }\n\n  #updateAnchorSlotAssignment() {\n    if (this.#anchor && this.#anchorSlot) {\n      this.#anchor.slot = 'anchor';\n      this.#defaultSlot?.assignedNodes().forEach(node => removeEmptyTextNode(node));\n    }\n  }\n}\n"],"mappings":";;;AAWA,SAAgB,IAA+C;AAC7D,SAAQ,MAAkC,EAAO,gBAAiB,MAAgB,IAAI,EAAqB,EAAS,CAAC;;AASvH,IAAa,IAAb,MAAkF;CAChF,KAAA,IAAc;AACZ,SAAO,MAAA,IAAsB,MAAA,IAAsB,MAAA;;CAGrD,KAAA,IAAqB;AAEnB,SAAO,KAAK,KACT,WAAY,cAA+B,0BAA0B,EACpE,kBAAkB,EAClB,MAAK,MAAK,GAAG,YAAY,IAAI;;CAGnC,KAAA,IAAoB;AAClB,SAAO,KAAK,KAAK,eAAe,YAAY,MAAO,KAAK,KAAK,gBAAsC;;CAGrG,KAAA,IAAmB;AACjB,SAAO,KAAK,KAAK,WAAY,cAA+B,mBAAmB;;CAGjF,KAAA,IAAkB;AAChB,SAAO,KAAK,KAAK,WAAY,cAA+B,oBAAoB;;CAGlF,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,MAAM,gBAAgB;AAkBpB,EAjBA,EAAgB,KAAK,KAAK,EAC1B,MAAM,KAAK,KAAK,gBAEhB,MAAA,GAAkC,EAE9B,MAAA,KACF,KAAK,KAAK,WAAW,IACrB,KAAK,KAAK,YAAY,OAAO,IAAI,SAAS,IAE1C,KAAK,KAAK,YAAY,OAAO,OAAO,SAAS,EAG3C,MAAA,MACF,MAAA,EAAmB,MAAM,iBAAiB,QAC1C,KAAK,KAAK,MAAM,SAAS,YAG3B,MAAA,GAAc,iBAAiB,UAAS,MAAK;AAC3C,GAAI,KAAK,KAAK,aACZ,EAAE,gBAAgB,EAClB,EAAE,0BAA0B;IAE9B;;CAGJ,KAA8B;AAC5B,EAAI,MAAA,KAAgB,MAAA,MAClB,MAAA,EAAa,OAAO,UACpB,MAAA,GAAmB,eAAe,CAAC,SAAQ,MAAQ,EAAoB,EAAK,CAAC"}

package/dist/internal/controllers/type-button.controller.d.ts

@@ -0,0 +1,18 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+/**
+ * Adds button support for interactive custom elements including aria-button and focus behavior.
+ * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role
+ */
+export declare function typeButton<T extends Button>(): ClassDecorator;
+export interface Button extends ReactiveElement {
+    readonly: boolean;
+    disabled: boolean;
+    _internals?: ElementInternals;
+}
+export declare class TypeButtonController<T extends Button> implements ReactiveController {
+    #private;
+    private host;
+    constructor(host: T);
+    hostConnected(): void;
+    hostUpdated(): Promise<void>;
+}

package/dist/internal/controllers/type-button.controller.examples.js

@@ -0,0 +1,6 @@
+//#region src/internal/controllers/type-button.controller.examples.ts
+var e = "";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=type-button.controller.examples.js.map

package/dist/internal/controllers/type-button.controller.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-button.controller.examples.js","names":[],"sources":["../../../src/internal/controllers/type-button.controller.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { css, html } from 'lit';\nimport { BaseButton } from '@nvidia-elements/core/internal';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\n\nexport default {\n  title: 'Internal/Controllers'\n}\n\nclass UIButton extends BaseButton {\n  static styles = [css`\n    :host {\n      --background: hsl(0, 0%, 90%);\n      --color: hsl(0, 0%, 0%);\n      --cursor: pointer;\n      display: inline-flex;\n      position: relative;\n    }\n\n    [internal-host] {\n      background: var(--background);\n      color: var(--color);\n      cursor: var(--cursor);\n      padding: 8px 12px;\n      min-width: 75px;\n      text-align: center;\n    }\n\n    /* element states */\n    :host(:hover) {\n      --background: hsl(0, 0%, 95%);\n    }\n\n    :host(:state(active)) {\n      --background: hsl(0, 0%, 85%);\n    }\n\n    :host(:state(pressed)) {\n      --background: hsl(0, 0%, 85%);\n    }\n\n    :host(:state(expanded)) {\n      --background: hsl(0, 0%, 85%);\n    }\n\n    :host(:state(disabled)) {\n      --background: hsl(0, 0%, 80%);\n      --color: hsl(0, 0%, 60%);\n      --cursor: not-allowed;\n    }\n\n    :host(:state(readonly)) {\n      --cursor: initial;\n      --color: blue;\n    }\n\n    /* anchor styles */\n    [internal-host]:focus-within {\n      outline: Highlight solid 2px;\n      outline: 5px auto -webkit-focus-ring-color;\n    }\n\n    ::slotted(a) {\n      color: var(--color) !important;\n      text-decoration: none !important;\n      outline: 0 !important;\n    }\n\n    ::slotted(a)::after {\n      position: absolute;\n      content: '';\n      inset: 0;\n      display: block;\n    }\n  `]\n}\n\ncustomElements.get('ui-button') || customElements.define('ui-button', UIButton);\n\n/**\n * Example of custom element button using the base button and controllers.\n * When a custom element extends the base button it will inherit all the\n * necessary button behaviors and states.\n * @summary Custom button element using BaseButton with pressed, expanded, disabled, and link states.\n * @tags test-case\n */\nexport const TypeButtonDemo = {\n  render: () => html`\n<ui-button>button</ui-button>\n<ui-button pressed>pressed</ui-button>\n<ui-button expanded>expanded</ui-button>\n<ui-button selected>selected</ui-button>\n<ui-button disabled>disabled</ui-button>\n<ui-button><a href=\"#\">link</a></ui-button>\n\n<form id=\"type-button-demo-form\" style=\"display: inline-flex;\">\n  <ui-button type=\"submit\">submit</ui-button>\n</form>\n<script type=\"module\">\n  const form = document.querySelector('#type-button-demo-form');\n  form.addEventListener('submit', (e) => {\n    e.preventDefault();\n    alert('submit!');\n  });\n</script>`\n};\n"],"mappings":";AAGA,IAAA,IAAc"}

package/dist/internal/controllers/type-button.controller.examples.json

@@ -0,0 +1,16 @@
+{
+  "entrypoint": "@nvidia-elements/core/internal/controllers/type-button.controller.examples.json",
+  "items": [
+    {
+      "id": "core-internal-controllers-type-button.controller_type-button-demo",
+      "name": "TypeButtonDemo",
+      "template": "<ui-button>button</ui-button>\n<ui-button pressed>pressed</ui-button>\n<ui-button expanded>expanded</ui-button>\n<ui-button selected>selected</ui-button>\n<ui-button disabled>disabled</ui-button>\n<ui-button><a href=\"#\">link</a></ui-button>\n<form id=\"type-button-demo-form\" style=\"display: inline-flex\">\n  <ui-button type=\"submit\">submit</ui-button>\n</form>\n<script type=\"module\">\n  const form = document.querySelector(\"#type-button-demo-form\");\n  form.addEventListener(\"submit\", (e) => {\n    e.preventDefault();\n    alert(\"submit!\");\n  });\n</script>\n",
+      "summary": "Custom button element using BaseButton with pressed, expanded, disabled, and link states.",
+      "description": "",
+      "composition": false,
+      "tags": [
+        "test-case"
+      ]
+    }
+  ]
+}

package/dist/internal/controllers/type-button.controller.js

@@ -0,0 +1,21 @@
+import { attachInternals as e } from "../utils/a11y.js";
+//#region src/internal/controllers/type-button.controller.ts
+function t() {
+	return (e) => e.addInitializer((e) => new n(e));
+}
+var n = class {
+	#e;
+	constructor(e) {
+		this.host = e, this.host.addController(this);
+	}
+	hostConnected() {
+		e(this.host), this.host.hasAttribute("tabindex") && (this.#e = this.host.tabIndex);
+	}
+	async hostUpdated() {
+		await this.host.updateComplete, this.host._internals.role || (this.host._internals.role = "button"), this.host.tabIndex = this.host.disabled ? -1 : this.#e, this.host.readonly && (this.host._internals.role = "none", this.host.tabIndex = -1, this.host.removeAttribute("tabindex"));
+	}
+};
+//#endregion
+export { n as TypeButtonController, t as typeButton };
+
+//# sourceMappingURL=type-button.controller.js.map

package/dist/internal/controllers/type-button.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-button.controller.js","names":["#initialTabIndex"],"sources":["../../../src/internal/controllers/type-button.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds button support for interactive custom elements including aria-button and focus behavior.\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role\n */\nexport function typeButton<T extends Button>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) => target.addInitializer!((instance: T) => new TypeButtonController(instance));\n}\n\nexport interface Button extends ReactiveElement {\n  readonly: boolean;\n  disabled: boolean;\n  _internals?: ElementInternals;\n}\n\nexport class TypeButtonController<T extends Button> implements ReactiveController {\n  #initialTabIndex: number;\n\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n\n    if (this.host.hasAttribute('tabindex')) {\n      this.#initialTabIndex = this.host.tabIndex;\n    }\n  }\n\n  async hostUpdated() {\n    await this.host.updateComplete;\n\n    if (!this.host._internals!.role) {\n      this.host._internals!.role = 'button';\n    }\n\n    this.host.tabIndex = this.host.disabled ? -1 : this.#initialTabIndex;\n\n    if (this.host.readonly) {\n      this.host._internals!.role = 'none';\n      this.host.tabIndex = -1;\n      this.host.removeAttribute('tabindex');\n    }\n  }\n}\n"],"mappings":";;AAWA,SAAgB,IAA+C;AAC7D,SAAQ,MAAkC,EAAO,gBAAiB,MAAgB,IAAI,EAAqB,EAAS,CAAC;;AASvH,IAAa,IAAb,MAAkF;CAChF;CAEA,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AAGd,EAFA,EAAgB,KAAK,KAAK,EAEtB,KAAK,KAAK,aAAa,WAAW,KACpC,MAAA,IAAwB,KAAK,KAAK;;CAItC,MAAM,cAAc;AASlB,EARA,MAAM,KAAK,KAAK,gBAEX,KAAK,KAAK,WAAY,SACzB,KAAK,KAAK,WAAY,OAAO,WAG/B,KAAK,KAAK,WAAW,KAAK,KAAK,WAAW,KAAK,MAAA,GAE3C,KAAK,KAAK,aACZ,KAAK,KAAK,WAAY,OAAO,QAC7B,KAAK,KAAK,WAAW,IACrB,KAAK,KAAK,gBAAgB,WAAW"}

package/dist/internal/controllers/type-closable.controller.d.ts

@@ -0,0 +1,14 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export type TypeClosable = ReactiveElement & {
+    closable: boolean;
+};
+/**
+ * Controller for enabling closable behavior for elements.
+ */
+export declare class TypeClosableController<T extends TypeClosable> implements ReactiveController {
+    #private;
+    private host;
+    constructor(host: T);
+    hostConnected(): void;
+    close(): void;
+}

package/dist/internal/controllers/type-closable.controller.js

@@ -0,0 +1,25 @@
+import { attachInternals as e } from "../utils/a11y.js";
+//#region src/internal/controllers/type-closable.controller.ts
+var t = class {
+	constructor(e) {
+		this.host = e, this.host.addController(this);
+	}
+	hostConnected() {
+		e(this.host), this.host.addEventListener("command", () => {
+			this.host.hidden = !0, this.#e();
+		});
+	}
+	close() {
+		this.host.closable && this.#e();
+	}
+	#e() {
+		this.host.dispatchEvent(new CustomEvent("close", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+};
+//#endregion
+export { t as TypeClosableController };
+
+//# sourceMappingURL=type-closable.controller.js.map

package/dist/internal/controllers/type-closable.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-closable.controller.js","names":["#dispatchEvent"],"sources":["../../../src/internal/controllers/type-closable.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport { attachInternals } from '../utils/a11y.js';\n\nexport type TypeClosable = ReactiveElement & { closable: boolean };\n\n/**\n * Controller for enabling closable behavior for elements.\n */\nexport class TypeClosableController<T extends TypeClosable> implements ReactiveController {\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n\n    this.host.addEventListener('command', () => {\n      this.host.hidden = true;\n      this.#dispatchEvent();\n    });\n  }\n\n  close() {\n    if (this.host.closable) {\n      this.#dispatchEvent();\n    }\n  }\n\n  #dispatchEvent() {\n    this.host.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }));\n  }\n}\n"],"mappings":";;AAWA,IAAa,IAAb,MAA0F;CACxF,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AAGd,EAFA,EAAgB,KAAK,KAAK,EAE1B,KAAK,KAAK,iBAAiB,iBAAiB;AAE1C,GADA,KAAK,KAAK,SAAS,IACnB,MAAA,GAAqB;IACrB;;CAGJ,QAAQ;AACN,EAAI,KAAK,KAAK,YACZ,MAAA,GAAqB;;CAIzB,KAAiB;AACf,OAAK,KAAK,cAAc,IAAI,YAAY,SAAS;GAAE,SAAS;GAAM,UAAU;GAAM,CAAC,CAAC"}

package/dist/internal/controllers/type-command.controller.d.ts

@@ -0,0 +1,20 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+/**
+ * Adds Invoker Commands API support for interactive custom elements.
+ * https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API
+ */
+export declare function typeCommand<T extends Command>(): ClassDecorator;
+export type Command = ReactiveElement & HTMLElement & {
+    command: string;
+    commandfor: string | null;
+    commandForElement: HTMLElement | null;
+    readonly: boolean;
+    disabled: boolean;
+};
+export declare class TypeCommandController<T extends Command> implements ReactiveController {
+    #private;
+    private host;
+    constructor(host: T);
+    hostUpdated(): Promise<void>;
+    hostDisconnected(): void;
+}

package/dist/internal/controllers/type-command.controller.js

@@ -0,0 +1,32 @@
+import { getFlattenedDOMTree as e } from "../utils/dom.js";
+//#region src/internal/controllers/type-command.controller.ts
+function t() {
+	return (e) => e.addInitializer((e) => new n(e));
+}
+var n = class {
+	constructor(e) {
+		this.host = e, this.host.addController(this);
+	}
+	async hostUpdated() {
+		await this.host.updateComplete, this.#e();
+	}
+	hostDisconnected() {
+		this.host.removeEventListener("click", this.#t);
+	}
+	#e() {
+		!this.host.readonly && !this.host.disabled ? this.host.addEventListener("click", this.#t) : this.host.removeEventListener("click", this.#t);
+	}
+	#t = () => {
+		if ((this.host.commandfor || this.host.commandForElement) && globalThis.CommandEvent) {
+			let t = e(this.host.getRootNode()).find((e) => e.id === this.host.commandfor || e === this.host.commandForElement);
+			t ? t.dispatchEvent(new globalThis.CommandEvent("command", {
+				command: this.host.command,
+				source: this.host
+			})) : console.warn("commandForElement", this.host.commandfor || this.host.commandForElement, "not found");
+		}
+	};
+};
+//#endregion
+export { n as TypeCommandController, t as typeCommand };
+
+//# sourceMappingURL=type-command.controller.js.map

package/dist/internal/controllers/type-command.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-command.controller.js","names":["#updateListener","#triggerCommand"],"sources":["../../../src/internal/controllers/type-command.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { getFlattenedDOMTree } from '../utils/dom.js';\n\n/**\n * Adds Invoker Commands API support for interactive custom elements.\n * https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API\n */\nexport function typeCommand<T extends Command>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new TypeCommandController(instance));\n}\n\nexport type Command = ReactiveElement &\n  HTMLElement & {\n    command: string;\n    commandfor: string | null;\n    commandForElement: HTMLElement | null;\n    readonly: boolean;\n    disabled: boolean;\n  };\n\nexport class TypeCommandController<T extends Command> implements ReactiveController {\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  async hostUpdated() {\n    await this.host.updateComplete;\n    this.#updateListener();\n  }\n\n  hostDisconnected() {\n    this.host.removeEventListener('click', this.#triggerCommand);\n  }\n\n  #updateListener() {\n    if (!this.host.readonly && !this.host.disabled) {\n      this.host.addEventListener('click', this.#triggerCommand);\n    } else {\n      this.host.removeEventListener('click', this.#triggerCommand);\n    }\n  }\n\n  #triggerCommand = () => {\n    if ((this.host.commandfor || this.host.commandForElement) && globalThis.CommandEvent) {\n      const match = getFlattenedDOMTree(this.host.getRootNode() as HTMLElement).find(\n        el => el.id === this.host.commandfor || el === this.host.commandForElement\n      );\n      if (!match) {\n        console.warn('commandForElement', this.host.commandfor || this.host.commandForElement, 'not found');\n      } else {\n        match.dispatchEvent(new globalThis.CommandEvent('command', { command: this.host.command, source: this.host }));\n      }\n    }\n  };\n}\n"],"mappings":";;AAWA,SAAgB,IAAiD;AAC/D,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAAsB,EAAS,CAAC;;AAYhF,IAAa,IAAb,MAAoF;CAClF,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,MAAM,cAAc;AAElB,EADA,MAAM,KAAK,KAAK,gBAChB,MAAA,GAAsB;;CAGxB,mBAAmB;AACjB,OAAK,KAAK,oBAAoB,SAAS,MAAA,EAAqB;;CAG9D,KAAkB;AAChB,EAAI,CAAC,KAAK,KAAK,YAAY,CAAC,KAAK,KAAK,WACpC,KAAK,KAAK,iBAAiB,SAAS,MAAA,EAAqB,GAEzD,KAAK,KAAK,oBAAoB,SAAS,MAAA,EAAqB;;CAIhE,WAAwB;AACtB,OAAK,KAAK,KAAK,cAAc,KAAK,KAAK,sBAAsB,WAAW,cAAc;GACpF,IAAM,IAAQ,EAAoB,KAAK,KAAK,aAAa,CAAgB,CAAC,MACxE,MAAM,EAAG,OAAO,KAAK,KAAK,cAAc,MAAO,KAAK,KAAK,kBAC1D;AACD,GAAK,IAGH,EAAM,cAAc,IAAI,WAAW,aAAa,WAAW;IAAE,SAAS,KAAK,KAAK;IAAS,QAAQ,KAAK;IAAM,CAAC,CAAC,GAF9G,QAAQ,KAAK,qBAAqB,KAAK,KAAK,cAAc,KAAK,KAAK,mBAAmB,YAAY"}

package/dist/internal/controllers/type-expandable.controller.d.ts

@@ -0,0 +1,26 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+export type TypeExpandable = ReactiveElement & {
+    expanded?: boolean;
+    behaviorExpand?: boolean;
+    expandable?: boolean;
+    _internals?: ElementInternals;
+};
+/**
+ * Controller for enabling expandable behavior for elements.
+ * @event open - Dispatched when the expandable element opens.
+ * @event close - Dispatched when the expandable element closes.
+ * @property expanded - expanded state
+ * @property behaviorExpand - determines if stateful auto behavior should enable
+ */
+export declare class TypeExpandableController<T extends TypeExpandable> implements ReactiveController {
+    #private;
+    private host;
+    constructor(host: T, config?: {
+        useHidden?: boolean;
+    });
+    hostConnected(): void;
+    hostUpdated(): void;
+    open(): void;
+    close(): void;
+    toggle(): void;
+}