@ngbase/adk 0.1.16 → 0.1.18

package/fesm2022/ngbase-adk-sidenav.mjs

@@ -1,8 +1,6 @@
 import * as i0 from '@angular/core';
-import { signal, computed, Injectable, inject, Component, model, input, linkedSignal, Directive, ElementRef } from '@angular/core';
-import { fadeAnimation } from '@ngbase/adk/utils';
+import { signal, computed, Injectable, inject, Component, model, input, linkedSignal, Directive, ElementRef, effect } from '@angular/core';
 import { injectDirectionality, Directionality } from '@ngbase/adk/bidi';
-import { trigger, state, style, transition, animate } from '@angular/animations';
 
 class SidenavService {
     constructor() {
@@ -36,10 +34,10 @@ class SidenavService {
     animationStart() {
         this.status.set(1);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: SidenavService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: SidenavService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SidenavService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SidenavService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: SidenavService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SidenavService, decorators: [{
             type: Injectable
         }] });
 
@@ -47,10 +45,10 @@ class NgbSidenavOverlay {
     constructor() {
         this.sidenav = inject(NgbSidenav);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSidenavOverlay, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.0", type: NgbSidenavOverlay, isStandalone: true, selector: "[ngbSidenavOverlay]", host: { listeners: { "click": "sidenav.toggle()" }, properties: { "@fadeAnimation": "" }, styleAttribute: "position:absolute;left:0;top:0;width:100%;height:100%;", classAttribute: "sidenav-overlay" }, ngImport: i0, template: ``, isInline: true, animations: [fadeAnimation('500ms')] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSidenavOverlay, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: NgbSidenavOverlay, isStandalone: true, selector: "[ngbSidenavOverlay]", host: { listeners: { "click": "sidenav.toggle()" }, styleAttribute: "position:absolute;left:0;top:0;width:100%;height:100%;", classAttribute: "sidenav-overlay" }, ngImport: i0, template: ``, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSidenavOverlay, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSidenavOverlay, decorators: [{
             type: Component,
             args: [{
                     selector: '[ngbSidenavOverlay]',
@@ -59,9 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
                         class: 'sidenav-overlay',
                         style: 'position:absolute;left:0;top:0;width:100%;height:100%;',
                         '(click)': 'sidenav.toggle()',
-                        '[@fadeAnimation]': '',
                     },
-                    animations: [fadeAnimation('500ms')],
                 }]
         }] });
 class NgbSidenav {
@@ -71,16 +67,16 @@ class NgbSidenav {
         this.show = model(true, ...(ngDevMode ? [{ debugName: "show" }] : []));
         this.mode = input('side', ...(ngDevMode ? [{ debugName: "mode" }] : []));
         this.showOverlay = computed(() => this.mode() === 'over' && this.show(), ...(ngDevMode ? [{ debugName: "showOverlay" }] : []));
-        this.sidenavService.show = linkedSignal(this.show);
-        this.sidenavService.mode = linkedSignal(this.mode);
+        this.sidenavService.show = linkedSignal(this.show, ...(ngDevMode ? [{ debugName: "show" }] : []));
+        this.sidenavService.mode = linkedSignal(this.mode, ...(ngDevMode ? [{ debugName: "mode" }] : []));
     }
     toggle() {
         this.show.update(show => !show);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSidenav, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NgbSidenav, isStandalone: true, selector: "[ngbSidenav]", inputs: { show: { classPropertyName: "show", publicName: "show", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { show: "showChange" }, host: { styleAttribute: "position:relative;width:100%;height:100%;" }, providers: [SidenavService], exportAs: ["ngbSidenav"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSidenav, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: NgbSidenav, isStandalone: true, selector: "[ngbSidenav]", inputs: { show: { classPropertyName: "show", publicName: "show", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { show: "showChange" }, host: { styleAttribute: "position:relative;width:100%;height:100%;" }, providers: [SidenavService], exportAs: ["ngbSidenav"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSidenav, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSidenav, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbSidenav]',
@@ -90,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
                         style: 'position:relative;width:100%;height:100%;',
                     },
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { show: [{ type: i0.Input, args: [{ isSignal: true, alias: "show", required: false }] }, { type: i0.Output, args: ["showChange"] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
 const aliasSidenav = (sidenav) => [
     SidenavService,
     { provide: NgbSidenav, useExisting: sidenav },
@@ -103,10 +99,10 @@ class NgbSidenavHeaderContent {
             ? this.sidenav.minWidth()
             : this.sidenav.width(), ...(ngDevMode ? [{ debugName: "w" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSidenavHeaderContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: NgbSidenavHeaderContent, isStandalone: true, selector: "[ngbSidenavHeaderContent]", host: { properties: { "style.width": "w()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSidenavHeaderContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NgbSidenavHeaderContent, isStandalone: true, selector: "[ngbSidenavHeaderContent]", host: { properties: { "style.width": "w()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSidenavHeaderContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSidenavHeaderContent, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbSidenavHeaderContent]',
@@ -119,10 +115,10 @@ class NgbSidenavHeaderTrack {
     constructor() {
         this.sidenav = inject(SidenavService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSidenavHeaderTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: NgbSidenavHeaderTrack, isStandalone: true, selector: "[ngbSidenavHeaderTrack]", host: { properties: { "style.width": "sidenav.w()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSidenavHeaderTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NgbSidenavHeaderTrack, isStandalone: true, selector: "[ngbSidenavHeaderTrack]", host: { properties: { "style.width": "sidenav.w()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSidenavHeaderTrack, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSidenavHeaderTrack, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbSidenavHeaderTrack]',
@@ -131,13 +127,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
                     },
                 }]
         }] });
-function slideAnimation(ease) {
-    return trigger('slide', [
-        state('true', style({ transform: 'translateX(0)' })),
-        state('false', style({ transform: 'translateX({{x}})' }), { params: { x: '-100%' } }),
-        transition('* <=> *', [animate(ease)]),
-    ]);
-}
 class NgbSidenavHeader {
     constructor() {
         this.sidenav = inject(SidenavService);
@@ -145,11 +134,8 @@ class NgbSidenavHeader {
         this.dir = inject(Directionality);
         this.width = input('250px', ...(ngDevMode ? [{ debugName: "width" }] : []));
         this.minWidth = input('0', ...(ngDevMode ? [{ debugName: "minWidth" }] : []));
-        this.initial = 0;
-        this.isAnimationDisabled = linkedSignal({
-            source: this.sidenav.animate,
-            computation: () => this.initial++ === 0, // this will not considered on initial render due to increment
-        });
+        // Track if we should skip animation (e.g., during direction change)
+        this.skipTransition = signal(false, ...(ngDevMode ? [{ debugName: "skipTransition" }] : []));
         this.w = computed(() => (this.sidenav.mode() === 'partial' ? this.minWidth() : this.width()), ...(ngDevMode ? [{ debugName: "w" }] : []));
         this.actualWidth = computed(() => {
             if (this.sidenav.show()) {
@@ -163,6 +149,13 @@ class NgbSidenavHeader {
             }
             return this.width();
         }, ...(ngDevMode ? [{ debugName: "actualWidth" }] : []));
+        this.translateX = computed(() => {
+            if (this.sidenav.animate()) {
+                return 'translateX(0)';
+            }
+            const offset = this.dir.isRtl() ? this.w() : `-${this.w()}`;
+            return `translateX(${offset})`;
+        }, ...(ngDevMode ? [{ debugName: "translateX" }] : []));
         this.headerStyles = computed(() => {
             let styles = {};
             if (this.sidenav.mode() === 'over') {
@@ -174,15 +167,42 @@ class NgbSidenavHeader {
             else {
                 styles = { ...styles, left: '0' };
             }
+            // Disable transition during direction change
+            if (this.skipTransition()) {
+                styles = { ...styles, transition: 'none' };
+            }
             return styles;
         }, ...(ngDevMode ? [{ debugName: "headerStyles" }] : []));
-        this.sidenav.width = linkedSignal(this.width);
-        this.sidenav.minWidth = linkedSignal(this.minWidth);
+        this.sidenav.width = linkedSignal(this.width, ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.sidenav.minWidth = linkedSignal(this.minWidth, ...(ngDevMode ? [{ debugName: "minWidth" }] : []));
+        // Watch for direction changes and skip transition
+        let prevDir = this.dir.isRtl();
+        effect(() => {
+            const currentDir = this.dir.isRtl();
+            if (currentDir !== prevDir) {
+                prevDir = currentDir;
+                this.skipTransition.set(true);
+                // Re-enable transition after a frame
+                requestAnimationFrame(() => {
+                    this.skipTransition.set(false);
+                });
+            }
+        });
+    }
+    onTransitionEnd(event) {
+        if (event.propertyName === 'transform') {
+            this.sidenav.animationDone();
+        }
+    }
+    onTransitionStart(event) {
+        if (event.propertyName === 'transform') {
+            this.sidenav.animationStart();
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSidenavHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NgbSidenavHeader, isStandalone: true, selector: "[ngbSidenavHeader]", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "@slide.done": "sidenav.animationDone()", "@slide.start": "sidenav.animationStart()" }, properties: { "style.visibility": "sidenav.visibility() ? \"visible\" : \"hidden\"", "style": "headerStyles()", "style.width": "actualWidth()", "attr.aria-hidden": "!sidenav.show()", "attr.data-mode": "sidenav.mode()", "@slide": "{ value: sidenav.animate(), params: { x: dir.isRtl() ? w() : '-'+w() } }" }, styleAttribute: "overflow:hidden;position:absolute;" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSidenavHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: NgbSidenavHeader, isStandalone: true, selector: "[ngbSidenavHeader]", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "transitionend": "onTransitionEnd($event)", "transitionstart": "onTransitionStart($event)" }, properties: { "style.visibility": "sidenav.visibility() ? \"visible\" : \"hidden\"", "style": "headerStyles()", "style.width": "actualWidth()", "style.transform": "translateX()", "attr.aria-hidden": "!sidenav.show()", "attr.data-mode": "sidenav.mode()" }, styleAttribute: "overflow:hidden;position:absolute;" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSidenavHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSidenavHeader, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbSidenavHeader]',
@@ -191,19 +211,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
                         '[style.visibility]': 'sidenav.visibility() ? "visible" : "hidden"',
                         '[style]': `headerStyles()`,
                         '[style.width]': `actualWidth()`,
+                        '[style.transform]': 'translateX()',
                         '[attr.aria-hidden]': '!sidenav.show()',
                         '[attr.data-mode]': 'sidenav.mode()',
-                        '[@slide]': `{ value: sidenav.animate(), params: { x: dir.isRtl() ? w() : '-'+w() } }`,
-                        '(@slide.done)': 'sidenav.animationDone()',
-                        '(@slide.start)': 'sidenav.animationStart()',
-                        // '[@slide.disabled]': 'isAnimationDisabled()',
+                        '(transitionend)': 'onTransitionEnd($event)',
+                        '(transitionstart)': 'onTransitionStart($event)',
                     },
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NgbSidenav, NgbSidenavHeader, NgbSidenavHeaderContent, NgbSidenavHeaderTrack, NgbSidenavOverlay, aliasSidenav, slideAnimation };
+export { NgbSidenav, NgbSidenavHeader, NgbSidenavHeaderContent, NgbSidenavHeaderTrack, NgbSidenavOverlay, aliasSidenav };
 //# sourceMappingURL=ngbase-adk-sidenav.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ngbase-adk-sidenav.mjs","sources":["../../../projects/adk/sidenav/sidenav.service.ts","../../../projects/adk/sidenav/sidenav.ts","../../../projects/adk/sidenav/sidenav-header.ts","../../../projects/adk/sidenav/ngbase-adk-sidenav.ts"],"sourcesContent":["import { computed, Injectable, signal } from '@angular/core';\nimport { injectDirectionality } from '@ngbase/adk/bidi';\n\nexport type SidenavType = 'side' | 'over' | 'partial';\n\n@Injectable()\nexport class SidenavService {\n  readonly dir = injectDirectionality();\n  width = signal('0');\n  show = signal(true);\n  mode = signal<'side' | 'over' | 'partial'>('side');\n  minWidth = signal('0');\n  readonly status = signal(1);\n\n  readonly visibility = computed(() => (this.mode() === 'partial' ? true : this.status()));\n  readonly animate = computed(() => (this.mode() === 'partial' ? true : this.show()));\n\n  readonly w = computed(() =>\n    this.show() && this.mode() !== 'over'\n      ? this.width()\n      : this.mode() === 'partial'\n        ? this.minWidth()\n        : '0',\n  );\n\n  readonly styles = computed(() => {\n    const styles = {} as any;\n    if (this.dir.isRtl()) {\n      styles.paddingRight = this.w();\n    } else {\n      styles.paddingLeft = this.w();\n    }\n    return styles;\n  });\n\n  animationDone() {\n    this.status.set(this.show() ? 1 : 0);\n  }\n\n  animationStart() {\n    this.status.set(1);\n  }\n}\n","import {\n  Component,\n  computed,\n  Directive,\n  inject,\n  input,\n  linkedSignal,\n  model,\n  Type,\n} from '@angular/core';\nimport { fadeAnimation } from '@ngbase/adk/utils';\nimport { SidenavType } from './sidenav.service';\nimport { SidenavService } from './sidenav.service';\n\n@Component({\n  selector: '[ngbSidenavOverlay]',\n  template: ``,\n  host: {\n    class: 'sidenav-overlay',\n    style: 'position:absolute;left:0;top:0;width:100%;height:100%;',\n    '(click)': 'sidenav.toggle()',\n    '[@fadeAnimation]': '',\n  },\n  animations: [fadeAnimation('500ms')],\n})\nexport class NgbSidenavOverlay {\n  readonly sidenav = inject(NgbSidenav);\n}\n\n@Directive({\n  selector: '[ngbSidenav]',\n  exportAs: 'ngbSidenav',\n  providers: [SidenavService],\n  host: {\n    style: 'position:relative;width:100%;height:100%;',\n  },\n})\nexport class NgbSidenav {\n  readonly sidenavService = inject(SidenavService);\n\n  // Inputs\n  readonly show = model(true);\n  readonly mode = input<SidenavType>('side');\n\n  readonly showOverlay = computed(() => this.mode() === 'over' && this.show());\n\n  constructor() {\n    this.sidenavService.show = linkedSignal(this.show);\n    this.sidenavService.mode = linkedSignal(this.mode);\n  }\n\n  toggle() {\n    this.show.update(show => !show);\n  }\n}\n\nexport const aliasSidenav = (sidenav: Type<NgbSidenav>) => [\n  SidenavService,\n  { provide: NgbSidenav, useExisting: sidenav },\n];\n","import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { computed, Directive, ElementRef, inject, input, linkedSignal } from '@angular/core';\nimport { Directionality } from '@ngbase/adk/bidi';\nimport { SidenavService } from './sidenav.service';\n\n@Directive({\n  selector: '[ngbSidenavHeaderContent]',\n  host: {\n    '[style.width]': 'w()',\n  },\n})\nexport class NgbSidenavHeaderContent {\n  readonly sidenav = inject(SidenavService);\n  readonly w = computed(() =>\n    this.sidenav.mode() === 'partial' && !this.sidenav.show()\n      ? this.sidenav.minWidth()\n      : this.sidenav.width(),\n  );\n}\n\n@Directive({\n  selector: '[ngbSidenavHeaderTrack]',\n  host: {\n    '[style.width]': 'sidenav.w()',\n  },\n})\nexport class NgbSidenavHeaderTrack {\n  readonly sidenav = inject(SidenavService);\n}\n\nexport function slideAnimation(ease: string) {\n  return trigger('slide', [\n    state('true', style({ transform: 'translateX(0)' })),\n    state('false', style({ transform: 'translateX({{x}})' }), { params: { x: '-100%' } }),\n    transition('* <=> *', [animate(ease)]),\n  ]);\n}\n\n@Directive({\n  selector: '[ngbSidenavHeader]',\n  host: {\n    style: 'overflow:hidden;position:absolute;',\n    '[style.visibility]': 'sidenav.visibility() ? \"visible\" : \"hidden\"',\n    '[style]': `headerStyles()`,\n    '[style.width]': `actualWidth()`,\n    '[attr.aria-hidden]': '!sidenav.show()',\n    '[attr.data-mode]': 'sidenav.mode()',\n    '[@slide]': `{ value: sidenav.animate(), params: { x: dir.isRtl() ? w() : '-'+w() } }`,\n    '(@slide.done)': 'sidenav.animationDone()',\n    '(@slide.start)': 'sidenav.animationStart()',\n    // '[@slide.disabled]': 'isAnimationDisabled()',\n  },\n})\nexport class NgbSidenavHeader {\n  readonly sidenav = inject(SidenavService);\n  readonly el = inject(ElementRef);\n  readonly dir = inject(Directionality);\n\n  readonly width = input('250px');\n  readonly minWidth = input('0');\n\n  private initial = 0;\n  readonly isAnimationDisabled = linkedSignal({\n    source: this.sidenav.animate,\n    computation: () => this.initial++ === 0, // this will not considered on initial render due to increment\n  });\n\n  readonly w = computed(() => (this.sidenav.mode() === 'partial' ? this.minWidth() : this.width()));\n  readonly actualWidth = computed(() => {\n    if (this.sidenav.show()) {\n      return this.width();\n    } else if (this.sidenav.mode() === 'partial') {\n      return this.minWidth();\n    } else if (this.sidenav.mode() === 'over') {\n      return this.width();\n    }\n    return this.width();\n  });\n\n  readonly headerStyles = computed(() => {\n    let styles = {};\n    if (this.sidenav.mode() === 'over') {\n      styles = { ...styles, position: 'absolute', top: '0', height: '100%' };\n    }\n    if (this.dir.isRtl()) {\n      styles = { ...styles, right: '0' };\n    } else {\n      styles = { ...styles, left: '0' };\n    }\n    return styles;\n  });\n\n  constructor() {\n    this.sidenav.width = linkedSignal(this.width);\n    this.sidenav.minWidth = linkedSignal(this.minWidth);\n  }\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-sidenav.mjs","sources":["../../../projects/adk/sidenav/sidenav.service.ts","../../../projects/adk/sidenav/sidenav.ts","../../../projects/adk/sidenav/sidenav-header.ts","../../../projects/adk/sidenav/ngbase-adk-sidenav.ts"],"sourcesContent":["import { computed, Injectable, signal } from '@angular/core';\nimport { injectDirectionality } from '@ngbase/adk/bidi';\n\nexport type SidenavType = 'side' | 'over' | 'partial';\n\n@Injectable()\nexport class SidenavService {\n  readonly dir = injectDirectionality();\n  width = signal('0');\n  show = signal(true);\n  mode = signal<'side' | 'over' | 'partial'>('side');\n  minWidth = signal('0');\n  readonly status = signal(1);\n\n  readonly visibility = computed(() => (this.mode() === 'partial' ? true : this.status()));\n  readonly animate = computed(() => (this.mode() === 'partial' ? true : this.show()));\n\n  readonly w = computed(() =>\n    this.show() && this.mode() !== 'over'\n      ? this.width()\n      : this.mode() === 'partial'\n        ? this.minWidth()\n        : '0',\n  );\n\n  readonly styles = computed(() => {\n    const styles = {} as any;\n    if (this.dir.isRtl()) {\n      styles.paddingRight = this.w();\n    } else {\n      styles.paddingLeft = this.w();\n    }\n    return styles;\n  });\n\n  animationDone() {\n    this.status.set(this.show() ? 1 : 0);\n  }\n\n  animationStart() {\n    this.status.set(1);\n  }\n}\n","import {\n  Component,\n  computed,\n  Directive,\n  inject,\n  input,\n  linkedSignal,\n  model,\n  Type,\n} from '@angular/core';\nimport { SidenavType } from './sidenav.service';\nimport { SidenavService } from './sidenav.service';\n\n@Component({\n  selector: '[ngbSidenavOverlay]',\n  template: ``,\n  host: {\n    class: 'sidenav-overlay',\n    style: 'position:absolute;left:0;top:0;width:100%;height:100%;',\n    '(click)': 'sidenav.toggle()',\n  },\n})\nexport class NgbSidenavOverlay {\n  readonly sidenav = inject(NgbSidenav);\n}\n\n@Directive({\n  selector: '[ngbSidenav]',\n  exportAs: 'ngbSidenav',\n  providers: [SidenavService],\n  host: {\n    style: 'position:relative;width:100%;height:100%;',\n  },\n})\nexport class NgbSidenav {\n  readonly sidenavService = inject(SidenavService);\n\n  // Inputs\n  readonly show = model(true);\n  readonly mode = input<SidenavType>('side');\n\n  readonly showOverlay = computed(() => this.mode() === 'over' && this.show());\n\n  constructor() {\n    this.sidenavService.show = linkedSignal(this.show);\n    this.sidenavService.mode = linkedSignal(this.mode);\n  }\n\n  toggle() {\n    this.show.update(show => !show);\n  }\n}\n\nexport const aliasSidenav = (sidenav: Type<NgbSidenav>) => [\n  SidenavService,\n  { provide: NgbSidenav, useExisting: sidenav },\n];\n","import { computed, Directive, effect, ElementRef, inject, input, linkedSignal, signal } from '@angular/core';\nimport { Directionality } from '@ngbase/adk/bidi';\nimport { SidenavService } from './sidenav.service';\n\n@Directive({\n  selector: '[ngbSidenavHeaderContent]',\n  host: {\n    '[style.width]': 'w()',\n  },\n})\nexport class NgbSidenavHeaderContent {\n  readonly sidenav = inject(SidenavService);\n  readonly w = computed(() =>\n    this.sidenav.mode() === 'partial' && !this.sidenav.show()\n      ? this.sidenav.minWidth()\n      : this.sidenav.width(),\n  );\n}\n\n@Directive({\n  selector: '[ngbSidenavHeaderTrack]',\n  host: {\n    '[style.width]': 'sidenav.w()',\n  },\n})\nexport class NgbSidenavHeaderTrack {\n  readonly sidenav = inject(SidenavService);\n}\n\n@Directive({\n  selector: '[ngbSidenavHeader]',\n  host: {\n    style: 'overflow:hidden;position:absolute;',\n    '[style.visibility]': 'sidenav.visibility() ? \"visible\" : \"hidden\"',\n    '[style]': `headerStyles()`,\n    '[style.width]': `actualWidth()`,\n    '[style.transform]': 'translateX()',\n    '[attr.aria-hidden]': '!sidenav.show()',\n    '[attr.data-mode]': 'sidenav.mode()',\n    '(transitionend)': 'onTransitionEnd($event)',\n    '(transitionstart)': 'onTransitionStart($event)',\n  },\n})\nexport class NgbSidenavHeader {\n  readonly sidenav = inject(SidenavService);\n  readonly el = inject(ElementRef);\n  readonly dir = inject(Directionality);\n\n  readonly width = input('250px');\n  readonly minWidth = input('0');\n\n  // Track if we should skip animation (e.g., during direction change)\n  private skipTransition = signal(false);\n\n  readonly w = computed(() => (this.sidenav.mode() === 'partial' ? this.minWidth() : this.width()));\n  readonly actualWidth = computed(() => {\n    if (this.sidenav.show()) {\n      return this.width();\n    } else if (this.sidenav.mode() === 'partial') {\n      return this.minWidth();\n    } else if (this.sidenav.mode() === 'over') {\n      return this.width();\n    }\n    return this.width();\n  });\n\n  readonly translateX = computed(() => {\n    if (this.sidenav.animate()) {\n      return 'translateX(0)';\n    }\n    const offset = this.dir.isRtl() ? this.w() : `-${this.w()}`;\n    return `translateX(${offset})`;\n  });\n\n  readonly headerStyles = computed(() => {\n    let styles: Record<string, string> = {};\n    if (this.sidenav.mode() === 'over') {\n      styles = { ...styles, position: 'absolute', top: '0', height: '100%' };\n    }\n    if (this.dir.isRtl()) {\n      styles = { ...styles, right: '0' };\n    } else {\n      styles = { ...styles, left: '0' };\n    }\n    // Disable transition during direction change\n    if (this.skipTransition()) {\n      styles = { ...styles, transition: 'none' };\n    }\n    return styles;\n  });\n\n  constructor() {\n    this.sidenav.width = linkedSignal(this.width);\n    this.sidenav.minWidth = linkedSignal(this.minWidth);\n\n    // Watch for direction changes and skip transition\n    let prevDir = this.dir.isRtl();\n    effect(() => {\n      const currentDir = this.dir.isRtl();\n      if (currentDir !== prevDir) {\n        prevDir = currentDir;\n        this.skipTransition.set(true);\n        // Re-enable transition after a frame\n        requestAnimationFrame(() => {\n          this.skipTransition.set(false);\n        });\n      }\n    });\n  }\n\n  onTransitionEnd(event: TransitionEvent) {\n    if (event.propertyName === 'transform') {\n      this.sidenav.animationDone();\n    }\n  }\n\n  onTransitionStart(event: TransitionEvent) {\n    if (event.propertyName === 'transform') {\n      this.sidenav.animationStart();\n    }\n  }\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-slider.mjs

@@ -1,20 +1,19 @@
 import * as i0 from '@angular/core';
-import { inject, linkedSignal, Directive, ElementRef, computed, ChangeDetectorRef, viewChild, viewChildren, model, input, numberAttribute, booleanAttribute, output, effect, untracked, afterNextRender } from '@angular/core';
+import { inject, linkedSignal, Directive, ElementRef, computed, viewChild, viewChildren, model, input, numberAttribute, booleanAttribute, output, effect, untracked, afterNextRender } from '@angular/core';
 import { Directionality } from '@ngbase/adk/bidi';
 import * as i1 from '@ngbase/adk/drag';
 import { Drag } from '@ngbase/adk/drag';
-import { provideValueAccessor } from '@ngbase/adk/utils';
 
 class SliderTrack {
     constructor() {
         this.slider = inject(NgbSlider);
         this.drag = inject(Drag);
-        this.drag._disabled = linkedSignal(this.slider.disabled);
+        this.drag._disabled = linkedSignal(this.slider.disabled, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: SliderTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: SliderTrack, isStandalone: true, selector: "[ngbSliderTrack]", host: { properties: { "attr.aria-disabled": "slider.disabled()" }, styleAttribute: "overflow: hidden; position: relative;" }, hostDirectives: [{ directive: i1.Drag }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SliderTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SliderTrack, isStandalone: true, selector: "[ngbSliderTrack]", host: { properties: { "attr.aria-disabled": "slider.disabled()" }, styleAttribute: "overflow: hidden; position: relative;" }, hostDirectives: [{ directive: i1.Drag }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: SliderTrack, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SliderTrack, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbSliderTrack]',
@@ -29,10 +28,10 @@ class SliderRange {
     constructor() {
         this.slider = inject(NgbSlider);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: SliderRange, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: SliderRange, isStandalone: true, selector: "[ngbSliderRange]", host: { properties: { "attr.aria-disabled": "slider.disabled()" }, styleAttribute: "position: absolute;" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SliderRange, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SliderRange, isStandalone: true, selector: "[ngbSliderRange]", host: { properties: { "attr.aria-disabled": "slider.disabled()" }, styleAttribute: "position: absolute;" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: SliderRange, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SliderRange, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbSliderRange]',
@@ -56,10 +55,10 @@ class SliderThumb {
             return this.slider.range() > 1 ? values[this.index()] : values;
         }, ...(ngDevMode ? [{ debugName: "value" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: SliderThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: SliderThumb, isStandalone: true, selector: "[ngbSliderThumb]", host: { attributes: { "type": "button", "role": "slider" }, properties: { "attr.tabindex": "slider.disabled() ? -1 : 0", "attr.aria-disabled": "slider.disabled()", "attr.aria-valuemin": "slider.min()", "attr.aria-valuemax": "slider.max()", "attr.aria-valuenow": "value()" }, styleAttribute: "position: absolute; pointer-events: none;" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SliderThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SliderThumb, isStandalone: true, selector: "[ngbSliderThumb]", host: { attributes: { "type": "button", "role": "slider" }, properties: { "attr.tabindex": "slider.disabled() ? -1 : 0", "attr.aria-disabled": "slider.disabled()", "attr.aria-valuemin": "slider.minValue()", "attr.aria-valuemax": "slider.maxValue()", "attr.aria-valuenow": "value()" }, styleAttribute: "position: absolute; pointer-events: none;" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: SliderThumb, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SliderThumb, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbSliderThumb]',
@@ -69,8 +68,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
                         style: 'position: absolute; pointer-events: none;',
                         '[attr.tabindex]': 'slider.disabled() ? -1 : 0',
                         '[attr.aria-disabled]': 'slider.disabled()',
-                        '[attr.aria-valuemin]': 'slider.min()',
-                        '[attr.aria-valuemax]': 'slider.max()',
+                        '[attr.aria-valuemin]': 'slider.minValue()',
+                        '[attr.aria-valuemax]': 'slider.maxValue()',
                         '[attr.aria-valuenow]': 'value()',
                     },
                 }]
@@ -78,25 +77,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
 class NgbSlider {
     constructor() {
         this.el = inject(ElementRef);
-        this.dir = inject(Directionality); // this.dir.isRtl();
-        this.cdr = inject(ChangeDetectorRef);
+        this.dir = inject(Directionality);
         this.drag = viewChild.required(Drag);
         this.track = viewChild.required(SliderRange, {
             read: ElementRef,
         });
-        this.thumbs = viewChildren(SliderThumb, ...(ngDevMode ? [{ debugName: "thumbs", read: ElementRef }] : [{
-                read: ElementRef,
-            }]));
+        this.thumbs = viewChildren(SliderThumb, { ...(ngDevMode ? { debugName: "thumbs" } : {}), read: ElementRef });
         this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
-        this.step = input(1, ...(ngDevMode ? [{ debugName: "step", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-        this.min = input(0, ...(ngDevMode ? [{ debugName: "min", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-        this.max = input(100, ...(ngDevMode ? [{ debugName: "max", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-        this.range = input(1, ...(ngDevMode ? [{ debugName: "range", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : []));
+        this.step = input(1, { ...(ngDevMode ? { debugName: "step" } : {}), transform: numberAttribute });
+        this.minValue = input(0, { ...(ngDevMode ? { debugName: "minValue" } : {}), transform: numberAttribute, alias: 'min' });
+        this.maxValue = input(100, { ...(ngDevMode ? { debugName: "maxValue" } : {}), transform: numberAttribute, alias: 'max' });
+        this.range = input(1, { ...(ngDevMode ? { debugName: "range" } : {}), transform: numberAttribute });
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
         this.orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
         this.afterChange = output();
         this.noOfThumbs = computed(() => Array.from({ length: this.range() }, (_, i) => i), ...(ngDevMode ? [{ debugName: "noOfThumbs" }] : []));
-        this.totalSteps = computed(() => (this.max() - this.min()) / this.step(), ...(ngDevMode ? [{ debugName: "totalSteps" }] : []));
+        this.totalSteps = computed(() => (this.maxValue() - this.minValue()) / this.step(), ...(ngDevMode ? [{ debugName: "totalSteps" }] : []));
         this.values = [];
         this.activeIndex = 0;
         this.totalWidth = 0;
@@ -155,22 +152,13 @@ class NgbSlider {
         }
     }
     getThumbSize(value, thumbSize = 0) {
-        const currentStep = (value - this.min()) / this.step();
+        const currentStep = (value - this.minValue()) / this.step();
         const halfSteps = this.totalSteps() / 2;
         const halfThumbSize = thumbSize / 2;
         // Return 0 for middle, positive offset for first half, negative for second half
         const offset = currentStep - halfSteps;
         return -(offset / halfSteps) * halfThumbSize;
     }
-    writeValue(value) {
-        this.value.set(value);
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
     get width() {
         return this.orientation() === 'vertical'
             ? this.el.nativeElement.clientHeight
@@ -178,15 +166,15 @@ class NgbSlider {
     }
     // We need to consider the min value also because the slider can be negative
     toPercentage(value) {
-        const min = this.min();
-        const max = this.max();
+        const min = this.minValue();
+        const max = this.maxValue();
         const range = max - min;
         const percentage = ((value - min) / range) * 100;
         return percentage;
     }
     fromPercentage(percentage) {
-        const min = this.min();
-        const max = this.max();
+        const min = this.minValue();
+        const max = this.maxValue();
         const range = max - min;
         const value = (percentage / 100) * range + min;
         return value;
@@ -218,11 +206,11 @@ class NgbSlider {
         // convert percentage to value
         return this.fromPercentage(percentage);
     }
-    fixStep(value = this.min()) {
+    fixStep(value = this.minValue()) {
         // make sure the value is within the min and max
         // we need to make the percentage to be a multiple of the step
         value = parseFloat((Math.round(value / this.step()) * this.step()).toFixed(10));
-        return Math.max(this.min(), Math.min(this.max(), value));
+        return Math.max(this.minValue(), Math.min(this.maxValue(), value));
     }
     moveSlider(data) {
         data.event?.preventDefault();
@@ -247,7 +235,7 @@ class NgbSlider {
             this.totalSliderWidth = this.totalWidth * (valuePercentage / 100);
             // make sure the values are equal length as the range
             if (this.values.length !== this.range()) {
-                this.values = Array.from({ length: this.range() }, (_, i) => this.values[i] || this.min());
+                this.values = Array.from({ length: this.range() }, (_, i) => this.values[i] || this.minValue());
             }
             // sort the values
             this.values = this.values.sort((a, b) => a - b);
@@ -287,7 +275,7 @@ class NgbSlider {
         const values = this.values;
         let stepValue = this.fixStep(value);
         // Clamp the value between min and max
-        stepValue = Math.max(this.min(), Math.min(this.max(), stepValue));
+        stepValue = Math.max(this.minValue(), Math.min(this.maxValue(), stepValue));
         values[index] = stepValue;
         this.values = values.sort((a, b) => a - b);
         this.activeIndex = this.values.findIndex(v => v === stepValue);
@@ -296,29 +284,28 @@ class NgbSlider {
     notifyChange() {
         const percentage = this.range() > 1 ? [...this.values] : this.values[0];
         this.value.set(percentage);
-        this.onChange?.(percentage);
-        this.onTouched?.();
+        this.touched.set(true);
         this.isChanged = true;
-        // this is required for reactive forms to work
-        this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSlider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0", type: NgbSlider, isStandalone: true, selector: "[ngbSlider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", afterChange: "afterChange" }, host: { properties: { "attr.aria-orientation": "orientation()" } }, providers: [provideValueAccessor(NgbSlider)], viewQueries: [{ propertyName: "drag", first: true, predicate: Drag, descendants: true, isSignal: true }, { propertyName: "track", first: true, predicate: SliderRange, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "thumbs", predicate: SliderThumb, descendants: true, read: ElementRef, isSignal: true }], exportAs: ["ngbSlider"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSlider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.0", type: NgbSlider, isStandalone: true, selector: "[ngbSlider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange", afterChange: "afterChange" }, host: { properties: { "attr.aria-orientation": "orientation()" } }, viewQueries: [{ propertyName: "drag", first: true, predicate: Drag, descendants: true, isSignal: true }, { propertyName: "track", first: true, predicate: SliderRange, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "thumbs", predicate: SliderThumb, descendants: true, read: ElementRef, isSignal: true }], exportAs: ["ngbSlider"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSlider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSlider, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbSlider]',
                     exportAs: 'ngbSlider',
-                    providers: [provideValueAccessor(NgbSlider)],
                     host: {
                         '[attr.aria-orientation]': 'orientation()',
                     },
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { drag: [{ type: i0.ViewChild, args: [i0.forwardRef(() => Drag), { isSignal: true }] }], track: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SliderRange), { ...{
+                            read: ElementRef,
+                        }, isSignal: true }] }], thumbs: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => SliderThumb), { ...{
+                            read: ElementRef,
+                        }, isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], minValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], maxValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], afterChange: [{ type: i0.Output, args: ["afterChange"] }] } });
 const aliasSlider = (slider) => [
     { provide: NgbSlider, useExisting: slider },
-    provideValueAccessor(slider),
 ];
 
 /*