orbiq-neural-ui-kit 1.2.59 → 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,31 +14697,31 @@ 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 p-
|
|
14701
|
-
[ngClass]="isOpen && !isCollapsed() ? 'shadow-sm ring-1 ring-black/5' : 'hover:bg-surface-gray-2'"
|
|
14700
|
+
class="flex items-center p-1.5 rounded-xl transition-all duration-300 ease-in-out cursor-pointer overflow-hidden"
|
|
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
14705
|
<!-- App Icon Container -->
|
|
14706
|
-
<div class="flex-none flex items-center justify-center size-[
|
|
14707
|
-
<i [class]="appIcon()" class="size-
|
|
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>
|
|
14708
14708
|
</div>
|
|
14709
14709
|
|
|
14710
14710
|
<!-- Texts -->
|
|
14711
|
-
<div class="flex flex-col flex-1 min-w-0
|
|
14711
|
+
<div class="flex flex-col flex-1 min-w-0 pl-3 pr-2 transition-opacity duration-300 ease-in-out"
|
|
14712
14712
|
[class.opacity-0]="isCollapsed()"
|
|
14713
14713
|
>
|
|
14714
|
-
<span class="text-[
|
|
14714
|
+
<span class="text-[14px] font-medium text-ink-gray-9 truncate leading-tight">{{ title() }}</span>
|
|
14715
14715
|
@if (subtitle()) {
|
|
14716
|
-
<span class="text-
|
|
14716
|
+
<span class="text-xs text-ink-gray-5 truncate mt-0.5 leading-tight">{{ 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 pr-1 transition-opacity duration-300 ease-in-out"
|
|
14722
14722
|
[class.opacity-0]="isCollapsed()"
|
|
14723
14723
|
>
|
|
14724
|
-
<i class="lucide-chevron-down size-4
|
|
14724
|
+
<i class="lucide-chevron-down size-4 text-ink-gray-5 transition-transform duration-200" [class.rotate-180]="isOpen"></i>
|
|
14725
14725
|
</div>
|
|
14726
14726
|
</div>
|
|
14727
14727
|
</neural-dropdown>
|
|
@@ -14737,31 +14737,31 @@ 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 p-
|
|
14741
|
-
[ngClass]="isOpen && !isCollapsed() ? 'shadow-sm ring-1 ring-black/5' : 'hover:bg-surface-gray-2'"
|
|
14740
|
+
class="flex items-center p-1.5 rounded-xl transition-all duration-300 ease-in-out cursor-pointer overflow-hidden"
|
|
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
14745
|
<!-- App Icon Container -->
|
|
14746
|
-
<div class="flex-none flex items-center justify-center size-[
|
|
14747
|
-
<i [class]="appIcon()" class="size-
|
|
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>
|
|
14748
14748
|
</div>
|
|
14749
14749
|
|
|
14750
14750
|
<!-- Texts -->
|
|
14751
|
-
<div class="flex flex-col flex-1 min-w-0
|
|
14751
|
+
<div class="flex flex-col flex-1 min-w-0 pl-3 pr-2 transition-opacity duration-300 ease-in-out"
|
|
14752
14752
|
[class.opacity-0]="isCollapsed()"
|
|
14753
14753
|
>
|
|
14754
|
-
<span class="text-[
|
|
14754
|
+
<span class="text-[14px] font-medium text-ink-gray-9 truncate leading-tight">{{ title() }}</span>
|
|
14755
14755
|
@if (subtitle()) {
|
|
14756
|
-
<span class="text-
|
|
14756
|
+
<span class="text-xs text-ink-gray-5 truncate mt-0.5 leading-tight">{{ 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 pr-1 transition-opacity duration-300 ease-in-out"
|
|
14762
14762
|
[class.opacity-0]="isCollapsed()"
|
|
14763
14763
|
>
|
|
14764
|
-
<i class="lucide-chevron-down size-4
|
|
14764
|
+
<i class="lucide-chevron-down size-4 text-ink-gray-5 transition-transform duration-200" [class.rotate-180]="isOpen"></i>
|
|
14765
14765
|
</div>
|
|
14766
14766
|
</div>
|
|
14767
14767
|
</neural-dropdown>
|