@bootkit/ng0 0.0.0-alpha.31 → 0.0.0-alpha.33

package/fesm2022/bootkit-ng0-platform-browser.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-platform-browser.mjs","sources":["../../../projects/ng0/platform/browser/clipboard/clipboard.service.ts","../../../projects/ng0/platform/browser/clipboard/clipboard-copy.directive.ts","../../../projects/ng0/platform/browser/bootkit-ng0-platform-browser.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class ClipboardService {\r\n  private _writeSubject = new Subject<any>;\r\n  public readonly write = this._writeSubject.asObservable();\r\n\r\n  constructor() { }\r\n\r\n  public writeText(text: string) {\r\n    window.navigator.clipboard.writeText(text);\r\n    this._writeSubject.next(text);\r\n  }\r\n}\r\n","import { Directive, HostListener, input } from '@angular/core';\r\nimport { ClipboardService } from './clipboard.service';\r\n\r\n@Directive({\r\n  selector: '[ng0-clipboard-copy]',\r\n  standalone: true\r\n})\r\nexport class ClipboardCopyDirective {\r\n  public value = input<string>(undefined, {alias: 'ng0-clipboard-copy'})\r\n\r\n  constructor(private clipboardService: ClipboardService) {\r\n  }\r\n\r\n  \r\n\r\n  @HostListener('click') private _onHostClick() {\r\n    this.clipboardService.writeText(this.value()!);\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ClipboardService"],"mappings":";;;;MAMa,gBAAgB,CAAA;IACnB,aAAa,GAAG,IAAI,OAAY;AACxB,IAAA,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE;AAEzD,IAAA,WAAA,GAAA,EAAgB;AAET,IAAA,SAAS,CAAC,IAAY,EAAA;QAC3B,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;AAC1C,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;IAC/B;uGATW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cAFf,MAAM,EAAA,CAAA;;2FAEP,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCEY,sBAAsB,CAAA;AAGb,IAAA,gBAAA;AAFb,IAAA,KAAK,GAAG,KAAK,CAAS,SAAS,yCAAG,KAAK,EAAE,oBAAoB,EAAA,CAAA,GAAA,CAA5B,EAAC,KAAK,EAAE,oBAAoB,EAAC,GAAC;AAEtE,IAAA,WAAA,CAAoB,gBAAkC,EAAA;QAAlC,IAAA,CAAA,gBAAgB,GAAhB,gBAAgB;IACpC;IAI+B,YAAY,GAAA;QACzC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAG,CAAC;IAChD;uGAVW,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE;AACb,iBAAA;kFASgC,YAAY,EAAA,CAAA;sBAA1C,YAAY;uBAAC,OAAO;;;ACfvB;;AAEG;;;;"}
+{"version":3,"file":"bootkit-ng0-platform-browser.mjs","sources":["../../../projects/ng0/platform/browser/clipboard/clipboard.service.ts","../../../projects/ng0/platform/browser/clipboard/clipboard-copy.directive.ts","../../../projects/ng0/platform/browser/bootkit-ng0-platform-browser.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class ClipboardService {\r\n  private _writeSubject = new Subject<any>;\r\n  public readonly write = this._writeSubject.asObservable();\r\n\r\n  constructor() { }\r\n\r\n  public writeText(text: string) {\r\n    window.navigator.clipboard.writeText(text);\r\n    this._writeSubject.next(text);\r\n  }\r\n}\r\n","import { Directive, HostListener, input } from '@angular/core';\r\nimport { ClipboardService } from './clipboard.service';\r\n\r\n@Directive({\r\n  selector: '[ng0-clipboard-copy]',\r\n  standalone: true\r\n})\r\nexport class ClipboardCopyDirective {\r\n  public value = input<string>(undefined, {alias: 'ng0-clipboard-copy'})\r\n\r\n  constructor(private clipboardService: ClipboardService) {\r\n  }\r\n\r\n  \r\n\r\n  @HostListener('click') private _onHostClick() {\r\n    this.clipboardService.writeText(this.value()!);\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ClipboardService"],"mappings":";;;;MAMa,gBAAgB,CAAA;IACnB,aAAa,GAAG,IAAI,OAAY;AACxB,IAAA,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE;AAEzD,IAAA,WAAA,GAAA,EAAgB;AAET,IAAA,SAAS,CAAC,IAAY,EAAA;QAC3B,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;AAC1C,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;IAC/B;uGATW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cAFf,MAAM,EAAA,CAAA;;2FAEP,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCEY,sBAAsB,CAAA;AAGb,IAAA,gBAAA;AAFb,IAAA,KAAK,GAAG,KAAK,CAAS,SAAS,yCAAG,KAAK,EAAE,oBAAoB,EAAA,CAAA,GAAA,CAA5B,EAAC,KAAK,EAAE,oBAAoB,EAAC,GAAC;AAEtE,IAAA,WAAA,CAAoB,gBAAkC,EAAA;QAAlC,IAAA,CAAA,gBAAgB,GAAhB,gBAAgB;IACpC;IAI+B,YAAY,GAAA;QACzC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAG,CAAC;IAChD;uGAVW,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE;AACb,iBAAA;;sBASE,YAAY;uBAAC,OAAO;;;ACfvB;;AAEG;;;;"}

package/fesm2022/bootkit-ng0-routing.mjs

@@ -64,10 +64,10 @@ class RouterService {
                 .map(x => this._mapRoute(x, outlets))
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: RouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: RouterService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: RouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: RouterService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: RouterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: RouterService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/fesm2022/bootkit-ng0-script.mjs

@@ -38,10 +38,10 @@ class ScriptLoader {
             this._renderer.appendChild(this._document.body, elm);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ScriptLoader, deps: [{ token: i0.RendererFactory2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ScriptLoader, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ScriptLoader, deps: [{ token: i0.RendererFactory2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ScriptLoader, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ScriptLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ScriptLoader, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/bootkit-ng0-security.mjs

@@ -38,10 +38,10 @@ class UserStore {
     user = signal(undefined, ...(ngDevMode ? [{ debugName: "user" }] : []));
     constructor() {
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: UserStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: UserStore, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: UserStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: UserStore, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: UserStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: UserStore, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -64,17 +64,17 @@ class UserDirective {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: UserDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: UserStore }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.1", type: UserDirective, isStandalone: true, selector: "[ng0Claim]", inputs: { claim: { classPropertyName: "claim", publicName: "ng0Claim", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ng0Claim"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: UserDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: UserStore }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: UserDirective, isStandalone: true, selector: "[ng0Claim]", inputs: { claim: { classPropertyName: "claim", publicName: "ng0Claim", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ng0Claim"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: UserDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: UserDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ng0Claim]',
                     exportAs: 'ng0Claim',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: UserStore }] });
+        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: UserStore }], propDecorators: { claim: [{ type: i0.Input, args: [{ isSignal: true, alias: "ng0Claim", required: false }] }] } });
 
 class GuestUserDirective {
     _created = false;
@@ -91,10 +91,10 @@ class GuestUserDirective {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: GuestUserDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: UserStore }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: GuestUserDirective, isStandalone: true, selector: "[ng0GuestUser]", exportAs: ["ng0GuestUser"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GuestUserDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: UserStore }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: GuestUserDirective, isStandalone: true, selector: "[ng0GuestUser]", exportAs: ["ng0GuestUser"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: GuestUserDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GuestUserDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ng0GuestUser]',
@@ -108,13 +108,13 @@ const items = [
     GuestUserDirective
 ];
 class SecurityModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SecurityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: SecurityModule, imports: [UserDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: SecurityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: SecurityModule, imports: [UserDirective,
             GuestUserDirective], exports: [UserDirective,
             GuestUserDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SecurityModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: SecurityModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SecurityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: SecurityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: items,

package/layouts/layout1/index.d.ts

@@ -1,13 +1,14 @@
-import * as _angular_core from '@angular/core';
+import * as i0 from '@angular/core';
 import { TemplateRef } from '@angular/core';
-import { SidenavMode } from '@bootkit/ng0/components/sidenav';
+import { SidenavPosition, SidenavMode } from '@bootkit/ng0/components/sidenav';
 
 /**
  * Represents a secondary sidenav configuration in the Layout1Component.
  */
 interface Layout1SidenavConfiguration {
     template: TemplateRef<any>;
-    size: number;
+    size: number | string | undefined;
+    position: SidenavPosition;
     zIndex: number;
     closeByBackdropClick: boolean;
 }
@@ -20,37 +21,25 @@ declare class Layout1Manager {
     /**
      * Whether the start sidenav is open.
      */
-    readonly startSidenavOpen: _angular_core.WritableSignal<boolean>;
+    readonly startSidenavOpen: i0.WritableSignal<boolean>;
     /**
      * The mode of the start sidenav.
      */
-    readonly startSidenavMode: _angular_core.WritableSignal<SidenavMode>;
+    readonly startSidenavMode: i0.WritableSignal<SidenavMode>;
     /**
      * Whether the start sidenav is fixed.
      */
-    readonly startSidenavFixed: _angular_core.WritableSignal<boolean>;
-    /**
-     * Default size of the first secondary sidenav.
-     */
-    readonly secondarySidenavDefaultSize: _angular_core.WritableSignal<number>;
-    /**
-     * Reduce size step for the secondary sidenavs.
-     */
-    readonly secondarySidenavReduceSize: _angular_core.WritableSignal<number>;
-    /**
-     * Minimum size of a secondary sidenav.
-     */
-    readonly secondarySidenavMinSize: _angular_core.WritableSignal<number>;
+    readonly startSidenavFixed: i0.WritableSignal<boolean>;
     /**
      * List of secondary sidenavs.
      */
-    readonly secondarySidenavs: _angular_core.WritableSignal<Layout1SidenavConfiguration[]>;
+    readonly secondarySidenavs: i0.WritableSignal<Layout1SidenavConfiguration[]>;
     /**
      * Header mode.
      * 'default' - Header scrolls with the page.
      * 'sticky' - Header is fixed at the top.
      */
-    readonly headerMode: _angular_core.WritableSignal<"default" | "sticky">;
+    readonly headerMode: i0.WritableSignal<"default" | "sticky">;
     /**
      * Push a new secondary sidenav onto the stack.
      * @param template TemplateRef of the sidenav content.
@@ -66,8 +55,8 @@ declare class Layout1Manager {
      * Toggle the open state of the start sidenav.
      */
     toggleStartSidenav(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Layout1Manager, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<Layout1Manager>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Layout1Manager, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<Layout1Manager>;
 }
 
 /**
@@ -75,17 +64,17 @@ declare class Layout1Manager {
  */
 declare class Layout1Component {
     readonly config: Layout1Manager;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Layout1Component, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Layout1Component, "ng0-layout1", never, {}, {}, never, ["header", "content", "start-sidenav"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Layout1Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Layout1Component, "ng0-layout1", never, {}, {}, never, ["header", "content", "start-sidenav"], true, never>;
 }
 
 /**
  * Layout1Module
  */
 declare class Layout1Module {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Layout1Module, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<Layout1Module, never, [typeof Layout1Component], [typeof Layout1Component]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<Layout1Module>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Layout1Module, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<Layout1Module, never, [typeof Layout1Component], [typeof Layout1Component]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<Layout1Module>;
 }
 
 export { Layout1Component, Layout1Manager, Layout1Module };

package/localization/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, PipeTransform } from '@angular/core';
+import { EnvironmentInjector, InjectionToken, PipeTransform } from '@angular/core';
 import * as rxjs from 'rxjs';
 
 /**
@@ -12,26 +12,80 @@ type ObjectFormatter = (obj: any, ...params: any[]) => any;
 /**
  * Object formatter-like types.
  */
-type ObjectFormatterLike = ObjectFormatter | string | number | Array<ObjectFormatter | string | number>;
+type ObjectFormatterLike = ObjectFormatter | string | number | Array<ObjectFormatter | string | number | boolean | undefined>;
 /**
  * Default object formatter function.
  * @param value The item to format.
  * @returns The formatted string.
  */
 declare function defaultFormatter(obj: any): string;
+/**
+ * Creates a field formatter that retrieves the value of a specified field from an object.
+ * @param field The field name to retrieve.
+ * @returns An ObjectFormatter function.
+ */
+declare function fieldFormatter(field: string): ObjectFormatter;
+/**
+ * Creates an index formatter that retrieves the value at a specified index from an array.
+ * @param index The index to retrieve (number or boolean).
+ * @returns An ObjectFormatter function.
+ */
+declare function indexFormatter(index: number | boolean): ObjectFormatter;
+/**
+ * Creates an array formatter.
+ * @param array
+ * @returns An ObjectFormatter function.
+ */
+declare function arrayFormatter(array: Array<any>): ObjectFormatter;
+/**
+ * Creates a number formatter.
+ * @param minimumIntegerDigits
+ * @param minimumFractionDigits
+ * @param maximumFractionDigits
+ * @param useGrouping
+ * @returns An ObjectFormatter function.
+ */
+declare function numberFormatter(minimumIntegerDigits?: number, minimumFractionDigits?: number, maximumFractionDigits?: number, useGrouping?: boolean): ObjectFormatter;
+/**
+ * Creates a currency formatter.
+ * @param minFractions
+ * @param maxFractions
+ * @returns
+ */
+declare function currencyFormatter(minFractions?: number, maxFractions?: number): ObjectFormatter;
+/**
+ * Creates a date formatter.
+ * @returns
+ */
+declare function dateFormatter(options?: Intl.DateTimeFormatOptions): ObjectFormatter;
+/**
+ * Creates a locale-based formatter.
+ * @param locale The Locale object.
+ * @param formatterName The format string in the form of "formatterName:param1:param2:..."
+ * @returns A ValueFormatterFunction
+ * @private
+ */
+declare function localeFormatter(formatterName: string): ObjectFormatter;
+/**
+ * Creates a composite formatter that applies multiple formatters in sequence.
+ * @param formatters The list of ObjectFormatterLike values to compose.
+ * @returns An ObjectFormatter function.
+ */
+declare function composite(...formatters: ObjectFormatterLike[]): ObjectFormatter;
 /**
  * Creates an ObjectFormatter from various ObjectFormatterLike types.
  * @param formatter The ObjectFormatterLike value to convert.
  * @param locale Optional locale object for locale-based formatting.
+ * @param params Additional parameters for the formatter.
  * @returns An ObjectFormatter function.
  */
-declare function createObjectFormatter(formatter: ObjectFormatterLike, locale?: Locale): ObjectFormatter;
+declare function createObjectFormatter(formatter: ObjectFormatterLike, ...params: any[]): ObjectFormatter;
 /**
- * Creates a function that converts a ObjectFormatterLike value into a ObjectFormatter.
- * @param locale Optional locale object for locale-based formatting.
+ * Creates a transform function that converts a ObjectFormatterLike value into a ObjectFormatter.
+ * @param injector The EnvironmentInjector to use for dependency injection.
  * @returns A function that takes a ObjectFormatterLike and returns a ObjectFormatter.
  */
-declare function objectFormatterAttribute(locale?: Locale): ((v: ObjectFormatterLike) => ObjectFormatter);
+declare function objectFormatterAttribute(injector: EnvironmentInjector): ((v: ObjectFormatterLike) => ObjectFormatter);
 
 /** Locale dictionary */
 type LocaleDictionary = {
@@ -204,6 +258,7 @@ declare class Locale {
    * @returns Formatted date string based on the locale
    */
     formatDate(date: Date | string | number, format?: string): string;
+    format(object: any, formatterName: string, ...params: any[]): string;
 }
 
 /**
@@ -256,7 +311,7 @@ declare class DatePipe implements PipeTransform {
  * Format pipe to format objects using various formatter types.
  */
 declare class FormatPipe implements PipeTransform {
-    private _localizationService;
+    private _injector;
     transform(obj: any, formatter: ObjectFormatterLike, ...params: any[]): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormatPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<FormatPipe, "ng0Format", true>;
@@ -313,5 +368,5 @@ declare class LocalizationModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LocalizationModule>;
 }
 
-export { DatePipe, FormatPipe, LOCALE, Locale, LocalizationModule, LocalizationService, LocalizeBooleanPipe, LocalizeDatePipe, LocalizeEnumPipe, LocalizePipe, TranslateBooleanPipe, TranslateEnumPipe, TranslatePipe, createObjectFormatter, defaultFormatter, objectFormatterAttribute };
+export { DatePipe, FormatPipe, LOCALE, Locale, LocalizationModule, LocalizationService, LocalizeBooleanPipe, LocalizeDatePipe, LocalizeEnumPipe, LocalizePipe, TranslateBooleanPipe, TranslateEnumPipe, TranslatePipe, arrayFormatter, composite, createObjectFormatter, currencyFormatter, dateFormatter, defaultFormatter, fieldFormatter, indexFormatter, localeFormatter, numberFormatter, objectFormatterAttribute };
 export type { LocaleChangeEvent, LocaleDefinition, LocaleDictionary, LocaleEnums, LocaleValidationErrorTranslator, LocaleValidationErrorTranslators, ObjectFormatter, ObjectFormatterLike, TableComponentPagingFormatter, TranslatedValidationError };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bootkit/ng0",
-  "version": "0.0.0-alpha.31",
+  "version": "0.0.0-alpha.33",
   "description": "Angular+Bootstrap Component Library",
   "homepage": "https://bootkitlib.github.io/",
   "author": "BootKit",
@@ -43,14 +43,14 @@
       "types": "./data/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-data.mjs"
     },
-    "./date": {
-      "types": "./date/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-date.mjs"
-    },
     "./file": {
       "types": "./file/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-file.mjs"
     },
+    "./date": {
+      "types": "./date/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-date.mjs"
+    },
     "./form": {
       "types": "./form/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-form.mjs"
@@ -67,14 +67,14 @@
       "types": "./routing/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-routing.mjs"
     },
-    "./script": {
-      "types": "./script/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-script.mjs"
-    },
     "./security": {
       "types": "./security/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-security.mjs"
     },
+    "./script": {
+      "types": "./script/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-script.mjs"
+    },
     "./components/accordion": {
       "types": "./components/accordion/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-accordion.mjs"
@@ -95,30 +95,30 @@
       "types": "./components/code/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-code.mjs"
     },
-    "./components/confirmation": {
-      "types": "./components/confirmation/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-components-confirmation.mjs"
-    },
     "./components/collapse": {
       "types": "./components/collapse/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-collapse.mjs"
     },
-    "./components/form-field": {
-      "types": "./components/form-field/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-components-form-field.mjs"
+    "./components/confirmation": {
+      "types": "./components/confirmation/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-confirmation.mjs"
     },
     "./components/dropdown": {
       "types": "./components/dropdown/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-dropdown.mjs"
     },
-    "./components/modal": {
-      "types": "./components/modal/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-components-modal.mjs"
+    "./components/form-field": {
+      "types": "./components/form-field/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-form-field.mjs"
     },
     "./components/list": {
       "types": "./components/list/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-list.mjs"
     },
+    "./components/modal": {
+      "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"