npm - @ng-atomic/components - Versions diffs - 17.14.0 → 18.0.0 - Mend

@ng-atomic/components 17.14.0 → 18.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (298) hide show

package/fesm2022/ng-atomic-components-atoms-smart-menu-button.mjs CHANGED Viewed

@@ -15,10 +15,10 @@ class StopPipe {
         $event.preventDefault();
         return $event;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: StopPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: StopPipe, isStandalone: true, name: "stope" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: StopPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: StopPipe, isStandalone: true, name: "stope" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: StopPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: StopPipe, decorators: [{
             type: Pipe,
             args: [{ standalone: true, name: 'stope' }]
         }] });
@@ -29,13 +29,13 @@ let SmartMenuButtonAtomStore = class SmartMenuButtonAtomStore extends Injectable
         this.type = input('icon-button');
         this.action = computed(() => this.actions()?.[0]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartMenuButtonAtomStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: SmartMenuButtonAtomStore, isStandalone: true, selector: "atoms-smart-menu-button", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartMenuButtonAtomStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: SmartMenuButtonAtomStore, isStandalone: true, selector: "atoms-smart-menu-button", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 SmartMenuButtonAtomStore = __decorate([
     TokenizedType()
 ], SmartMenuButtonAtomStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartMenuButtonAtomStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartMenuButtonAtomStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'atoms-smart-menu-button' }]
         }] });
