@api-client/ui 0.5.32 → 0.5.34

package/build/src/core/ApplicationRoute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationRoute.d.ts","sourceRoot":"","sources":["../../../src/core/ApplicationRoute.ts"],"names":[],"mappings":"AAkDA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,GAAG,SAAS,CAWhH;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,YAAY,SAAK,GAAG,MAAM,CAUlD;AAkBD,wBAAgB,UAAU,CAAC,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAIrD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAEvD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAItE;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAIlE"}
+{"version":3,"file":"ApplicationRoute.d.ts","sourceRoot":"","sources":["../../../src/core/ApplicationRoute.ts"],"names":[],"mappings":"AAqDA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,GAAG,SAAS,CAWhH;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,YAAY,SAAK,GAAG,MAAM,CAUlD;AAkBD,wBAAgB,UAAU,CAAC,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAIrD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAEvD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAItE;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAIlE"}

package/build/src/core/ApplicationRoute.js

@@ -32,6 +32,9 @@ function parseParams(pattern, uri) {
     if (groups) {
         Object.keys(groups).forEach((key) => {
             let value = groups[key];
+            if (value === undefined) {
+                return;
+            }
             if (value[0] === '/') {
                 value = value.substring(1);
             }

package/build/src/core/ApplicationRoute.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationRoute.js","sourceRoot":"","sources":["../../../src/core/ApplicationRoute.ts"],"names":[],"mappings":"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","sourcesContent":["const compiled = new Map<string, RegExp>()\n\n/**\n * @param value The pattern to evaluate\n */\nfunction getPattern(value: string): RegExp {\n  if (compiled.has(value)) {\n    return compiled.get(value) as RegExp\n  }\n  const result = new RegExp(`^${value}$`)\n  compiled.set(value, result)\n  return result\n}\n\n/**\n * @param uri The path value of the current URL.\n * @param pattern The pattern to evaluate\n */\nfunction testRoute(uri: string, pattern: string): boolean {\n  return getPattern(pattern).test(uri)\n}\n\n/**\n * @param pattern The pattern to evaluate\n * @param uri The path value of the current URL.\n */\nfunction parseParams(pattern: string, uri: string): Record<string, string | string[]> | undefined {\n  const r = getPattern(pattern)\n  const match = r.exec(uri)\n  if (!match) {\n    return undefined\n  }\n  const { groups } = match\n  const result: Record<string, string | string[]> = {}\n  if (groups) {\n    Object.keys(groups).forEach((key) => {\n      let value = groups[key] as string\n      if (value[0] === '/') {\n        value = value.substring(1)\n      }\n      if (value.includes('/')) {\n        result[key] = value.split('/').map((i) => decodeURIComponent(i))\n      } else {\n        result[key] = decodeURIComponent(value)\n      }\n    })\n  }\n  return result\n}\n\n/**\n * Reads params from the route for given patterns.\n * @param patterns The list of patterns to consider\n * @param route The current route\n * @returns A list of read parameters or undefined when there's no matching route or params.\n *\n * @example\n *\n * ```typescript\n * const patterns = ['/my/path/:id']\n * const route = '/my/path/1234'\n * const params = readRouteParams(patterns, route)\n * // -> { id: '1234' }\n * ```\n */\nexport function readRouteParams(patterns: string[], route: string): Record<string, string | string[]> | undefined {\n  for (const pattern of patterns) {\n    if (!testRoute(route, pattern)) {\n      continue\n    }\n    const params = parseParams(pattern, route)\n    if (params) {\n      return params\n    }\n  }\n  return undefined\n}\n\n/**\n * Reads the current route as everything that is past the `#`\n * @param defaultRoute The route that would be considered a default route for the activity.\n * @returns The current route.\n */\nexport function getRoute(defaultRoute = ''): string {\n  const url = new URL(window.location.href)\n  let path = url.hash.replace('#', '')\n  if (!path) {\n    path = defaultRoute\n  }\n  if (!path.startsWith('/')) {\n    path = `/${path}`\n  }\n  return path\n}\n\nfunction createHash(...route: string[]): string {\n  const atoms: string[] = []\n  for (const atom of route) {\n    if (atom.includes('/')) {\n      atoms.push(...atom.split('/').filter((i) => !!i))\n    } else {\n      atoms.push(atom)\n    }\n  }\n  let hash = atoms.map(encodeURIComponent).join('/')\n  if (!hash.startsWith('/')) {\n    hash = `/${hash}`\n  }\n  return hash\n}\n\nexport function buildRoute(...route: string[]): string {\n  const url = new URL(window.location.href)\n  url.hash = createHash(...route)\n  return url.toString()\n}\n\n/**\n * Navigates to an internal route.\n *\n * @param route Optional route params to add to the hash part of the url.\n */\nexport function navigateScreen(...route: string[]): void {\n  window.location.href = buildRoute(...route)\n}\n\n/**\n * Navigates to another application.\n *\n * @param htmlFile The relative location of the target HTML file.\n * @param route Optional route params to add to the has part of the url.\n */\nexport function navigateApp(htmlFile: string, ...route: string[]): void {\n  const url = new URL(htmlFile, window.location.href)\n  url.hash = createHash(...route)\n  window.location.href = url.toString()\n}\n\n/**\n * Navigates to another application.\n *\n * @param htmlFile The relative location of the target HTML file.\n * @param route Optional route params to add to the has part of the url.\n */\nexport function openApp(htmlFile: string, ...route: string[]): void {\n  const url = new URL(htmlFile, window.location.href)\n  url.hash = createHash(...route)\n  window.open(url.toString(), '_blank')\n}\n"]}
+{"version":3,"file":"ApplicationRoute.js","sourceRoot":"","sources":["../../../src/core/ApplicationRoute.ts"],"names":[],"mappings":"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","sourcesContent":["const compiled = new Map<string, RegExp>()\n\n/**\n * @param value The pattern to evaluate\n */\nfunction getPattern(value: string): RegExp {\n  if (compiled.has(value)) {\n    return compiled.get(value) as RegExp\n  }\n  const result = new RegExp(`^${value}$`)\n  compiled.set(value, result)\n  return result\n}\n\n/**\n * @param uri The path value of the current URL.\n * @param pattern The pattern to evaluate\n */\nfunction testRoute(uri: string, pattern: string): boolean {\n  return getPattern(pattern).test(uri)\n}\n\n/**\n * @param pattern The pattern to evaluate\n * @param uri The path value of the current URL.\n */\nfunction parseParams(pattern: string, uri: string): Record<string, string | string[]> | undefined {\n  const r = getPattern(pattern)\n  const match = r.exec(uri)\n  if (!match) {\n    return undefined\n  }\n  const { groups } = match\n  const result: Record<string, string | string[]> = {}\n  if (groups) {\n    Object.keys(groups).forEach((key) => {\n      let value = groups[key] as string | undefined\n      if (value === undefined) {\n        return\n      }\n      if (value[0] === '/') {\n        value = value.substring(1)\n      }\n      if (value.includes('/')) {\n        result[key] = value.split('/').map((i) => decodeURIComponent(i))\n      } else {\n        result[key] = decodeURIComponent(value)\n      }\n    })\n  }\n  return result\n}\n\n/**\n * Reads params from the route for given patterns.\n * @param patterns The list of patterns to consider\n * @param route The current route\n * @returns A list of read parameters or undefined when there's no matching route or params.\n *\n * @example\n *\n * ```typescript\n * const patterns = ['/my/path/:id']\n * const route = '/my/path/1234'\n * const params = readRouteParams(patterns, route)\n * // -> { id: '1234' }\n * ```\n */\nexport function readRouteParams(patterns: string[], route: string): Record<string, string | string[]> | undefined {\n  for (const pattern of patterns) {\n    if (!testRoute(route, pattern)) {\n      continue\n    }\n    const params = parseParams(pattern, route)\n    if (params) {\n      return params\n    }\n  }\n  return undefined\n}\n\n/**\n * Reads the current route as everything that is past the `#`\n * @param defaultRoute The route that would be considered a default route for the activity.\n * @returns The current route.\n */\nexport function getRoute(defaultRoute = ''): string {\n  const url = new URL(window.location.href)\n  let path = url.hash.replace('#', '')\n  if (!path) {\n    path = defaultRoute\n  }\n  if (!path.startsWith('/')) {\n    path = `/${path}`\n  }\n  return path\n}\n\nfunction createHash(...route: string[]): string {\n  const atoms: string[] = []\n  for (const atom of route) {\n    if (atom.includes('/')) {\n      atoms.push(...atom.split('/').filter((i) => !!i))\n    } else {\n      atoms.push(atom)\n    }\n  }\n  let hash = atoms.map(encodeURIComponent).join('/')\n  if (!hash.startsWith('/')) {\n    hash = `/${hash}`\n  }\n  return hash\n}\n\nexport function buildRoute(...route: string[]): string {\n  const url = new URL(window.location.href)\n  url.hash = createHash(...route)\n  return url.toString()\n}\n\n/**\n * Navigates to an internal route.\n *\n * @param route Optional route params to add to the hash part of the url.\n */\nexport function navigateScreen(...route: string[]): void {\n  window.location.href = buildRoute(...route)\n}\n\n/**\n * Navigates to another application.\n *\n * @param htmlFile The relative location of the target HTML file.\n * @param route Optional route params to add to the has part of the url.\n */\nexport function navigateApp(htmlFile: string, ...route: string[]): void {\n  const url = new URL(htmlFile, window.location.href)\n  url.hash = createHash(...route)\n  window.location.href = url.toString()\n}\n\n/**\n * Navigates to another application.\n *\n * @param htmlFile The relative location of the target HTML file.\n * @param route Optional route params to add to the has part of the url.\n */\nexport function openApp(htmlFile: string, ...route: string[]): void {\n  const url = new URL(htmlFile, window.location.href)\n  url.hash = createHash(...route)\n  window.open(url.toString(), '_blank')\n}\n"]}

package/build/src/elements/navigation/internals/Navigation.d.ts

@@ -0,0 +1,68 @@
+import { LitElement, type TemplateResult } from 'lit';
+import type NavigationItem from './NavigationItem.js';
+import { AriaCurrent } from '../../../types/aria.js';
+/**
+ * NavigationList
+ *
+ * A semantic, accessible navigation container for `ui-navigation-item` elements.
+ * Handles keyboard navigation (roving tabindex), focus management, and ARIA roles.
+ *
+ * ## Usage Example
+ *
+ * ```html
+ * <ui-navigation aria-label="Main navigation" current="page">
+ *   <ui-navigation-item selected>
+ *     <span slot="icon" aria-hidden="true">🏠</span>
+ *     Home
+ *   </ui-navigation-item>
+ *   <ui-navigation-item>
+ *     <span slot="icon" aria-hidden="true">🔍</span>
+ *     Search
+ *   </ui-navigation-item>
+ *   <ui-navigation-item>
+ *     <span slot="icon" aria-hidden="true">📁</span>
+ *     Files
+ *   </ui-navigation-item>
+ *   <ui-navigation-item iconOnly disabled aria-disabled="true" tabindex="-1">
+ *     <span slot="icon" aria-hidden="true">⚙️</span>
+ *   </ui-navigation-item>
+ * </ui-navigation>
+ * ```
+ *
+ * @slot - Place `ui-navigation-item` elements as direct children.
+ * @fires select - Dispatched when an item is selected via click or keyboard.
+ *                 The `detail` object contains the selected `item`.
+ */
+export default class Navigation extends LitElement {
+    /**
+     * Orientation of the navigation: 'horizontal' or 'vertical'.
+     * @attribute
+     */
+    accessor orientation: 'horizontal' | 'vertical';
+    /**
+     * The current item in the navigation, used for ARIA attributes.
+     * Can be 'page', 'step', 'location', 'date', 'time', 'true', 'false', or ''.
+     * @attribute
+     */
+    accessor current: AriaCurrent;
+    /**
+     * Query all ui-navigation-item children
+     */
+    accessor _items: NavigationItem[];
+    render(): TemplateResult;
+    constructor();
+    firstUpdated(): void;
+    private _onSlotChange;
+    /**
+     * Sets the initial `tabindex` for the items. The first selected item,
+     * or the first item if none are selected, receives `tabindex="0"`.
+     * All other items receive `tabindex="-1"`.
+     */
+    private _setTabIndexes;
+    private _getEnabledItems;
+    private _onClick;
+    private _selectItem;
+    private _updateFocus;
+    private _onKeyDown;
+}
+//# sourceMappingURL=Navigation.d.ts.map

package/build/src/elements/navigation/internals/Navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/Navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAE3D,OAAO,KAAK,cAAc,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD;;;OAGG;IACwC,QAAQ,CAAC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAa;IAEvG;;;;OAIG;IACwC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAK;IAE7E;;OAEG;IACuC,QAAQ,CAAC,MAAM,EAAG,cAAc,EAAE,CAAA;IAEnE,MAAM,IAAI,cAAc;;IAcxB,YAAY;IAIrB,OAAO,CAAC,aAAa,CAEpB;IAED;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,QAAQ,CAMf;IAED,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;CAyCnB"}

package/build/src/elements/navigation/internals/Navigation.js

@@ -0,0 +1,205 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, LitElement } from 'lit';
+import { property, queryAssignedElements } from 'lit/decorators.js';
+let Navigation = (() => {
+    let _classSuper = LitElement;
+    let _orientation_decorators;
+    let _orientation_initializers = [];
+    let _orientation_extraInitializers = [];
+    let _current_decorators;
+    let _current_initializers = [];
+    let _current_extraInitializers = [];
+    let __items_decorators;
+    let __items_initializers = [];
+    let __items_extraInitializers = [];
+    return class Navigation extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _orientation_decorators = [property({ type: String, reflect: true })];
+            _current_decorators = [property({ type: String, reflect: true })];
+            __items_decorators = [queryAssignedElements({ flatten: true })];
+            __esDecorate(this, null, _orientation_decorators, { kind: "accessor", name: "orientation", static: false, private: false, access: { has: obj => "orientation" in obj, get: obj => obj.orientation, set: (obj, value) => { obj.orientation = value; } }, metadata: _metadata }, _orientation_initializers, _orientation_extraInitializers);
+            __esDecorate(this, null, _current_decorators, { kind: "accessor", name: "current", static: false, private: false, access: { has: obj => "current" in obj, get: obj => obj.current, set: (obj, value) => { obj.current = value; } }, metadata: _metadata }, _current_initializers, _current_extraInitializers);
+            __esDecorate(this, null, __items_decorators, { kind: "accessor", name: "_items", static: false, private: false, access: { has: obj => "_items" in obj, get: obj => obj._items, set: (obj, value) => { obj._items = value; } }, metadata: _metadata }, __items_initializers, __items_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #orientation_accessor_storage = __runInitializers(this, _orientation_initializers, 'vertical'
+        /**
+         * The current item in the navigation, used for ARIA attributes.
+         * Can be 'page', 'step', 'location', 'date', 'time', 'true', 'false', or ''.
+         * @attribute
+         */
+        );
+        /**
+         * Orientation of the navigation: 'horizontal' or 'vertical'.
+         * @attribute
+         */
+        get orientation() { return this.#orientation_accessor_storage; }
+        set orientation(value) { this.#orientation_accessor_storage = value; }
+        #current_accessor_storage = (__runInitializers(this, _orientation_extraInitializers), __runInitializers(this, _current_initializers, ''
+        /**
+         * Query all ui-navigation-item children
+         */
+        ));
+        /**
+         * The current item in the navigation, used for ARIA attributes.
+         * Can be 'page', 'step', 'location', 'date', 'time', 'true', 'false', or ''.
+         * @attribute
+         */
+        get current() { return this.#current_accessor_storage; }
+        set current(value) { this.#current_accessor_storage = value; }
+        #_items_accessor_storage = (__runInitializers(this, _current_extraInitializers), __runInitializers(this, __items_initializers, void 0));
+        /**
+         * Query all ui-navigation-item children
+         */
+        get _items() { return this.#_items_accessor_storage; }
+        set _items(value) { this.#_items_accessor_storage = value; }
+        render() {
+            return html `
+      <nav aria-label="${this.getAttribute('aria-label') || 'Navigation'}">
+        <slot @slotchange="${this._onSlotChange}"></slot>
+      </nav>
+    `;
+        }
+        constructor() {
+            super();
+            this.addEventListener('keydown', this._onKeyDown.bind(this));
+            this.addEventListener('click', this._onClick.bind(this));
+        }
+        firstUpdated() {
+            this._setTabIndexes();
+        }
+        _onSlotChange = (__runInitializers(this, __items_extraInitializers), () => {
+            this._setTabIndexes();
+        });
+        /**
+         * Sets the initial `tabindex` for the items. The first selected item,
+         * or the first item if none are selected, receives `tabindex="0"`.
+         * All other items receive `tabindex="-1"`.
+         */
+        _setTabIndexes() {
+            const items = this._getEnabledItems();
+            if (!items.length) {
+                return;
+            }
+            items.forEach((item) => {
+                if (item.disabled) {
+                    return;
+                }
+                item.setAttribute('tabindex', item.selected ? '0' : '-1');
+            });
+        }
+        _getEnabledItems() {
+            return (this._items || []).filter((item) => !item.disabled);
+        }
+        _onClick = (e) => {
+            const target = e.target;
+            const item = target.closest('ui-navigation-item');
+            if (item && this._items.includes(item)) {
+                this._selectItem(item);
+            }
+        };
+        _selectItem(itemToSelect) {
+            if (itemToSelect.disabled) {
+                return;
+            }
+            this._items.forEach((item) => {
+                item.selected = item === itemToSelect;
+                if (item.hasAttribute('aria-current')) {
+                    item.removeAttribute('aria-current');
+                }
+            });
+            if (this.current) {
+                itemToSelect.setAttribute('aria-current', this.current);
+            }
+            this._updateFocus(itemToSelect);
+            this.dispatchEvent(new CustomEvent('select', {
+                detail: { item: itemToSelect },
+                bubbles: false,
+                composed: true,
+            }));
+        }
+        _updateFocus(itemToFocus) {
+            this._setTabIndexes();
+            itemToFocus.focus();
+        }
+        _onKeyDown(e) {
+            const items = this._getEnabledItems();
+            if (!items.length) {
+                return;
+            }
+            const activeElement = this.getRootNode().activeElement;
+            if (!activeElement) {
+                return;
+            }
+            // Find which of our items is the host of the active element.
+            // This is necessary because of focus delegation in ui-navigation-item.
+            const activeItem = items.find((item) => item === activeElement || item.shadowRoot?.contains(activeElement));
+            if (!activeItem) {
+                return;
+            }
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                this._selectItem(activeItem);
+                return;
+            }
+            const idx = items.indexOf(activeItem);
+            let nextIdx = idx;
+            if (this.orientation === 'horizontal') {
+                if (e.key === 'ArrowRight')
+                    nextIdx = (idx + 1) % items.length;
+                if (e.key === 'ArrowLeft')
+                    nextIdx = (idx - 1 + items.length) % items.length;
+            }
+            else {
+                if (e.key === 'ArrowDown')
+                    nextIdx = (idx + 1) % items.length;
+                if (e.key === 'ArrowUp')
+                    nextIdx = (idx - 1 + items.length) % items.length;
+            }
+            if (e.key === 'Home')
+                nextIdx = 0;
+            if (e.key === 'End')
+                nextIdx = items.length - 1;
+            if (nextIdx !== idx) {
+                items[nextIdx].focus();
+                items.forEach((item, i) => item.setAttribute('tabindex', i === nextIdx ? '0' : '-1'));
+                e.preventDefault();
+            }
+        }
+    };
+})();
+/**
+ * NavigationList
+ *
+ * A semantic, accessible navigation container for `ui-navigation-item` elements.
+ * Handles keyboard navigation (roving tabindex), focus management, and ARIA roles.
+ *
+ * ## Usage Example
+ *
+ * ```html
+ * <ui-navigation aria-label="Main navigation" current="page">
+ *   <ui-navigation-item selected>
+ *     <span slot="icon" aria-hidden="true">🏠</span>
+ *     Home
+ *   </ui-navigation-item>
+ *   <ui-navigation-item>
+ *     <span slot="icon" aria-hidden="true">🔍</span>
+ *     Search
+ *   </ui-navigation-item>
+ *   <ui-navigation-item>
+ *     <span slot="icon" aria-hidden="true">📁</span>
+ *     Files
+ *   </ui-navigation-item>
+ *   <ui-navigation-item iconOnly disabled aria-disabled="true" tabindex="-1">
+ *     <span slot="icon" aria-hidden="true">⚙️</span>
+ *   </ui-navigation-item>
+ * </ui-navigation>
+ * ```
+ *
+ * @slot - Place `ui-navigation-item` elements as direct children.
+ * @fires select - Dispatched when an item is selected via click or keyboard.
+ *                 The `detail` object contains the selected `item`.
+ */
+export default Navigation;
+//# sourceMappingURL=Navigation.js.map

package/build/src/elements/navigation/internals/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/Navigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, type TemplateResult } from 'lit'\nimport { property, queryAssignedElements } from 'lit/decorators.js'\nimport type NavigationItem from './NavigationItem.js'\nimport { AriaCurrent } from '../../../types/aria.js'\n\n/**\n * NavigationList\n *\n * A semantic, accessible navigation container for `ui-navigation-item` elements.\n * Handles keyboard navigation (roving tabindex), focus management, and ARIA roles.\n *\n * ## Usage Example\n *\n * ```html\n * <ui-navigation aria-label=\"Main navigation\" current=\"page\">\n *   <ui-navigation-item selected>\n *     <span slot=\"icon\" aria-hidden=\"true\">🏠</span>\n *     Home\n *   </ui-navigation-item>\n *   <ui-navigation-item>\n *     <span slot=\"icon\" aria-hidden=\"true\">🔍</span>\n *     Search\n *   </ui-navigation-item>\n *   <ui-navigation-item>\n *     <span slot=\"icon\" aria-hidden=\"true\">📁</span>\n *     Files\n *   </ui-navigation-item>\n *   <ui-navigation-item iconOnly disabled aria-disabled=\"true\" tabindex=\"-1\">\n *     <span slot=\"icon\" aria-hidden=\"true\">⚙️</span>\n *   </ui-navigation-item>\n * </ui-navigation>\n * ```\n *\n * @slot - Place `ui-navigation-item` elements as direct children.\n * @fires select - Dispatched when an item is selected via click or keyboard.\n *                 The `detail` object contains the selected `item`.\n */\nexport default class Navigation extends LitElement {\n  /**\n   * Orientation of the navigation: 'horizontal' or 'vertical'.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor orientation: 'horizontal' | 'vertical' = 'vertical'\n\n  /**\n   * The current item in the navigation, used for ARIA attributes.\n   * Can be 'page', 'step', 'location', 'date', 'time', 'true', 'false', or ''.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor current: AriaCurrent = ''\n\n  /**\n   * Query all ui-navigation-item children\n   */\n  @queryAssignedElements({ flatten: true }) accessor _items!: NavigationItem[]\n\n  override render(): TemplateResult {\n    return html`\n      <nav aria-label=\"${this.getAttribute('aria-label') || 'Navigation'}\">\n        <slot @slotchange=\"${this._onSlotChange}\"></slot>\n      </nav>\n    `\n  }\n\n  constructor() {\n    super()\n    this.addEventListener('keydown', this._onKeyDown.bind(this))\n    this.addEventListener('click', this._onClick.bind(this))\n  }\n\n  override firstUpdated() {\n    this._setTabIndexes()\n  }\n\n  private _onSlotChange = () => {\n    this._setTabIndexes()\n  }\n\n  /**\n   * Sets the initial `tabindex` for the items. The first selected item,\n   * or the first item if none are selected, receives `tabindex=\"0\"`.\n   * All other items receive `tabindex=\"-1\"`.\n   */\n  private _setTabIndexes() {\n    const items = this._getEnabledItems()\n    if (!items.length) {\n      return\n    }\n    items.forEach((item) => {\n      if (item.disabled) {\n        return\n      }\n      item.setAttribute('tabindex', item.selected ? '0' : '-1')\n    })\n  }\n\n  private _getEnabledItems(): NavigationItem[] {\n    return (this._items || []).filter((item) => !item.disabled)\n  }\n\n  private _onClick = (e: MouseEvent) => {\n    const target = e.target as HTMLElement\n    const item = target.closest('ui-navigation-item')\n    if (item && this._items.includes(item)) {\n      this._selectItem(item)\n    }\n  }\n\n  private _selectItem(itemToSelect: NavigationItem) {\n    if (itemToSelect.disabled) {\n      return\n    }\n\n    this._items.forEach((item) => {\n      item.selected = item === itemToSelect\n      if (item.hasAttribute('aria-current')) {\n        item.removeAttribute('aria-current')\n      }\n    })\n\n    if (this.current) {\n      itemToSelect.setAttribute('aria-current', this.current)\n    }\n    this._updateFocus(itemToSelect)\n\n    this.dispatchEvent(\n      new CustomEvent('select', {\n        detail: { item: itemToSelect },\n        bubbles: false,\n        composed: true,\n      })\n    )\n  }\n\n  private _updateFocus(itemToFocus: NavigationItem) {\n    this._setTabIndexes()\n    itemToFocus.focus()\n  }\n\n  private _onKeyDown(e: KeyboardEvent) {\n    const items = this._getEnabledItems()\n    if (!items.length) {\n      return\n    }\n\n    const activeElement = (this.getRootNode() as Document | ShadowRoot).activeElement\n    if (!activeElement) {\n      return\n    }\n\n    // Find which of our items is the host of the active element.\n    // This is necessary because of focus delegation in ui-navigation-item.\n    const activeItem = items.find((item) => item === activeElement || item.shadowRoot?.contains(activeElement))\n    if (!activeItem) {\n      return\n    }\n\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      this._selectItem(activeItem)\n      return\n    }\n\n    const idx = items.indexOf(activeItem)\n    let nextIdx = idx\n    if (this.orientation === 'horizontal') {\n      if (e.key === 'ArrowRight') nextIdx = (idx + 1) % items.length\n      if (e.key === 'ArrowLeft') nextIdx = (idx - 1 + items.length) % items.length\n    } else {\n      if (e.key === 'ArrowDown') nextIdx = (idx + 1) % items.length\n      if (e.key === 'ArrowUp') nextIdx = (idx - 1 + items.length) % items.length\n    }\n    if (e.key === 'Home') nextIdx = 0\n    if (e.key === 'End') nextIdx = items.length - 1\n    if (nextIdx !== idx) {\n      items[nextIdx].focus()\n      items.forEach((item, i) => item.setAttribute('tabindex', i === nextIdx ? '0' : '-1'))\n      e.preventDefault()\n    }\n  }\n}\n"]}

package/build/src/elements/navigation/internals/Navigation.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=Navigation.styles.d.ts.map

package/build/src/elements/navigation/internals/Navigation.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/Navigation.styles.ts"],"names":[],"mappings":";AAEA,wBAqBC"}

package/build/src/elements/navigation/internals/Navigation.styles.js

@@ -0,0 +1,24 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    outline: none;
+  }
+
+  nav {
+    display: flex;
+    gap: 8px;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  :host([orientation='horizontal']) nav {
+    flex-direction: row;
+  }
+
+  :host([orientation='vertical']) nav {
+    flex-direction: column;
+  }
+`;
+//# sourceMappingURL=Navigation.styles.js.map

package/build/src/elements/navigation/internals/Navigation.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.styles.js","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/Navigation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;CAqBjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: block;\n    outline: none;\n  }\n\n  nav {\n    display: flex;\n    gap: 8px;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  :host([orientation='horizontal']) nav {\n    flex-direction: row;\n  }\n\n  :host([orientation='vertical']) nav {\n    flex-direction: column;\n  }\n`\n"]}

package/build/src/elements/navigation/internals/NavigationItem.d.ts

@@ -1,12 +1,67 @@
 import { TemplateResult } from 'lit';
 import { UiElement } from '../../../md/UiElement.js';
+/**
+ * NavigationItem
+ *
+ * An element to be placed inside a navigation bar. This component is designed for use with navigation bars and supports
+ * icon-only, selected, and disabled states. It is built with accessibility and composability in mind.
+ *
+ * ## Accessibility
+ *
+ * - Uses a native `<button>` element for proper semantics and keyboard accessibility.
+ * - The icon is marked with `role="presentation"` to indicate it is decorative.
+ * - Focus ring and ripple effects are included for visual feedback.
+ *
+ * ## Usage Example
+ *
+ * ### Accessible Navigation Example
+ *
+ * ```html
+ * <nav aria-label="Main navigation">
+ *   <ul style="display: flex; gap: 8px; list-style: none; padding: 0; margin: 0;">
+ *     <li>
+ *       <navigation-item selected aria-current="page">
+ *         <span slot="icon" aria-hidden="true">🏠</span>
+ *         Home
+ *       </navigation-item>
+ *     </li>
+ *     <li>
+ *       <navigation-item>
+ *         <span slot="icon" aria-hidden="true">🔍</span>
+ *         Search
+ *       </navigation-item>
+ *     </li>
+ *     <li>
+ *       <navigation-item>
+ *         <span slot="icon" aria-hidden="true">📁</span>
+ *         Files
+ *       </navigation-item>
+ *     </li>
+ *     <li>
+ *       <navigation-item iconOnly disabled aria-disabled="true" tabindex="-1">
+ *         <span slot="icon" aria-hidden="true">⚙️</span>
+ *       </navigation-item>
+ *     </li>
+ *   </ul>
+ * </nav>
+ * ```
+ *
+ * This example demonstrates a horizontal navigation bar using semantic HTML. Each `navigation-item`
+ * is placed inside a list item for proper structure. The `aria-current="page"` attribute marks the current
+ * page, and `aria-disabled="true"` with `tabindex="-1"` ensures the disabled item is not focusable.
+ * Icons use `aria-hidden="true"` for accessibility.
+ *
+ * @slot icon - A slot for the icon element
+ * @slot - The default slot for the label
+ */
 export default class NavigationItem extends UiElement {
     static shadowRootOptions: ShadowRootInit;
+    get disabled(): boolean;
     /**
-     * When set, the button is a disabled state.
+     * When set, the navigation item is in a disabled state.
      * @attribute
      */
-    accessor disabled: boolean;
+    set disabled(value: boolean);
     /**
      * Whether the navigation item is selected.
      * @attribute
@@ -18,6 +73,11 @@ export default class NavigationItem extends UiElement {
      * @attribute
      */
     accessor iconOnly: boolean;
+    /**
+     * The reference of the navigation item to the target.
+     * @attribute
+     */
+    accessor href: string | undefined;
     /**
      * Determines when the element has an icon in the "icon" slot.
      */

package/build/src/elements/navigation/internals/NavigationItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationItem.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/NavigationItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS;IACnD,OAAgB,iBAAiB,EAAE,cAAc,CAGhD;IAED;;;OAGG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IAErE;;;OAGG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IACrE;;;;OAIG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IAErE;;OAEG;IACM,SAAS,CAAC,QAAQ,CAAC,OAAO,UAAQ;IAE3C;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;cAK3B,MAAM,IAAI,cAAc;IAiB3C,SAAS,CAAC,UAAU,IAAI,cAAc;CAKvC"}
+{"version":3,"file":"NavigationItem.d.ts","sourceRoot":"","sources":["../../../../../src/elements/navigation/internals/NavigationItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAW,MAAM,KAAK,CAAA;AAInD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAGpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS;IACnD,OAAgB,iBAAiB,EAAE,cAAc,CAGhD;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED;;;OAGG;IACH,IACI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAI1B;IAED;;;OAGG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IACrE;;;;OAIG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IACrE;;;OAGG;IACwC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAE5E;;OAEG;IACM,SAAS,CAAC,QAAQ,CAAC,OAAO,UAAQ;IAE3C;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;cAK3B,MAAM,IAAI,cAAc;IAqB3C,SAAS,CAAC,UAAU,IAAI,cAAc;CAKvC"}