orbiq-neural-ui-kit 1.2.58 → 1.2.59
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,33 +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
|
|
14701
|
-
[ngClass]="isOpen && !isCollapsed() ? '
|
|
14700
|
+
class="flex items-center p-2 rounded-[20px] bg-surface-base transition-all duration-300 ease-in-out cursor-pointer overflow-hidden"
|
|
14701
|
+
[ngClass]="isOpen && !isCollapsed() ? '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-[48px] rounded-[14px] shrink-0" [ngClass]="iconClass()">
|
|
14707
|
+
<i [class]="appIcon()" class="size-6"></i>
|
|
14710
14708
|
</div>
|
|
14711
14709
|
|
|
14712
|
-
<!-- Texts
|
|
14713
|
-
<div class="flex flex-col flex-1 min-w-0
|
|
14710
|
+
<!-- Texts -->
|
|
14711
|
+
<div class="flex flex-col flex-1 min-w-0 px-3 transition-opacity duration-300 ease-in-out"
|
|
14714
14712
|
[class.opacity-0]="isCollapsed()"
|
|
14715
14713
|
>
|
|
14716
|
-
<span class="text-[
|
|
14714
|
+
<span class="text-[17px] font-medium text-ink-gray-9 truncate leading-tight">{{ title() }}</span>
|
|
14717
14715
|
@if (subtitle()) {
|
|
14718
|
-
<span class="text-
|
|
14716
|
+
<span class="text-[15px] text-ink-gray-5 truncate leading-tight mt-0.5">{{ 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 size-8 rounded-[8px] border-[2.5px] border-blue-600 text-blue-600 transition-opacity duration-300 ease-in-out mr-1"
|
|
14724
14722
|
[class.opacity-0]="isCollapsed()"
|
|
14725
14723
|
>
|
|
14726
|
-
<i class="lucide-chevron-down size-4
|
|
14724
|
+
<i class="lucide-chevron-down size-4 stroke-[2.5] transition-transform duration-200" [class.rotate-180]="isOpen"></i>
|
|
14727
14725
|
</div>
|
|
14728
14726
|
</div>
|
|
14729
14727
|
</neural-dropdown>
|
|
@@ -14739,33 +14737,31 @@ 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
|
|
14743
|
-
[ngClass]="isOpen && !isCollapsed() ? '
|
|
14740
|
+
class="flex items-center p-2 rounded-[20px] bg-surface-base transition-all duration-300 ease-in-out cursor-pointer overflow-hidden"
|
|
14741
|
+
[ngClass]="isOpen && !isCollapsed() ? '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-[48px] rounded-[14px] shrink-0" [ngClass]="iconClass()">
|
|
14747
|
+
<i [class]="appIcon()" class="size-6"></i>
|
|
14752
14748
|
</div>
|
|
14753
14749
|
|
|
14754
|
-
<!-- Texts
|
|
14755
|
-
<div class="flex flex-col flex-1 min-w-0
|
|
14750
|
+
<!-- Texts -->
|
|
14751
|
+
<div class="flex flex-col flex-1 min-w-0 px-3 transition-opacity duration-300 ease-in-out"
|
|
14756
14752
|
[class.opacity-0]="isCollapsed()"
|
|
14757
14753
|
>
|
|
14758
|
-
<span class="text-[
|
|
14754
|
+
<span class="text-[17px] font-medium text-ink-gray-9 truncate leading-tight">{{ title() }}</span>
|
|
14759
14755
|
@if (subtitle()) {
|
|
14760
|
-
<span class="text-
|
|
14756
|
+
<span class="text-[15px] text-ink-gray-5 truncate leading-tight mt-0.5">{{ 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 size-8 rounded-[8px] border-[2.5px] border-blue-600 text-blue-600 transition-opacity duration-300 ease-in-out mr-1"
|
|
14766
14762
|
[class.opacity-0]="isCollapsed()"
|
|
14767
14763
|
>
|
|
14768
|
-
<i class="lucide-chevron-down size-4
|
|
14764
|
+
<i class="lucide-chevron-down size-4 stroke-[2.5] transition-transform duration-200" [class.rotate-180]="isOpen"></i>
|
|
14769
14765
|
</div>
|
|
14770
14766
|
</div>
|
|
14771
14767
|
</neural-dropdown>
|