@ngbase/adk 0.1.1 → 0.1.3

package/fesm2022/ngbase-adk-sonner.mjs

@@ -1,15 +1,21 @@
 import * as i0 from '@angular/core';
-import { input, Directive, signal, Component, ChangeDetectionStrategy, Injectable, inject } from '@angular/core';
+import { input, Directive, signal, Injectable, inject } from '@angular/core';
 import { basePortal } from '@ngbase/adk/portal';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { uniqueId } from '@ngbase/adk/utils';
 
+const sonnerAnimation = trigger('sonnerAnimation', [
+    state('1', style({ transform: 'none', opacity: 1 })),
+    state('void', style({ transform: 'translateY(100%)', opacity: 0 })),
+    state('0', style({ transform: 'translateY(100%)', opacity: 0 })),
+    transition('* => *', animate('300ms ease-out')),
+]);
 class SonnerBase {
     constructor() {
         this.ngbSonnerBase = input.required();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SonnerBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: SonnerBase, isStandalone: true, selector: "[ngbSonnerBase]", inputs: { ngbSonnerBase: { classPropertyName: "ngbSonnerBase", publicName: "ngbSonnerBase", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "style": "{\n      'z-index': -ngbSonnerBase(),\n      bottom: 16 * ngbSonnerBase() + 'px',\n      visibility: ngbSonnerBase() < 3 ? 'visible' : 'hidden',\n      transform: 'scale(' + (1 - ngbSonnerBase() * 0.08) + ')',\n      opacity: ngbSonnerBase() < 3 ? 1 : 0,\n    }", "@slideInOutAnimation": "" }, styleAttribute: "position: absolute; right: 0; display: flex; flex-direction: column;" }, exportAs: ["ngbSonnerBase"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: SonnerBase, isStandalone: true, selector: "[ngbSonnerBase]", inputs: { ngbSonnerBase: { classPropertyName: "ngbSonnerBase", publicName: "ngbSonnerBase", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "style": "{\n      'z-index': -ngbSonnerBase(),\n      bottom: 16 * ngbSonnerBase() + 'px',\n      visibility: ngbSonnerBase() < 3 ? 'visible' : 'hidden',\n      transform: 'scale(' + (1 - ngbSonnerBase() * 0.08) + ')',\n      opacity: ngbSonnerBase() < 3 ? 1 : 0,\n    }", "@sonnerAnimation": "" }, styleAttribute: "position: absolute; right: 0; display: flex; flex-direction: column;" }, exportAs: ["ngbSonnerBase"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SonnerBase, decorators: [{
             type: Directive,
@@ -25,7 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
       transform: 'scale(' + (1 - ngbSonnerBase() * 0.08) + ')',
       opacity: ngbSonnerBase() < 3 ? 1 : 0,
     }`,
-                        '[@slideInOutAnimation]': '',
+                        '[@sonnerAnimation]': '',
                     },
                 }]
         }] });
@@ -49,69 +55,13 @@ class NgbSonner {
     clear() {
         this.messages.set([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSonner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: NgbSonner, isStandalone: true, selector: "ngb-sonner", ngImport: i0, template: `
-    <ul class="fixed bottom-0 right-0 flex flex-col gap-2">
-      @for (msg of messages(); track msg.id) {
-        <li
-          [ngbSonnerBase]="$index"
-          class="{{
-            'm-4 w-96 gap-1 rounded-lg border bg-foreground p-4 shadow-lg transition-all duration-300' +
-              (msg.type === 'success' ? ' bg-green-50 text-green-600' : '') +
-              (msg.type === 'error' ? ' bg-red-50 text-red-600' : '') +
-              (msg.type === 'warning' ? ' bg-yellow-50 text-yellow-600' : '')
-          }}"
-        >
-          <h4 class="flex items-center gap-2 font-semibold">{{ msg.message }}</h4>
-          @if (msg.data?.description) {
-            <p class="text-muted">{{ msg.data?.description }}</p>
-          }
-        </li>
-      }
-    </ul>
-  `, isInline: true, dependencies: [{ kind: "directive", type: SonnerBase, selector: "[ngbSonnerBase]", inputs: ["ngbSonnerBase"], exportAs: ["ngbSonnerBase"] }], animations: [
-            trigger('slideInOutAnimation', [
-                state('1', style({ transform: 'none', opacity: 1 })),
-                state('void', style({ transform: 'translateY(100%)', opacity: 0 })),
-                state('0', style({ transform: 'translateY(100%)', opacity: 0 })),
-                transition('* => *', animate('300ms ease-out')),
-            ]),
-        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSonner, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbSonner, isStandalone: true, selector: "ngb-sonner", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSonner, decorators: [{
-            type: Component,
+            type: Directive,
             args: [{
                     selector: 'ngb-sonner',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [SonnerBase],
-                    template: `
-    <ul class="fixed bottom-0 right-0 flex flex-col gap-2">
-      @for (msg of messages(); track msg.id) {
-        <li
-          [ngbSonnerBase]="$index"
-          class="{{
-            'm-4 w-96 gap-1 rounded-lg border bg-foreground p-4 shadow-lg transition-all duration-300' +
-              (msg.type === 'success' ? ' bg-green-50 text-green-600' : '') +
-              (msg.type === 'error' ? ' bg-red-50 text-red-600' : '') +
-              (msg.type === 'warning' ? ' bg-yellow-50 text-yellow-600' : '')
-          }}"
-        >
-          <h4 class="flex items-center gap-2 font-semibold">{{ msg.message }}</h4>
-          @if (msg.data?.description) {
-            <p class="text-muted">{{ msg.data?.description }}</p>
-          }
-        </li>
-      }
-    </ul>
-  `,
-                    animations: [
-                        trigger('slideInOutAnimation', [
-                            state('1', style({ transform: 'none', opacity: 1 })),
-                            state('void', style({ transform: 'translateY(100%)', opacity: 0 })),
-                            state('0', style({ transform: 'translateY(100%)', opacity: 0 })),
-                            transition('* => *', animate('300ms ease-out')),
-                        ]),
-                    ],
                 }]
         }] });
 
@@ -172,5 +122,5 @@ function ngbSonnerPortal(component) {
  * Generated bundle index. Do not edit.
  */
 
-export { NgbSonner, SonnerBase, SonnerService, ngbSonnerPortal };
+export { NgbSonner, SonnerBase, SonnerService, ngbSonnerPortal, sonnerAnimation };
 //# sourceMappingURL=ngbase-adk-sonner.mjs.map

package/fesm2022/ngbase-adk-sonner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngbase-adk-sonner.mjs","sources":["../../../projects/adk/sonner/sonner.ts","../../../projects/adk/sonner/sonner.service.ts","../../../projects/adk/sonner/public-api.ts","../../../projects/adk/sonner/ngbase-adk-sonner.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { ChangeDetectionStrategy, Component, Directive, input, signal } from '@angular/core';\nimport { uniqueId } from '@ngbase/adk/utils';\n\n@Directive({\n  selector: '[ngbSonnerBase]',\n  exportAs: 'ngbSonnerBase',\n  host: {\n    style: `position: absolute; right: 0; display: flex; flex-direction: column;`,\n    '[style]': `{\n      'z-index': -ngbSonnerBase(),\n      bottom: 16 * ngbSonnerBase() + 'px',\n      visibility: ngbSonnerBase() < 3 ? 'visible' : 'hidden',\n      transform: 'scale(' + (1 - ngbSonnerBase() * 0.08) + ')',\n      opacity: ngbSonnerBase() < 3 ? 1 : 0,\n    }`,\n    '[@slideInOutAnimation]': '',\n  },\n})\nexport class SonnerBase {\n  readonly ngbSonnerBase = input.required<number>();\n}\n\n@Component({\n  selector: 'ngb-sonner',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SonnerBase],\n  template: `\n    <ul class=\"fixed bottom-0 right-0 flex flex-col gap-2\">\n      @for (msg of messages(); track msg.id) {\n        <li\n          [ngbSonnerBase]=\"$index\"\n          class=\"{{\n            'm-4 w-96 gap-1 rounded-lg border bg-foreground p-4 shadow-lg transition-all duration-300' +\n              (msg.type === 'success' ? ' bg-green-50 text-green-600' : '') +\n              (msg.type === 'error' ? ' bg-red-50 text-red-600' : '') +\n              (msg.type === 'warning' ? ' bg-yellow-50 text-yellow-600' : '')\n          }}\"\n        >\n          <h4 class=\"flex items-center gap-2 font-semibold\">{{ msg.message }}</h4>\n          @if (msg.data?.description) {\n            <p class=\"text-muted\">{{ msg.data?.description }}</p>\n          }\n        </li>\n      }\n    </ul>\n  `,\n  animations: [\n    trigger('slideInOutAnimation', [\n      state('1', style({ transform: 'none', opacity: 1 })),\n      state('void', style({ transform: 'translateY(100%)', opacity: 0 })),\n      state('0', style({ transform: 'translateY(100%)', opacity: 0 })),\n      transition('* => *', animate('300ms ease-out')),\n    ]),\n  ],\n})\nexport class NgbSonner {\n  readonly messages = signal<SonnerMessage[]>([]);\n\n  addMessage(message: string, type: SonnerType, data?: SonnerData) {\n    const id = uniqueId();\n    const { timeout = 3000 } = data ?? {};\n\n    // push the new message to the top of the list\n    // so that it will be displayed first\n    // also the index is less than 3, the message will be visible\n    this.messages.update(x => [{ id, message, data, type }, ...x]);\n\n    if (timeout === 0) return;\n    setTimeout(() => {\n      this.messages.update(x => x.filter(msg => msg.id !== id));\n    }, timeout);\n  }\n\n  clear() {\n    this.messages.set([]);\n  }\n}\n\nexport interface SonnerMessage {\n  message: string;\n  data?: SonnerData;\n  type?: SonnerType;\n  id?: string;\n}\n\nexport type SonnerType = 'default' | 'success' | 'error' | 'warning' | 'info';\n\nexport interface SonnerData {\n  description?: string;\n  timeout?: number;\n}\n","import { ComponentRef, inject, Injectable, Type } from '@angular/core';\nimport { basePortal, DialogRef } from '@ngbase/adk/portal';\nimport { NgbSonner, SonnerData, SonnerType } from './sonner';\n\n@Injectable({ providedIn: 'root' })\nexport class SonnerService {\n  private NAME = 'sonner';\n  private base = basePortal(this.NAME, NgbSonner);\n  private sonner: { parent: ComponentRef<NgbSonner>; diaRef: DialogRef<NgbSonner> } | undefined;\n\n  updateSonner(component: Type<NgbSonner> = NgbSonner) {\n    this.base.updateBaseComponent(component);\n  }\n\n  addMessage(message: string, type: SonnerType, data?: SonnerData) {\n    if (!this.sonner) {\n      const { parent, diaRef } = this.base.open();\n      this.sonner = { parent, diaRef };\n    }\n    this.sonner.parent.instance.addMessage(message, type, data);\n  }\n\n  closeAll() {\n    this.sonner?.parent.instance.clear();\n  }\n}\n\nexport function ngbSonnerPortal(component?: Type<NgbSonner>) {\n  const sonnerService = inject(SonnerService);\n\n  sonnerService.updateSonner(component);\n\n  function closeAll() {\n    sonnerService.closeAll();\n  }\n\n  function message(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'default', data);\n  }\n\n  function success(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'success', data);\n  }\n\n  function error(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'error', data);\n  }\n\n  function warning(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'warning', data);\n  }\n\n  function info(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'info', data);\n  }\n\n  return { message, success, error, warning, info, closeAll };\n}\n","/*\n * Public API Surface of sonner\n */\n\nexport * from './sonner.service';\nexport * from './sonner';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngbase-adk-sonner.mjs","sources":["../../../projects/adk/sonner/sonner.ts","../../../projects/adk/sonner/sonner.service.ts","../../../projects/adk/sonner/public-api.ts","../../../projects/adk/sonner/ngbase-adk-sonner.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { Directive, input, signal } from '@angular/core';\nimport { uniqueId } from '@ngbase/adk/utils';\n\nexport const sonnerAnimation = trigger('sonnerAnimation', [\n  state('1', style({ transform: 'none', opacity: 1 })),\n  state('void', style({ transform: 'translateY(100%)', opacity: 0 })),\n  state('0', style({ transform: 'translateY(100%)', opacity: 0 })),\n  transition('* => *', animate('300ms ease-out')),\n]);\n\n@Directive({\n  selector: '[ngbSonnerBase]',\n  exportAs: 'ngbSonnerBase',\n  host: {\n    style: `position: absolute; right: 0; display: flex; flex-direction: column;`,\n    '[style]': `{\n      'z-index': -ngbSonnerBase(),\n      bottom: 16 * ngbSonnerBase() + 'px',\n      visibility: ngbSonnerBase() < 3 ? 'visible' : 'hidden',\n      transform: 'scale(' + (1 - ngbSonnerBase() * 0.08) + ')',\n      opacity: ngbSonnerBase() < 3 ? 1 : 0,\n    }`,\n    '[@sonnerAnimation]': '',\n  },\n})\nexport class SonnerBase {\n  readonly ngbSonnerBase = input.required<number>();\n}\n\n@Directive({\n  selector: 'ngb-sonner',\n})\nexport class NgbSonner {\n  readonly messages = signal<SonnerMessage[]>([]);\n\n  addMessage(message: string, type: SonnerType, data?: SonnerData) {\n    const id = uniqueId();\n    const { timeout = 3000 } = data ?? {};\n\n    // push the new message to the top of the list\n    // so that it will be displayed first\n    // also the index is less than 3, the message will be visible\n    this.messages.update(x => [{ id, message, data, type }, ...x]);\n\n    if (timeout === 0) return;\n    setTimeout(() => {\n      this.messages.update(x => x.filter(msg => msg.id !== id));\n    }, timeout);\n  }\n\n  clear() {\n    this.messages.set([]);\n  }\n}\n\nexport interface SonnerMessage {\n  message: string;\n  data?: SonnerData;\n  type?: SonnerType;\n  id?: string;\n}\n\nexport type SonnerType = 'default' | 'success' | 'error' | 'warning' | 'info';\n\nexport interface SonnerData {\n  description?: string;\n  timeout?: number;\n}\n","import { ComponentRef, inject, Injectable, Type } from '@angular/core';\nimport { basePortal, DialogRef } from '@ngbase/adk/portal';\nimport { NgbSonner, SonnerData, SonnerType } from './sonner';\n\n@Injectable({ providedIn: 'root' })\nexport class SonnerService {\n  private NAME = 'sonner';\n  private base = basePortal(this.NAME, NgbSonner);\n  private sonner: { parent: ComponentRef<NgbSonner>; diaRef: DialogRef<NgbSonner> } | undefined;\n\n  updateSonner(component: Type<NgbSonner> = NgbSonner) {\n    this.base.updateBaseComponent(component);\n  }\n\n  addMessage(message: string, type: SonnerType, data?: SonnerData) {\n    if (!this.sonner) {\n      const { parent, diaRef } = this.base.open();\n      this.sonner = { parent, diaRef };\n    }\n    this.sonner.parent.instance.addMessage(message, type, data);\n  }\n\n  closeAll() {\n    this.sonner?.parent.instance.clear();\n  }\n}\n\nexport function ngbSonnerPortal(component?: Type<NgbSonner>) {\n  const sonnerService = inject(SonnerService);\n\n  sonnerService.updateSonner(component);\n\n  function closeAll() {\n    sonnerService.closeAll();\n  }\n\n  function message(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'default', data);\n  }\n\n  function success(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'success', data);\n  }\n\n  function error(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'error', data);\n  }\n\n  function warning(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'warning', data);\n  }\n\n  function info(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'info', data);\n  }\n\n  return { message, success, error, warning, info, closeAll };\n}\n","/*\n * Public API Surface of sonner\n */\n\nexport * from './sonner.service';\nexport * from './sonner';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngbase-adk-stepper.mjs

@@ -1,15 +1,7 @@
-import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, contentChild, TemplateRef, viewChild, input, computed, Component, ChangeDetectionStrategy, Directive, contentChildren, model } from '@angular/core';
+import { inject, contentChild, TemplateRef, viewChild, input, computed, Directive, contentChildren, model } from '@angular/core';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 
-const slideAnimation = trigger('slide', [
-    state('void', style({ height: '0', overflow: 'hidden' })),
-    state('*', style({ height: '*' })),
-    transition('void => *', animate('200ms ease')),
-    transition('* => void', animate('200ms ease')),
-]);
-
 class NgbStep {
     constructor() {
         this.stepper = inject(NgbStepper);
@@ -22,30 +14,13 @@ class NgbStep {
         this.horizontalTemplate = computed(() => this.stepper.direction() === 'horizontal' && this.template());
         this.verticalTemplate = computed(() => this.stepper.direction() === 'vertical' && this.template());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbStep, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: NgbStep, isStandalone: true, selector: "[ngbStep]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "header", first: true, predicate: NgbStepHeader, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "stepContainer", first: true, predicate: ["stepContainer"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: `@if (horizontalTemplate(); as template) {
-      <ng-container *ngTemplateOutlet="template" />
-    }
-    <ng-template #stepContainer>
-      <div class="py-4">
-        <ng-content />
-      </div>
-    </ng-template> `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbStep, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbStep, isStandalone: true, selector: "[ngbStep]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "header", first: true, predicate: NgbStepHeader, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "stepContainer", first: true, predicate: ["stepContainer"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbStep, decorators: [{
-            type: Component,
+            type: Directive,
             args: [{
                     selector: '[ngbStep]',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [NgTemplateOutlet],
-                    template: `@if (horizontalTemplate(); as template) {
-      <ng-container *ngTemplateOutlet="template" />
-    }
-    <ng-template #stepContainer>
-      <div class="py-4">
-        <ng-content />
-      </div>
-    </ng-template> `,
                 }]
         }] });
 class NgbStepHeader {
@@ -108,104 +83,31 @@ class NgbStepper {
     prevStep() {
         this.activeIndex.update(index => Math.max(index - 1, 0));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbStepper, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: NgbStepper, isStandalone: true, selector: "[ngbStepper]", inputs: { activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIndex: "activeIndexChange" }, queries: [{ propertyName: "steps", predicate: NgbStep, isSignal: true }], exportAs: ["ngbStepper"], ngImport: i0, template: `
-    <div class="flex justify-between" [class.flex-col]="direction() === 'vertical'">
-      @for (step of steps(); track step) {
-        <div
-          [ngbStepperStep]="$index"
-          class="{{
-            'relative flex [&:not(:last-child)]:flex-1 [&:not(:last-child)]:after:mx-2 [&:not(:last-child)]:after:block [&:not(:last-child)]:after:flex-1 [&:not(:last-child)]:after:bg-background [&:not(:last-child)]:after:transition-colors' +
-              (activeIndex() > $index ? ' [&:not(:last-child)]:after:bg-primary' : '') +
-              (direction() === 'vertical'
-                ? ' flex-col [&:not(:last-child)]:after:absolute [&:not(:last-child)]:after:bottom-0 [&:not(:last-child)]:after:left-3 [&:not(:last-child)]:after:top-10 [&:not(:last-child)]:after:w-0.5'
-                : 'items-center [&:not(:last-child)]:after:h-0.5')
-          }}"
-        >
-          <div class="flex items-center">
-            <div
-              class="mr-2 grid aspect-square w-10 place-content-center rounded-full border-2 transition-colors"
-              [class.bg-primary]="activeIndex() > $index"
-              [class.border-primary]="activeIndex() >= $index"
-            >
-              {{ $index + 1 }}
-            </div>
-            @if (step.header(); as header) {
-              <ng-container *ngTemplateOutlet="header" />
-            } @else {
-              {{ step.title() }}
-            }
-          </div>
-          @if (step.verticalTemplate(); as template) {
-            <div class="ml-12 min-h-4">
-              <div [@slide]>
-                <ng-container *ngTemplateOutlet="template" />
-              </div>
-            </div>
-          }
-        </div>
-      }
-    </div>
-    <ng-content />
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgbStepperStep, selector: "[ngbStepperStep]", inputs: ["ngbStepperStep"] }], animations: [slideAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbStepper, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbStepper, isStandalone: true, selector: "[ngbStepper]", inputs: { activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIndex: "activeIndexChange" }, queries: [{ propertyName: "steps", predicate: NgbStep, isSignal: true }], exportAs: ["ngbStepper"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbStepper, decorators: [{
-            type: Component,
+            type: Directive,
             args: [{
                     selector: '[ngbStepper]',
                     exportAs: 'ngbStepper',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [NgTemplateOutlet, NgbStepperStep],
-                    template: `
-    <div class="flex justify-between" [class.flex-col]="direction() === 'vertical'">
-      @for (step of steps(); track step) {
-        <div
-          [ngbStepperStep]="$index"
-          class="{{
-            'relative flex [&:not(:last-child)]:flex-1 [&:not(:last-child)]:after:mx-2 [&:not(:last-child)]:after:block [&:not(:last-child)]:after:flex-1 [&:not(:last-child)]:after:bg-background [&:not(:last-child)]:after:transition-colors' +
-              (activeIndex() > $index ? ' [&:not(:last-child)]:after:bg-primary' : '') +
-              (direction() === 'vertical'
-                ? ' flex-col [&:not(:last-child)]:after:absolute [&:not(:last-child)]:after:bottom-0 [&:not(:last-child)]:after:left-3 [&:not(:last-child)]:after:top-10 [&:not(:last-child)]:after:w-0.5'
-                : 'items-center [&:not(:last-child)]:after:h-0.5')
-          }}"
-        >
-          <div class="flex items-center">
-            <div
-              class="mr-2 grid aspect-square w-10 place-content-center rounded-full border-2 transition-colors"
-              [class.bg-primary]="activeIndex() > $index"
-              [class.border-primary]="activeIndex() >= $index"
-            >
-              {{ $index + 1 }}
-            </div>
-            @if (step.header(); as header) {
-              <ng-container *ngTemplateOutlet="header" />
-            } @else {
-              {{ step.title() }}
-            }
-          </div>
-          @if (step.verticalTemplate(); as template) {
-            <div class="ml-12 min-h-4">
-              <div [@slide]>
-                <ng-container *ngTemplateOutlet="template" />
-              </div>
-            </div>
-          }
-        </div>
-      }
-    </div>
-    <ng-content />
-  `,
-                    animations: [slideAnimation],
                 }]
         }] });
