@loomweaver/shell 0.7.3 → 0.7.5

package/fesm2022/loomweaver-shell.mjs

@@ -12,7 +12,7 @@ import { filter, map, of, catchError, forkJoin } from 'rxjs';
 import { DomSanitizer } from '@angular/platform-browser';
 import { WindowMessenger, connect } from 'penpal';
 import DOMPurify from 'dompurify';
-import { heroMinus, heroArrowsPointingIn, heroArrowTopRightOnSquare, heroArrowsPointingOut, heroArrowDownTray, heroPuzzlePiece, heroMagnifyingGlass, heroQuestionMarkCircle, heroCog6Tooth, heroXCircle, heroExclamationTriangle, heroCheck, heroLockClosed, heroInformationCircle, heroArrowUturnLeft, heroArrowPath, heroArrowsUpDown, heroEye, heroTrash, heroPencilSquare, heroPlus, heroListBullet, heroBars3, heroDocument, heroRectangleGroup, heroXMark, heroChevronDown, heroChevronDoubleRight, heroChevronDoubleLeft, heroComputerDesktop, heroMoon, heroSun } from '@ng-icons/heroicons/outline';
+import { heroMinus, heroArrowsPointingIn, heroArrowTopRightOnSquare, heroArrowsPointingOut, heroArrowDownTray, heroPuzzlePiece, heroMagnifyingGlass, heroQuestionMarkCircle, heroCog6Tooth, heroXCircle, heroExclamationTriangle, heroCheck, heroLockClosed, heroInformationCircle, heroArrowUturnLeft, heroArrowPath, heroArrowsUpDown, heroEye, heroTrash, heroPencilSquare, heroPlus, heroListBullet, heroBars3, heroViewColumns, heroDocument, heroRectangleGroup, heroXMark, heroChevronDown, heroChevronDoubleRight, heroChevronDoubleLeft, heroComputerDesktop, heroMoon, heroSun } from '@ng-icons/heroicons/outline';
 import { HttpClient, provideHttpClient } from '@angular/common/http';
 import { SwUpdate, provideServiceWorker } from '@angular/service-worker';
 import { marked } from 'marked';
@@ -7854,6 +7854,7 @@ const LOOM_ICONS = {
     workspaces: heroRectangleGroup,
     menu: heroBars3,
     document: heroDocument,
+    openWork: heroViewColumns,
     navigator: heroBars3,
     outline: heroListBullet,
     add: heroPlus,
@@ -11266,7 +11267,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
 // GENERATED — do not edit by hand.
 // Written by tools/stamp-version.mjs from <Version> in Directory.Build.props.
 // Single source of truth: Directory.Build.props (bump via scripts/bump-version.sh).
-const APP_VERSION = '0.7.3';
+const APP_VERSION = '0.7.5';
 
 /**
  * The running build's version, sourced from `<Version>` in Directory.Build.props
@@ -14139,7 +14140,7 @@ function seedHostCommands(registry, layout, deps) {
     registry.addCommand({
         id: QUICK_OPEN_COMMAND_ID,
         title: 'palette.quickOpenTitle',
-        icon: 'document',
+        icon: 'openWork',
         shortcut: 'mod+p',
         run: () => {
             dialogs.open(CommandPalette, {
@@ -15071,20 +15072,44 @@ function provideShellRouter(extraRoutes = []) {
     ];
 }
 
-class CommandPaletteEntry {
+class SearchEntry {
+    commandId = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "commandId" }] : /* istanbul ignore next */ []));
+    testId = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "testId" }] : /* istanbul ignore next */ []));
     commands = inject(CommandService);
     compact = inject(BAR_CONTEXT, { optional: true })?.dock === 'bottom';
