@bootkit/ng0 0.0.0-alpha.6 → 0.0.0-alpha.7

package/components/backdrop/index.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from '@angular/core';
+
+declare class BackdropComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BackdropComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BackdropComponent, "ng0-backdrop", never, {}, {}, never, never, true, never>;
+}
+
+export { BackdropComponent };

package/components/sidenav/index.d.ts

@@ -0,0 +1,46 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter, ViewContainerRef, ElementRef, Renderer2, QueryList } from '@angular/core';
+
+type SidenavMode = 'push' | 'over';
+type SidenavPosition = 'start' | 'end';
+
+declare class SidenavComponent implements OnInit, OnDestroy {
+    private _vcr;
+    private _elmentRef;
+    private _renderer;
+    open: _angular_core.InputSignal<boolean>;
+    mode: _angular_core.InputSignal<SidenavMode>;
+    hasBackdrop: _angular_core.InputSignal<boolean>;
+    position: _angular_core.InputSignal<SidenavPosition>;
+    sidenavWidth: _angular_core.InputSignal<number>;
+    fixedInViewport: _angular_core.InputSignal<boolean>;
+    backdropClick: EventEmitter<MouseEvent>;
+    private _backdropRef?;
+    private _backdropClickHandlerUnlisten?;
+    constructor(_vcr: ViewContainerRef, _elmentRef: ElementRef, _renderer: Renderer2);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidenavComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidenavComponent, "ng0-sidenav", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "sidenavWidth": { "alias": "sidenavWidth"; "required": true; "isSignal": true; }; "fixedInViewport": { "alias": "fixedInViewport"; "required": false; "isSignal": true; }; }, { "backdropClick": "backdropClick"; }, never, ["*"], true, never>;
+}
+
+declare class SidenavContainerComponent implements OnInit {
+    backdropClick: EventEmitter<any>;
+    protected sidenavs: QueryList<SidenavComponent>;
+    protected _floatAside: boolean;
+    protected _contentPaddingStart: _angular_core.Signal<string>;
+    protected _contentPaddingEnd: _angular_core.Signal<string>;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidenavContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidenavContainerComponent, "ng0-sidenav-container", never, {}, { "backdropClick": "backdropClick"; }, ["sidenavs"], ["*"], true, never>;
+}
+
+declare class SidenavModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidenavModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SidenavModule, never, [typeof SidenavContainerComponent, typeof SidenavComponent], [typeof SidenavContainerComponent, typeof SidenavComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SidenavModule>;
+}
+
+export { SidenavComponent, SidenavContainerComponent, SidenavModule };
+export type { SidenavMode, SidenavPosition };

package/fesm2022/bootkit-ng0-components-backdrop.mjs