-const provideStepper = (stepper) => ({
+const aliasStepper = (stepper) => ({
     provide: NgbStepper,
     useExisting: stepper,
 });
 
+const stepperAnimation = trigger('slide', [
+    state('void', style({ height: '0', overflow: 'hidden' })),
+    state('*', style({ height: '*' })),
+    transition('void => *', animate('200ms ease')),
+    transition('* => void', animate('200ms ease')),
+]);
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NgbStep, NgbStepHeader, NgbStepper, NgbStepperStep, provideStep, provideStepper, slideAnimation };
+export { NgbStep, NgbStepHeader, NgbStepper, NgbStepperStep, aliasStepper, provideStep, stepperAnimation };
 //# sourceMappingURL=ngbase-adk-stepper.mjs.map

package/fesm2022/ngbase-adk-stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngbase-adk-stepper.mjs","sources":["../../../projects/adk/stepper/animation.ts","../../../projects/adk/stepper/step.ts","../../../projects/adk/stepper/stepper.ts","../../../projects/adk/stepper/ngbase-adk-stepper.ts"],"sourcesContent":["import { trigger, state, style, transition, animate } from '@angular/animations';\n\nexport const slideAnimation = trigger('slide', [\n  state('void', style({ height: '0', overflow: 'hidden' })),\n  state('*', style({ height: '*' })),\n  transition('void => *', animate('200ms ease')),\n  transition('* => void', animate('200ms ease')),\n]);\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  TemplateRef,\n  computed,\n  contentChild,\n  inject,\n  input,\n  viewChild,\n} from '@angular/core';\nimport { NgbStepper } from './stepper';\n\n@Component({\n  selector: '[ngbStep]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgTemplateOutlet],\n  template: `@if (horizontalTemplate(); as template) {\n      <ng-container *ngTemplateOutlet=\"template\" />\n    }\n    <ng-template #stepContainer>\n      <div class=\"py-4\">\n        <ng-content />\n      </div>\n    </ng-template> `,\n})\nexport class NgbStep {\n  readonly stepper = inject(NgbStepper);\n  readonly header = contentChild(NgbStepHeader, { read: TemplateRef });\n  readonly stepContainer = viewChild.required('stepContainer', { read: TemplateRef });\n\n  readonly title = input<any>('Tab');\n\n  readonly index = computed(() => this.stepper.steps().indexOf(this));\n  readonly active = computed(() => this.stepper.activeIndex() === this.index());\n  private readonly template = computed(() => (this.active() ? this.stepContainer() : null));\n  readonly horizontalTemplate = computed(\n    () => this.stepper.direction() === 'horizontal' && this.template(),\n  );\n  readonly verticalTemplate = computed(\n    () => this.stepper.direction() === 'vertical' && this.template(),\n  );\n}\n\n@Directive({\n  selector: '[ngbStepHeader]',\n})\nexport class NgbStepHeader {}\n\nexport const provideStep = (step: typeof NgbStep) => ({\n  provide: NgbStep,\n  useExisting: step,\n});\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  Directive,\n  inject,\n  input,\n  model,\n} from '@angular/core';\nimport { slideAnimation } from './animation';\nimport { NgbStep } from './step';\n\n@Directive({\n  selector: '[ngbStepperStep]',\n  host: {\n    '[attr.data-status]': 'status()',\n    '[attr.aria-current]': 'status() === \"active\" ? true : undefined',\n    '[attr.data-orientation]': 'stepper.direction()',\n    '[attr.data-index]': '!last() ? true : undefined',\n  },\n})\nexport class NgbStepperStep {\n  readonly stepper = inject(NgbStepper);\n  readonly ngbStepperStep = input(0);\n  readonly last = computed(() => this.ngbStepperStep() === this.stepper.steps().length - 1);\n  readonly status = computed(() => {\n    const index = this.ngbStepperStep();\n    const activeIndex = this.stepper.activeIndex();\n\n    if (index < activeIndex) return 'completed';\n    if (index === activeIndex) return 'active';\n    return 'inactive';\n  });\n}\n\n@Component({\n  selector: '[ngbStepper]',\n  exportAs: 'ngbStepper',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgTemplateOutlet, NgbStepperStep],\n  template: `\n    <div class=\"flex justify-between\" [class.flex-col]=\"direction() === 'vertical'\">\n      @for (step of steps(); track step) {\n        <div\n          [ngbStepperStep]=\"$index\"\n          class=\"{{\n            'relative flex [&:not(:last-child)]:flex-1 [&:not(:last-child)]:after:mx-2 [&:not(:last-child)]:after:block [&:not(:last-child)]:after:flex-1 [&:not(:last-child)]:after:bg-background [&:not(:last-child)]:after:transition-colors' +\n              (activeIndex() > $index ? ' [&:not(:last-child)]:after:bg-primary' : '') +\n              (direction() === 'vertical'\n                ? ' flex-col [&:not(:last-child)]:after:absolute [&:not(:last-child)]:after:bottom-0 [&:not(:last-child)]:after:left-3 [&:not(:last-child)]:after:top-10 [&:not(:last-child)]:after:w-0.5'\n                : 'items-center [&:not(:last-child)]:after:h-0.5')\n          }}\"\n        >\n          <div class=\"flex items-center\">\n            <div\n              class=\"mr-2 grid aspect-square w-10 place-content-center rounded-full border-2 transition-colors\"\n              [class.bg-primary]=\"activeIndex() > $index\"\n              [class.border-primary]=\"activeIndex() >= $index\"\n            >\n              {{ $index + 1 }}\n            </div>\n            @if (step.header(); as header) {\n              <ng-container *ngTemplateOutlet=\"header\" />\n            } @else {\n              {{ step.title() }}\n            }\n          </div>\n          @if (step.verticalTemplate(); as template) {\n            <div class=\"ml-12 min-h-4\">\n              <div [@slide]>\n                <ng-container *ngTemplateOutlet=\"template\" />\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </div>\n    <ng-content />\n  `,\n  animations: [slideAnimation],\n})\nexport class NgbStepper {\n  readonly steps = contentChildren(NgbStep);\n  readonly activeIndex = model(0);\n  readonly direction = input<'horizontal' | 'vertical'>('horizontal');\n\n  readonly first = computed(() => this.activeIndex() === 0);\n  readonly last = computed(() => this.activeIndex() === this.steps().length - 1);\n  readonly completed = computed(() => this.activeIndex() === this.steps().length);\n\n  nextStep() {\n    this.activeIndex.update(index => Math.min(index + 1, this.steps().length));\n  }\n\n  prevStep() {\n    this.activeIndex.update(index => Math.max(index - 1, 0));\n  }\n}\n\nexport const provideStepper = (stepper: typeof NgbStepper) => ({\n  provide: NgbStepper,\n  useExisting: stepper,\n});\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngbase-adk-stepper.mjs","sources":["../../../projects/adk/stepper/step.ts","../../../projects/adk/stepper/stepper.ts","../../../projects/adk/stepper/animation.ts","../../../projects/adk/stepper/ngbase-adk-stepper.ts"],"sourcesContent":["import {\n  Directive,\n  TemplateRef,\n  computed,\n  contentChild,\n  inject,\n  input,\n  viewChild,\n} from '@angular/core';\nimport { NgbStepper } from './stepper';\n\n@Directive({\n  selector: '[ngbStep]',\n})\nexport class NgbStep {\n  readonly stepper = inject(NgbStepper);\n  readonly header = contentChild(NgbStepHeader, { read: TemplateRef });\n  readonly stepContainer = viewChild.required('stepContainer', { read: TemplateRef });\n\n  readonly title = input<any>('Tab');\n\n  readonly index = computed(() => this.stepper.steps().indexOf(this));\n  readonly active = computed(() => this.stepper.activeIndex() === this.index());\n  private readonly template = computed(() => (this.active() ? this.stepContainer() : null));\n  readonly horizontalTemplate = computed(\n    () => this.stepper.direction() === 'horizontal' && this.template(),\n  );\n  readonly verticalTemplate = computed(\n    () => this.stepper.direction() === 'vertical' && this.template(),\n  );\n}\n\n@Directive({\n  selector: '[ngbStepHeader]',\n})\nexport class NgbStepHeader {}\n\nexport const provideStep = (step: typeof NgbStep) => ({\n  provide: NgbStep,\n  useExisting: step,\n});\n","import { computed, contentChildren, Directive, inject, input, model } from '@angular/core';\nimport { NgbStep } from './step';\n\n@Directive({\n  selector: '[ngbStepperStep]',\n  host: {\n    '[attr.data-status]': 'status()',\n    '[attr.aria-current]': 'status() === \"active\" ? true : undefined',\n    '[attr.data-orientation]': 'stepper.direction()',\n    '[attr.data-index]': '!last() ? true : undefined',\n  },\n})\nexport class NgbStepperStep {\n  readonly stepper = inject(NgbStepper);\n  readonly ngbStepperStep = input(0);\n  readonly last = computed(() => this.ngbStepperStep() === this.stepper.steps().length - 1);\n  readonly status = computed(() => {\n    const index = this.ngbStepperStep();\n    const activeIndex = this.stepper.activeIndex();\n\n    if (index < activeIndex) return 'completed';\n    if (index === activeIndex) return 'active';\n    return 'inactive';\n  });\n}\n\n@Directive({\n  selector: '[ngbStepper]',\n  exportAs: 'ngbStepper',\n})\nexport class NgbStepper {\n  readonly steps = contentChildren(NgbStep);\n\n  readonly activeIndex = model(0);\n  readonly direction = input<'horizontal' | 'vertical'>('horizontal');\n\n  readonly first = computed(() => this.activeIndex() === 0);\n  readonly last = computed(() => this.activeIndex() === this.steps().length - 1);\n  readonly completed = computed(() => this.activeIndex() === this.steps().length);\n\n  nextStep() {\n    this.activeIndex.update(index => Math.min(index + 1, this.steps().length));\n  }\n\n  prevStep() {\n    this.activeIndex.update(index => Math.max(index - 1, 0));\n  }\n}\n\nexport const aliasStepper = (stepper: typeof NgbStepper) => ({\n  provide: NgbStepper,\n  useExisting: stepper,\n});\n","import { trigger, state, style, transition, animate } from '@angular/animations';\n\nexport const stepperAnimation = trigger('slide', [\n  state('void', style({ height: '0', overflow: 'hidden' })),\n  state('*', style({ height: '*' })),\n  transition('void => *', animate('200ms ease')),\n  transition('* => void', animate('200ms ease')),\n]);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngbase-adk-switch.mjs

@@ -99,7 +99,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
 function _provide(ngbSwitch) {
     return [provideValueAccessor(ngbSwitch)];
 }
-function provideSwitch(ngbSwitch) {
+function aliasSwitch(ngbSwitch) {
     return [_provide(ngbSwitch), { provide: NgbSwitch, useExisting: ngbSwitch }];
 }
 
@@ -111,5 +111,5 @@ function provideSwitch(ngbSwitch) {
  * Generated bundle index. Do not edit.
  */
 
-export { NgbSwitch, NgbSwitchLabel, NgbSwitchThumb, NgbSwitchTrack, provideSwitch };
+export { NgbSwitch, NgbSwitchLabel, NgbSwitchThumb, NgbSwitchTrack, aliasSwitch };
 //# sourceMappingURL=ngbase-adk-switch.mjs.map

package/fesm2022/ngbase-adk-switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngbase-adk-switch.mjs","sources":["../../../projects/adk/switch/switch.ts","../../../projects/adk/switch/public-api.ts","../../../projects/adk/switch/ngbase-adk-switch.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  input,\n  model,\n  output,\n  Type,\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { Directionality } from '@ngbase/adk/bidi';\nimport { provideValueAccessor, uniqueId } from '@ngbase/adk/utils';\n\n@Directive({\n  selector: 'button[ngbSwitchTrack]',\n  exportAs: 'ngbSwitchTrack',\n  host: {\n    type: 'button',\n    role: 'switch',\n    '[id]': 'switch.id',\n    '(click)': 'switch.updateValue()',\n    '[disabled]': 'switch.disabled()',\n    '[attr.aria-checked]': 'checked()',\n  },\n})\nexport class NgbSwitchTrack {\n  readonly switch = inject(NgbSwitch);\n  readonly checked = computed(() => this.switch.checked());\n}\n\n@Directive({\n  selector: '[ngbSwitchThumb]',\n  exportAs: 'ngbSwitchThumb',\n  host: {\n    '[attr.aria-checked]': 'checked()',\n  },\n})\nexport class NgbSwitchThumb {\n  readonly switch = inject(NgbSwitch);\n  private readonly dir = inject(Directionality);\n  readonly checked = computed(() => this.switch.checked());\n  readonly rtl = this.dir.isRtl;\n}\n\n@Directive({\n  selector: '[ngbSwitchLabel]',\n  host: {\n    '[attr.for]': 'switch.id',\n  },\n})\nexport class NgbSwitchLabel {\n  readonly switch = inject(NgbSwitch);\n}\n\n@Directive({\n  selector: '[ngbSwitch]',\n  exportAs: 'ngbSwitch',\n  providers: [_provide(NgbSwitch)],\n})\nexport class NgbSwitch implements ControlValueAccessor {\n  readonly id = uniqueId();\n  readonly change = output<boolean>();\n  readonly checked = model(false);\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  private onChange?: (value: any) => {};\n  private onTouched?: () => {};\n\n  updateValue() {\n    this.checked.update(v => !v);\n    const checked = this.checked();\n    this.onChange?.(checked);\n    this.onTouched?.();\n    this.change.emit(checked);\n  }\n\n  writeValue(value: any): void {\n    this.checked.set(value);\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n}\n\nfunction _provide(ngbSwitch: typeof NgbSwitch) {\n  return [provideValueAccessor(ngbSwitch)];\n}\n\nexport function provideSwitch(ngbSwitch: Type<NgbSwitch>) {\n  return [_provide(ngbSwitch), { provide: NgbSwitch, useExisting: ngbSwitch }];\n}\n","/*\n * Public API Surface of switch\n */\n\nexport * from './switch';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngbase-adk-switch.mjs","sources":["../../../projects/adk/switch/switch.ts","../../../projects/adk/switch/public-api.ts","../../../projects/adk/switch/ngbase-adk-switch.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  input,\n  model,\n  output,\n  Type,\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { Directionality } from '@ngbase/adk/bidi';\nimport { provideValueAccessor, uniqueId } from '@ngbase/adk/utils';\n\n@Directive({\n  selector: 'button[ngbSwitchTrack]',\n  exportAs: 'ngbSwitchTrack',\n  host: {\n    type: 'button',\n    role: 'switch',\n    '[id]': 'switch.id',\n    '(click)': 'switch.updateValue()',\n    '[disabled]': 'switch.disabled()',\n    '[attr.aria-checked]': 'checked()',\n  },\n})\nexport class NgbSwitchTrack {\n  readonly switch = inject(NgbSwitch);\n  readonly checked = computed(() => this.switch.checked());\n}\n\n@Directive({\n  selector: '[ngbSwitchThumb]',\n  exportAs: 'ngbSwitchThumb',\n  host: {\n    '[attr.aria-checked]': 'checked()',\n  },\n})\nexport class NgbSwitchThumb {\n  readonly switch = inject(NgbSwitch);\n  private readonly dir = inject(Directionality);\n  readonly checked = computed(() => this.switch.checked());\n  readonly rtl = this.dir.isRtl;\n}\n\n@Directive({\n  selector: '[ngbSwitchLabel]',\n  host: {\n    '[attr.for]': 'switch.id',\n  },\n})\nexport class NgbSwitchLabel {\n  readonly switch = inject(NgbSwitch);\n}\n\n@Directive({\n  selector: '[ngbSwitch]',\n  exportAs: 'ngbSwitch',\n  providers: [_provide(NgbSwitch)],\n})\nexport class NgbSwitch implements ControlValueAccessor {\n  readonly id = uniqueId();\n  readonly change = output<boolean>();\n  readonly checked = model(false);\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  private onChange?: (value: any) => {};\n  private onTouched?: () => {};\n\n  updateValue() {\n    this.checked.update(v => !v);\n    const checked = this.checked();\n    this.onChange?.(checked);\n    this.onTouched?.();\n    this.change.emit(checked);\n  }\n\n  writeValue(value: any): void {\n    this.checked.set(value);\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n}\n\nfunction _provide(ngbSwitch: typeof NgbSwitch) {\n  return [provideValueAccessor(ngbSwitch)];\n}\n\nexport function aliasSwitch(ngbSwitch: Type<NgbSwitch>) {\n  return [_provide(ngbSwitch), { provide: NgbSwitch, useExisting: ngbSwitch }];\n}\n","/*\n * Public API Surface of switch\n */\n\nexport * from './switch';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngbase-adk-table.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Directive, input, contentChild, TemplateRef, viewChild, ViewContainerRef, effect, Component, ChangeDetectionStrategy, InjectionToken, contentChildren, Injector, IterableDiffers, untracked } from '@angular/core';
+import { inject, Directive, input, contentChild, TemplateRef, viewChild, ViewContainerRef, effect, InjectionToken, Injector, IterableDiffers, contentChildren, untracked } from '@angular/core';
 
 class NgbHead {
     constructor() {
@@ -104,7 +104,7 @@ class NgbHeadRow {
                 }
             });
             const cols = this.headDef.ngbHeadRowDef();
-            columns.forEach(column => {
+            columns.forEach((column, index) => {
                 if (!cols?.includes(column.ngbColumn())) {
                     if (this.ref.has(column)) {
                         const ref = this.ref.get(column);
@@ -114,7 +114,10 @@ class NgbHeadRow {
                     return;
                 }
                 if (!this.ref.has(column)) {
-                    const ref = this.container().createEmbeddedView(column.heads());
+                    // maintain the order of the columns
+                    const ref = this.container().createEmbeddedView(column.heads(), undefined, {
+                        index,
+                    });
                     this.ref.set(column, ref);
                 }
             });
@@ -123,17 +126,14 @@ class NgbHeadRow {
     ngOnDestroy() {
         this.container().clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbHeadRow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.0", type: NgbHeadRow, isStandalone: true, selector: "[ngbHeadRow]", host: { properties: { "attr.data-sticky": "headDef.ngbHeadRowDefSticky()" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: `<ng-container #container />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbHeadRow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbHeadRow, isStandalone: true, selector: "[ngbHeadRow]", host: { properties: { "attr.data-sticky": "headDef.ngbHeadRowDefSticky()" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbHeadRow, decorators: [{
-            type: Component,
+            type: Directive,
             args: [{
                     selector: '[ngbHeadRow]',
-                    template: `<ng-container #container />`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
-                        // '[class]': `headDef.ngbHeadRowDefSticky() ? 'sticky top-0 bg-foreground' : ''`,
                         '[attr.data-sticky]': 'headDef.ngbHeadRowDefSticky()',
                     },
                 }]
@@ -142,6 +142,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
 const ROW_TOKEN = new InjectionToken('ROW_TOKEN');
 class NgbTable {
     constructor() {
+        this.injector = inject(Injector);
+        this.differs = inject(IterableDiffers);
         this.thead = viewChild('thead', { read: ViewContainerRef });
         this.tbody = viewChild('tbody', { read: ViewContainerRef });
         this.bodyRowDef = contentChildren(NgbBodyRowDef, { read: TemplateRef });
@@ -149,8 +151,6 @@ class NgbTable {
         this.columns = contentChildren(NgbColumn);
         this.data = input.required();
         this.trackBy = input((_, item) => item);
-        this.injector = inject(Injector);
-        this.differs = inject(IterableDiffers);
         this._values = new WeakMap();
         this.valuesTracker = new Map();
         let headerRendered = false;
@@ -227,29 +227,13 @@ class NgbTable {
             context.index = renderIndex;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.0", type: NgbTable, isStandalone: true, selector: "table[ngbTable]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "bodyRowDef", predicate: NgbBodyRowDef, read: TemplateRef, isSignal: true }, { propertyName: "headRowDef", first: true, predicate: NgbHeadRowDef, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "columns", predicate: NgbColumn, isSignal: true }], viewQueries: [{ propertyName: "thead", first: true, predicate: ["thead"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "tbody", first: true, predicate: ["tbody"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: `
-    <thead>
-      <ng-container #thead />
-    </thead>
-    <tbody>
-      <ng-container #tbody />
-    </tbody>
-  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTable, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbTable, isStandalone: true, selector: "table[ngbTable]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "bodyRowDef", predicate: NgbBodyRowDef, read: TemplateRef, isSignal: true }, { propertyName: "headRowDef", first: true, predicate: NgbHeadRowDef, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "columns", predicate: NgbColumn, isSignal: true }], viewQueries: [{ propertyName: "thead", first: true, predicate: ["thead"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "tbody", first: true, predicate: ["tbody"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTable, decorators: [{
-            type: Component,
+            type: Directive,
             args: [{
                     selector: 'table[ngbTable]',
-                    template: `
-    <thead>
-      <ng-container #thead />
-    </thead>
-    <tbody>
-      <ng-container #tbody />
-    </tbody>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: () => [] });
 class TableOutletContext {
@@ -315,15 +299,13 @@ class NgbBodyRow {
         this.container().clear();
         this.ref.clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbBodyRow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.0", type: NgbBodyRow, isStandalone: true, selector: "[ngbBodyRow]", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: `<ng-container #container />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbBodyRow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbBodyRow, isStandalone: true, selector: "[ngbBodyRow]", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbBodyRow, decorators: [{
-            type: Component,
+            type: Directive,
             args: [{
                     selector: '[ngbBodyRow]',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-container #container />`,
                 }]
         }], ctorParameters: () => [] });