orbiq-neural-ui-kit 1.2.37 → 1.2.38

package/fesm2022/orbiq-neural-ui-kit.mjs

@@ -4627,6 +4627,9 @@ class NeuralDropdownComponent {
                     <i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
                   }
                   {{ option.label }}
+                  @if (option.shortcut) {
+                    <span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
+                  }
                 </a>
               } @else {
                 <button
@@ -4640,6 +4643,9 @@ class NeuralDropdownComponent {
                     <i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
                   }
                   {{ option.label }}
+                  @if (option.shortcut) {
+                    <span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
+                  }
                 </button>
               }
             }
@@ -4717,6 +4723,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     <i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
                   }
                   {{ option.label }}
+                  @if (option.shortcut) {
+                    <span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
+                  }
                 </a>
               } @else {
                 <button
@@ -4730,6 +4739,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     <i [class]="option.icon" class="size-4 text-ink-gray-5"></i>
                   }
                   {{ option.label }}
+                  @if (option.shortcut) {
+                    <span class="ml-auto text-xs text-ink-gray-5 font-mono tracking-wider">{{ option.shortcut }}</span>
+                  }
                 </button>
               }
             }
@@ -14642,6 +14654,97 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], to: [{ type: i0.Input, args: [{ isSignal: true, alias: "to", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], children: [{ type: i0.Input, args: [{ isSignal: true, alias: "children", required: false }] }], hasPrefixSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPrefixSlot", required: false }] }], hasDefaultSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDefaultSlot", required: false }] }], hasSuffixSlot: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSuffixSlot", required: false }] }] } });
 
