orbiq-neural-ui-kit 1.2.60 → 1.2.61
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,23 +14697,23 @@ 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-1.5 rounded-
|
|
14701
|
-
[ngClass]="isOpen && !isCollapsed() ? 'bg-surface-
|
|
14700
|
+
class="flex items-center p-1.5 rounded-lg transition-all duration-300 ease-in-out cursor-pointer overflow-hidden"
|
|
14701
|
+
[ngClass]="isOpen && !isCollapsed() ? 'bg-surface-base shadow-sm ring-1 ring-outline-gray-2' : 'hover:bg-surface-gray-2 border border-transparent'"
|
|
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-9 rounded-[10px] shrink-0" [ngClass]="iconClass()">
|
|
14707
|
+
<i [class]="appIcon()" class="size-5"></i>
|
|
14708
14708
|
</div>
|
|
14709
14709
|
|
|
14710
14710
|
<!-- Texts -->
|
|
14711
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-[14.5px] font-medium text-ink-gray-9 truncate leading-tight">{{ title() }}</span>
|
|
14715
14715
|
@if (subtitle()) {
|
|
14716
|
-
<span class="text-
|
|
14716
|
+
<span class="text-[12.5px] text-ink-gray-5 truncate mt-0.5 leading-tight">{{ subtitle() }}</span>
|
|
14717
14717
|
}
|
|
14718
14718
|
</div>
|
|
14719
14719
|
|
|
@@ -14737,23 +14737,23 @@ 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-1.5 rounded-
|
|
14741
|
-
[ngClass]="isOpen && !isCollapsed() ? 'bg-surface-
|
|
14740
|
+
class="flex items-center p-1.5 rounded-lg transition-all duration-300 ease-in-out cursor-pointer overflow-hidden"
|
|
14741
|
+
[ngClass]="isOpen && !isCollapsed() ? 'bg-surface-base shadow-sm ring-1 ring-outline-gray-2' : 'hover:bg-surface-gray-2 border border-transparent'"
|
|
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-9 rounded-[10px] shrink-0" [ngClass]="iconClass()">
|
|
14747
|
+
<i [class]="appIcon()" class="size-5"></i>
|
|
14748
14748
|
</div>
|
|
14749
14749
|
|
|
14750
14750
|
<!-- Texts -->
|
|
14751
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-[14.5px] font-medium text-ink-gray-9 truncate leading-tight">{{ title() }}</span>
|
|
14755
14755
|
@if (subtitle()) {
|
|
14756
|
-
<span class="text-
|
|
14756
|
+
<span class="text-[12.5px] text-ink-gray-5 truncate mt-0.5 leading-tight">{{ subtitle() }}</span>
|
|
14757
14757
|
}
|
|
14758
14758
|
</div>
|
|
14759
14759
|
|