@@ -44,8 +44,8 @@ class SmartMenuButtonAtom extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(SmartMenuButtonAtomStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartMenuButtonAtom, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: SmartMenuButtonAtom, isStandalone: true, selector: "atoms-smart-menu-button", usesInheritance: true, hostDirectives: [{ directive: SmartMenuButtonAtomStore, inputs: ["actions", "actions", "type", "type"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartMenuButtonAtom, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: SmartMenuButtonAtom, isStandalone: true, selector: "atoms-smart-menu-button", usesInheritance: true, hostDirectives: [{ directive: SmartMenuButtonAtomStore, inputs: ["actions", "actions", "type", "type"] }], ngImport: i0, template: `
   @switch(store.actions()?.length ?? 0) {
     @case(0) { }
     @case(1) {
@@ -101,7 +101,7 @@ class SmartMenuButtonAtom extends NgAtomicComponent {
   </mat-menu>
   `, isInline: true, styles: [":host{display:block;width:48px;height:48px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartMenuButtonAtom, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartMenuButtonAtom, decorators: [{
             type: Component,
             args: [{ selector: 'atoms-smart-menu-button', standalone: true, imports: [
                         MatButtonModule,

package/fesm2022/ng-atomic-components-atoms.mjs CHANGED Viewed

@@ -12,11 +12,11 @@ class NgAtomicAtomsModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicAtomsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicAtomsModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicAtomsModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicAtomsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicAtomsModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicAtomsModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicAtomsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicAtomsModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });

package/fesm2022/ng-atomic-components-extras-editor.mjs CHANGED Viewed

@@ -67,10 +67,10 @@ class EditorComponent extends NgAtomicComponent {
             parent: this.el.nativeElement,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.2.2", type: EditorComponent, isStandalone: true, selector: "extras-editor", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, keyActions: { classPropertyName: "keyActions", publicName: "keyActions", isSignal: true, isRequired: false, transformFunction: null }, extensions: { classPropertyName: "extensions", publicName: "extensions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChange: "contentChange" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, styles: [":host{display:block}:host{width:100%;height:100%}:host ::ng-deep>.cm-editor{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: EditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.2", type: EditorComponent, isStandalone: true, selector: "extras-editor", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, keyActions: { classPropertyName: "keyActions", publicName: "keyActions", isSignal: true, isRequired: false, transformFunction: null }, extensions: { classPropertyName: "extensions", publicName: "extensions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChange: "contentChange" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, styles: [":host{display:block}:host{width:100%;height:100%}:host ::ng-deep>.cm-editor{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: EditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'extras-editor', standalone: true, imports: [
                         CommonModule

package/fesm2022/ng-atomic-components-extras-editor.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-extras-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/extras/editor/editor.component.ts","../../../../../packages/@ng-atomic/components/src/lib/extras/editor/ng-atomic-components-extras-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, model, Directive, inject, input, effect, ElementRef, viewChild, Output, EventEmitter, Inject, ChangeDetectorRef } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { keymap } from \"@codemirror/view\"\nimport { indentWithTab } from \"@codemirror/commands\"\nimport { history } from '@codemirror/commands';\nimport { autocompletion, closeBrackets } from '@codemirror/autocomplete';\nimport { bracketMatching, syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark';\nimport { EditorSelection, EditorState, Extension } from '@codemirror/state';\nimport { lineNumbers } from '@codemirror/view';\nimport { basicSetup, EditorView } from \"codemirror\"\nimport { html } from \"@codemirror/lang-html\";\nimport prettier from \"prettier/standalone\";\nimport parserHtml from \"prettier/parser-html\";\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { graphql } from 'cm6-graphql';\nimport { distinctUntilChanged } from 'rxjs';\nimport { json } from \"@codemirror/lang-json\";\n\n@Component({\n selector: 'extras-editor',\n standalone: true,\n imports: [\n CommonModule\n ],\n template: ``,\n styleUrls: ['./editor.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EditorComponent extends NgAtomicComponent {\n readonly content = input<string>('');\n readonly _contentChange$ = new EventEmitter<string>();\n @Output() readonly contentChange = new EventEmitter<string>();\n readonly keyActions = input<{key: string, actionId: string}[]>();\n readonly extensions = input<Extension[]>([\n json(),\n ]);\n readonly el = inject(ElementRef);\n\n // readonly state = computed(() => {\n // return EditorState.create({\n // doc: this.content() ?? '',\n // extensions: [\n // keymap.of([\n // ...(this.keyActions() ?? []).map(({key, actionId}) => ({\n // key,\n // run: () => (this.dispatch({id: actionId}), true),\n // })),\n // indentWithTab,\n // ]),\n // html(),\n // ...this.extensions(),\n // graphql(),\n // ],\n // });\n // });\n\n editorView!: EditorView;\n\n readonly cd = inject(ChangeDetectorRef);\n\n constructor() {\n super();\n effect(() => {\n const selection = this.editorView.state.selection;\n this.editorView.dispatch(\n this.editorView.state.update({\n changes: {\n from: 0,\n to: this.editorView.state.doc.length,\n insert: this.content() ?? '',\n },\n selection: selection,\n scrollIntoView: true,\n }),\n );\n });\n }\n\n ngOnInit(): void {\n this._contentChange$.pipe(\n distinctUntilChanged(),\n ).subscribe((content) => {\n this.contentChange.emit(content);\n });\n }\n\n ngAfterViewInit() {\n this.editorView?.destroy();\n this.editorView = new EditorView({\n state: EditorState.create({\n doc: ``,\n extensions: [\n basicSetup,\n bracketMatching(),\n closeBrackets(),\n history(),\n autocompletion(),\n lineNumbers(),\n oneDark,\n syntaxHighlighting(oneDarkHighlightStyle),\n EditorView.updateListener.of((update) => {\n if (!update.docChanged) return;\n this._contentChange$.emit(update.state.doc.toString());\n }),\n ...this.extensions(),\n ],\n }),\n parent: this.el.nativeElement,\n })\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-extras-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/extras/editor/editor.component.ts","../../../../../packages/@ng-atomic/components/src/lib/extras/editor/ng-atomic-components-extras-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, model, Directive, inject, input, effect, ElementRef, viewChild, Output, EventEmitter, Inject, ChangeDetectorRef, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { keymap } from \"@codemirror/view\"\nimport { indentWithTab } from \"@codemirror/commands\"\nimport { history } from '@codemirror/commands';\nimport { autocompletion, closeBrackets } from '@codemirror/autocomplete';\nimport { bracketMatching, syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark';\nimport { EditorSelection, EditorState, Extension } from '@codemirror/state';\nimport { lineNumbers } from '@codemirror/view';\nimport { basicSetup, EditorView } from \"codemirror\"\nimport { html } from \"@codemirror/lang-html\";\nimport prettier from \"prettier/standalone\";\nimport parserHtml from \"prettier/parser-html\";\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { graphql } from 'cm6-graphql';\nimport { distinctUntilChanged } from 'rxjs';\nimport { json } from \"@codemirror/lang-json\";\n\n@Component({\n selector: 'extras-editor',\n standalone: true,\n imports: [\n CommonModule\n ],\n template: ``,\n styleUrls: ['./editor.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EditorComponent extends NgAtomicComponent implements OnInit {\n readonly content = input<string>('');\n readonly _contentChange$ = new EventEmitter<string>();\n @Output() readonly contentChange = new EventEmitter<string>();\n readonly keyActions = input<{key: string, actionId: string}[]>();\n readonly extensions = input<Extension[]>([\n json(),\n ]);\n readonly el = inject(ElementRef);\n\n // readonly state = computed(() => {\n // return EditorState.create({\n // doc: this.content() ?? '',\n // extensions: [\n // keymap.of([\n // ...(this.keyActions() ?? []).map(({key, actionId}) => ({\n // key,\n // run: () => (this.dispatch({id: actionId}), true),\n // })),\n // indentWithTab,\n // ]),\n // html(),\n // ...this.extensions(),\n // graphql(),\n // ],\n // });\n // });\n\n editorView!: EditorView;\n\n readonly cd = inject(ChangeDetectorRef);\n\n constructor() {\n super();\n effect(() => {\n const selection = this.editorView.state.selection;\n this.editorView.dispatch(\n this.editorView.state.update({\n changes: {\n from: 0,\n to: this.editorView.state.doc.length,\n insert: this.content() ?? '',\n },\n selection: selection,\n scrollIntoView: true,\n }),\n );\n });\n }\n\n ngOnInit(): void {\n this._contentChange$.pipe(\n distinctUntilChanged(),\n ).subscribe((content) => {\n this.contentChange.emit(content);\n });\n }\n\n ngAfterViewInit() {\n this.editorView?.destroy();\n this.editorView = new EditorView({\n state: EditorState.create({\n doc: ``,\n extensions: [\n basicSetup,\n bracketMatching(),\n closeBrackets(),\n history(),\n autocompletion(),\n lineNumbers(),\n oneDark,\n syntaxHighlighting(oneDarkHighlightStyle),\n EditorView.updateListener.of((update) => {\n if (!update.docChanged) return;\n this._contentChange$.emit(update.state.doc.toString());\n }),\n ...this.extensions(),\n ],\n }),\n parent: this.el.nativeElement,\n })\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA6BM,MAAO,eAAgB,SAAQ,iBAAiB,CAAA;AAgCpD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;AAhCD,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAC5B,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAU,CAAC;AACnC,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAU,CAAC;QACrD,IAAU,CAAA,UAAA,GAAG,KAAK,EAAqC,CAAC;QACxD,IAAU,CAAA,UAAA,GAAG,KAAK,CAAc;AACvC,YAAA,IAAI,EAAE;AACP,SAAA,CAAC,CAAC;AACM,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAsBxB,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;QAItC,MAAM,CAAC,MAAK;YACV,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC;AAClD,YAAA,IAAI,CAAC,UAAU,CAAC,QAAQ,CACtB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;AAC3B,gBAAA,OAAO,EAAE;AACP,oBAAA,IAAI,EAAE,CAAC;oBACP,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM;AACpC,oBAAA,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE;AAC7B,iBAAA;AACD,gBAAA,SAAS,EAAE,SAAS;AACpB,gBAAA,cAAc,EAAE,IAAI;AACrB,aAAA,CAAC,CACH,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;IAED,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CACvB,oBAAoB,EAAE,CACvB,CAAC,SAAS,CAAC,CAAC,OAAO,KAAI;AACtB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACnC,SAAC,CAAC,CAAC;KACJ;IAED,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,CAAC;AAC3B,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,UAAU,CAAC;AAC/B,YAAA,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC;AACxB,gBAAA,GAAG,EAAE,CAAE,CAAA;AACP,gBAAA,UAAU,EAAE;oBACV,UAAU;AACV,oBAAA,eAAe,EAAE;AACjB,oBAAA,aAAa,EAAE;AACf,oBAAA,OAAO,EAAE;AACT,oBAAA,cAAc,EAAE;AAChB,oBAAA,WAAW,EAAE;oBACb,OAAO;oBACP,kBAAkB,CAAC,qBAAqB,CAAC;oBACzC,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,MAAM,KAAI;wBACtC,IAAI,CAAC,MAAM,CAAC,UAAU;4BAAE,OAAO;AAC/B,wBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;AACzD,qBAAC,CAAC;oBACF,GAAG,IAAI,CAAC,UAAU,EAAE;AACrB,iBAAA;aACF,CAAC;AACF,YAAA,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,aAAa;AAC9B,SAAA,CAAC,CAAA;KACH;8GAjFU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJhB,CAAE,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAFV,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAMH,eAAe,EAAA,UAAA,EAAA,CAAA;kBAV3B,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;AACb,qBAAA,EAAA,QAAA,EACS,CAAE,CAAA,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,uGAAA,CAAA,EAAA,CAAA;wDAK5B,aAAa,EAAA,CAAA;sBAA/B,MAAM;;;AChCT;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-extras.mjs CHANGED Viewed

@@ -8,11 +8,11 @@ class NgAtomicExtrasModule {
             providers: []
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicExtrasModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicExtrasModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicExtrasModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicExtrasModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicExtrasModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicExtrasModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicExtrasModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicExtrasModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });

package/fesm2022/ng-atomic-components-frames-app.mjs CHANGED Viewed

@@ -8,7 +8,6 @@ import { InjectableComponent, applyToInput, provideEffect, _computed, NgAtomicCo
 import { FormBuilder } from '@angular/forms';
 import { makeConfig } from '@ng-atomic/common/services/ui';
 import { isPlatformServer, isPlatformBrowser } from '@angular/common';
-import { BackgroundTemplateStore } from '@ng-atomic/components/templates/background';
 import { DrawerFrame } from '@ng-atomic/components/frames/drawer';
 import { FabFrame } from '@ng-atomic/components/frames/fab';
 import { AppService } from '@ng-atomic/common/services/app';
@@ -245,10 +244,10 @@ class AppFrameStore extends InjectableComponent {
         this.fabHide = input(_computed(() => this.config().fabHide));
         AppFrameStore.Initializer.initializeStore(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: AppFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: AppFrameStore, isStandalone: true, selector: "frames-app", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isEntrance: { classPropertyName: "isEntrance", publicName: "isEntrance", isSignal: true, isRequired: false, transformFunction: null }, sideAppOpened: { classPropertyName: "sideAppOpened", publicName: "sideAppOpened", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, entranceActions: { classPropertyName: "entranceActions", publicName: "entranceActions", isSignal: true, isRequired: false, transformFunction: null }, sideNavActions: { classPropertyName: "sideNavActions", publicName: "sideNavActions", isSignal: true, isRequired: false, transformFunction: null }, sideNavMode: { classPropertyName: "sideNavMode", publicName: "sideNavMode", isSignal: true, isRequired: false, transformFunction: null }, sideNavMenuType: { classPropertyName: "sideNavMenuType", publicName: "sideNavMenuType", isSignal: true, isRequired: false, transformFunction: null }, sideNavMenuTitle: { classPropertyName: "sideNavMenuTitle", publicName: "sideNavMenuTitle", isSignal: true, isRequired: false, transformFunction: null }, sideAppOutletName: { classPropertyName: "sideAppOutletName", publicName: "sideAppOutletName", isSignal: true, isRequired: false, transformFunction: null }, fabActions: { classPropertyName: "fabActions", publicName: "fabActions", isSignal: true, isRequired: false, transformFunction: null }, fabHide: { classPropertyName: "fabHide", publicName: "fabHide", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AppFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: AppFrameStore, isStandalone: true, selector: "frames-app", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isEntrance: { classPropertyName: "isEntrance", publicName: "isEntrance", isSignal: true, isRequired: false, transformFunction: null }, sideAppOpened: { classPropertyName: "sideAppOpened", publicName: "sideAppOpened", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, entranceActions: { classPropertyName: "entranceActions", publicName: "entranceActions", isSignal: true, isRequired: false, transformFunction: null }, sideNavActions: { classPropertyName: "sideNavActions", publicName: "sideNavActions", isSignal: true, isRequired: false, transformFunction: null }, sideNavMode: { classPropertyName: "sideNavMode", publicName: "sideNavMode", isSignal: true, isRequired: false, transformFunction: null }, sideNavMenuType: { classPropertyName: "sideNavMenuType", publicName: "sideNavMenuType", isSignal: true, isRequired: false, transformFunction: null }, sideNavMenuTitle: { classPropertyName: "sideNavMenuTitle", publicName: "sideNavMenuTitle", isSignal: true, isRequired: false, transformFunction: null }, sideAppOutletName: { classPropertyName: "sideAppOutletName", publicName: "sideAppOutletName", isSignal: true, isRequired: false, transformFunction: null }, fabActions: { classPropertyName: "fabActions", publicName: "fabActions", isSignal: true, isRequired: false, transformFunction: null }, fabHide: { classPropertyName: "fabHide", publicName: "fabHide", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: AppFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AppFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-app' }]
         }], ctorParameters: () => [] });
@@ -264,8 +263,8 @@ class AppFrame extends NgAtomicComponent {
     isPlatformBrowser() {
         return isPlatformBrowser(this.platformId);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: AppFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: AppFrame, isStandalone: true, selector: "frames-app", usesInheritance: true, hostDirectives: [{ directive: AppFrameStore }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AppFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: AppFrame, isStandalone: true, selector: "frames-app", usesInheritance: true, hostDirectives: [{ directive: AppFrameStore }], ngImport: i0, template: `
   <router-outlet/>
   @if (isPlatformBrowser()) {
     @defer {
@@ -307,22 +306,22 @@ class AppFrame extends NgAtomicComponent {
       </frames-entrance>
     </frames-fab>
   </frames-loading>
-  `, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-xIey: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-xIey: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-xIey: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-xIey: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-xIey: var(--background-color);--on-background-color-SCOPED-IN-frames-app-xIey: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-xIey: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-xIey: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-xIey: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-xIey: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-xIey: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-xIey: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-xIey: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-xIey: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-xIey: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-xIey: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-xIey);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-xIey);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-xIey);--surface-color: var(--surface-color-SCOPED-IN-frames-app-xIey);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-xIey);--background-color: var(--background-color-SCOPED-IN-frames-app-xIey);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-xIey);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-xIey);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-xIey)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-xIey)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-xIey)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-xIey);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-xIey);--background-color: var(--background-background-color-SCOPED-IN-frames-app-xIey);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-xIey);height:100%}\n"], dependencies: [{ kind: "component", type: FabFrame, selector: "frames-fab" }, { kind: "component", type: LoadingFrame, selector: "frames-loading" }, { kind: "component", type: SideNavFrame, selector: "frames-side-nav" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EntranceFrame, selector: "frames-entrance" }, { kind: "component", type:
+  `, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-m5hg: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-m5hg: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-m5hg: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-m5hg: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-m5hg: var(--background-color);--on-background-color-SCOPED-IN-frames-app-m5hg: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-m5hg: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-m5hg: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-m5hg: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-m5hg: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-m5hg: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-m5hg: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-m5hg: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-m5hg: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-m5hg: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-m5hg: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-m5hg);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-m5hg);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-m5hg);--surface-color: var(--surface-color-SCOPED-IN-frames-app-m5hg);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-m5hg);--background-color: var(--background-color-SCOPED-IN-frames-app-m5hg);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-m5hg);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-m5hg);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-m5hg)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-m5hg)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-m5hg)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-m5hg);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-m5hg);--background-color: var(--background-background-color-SCOPED-IN-frames-app-m5hg);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-m5hg);height:100%}\n"], dependencies: [{ kind: "component", type: FabFrame, selector: "frames-fab" }, { kind: "component", type: LoadingFrame, selector: "frames-loading" }, { kind: "component", type: SideNavFrame, selector: "frames-side-nav" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EntranceFrame, selector: "frames-entrance" }, { kind: "component", type:
                 // DrawerFrameStore,
-                DrawerFrame, selector: "frames-drawer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+                DrawerFrame, selector: "frames-drawer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)]] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: AppFrame, decorators: [{
-            type: Component,
-            args: [{ selector: 'frames-app', standalone: true, imports: [
-                        FabFrame,
-                        LoadingFrame,
-                        SideNavFrame,
-                        RouterOutlet,
-                        EntranceFrame,
-                        // DrawerFrameStore,
-                        DrawerFrame,
-                        BackgroundTemplateStore,
-                    ], template: `
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ngImport: i0, type: AppFrame, resolveDeferredDeps: () => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)], resolveMetadata: BackgroundTemplateStore => ({ decorators: [{
+                type: Component,
+                args: [{ selector: 'frames-app', standalone: true, imports: [
+                            FabFrame,
+                            LoadingFrame,
+                            SideNavFrame,
+                            RouterOutlet,
+                            EntranceFrame,
+                            // DrawerFrameStore,
+                            DrawerFrame,
+                            BackgroundTemplateStore,
+                        ], template: `
   <router-outlet/>
   @if (isPlatformBrowser()) {
     @defer {
@@ -365,9 +364,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
     </frames-fab>
   </frames-loading>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
-                        AppFrameStore,
-                    ], styles: [":host{--primary-color-SCOPED-IN-frames-app-xIey: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-xIey: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-xIey: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-xIey: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-xIey: var(--background-color);--on-background-color-SCOPED-IN-frames-app-xIey: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-xIey: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-xIey: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-xIey: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-xIey: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-xIey: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-xIey: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-xIey: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-xIey: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-xIey: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-xIey: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-xIey);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-xIey);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-xIey);--surface-color: var(--surface-color-SCOPED-IN-frames-app-xIey);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-xIey);--background-color: var(--background-color-SCOPED-IN-frames-app-xIey);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-xIey);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-xIey);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-xIey)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-xIey)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-xIey)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-xIey);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-xIey);--background-color: var(--background-background-color-SCOPED-IN-frames-app-xIey);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-xIey);height:100%}\n"] }]
-        }] });
+                            AppFrameStore,
+                        ], styles: [":host{--primary-color-SCOPED-IN-frames-app-m5hg: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-m5hg: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-m5hg: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-m5hg: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-m5hg: var(--background-color);--on-background-color-SCOPED-IN-frames-app-m5hg: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-m5hg: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-m5hg: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-m5hg: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-m5hg: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-m5hg: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-m5hg: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-m5hg: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-m5hg: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-m5hg: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-m5hg: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-m5hg);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-m5hg);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-m5hg);--surface-color: var(--surface-color-SCOPED-IN-frames-app-m5hg);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-m5hg);--background-color: var(--background-color-SCOPED-IN-frames-app-m5hg);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-m5hg);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-m5hg);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-m5hg)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-m5hg)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-m5hg)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-m5hg);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-m5hg);--background-color: var(--background-background-color-SCOPED-IN-frames-app-m5hg);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-m5hg);height:100%}\n"] }]
+            }], ctorParameters: null, propDecorators: null }) });
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-atomic-components-frames-app.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-app.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/app/app.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/app/ng-atomic-components-frames-app.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, PLATFORM_ID, computed, effect, input } from '@angular/core';\nimport { Directive, inject } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { LoadingFrame } from '@ng-atomic/components/frames/loading';\nimport { SideNavFrame, SideNavFrameStore } from '@ng-atomic/components/frames/side-nav';\nimport { EntranceFrame } from '@ng-atomic/components/frames/entrance';\nimport { Action, Actions, InjectableComponent, NgAtomicComponent, _computed, applyToInput, provideEffect } from '@ng-atomic/core';\nimport { AbstractControl, FormBuilder } from '@angular/forms';\nimport { makeConfig, UIContext } from '@ng-atomic/common/services/ui';\nimport { isPlatformBrowser, isPlatformServer } from '@angular/common';\nimport { BackgroundTemplateStore } from '@ng-atomic/components/templates/background';\nimport { DrawerFrame } from '@ng-atomic/components/frames/drawer';\nimport { FabFrame } from '@ng-atomic/components/frames/fab';\nimport { AppService } from '@ng-atomic/common/services/app';\nimport { SideAppService } from '@ng-atomic/common/services/side-app';\nimport { AuthService } from '@ng-atomic/common/services/auth';\nimport { RootPropertyService } from '@ng-atomic/common/services/root-property';\nimport { makeInitializerConfig } from '@ng-atomic/common/services/initializer';\nimport { injectPrimaryPaths } from '@ng-atomic/common/utils';\n\nenum ActionId {\n SIGN_IN_WITH_GOOGLE = '[@ng-atomic/components:frames/app] Sign In With Google',\n SIGN_IN_WITH_TWITTER = '[@ng-atomic/components:frames/app] Sign In With Twitter',\n SIGN_IN_WITH_EMAIL = '[@ng-atomic/components:frames/app] Sign In With Email',\n SIGN_UP_WITH_EMAIL = '[@ng-atomic/components:frames/app] Sign Up With Email',\n NAVIGATE = '[@ng-atomic/components:frames/app] Navigate',\n SIGN_OUT = '[@ng-atomic/components:frames/app] Sign Out',\n OPEN_SIDE_APP = '[@ng-atomic/components:frames/app] Open Side App',\n}\n\n@Directive({ standalone: true, selector: 'frames-app' })\nexport class AppFrameStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n return (context) => ({\n fabActions: [],\n fabHide: true,\n isEntrance: true,\n isLoading: false,\n sideAppOpened: false,\n title: 'title',\n form: inject(FormBuilder).group({}) as AbstractControl,\n entranceActions: [\n { id: ActionId.SIGN_IN_WITH_GOOGLE, name: 'Googleでサインイン', icon: '' },\n ] as Actions,\n sideNavActions: [\n { id: ActionId.SIGN_OUT, name: 'ログアウト', icon: 'exit_to_app' },\n ] as Actions,\n sideNavMode: 'collapsed' as 'expanded' \| 'collapsed',\n sideNavMenuType: SideNavFrameStore.getMenuType(context),\n sideNavMenuTitle: undefined as string,\n sideAppOutletName: 'side-app',\n });\n }, ['components', 'frames', 'app']);\n static provideAppServiceConfig = () => AppFrameStore.Config.provide(() => {\n const app = inject(AppService);\n const fabHide = computed(() => app.sideApp.opened());\n return (config) => ({\n ...config,\n isLoading: app.loading.isLoading(),\n sideNavMode: app.sideNavMode.sideNavMode(),\n sideAppOpened: app.sideApp.opened(),\n fabActions: app.fab.actions(),\n fabHide: fabHide(),\n });\n });\n static provideIconButtonMenuAsDefaultConfig() {\n return [\n RootPropertyService.Config.provide(() => {\n const getProps = (context: UIContext) => {\n switch (context.breakpoint) {\n case 'xSmall': return { '--menu-width': '220px' };\n case 'small':\n case 'medium':\n case 'large':\n case 'xLarge': return { '--menu-width': '64px' };\n }\n }\n return (config, context) => ({...config, ...getProps(context)});\n }),\n AppFrameStore.Config.provide(() => {\n const getMenuType = (context: UIContext) => {\n switch (context.breakpoint) {\n case 'xSmall': return 'menu';\n default: return 'icon-button-menu';\n }\n };\n return (config, context) => ({\n ...config,\n sideNavMenuType: getMenuType(context),\n });\n })\n ];\n }\n static Initializer = makeInitializerConfig(AppFrameStore);\n static provideInitializer = AppFrameStore.Initializer.provide;\n static provideExpandSideAppOnInit() {\n return AppFrameStore.Initializer.provide(() => {\n inject(SideAppService).expand();\n });\n }\n static provideSideNavActionsInitializer(actionsFactory: () => Action[]) {\n return AppFrameStore.Initializer.provide((store) => {\n const paths = injectPrimaryPaths();\n function compare(paths: string[], payload?: string[]) {\n if (payload === undefined) return false;\n return payload.every((path, i) => paths[i] === path);\n }\n const actions = actionsFactory();\n\n effect(() => {\n applyToInput(store, 'sideNavActions', actions.map(action => ({\n ...action, disabled: compare(paths(), action?.payload),\n })));\n }, {allowSignalWrites: true});\n });\n }\n static provideNavigateEffect() {\n return provideEffect(AppFrameStore.ActionId.NAVIGATE, () => {\n const app = inject(AppService);\n return (payload: string[]) => {\n app.router.navigate(payload).then(() => app.sideNav.collapse());\n };\n });\n }\n static provideSignOutEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_OUT, () => {\n const app = inject(AppService);\n const auth = inject(AuthService);\n return () => {\n auth.signOut().then(() => {\n app.sideNav.collapse();\n app.snackBar.open('サインアウトしました');\n });\n };\n });\n }\n static provideOpenSideAppEffect() {\n return provideEffect(AppFrameStore.ActionId.OPEN_SIDE_APP, () => {\n const app = inject(AppService);\n return () => {\n console.debug('open side app');\n app.sideApp.expand();\n }\n });\n }\n static provideSignUpWithEmailEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_UP_WITH_EMAIL, () => {\n const app = inject(AppService);\n const store = inject(AppFrameStore);\n const auth = inject(AuthService);\n return () => {\n const data = store.form().getRawValue() as {email: string, password: string};\n app.loading.await(() => {\n return auth.createUserWithEmailAndPassword(data.email, data.password).then(() => {\n app.snackBar.open('新規登録しました。');\n }).catch((error) => {\n console.error(error);\n app.snackBar.open(error.message);\n });\n });\n };\n });\n }\n static provideSignInWithEmailEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_IN_WITH_EMAIL, () => {\n const app = inject(AppService);\n const store = inject(AppFrameStore);\n const auth = inject(AuthService);\n return () => {\n const data = store.form().getRawValue() as {email: string, password: string};\n app.loading.await(() => {\n return auth.signInWithEmailAndPassword(data.email, data.password).then(() => {\n app.snackBar.open('ログインしました');\n }).catch((error) => {\n console.error(error);\n app.snackBar.open(error.message);\n });\n });\n };\n });\n }\n static provideSignInWithGoogleEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_IN_WITH_GOOGLE, () => {\n const app = inject(AppService);\n const auth = inject(AuthService);\n return () => {\n auth.signInWithGoogle().then(() => {\n app.snackBar.open('ログインしました');\n }).catch((error) => {\n console.error(error);\n const _message = error.message.match(/HTTP Cloud Function returned an error: (.) \\(./);\n const message = _message ? JSON.parse(_message[1]).error.message : error.message;\n app.snackBar.open(message);\n });\n };\n });\n }\n static provideSignInWithTwitterEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_IN_WITH_TWITTER, () => {\n const app = inject(AppService);\n const auth = inject(AuthService);\n return () => {\n auth.signInWithTwitter().then(() => {\n app.snackBar.open('ログインしました');\n }).catch((error) => {\n console.error(error);\n app.snackBar.open(error.message);\n });\n };\n });\n }\n static provideDefaultEffects() {\n return [\n AppFrameStore.provideNavigateEffect(),\n AppFrameStore.provideSignOutEffect(),\n AppFrameStore.provideOpenSideAppEffect(),\n AppFrameStore.provideSignUpWithEmailEffect(),\n AppFrameStore.provideSignInWithEmailEffect(),\n AppFrameStore.provideSignInWithGoogleEffect(),\n AppFrameStore.provideSignInWithTwitterEffect(),\n ];\n }\n\n static provideDefault() {\n return [\n AppFrameStore.provideAppServiceConfig(),\n AppFrameStore.provideIconButtonMenuAsDefaultConfig(),\n AppFrameStore.provideDefaultEffects(),\n ]\n }\n\n readonly config = AppFrameStore.Config.inject();\n readonly isLoading = input(_computed(() => this.config().isLoading));\n readonly isEntrance = input(_computed(() => this.config().isEntrance));\n readonly sideAppOpened = input(_computed(() => this.config().sideAppOpened));\n readonly title = input(_computed(() => this.config().title));\n readonly form = input(_computed(() => this.config().form));\n readonly entranceActions = input(_computed(() => this.config().entranceActions));\n readonly sideNavActions = input(_computed(() => this.config().sideNavActions));\n readonly sideNavMode = input(_computed(() => this.config().sideNavMode));\n readonly sideNavMenuType = input(_computed(() => this.config().sideNavMenuType));\n readonly sideNavMenuTitle = input(_computed(() => this.config().sideNavMenuTitle));\n readonly sideAppOutletName = input(_computed(() => this.config().sideAppOutletName));\n readonly fabActions = input(_computed(() => this.config().fabActions));\n readonly fabHide = input(_computed(() => this.config().fabHide));\n\n constructor() {\n super();\n AppFrameStore.Initializer.initializeStore(this);\n }\n}\n\n\n@Component({\n selector: 'frames-app',\n standalone: true,\n imports: [\n FabFrame,\n LoadingFrame,\n SideNavFrame,\n RouterOutlet,\n EntranceFrame,\n // DrawerFrameStore,\n DrawerFrame,\n BackgroundTemplateStore,\n ],\n template: `\n <router-outlet/>\n @if (isPlatformBrowser()) {\n @defer {\n <templates-background injectable/>\n }\n }\n <frames-loading [isLoading]=\"store.isLoading()\">\n <frames-fab\n [actions]=\"store.fabActions()\"\n [hide]=\"store.fabHide()\"\n (action)=\"dispatch($event)\"\n >\n <frames-entrance\n [isEntrance]=\"store.isEntrance()\"\n [form]=\"store.form()\"\n [title]=\"store.title()\"\n [actions]=\"store.entranceActions()\"\n (action)=\"dispatch($event)\"\n >\n <frames-drawer\n [opened]=\"store.sideAppOpened()\"\n [position]=\"'end'\"\n [hasBackdrop]=\"false\"\n >\n <frames-side-nav\n [actions]=\"store.sideNavActions()\"\n [mode]=\"store.sideNavMode()\"\n [menuType]=\"store.sideNavMenuType()\"\n [menuTitle]=\"store.sideNavMenuTitle()\"\n (action)=\"dispatch($event)\"\n contents\n >\n <router-outlet contents/>\n </frames-side-nav>\n <div drawer style=\"width: var(--page-width-lv1);height: 100%;\">\n <router-outlet [name]=\"store.sideAppOutletName()\" />\n </div>\n </frames-drawer>\n </frames-entrance>\n </frames-fab>\n </frames-loading>\n `,\n styleUrl: './app.frame.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n AppFrameStore,\n ],\n})\nexport class AppFrame extends NgAtomicComponent {\n protected store = inject(AppFrameStore);\n readonly platformId = inject(PLATFORM_ID);\n\n protected isPlatformServer() {\n return isPlatformServer(this.platformId);\n }\n\n protected isPlatformBrowser() {\n return isPlatformBrowser(this.platformId);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-frames-app.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/app/app.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/app/ng-atomic-components-frames-app.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, PLATFORM_ID, computed, effect, input } from '@angular/core';\nimport { Directive, inject } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { LoadingFrame } from '@ng-atomic/components/frames/loading';\nimport { SideNavFrame, SideNavFrameStore } from '@ng-atomic/components/frames/side-nav';\nimport { EntranceFrame } from '@ng-atomic/components/frames/entrance';\nimport { Action, Actions, InjectableComponent, NgAtomicComponent, _computed, applyToInput, provideEffect } from '@ng-atomic/core';\nimport { AbstractControl, FormBuilder } from '@angular/forms';\nimport { makeConfig, UIContext } from '@ng-atomic/common/services/ui';\nimport { isPlatformBrowser, isPlatformServer } from '@angular/common';\nimport { BackgroundTemplateStore } from '@ng-atomic/components/templates/background';\nimport { DrawerFrame } from '@ng-atomic/components/frames/drawer';\nimport { FabFrame } from '@ng-atomic/components/frames/fab';\nimport { AppService } from '@ng-atomic/common/services/app';\nimport { SideAppService } from '@ng-atomic/common/services/side-app';\nimport { AuthService } from '@ng-atomic/common/services/auth';\nimport { RootPropertyService } from '@ng-atomic/common/services/root-property';\nimport { makeInitializerConfig } from '@ng-atomic/common/services/initializer';\nimport { injectPrimaryPaths } from '@ng-atomic/common/utils';\n\nenum ActionId {\n SIGN_IN_WITH_GOOGLE = '[@ng-atomic/components:frames/app] Sign In With Google',\n SIGN_IN_WITH_TWITTER = '[@ng-atomic/components:frames/app] Sign In With Twitter',\n SIGN_IN_WITH_EMAIL = '[@ng-atomic/components:frames/app] Sign In With Email',\n SIGN_UP_WITH_EMAIL = '[@ng-atomic/components:frames/app] Sign Up With Email',\n NAVIGATE = '[@ng-atomic/components:frames/app] Navigate',\n SIGN_OUT = '[@ng-atomic/components:frames/app] Sign Out',\n OPEN_SIDE_APP = '[@ng-atomic/components:frames/app] Open Side App',\n}\n\n@Directive({ standalone: true, selector: 'frames-app' })\nexport class AppFrameStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n return (context) => ({\n fabActions: [],\n fabHide: true,\n isEntrance: true,\n isLoading: false,\n sideAppOpened: false,\n title: 'title',\n form: inject(FormBuilder).group({}) as AbstractControl,\n entranceActions: [\n { id: ActionId.SIGN_IN_WITH_GOOGLE, name: 'Googleでサインイン', icon: '' },\n ] as Actions,\n sideNavActions: [\n { id: ActionId.SIGN_OUT, name: 'ログアウト', icon: 'exit_to_app' },\n ] as Actions,\n sideNavMode: 'collapsed' as 'expanded' \| 'collapsed',\n sideNavMenuType: SideNavFrameStore.getMenuType(context),\n sideNavMenuTitle: undefined as string,\n sideAppOutletName: 'side-app',\n });\n }, ['components', 'frames', 'app']);\n static provideAppServiceConfig = () => AppFrameStore.Config.provide(() => {\n const app = inject(AppService);\n const fabHide = computed(() => app.sideApp.opened());\n return (config) => ({\n ...config,\n isLoading: app.loading.isLoading(),\n sideNavMode: app.sideNavMode.sideNavMode(),\n sideAppOpened: app.sideApp.opened(),\n fabActions: app.fab.actions(),\n fabHide: fabHide(),\n });\n });\n static provideIconButtonMenuAsDefaultConfig() {\n return [\n RootPropertyService.Config.provide(() => {\n const getProps = (context: UIContext) => {\n switch (context.breakpoint) {\n case 'xSmall': return { '--menu-width': '220px' };\n case 'small':\n case 'medium':\n case 'large':\n case 'xLarge': return { '--menu-width': '64px' };\n }\n }\n return (config, context) => ({...config, ...getProps(context)});\n }),\n AppFrameStore.Config.provide(() => {\n const getMenuType = (context: UIContext) => {\n switch (context.breakpoint) {\n case 'xSmall': return 'menu';\n default: return 'icon-button-menu';\n }\n };\n return (config, context) => ({\n ...config,\n sideNavMenuType: getMenuType(context),\n });\n })\n ];\n }\n static Initializer = makeInitializerConfig(AppFrameStore);\n static provideInitializer = AppFrameStore.Initializer.provide;\n static provideExpandSideAppOnInit() {\n return AppFrameStore.Initializer.provide(() => {\n inject(SideAppService).expand();\n });\n }\n static provideSideNavActionsInitializer(actionsFactory: () => Action[]) {\n return AppFrameStore.Initializer.provide((store) => {\n const paths = injectPrimaryPaths();\n function compare(paths: string[], payload?: string[]) {\n if (payload === undefined) return false;\n return payload.every((path, i) => paths[i] === path);\n }\n const actions = actionsFactory();\n\n effect(() => {\n applyToInput(store, 'sideNavActions', actions.map(action => ({\n ...action, disabled: compare(paths(), action?.payload),\n })));\n }, {allowSignalWrites: true});\n });\n }\n static provideNavigateEffect() {\n return provideEffect(AppFrameStore.ActionId.NAVIGATE, () => {\n const app = inject(AppService);\n return (payload: string[]) => {\n app.router.navigate(payload).then(() => app.sideNav.collapse());\n };\n });\n }\n static provideSignOutEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_OUT, () => {\n const app = inject(AppService);\n const auth = inject(AuthService);\n return () => {\n auth.signOut().then(() => {\n app.sideNav.collapse();\n app.snackBar.open('サインアウトしました');\n });\n };\n });\n }\n static provideOpenSideAppEffect() {\n return provideEffect(AppFrameStore.ActionId.OPEN_SIDE_APP, () => {\n const app = inject(AppService);\n return () => {\n console.debug('open side app');\n app.sideApp.expand();\n }\n });\n }\n static provideSignUpWithEmailEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_UP_WITH_EMAIL, () => {\n const app = inject(AppService);\n const store = inject(AppFrameStore);\n const auth = inject(AuthService);\n return () => {\n const data = store.form().getRawValue() as {email: string, password: string};\n app.loading.await(() => {\n return auth.createUserWithEmailAndPassword(data.email, data.password).then(() => {\n app.snackBar.open('新規登録しました。');\n }).catch((error) => {\n console.error(error);\n app.snackBar.open(error.message);\n });\n });\n };\n });\n }\n static provideSignInWithEmailEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_IN_WITH_EMAIL, () => {\n const app = inject(AppService);\n const store = inject(AppFrameStore);\n const auth = inject(AuthService);\n return () => {\n const data = store.form().getRawValue() as {email: string, password: string};\n app.loading.await(() => {\n return auth.signInWithEmailAndPassword(data.email, data.password).then(() => {\n app.snackBar.open('ログインしました');\n }).catch((error) => {\n console.error(error);\n app.snackBar.open(error.message);\n });\n });\n };\n });\n }\n static provideSignInWithGoogleEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_IN_WITH_GOOGLE, () => {\n const app = inject(AppService);\n const auth = inject(AuthService);\n return () => {\n auth.signInWithGoogle().then(() => {\n app.snackBar.open('ログインしました');\n }).catch((error) => {\n console.error(error);\n const _message = error.message.match(/HTTP Cloud Function returned an error: (.) \\(./);\n const message = _message ? JSON.parse(_message[1]).error.message : error.message;\n app.snackBar.open(message);\n });\n };\n });\n }\n static provideSignInWithTwitterEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_IN_WITH_TWITTER, () => {\n const app = inject(AppService);\n const auth = inject(AuthService);\n return () => {\n auth.signInWithTwitter().then(() => {\n app.snackBar.open('ログインしました');\n }).catch((error) => {\n console.error(error);\n app.snackBar.open(error.message);\n });\n };\n });\n }\n static provideDefaultEffects() {\n return [\n AppFrameStore.provideNavigateEffect(),\n AppFrameStore.provideSignOutEffect(),\n AppFrameStore.provideOpenSideAppEffect(),\n AppFrameStore.provideSignUpWithEmailEffect(),\n AppFrameStore.provideSignInWithEmailEffect(),\n AppFrameStore.provideSignInWithGoogleEffect(),\n AppFrameStore.provideSignInWithTwitterEffect(),\n ];\n }\n\n static provideDefault() {\n return [\n AppFrameStore.provideAppServiceConfig(),\n AppFrameStore.provideIconButtonMenuAsDefaultConfig(),\n AppFrameStore.provideDefaultEffects(),\n ]\n }\n\n readonly config = AppFrameStore.Config.inject();\n readonly isLoading = input(_computed(() => this.config().isLoading));\n readonly isEntrance = input(_computed(() => this.config().isEntrance));\n readonly sideAppOpened = input(_computed(() => this.config().sideAppOpened));\n readonly title = input(_computed(() => this.config().title));\n readonly form = input(_computed(() => this.config().form));\n readonly entranceActions = input(_computed(() => this.config().entranceActions));\n readonly sideNavActions = input(_computed(() => this.config().sideNavActions));\n readonly sideNavMode = input(_computed(() => this.config().sideNavMode));\n readonly sideNavMenuType = input(_computed(() => this.config().sideNavMenuType));\n readonly sideNavMenuTitle = input(_computed(() => this.config().sideNavMenuTitle));\n readonly sideAppOutletName = input(_computed(() => this.config().sideAppOutletName));\n readonly fabActions = input(_computed(() => this.config().fabActions));\n readonly fabHide = input(_computed(() => this.config().fabHide));\n\n constructor() {\n super();\n AppFrameStore.Initializer.initializeStore(this);\n }\n}\n\n\n@Component({\n selector: 'frames-app',\n standalone: true,\n imports: [\n FabFrame,\n LoadingFrame,\n SideNavFrame,\n RouterOutlet,\n EntranceFrame,\n // DrawerFrameStore,\n DrawerFrame,\n BackgroundTemplateStore,\n ],\n template: `\n <router-outlet/>\n @if (isPlatformBrowser()) {\n @defer {\n <templates-background injectable/>\n }\n }\n <frames-loading [isLoading]=\"store.isLoading()\">\n <frames-fab\n [actions]=\"store.fabActions()\"\n [hide]=\"store.fabHide()\"\n (action)=\"dispatch($event)\"\n >\n <frames-entrance\n [isEntrance]=\"store.isEntrance()\"\n [form]=\"store.form()\"\n [title]=\"store.title()\"\n [actions]=\"store.entranceActions()\"\n (action)=\"dispatch($event)\"\n >\n <frames-drawer\n [opened]=\"store.sideAppOpened()\"\n [position]=\"'end'\"\n [hasBackdrop]=\"false\"\n >\n <frames-side-nav\n [actions]=\"store.sideNavActions()\"\n [mode]=\"store.sideNavMode()\"\n [menuType]=\"store.sideNavMenuType()\"\n [menuTitle]=\"store.sideNavMenuTitle()\"\n (action)=\"dispatch($event)\"\n contents\n >\n <router-outlet contents/>\n </frames-side-nav>\n <div drawer style=\"width: var(--page-width-lv1);height: 100%;\">\n <router-outlet [name]=\"store.sideAppOutletName()\" />\n </div>\n </frames-drawer>\n </frames-entrance>\n </frames-fab>\n </frames-loading>\n `,\n styleUrl: './app.frame.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n AppFrameStore,\n ],\n})\nexport class AppFrame extends NgAtomicComponent {\n protected store = inject(AppFrameStore);\n readonly platformId = inject(PLATFORM_ID);\n\n protected isPlatformServer() {\n return isPlatformServer(this.platformId);\n }\n\n protected isPlatformBrowser() {\n return isPlatformBrowser(this.platformId);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-frames-auto-layout.mjs CHANGED Viewed

@@ -3,14 +3,14 @@ import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy } from '@angular/core';
 class AutoLayoutFrame {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-ghk6: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-ghk6: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-ghk6);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-ghk6) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-9uaH: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-9uaH: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-9uaH);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-9uaH) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: AutoLayoutFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AutoLayoutFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-auto-layout', standalone: true, imports: [
                         CommonModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-ghk6: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-ghk6: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-ghk6);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-ghk6) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-9uaH: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-9uaH: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-9uaH);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-9uaH) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-frames-card.mjs CHANGED Viewed

