@ship-ui/core 0.22.4 → 0.22.5

package/assets/mcp/components.json

@@ -1,12 +1,37 @@
 [
   {
-    "name": "ShipPreventWheel",
-    "selector": "[shPreventWheel]",
-    "path": "core/projects/ship-ui/src/lib/directives/ship-prevent-wheel.directive.ts",
+    "name": "ChildComponent",
+    "selector": "app-child",
+    "path": "core/projects/ship-ui/src/lib/utilities/create-input-example.component.ts",
     "description": "",
     "keywords": [],
     "inputs": [],
     "outputs": [],
+    "methods": [
+      {
+        "name": "toggleTextInput",
+        "parameters": "",
+        "returnType": "any",
+        "description": ""
+      }
+    ],
+    "cssVariables": [],
+    "examples": []
+  },
+  {
+    "name": "ShipFileDragDrop",
+    "selector": "[shDragDrop]",
+    "path": "core/projects/ship-ui/src/lib/directives/ship-file-drag-drop.directive.ts",
+    "description": "",
+    "keywords": [],
+    "inputs": [],
+    "outputs": [
+      {
+        "name": "filesDropped",
+        "type": "FileList",
+        "description": ""
+      }
+    ],
     "methods": [],
     "cssVariables": [],
     "examples": []
@@ -43,24 +68,6 @@
     "cssVariables": [],
     "examples": []
   },
-  {
-    "name": "ShipFileDragDrop",
-    "selector": "[shDragDrop]",
-    "path": "core/projects/ship-ui/src/lib/directives/ship-file-drag-drop.directive.ts",
-    "description": "",
-    "keywords": [],
-    "inputs": [],
-    "outputs": [
-      {
-        "name": "filesDropped",
-        "type": "FileList",
-        "description": ""
-      }
-    ],
-    "methods": [],
-    "cssVariables": [],
-    "examples": []
-  },
   {
     "name": "ShipTooltipWrapper",
     "selector": "ship-tooltip-wrapper",
@@ -129,21 +136,14 @@
     "examples": []
   },
   {
-    "name": "ChildComponent",
-    "selector": "app-child",
-    "path": "core/projects/ship-ui/src/lib/utilities/create-input-example.component.ts",
+    "name": "ShipPreventWheel",
+    "selector": "[shPreventWheel]",
+    "path": "core/projects/ship-ui/src/lib/directives/ship-prevent-wheel.directive.ts",
     "description": "",
     "keywords": [],
     "inputs": [],
     "outputs": [],
-    "methods": [
-      {
-        "name": "toggleTextInput",
-        "parameters": "",
-        "returnType": "any",
-        "description": ""
-      }
-    ],
+    "methods": [],
     "cssVariables": [],
     "examples": []
   },

package/fesm2022/ship-ui-core-ship-kbd.mjs

@@ -0,0 +1,96 @@
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, input, booleanAttribute, computed, Component } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+
+class ShipKbd {
+    constructor() {
+        this.#platformId = inject(PLATFORM_ID);
+        this.meta = input(false, { ...(ngDevMode ? { debugName: "meta" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.shift = input(false, { ...(ngDevMode ? { debugName: "shift" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.alt = input(false, { ...(ngDevMode ? { debugName: "alt" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.ctrl = input(false, { ...(ngDevMode ? { debugName: "ctrl" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.enter = input(false, { ...(ngDevMode ? { debugName: "enter" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.escape = input(false, { ...(ngDevMode ? { debugName: "escape" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.backspace = input(false, { ...(ngDevMode ? { debugName: "backspace" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.isMac = computed(() => {
+            if (!isPlatformBrowser(this.#platformId))
+                return false;
+            return navigator.userAgent.toLowerCase().includes('mac');
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isMac" }] : /* istanbul ignore next */ []));
+        this.hasContent = computed(() => {
+            // If there is any content, it will be projected. We just need to render the separator
+            // if there are modifiers before it. Angular ng-content always renders if projected,
+            // so we assume true if they use the component with innerHTML (which we can't easily check
+            // statically, but we can assume if it's used as a wrapper, there's content).
+            // Actually, we can check if any modifiers exist to prepend. 
+            return true;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasContent" }] : /* istanbul ignore next */ []));
+        this.displayKeys = computed(() => {
+            const keys = [];
+            const mac = this.isMac();
+            if (this.meta())
+                keys.push(mac ? '⌘' : 'Win');
+            if (this.ctrl())
+                keys.push(mac ? '⌃' : 'Ctrl');
+            if (this.alt())
+                keys.push(mac ? '⌥' : 'Alt');
+            if (this.shift())
+                keys.push(mac ? '⇧' : 'Shift');
+            if (this.enter())
+                keys.push(mac ? '↵' : 'Enter');
+            if (this.escape())
+                keys.push(mac ? '⎋' : 'Esc');
+            if (this.backspace())
+                keys.push(mac ? '⌫' : 'Backspace');
+            // Remove duplicates if they specify both meta and ctrl on windows (which both map to Ctrl)
+            return Array.from(new Set(keys));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayKeys" }] : /* istanbul ignore next */ []));
+    }
+    #platformId;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipKbd, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: ShipKbd, isStandalone: true, selector: "sh-kbd, [sh-kbd]", inputs: { meta: { classPropertyName: "meta", publicName: "meta", isSignal: true, isRequired: false, transformFunction: null }, shift: { classPropertyName: "shift", publicName: "shift", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, ctrl: { classPropertyName: "ctrl", publicName: "ctrl", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, escape: { classPropertyName: "escape", publicName: "escape", isSignal: true, isRequired: false, transformFunction: null }, backspace: { classPropertyName: "backspace", publicName: "backspace", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @for (key of displayKeys(); track $index) {
+      <span class="key-part">{{ key }}</span>
+      @if (!isMac() && !$last) {
+        <span class="separator">+</span>
+      }
+    }
+    @if (hasContent()) {
+      @if (!isMac() && displayKeys().length > 0) {
+        <span class="separator">+</span>
+      }
+      <span class="content">
+        <ng-content></ng-content>
+      </span>
+    }
+  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;font-family:inherit;background:rgb(from var(--base-2) r g b/80%);border:1px solid rgb(from var(--base-4) r g b/60%);padding:.0625rem .25rem;border-radius:var(--shape-1);font-weight:700;color:var(--base-11);gap:.125rem;font-size:.9em}:host .separator{color:var(--base-8);font-weight:400;margin:0 .125rem}:host .content{text-transform:uppercase}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipKbd, decorators: [{
+            type: Component,
+            args: [{ selector: 'sh-kbd, [sh-kbd]', standalone: true, template: `
+    @for (key of displayKeys(); track $index) {
+      <span class="key-part">{{ key }}</span>
+      @if (!isMac() && !$last) {
+        <span class="separator">+</span>
+      }
+    }
+    @if (hasContent()) {
+      @if (!isMac() && displayKeys().length > 0) {
+        <span class="separator">+</span>
+      }
+      <span class="content">
+        <ng-content></ng-content>
+      </span>
+    }
+  `, styles: [":host{display:inline-flex;align-items:center;font-family:inherit;background:rgb(from var(--base-2) r g b/80%);border:1px solid rgb(from var(--base-4) r g b/60%);padding:.0625rem .25rem;border-radius:var(--shape-1);font-weight:700;color:var(--base-11);gap:.125rem;font-size:.9em}:host .separator{color:var(--base-8);font-weight:400;margin:0 .125rem}:host .content{text-transform:uppercase}\n"] }]
+        }], propDecorators: { meta: [{ type: i0.Input, args: [{ isSignal: true, alias: "meta", required: false }] }], shift: [{ type: i0.Input, args: [{ isSignal: true, alias: "shift", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], ctrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "ctrl", required: false }] }], enter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enter", required: false }] }], escape: [{ type: i0.Input, args: [{ isSignal: true, alias: "escape", required: false }] }], backspace: [{ type: i0.Input, args: [{ isSignal: true, alias: "backspace", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ShipKbd };
+//# sourceMappingURL=ship-ui-core-ship-kbd.mjs.map

package/fesm2022/ship-ui-core-ship-kbd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ship-ui-core-ship-kbd.mjs","sources":["../../../projects/ship-ui/ship-kbd/ship-kbd.ts","../../../projects/ship-ui/ship-kbd/ship-ui-core-ship-kbd.ts"],"sourcesContent":["import { booleanAttribute, Component, computed, inject, input, PLATFORM_ID } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\n\n@Component({\n  selector: 'sh-kbd, [sh-kbd]',\n  standalone: true,\n  template: `\n    @for (key of displayKeys(); track $index) {\n      <span class=\"key-part\">{{ key }}</span>\n      @if (!isMac() && !$last) {\n        <span class=\"separator\">+</span>\n      }\n    }\n    @if (hasContent()) {\n      @if (!isMac() && displayKeys().length > 0) {\n        <span class=\"separator\">+</span>\n      }\n      <span class=\"content\">\n        <ng-content></ng-content>\n      </span>\n    }\n  `,\n  styleUrl: './ship-kbd.scss',\n})\nexport class ShipKbd {\n  #platformId = inject(PLATFORM_ID);\n\n  meta = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  shift = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  alt = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  ctrl = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  enter = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  escape = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n  backspace = input<boolean, string | boolean>(false, { transform: booleanAttribute });\n\n  isMac = computed(() => {\n    if (!isPlatformBrowser(this.#platformId)) return false;\n    return navigator.userAgent.toLowerCase().includes('mac');\n  });\n\n  hasContent = computed(() => {\n    // If there is any content, it will be projected. We just need to render the separator\n    // if there are modifiers before it. Angular ng-content always renders if projected,\n    // so we assume true if they use the component with innerHTML (which we can't easily check\n    // statically, but we can assume if it's used as a wrapper, there's content).\n    // Actually, we can check if any modifiers exist to prepend. \n    return true; \n  });\n\n  displayKeys = computed(() => {\n    const keys: string[] = [];\n    const mac = this.isMac();\n\n    if (this.meta()) keys.push(mac ? '⌘' : 'Win');\n    if (this.ctrl()) keys.push(mac ? '⌃' : 'Ctrl');\n    if (this.alt()) keys.push(mac ? '⌥' : 'Alt');\n    if (this.shift()) keys.push(mac ? '⇧' : 'Shift');\n    if (this.enter()) keys.push(mac ? '↵' : 'Enter');\n    if (this.escape()) keys.push(mac ? '⎋' : 'Esc');\n    if (this.backspace()) keys.push(mac ? '⌫' : 'Backspace');\n\n    // Remove duplicates if they specify both meta and ctrl on windows (which both map to Ctrl)\n    return Array.from(new Set(keys));\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ship-ui-core-ship-list.mjs

@@ -5,13 +5,13 @@ class ShipList {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: ShipList, isStandalone: true, selector: "sh-list", ngImport: i0, template: `
     <ng-content />
-  `, isInline: true, styles: ["sh-list{--list-s: var(--shape-2);--list-active-bg: var(--base-1);--list-color: var(--base-9);--list-active-bs: none;--list-item-b: 1px solid transparent;--list-item-active-b: 1px solid --list-active-bg;--list-p: 1.25rem 1rem;--list-item-p: .5rem .75rem;--list-item-gap: .5rem;width:100%;padding:var(--list-p);gap:.5rem;display:flex;flex-direction:column}sh-list.base-1{--list-active-bg: var(--base-1);--list-active-bs: var(--box-shadow-20)}sh-list.outlined{--list-active-bg: transparent;--list-active-bs: none;--list-item-b: 1px solid transparent;--list-item-active-b: 1px solid var(--primary-8)}sh-list:empty{padding:0}sh-list>[title]{color:var(--base-8);margin:0 .75rem;font:var(--paragraph-30);line-height:1.5rem}sh-list[shsortable] [item]:active{transform:scale(1)}sh-list>[action],sh-list>[item]{border-radius:var(--list-s);padding:var(--list-item-p);font:var(--paragraph-30B);color:var(--list-color);border:var(--list-item-b);display:flex;align-items:center;gap:var(--list-item-gap);width:100%;-webkit-user-select:none;user-select:none;appearance:none;border:0;text-align:left;text-wrap:balance;background-color:transparent;text-decoration:none;transition:transform 125ms linear,box-shadow 125ms linear;transform:scale(1)}sh-list>[action]:active,sh-list>[item]:active{--list-active-bs: var(--box-shadow-10);transform:scale(.98)}sh-list>[action]:focus,sh-list>[item]:focus{outline:none}sh-list>[action]:focus-visible,sh-list>[item]:focus-visible{outline:2px solid var(--primary-8);outline-offset:2px}sh-list>[action] [suffix],sh-list>[item] [suffix]{margin-left:auto;color:var(--base-8)}sh-list :has(input),sh-list>[action]{cursor:pointer}sh-list>[item]:has(input:checked),sh-list>[action]:has(input:checked),sh-list>[action].active,sh-list>[action].selected{--list-color: var(--base-12);background-color:var(--list-active-bg);box-shadow:var(--list-active-bs);border:var(--list-item-active-b)}sh-list.primary>[item]:has(input:checked) sh-icon:first-child,sh-list.primary>[action]:has(input:checked) sh-icon:first-child,sh-list.primary>[action].active sh-icon:first-child,sh-list.primary>[action].selected sh-icon:first-child{color:var(--primary-8)}sh-list.accent>[item]:has(input:checked) sh-icon:first-child,sh-list.accent>[action]:has(input:checked) sh-icon:first-child,sh-list.accent>[action].active sh-icon:first-child,sh-list.accent>[action].selected sh-icon:first-child{color:var(--accent-8)}sh-list.warn>[item]:has(input:checked) sh-icon:first-child,sh-list.warn>[action]:has(input:checked) sh-icon:first-child,sh-list.warn>[action].active sh-icon:first-child,sh-list.warn>[action].selected sh-icon:first-child{color:var(--warn-8)}sh-list.error>[item]:has(input:checked) sh-icon:first-child,sh-list.error>[action]:has(input:checked) sh-icon:first-child,sh-list.error>[action].active sh-icon:first-child,sh-list.error>[action].selected sh-icon:first-child{color:var(--error-8)}sh-list.success>[item]:has(input:checked) sh-icon:first-child,sh-list.success>[action]:has(input:checked) sh-icon:first-child,sh-list.success>[action].active sh-icon:first-child,sh-list.success>[action].selected sh-icon:first-child{color:var(--success-8)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["sh-list{--list-s: var(--shape-2);--list-active-bg: var(--base-1);--list-color: var(--base-9);--list-active-bs: none;--list-item-b: 1px solid transparent;--list-item-active-b: 1px solid --list-active-bg;--list-p: 1.25rem 1rem;--list-item-p: .5rem .75rem;--list-item-gap: .5rem;width:100%;padding:var(--list-p);gap:.5rem;display:flex;flex-direction:column}sh-list.base-1{--list-active-bg: var(--base-1);--list-active-bs: var(--box-shadow-20)}sh-list.outlined{--list-active-bg: transparent;--list-active-bs: none;--list-item-b: 1px solid transparent;--list-item-active-b: 1px solid var(--primary-8)}sh-list.type-b{--list-p: 0;--list-item-p: .625rem .75rem;--list-item-gap: .75rem;--list-s: var(--shape-2)}sh-list.type-b>[action],sh-list.type-b>[item]{color:var(--base-10)}sh-list.type-b>[action].active,sh-list.type-b>[action].selected,sh-list.type-b>[item].active,sh-list.type-b>[item].selected{background:rgb(from var(--base-3) r g b/90%);color:var(--base-12)}sh-list.type-b>[action].active sh-icon:first-child,sh-list.type-b>[action].selected sh-icon:first-child,sh-list.type-b>[item].active sh-icon:first-child,sh-list.type-b>[item].selected sh-icon:first-child{color:var(--primary-8)}sh-list.type-b>[action].active .description,sh-list.type-b>[action].selected .description,sh-list.type-b>[item].active .description,sh-list.type-b>[item].selected .description{color:var(--base-9)}sh-list.type-b>[action] sh-icon:first-child,sh-list.type-b>[item] sh-icon:first-child{font-size:1.125rem;color:var(--base-7);transition:color .15s ease}sh-list.type-b>[action] .text-group,sh-list.type-b>[item] .text-group{display:flex;flex-direction:column;flex:1}sh-list.type-b>[action] .label,sh-list.type-b>[item] .label{font:var(--paragraph-30B)}sh-list.type-b>[action] .description,sh-list.type-b>[item] .description{font:var(--paragraph-40);color:var(--base-7);transition:color .15s ease}sh-list.type-b>[action] .shortcut,sh-list.type-b>[item] .shortcut{display:flex;gap:.25rem}sh-list.type-b>[action] .shortcut kbd,sh-list.type-b>[item] .shortcut kbd{font-family:inherit;background:rgb(from var(--base-3) r g b/80%);border:1px solid rgb(from var(--base-4) r g b/60%);color:var(--base-8);border-radius:var(--shape-1);padding:.125rem .375rem;font-size:.6875rem;line-height:1;box-shadow:0 1px #0000001a}sh-list:empty{padding:0}sh-list>[title]{color:var(--base-8);margin:0 .75rem;font:var(--paragraph-30);line-height:1.5rem}sh-list[shsortable] [item]:active{transform:scale(1)}sh-list>[action],sh-list>[item]{border-radius:var(--list-s);padding:var(--list-item-p);font:var(--paragraph-30B);color:var(--list-color);border:var(--list-item-b);display:flex;align-items:center;gap:var(--list-item-gap);width:100%;-webkit-user-select:none;user-select:none;appearance:none;border:0;text-align:left;text-wrap:balance;background-color:transparent;text-decoration:none;transition:transform 125ms linear,box-shadow 125ms linear;transform:scale(1)}sh-list>[action]:active,sh-list>[item]:active{--list-active-bs: var(--box-shadow-10);transform:scale(.98)}sh-list>[action]:focus,sh-list>[item]:focus{outline:none}sh-list>[action]:focus-visible,sh-list>[item]:focus-visible{outline:2px solid var(--primary-8);outline-offset:2px}sh-list>[action] [suffix],sh-list>[item] [suffix]{margin-left:auto;color:var(--base-8)}sh-list :has(input),sh-list>[action]{cursor:pointer}sh-list>[item]:has(input:checked),sh-list>[action]:has(input:checked),sh-list>[action].active,sh-list>[action].selected{--list-color: var(--base-12);background-color:var(--list-active-bg);box-shadow:var(--list-active-bs);border:var(--list-item-active-b)}sh-list.primary>[item]:has(input:checked) sh-icon:first-child,sh-list.primary>[action]:has(input:checked) sh-icon:first-child,sh-list.primary>[action].active sh-icon:first-child,sh-list.primary>[action].selected sh-icon:first-child{color:var(--primary-8)}sh-list.accent>[item]:has(input:checked) sh-icon:first-child,sh-list.accent>[action]:has(input:checked) sh-icon:first-child,sh-list.accent>[action].active sh-icon:first-child,sh-list.accent>[action].selected sh-icon:first-child{color:var(--accent-8)}sh-list.warn>[item]:has(input:checked) sh-icon:first-child,sh-list.warn>[action]:has(input:checked) sh-icon:first-child,sh-list.warn>[action].active sh-icon:first-child,sh-list.warn>[action].selected sh-icon:first-child{color:var(--warn-8)}sh-list.error>[item]:has(input:checked) sh-icon:first-child,sh-list.error>[action]:has(input:checked) sh-icon:first-child,sh-list.error>[action].active sh-icon:first-child,sh-list.error>[action].selected sh-icon:first-child{color:var(--error-8)}sh-list.success>[item]:has(input:checked) sh-icon:first-child,sh-list.success>[action]:has(input:checked) sh-icon:first-child,sh-list.success>[action].active sh-icon:first-child,sh-list.success>[action].selected sh-icon:first-child{color:var(--success-8)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipList, decorators: [{
             type: Component,
             args: [{ selector: 'sh-list', encapsulation: ViewEncapsulation.None, imports: [], template: `
     <ng-content />
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["sh-list{--list-s: var(--shape-2);--list-active-bg: var(--base-1);--list-color: var(--base-9);--list-active-bs: none;--list-item-b: 1px solid transparent;--list-item-active-b: 1px solid --list-active-bg;--list-p: 1.25rem 1rem;--list-item-p: .5rem .75rem;--list-item-gap: .5rem;width:100%;padding:var(--list-p);gap:.5rem;display:flex;flex-direction:column}sh-list.base-1{--list-active-bg: var(--base-1);--list-active-bs: var(--box-shadow-20)}sh-list.outlined{--list-active-bg: transparent;--list-active-bs: none;--list-item-b: 1px solid transparent;--list-item-active-b: 1px solid var(--primary-8)}sh-list:empty{padding:0}sh-list>[title]{color:var(--base-8);margin:0 .75rem;font:var(--paragraph-30);line-height:1.5rem}sh-list[shsortable] [item]:active{transform:scale(1)}sh-list>[action],sh-list>[item]{border-radius:var(--list-s);padding:var(--list-item-p);font:var(--paragraph-30B);color:var(--list-color);border:var(--list-item-b);display:flex;align-items:center;gap:var(--list-item-gap);width:100%;-webkit-user-select:none;user-select:none;appearance:none;border:0;text-align:left;text-wrap:balance;background-color:transparent;text-decoration:none;transition:transform 125ms linear,box-shadow 125ms linear;transform:scale(1)}sh-list>[action]:active,sh-list>[item]:active{--list-active-bs: var(--box-shadow-10);transform:scale(.98)}sh-list>[action]:focus,sh-list>[item]:focus{outline:none}sh-list>[action]:focus-visible,sh-list>[item]:focus-visible{outline:2px solid var(--primary-8);outline-offset:2px}sh-list>[action] [suffix],sh-list>[item] [suffix]{margin-left:auto;color:var(--base-8)}sh-list :has(input),sh-list>[action]{cursor:pointer}sh-list>[item]:has(input:checked),sh-list>[action]:has(input:checked),sh-list>[action].active,sh-list>[action].selected{--list-color: var(--base-12);background-color:var(--list-active-bg);box-shadow:var(--list-active-bs);border:var(--list-item-active-b)}sh-list.primary>[item]:has(input:checked) sh-icon:first-child,sh-list.primary>[action]:has(input:checked) sh-icon:first-child,sh-list.primary>[action].active sh-icon:first-child,sh-list.primary>[action].selected sh-icon:first-child{color:var(--primary-8)}sh-list.accent>[item]:has(input:checked) sh-icon:first-child,sh-list.accent>[action]:has(input:checked) sh-icon:first-child,sh-list.accent>[action].active sh-icon:first-child,sh-list.accent>[action].selected sh-icon:first-child{color:var(--accent-8)}sh-list.warn>[item]:has(input:checked) sh-icon:first-child,sh-list.warn>[action]:has(input:checked) sh-icon:first-child,sh-list.warn>[action].active sh-icon:first-child,sh-list.warn>[action].selected sh-icon:first-child{color:var(--warn-8)}sh-list.error>[item]:has(input:checked) sh-icon:first-child,sh-list.error>[action]:has(input:checked) sh-icon:first-child,sh-list.error>[action].active sh-icon:first-child,sh-list.error>[action].selected sh-icon:first-child{color:var(--error-8)}sh-list.success>[item]:has(input:checked) sh-icon:first-child,sh-list.success>[action]:has(input:checked) sh-icon:first-child,sh-list.success>[action].active sh-icon:first-child,sh-list.success>[action].selected sh-icon:first-child{color:var(--success-8)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["sh-list{--list-s: var(--shape-2);--list-active-bg: var(--base-1);--list-color: var(--base-9);--list-active-bs: none;--list-item-b: 1px solid transparent;--list-item-active-b: 1px solid --list-active-bg;--list-p: 1.25rem 1rem;--list-item-p: .5rem .75rem;--list-item-gap: .5rem;width:100%;padding:var(--list-p);gap:.5rem;display:flex;flex-direction:column}sh-list.base-1{--list-active-bg: var(--base-1);--list-active-bs: var(--box-shadow-20)}sh-list.outlined{--list-active-bg: transparent;--list-active-bs: none;--list-item-b: 1px solid transparent;--list-item-active-b: 1px solid var(--primary-8)}sh-list.type-b{--list-p: 0;--list-item-p: .625rem .75rem;--list-item-gap: .75rem;--list-s: var(--shape-2)}sh-list.type-b>[action],sh-list.type-b>[item]{color:var(--base-10)}sh-list.type-b>[action].active,sh-list.type-b>[action].selected,sh-list.type-b>[item].active,sh-list.type-b>[item].selected{background:rgb(from var(--base-3) r g b/90%);color:var(--base-12)}sh-list.type-b>[action].active sh-icon:first-child,sh-list.type-b>[action].selected sh-icon:first-child,sh-list.type-b>[item].active sh-icon:first-child,sh-list.type-b>[item].selected sh-icon:first-child{color:var(--primary-8)}sh-list.type-b>[action].active .description,sh-list.type-b>[action].selected .description,sh-list.type-b>[item].active .description,sh-list.type-b>[item].selected .description{color:var(--base-9)}sh-list.type-b>[action] sh-icon:first-child,sh-list.type-b>[item] sh-icon:first-child{font-size:1.125rem;color:var(--base-7);transition:color .15s ease}sh-list.type-b>[action] .text-group,sh-list.type-b>[item] .text-group{display:flex;flex-direction:column;flex:1}sh-list.type-b>[action] .label,sh-list.type-b>[item] .label{font:var(--paragraph-30B)}sh-list.type-b>[action] .description,sh-list.type-b>[item] .description{font:var(--paragraph-40);color:var(--base-7);transition:color .15s ease}sh-list.type-b>[action] .shortcut,sh-list.type-b>[item] .shortcut{display:flex;gap:.25rem}sh-list.type-b>[action] .shortcut kbd,sh-list.type-b>[item] .shortcut kbd{font-family:inherit;background:rgb(from var(--base-3) r g b/80%);border:1px solid rgb(from var(--base-4) r g b/60%);color:var(--base-8);border-radius:var(--shape-1);padding:.125rem .375rem;font-size:.6875rem;line-height:1;box-shadow:0 1px #0000001a}sh-list:empty{padding:0}sh-list>[title]{color:var(--base-8);margin:0 .75rem;font:var(--paragraph-30);line-height:1.5rem}sh-list[shsortable] [item]:active{transform:scale(1)}sh-list>[action],sh-list>[item]{border-radius:var(--list-s);padding:var(--list-item-p);font:var(--paragraph-30B);color:var(--list-color);border:var(--list-item-b);display:flex;align-items:center;gap:var(--list-item-gap);width:100%;-webkit-user-select:none;user-select:none;appearance:none;border:0;text-align:left;text-wrap:balance;background-color:transparent;text-decoration:none;transition:transform 125ms linear,box-shadow 125ms linear;transform:scale(1)}sh-list>[action]:active,sh-list>[item]:active{--list-active-bs: var(--box-shadow-10);transform:scale(.98)}sh-list>[action]:focus,sh-list>[item]:focus{outline:none}sh-list>[action]:focus-visible,sh-list>[item]:focus-visible{outline:2px solid var(--primary-8);outline-offset:2px}sh-list>[action] [suffix],sh-list>[item] [suffix]{margin-left:auto;color:var(--base-8)}sh-list :has(input),sh-list>[action]{cursor:pointer}sh-list>[item]:has(input:checked),sh-list>[action]:has(input:checked),sh-list>[action].active,sh-list>[action].selected{--list-color: var(--base-12);background-color:var(--list-active-bg);box-shadow:var(--list-active-bs);border:var(--list-item-active-b)}sh-list.primary>[item]:has(input:checked) sh-icon:first-child,sh-list.primary>[action]:has(input:checked) sh-icon:first-child,sh-list.primary>[action].active sh-icon:first-child,sh-list.primary>[action].selected sh-icon:first-child{color:var(--primary-8)}sh-list.accent>[item]:has(input:checked) sh-icon:first-child,sh-list.accent>[action]:has(input:checked) sh-icon:first-child,sh-list.accent>[action].active sh-icon:first-child,sh-list.accent>[action].selected sh-icon:first-child{color:var(--accent-8)}sh-list.warn>[item]:has(input:checked) sh-icon:first-child,sh-list.warn>[action]:has(input:checked) sh-icon:first-child,sh-list.warn>[action].active sh-icon:first-child,sh-list.warn>[action].selected sh-icon:first-child{color:var(--warn-8)}sh-list.error>[item]:has(input:checked) sh-icon:first-child,sh-list.error>[action]:has(input:checked) sh-icon:first-child,sh-list.error>[action].active sh-icon:first-child,sh-list.error>[action].selected sh-icon:first-child{color:var(--error-8)}sh-list.success>[item]:has(input:checked) sh-icon:first-child,sh-list.success>[action]:has(input:checked) sh-icon:first-child,sh-list.success>[action].active sh-icon:first-child,sh-list.success>[action].selected sh-icon:first-child{color:var(--success-8)}\n"] }]
         }] });
 
 /**

package/fesm2022/ship-ui-core-ship-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ship-ui-core-ship-list.mjs","sources":["../../../projects/ship-ui/ship-list/ship-list.ts","../../../projects/ship-ui/ship-list/ship-ui-core-ship-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'sh-list',\n  styleUrl: './ship-list.scss',\n  encapsulation: ViewEncapsulation.None,\n  imports: [],\n  template: `\n    <ng-content />\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ShipList {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,QAAQ,CAAA;8GAAR,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EALT;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2kGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAGU,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAVpB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,iBAEJ,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,EAAE,EAAA,QAAA,EACD;;GAET,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,2kGAAA,CAAA,EAAA;;;ACVjD;;AAEG;;;;"}
+{"version":3,"file":"ship-ui-core-ship-list.mjs","sources":["../../../projects/ship-ui/ship-list/ship-list.ts","../../../projects/ship-ui/ship-list/ship-ui-core-ship-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'sh-list',\n  styleUrl: './ship-list.scss',\n  encapsulation: ViewEncapsulation.None,\n  imports: [],\n  template: `\n    <ng-content />\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ShipList {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,QAAQ,CAAA;8GAAR,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EALT;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wuJAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAGU,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAVpB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,iBAEJ,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,EAAE,EAAA,QAAA,EACD;;GAET,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,wuJAAA,CAAA,EAAA;;;ACVjD;;AAEG;;;;"}

package/fesm2022/ship-ui-core-ship-spotlight.mjs

@@ -0,0 +1,590 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, viewChild, input, model, output, computed, signal, effect, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, DOCUMENT, DestroyRef, Injectable } from '@angular/core';
+import { ShipIcon } from '@ship-ui/core/ship-icon';
+import { ShipList } from '@ship-ui/core/ship-list';
+import { ShipKbd } from '@ship-ui/core/ship-kbd';
+import { ShipDialogService } from '@ship-ui/core/ship-dialog';
+
+const SHIP_SPOTLIGHT_CONFIG = new InjectionToken('SHIP_SPOTLIGHT_CONFIG');
+function provideShipSpotlight(config) {
+    return {
+        provide: SHIP_SPOTLIGHT_CONFIG,
+        useValue: config,
+    };
+}
+class ShipSpotlight {
+    constructor() {
+        this.inputRef = viewChild('inputRef', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inputRef" }] : /* istanbul ignore next */ []));
+        this.resultsRef = viewChild('resultsRef', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resultsRef" }] : /* istanbul ignore next */ []));
+        // Input config passed from ShipDialogService
+        this.data = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ []));
+        // Standard inputs (fallback)
+        this.items = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        this.placeholder = input('Search actions, settings, or pages...', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        this.customFilter = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "customFilter" }] : /* istanbul ignore next */ []));
+        this.searchQuery = model('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "searchQuery" }] : /* istanbul ignore next */ []));
+        this.itemSelected = output();
+        this.closed = output();
+        // Merged config properties
+        this.mergedItems = computed(() => this.data()?.items ?? this.items(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mergedItems" }] : /* istanbul ignore next */ []));
+        this.mergedPlaceholder = computed(() => this.data()?.placeholder ?? this.placeholder(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mergedPlaceholder" }] : /* istanbul ignore next */ []));
+        this.mergedCustomFilter = computed(() => this.data()?.customFilter ?? this.customFilter(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mergedCustomFilter" }] : /* istanbul ignore next */ []));
+        this.activeOptionIndex = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeOptionIndex" }] : /* istanbul ignore next */ []));
+        // Computes the scored and filtered flat list of items
+        this.flatFilteredItems = computed(() => {
+            const query = this.searchQuery().toLowerCase().trim();
+            const allItems = this.mergedItems();
+            if (this.mergedCustomFilter() || !query) {
+                return allItems;
+            }
+            const scored = allItems
+                .map((item) => {
+                const labelScore = this.#calculateMatchScore(item.label.toLowerCase(), query);
+                const descScore = item.description ? this.#calculateMatchScore(item.description.toLowerCase(), query) : 0;
+                return { item, score: Math.max(labelScore, descScore) };
+            })
+                .filter((x) => x.score > 0)
+                .sort((a, b) => b.score - a.score);
+            return scored.map((x) => x.item);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "flatFilteredItems" }] : /* istanbul ignore next */ []));
+        // Groups flat list of items by category and precomputes flat indices
+        this.groupedFilteredItems = computed(() => {
+            const flat = this.flatFilteredItems();
+            const groups = [];
+            let currentFlatIndex = 0;
+            flat.forEach((item) => {
+                const cat = item.category || 'Actions';
+                let group = groups.find((g) => g.category === cat);
+                if (!group) {
+                    group = { category: cat, items: [] };
+                    groups.push(group);
+                }
+                group.items.push({ item, flatIndex: currentFlatIndex++ });
+            });
+            return groups;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "groupedFilteredItems" }] : /* istanbul ignore next */ []));
+        this.validateItemsEffect = effect(() => {
+            const items = this.mergedItems();
+            for (const item of items) {
+                if (item.shortcut) {
+                    this.#validateShortcut(item.shortcut);
+                }
+            }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "validateItemsEffect" }] : /* istanbul ignore next */ []));
+        // Sync initial search query if provided in dialog data
+        effect(() => {
+            const initialQuery = this.data()?.searchQuery;
+            if (initialQuery !== undefined) {
+                this.searchQuery.set(initialQuery);
+            }
+        });
+        // Auto-focus input when the view is initialized
+        effect(() => {
+            const inputEl = this.inputRef()?.nativeElement;
+            if (inputEl && typeof inputEl.focus === 'function') {
+                setTimeout(() => inputEl.focus(), 50);
+            }
+        });
+        // Scroll active item into view
+        effect(() => {
+            const index = this.activeOptionIndex();
+            if (index > -1) {
+                queueMicrotask(() => this.scrollToActiveItem());
+            }
+        });
+    }
+    onSearchInput(event) {
+        const val = event.target.value;
+        this.searchQuery.set(val);
+        this.activeOptionIndex.set(0);
+    }
+    clearSearch() {
+        this.searchQuery.set('');
+        const inputEl = this.inputRef()?.nativeElement;
+        if (inputEl) {
+            inputEl.value = '';
+            if (typeof inputEl.focus === 'function') {
+                inputEl.focus();
+            }
+        }
+        this.activeOptionIndex.set(0);
+    }
+    onKeyDown(event) {
+        // Check if the event matches any item shortcut
+        const allItems = this.mergedItems();
+        const shortcutMatch = allItems.find((item) => item.shortcut && this.#checkShortcutMatch(event, item.shortcut));
+        if (shortcutMatch) {
+            event.preventDefault();
+            event.stopPropagation();
+            // Delay selection to ensure the browser honors preventDefault before the DOM node is potentially destroyed
+            setTimeout(() => this.selectItem(shortcutMatch), 10);
+            return;
+        }
+        const flat = this.flatFilteredItems();
+        if (flat.length === 0)
+            return;
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            const nextIdx = (this.activeOptionIndex() + 1) % flat.length;
+            this.activeOptionIndex.set(nextIdx);
+        }
+        else if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            const prevIdx = (this.activeOptionIndex() - 1 + flat.length) % flat.length;
+            this.activeOptionIndex.set(prevIdx);
+        }
+        else if (event.key === 'Tab') {
+            event.preventDefault();
+            if (event.shiftKey) {
+                const prevIdx = (this.activeOptionIndex() - 1 + flat.length) % flat.length;
+                this.activeOptionIndex.set(prevIdx);
+            }
+            else {
+                const nextIdx = (this.activeOptionIndex() + 1) % flat.length;
+                this.activeOptionIndex.set(nextIdx);
+            }
+        }
+        else if (event.key === 'Enter') {
+            event.preventDefault();
+            const selected = flat[this.activeOptionIndex()];
+            if (selected) {
+                this.selectItem(selected);
+            }
+        }
+    }
+    selectItem(item) {
+        this.itemSelected.emit(item);
+        this.closed.emit();
+    }
+    scrollToActiveItem() {
+        const resultsEl = this.resultsRef()?.nativeElement;
+        if (!resultsEl)
+            return;
+        const activeEl = resultsEl.querySelector('[action].active');
+        if (activeEl && typeof activeEl.scrollIntoView === 'function') {
+            activeEl.scrollIntoView({ block: 'nearest' });
+        }
+    }
+    parseShortcutKeys(shortcut) {
+        if (!shortcut)
+            return [];
+        return shortcut.split('+').map((s) => s.trim().toLowerCase());
+    }
+    #validateShortcut(shortcut) {
+        const normalized = shortcut
+            .toLowerCase()
+            .split('+')
+            .map((k) => k.trim())
+            .join('+');
+        const reserved = [
+            'meta+n', 'ctrl+n',
+            'meta+t', 'ctrl+t',
+            'meta+w', 'ctrl+w',
+            'meta+q', 'ctrl+q',
+            'meta+r', 'ctrl+r',
+            'meta+l', 'ctrl+l',
+            'meta+shift+n', 'ctrl+shift+n',
+            'meta+shift+t', 'ctrl+shift+t',
+            'meta+shift+w', 'ctrl+shift+w',
+            'cmd+n', 'cmd+t', 'cmd+w', 'cmd+q', 'cmd+r', 'cmd+l',
+            'cmd+shift+n', 'cmd+shift+t', 'cmd+shift+w',
+        ];
+        if (reserved.includes(normalized)) {
+            throw new Error(`[ShipUI Error] The shortcut "${shortcut}" uses a reserved browser hotkey that cannot be reliably prevented (e.g. New Window, New Tab). Please choose a different shortcut.`);
+        }
+    }
+    #checkShortcutMatch(event, shortcut) {
+        if (!shortcut)
+            return false;
+        const keys = this.parseShortcutKeys(shortcut);
+        const needsMeta = keys.includes('meta') || keys.includes('cmd') || keys.includes('command');
+        const needsCtrl = keys.includes('ctrl') || keys.includes('control');
+        const needsAlt = keys.includes('alt') || keys.includes('option');
+        const needsShift = keys.includes('shift');
+        if (event.metaKey !== needsMeta)
+            return false;
+        if (event.ctrlKey !== needsCtrl)
+            return false;
+        if (event.altKey !== needsAlt)
+            return false;
+        if (event.shiftKey !== needsShift)
+            return false;
+        const mainKeys = keys.filter((k) => !['meta', 'cmd', 'command', 'ctrl', 'control', 'alt', 'option', 'shift'].includes(k));
+        if (mainKeys.length === 1) {
+            return event.key.toLowerCase() === mainKeys[0].toLowerCase();
+        }
+        return false;
+    }
+    #calculateMatchScore(option, input) {
+        if (!input)
+            return 0;
+        let score = 0;
+        let lastIndex = -1;
+        let matchCount = 0;
+        let inSequence = true;
+        for (let i = 0; i < input.length; i++) {
+            const char = input[i];
+            if (option.length > lastIndex + 1 && option[lastIndex + 1] === char) {
+                score += i === 0 ? 100 : 150;
+                lastIndex++;
+                matchCount++;
+            }
+            else {
+                const charIndex = option.indexOf(char, lastIndex + 1);
+                if (i > 0) {
+                    inSequence = false;
+                }
+                if (charIndex === -1) {
+                    return 0;
+                }
+                score += 100;
+                lastIndex = charIndex;
+                matchCount++;
+            }
+        }
+        if (inSequence && input.length === matchCount) {
+            score += 1000;
+        }
+        score += matchCount * 20;
+        return score;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipSpotlight, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: ShipSpotlight, isStandalone: true, selector: "sh-spotlight", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, customFilter: { classPropertyName: "customFilter", publicName: "customFilter", isSignal: true, isRequired: false, transformFunction: null }, searchQuery: { classPropertyName: "searchQuery", publicName: "searchQuery", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchQuery: "searchQueryChange", itemSelected: "itemSelected", closed: "closed" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, isSignal: true }, { propertyName: "resultsRef", first: true, predicate: ["resultsRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div class="sh-spotlight-container">
+      <div class="sh-spotlight-search-bar">
+        <sh-icon class="sh-spotlight-search-icon">magnifying-glass</sh-icon>
+        <input
+          #inputRef
+          type="text"
+          class="sh-spotlight-input"
+          [placeholder]="mergedPlaceholder()"
+          [value]="searchQuery()"
+          (input)="onSearchInput($event)"
+          (keydown)="onKeyDown($event)" />
+        @if (searchQuery()) {
+          <button class="sh-spotlight-clear-btn" (click)="clearSearch()">
+            <sh-icon>x-bold</sh-icon>
+          </button>
+        }
+      </div>
+
+      <div #resultsRef class="sh-spotlight-results">
+        @if (groupedFilteredItems().length > 0) {
+          @for (group of groupedFilteredItems(); track group.category) {
+            <div class="sh-spotlight-category">
+              <div class="sh-spotlight-category-title">{{ group.category }}</div>
+              <sh-list class="type-b">
+                @for (itemWithIdx of group.items; track itemWithIdx.item.id) {
+                  <button
+                    action
+                    type="button"
+                    [class.active]="itemWithIdx.flatIndex === activeOptionIndex()"
+                    (mouseenter)="activeOptionIndex.set(itemWithIdx.flatIndex)"
+                    (click)="selectItem(itemWithIdx.item)">
+                    @if (itemWithIdx.item.icon) {
+                      <sh-icon>{{ itemWithIdx.item.icon }}</sh-icon>
+                    }
+                    <div class="text-group">
+                      <span class="label">{{ itemWithIdx.item.label }}</span>
+                      @if (itemWithIdx.item.description) {
+                        <span class="description">{{ itemWithIdx.item.description }}</span>
+                      }
+                    </div>
+                    @if (itemWithIdx.item.shortcut) {
+                      <span class="shortcut">
+                        @for (key of parseShortcutKeys(itemWithIdx.item.shortcut); track key) {
+                          <sh-kbd
+                            [meta]="key === 'meta' || key === 'cmd' || key === 'command'"
+                            [shift]="key === 'shift'"
+                            [alt]="key === 'alt' || key === 'option'"
+                            [ctrl]="key === 'ctrl' || key === 'control'"
+                            [enter]="key === 'enter' || key === 'return'"
+                            [escape]="key === 'escape' || key === 'esc'"
+                            [backspace]="key === 'backspace'"
+                          >
+                            @if (!['meta', 'cmd', 'command', 'shift', 'alt', 'option', 'ctrl', 'control', 'enter', 'return', 'escape', 'esc', 'backspace'].includes(key)) {
+                              {{ key }}
+                            }
+                          </sh-kbd>
+                        }
+                      </span>
+                    }
+                  </button>
+                }
+              </sh-list>
+            </div>
+          }
+        } @else {
+          <div class="sh-spotlight-no-results">
+            <sh-icon class="sh-spotlight-no-results-icon">warning-octagon</sh-icon>
+            <span class="sh-spotlight-no-results-text">No results found for "{{ searchQuery() }}"</span>
+          </div>
+        }
+      </div>
+
+      <div class="sh-spotlight-footer">
+        <span class="sh-spotlight-footer-tip">
+          <sh-kbd>↓</sh-kbd> <sh-kbd>↑</sh-kbd>
+          to navigate
+        </span>
+        <span class="sh-spotlight-footer-tip">
+          <sh-kbd enter></sh-kbd>
+          to select
+        </span>
+        <span class="sh-spotlight-footer-tip">
+          <sh-kbd escape></sh-kbd>
+          to close
+        </span>
+      </div>
+    </div>
+  `, isInline: true, styles: ["sh-spotlight{display:block;width:100%}sh-spotlight .sh-spotlight-container{display:flex;flex-direction:column;width:100%;overflow:hidden}sh-spotlight .sh-spotlight-search-bar{display:flex;align-items:center;padding:1rem;border-bottom:1px solid rgb(from var(--base-4) r g b/30%);gap:.75rem}sh-spotlight .sh-spotlight-search-icon{font-size:1.25rem;color:var(--base-8)}sh-spotlight .sh-spotlight-input{flex:1;background:transparent;border:none;outline:none;font:var(--paragraph-20);color:var(--base-12)}sh-spotlight .sh-spotlight-input::placeholder{color:var(--base-7)}sh-spotlight .sh-spotlight-clear-btn{background:transparent;border:none;padding:.25rem;cursor:pointer;color:var(--base-7);display:flex;align-items:center;justify-content:center;border-radius:var(--shape-1)}sh-spotlight .sh-spotlight-clear-btn:hover{background:var(--base-3);color:var(--base-10)}sh-spotlight .sh-spotlight-clear-btn sh-icon{font-size:.875rem}sh-spotlight .sh-spotlight-results{max-height:21.875rem;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;outline:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto}sh-spotlight .sh-spotlight-category-title{font:var(--paragraph-40B);color:var(--base-7);padding:.5rem .75rem .25rem;text-transform:uppercase;letter-spacing:.0625rem}sh-spotlight .sh-spotlight-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.25rem;color:var(--base-7);gap:.75rem}sh-spotlight .sh-spotlight-no-results-icon{font-size:2rem;color:var(--base-6)}sh-spotlight .sh-spotlight-no-results-text{font:var(--paragraph-30)}sh-spotlight .sh-spotlight-footer{display:flex;align-items:center;padding:.75rem 1rem;background:rgb(from var(--base-1) r g b/90%);border-top:1px solid rgb(from var(--base-4) r g b/30%);gap:1rem;font-size:.6875rem;color:var(--base-7)}sh-spotlight .sh-spotlight-footer .sh-spotlight-footer-tip{display:flex;align-items:center;gap:.25rem}\n"], dependencies: [{ kind: "component", type: ShipIcon, selector: "sh-icon", inputs: ["color", "size"] }, { kind: "component", type: ShipList, selector: "sh-list" }, { kind: "component", type: ShipKbd, selector: "sh-kbd, [sh-kbd]", inputs: ["meta", "shift", "alt", "ctrl", "enter", "escape", "backspace"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipSpotlight, decorators: [{
+            type: Component,
+            args: [{ selector: 'sh-spotlight', encapsulation: ViewEncapsulation.None, imports: [ShipIcon, ShipList, ShipKbd], template: `
+    <div class="sh-spotlight-container">
+      <div class="sh-spotlight-search-bar">
+        <sh-icon class="sh-spotlight-search-icon">magnifying-glass</sh-icon>
+        <input
+          #inputRef
+          type="text"
+          class="sh-spotlight-input"
+          [placeholder]="mergedPlaceholder()"
+          [value]="searchQuery()"
+          (input)="onSearchInput($event)"
+          (keydown)="onKeyDown($event)" />
+        @if (searchQuery()) {
+          <button class="sh-spotlight-clear-btn" (click)="clearSearch()">
+            <sh-icon>x-bold</sh-icon>
+          </button>
+        }
+      </div>
+
+      <div #resultsRef class="sh-spotlight-results">
+        @if (groupedFilteredItems().length > 0) {
+          @for (group of groupedFilteredItems(); track group.category) {
+            <div class="sh-spotlight-category">
+              <div class="sh-spotlight-category-title">{{ group.category }}</div>
+              <sh-list class="type-b">
+                @for (itemWithIdx of group.items; track itemWithIdx.item.id) {
+                  <button
+                    action
+                    type="button"
+                    [class.active]="itemWithIdx.flatIndex === activeOptionIndex()"
+                    (mouseenter)="activeOptionIndex.set(itemWithIdx.flatIndex)"
+                    (click)="selectItem(itemWithIdx.item)">
+                    @if (itemWithIdx.item.icon) {
+                      <sh-icon>{{ itemWithIdx.item.icon }}</sh-icon>
+                    }
+                    <div class="text-group">
+                      <span class="label">{{ itemWithIdx.item.label }}</span>
+                      @if (itemWithIdx.item.description) {
+                        <span class="description">{{ itemWithIdx.item.description }}</span>
+                      }
+                    </div>
+                    @if (itemWithIdx.item.shortcut) {
+                      <span class="shortcut">
+                        @for (key of parseShortcutKeys(itemWithIdx.item.shortcut); track key) {
+                          <sh-kbd
+                            [meta]="key === 'meta' || key === 'cmd' || key === 'command'"
+                            [shift]="key === 'shift'"
+                            [alt]="key === 'alt' || key === 'option'"
+                            [ctrl]="key === 'ctrl' || key === 'control'"
+                            [enter]="key === 'enter' || key === 'return'"
+                            [escape]="key === 'escape' || key === 'esc'"
+                            [backspace]="key === 'backspace'"
+                          >
+                            @if (!['meta', 'cmd', 'command', 'shift', 'alt', 'option', 'ctrl', 'control', 'enter', 'return', 'escape', 'esc', 'backspace'].includes(key)) {
+                              {{ key }}
+                            }
+                          </sh-kbd>
+                        }
+                      </span>
+                    }
+                  </button>
+                }
+              </sh-list>
+            </div>
+          }
+        } @else {
+          <div class="sh-spotlight-no-results">
+            <sh-icon class="sh-spotlight-no-results-icon">warning-octagon</sh-icon>
+            <span class="sh-spotlight-no-results-text">No results found for "{{ searchQuery() }}"</span>
+          </div>
+        }
+      </div>
+
+      <div class="sh-spotlight-footer">
+        <span class="sh-spotlight-footer-tip">
+          <sh-kbd>↓</sh-kbd> <sh-kbd>↑</sh-kbd>
+          to navigate
+        </span>
+        <span class="sh-spotlight-footer-tip">
+          <sh-kbd enter></sh-kbd>
+          to select
+        </span>
+        <span class="sh-spotlight-footer-tip">
+          <sh-kbd escape></sh-kbd>
+          to close
+        </span>
+      </div>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["sh-spotlight{display:block;width:100%}sh-spotlight .sh-spotlight-container{display:flex;flex-direction:column;width:100%;overflow:hidden}sh-spotlight .sh-spotlight-search-bar{display:flex;align-items:center;padding:1rem;border-bottom:1px solid rgb(from var(--base-4) r g b/30%);gap:.75rem}sh-spotlight .sh-spotlight-search-icon{font-size:1.25rem;color:var(--base-8)}sh-spotlight .sh-spotlight-input{flex:1;background:transparent;border:none;outline:none;font:var(--paragraph-20);color:var(--base-12)}sh-spotlight .sh-spotlight-input::placeholder{color:var(--base-7)}sh-spotlight .sh-spotlight-clear-btn{background:transparent;border:none;padding:.25rem;cursor:pointer;color:var(--base-7);display:flex;align-items:center;justify-content:center;border-radius:var(--shape-1)}sh-spotlight .sh-spotlight-clear-btn:hover{background:var(--base-3);color:var(--base-10)}sh-spotlight .sh-spotlight-clear-btn sh-icon{font-size:.875rem}sh-spotlight .sh-spotlight-results{max-height:21.875rem;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;outline:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto}sh-spotlight .sh-spotlight-category-title{font:var(--paragraph-40B);color:var(--base-7);padding:.5rem .75rem .25rem;text-transform:uppercase;letter-spacing:.0625rem}sh-spotlight .sh-spotlight-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.25rem;color:var(--base-7);gap:.75rem}sh-spotlight .sh-spotlight-no-results-icon{font-size:2rem;color:var(--base-6)}sh-spotlight .sh-spotlight-no-results-text{font:var(--paragraph-30)}sh-spotlight .sh-spotlight-footer{display:flex;align-items:center;padding:.75rem 1rem;background:rgb(from var(--base-1) r g b/90%);border-top:1px solid rgb(from var(--base-4) r g b/30%);gap:1rem;font-size:.6875rem;color:var(--base-7)}sh-spotlight .sh-spotlight-footer .sh-spotlight-footer-tip{display:flex;align-items:center;gap:.25rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { inputRef: [{ type: i0.ViewChild, args: ['inputRef', { isSignal: true }] }], resultsRef: [{ type: i0.ViewChild, args: ['resultsRef', { isSignal: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], customFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "customFilter", required: false }] }], searchQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchQuery", required: false }] }, { type: i0.Output, args: ["searchQueryChange"] }], itemSelected: [{ type: i0.Output, args: ["itemSelected"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+
+class ShipSpotlightService {
+    #document;
+    #dialogService;
+    #config;
+    #nextId;
+    #registries;
+    #globalItemSelected;
+    #isShortcutsEnabled;
+    #aggregatedItems;
+    constructor() {
+        this.#document = inject(DOCUMENT);
+        this.#dialogService = inject(ShipDialogService);
+        this.#config = inject(SHIP_SPOTLIGHT_CONFIG, { optional: true });
+        this.#nextId = 0;
+        this.#registries = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#registries" }] : /* istanbul ignore next */ []));
+        this.#globalItemSelected = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#globalItemSelected" }] : /* istanbul ignore next */ []));
+        this.globalItemSelected = this.#globalItemSelected.asReadonly();
+        this.#isShortcutsEnabled = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#isShortcutsEnabled" }] : /* istanbul ignore next */ []));
+        this.isShortcutsEnabled = this.#isShortcutsEnabled.asReadonly();
+        this.#aggregatedItems = computed(() => {
+            const registries = this.#registries();
+            const defaults = this.#config?.defaultItems ?? [];
+            let aggregated = [...defaults];
+            for (const entry of registries) {
+                if (entry.overwrite) {
+                    aggregated = [...entry.items];
+                }
+                else {
+                    aggregated.push(...entry.items);
+                }
+            }
+            return aggregated;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#aggregatedItems" }] : /* istanbul ignore next */ []));
+        this.hasOverwriteItems = computed(() => this.#registries().some((r) => r.overwrite), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasOverwriteItems" }] : /* istanbul ignore next */ []));
+        this.#contextualRegistryId = null;
+        this.#globalShortcutListener = null;
+        this.#globalShortcutOptions = null;
+        if (this.#config?.enableShortcuts !== false) {
+            this.enableGlobalShortcuts();
+        }
+    }
+    registerItems(items, overwrite = false) {
+        const id = this.#nextId++;
+        this.#registries.update((regs) => [...regs, { id, items, overwrite }]);
+        const cleanup = () => {
+            this.#registries.update((regs) => regs.filter((r) => r.id !== id));
+        };
+        try {
+            const destroyRef = inject(DestroyRef);
+            destroyRef.onDestroy(cleanup);
+        }
+        catch {
+            // Ignore if not called in injection context
+        }
+        return cleanup;
+    }
+    #contextualRegistryId;
+    setContextualItems(items, overwrite = false) {
+        if (this.#contextualRegistryId !== null) {
+            const oldId = this.#contextualRegistryId;
+            this.#registries.update((regs) => regs.filter((r) => r.id !== oldId));
+        }
+        const id = this.#nextId++;
+        this.#contextualRegistryId = id;
+        this.#registries.update((regs) => [...regs, { id, items, overwrite }]);
+    }
+    clearContextualItems() {
+        if (this.#contextualRegistryId !== null) {
+            const oldId = this.#contextualRegistryId;
+            this.#registries.update((regs) => regs.filter((r) => r.id !== oldId));
+            this.#contextualRegistryId = null;
+        }
+    }
+    #globalShortcutListener;
+    #globalShortcutOptions;
+    enableGlobalShortcuts(options) {
+        if (this.#globalShortcutListener) {
+            this.disableGlobalShortcuts();
+        }
+        if (options) {
+            this.#globalShortcutOptions = options;
+        }
+        this.#isShortcutsEnabled.set(true);
+        this.#globalShortcutListener = (event) => {
+            if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k') {
+                event.preventDefault();
+                const instance = this.open(this.#globalShortcutOptions || undefined);
+                const sub = instance.itemSelected.subscribe((item) => {
+                    this.#globalItemSelected.set(item);
+                });
+                instance.closed.subscribe(() => sub.unsubscribe());
+            }
+        };
+        this.#document.addEventListener('keydown', this.#globalShortcutListener);
+    }
+    disableGlobalShortcuts() {
+        if (this.#globalShortcutListener) {
+            this.#document.removeEventListener('keydown', this.#globalShortcutListener);
+            this.#globalShortcutListener = null;
+        }
+        this.#isShortcutsEnabled.set(false);
+    }
+    open(options) {
+        const finalOptions = {
+            ...options,
+            items: options?.items ?? this.#aggregatedItems(),
+        };
+        const dialogRef = this.#dialogService.open(ShipSpotlight, {
+            data: finalOptions,
+            class: 'spotlight-dialog',
+            closeOnOutsideClick: true,
+            closeOnEsc: true,
+            width: '600px',
+            maxWidth: '90vw',
+        });
+        return {
+            close: () => dialogRef.close(),
+            itemSelected: dialogRef.component.itemSelected,
+            closed: dialogRef.closed,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipSpotlightService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipSpotlightService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipSpotlightService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SHIP_SPOTLIGHT_CONFIG, ShipSpotlight, ShipSpotlightService, provideShipSpotlight };
+//# sourceMappingURL=ship-ui-core-ship-spotlight.mjs.map

package/fesm2022/ship-ui-core-ship-spotlight.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ship-ui-core-ship-spotlight.mjs","sources":["../../../projects/ship-ui/ship-spotlight/ship-spotlight.ts","../../../projects/ship-ui/ship-spotlight/ship-spotlight.service.ts","../../../projects/ship-ui/ship-spotlight/ship-ui-core-ship-spotlight.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n  InjectionToken,\n  Provider,\n} from '@angular/core';\nimport { ShipIcon } from '@ship-ui/core/ship-icon';\nimport { ShipList } from '@ship-ui/core/ship-list';\nimport { ShipKbd } from '@ship-ui/core/ship-kbd';\n\nexport interface ShipSpotlightItem {\n  id: string;\n  label: string;\n  category?: string;\n  description?: string;\n  icon?: string;\n  shortcut?: string;\n  data?: any;\n}\n\nexport interface ShipSpotlightServiceOptions {\n  items?: ShipSpotlightItem[];\n  placeholder?: string;\n  shortcut?: string;\n  customFilter?: boolean;\n  searchQuery?: string;\n}\n\nexport interface ShipSpotlightConfig {\n  defaultItems?: ShipSpotlightItem[];\n  enableShortcuts?: boolean;\n}\n\nexport const SHIP_SPOTLIGHT_CONFIG = new InjectionToken<ShipSpotlightConfig>('SHIP_SPOTLIGHT_CONFIG');\n\nexport function provideShipSpotlight(config: ShipSpotlightConfig): Provider {\n  return {\n    provide: SHIP_SPOTLIGHT_CONFIG,\n    useValue: config,\n  };\n}\n\n@Component({\n  selector: 'sh-spotlight',\n  styleUrl: './ship-spotlight.scss',\n  encapsulation: ViewEncapsulation.None,\n  imports: [ShipIcon, ShipList, ShipKbd],\n  template: `\n    <div class=\"sh-spotlight-container\">\n      <div class=\"sh-spotlight-search-bar\">\n        <sh-icon class=\"sh-spotlight-search-icon\">magnifying-glass</sh-icon>\n        <input\n          #inputRef\n          type=\"text\"\n          class=\"sh-spotlight-input\"\n          [placeholder]=\"mergedPlaceholder()\"\n          [value]=\"searchQuery()\"\n          (input)=\"onSearchInput($event)\"\n          (keydown)=\"onKeyDown($event)\" />\n        @if (searchQuery()) {\n          <button class=\"sh-spotlight-clear-btn\" (click)=\"clearSearch()\">\n            <sh-icon>x-bold</sh-icon>\n          </button>\n        }\n      </div>\n\n      <div #resultsRef class=\"sh-spotlight-results\">\n        @if (groupedFilteredItems().length > 0) {\n          @for (group of groupedFilteredItems(); track group.category) {\n            <div class=\"sh-spotlight-category\">\n              <div class=\"sh-spotlight-category-title\">{{ group.category }}</div>\n              <sh-list class=\"type-b\">\n                @for (itemWithIdx of group.items; track itemWithIdx.item.id) {\n                  <button\n                    action\n                    type=\"button\"\n                    [class.active]=\"itemWithIdx.flatIndex === activeOptionIndex()\"\n                    (mouseenter)=\"activeOptionIndex.set(itemWithIdx.flatIndex)\"\n                    (click)=\"selectItem(itemWithIdx.item)\">\n                    @if (itemWithIdx.item.icon) {\n                      <sh-icon>{{ itemWithIdx.item.icon }}</sh-icon>\n                    }\n                    <div class=\"text-group\">\n                      <span class=\"label\">{{ itemWithIdx.item.label }}</span>\n                      @if (itemWithIdx.item.description) {\n                        <span class=\"description\">{{ itemWithIdx.item.description }}</span>\n                      }\n                    </div>\n                    @if (itemWithIdx.item.shortcut) {\n                      <span class=\"shortcut\">\n                        @for (key of parseShortcutKeys(itemWithIdx.item.shortcut); track key) {\n                          <sh-kbd\n                            [meta]=\"key === 'meta' || key === 'cmd' || key === 'command'\"\n                            [shift]=\"key === 'shift'\"\n                            [alt]=\"key === 'alt' || key === 'option'\"\n                            [ctrl]=\"key === 'ctrl' || key === 'control'\"\n                            [enter]=\"key === 'enter' || key === 'return'\"\n                            [escape]=\"key === 'escape' || key === 'esc'\"\n                            [backspace]=\"key === 'backspace'\"\n                          >\n                            @if (!['meta', 'cmd', 'command', 'shift', 'alt', 'option', 'ctrl', 'control', 'enter', 'return', 'escape', 'esc', 'backspace'].includes(key)) {\n                              {{ key }}\n                            }\n                          </sh-kbd>\n                        }\n                      </span>\n                    }\n                  </button>\n                }\n              </sh-list>\n            </div>\n          }\n        } @else {\n          <div class=\"sh-spotlight-no-results\">\n            <sh-icon class=\"sh-spotlight-no-results-icon\">warning-octagon</sh-icon>\n            <span class=\"sh-spotlight-no-results-text\">No results found for \"{{ searchQuery() }}\"</span>\n          </div>\n        }\n      </div>\n\n      <div class=\"sh-spotlight-footer\">\n        <span class=\"sh-spotlight-footer-tip\">\n          <sh-kbd>↓</sh-kbd> <sh-kbd>↑</sh-kbd>\n          to navigate\n        </span>\n        <span class=\"sh-spotlight-footer-tip\">\n          <sh-kbd enter></sh-kbd>\n          to select\n        </span>\n        <span class=\"sh-spotlight-footer-tip\">\n          <sh-kbd escape></sh-kbd>\n          to close\n        </span>\n      </div>\n    </div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ShipSpotlight {\n  inputRef = viewChild<ElementRef<HTMLInputElement>>('inputRef');\n  resultsRef = viewChild<ElementRef<HTMLDivElement>>('resultsRef');\n\n  // Input config passed from ShipDialogService\n  data = input<ShipSpotlightServiceOptions>();\n\n  // Standard inputs (fallback)\n  items = input<ShipSpotlightItem[]>([]);\n  placeholder = input<string>('Search actions, settings, or pages...');\n  customFilter = input<boolean>(false);\n  searchQuery = model<string>('');\n\n  itemSelected = output<ShipSpotlightItem>();\n  closed = output<void>();\n\n  // Merged config properties\n  mergedItems = computed(() => this.data()?.items ?? this.items());\n  mergedPlaceholder = computed(() => this.data()?.placeholder ?? this.placeholder());\n  mergedCustomFilter = computed(() => this.data()?.customFilter ?? this.customFilter());\n\n  activeOptionIndex = signal<number>(0);\n\n  // Computes the scored and filtered flat list of items\n  flatFilteredItems = computed(() => {\n    const query = this.searchQuery().toLowerCase().trim();\n    const allItems = this.mergedItems();\n\n    if (this.mergedCustomFilter() || !query) {\n      return allItems;\n    }\n\n    const scored = allItems\n      .map((item) => {\n        const labelScore = this.#calculateMatchScore(item.label.toLowerCase(), query);\n        const descScore = item.description ? this.#calculateMatchScore(item.description.toLowerCase(), query) : 0;\n        return { item, score: Math.max(labelScore, descScore) };\n      })\n      .filter((x) => x.score > 0)\n      .sort((a, b) => b.score - a.score);\n\n    return scored.map((x) => x.item);\n  });\n\n  // Groups flat list of items by category and precomputes flat indices\n  groupedFilteredItems = computed(() => {\n    const flat = this.flatFilteredItems();\n    const groups: { category: string; items: { item: ShipSpotlightItem; flatIndex: number }[] }[] = [];\n    let currentFlatIndex = 0;\n\n    flat.forEach((item) => {\n      const cat = item.category || 'Actions';\n      let group = groups.find((g) => g.category === cat);\n      if (!group) {\n        group = { category: cat, items: [] };\n        groups.push(group);\n      }\n      group.items.push({ item, flatIndex: currentFlatIndex++ });\n    });\n\n    return groups;\n  });\n\n  constructor() {\n    // Sync initial search query if provided in dialog data\n    effect(() => {\n      const initialQuery = this.data()?.searchQuery;\n      if (initialQuery !== undefined) {\n        this.searchQuery.set(initialQuery);\n      }\n    });\n\n    // Auto-focus input when the view is initialized\n    effect(() => {\n      const inputEl = this.inputRef()?.nativeElement;\n      if (inputEl && typeof inputEl.focus === 'function') {\n        setTimeout(() => inputEl.focus(), 50);\n      }\n    });\n\n    // Scroll active item into view\n    effect(() => {\n      const index = this.activeOptionIndex();\n      if (index > -1) {\n        queueMicrotask(() => this.scrollToActiveItem());\n      }\n    });\n  }\n\n  validateItemsEffect = effect(() => {\n    const items = this.mergedItems();\n    for (const item of items) {\n      if (item.shortcut) {\n        this.#validateShortcut(item.shortcut);\n      }\n    }\n  });\n\n  onSearchInput(event: Event) {\n    const val = (event.target as HTMLInputElement).value;\n    this.searchQuery.set(val);\n    this.activeOptionIndex.set(0);\n  }\n\n  clearSearch() {\n    this.searchQuery.set('');\n    const inputEl = this.inputRef()?.nativeElement;\n    if (inputEl) {\n      inputEl.value = '';\n      if (typeof inputEl.focus === 'function') {\n        inputEl.focus();\n      }\n    }\n    this.activeOptionIndex.set(0);\n  }\n\n  onKeyDown(event: KeyboardEvent) {\n    // Check if the event matches any item shortcut\n    const allItems = this.mergedItems();\n    const shortcutMatch = allItems.find((item) => item.shortcut && this.#checkShortcutMatch(event, item.shortcut));\n\n    if (shortcutMatch) {\n      event.preventDefault();\n      event.stopPropagation();\n      // Delay selection to ensure the browser honors preventDefault before the DOM node is potentially destroyed\n      setTimeout(() => this.selectItem(shortcutMatch), 10);\n      return;\n    }\n\n    const flat = this.flatFilteredItems();\n    if (flat.length === 0) return;\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      const nextIdx = (this.activeOptionIndex() + 1) % flat.length;\n      this.activeOptionIndex.set(nextIdx);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      const prevIdx = (this.activeOptionIndex() - 1 + flat.length) % flat.length;\n      this.activeOptionIndex.set(prevIdx);\n    } else if (event.key === 'Tab') {\n      event.preventDefault();\n      if (event.shiftKey) {\n        const prevIdx = (this.activeOptionIndex() - 1 + flat.length) % flat.length;\n        this.activeOptionIndex.set(prevIdx);\n      } else {\n        const nextIdx = (this.activeOptionIndex() + 1) % flat.length;\n        this.activeOptionIndex.set(nextIdx);\n      }\n    } else if (event.key === 'Enter') {\n      event.preventDefault();\n      const selected = flat[this.activeOptionIndex()];\n      if (selected) {\n        this.selectItem(selected);\n      }\n    }\n  }\n\n  selectItem(item: ShipSpotlightItem) {\n    this.itemSelected.emit(item);\n    this.closed.emit();\n  }\n\n  scrollToActiveItem() {\n    const resultsEl = this.resultsRef()?.nativeElement;\n    if (!resultsEl) return;\n\n    const activeEl = resultsEl.querySelector('[action].active') as HTMLElement;\n    if (activeEl && typeof activeEl.scrollIntoView === 'function') {\n      activeEl.scrollIntoView({ block: 'nearest' });\n    }\n  }\n\n  parseShortcutKeys(shortcut: string): string[] {\n    if (!shortcut) return [];\n    return shortcut.split('+').map((s) => s.trim().toLowerCase());\n  }\n\n  #validateShortcut(shortcut: string) {\n    const normalized = shortcut\n      .toLowerCase()\n      .split('+')\n      .map((k) => k.trim())\n      .join('+');\n\n    const reserved = [\n      'meta+n', 'ctrl+n',\n      'meta+t', 'ctrl+t',\n      'meta+w', 'ctrl+w',\n      'meta+q', 'ctrl+q',\n      'meta+r', 'ctrl+r',\n      'meta+l', 'ctrl+l',\n      'meta+shift+n', 'ctrl+shift+n',\n      'meta+shift+t', 'ctrl+shift+t',\n      'meta+shift+w', 'ctrl+shift+w',\n      'cmd+n', 'cmd+t', 'cmd+w', 'cmd+q', 'cmd+r', 'cmd+l',\n      'cmd+shift+n', 'cmd+shift+t', 'cmd+shift+w',\n    ];\n\n    if (reserved.includes(normalized)) {\n      throw new Error(\n        `[ShipUI Error] The shortcut \"${shortcut}\" uses a reserved browser hotkey that cannot be reliably prevented (e.g. New Window, New Tab). Please choose a different shortcut.`\n      );\n    }\n  }\n\n  #checkShortcutMatch(event: KeyboardEvent, shortcut: string): boolean {\n    if (!shortcut) return false;\n    const keys = this.parseShortcutKeys(shortcut);\n\n    const needsMeta = keys.includes('meta') || keys.includes('cmd') || keys.includes('command');\n    const needsCtrl = keys.includes('ctrl') || keys.includes('control');\n    const needsAlt = keys.includes('alt') || keys.includes('option');\n    const needsShift = keys.includes('shift');\n\n    if (event.metaKey !== needsMeta) return false;\n    if (event.ctrlKey !== needsCtrl) return false;\n    if (event.altKey !== needsAlt) return false;\n    if (event.shiftKey !== needsShift) return false;\n\n    const mainKeys = keys.filter(\n      (k) => !['meta', 'cmd', 'command', 'ctrl', 'control', 'alt', 'option', 'shift'].includes(k),\n    );\n\n    if (mainKeys.length === 1) {\n      return event.key.toLowerCase() === mainKeys[0].toLowerCase();\n    }\n\n    return false;\n  }\n\n  #calculateMatchScore(option: string, input: string): number {\n    if (!input) return 0;\n\n    let score = 0;\n    let lastIndex = -1;\n    let matchCount = 0;\n    let inSequence = true;\n\n    for (let i = 0; i < input.length; i++) {\n      const char = input[i];\n      if (option.length > lastIndex + 1 && option[lastIndex + 1] === char) {\n        score += i === 0 ? 100 : 150;\n        lastIndex++;\n        matchCount++;\n      } else {\n        const charIndex = option.indexOf(char, lastIndex + 1);\n\n        if (i > 0) {\n          inSequence = false;\n        }\n\n        if (charIndex === -1) {\n          return 0;\n        }\n\n        score += 100;\n        lastIndex = charIndex;\n        matchCount++;\n      }\n    }\n\n    if (inSequence && input.length === matchCount) {\n      score += 1000;\n    }\n\n    score += matchCount * 20;\n    return score;\n  }\n}\n","import { computed, DOCUMENT, inject, Injectable, OutputEmitterRef, signal, DestroyRef } from '@angular/core';\nimport { ShipDialogService } from '@ship-ui/core/ship-dialog';\nimport { ShipSpotlight, ShipSpotlightItem, ShipSpotlightServiceOptions, SHIP_SPOTLIGHT_CONFIG } from './ship-spotlight';\n\nexport interface ShipSpotlightInstance {\n  close: () => void;\n  itemSelected: OutputEmitterRef<ShipSpotlightItem>;\n  closed: OutputEmitterRef<any>;\n}\n\ninterface SpotlightItemRegistryEntry {\n  id: number;\n  items: ShipSpotlightItem[];\n  overwrite: boolean;\n}\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ShipSpotlightService {\n  #document = inject(DOCUMENT);\n  #dialogService = inject(ShipDialogService);\n  #config = inject(SHIP_SPOTLIGHT_CONFIG, { optional: true });\n\n  #nextId = 0;\n  #registries = signal<SpotlightItemRegistryEntry[]>([]);\n\n  #globalItemSelected = signal<ShipSpotlightItem | null>(null);\n  globalItemSelected = this.#globalItemSelected.asReadonly();\n\n  #isShortcutsEnabled = signal(false);\n  isShortcutsEnabled = this.#isShortcutsEnabled.asReadonly();\n\n  #aggregatedItems = computed(() => {\n    const registries = this.#registries();\n    const defaults = this.#config?.defaultItems ?? [];\n    let aggregated: ShipSpotlightItem[] = [...defaults];\n\n    for (const entry of registries) {\n      if (entry.overwrite) {\n        aggregated = [...entry.items];\n      } else {\n        aggregated.push(...entry.items);\n      }\n    }\n    return aggregated;\n  });\n\n  hasOverwriteItems = computed(() => this.#registries().some((r) => r.overwrite));\n\n  constructor() {\n    if (this.#config?.enableShortcuts !== false) {\n      this.enableGlobalShortcuts();\n    }\n  }\n\n  registerItems(items: ShipSpotlightItem[], overwrite = false): () => void {\n    const id = this.#nextId++;\n    this.#registries.update((regs) => [...regs, { id, items, overwrite }]);\n\n    const cleanup = () => {\n      this.#registries.update((regs) => regs.filter((r) => r.id !== id));\n    };\n\n    try {\n      const destroyRef = inject(DestroyRef);\n      destroyRef.onDestroy(cleanup);\n    } catch {\n      // Ignore if not called in injection context\n    }\n\n    return cleanup;\n  }\n\n  #contextualRegistryId: number | null = null;\n\n  setContextualItems(items: ShipSpotlightItem[], overwrite = false) {\n    if (this.#contextualRegistryId !== null) {\n      const oldId = this.#contextualRegistryId;\n      this.#registries.update((regs) => regs.filter((r) => r.id !== oldId));\n    }\n    const id = this.#nextId++;\n    this.#contextualRegistryId = id;\n    this.#registries.update((regs) => [...regs, { id, items, overwrite }]);\n  }\n\n  clearContextualItems() {\n    if (this.#contextualRegistryId !== null) {\n      const oldId = this.#contextualRegistryId;\n      this.#registries.update((regs) => regs.filter((r) => r.id !== oldId));\n      this.#contextualRegistryId = null;\n    }\n  }\n\n  #globalShortcutListener: ((event: KeyboardEvent) => void) | null = null;\n  #globalShortcutOptions: Partial<ShipSpotlightServiceOptions> | null = null;\n\n  enableGlobalShortcuts(options?: Partial<ShipSpotlightServiceOptions>): void {\n    if (this.#globalShortcutListener) {\n      this.disableGlobalShortcuts();\n    }\n    \n    if (options) {\n      this.#globalShortcutOptions = options;\n    }\n\n    this.#isShortcutsEnabled.set(true);\n\n    this.#globalShortcutListener = (event: KeyboardEvent) => {\n      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k') {\n        event.preventDefault();\n\n        const instance = this.open(this.#globalShortcutOptions || undefined);\n\n        const sub = instance.itemSelected.subscribe((item) => {\n          this.#globalItemSelected.set(item);\n        });\n\n        instance.closed.subscribe(() => sub.unsubscribe());\n      }\n    };\n\n    this.#document.addEventListener('keydown', this.#globalShortcutListener);\n  }\n\n  disableGlobalShortcuts(): void {\n    if (this.#globalShortcutListener) {\n      this.#document.removeEventListener('keydown', this.#globalShortcutListener);\n      this.#globalShortcutListener = null;\n    }\n    this.#isShortcutsEnabled.set(false);\n  }\n\n  open(options?: ShipSpotlightServiceOptions): ShipSpotlightInstance {\n    const finalOptions = {\n      ...options,\n      items: options?.items ?? this.#aggregatedItems(),\n    };\n\n    const dialogRef = this.#dialogService.open(ShipSpotlight, {\n      data: finalOptions,\n      class: 'spotlight-dialog',\n      closeOnOutsideClick: true,\n      closeOnEsc: true,\n      width: '600px',\n      maxWidth: '90vw',\n    });\n\n    return {\n      close: () => dialogRef.close(),\n      itemSelected: dialogRef.component.itemSelected,\n      closed: dialogRef.closed,\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ship-ui/core",
   "license": "MIT",
-  "version": "0.22.4",
+  "version": "0.22.5",
   "peerDependencies": {
     "@angular/common": ">=20",
     "@angular/core": ">=20",
@@ -142,6 +142,10 @@
       "types": "./types/ship-ui-core-ship-icon.d.ts",
       "default": "./fesm2022/ship-ui-core-ship-icon.mjs"
     },
+    "./ship-kbd": {
+      "types": "./types/ship-ui-core-ship-kbd.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-kbd.mjs"
+    },
     "./ship-list": {
       "types": "./types/ship-ui-core-ship-list.d.ts",
       "default": "./fesm2022/ship-ui-core-ship-list.mjs"
@@ -182,6 +186,10 @@
       "types": "./types/ship-ui-core-ship-spinner.d.ts",
       "default": "./fesm2022/ship-ui-core-ship-spinner.mjs"
     },
+    "./ship-spotlight": {
+      "types": "./types/ship-ui-core-ship-spotlight.d.ts",
+      "default": "./fesm2022/ship-ui-core-ship-spotlight.mjs"
+    },
     "./ship-stepper": {
       "types": "./types/ship-ui-core-ship-stepper.d.ts",
       "default": "./fesm2022/ship-ui-core-ship-stepper.mjs"

package/types/ship-ui-core-ship-kbd.d.ts

@@ -0,0 +1,19 @@
+import * as _angular_core from '@angular/core';
+
+declare class ShipKbd {
+    #private;
+    meta: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    shift: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    alt: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    ctrl: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    enter: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    escape: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    backspace: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    isMac: _angular_core.Signal<boolean>;
+    hasContent: _angular_core.Signal<boolean>;
+    displayKeys: _angular_core.Signal<string[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipKbd, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipKbd, "sh-kbd, [sh-kbd]", never, { "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "shift": { "alias": "shift"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "ctrl": { "alias": "ctrl"; "required": false; "isSignal": true; }; "enter": { "alias": "enter"; "required": false; "isSignal": true; }; "escape": { "alias": "escape"; "required": false; "isSignal": true; }; "backspace": { "alias": "backspace"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ShipKbd };

package/types/ship-ui-core-ship-spotlight.d.ts

@@ -0,0 +1,83 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, ElementRef, Provider, OutputEmitterRef } from '@angular/core';
+
+interface ShipSpotlightItem {
+    id: string;
+    label: string;
+    category?: string;
+    description?: string;
+    icon?: string;
+    shortcut?: string;
+    data?: any;
+}
+interface ShipSpotlightServiceOptions {
+    items?: ShipSpotlightItem[];
+    placeholder?: string;
+    shortcut?: string;
+    customFilter?: boolean;
+    searchQuery?: string;
+}
+interface ShipSpotlightConfig {
+    defaultItems?: ShipSpotlightItem[];
+    enableShortcuts?: boolean;
+}
+declare const SHIP_SPOTLIGHT_CONFIG: InjectionToken<ShipSpotlightConfig>;
+declare function provideShipSpotlight(config: ShipSpotlightConfig): Provider;
+declare class ShipSpotlight {
+    #private;
+    inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    resultsRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    data: _angular_core.InputSignal<ShipSpotlightServiceOptions | undefined>;
+    items: _angular_core.InputSignal<ShipSpotlightItem[]>;
+    placeholder: _angular_core.InputSignal<string>;
+    customFilter: _angular_core.InputSignal<boolean>;
+    searchQuery: _angular_core.ModelSignal<string>;
+    itemSelected: _angular_core.OutputEmitterRef<ShipSpotlightItem>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    mergedItems: _angular_core.Signal<ShipSpotlightItem[]>;
+    mergedPlaceholder: _angular_core.Signal<string>;
+    mergedCustomFilter: _angular_core.Signal<boolean>;
+    activeOptionIndex: _angular_core.WritableSignal<number>;
+    flatFilteredItems: _angular_core.Signal<ShipSpotlightItem[]>;
+    groupedFilteredItems: _angular_core.Signal<{
+        category: string;
+        items: {
+            item: ShipSpotlightItem;
+            flatIndex: number;
+        }[];
+    }[]>;
+    constructor();
+    validateItemsEffect: _angular_core.EffectRef;
+    onSearchInput(event: Event): void;
+    clearSearch(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    selectItem(item: ShipSpotlightItem): void;
+    scrollToActiveItem(): void;
+    parseShortcutKeys(shortcut: string): string[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipSpotlight, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipSpotlight, "sh-spotlight", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "customFilter": { "alias": "customFilter"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; }, { "searchQuery": "searchQueryChange"; "itemSelected": "itemSelected"; "closed": "closed"; }, never, never, true, never>;
+}
+
+interface ShipSpotlightInstance {
+    close: () => void;
+    itemSelected: OutputEmitterRef<ShipSpotlightItem>;
+    closed: OutputEmitterRef<any>;
+}
+declare class ShipSpotlightService {
+    #private;
+    globalItemSelected: _angular_core.Signal<ShipSpotlightItem | null>;
+    isShortcutsEnabled: _angular_core.Signal<boolean>;
+    hasOverwriteItems: _angular_core.Signal<boolean>;
+    constructor();
+    registerItems(items: ShipSpotlightItem[], overwrite?: boolean): () => void;
+    setContextualItems(items: ShipSpotlightItem[], overwrite?: boolean): void;
+    clearContextualItems(): void;
+    enableGlobalShortcuts(options?: Partial<ShipSpotlightServiceOptions>): void;
+    disableGlobalShortcuts(): void;
+    open(options?: ShipSpotlightServiceOptions): ShipSpotlightInstance;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipSpotlightService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ShipSpotlightService>;
+}
+
+export { SHIP_SPOTLIGHT_CONFIG, ShipSpotlight, ShipSpotlightService, provideShipSpotlight };
+export type { ShipSpotlightConfig, ShipSpotlightInstance, ShipSpotlightItem, ShipSpotlightServiceOptions };