orbiq-neural-ui-kit 1.2.43 → 1.2.45
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.
|
@@ -14680,11 +14680,12 @@ class NeuralSidebarHeaderComponent {
|
|
|
14680
14680
|
...(ngDevMode ? [{ debugName: "isCollapsed" }] : /* istanbul ignore next */ []));
|
|
14681
14681
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralSidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14682
14682
|
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: `
|
|
14683
|
-
<neural-dropdown class="block w-full" [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="
|
|
14683
|
+
<neural-dropdown class="block w-full" [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="4" [triggerClass]="isCollapsed() ? 'block w-10 mx-auto' : 'block mx-2'" (openChange)="isOpen = $event">
|
|
14684
14684
|
<div trigger
|
|
14685
|
-
class="flex items-center gap-2 p-2 rounded-md transition-
|
|
14685
|
+
class="flex items-center gap-2 p-2 rounded-md transition-all duration-200 cursor-pointer w-full"
|
|
14686
14686
|
[class.justify-center]="isCollapsed()"
|
|
14687
14687
|
[class.h-10]="isCollapsed()"
|
|
14688
|
+
[ngClass]="isOpen && !isCollapsed() ? 'bg-surface-elevation-2 shadow-sm ring-1 ring-black/5' : 'hover:bg-surface-gray-2'"
|
|
14688
14689
|
[attr.aria-label]="title()"
|
|
14689
14690
|
[title]="isCollapsed() ? title() : null"
|
|
14690
14691
|
>
|
|
@@ -14721,11 +14722,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
14721
14722
|
imports: [CommonModule, NeuralDropdownComponent],
|
|
14722
14723
|
host: { class: 'block w-full' },
|
|
14723
14724
|
template: `
|
|
14724
|
-
<neural-dropdown class="block w-full" [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="
|
|
14725
|
+
<neural-dropdown class="block w-full" [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="4" [triggerClass]="isCollapsed() ? 'block w-10 mx-auto' : 'block mx-2'" (openChange)="isOpen = $event">
|
|
14725
14726
|
<div trigger
|
|
14726
|
-
class="flex items-center gap-2 p-2 rounded-md transition-
|
|
14727
|
+
class="flex items-center gap-2 p-2 rounded-md transition-all duration-200 cursor-pointer w-full"
|
|
14727
14728
|
[class.justify-center]="isCollapsed()"
|
|
14728
14729
|
[class.h-10]="isCollapsed()"
|
|
14730
|
+
[ngClass]="isOpen && !isCollapsed() ? 'bg-surface-elevation-2 shadow-sm ring-1 ring-black/5' : 'hover:bg-surface-gray-2'"
|
|
14729
14731
|
[attr.aria-label]="title()"
|
|
14730
14732
|
[title]="isCollapsed() ? title() : null"
|
|
14731
14733
|
>
|