@@ -5,10 +5,10 @@ import * as i1 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
 class CardFrame {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CardFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: CardFrame, isStandalone: true, selector: "frames-card", ngImport: i0, template: `<mat-card><ng-content></ng-content></mat-card>`, isInline: true, styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CardFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: CardFrame, isStandalone: true, selector: "frames-card", ngImport: i0, template: `<mat-card><ng-content></ng-content></mat-card>`, isInline: true, styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CardFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CardFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-card', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-frames-columns.mjs CHANGED Viewed

@@ -23,13 +23,13 @@ let ColumnsFrameStore = class ColumnsFrameStore extends InjectableComponent {
         };
         return { type: getType() };
     }, ['components', 'frames', 'columns']); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: ColumnsFrameStore, isStandalone: true, selector: "frames-columns", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: ColumnsFrameStore, isStandalone: true, selector: "frames-columns", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 ColumnsFrameStore = ColumnsFrameStore_1 = __decorate([
     TokenizedType()
 ], ColumnsFrameStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-columns' }]
         }] });
@@ -39,10 +39,10 @@ class LeftColumn {
         this.isPlatformBrowser = isPlatformBrowser(this.platformId);
         this.templateRef = inject((TemplateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LeftColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: LeftColumn, isStandalone: true, selector: "[left], [leftColumn]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: LeftColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.2", type: LeftColumn, isStandalone: true, selector: "[left], [leftColumn]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LeftColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: LeftColumn, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: '[left], [leftColumn]' }]
         }] });
