orbiq-neural-ui-kit 1.2.41 → 1.2.42

package/fesm2022/orbiq-neural-ui-kit.mjs

@@ -4571,7 +4571,7 @@ class NeuralDropdownComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralDropdownComponent, isStandalone: true, selector: "neural-dropdown", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, triggerClass: { classPropertyName: "triggerClass", publicName: "triggerClass", isSignal: true, isRequired: false, transformFunction: null }, hasTriggerSlot: { classPropertyName: "hasTriggerSlot", publicName: "hasTriggerSlot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <neural-popover [side]="side()" [align]="align()" [offset]="offset()" [triggerContainerClass]="triggerClass()">
-      <div neuralPopoverTrigger [class]="triggerClass()">
+      <div neuralPopoverTrigger class="contents">
         <ng-content select="[trigger]"></ng-content>
         @if (!hasTriggerSlot()) {
           <neural-button>{{ buttonLabel() }}</neural-button>
@@ -4667,7 +4667,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     imports: [CommonModule, RouterModule, NeuralPopoverComponent, NeuralPopoverTriggerDirective, NeuralPopoverContentDirective, NeuralPopoverPanelComponent, NeuralButtonComponent],
                     template: `
     <neural-popover [side]="side()" [align]="align()" [offset]="offset()" [triggerContainerClass]="triggerClass()">
-      <div neuralPopoverTrigger [class]="triggerClass()">
+      <div neuralPopoverTrigger class="contents">
         <ng-content select="[trigger]"></ng-content>
         @if (!hasTriggerSlot()) {
           <neural-button>{{ buttonLabel() }}</neural-button>
@@ -14676,10 +14676,11 @@ class NeuralSidebarHeaderComponent {
     ...(ngDevMode ? [{ debugName: "isCollapsed" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralSidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     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: `
-    <neural-dropdown class="block w-full" [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="8" triggerClass="block w-full px-2">
+    <neural-dropdown class="block w-full" [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="8" [triggerClass]="isCollapsed() ? 'block w-10 mx-auto' : 'block mx-2'">
       <div trigger
-        class="flex items-center gap-2 p-2 rounded-md transition-colors cursor-pointer"
-        [class]="isCollapsed() ? 'justify-center mx-auto w-10 h-10 hover:bg-surface-gray-2' : 'hover:bg-surface-gray-2 w-full'"
+        class="flex items-center gap-2 p-2 rounded-md transition-colors cursor-pointer hover:bg-surface-gray-2 w-full"
+        [class.justify-center]="isCollapsed()"
+        [class.h-10]="isCollapsed()"
         [attr.aria-label]="title()"
         [title]="isCollapsed() ? title() : null"
       >
@@ -14716,10 +14717,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     imports: [CommonModule, NeuralDropdownComponent],
                     host: { class: 'block w-full' },
                     template: `
-    <neural-dropdown class="block w-full" [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="8" triggerClass="block w-full px-2">
+    <neural-dropdown class="block w-full" [options]="menuOptions()" [hasTriggerSlot]="true" align="start" [offset]="8" [triggerClass]="isCollapsed() ? 'block w-10 mx-auto' : 'block mx-2'">
       <div trigger
-        class="flex items-center gap-2 p-2 rounded-md transition-colors cursor-pointer"
-        [class]="isCollapsed() ? 'justify-center mx-auto w-10 h-10 hover:bg-surface-gray-2' : 'hover:bg-surface-gray-2 w-full'"
+        class="flex items-center gap-2 p-2 rounded-md transition-colors cursor-pointer hover:bg-surface-gray-2 w-full"
+        [class.justify-center]="isCollapsed()"
+        [class.h-10]="isCollapsed()"
         [attr.aria-label]="title()"
         [title]="isCollapsed() ? title() : null"
       >