@@ -0,0 +1,41 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { trigger, transition, style, animate } from '@angular/animations';
+
+class BackdropComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: BackdropComponent, isStandalone: true, selector: "ng0-backdrop", host: { properties: { "@fade": "" } }, ngImport: i0, template: '', isInline: true, styles: [":host{position:absolute;inset:0;background-color:#00000080}\n"], animations: [
+            trigger('fade', [
+                transition(':enter', [
+                    style({ opacity: 0 }),
+                    animate('150ms ease', style({ opacity: 1 })),
+                ]),
+                transition(':leave', [
+                    animate('150ms ease', style({ opacity: 0 })),
+                ]),
+            ]),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BackdropComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng0-backdrop', template: '', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+                        trigger('fade', [
+                            transition(':enter', [
+                                style({ opacity: 0 }),
+                                animate('150ms ease', style({ opacity: 1 })),
+                            ]),
+                            transition(':leave', [
+                                animate('150ms ease', style({ opacity: 0 })),
+                            ]),
+                        ]),
+                    ], host: {
+                        '[@fade]': '', // Binds the animation trigger to the host
+                    }, styles: [":host{position:absolute;inset:0;background-color:#00000080}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BackdropComponent };
+//# sourceMappingURL=bootkit-ng0-components-backdrop.mjs.map

package/fesm2022/bootkit-ng0-components-backdrop.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootkit-ng0-components-backdrop.mjs","sources":["../../../projects/ng0/components/backdrop/backdrop.component.ts","../../../projects/ng0/components/backdrop/bootkit-ng0-components-backdrop.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\r\nimport {\r\n  trigger,\r\n  transition,\r\n  style,\r\n  animate,\r\n} from '@angular/animations';\r\n\r\n@Component({\r\n  selector: 'ng0-backdrop',\r\n  template: '',\r\n  styleUrl: 'backdrop.component.css',\r\n  standalone: true,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [\r\n    trigger('fade', [\r\n      transition(':enter', [\r\n        style({ opacity: 0 }),\r\n        animate('150ms ease', style({ opacity: 1 })),\r\n      ]),\r\n      transition(':leave', [\r\n        animate('150ms ease', style({ opacity: 0 })),\r\n      ]),\r\n    ]),\r\n  ],\r\n  host: {\r\n    '[@fade]': '', // Binds the animation trigger to the host\r\n  }\r\n})\r\nexport class BackdropComponent {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MA6Ba,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAnBlB,EAAE,EAIA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+DAAA,CAAA,EAAA,UAAA,EAAA;YACV,OAAO,CAAC,MAAM,EAAE;gBACd,UAAU,CAAC,QAAQ,EAAE;AACnB,oBAAA,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;oBACrB,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;iBAC7C,CAAC;gBACF,UAAU,CAAC,QAAQ,EAAE;oBACnB,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;iBAC7C,CAAC;aACH,CAAC;AACH,SAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAKU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBArB7B,SAAS;+BACE,cAAc,EAAA,QAAA,EACd,EAAE,EAEA,UAAA,EAAA,IAAI,mBACC,uBAAuB,CAAC,MAAM,EACnC,UAAA,EAAA;wBACV,OAAO,CAAC,MAAM,EAAE;4BACd,UAAU,CAAC,QAAQ,EAAE;AACnB,gCAAA,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;gCACrB,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;6BAC7C,CAAC;4BACF,UAAU,CAAC,QAAQ,EAAE;gCACnB,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;6BAC7C,CAAC;yBACH,CAAC;qBACH,EACK,IAAA,EAAA;wBACJ,SAAS,EAAE,EAAE;AACd,qBAAA,EAAA,MAAA,EAAA,CAAA,+DAAA,CAAA,EAAA;;;AC3BH;;AAEG;;;;"}

package/fesm2022/bootkit-ng0-components-sidenav.mjs

@@ -0,0 +1,132 @@
+import * as i0 from '@angular/core';
+import { input, EventEmitter, effect, Output, Component, computed, HostBinding, ContentChildren, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BackdropComponent } from '@bootkit/ng0/components/backdrop';
+
+class SidenavComponent {
+    _vcr;
+    _elmentRef;
+    _renderer;
+    open = input(true);
+    mode = input('push');
+    hasBackdrop = input(true);
+    position = input('start');
+    sidenavWidth = input.required();
+    fixedInViewport = input(false);
+    backdropClick = new EventEmitter();
+    _backdropRef;
+    _backdropClickHandlerUnlisten;
+    constructor(_vcr, _elmentRef, _renderer) {
+        this._vcr = _vcr;
+        this._elmentRef = _elmentRef;
+        this._renderer = _renderer;
+        effect(() => {
+            var hasBackdrop = this.hasBackdrop();
+            var mode = this.mode();
+            var open = this.open();
+            if (mode == 'over' && hasBackdrop) {
+                if (open) {
+                    this._backdropRef = this._vcr.createComponent(BackdropComponent, {});
+                    const backdropElm = this._backdropRef.location.nativeElement;
+                    this._backdropClickHandlerUnlisten = _renderer.listen(backdropElm, 'click', (e) => {
+                        this.backdropClick.emit(e);
+                    });
+                    // Move backdrop element before Host element
+                    const hostElm = this._elmentRef.nativeElement;
+                    const parentElm = hostElm.parentNode;
+                    this._renderer.insertBefore(parentElm, backdropElm, hostElm);
+                }
+                else {
+                    this._backdropRef?.destroy();
+                }
+            }
+        });
+    }
+    ngOnInit() {
+    }
+    ngOnDestroy() {
+        this._backdropClickHandlerUnlisten?.();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SidenavComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: SidenavComponent, isStandalone: true, selector: "ng0-sidenav", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, sidenavWidth: { classPropertyName: "sidenavWidth", publicName: "sidenavWidth", isSignal: true, isRequired: true, transformFunction: null }, fixedInViewport: { classPropertyName: "fixedInViewport", publicName: "fixedInViewport", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backdropClick: "backdropClick" }, host: { properties: { "style.width": "sidenavWidth() + 'px'", "class.ng0-sidenav-start": "position() == 'start'", "class.ng0-sidenav-end": "position() == 'end'", "class.ng0-sidenav-open": "open()", "class.ng0-sidenav-fixed": "fixedInViewport()" } }, providers: [], ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n<!-- @if(open() && mode() == 'over' && hasBackdrop()) {\r\n<div class=\"ng0-sidenav-backdrop\"></div>\r\n} -->", styles: [":host{position:absolute;top:0;bottom:0;transition:transform .1s ease-in-out;overflow-x:hidden}:host.ng0-sidenav-fixed{position:fixed!important}:host.ng0-sidenav-start{inset-inline-start:0;transform:translate(-100%)}:dir(rtl) :host.ng0-sidenav-start,body[dir=rtl] :host.ng0-sidenav-start{transform:translate(100%)}:host.ng0-sidenav-start.ng0-sidenav-open{transform:translate(0)!important}:host.ng0-sidenav-end{inset-inline-end:0;transform:translate(100%)}:dir(rtl) :host.ng0-sidenav-end,body[dir=rtl] :host.ng0-sidenav-end{transform:translate(-100%)}:host.ng0-sidenav-end.ng0-sidenav-open{transform:translate(0)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SidenavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng0-sidenav', providers: [], standalone: true, imports: [
+                        CommonModule,
+                    ], host: {
+                        "[style.width]": "sidenavWidth() + 'px'",
+                        "[class.ng0-sidenav-start]": "position() == 'start'",
+                        "[class.ng0-sidenav-end]": "position() == 'end'",
+                        "[class.ng0-sidenav-open]": "open()",
+                        "[class.ng0-sidenav-fixed]": "fixedInViewport()",
+                    }, template: "<ng-content></ng-content>\r\n\r\n<!-- @if(open() && mode() == 'over' && hasBackdrop()) {\r\n<div class=\"ng0-sidenav-backdrop\"></div>\r\n} -->", styles: [":host{position:absolute;top:0;bottom:0;transition:transform .1s ease-in-out;overflow-x:hidden}:host.ng0-sidenav-fixed{position:fixed!important}:host.ng0-sidenav-start{inset-inline-start:0;transform:translate(-100%)}:dir(rtl) :host.ng0-sidenav-start,body[dir=rtl] :host.ng0-sidenav-start{transform:translate(100%)}:host.ng0-sidenav-start.ng0-sidenav-open{transform:translate(0)!important}:host.ng0-sidenav-end{inset-inline-end:0;transform:translate(100%)}:dir(rtl) :host.ng0-sidenav-end,body[dir=rtl] :host.ng0-sidenav-end{transform:translate(-100%)}:host.ng0-sidenav-end.ng0-sidenav-open{transform:translate(0)!important}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { backdropClick: [{
+                type: Output
+            }] } });
+
+class SidenavContainerComponent {
+    backdropClick = new EventEmitter();
+    sidenavs;
+    _floatAside = false;
+    _contentPaddingStart = computed(() => {
+        let widths = this.sidenavs.filter(x => x.open() && x.position() == 'start' && x.mode() == 'push').map(x => x.sidenavWidth());
+        return widths.length == 0 ? '0' : `${Math.max(...widths)}px`;
+    });
+    _contentPaddingEnd = computed(() => {
+        let widths = this.sidenavs.filter(x => x.open() && x.position() == 'end' && x.mode() == 'push').map(x => x.sidenavWidth());
+        return widths.length == 0 ? '0' : `${Math.max(...widths)}px`;
+    });
+    constructor() {
+    }
+    ngOnInit() {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SidenavContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: SidenavContainerComponent, isStandalone: true, selector: "ng0-sidenav-container", outputs: { backdropClick: "backdropClick" }, host: { properties: { "style.padding-inline-start": "_contentPaddingStart()", "style.padding-inline-end": "_contentPaddingEnd()", "class.float-aside": "this._floatAside" } }, providers: [], queries: [{ propertyName: "sidenavs", predicate: SidenavComponent }], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{position:relative;transition:padding .1s;display:block;overflow-x:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SidenavContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng0-sidenav-container', providers: [], standalone: true, imports: [
+                        CommonModule,
+                    ], host: {
+                        "[style.padding-inline-start]": "_contentPaddingStart()",
+                        "[style.padding-inline-end]": "_contentPaddingEnd()",
+                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{position:relative;transition:padding .1s;display:block;overflow-x:hidden}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { backdropClick: [{
+                type: Output
+            }], sidenavs: [{
+                type: ContentChildren,
+                args: [SidenavComponent]
+            }], _floatAside: [{
+                type: HostBinding,
+                args: ['class.float-aside']
+            }] } });
+
+class SidenavModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SidenavModule, imports: [SidenavContainerComponent,
+            SidenavComponent], exports: [SidenavContainerComponent,
+            SidenavComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SidenavModule, imports: [SidenavContainerComponent,
+            SidenavComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SidenavModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        SidenavContainerComponent,
+                        SidenavComponent
+                    ],
+                    exports: [
+                        SidenavContainerComponent,
+                        SidenavComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SidenavComponent, SidenavContainerComponent, SidenavModule };
+//# sourceMappingURL=bootkit-ng0-components-sidenav.mjs.map

package/fesm2022/bootkit-ng0-components-sidenav.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootkit-ng0-components-sidenav.mjs","sources":["../../../projects/ng0/components/sidenav/sidenav.component.ts","../../../projects/ng0/components/sidenav/sidenav.component.html","../../../projects/ng0/components/sidenav/sidenav-container.component.ts","../../../projects/ng0/components/sidenav/sidenav-container.component.html","../../../projects/ng0/components/sidenav/sidenav.module.ts","../../../projects/ng0/components/sidenav/bootkit-ng0-components-sidenav.ts"],"sourcesContent":["import { Component, ComponentRef, effect, ElementRef, EventEmitter, input, OnDestroy, OnInit, Output, Renderer2, ViewContainerRef } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SidenavMode, SidenavPosition } from './types';\r\nimport { BackdropComponent } from '@bootkit/ng0/components/backdrop';\r\n\r\n@Component({\r\n  selector: 'ng0-sidenav',\r\n  templateUrl: './sidenav.component.html',\r\n  styleUrls: ['./sidenav.component.scss'],\r\n  providers: [],\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n  ],\r\n  host: {\r\n    \"[style.width]\": \"sidenavWidth() + 'px'\",\r\n    \"[class.ng0-sidenav-start]\": \"position() == 'start'\",\r\n    \"[class.ng0-sidenav-end]\": \"position() == 'end'\",\r\n    \"[class.ng0-sidenav-open]\": \"open()\",\r\n    \"[class.ng0-sidenav-fixed]\": \"fixedInViewport()\",\r\n  }\r\n})\r\nexport class SidenavComponent implements OnInit, OnDestroy {\r\n  public open = input(true);\r\n  public mode = input<SidenavMode>('push');\r\n  public hasBackdrop = input(true);\r\n  public position = input<SidenavPosition>('start');\r\n  public sidenavWidth = input.required<number>();\r\n  public fixedInViewport = input(false);\r\n  @Output() public backdropClick = new EventEmitter<MouseEvent>();\r\n  private _backdropRef?: ComponentRef<any>;\r\n  private _backdropClickHandlerUnlisten?: () => void;\r\n\r\n\r\n  constructor(private _vcr: ViewContainerRef, private _elmentRef: ElementRef, private _renderer: Renderer2) {\r\n    effect(() => {\r\n      var hasBackdrop = this.hasBackdrop();\r\n      var mode = this.mode();\r\n      var open = this.open();\r\n\r\n      if (mode == 'over' && hasBackdrop) {\r\n\r\n        if (open) {\r\n          this._backdropRef = this._vcr.createComponent(BackdropComponent, {});\r\n          const backdropElm = this._backdropRef.location.nativeElement;\r\n          this._backdropClickHandlerUnlisten = _renderer.listen(backdropElm, 'click', (e) => {\r\n            this.backdropClick.emit(e);\r\n          });\r\n\r\n          // Move backdrop element before Host element\r\n          const hostElm = this._elmentRef.nativeElement;\r\n          const parentElm = hostElm.parentNode;\r\n          this._renderer.insertBefore(parentElm, backdropElm, hostElm);\r\n        } else {\r\n          this._backdropRef?.destroy();\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._backdropClickHandlerUnlisten?.();\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\n\r\n<!-- @if(open() && mode() == 'over' && hasBackdrop()) {\r\n<div class=\"ng0-sidenav-backdrop\"></div>\r\n} -->","import { Component, computed, ContentChildren, EventEmitter, HostBinding, OnInit, Output, QueryList } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SidenavComponent } from './sidenav.component';\r\n\r\n@Component({\r\n  selector: 'ng0-sidenav-container',\r\n  templateUrl: './sidenav-container.component.html',\r\n  styleUrls: ['./sidenav-container.component.scss'],\r\n  providers: [],\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n  ],\r\n  host: {\r\n    \"[style.padding-inline-start]\": \"_contentPaddingStart()\",\r\n    \"[style.padding-inline-end]\": \"_contentPaddingEnd()\",\r\n  }\r\n})\r\nexport class SidenavContainerComponent implements OnInit {\r\n\r\n  @Output() backdropClick = new EventEmitter();\r\n  @ContentChildren(SidenavComponent) protected sidenavs!: QueryList<SidenavComponent>;\r\n\r\n  @HostBinding('class.float-aside')\r\n  protected _floatAside = false;\r\n\r\n  protected _contentPaddingStart = computed(() => {\r\n    let widths = this.sidenavs.filter(x => x.open() && x.position() == 'start' && x.mode() == 'push').map(x => x.sidenavWidth());\r\n    return widths.length == 0 ? '0' : `${Math.max(...widths)}px`;\r\n  });\r\n\r\n  protected _contentPaddingEnd = computed(() => {\r\n    let widths = this.sidenavs.filter(x => x.open() && x.position() == 'end' && x.mode() == 'push').map(x => x.sidenavWidth());\r\n    return widths.length == 0 ? '0' : `${Math.max(...widths)}px`;\r\n  });\r\n\r\n  constructor() {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\n","import { NgModule } from '@angular/core';\r\nimport { SidenavContainerComponent } from './sidenav-container.component';\r\nimport { SidenavComponent } from './sidenav.component';\r\n\r\n@NgModule({\r\n  imports: [\r\n    SidenavContainerComponent,\r\n    SidenavComponent\r\n  ],\r\n  exports: [\r\n    SidenavContainerComponent,\r\n    SidenavComponent\r\n  ]\r\n})\r\nexport class SidenavModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bootkit/ng0",
-  "version": "0.0.0-alpha.6",
+  "version": "0.0.0-alpha.7",
   "description": "Angular+Bootstrap Component Library",
   "homepage": "https://bootkitlib.github.io/",
   "author": "BootKit",
@@ -39,14 +39,14 @@
       "types": "./common/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-common.mjs"
     },
-    "./data": {
-      "types": "./data/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-data.mjs"
-    },
     "./file": {
       "types": "./file/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-file.mjs"
     },
+    "./data": {
+      "types": "./data/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-data.mjs"
+    },
     "./http": {
       "types": "./http/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-http.mjs"
@@ -71,14 +71,18 @@
       "types": "./components/accordion/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-accordion.mjs"
     },
-    "./components/card": {
-      "types": "./components/card/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-components-card.mjs"
+    "./components/backdrop": {
+      "types": "./components/backdrop/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-backdrop.mjs"
     },
     "./components/button": {
       "types": "./components/button/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-button.mjs"
     },
+    "./components/card": {
+      "types": "./components/card/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-card.mjs"
+    },
     "./components/code": {
       "types": "./components/code/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-code.mjs"
@@ -99,34 +103,38 @@
       "types": "./components/modal/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-modal.mjs"
     },
-    "./components/nav": {
-      "types": "./components/nav/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-components-nav.mjs"
-    },
     "./components/offcanvas": {
       "types": "./components/offcanvas/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-offcanvas.mjs"
     },
-    "./components/overlay": {
-      "types": "./components/overlay/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-components-overlay.mjs"
+    "./components/nav": {
+      "types": "./components/nav/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-nav.mjs"
     },
     "./components/pagination": {
       "types": "./components/pagination/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-pagination.mjs"
     },
+    "./components/overlay": {
+      "types": "./components/overlay/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-overlay.mjs"
+    },
     "./components/popover": {
       "types": "./components/popover/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-popover.mjs"
     },
-    "./components/stepper": {
-      "types": "./components/stepper/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-components-stepper.mjs"
+    "./components/sidenav": {
+      "types": "./components/sidenav/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-sidenav.mjs"
     },
     "./components/table": {
       "types": "./components/table/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-table.mjs"
     },
+    "./components/stepper": {
+      "types": "./components/stepper/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-stepper.mjs"
+    },
     "./components/toast": {
       "types": "./components/toast/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-toast.mjs"