-    shortcut = computed(() => this.commands.shortcutOf(this.commands.commands().find((entry) => entry.id === PALETTE_COMMAND_ID)), /* @ts-ignore */
+    command = computed(() => {
+        const id = this.commandId();
+        const command = this.commands.commands().find((entry) => entry.id === id);
+        return command && this.commands.available(command) ? command : undefined;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "command" }] : /* istanbul ignore next */ []));
+    shortcut = computed(() => this.commands.shortcutOf(this.command()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "shortcut" }] : /* istanbul ignore next */ []));
     open() {
-        this.commands.execute(PALETTE_COMMAND_ID);
+        this.commands.execute(this.commandId());
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: SearchEntry, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: SearchEntry, isStandalone: true, selector: "lw-search-entry", inputs: { commandId: { classPropertyName: "commandId", publicName: "commandId", isSignal: true, isRequired: true, transformFunction: null }, testId: { classPropertyName: "testId", publicName: "testId", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (command(); as entry) {\n  <button\n    type=\"button\"\n    (click)=\"open()\"\n    [attr.data-testid]=\"testId()\"\n    [class]=\"compact ? 'flex items-center rounded px-1.5 py-0.5 text-content-faint transition-colors hover:bg-surface-overlay hover:text-content' : 'lw-segmented'\"\n    [attr.aria-label]=\"entry.title | transloco\"\n  >\n    <span\n      [class]=\"compact ? 'relative flex items-center gap-1' : 'lw-segmented-item w-auto gap-2 px-1.5'\"\n    >\n      @if (entry.icon; as icon) {\n        <lw-icon [name]=\"icon\" size=\"1rem\" />\n      }\n      @if (shortcut(); as chord) {\n        <kbd class=\"text-[0.6875rem] leading-tight text-content-faint\">{{ chord }}</kbd>\n      }\n      <lw-tooltip\n        [text]=\"entry.title | transloco\"\n        [position]=\"compact ? 'top' : 'bottom'\"\n      />\n    </span>\n  </button>\n}\n", dependencies: [{ kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: SearchEntry, decorators: [{
+            type: Component,
+            args: [{ selector: 'lw-search-entry', imports: [TranslocoPipe], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (command(); as entry) {\n  <button\n    type=\"button\"\n    (click)=\"open()\"\n    [attr.data-testid]=\"testId()\"\n    [class]=\"compact ? 'flex items-center rounded px-1.5 py-0.5 text-content-faint transition-colors hover:bg-surface-overlay hover:text-content' : 'lw-segmented'\"\n    [attr.aria-label]=\"entry.title | transloco\"\n  >\n    <span\n      [class]=\"compact ? 'relative flex items-center gap-1' : 'lw-segmented-item w-auto gap-2 px-1.5'\"\n    >\n      @if (entry.icon; as icon) {\n        <lw-icon [name]=\"icon\" size=\"1rem\" />\n      }\n      @if (shortcut(); as chord) {\n        <kbd class=\"text-[0.6875rem] leading-tight text-content-faint\">{{ chord }}</kbd>\n      }\n      <lw-tooltip\n        [text]=\"entry.title | transloco\"\n        [position]=\"compact ? 'top' : 'bottom'\"\n      />\n    </span>\n  </button>\n}\n" }]
+        }], propDecorators: { commandId: [{ type: i0.Input, args: [{ isSignal: true, alias: "commandId", required: true }] }], testId: [{ type: i0.Input, args: [{ isSignal: true, alias: "testId", required: true }] }] } });
+
+class CommandPaletteEntry {
+    commandId = PALETTE_COMMAND_ID;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: CommandPaletteEntry, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: CommandPaletteEntry, isStandalone: true, selector: "lw-command-palette-entry", ngImport: i0, template: "<button\n  type=\"button\"\n  (click)=\"open()\"\n  data-testid=\"command-palette-entry\"\n  [class]=\"compact ? 'flex items-center rounded px-1.5 py-0.5 text-content-faint transition-colors hover:bg-surface-overlay hover:text-content' : 'lw-segmented'\"\n  [attr.aria-label]=\"'palette.title' | transloco\"\n>\n  <span\n    [class]=\"compact ? 'relative flex items-center gap-1' : 'lw-segmented-item w-auto gap-2 px-1.5'\"\n  >\n    <lw-icon name=\"search\" size=\"1rem\" />\n    @if (shortcut(); as chord) {\n      <kbd class=\"text-[0.6875rem] leading-tight text-content-faint\">{{ chord }}</kbd>\n    }\n    <lw-tooltip\n      [text]=\"'palette.title' | transloco\"\n      [position]=\"compact ? 'top' : 'bottom'\"\n    />\n  </span>\n</button>\n", dependencies: [{ kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: CommandPaletteEntry, isStandalone: true, selector: "lw-command-palette-entry", ngImport: i0, template: '<lw-search-entry [commandId]="commandId" testId="command-palette-entry" />', isInline: true, dependencies: [{ kind: "component", type: SearchEntry, selector: "lw-search-entry", inputs: ["commandId", "testId"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: CommandPaletteEntry, decorators: [{
             type: Component,
-            args: [{ selector: 'lw-command-palette-entry', imports: [TranslocoPipe], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<button\n  type=\"button\"\n  (click)=\"open()\"\n  data-testid=\"command-palette-entry\"\n  [class]=\"compact ? 'flex items-center rounded px-1.5 py-0.5 text-content-faint transition-colors hover:bg-surface-overlay hover:text-content' : 'lw-segmented'\"\n  [attr.aria-label]=\"'palette.title' | transloco\"\n>\n  <span\n    [class]=\"compact ? 'relative flex items-center gap-1' : 'lw-segmented-item w-auto gap-2 px-1.5'\"\n  >\n    <lw-icon name=\"search\" size=\"1rem\" />\n    @if (shortcut(); as chord) {\n      <kbd class=\"text-[0.6875rem] leading-tight text-content-faint\">{{ chord }}</kbd>\n    }\n    <lw-tooltip\n      [text]=\"'palette.title' | transloco\"\n      [position]=\"compact ? 'top' : 'bottom'\"\n    />\n  </span>\n</button>\n" }]
+            args: [{
+                    selector: 'lw-command-palette-entry',
+                    imports: [SearchEntry],
+                    template: '<lw-search-entry [commandId]="commandId" testId="command-palette-entry" />',
+                }]
         }] });
 
 /**
@@ -15093,6 +15118,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
  * without a distribution component. Opt-in: omit it for a palette that opens only by shortcut. Uses the
  * `shell.commandPaletteEntry` bar-item id, so `provideShell({ omit: ['shell.commandPaletteEntry'] })`
  * removes it.
+ *
+ * The badge never outlives what it opens: omitting `shell.commandPalette`, or a session that may not
+ * run it, takes the badge with it rather than leaving a control that does nothing. Switching
+ * shortcuts off is the exception — the badge stays and still opens the palette, it simply names no
+ * chord. Independent of {@link provideQuickOpenEntry}, which places the entry to the search over
+ * open work.
  */
 function provideCommandPaletteEntry(options = {}) {
     return makeEnvironmentProviders(provideBarItems({
@@ -15104,6 +15135,43 @@ function provideCommandPaletteEntry(options = {}) {
     }));
 }
 
+class QuickOpenEntry {
+    commandId = QUICK_OPEN_COMMAND_ID;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: QuickOpenEntry, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: QuickOpenEntry, isStandalone: true, selector: "lw-quick-open-entry", ngImport: i0, template: '<lw-search-entry [commandId]="commandId" testId="quick-open-entry" />', isInline: true, dependencies: [{ kind: "component", type: SearchEntry, selector: "lw-search-entry", inputs: ["commandId", "testId"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: QuickOpenEntry, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lw-quick-open-entry',
+                    imports: [SearchEntry],
+                    template: '<lw-search-entry [commandId]="commandId" testId="quick-open-entry" />',
+                }]
+        }] });
+
+/**
+ * Places a built quick-open entry in a Bar — a badge-styled affordance (icon + the OS-correct
+ * shortcut) that opens `shell.quickOpen`, the search over open work. Opt-in: omit it for a search
+ * that opens only by shortcut. Uses the `shell.quickOpenEntry` bar-item id, so
+ * `provideShell({ omit: ['shell.quickOpenEntry'] })` removes it.
+ *
+ * The badge never outlives what it opens: omitting `shell.quickOpen`, or a session that may not run
+ * it, takes the badge with it rather than leaving a control that does nothing. A pop-out window is
+ * the same case — it offers no search over open work, so the badge is absent there. Switching
+ * shortcuts off is the exception: the badge stays and still opens the search, it simply names no
+ * chord. Independent of {@link provideCommandPaletteEntry}, so a product may place either, both or
+ * neither.
+ */
+function provideQuickOpenEntry(options = {}) {
+    return makeEnvironmentProviders(provideBarItems({
+        id: 'shell.quickOpenEntry',
+        bar: options.bar ?? 'status-bar',
+        slot: options.slot ?? 'start',
+        order: options.order ?? 5,
+        component: QuickOpenEntry,
+    }));
+}
+
 class SurfaceRevealService {
     paneTree = inject(PaneTreeService);
     tabs = inject(ContentTabsService);
@@ -17012,5 +17080,5 @@ function provideIcons(icons) {
  * Generated bundle index. Do not edit.
  */
 
-export { AUTH_SOURCE, AuthContext, BAR_ITEM, CAPABILITY_GRANTS, COMMAND_INVOKER, CapabilityGrantService, CommandInvocationService, CommandService, ContentTabsService, ContributionRegistry, DEFAULT_LAYOUT, DEFAULT_SHELL_FEATURES, DEVICE_LEVEL_KEYS, DialogOutlet, DialogService, FRAME_PLUGIN, FramePluginRuntime, KeybindingService, LW_BUTTON_TAG, LW_ICON_TAG, LW_MARKDOWN_TAG, LW_TOOLTIP_TAG, LocalStorageStore, LwButton, LwButtonElement, LwIconElement, LwMarkdownElement, LwSettingRow, LwSpinner, LwTooltipElement, LwVersion, NotificationService, PLUGIN, PLUGIN_CATALOG, PluginEnablementService, PluginInstallService, PluginRuntime, PopoutService, RAIL_ITEM, SETTINGS_STORE, SHELL_FEATURES, SHELL_LAYOUT, SettingsService, Shell, StateSyncService, TRANSLATION_NAMESPACES, TRANSLATION_OVERRIDES, ThemeService, ToastOutlet, UpdateBadge, UpdateService, VIEW, VersionService, WORKING_STATE_STORE, WORKSPACE_DEFINITIONS, defineLwButton, defineLwIcon, defineLwMarkdown, defineLwTooltip, effectiveCapabilities, formatChord, provideAuthSource, provideBarItems, provideCapabilityGrants, provideCommandPaletteEntry, provideFramePlugins, provideIcons, provideIdentityScopedStores, provideLayout, providePluginCatalog, providePlugins, provideRailItems, provideSettingsStore, provideShell, provideShellFeatures, provideShellRouter, provideTabAddressResolver, provideTranslationNamespaces, provideTranslationOverrides, provideUnauthorizedRedirect, provideViews, provideWorkingStateStore, provideWorkspaces, urlPluginCatalog };
+export { AUTH_SOURCE, AuthContext, BAR_ITEM, CAPABILITY_GRANTS, COMMAND_INVOKER, CapabilityGrantService, CommandInvocationService, CommandService, ContentTabsService, ContributionRegistry, DEFAULT_LAYOUT, DEFAULT_SHELL_FEATURES, DEVICE_LEVEL_KEYS, DialogOutlet, DialogService, FRAME_PLUGIN, FramePluginRuntime, KeybindingService, LW_BUTTON_TAG, LW_ICON_TAG, LW_MARKDOWN_TAG, LW_TOOLTIP_TAG, LocalStorageStore, LwButton, LwButtonElement, LwIconElement, LwMarkdownElement, LwSettingRow, LwSpinner, LwTooltipElement, LwVersion, NotificationService, PLUGIN, PLUGIN_CATALOG, PluginEnablementService, PluginInstallService, PluginRuntime, PopoutService, RAIL_ITEM, SETTINGS_STORE, SHELL_FEATURES, SHELL_LAYOUT, SettingsService, Shell, StateSyncService, TRANSLATION_NAMESPACES, TRANSLATION_OVERRIDES, ThemeService, ToastOutlet, UpdateBadge, UpdateService, VIEW, VersionService, WORKING_STATE_STORE, WORKSPACE_DEFINITIONS, defineLwButton, defineLwIcon, defineLwMarkdown, defineLwTooltip, effectiveCapabilities, formatChord, provideAuthSource, provideBarItems, provideCapabilityGrants, provideCommandPaletteEntry, provideFramePlugins, provideIcons, provideIdentityScopedStores, provideLayout, providePluginCatalog, providePlugins, provideQuickOpenEntry, provideRailItems, provideSettingsStore, provideShell, provideShellFeatures, provideShellRouter, provideTabAddressResolver, provideTranslationNamespaces, provideTranslationOverrides, provideUnauthorizedRedirect, provideViews, provideWorkingStateStore, provideWorkspaces, urlPluginCatalog };
 //# sourceMappingURL=loomweaver-shell.mjs.map