orbiq-neural-ui-kit 1.2.40 → 1.2.42

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

@@ -4415,6 +4415,8 @@ class NeuralPopoverComponent {
     ...(ngDevMode ? [{ debugName: "offset" }] : /* istanbul ignore next */ []));
     bare = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "bare" }] : /* istanbul ignore next */ []));
+    triggerContainerClass = input('inline-block', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "triggerContainerClass" }] : /* istanbul ignore next */ []));
     openChange = new EventEmitter();
     contentDirective;
     triggerContainer;
@@ -4483,8 +4485,8 @@ class NeuralPopoverComponent {
             .withPush(true);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralPopoverComponent, deps: [{ token: i1$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: NeuralPopoverComponent, isStandalone: true, selector: "neural-popover", inputs: { 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 }, bare: { classPropertyName: "bare", publicName: "bare", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange" }, queries: [{ propertyName: "contentDirective", first: true, predicate: NeuralPopoverContentDirective, descendants: true }], viewQueries: [{ propertyName: "triggerContainer", first: true, predicate: ["triggerContainer"], descendants: true }], ngImport: i0, template: `
-    <div (click)="toggle()" class="inline-block" #triggerContainer>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: NeuralPopoverComponent, isStandalone: true, selector: "neural-popover", inputs: { 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 }, bare: { classPropertyName: "bare", publicName: "bare", isSignal: true, isRequired: false, transformFunction: null }, triggerContainerClass: { classPropertyName: "triggerContainerClass", publicName: "triggerContainerClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange" }, queries: [{ propertyName: "contentDirective", first: true, predicate: NeuralPopoverContentDirective, descendants: true }], viewQueries: [{ propertyName: "triggerContainer", first: true, predicate: ["triggerContainer"], descendants: true }], ngImport: i0, template: `
+    <div (click)="toggle()" [class]="triggerContainerClass()" #triggerContainer>
       <ng-content></ng-content>
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
@@ -4496,12 +4498,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     standalone: true,
                     imports: [CommonModule],
                     template: `
-    <div (click)="toggle()" class="inline-block" #triggerContainer>
+    <div (click)="toggle()" [class]="triggerContainerClass()" #triggerContainer>
       <ng-content></ng-content>
     </div>
   `
                 }]
-        }], ctorParameters: () => [{ type: i1$1.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], bare: [{ type: i0.Input, args: [{ isSignal: true, alias: "bare", required: false }] }], openChange: [{
+        }], ctorParameters: () => [{ type: i1$1.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], bare: [{ type: i0.Input, args: [{ isSignal: true, alias: "bare", required: false }] }], triggerContainerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerContainerClass", required: false }] }], openChange: [{
                 type: Output
             }], contentDirective: [{
                 type: ContentChild,
@@ -4568,8 +4570,8 @@ 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()">
-      <div neuralPopoverTrigger [class]="triggerClass()">
+    <neural-popover [side]="side()" [align]="align()" [offset]="offset()" [triggerContainerClass]="triggerClass()">
+      <div neuralPopoverTrigger class="contents">
         <ng-content select="[trigger]"></ng-content>
         @if (!hasTriggerSlot()) {
           <neural-button>{{ buttonLabel() }}</neural-button>
@@ -4655,7 +4657,7 @@ class NeuralDropdownComponent {
         }
       }
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: NeuralPopoverComponent, selector: "neural-popover", inputs: ["side", "align", "offset", "bare"], outputs: ["openChange"] }, { kind: "directive", type: NeuralPopoverTriggerDirective, selector: "[neuralPopoverTrigger]" }, { kind: "directive", type: NeuralPopoverContentDirective, selector: "[neuralPopoverContent]" }, { kind: "component", type: NeuralPopoverPanelComponent, selector: "neural-popover-panel" }, { kind: "component", type: NeuralButtonComponent, selector: "neural-button", inputs: ["variant", "theme", "size", "type", "disabled", "loading", "icon", "iconLeft", "iconRight", "iconOnly", "shape"], outputs: ["clicked"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: NeuralPopoverComponent, selector: "neural-popover", inputs: ["side", "align", "offset", "bare", "triggerContainerClass"], outputs: ["openChange"] }, { kind: "directive", type: NeuralPopoverTriggerDirective, selector: "[neuralPopoverTrigger]" }, { kind: "directive", type: NeuralPopoverContentDirective, selector: "[neuralPopoverContent]" }, { kind: "component", type: NeuralPopoverPanelComponent, selector: "neural-popover-panel" }, { kind: "component", type: NeuralButtonComponent, selector: "neural-button", inputs: ["variant", "theme", "size", "type", "disabled", "loading", "icon", "iconLeft", "iconRight", "iconOnly", "shape"], outputs: ["clicked"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDropdownComponent, decorators: [{
             type: Component,
@@ -4664,8 +4666,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     standalone: true,
                     imports: [CommonModule, RouterModule, NeuralPopoverComponent, NeuralPopoverTriggerDirective, NeuralPopoverContentDirective, NeuralPopoverPanelComponent, NeuralButtonComponent],
                     template: `
-    <neural-popover [side]="side()" [align]="align()" [offset]="offset()">
-      <div neuralPopoverTrigger [class]="triggerClass()">
+    <neural-popover [side]="side()" [align]="align()" [offset]="offset()" [triggerContainerClass]="triggerClass()">
+      <div neuralPopoverTrigger class="contents">
         <ng-content select="[trigger]"></ng-content>
         @if (!hasTriggerSlot()) {
           <neural-button>{{ buttonLabel() }}</neural-button>
@@ -14674,15 +14676,16 @@ 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"
       >
         <!-- App Icon -->
-        <div class="flex items-center justify-center shrink-0 size-8 rounded-md" [ngClass]="iconClass()">
+        <div class="flex items-center justify-center shrink-0 size-8 rounded-[10px]" [ngClass]="iconClass()">
           <i [class]="appIcon()" class="size-4.5"></i>
         </div>
 
@@ -14714,15 +14717,16 @@ 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"
       >
         <!-- App Icon -->
-        <div class="flex items-center justify-center shrink-0 size-8 rounded-md" [ngClass]="iconClass()">
+        <div class="flex items-center justify-center shrink-0 size-8 rounded-[10px]" [ngClass]="iconClass()">
           <i [class]="appIcon()" class="size-4.5"></i>
         </div>