orbiq-neural-ui-kit 1.2.60 → 1.2.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -14697,28 +14697,28 @@ class NeuralSidebarHeaderComponent {
|
|
|
14697
14697
|
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 } }, host: { classAttribute: "block w-full" }, ngImport: i0, template: `
|
|
14698
14698
|
<neural-dropdown class="block w-full" [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="4" triggerClass="block mx-2" (openChange)="isOpen = $event">
|
|
14699
14699
|
<div trigger
|
|
14700
|
-
class="flex items-center
|
|
14700
|
+
class="flex items-center h-10 px-1.5 rounded-6 transition-all duration-300 ease-in-out cursor-pointer overflow-hidden"
|
|
14701
14701
|
[ngClass]="isOpen && !isCollapsed() ? 'bg-surface-elevation-2 shadow-sm ring-1 ring-black/5' : 'hover:bg-surface-gray-2'"
|
|
14702
14702
|
[attr.aria-label]="title()"
|
|
14703
14703
|
[title]="isCollapsed() ? title() : null"
|
|
14704
14704
|
>
|
|
14705
|
-
<!-- App Icon Container -->
|
|
14706
|
-
<div class="flex-none flex items-center justify-center size-
|
|
14705
|
+
<!-- App Icon Container (32px wide, centers icon exactly) -->
|
|
14706
|
+
<div class="flex-none flex items-center justify-center size-8 rounded-[10px] shrink-0" [ngClass]="iconClass()">
|
|
14707
14707
|
<i [class]="appIcon()" class="size-4.5"></i>
|
|
14708
14708
|
</div>
|
|
14709
14709
|
|
|
14710
|
-
<!-- Texts -->
|
|
14711
|
-
<div class="flex flex-col flex-1 min-w-0 pl-
|
|
14710
|
+
<!-- Texts (Shrinks naturally with flex-1) -->
|
|
14711
|
+
<div class="flex flex-col flex-1 min-w-0 pl-2 transition-opacity duration-300 ease-in-out"
|
|
14712
14712
|
[class.opacity-0]="isCollapsed()"
|
|
14713
14713
|
>
|
|
14714
|
-
<span class="text-[14px] font-medium text-ink-gray-9 truncate
|
|
14714
|
+
<span class="text-[14px] font-medium text-ink-gray-9 truncate">{{ title() }}</span>
|
|
14715
14715
|
@if (subtitle()) {
|
|
14716
|
-
<span class="text-xs text-ink-gray-5 truncate
|
|
14716
|
+
<span class="text-xs text-ink-gray-5 truncate">{{ subtitle() }}</span>
|
|
14717
14717
|
}
|
|
14718
14718
|
</div>
|
|
14719
14719
|
|
|
14720
14720
|
<!-- Chevron -->
|
|
14721
|
-
<div class="flex-none flex items-center justify-center
|
|
14721
|
+
<div class="flex-none flex items-center justify-center transition-opacity duration-300 ease-in-out pr-1"
|
|
14722
14722
|
[class.opacity-0]="isCollapsed()"
|
|
14723
14723
|
>
|
|
14724
14724
|
<i class="lucide-chevron-down size-4 text-ink-gray-5 transition-transform duration-200" [class.rotate-180]="isOpen"></i>
|
|
@@ -14737,28 +14737,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
14737
14737
|
template: `
|
|
14738
14738
|
<neural-dropdown class="block w-full" [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="4" triggerClass="block mx-2" (openChange)="isOpen = $event">
|
|
14739
14739
|
<div trigger
|
|
14740
|
-
class="flex items-center
|
|
14740
|
+
class="flex items-center h-10 px-1.5 rounded-6 transition-all duration-300 ease-in-out cursor-pointer overflow-hidden"
|
|
14741
14741
|
[ngClass]="isOpen && !isCollapsed() ? 'bg-surface-elevation-2 shadow-sm ring-1 ring-black/5' : 'hover:bg-surface-gray-2'"
|
|
14742
14742
|
[attr.aria-label]="title()"
|
|
14743
14743
|
[title]="isCollapsed() ? title() : null"
|
|
14744
14744
|
>
|
|
14745
|
-
<!-- App Icon Container -->
|
|
14746
|
-
<div class="flex-none flex items-center justify-center size-
|
|
14745
|
+
<!-- App Icon Container (32px wide, centers icon exactly) -->
|
|
14746
|
+
<div class="flex-none flex items-center justify-center size-8 rounded-[10px] shrink-0" [ngClass]="iconClass()">
|
|
14747
14747
|
<i [class]="appIcon()" class="size-4.5"></i>
|
|
14748
14748
|
</div>
|
|
14749
14749
|
|
|
14750
|
-
<!-- Texts -->
|
|
14751
|
-
<div class="flex flex-col flex-1 min-w-0 pl-
|
|
14750
|
+
<!-- Texts (Shrinks naturally with flex-1) -->
|
|
14751
|
+
<div class="flex flex-col flex-1 min-w-0 pl-2 transition-opacity duration-300 ease-in-out"
|
|
14752
14752
|
[class.opacity-0]="isCollapsed()"
|
|
14753
14753
|
>
|
|
14754
|
-
<span class="text-[14px] font-medium text-ink-gray-9 truncate
|
|
14754
|
+
<span class="text-[14px] font-medium text-ink-gray-9 truncate">{{ title() }}</span>
|
|
14755
14755
|
@if (subtitle()) {
|
|
14756
|
-
<span class="text-xs text-ink-gray-5 truncate
|
|
14756
|
+
<span class="text-xs text-ink-gray-5 truncate">{{ subtitle() }}</span>
|
|
14757
14757
|
}
|
|
14758
14758
|
</div>
|
|
14759
14759
|
|
|
14760
14760
|
<!-- Chevron -->
|
|
14761
|
-
<div class="flex-none flex items-center justify-center
|
|
14761
|
+
<div class="flex-none flex items-center justify-center transition-opacity duration-300 ease-in-out pr-1"
|
|
14762
14762
|
[class.opacity-0]="isCollapsed()"
|
|
14763
14763
|
>
|
|
14764
14764
|
<i class="lucide-chevron-down size-4 text-ink-gray-5 transition-transform duration-200" [class.rotate-180]="isOpen"></i>
|