@@ -52,10 +52,10 @@ class MainColumn {
         this.isPlatformBrowser = isPlatformBrowser(this.platformId);
         this.templateRef = inject((TemplateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MainColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: MainColumn, isStandalone: true, selector: "[main], [mainColumn]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MainColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.2", type: MainColumn, isStandalone: true, selector: "[main], [mainColumn]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MainColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MainColumn, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -68,10 +68,10 @@ class RightColumn {
         this.isPlatformBrowser = isPlatformBrowser(this.platformId);
         this.templateRef = inject((TemplateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: RightColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: RightColumn, isStandalone: true, selector: "[right], [rightColumn]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RightColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.2", type: RightColumn, isStandalone: true, selector: "[right], [rightColumn]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: RightColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RightColumn, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: '[right], [rightColumn]' }]
         }] });
@@ -84,8 +84,8 @@ class ColumnsFrame extends NgAtomicComponent {
         this.main = contentChild(MainColumn);
         this.right = contentChild(RightColumn);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: ColumnsFrame, isStandalone: true, selector: "frames-columns", host: { properties: { "attr.type": "store.type()" } }, queries: [{ propertyName: "left", first: true, predicate: LeftColumn, descendants: true, isSignal: true }, { propertyName: "main", first: true, predicate: MainColumn, descendants: true, isSignal: true }, { propertyName: "right", first: true, predicate: RightColumn, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ColumnsFrameStore, inputs: ["type", "type"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: ColumnsFrame, isStandalone: true, selector: "frames-columns", host: { properties: { "attr.type": "store.type()" } }, queries: [{ propertyName: "left", first: true, predicate: LeftColumn, descendants: true, isSignal: true }, { propertyName: "main", first: true, predicate: MainColumn, descendants: true, isSignal: true }, { propertyName: "right", first: true, predicate: RightColumn, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ColumnsFrameStore, inputs: ["type", "type"] }], ngImport: i0, template: `
     @if(left()?.templateRef && left()?.isPlatformBrowser) {
       <div class="left container">
         <ng-container [ngTemplateOutlet]="left()?.templateRef" />
@@ -103,9 +103,9 @@ class ColumnsFrame extends NgAtomicComponent {
         <ng-container [ngTemplateOutlet]="right()?.templateRef" />
       </div>
     }
-  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-bJ92: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-bJ92)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-bJ92)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-Usze: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-Usze)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-Usze)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-columns', standalone: true, imports: [
                         NgTemplateOutlet,
@@ -134,14 +134,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         }
                     ], host: {
                         '[attr.type]': 'store.type()',
-                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-bJ92: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-bJ92)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-bJ92)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
+                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-Usze: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-Usze)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-Usze)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
         }] });
 class ColumnsFrameModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameModule, imports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn], exports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameModule, imports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn], exports: [ColumnsFrame, LeftColumn, MainColumn, RightColumn] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [