orbiq-neural-ui-kit 1.2.58 → 1.2.60
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,30 +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 p-1.5 rounded-xl 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
|
|
14707
|
-
<
|
|
14708
|
-
<i [class]="appIcon()" class="size-4.5"></i>
|
|
14709
|
-
</div>
|
|
14705
|
+
<!-- App Icon Container -->
|
|
14706
|
+
<div class="flex-none flex items-center justify-center size-[34px] rounded-[10px] shrink-0" [ngClass]="iconClass()">
|
|
14707
|
+
<i [class]="appIcon()" class="size-4.5"></i>
|
|
14710
14708
|
</div>
|
|
14711
14709
|
|
|
14712
|
-
<!-- Texts
|
|
14713
|
-
<div class="flex flex-col flex-1 min-w-0 pl-2 transition-opacity duration-300 ease-in-out"
|
|
14710
|
+
<!-- Texts -->
|
|
14711
|
+
<div class="flex flex-col flex-1 min-w-0 pl-3 pr-2 transition-opacity duration-300 ease-in-out"
|
|
14714
14712
|
[class.opacity-0]="isCollapsed()"
|
|
14715
14713
|
>
|
|
14716
|
-
<span class="text-[14px] font-medium text-ink-gray-9 truncate">{{ title() }}</span>
|
|
14714
|
+
<span class="text-[14px] font-medium text-ink-gray-9 truncate leading-tight">{{ title() }}</span>
|
|
14717
14715
|
@if (subtitle()) {
|
|
14718
|
-
<span class="text-xs text-ink-gray-5 truncate">{{ subtitle() }}</span>
|
|
14716
|
+
<span class="text-xs text-ink-gray-5 truncate mt-0.5 leading-tight">{{ subtitle() }}</span>
|
|
14719
14717
|
}
|
|
14720
14718
|
</div>
|
|
14721
14719
|
|
|
14722
14720
|
<!-- Chevron -->
|
|
14723
|
-
<div class="flex-none
|
|
14721
|
+
<div class="flex-none flex items-center justify-center pr-1 transition-opacity duration-300 ease-in-out"
|
|
14724
14722
|
[class.opacity-0]="isCollapsed()"
|
|
14725
14723
|
>
|
|
14726
14724
|
<i class="lucide-chevron-down size-4 text-ink-gray-5 transition-transform duration-200" [class.rotate-180]="isOpen"></i>
|
|
@@ -14739,30 +14737,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
14739
14737
|
template: `
|
|
14740
14738
|
<neural-dropdown class="block w-full" [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="4" triggerClass="block mx-2" (openChange)="isOpen = $event">
|
|
14741
14739
|
<div trigger
|
|
14742
|
-
class="flex items-center
|
|
14740
|
+
class="flex items-center p-1.5 rounded-xl transition-all duration-300 ease-in-out cursor-pointer overflow-hidden"
|
|
14743
14741
|
[ngClass]="isOpen && !isCollapsed() ? 'bg-surface-elevation-2 shadow-sm ring-1 ring-black/5' : 'hover:bg-surface-gray-2'"
|
|
14744
14742
|
[attr.aria-label]="title()"
|
|
14745
14743
|
[title]="isCollapsed() ? title() : null"
|
|
14746
14744
|
>
|
|
14747
|
-
<!-- App Icon Container
|
|
14748
|
-
<div class="flex-none
|
|
14749
|
-
<
|
|
14750
|
-
<i [class]="appIcon()" class="size-4.5"></i>
|
|
14751
|
-
</div>
|
|
14745
|
+
<!-- App Icon Container -->
|
|
14746
|
+
<div class="flex-none flex items-center justify-center size-[34px] rounded-[10px] shrink-0" [ngClass]="iconClass()">
|
|
14747
|
+
<i [class]="appIcon()" class="size-4.5"></i>
|
|
14752
14748
|
</div>
|
|
14753
14749
|
|
|
14754
|
-
<!-- Texts
|
|
14755
|
-
<div class="flex flex-col flex-1 min-w-0 pl-2 transition-opacity duration-300 ease-in-out"
|
|
14750
|
+
<!-- Texts -->
|
|
14751
|
+
<div class="flex flex-col flex-1 min-w-0 pl-3 pr-2 transition-opacity duration-300 ease-in-out"
|
|
14756
14752
|
[class.opacity-0]="isCollapsed()"
|
|
14757
14753
|
>
|
|
14758
|
-
<span class="text-[14px] font-medium text-ink-gray-9 truncate">{{ title() }}</span>
|
|
14754
|
+
<span class="text-[14px] font-medium text-ink-gray-9 truncate leading-tight">{{ title() }}</span>
|
|
14759
14755
|
@if (subtitle()) {
|
|
14760
|
-
<span class="text-xs text-ink-gray-5 truncate">{{ subtitle() }}</span>
|
|
14756
|
+
<span class="text-xs text-ink-gray-5 truncate mt-0.5 leading-tight">{{ subtitle() }}</span>
|
|
14761
14757
|
}
|
|
14762
14758
|
</div>
|
|
14763
14759
|
|
|
14764
14760
|
<!-- Chevron -->
|
|
14765
|
-
<div class="flex-none
|
|
14761
|
+
<div class="flex-none flex items-center justify-center pr-1 transition-opacity duration-300 ease-in-out"
|
|
14766
14762
|
[class.opacity-0]="isCollapsed()"
|
|
14767
14763
|
>
|
|
14768
14764
|
<i class="lucide-chevron-down size-4 text-ink-gray-5 transition-transform duration-200" [class.rotate-180]="isOpen"></i>
|