+class NeuralSidebarHeaderComponent {
+    title = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    subtitle = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "subtitle" }] : /* istanbul ignore next */ []));
+    appIcon = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "appIcon" }] : /* istanbul ignore next */ []));
+    iconClass = input('bg-blue-500 text-white', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "iconClass" }] : /* istanbul ignore next */ []));
+    menuOptions = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "menuOptions" }] : /* istanbul ignore next */ []));
+    sidebar = inject(NeuralSidebarComponent, { optional: true });
+    isCollapsed = computed(() => {
+        return this.sidebar ? this.sidebar.shouldCollapse() : false;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isCollapsed" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralSidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralSidebarHeaderComponent, isStandalone: true, selector: "neural-sidebar-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, appIcon: { classPropertyName: "appIcon", publicName: "appIcon", isSignal: true, isRequired: true, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: true, isRequired: false, transformFunction: null }, menuOptions: { classPropertyName: "menuOptions", publicName: "menuOptions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <neural-dropdown [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="8">
+      <div trigger
+        class="flex items-center gap-2 p-2 rounded-md transition-colors cursor-pointer"
+        [class]="isCollapsed() ? 'justify-center mx-auto w-10 h-10 hover:bg-surface-gray-2' : 'hover:bg-surface-gray-2 w-full mx-2'"
+        [attr.aria-label]="title()"
+        [title]="isCollapsed() ? title() : null"
+      >
+        <!-- App Icon -->
+        <div class="flex items-center justify-center shrink-0 size-8 rounded-md" [ngClass]="iconClass()">
+          <i [class]="appIcon()" class="size-4.5"></i>
+        </div>
+
+        <!-- Texts (Hidden when collapsed) -->
+        <div class="flex flex-col flex-1 min-w-0 transition-all duration-200"
+          [class]="isCollapsed() ? 'w-0 opacity-0 hidden' : 'opacity-100'"
+        >
+          <span class="text-[14px] font-medium text-ink-gray-9 truncate leading-tight">{{ title() }}</span>
+          @if (subtitle()) {
+            <span class="text-xs text-ink-gray-5 truncate leading-tight">{{ subtitle() }}</span>
+          }
+        </div>
+
+        <!-- Chevron (Hidden when collapsed) -->
+        <div class="shrink-0 transition-all duration-200"
+          [class]="isCollapsed() ? 'w-0 opacity-0 hidden' : 'opacity-100'"
+        >
+          <i class="lucide-chevron-down size-4 text-ink-gray-5"></i>
+        </div>
+      </div>
+    </neural-dropdown>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NeuralDropdownComponent, selector: "neural-dropdown", inputs: ["options", "side", "align", "offset", "buttonLabel", "hasTriggerSlot"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralSidebarHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'neural-sidebar-header',
+                    standalone: true,
+                    imports: [CommonModule, NeuralDropdownComponent],
+                    template: `
+    <neural-dropdown [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="8">
+      <div trigger
+        class="flex items-center gap-2 p-2 rounded-md transition-colors cursor-pointer"
+        [class]="isCollapsed() ? 'justify-center mx-auto w-10 h-10 hover:bg-surface-gray-2' : 'hover:bg-surface-gray-2 w-full mx-2'"
+        [attr.aria-label]="title()"
+        [title]="isCollapsed() ? title() : null"
+      >
+        <!-- App Icon -->
+        <div class="flex items-center justify-center shrink-0 size-8 rounded-md" [ngClass]="iconClass()">
+          <i [class]="appIcon()" class="size-4.5"></i>
+        </div>
+
+        <!-- Texts (Hidden when collapsed) -->
+        <div class="flex flex-col flex-1 min-w-0 transition-all duration-200"
+          [class]="isCollapsed() ? 'w-0 opacity-0 hidden' : 'opacity-100'"
+        >
+          <span class="text-[14px] font-medium text-ink-gray-9 truncate leading-tight">{{ title() }}</span>
+          @if (subtitle()) {
+            <span class="text-xs text-ink-gray-5 truncate leading-tight">{{ subtitle() }}</span>
+          }
+        </div>
+
+        <!-- Chevron (Hidden when collapsed) -->
+        <div class="shrink-0 transition-all duration-200"
+          [class]="isCollapsed() ? 'w-0 opacity-0 hidden' : 'opacity-100'"
+        >
+          <i class="lucide-chevron-down size-4 text-ink-gray-5"></i>
+        </div>
+      </div>
+    </neural-dropdown>
+  `
+                }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], appIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "appIcon", required: true }] }], iconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconClass", required: false }] }], menuOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuOptions", required: false }] }] } });
+
 // Note: TextEditor is deprecated in Frappe UI, but migrated for faithful parity.
 // For new projects, consider using the /editor module with RichTextKit.
 class NeuralTextEditorComponent {
@@ -15763,5 +15866,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NeuralAccordionComponent, NeuralAlertComponent, NeuralAvatarComponent, NeuralAwesomeBarComponent, NeuralAxisChartComponent, NeuralBadgeComponent, NeuralBottomSheetComponent, NeuralBreadcrumbsComponent, NeuralButtonComponent, NeuralCalendarComponent, NeuralCheckboxComponent, NeuralCodeEditorComponent, NeuralCodePreviewComponent, NeuralComboboxComponent, NeuralCommandPaletteComponent, NeuralContextMenuComponent, NeuralDataTableComponent, NeuralDatePickerComponent, NeuralDesktopShellComponent, NeuralDialogComponent, NeuralDividerComponent, NeuralDonutChartComponent, NeuralDrawerComponent, NeuralDropdownComponent, NeuralDurationComponent, NeuralEChartsComponent, NeuralEntityFormComponent, NeuralErrorMessageComponent, NeuralFileUploaderComponent, NeuralFilterBuilderComponent, NeuralFloatingWindowComponent, NeuralFooterComponent, NeuralFormControlComponent, NeuralFormLabelComponent, NeuralFunnelChartComponent, NeuralHoverCardComponent, NeuralIconComponent, NeuralInputDescriptionComponent, NeuralInputErrorComponent, NeuralInputLabelComponent, NeuralItemListRowComponent, NeuralKeyboardShortcutComponent, NeuralKeyboardShortcutsDialogComponent, NeuralLabelingWrapperComponent, NeuralListViewComponent, NeuralLoadingIndicatorComponent, NeuralLoadingTextComponent, NeuralMenuComponent, NeuralMobileNavComponent, NeuralMobileNavItemComponent, NeuralMobileShellComponent, NeuralMultiEmailInputComponent, NeuralMultiSelectComponent, NeuralNotificationCenterComponent, NeuralNumberChartComponent, NeuralPageHeaderComponent, NeuralPasswordComponent, NeuralPopoverComponent, NeuralPopoverContentDirective, NeuralPopoverPanelComponent, NeuralPopoverTriggerDirective, NeuralProgressComponent, NeuralRadioComponent, NeuralRadioGroupComponent, NeuralRailComponent, NeuralRailItemComponent, NeuralRatingComponent, NeuralRequiredIndicatorComponent, NeuralScrollAreaComponent, NeuralSearchTriggerComponent, NeuralSelectComponent, NeuralSettingsContentComponent, NeuralSettingsDialogComponent, NeuralSettingsNavItemComponent, NeuralSettingsPanelComponent, NeuralSettingsSidebarComponent, NeuralSidebarComponent, NeuralSidebarItemComponent, NeuralSkeletonComponent, NeuralSliderComponent, NeuralSpinnerComponent, NeuralSubGridComponent, NeuralSwitchComponent, NeuralTabComponent, NeuralTabPanelComponent, NeuralTabsComponent, NeuralTextEditorComponent, NeuralTextInputComponent, NeuralTextareaComponent, NeuralThemeSwitcherComponent, NeuralTimePickerComponent, NeuralToastComponent, NeuralTooltipComponent, NeuralTreeComponent, NeuralTreeItemComponent, RADIO_GROUP, TABS_ROOT, ToastService, formatDuration, parseDuration };
+export { NeuralAccordionComponent, NeuralAlertComponent, NeuralAvatarComponent, NeuralAwesomeBarComponent, NeuralAxisChartComponent, NeuralBadgeComponent, NeuralBottomSheetComponent, NeuralBreadcrumbsComponent, NeuralButtonComponent, NeuralCalendarComponent, NeuralCheckboxComponent, NeuralCodeEditorComponent, NeuralCodePreviewComponent, NeuralComboboxComponent, NeuralCommandPaletteComponent, NeuralContextMenuComponent, NeuralDataTableComponent, NeuralDatePickerComponent, NeuralDesktopShellComponent, NeuralDialogComponent, NeuralDividerComponent, NeuralDonutChartComponent, NeuralDrawerComponent, NeuralDropdownComponent, NeuralDurationComponent, NeuralEChartsComponent, NeuralEntityFormComponent, NeuralErrorMessageComponent, NeuralFileUploaderComponent, NeuralFilterBuilderComponent, NeuralFloatingWindowComponent, NeuralFooterComponent, NeuralFormControlComponent, NeuralFormLabelComponent, NeuralFunnelChartComponent, NeuralHoverCardComponent, NeuralIconComponent, NeuralInputDescriptionComponent, NeuralInputErrorComponent, NeuralInputLabelComponent, NeuralItemListRowComponent, NeuralKeyboardShortcutComponent, NeuralKeyboardShortcutsDialogComponent, NeuralLabelingWrapperComponent, NeuralListViewComponent, NeuralLoadingIndicatorComponent, NeuralLoadingTextComponent, NeuralMenuComponent, NeuralMobileNavComponent, NeuralMobileNavItemComponent, NeuralMobileShellComponent, NeuralMultiEmailInputComponent, NeuralMultiSelectComponent, NeuralNotificationCenterComponent, NeuralNumberChartComponent, NeuralPageHeaderComponent, NeuralPasswordComponent, NeuralPopoverComponent, NeuralPopoverContentDirective, NeuralPopoverPanelComponent, NeuralPopoverTriggerDirective, NeuralProgressComponent, NeuralRadioComponent, NeuralRadioGroupComponent, NeuralRailComponent, NeuralRailItemComponent, NeuralRatingComponent, NeuralRequiredIndicatorComponent, NeuralScrollAreaComponent, NeuralSearchTriggerComponent, NeuralSelectComponent, NeuralSettingsContentComponent, NeuralSettingsDialogComponent, NeuralSettingsNavItemComponent, NeuralSettingsPanelComponent, NeuralSettingsSidebarComponent, NeuralSidebarComponent, NeuralSidebarHeaderComponent, NeuralSidebarItemComponent, NeuralSkeletonComponent, NeuralSliderComponent, NeuralSpinnerComponent, NeuralSubGridComponent, NeuralSwitchComponent, NeuralTabComponent, NeuralTabPanelComponent, NeuralTabsComponent, NeuralTextEditorComponent, NeuralTextInputComponent, NeuralTextareaComponent, NeuralThemeSwitcherComponent, NeuralTimePickerComponent, NeuralToastComponent, NeuralTooltipComponent, NeuralTreeComponent, NeuralTreeItemComponent, RADIO_GROUP, TABS_ROOT, ToastService, formatDuration, parseDuration };
 //# sourceMappingURL=orbiq-neural-ui-kit.mjs.map