@ng-atomic/components 19.24.1 → 19.26.0

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-extras-editor.mjs","sources":["../tmp-esm2022/extras/editor/editor.component.js","../tmp-esm2022/extras/editor/ng-atomic-components-extras-editor.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, effect, ElementRef, output, signal, Directive, linkedSignal } from '@angular/core';\nimport { keymap } from \"@codemirror/view\";\nimport { indentWithTab } from \"@codemirror/commands\";\nimport { syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark';\nimport { EditorSelection, EditorState } from '@codemirror/state';\nimport { basicSetup, EditorView } from \"codemirror\";\nimport { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { json } from \"@codemirror/lang-json\";\nimport { distinctUntilChanged, filter, map, ReplaySubject } from 'rxjs';\nimport { derivedAsync } from 'ngxtension/derived-async';\nimport { getRawValue$ } from '@ng-atomic/common/utils';\nimport * as i0 from \"@angular/core\";\nfunction getSafeSelection(doc, selection) {\n    const safeFrom = Math.max(0, Math.min(selection.main.from, doc.length));\n    const safeTo = Math.max(0, Math.min(selection.main.to, doc.length));\n    return EditorSelection.single(safeFrom, safeTo);\n}\nexport class EditorComponentStore extends InjectableComponent {\n    constructor() {\n        super();\n        this.control = input(null);\n        this._content = input('', { alias: 'content' });\n        this.content = linkedSignal(() => this._content());\n        this.contentChange = output();\n        this.keyActions = input([]);\n        this.extensions = input([\n            json(),\n        ]);\n        // readonly update = signal<ViewUpdate>(null);\n        // readonly update$ = toObservable(this.update);\n        this.update$ = new ReplaySubject(0);\n        this.defaultExtensions = computed(() => [\n            basicSetup,\n            oneDark,\n            syntaxHighlighting(oneDarkHighlightStyle),\n            EditorView.updateListener.of((update) => this.update$.next(update)),\n            keymap.of([\n                ...(this.keyActions()).map(({ key, actionId }) => ({\n                    key,\n                    run: () => {\n                        this.action.emit({ id: actionId });\n                        return true;\n                    },\n                })),\n                indentWithTab,\n            ]),\n        ]);\n        this.state = computed(() => {\n            const editorView = this.editorView();\n            const defaultExtensions = this.defaultExtensions();\n            const extensions = this.extensions();\n            if (!editorView)\n                return null;\n            return EditorState.create({\n                ...editorView?.state,\n                extensions: [...defaultExtensions, ...extensions],\n            });\n        });\n        this.editorView = signal(null);\n        this.action = output();\n        const controlValue = derivedAsync(() => this.control() ? getRawValue$(this.control()) : null);\n        effect(() => {\n            if (this.control())\n                this.content.set(controlValue());\n        });\n        this.contentChange.subscribe((content) => {\n            if (this.control())\n                this.control().setValue(content);\n        });\n        this.update$.pipe(filter((update) => update?.docChanged), map((update) => (update.state.doc.toString())), distinctUntilChanged()).subscribe((content) => {\n            this.contentChange.emit(content);\n        });\n        effect(() => {\n            const editorView = this.editorView();\n            const newContent = this.content() ?? '';\n            if (!editorView)\n                return;\n            const currentContent = editorView.state.doc.toString();\n            if (newContent === currentContent)\n                return;\n            const doc = editorView.state.doc;\n            const safeSelection = getSafeSelection(newContent, editorView.state.selection);\n            editorView.dispatch(editorView.state.update({\n                changes: {\n                    from: 0,\n                    to: doc.length,\n                    insert: newContent,\n                },\n                selection: safeSelection,\n                scrollIntoView: true,\n            }));\n        });\n        effect(() => {\n            const state = this.state();\n            const editorView = this.editorView();\n            editorView?.setState(state);\n        });\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: EditorComponentStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"17.1.0\", version: \"20.0.5\", type: EditorComponentStore, isStandalone: true, inputs: { control: { classPropertyName: \"control\", publicName: \"control\", isSignal: true, isRequired: false, transformFunction: null }, _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\", action: \"action\" }, usesInheritance: true, ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: EditorComponentStore, decorators: [{\n            type: Directive,\n            args: [{ standalone: true }]\n        }], ctorParameters: () => [] });\nexport class EditorComponent extends NgAtomicComponent {\n    constructor() {\n        super(...arguments);\n        this.store = inject(EditorComponentStore);\n        this.el = inject(ElementRef);\n    }\n    ngOnInit() {\n        this.store.action.subscribe((action) => this.dispatch(action));\n    }\n    ngAfterViewInit() {\n        this.store.editorView()?.destroy();\n        this.store.editorView.set(new EditorView({\n            state: EditorState.create({\n                doc: ``,\n                extensions: [\n                    ...this.store.defaultExtensions(),\n                    ...this.store.extensions(),\n                ],\n            }),\n            parent: this.el.nativeElement,\n        }));\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: EditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.0.5\", type: EditorComponent, isStandalone: true, selector: \"extras-editor\", usesInheritance: true, hostDirectives: [{ directive: EditorComponentStore, inputs: [\"control\", \"control\", \"content\", \"content\", \"keyActions\", \"keyActions\", \"extensions\", \"extensions\"], outputs: [\"contentChange\", \"contentChange\"] }], ngImport: i0, template: ``, isInline: true, styles: [\":host{display:block}:host{width:100%;height:100%}:host ::ng-deep>.cm-editor{width:100%;height:100%}\\n\"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: EditorComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'extras-editor', standalone: true, template: ``, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [\n                        {\n                            directive: EditorComponentStore,\n                            inputs: ['control', 'content', 'keyActions', 'extensions'],\n                            outputs: ['contentChange'],\n                        }\n                    ], styles: [\":host{display:block}:host{width:100%;height:100%}:host ::ng-deep>.cm-editor{width:100%;height:100%}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2V4dHJhcy9lZGl0b3IvZWRpdG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQXlCLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoTCxPQUFPLEVBQUUsTUFBTSxFQUFjLE1BQU0sa0JBQWtCLENBQUE7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzFELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxPQUFPLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM1RSxPQUFPLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBbUIsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRixPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNuRCxPQUFPLEVBQXdCLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0YsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzdDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLGFBQWEsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUV4RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQUV2RCxTQUFTLGdCQUFn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QUMsU0FBUyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFDakUsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxFQUFFLE9BQU8sRUFBRSxDQUFDO1FBQ25DLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxJQUFJLFVBQVUsQ0FBQztZQUN2QyxLQUFLLEVBQUUsV0FBVyxDQUFDLE1BQU0sQ0FBQztnQkFDeEIsR0FBRyxFQUFFLEVBQUU7Z0JBQ1AsVUFBVSxFQUFFO29CQUNWLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsRUFBRTtvQkFDakMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsRUFBRTtpQkFDM0I7YUFDRixDQUFDO1lBQ0YsTUFBTSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYTtTQUM5QixDQUFDLENBQUMsQ0FBQztJQUNOLENBQUM7OEdBcEJVLGVBQWU7a0dBQWYsZUFBZSxzR0E3R2Ysb0JBQW9CLHdMQWtHckIsRUFBRTs7MkZBV0QsZUFBZTtrQkFkM0IsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxZQUNOLEVBQUUsbUJBRUssdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLG9CQUFvQjs0QkFDL0IsTUFBTSxFQUFFLENBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxDQUFDOzRCQUMxRCxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7eUJBQzNCO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGluamVjdCwgaW5wdXQsIGVmZmVjdCwgRWxlbWVudFJlZiwgT25Jbml0LCBBZnRlclZpZXdJbml0LCBvdXRwdXQsIHNpZ25hbCwgRGlyZWN0aXZlLCBsaW5rZWRTaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGtleW1hcCwgVmlld1VwZGF0ZSB9IGZyb20gXCJAY29kZW1pcnJvci92aWV3XCJcbmltcG9ydCB7IGluZGVudFdpdGhUYWIgfSBmcm9tIFwiQGNvZGVtaXJyb3IvY29tbWFuZHNcIlxuaW1wb3J0IHsgc3ludGF4SGlnaGxpZ2h0aW5nIH0gZnJvbSAnQGNvZGVtaXJyb3IvbGFuZ3VhZ2UnO1xuaW1wb3J0IHsgb25lRGFya0hpZ2hsaWdodFN0eWxlLCBvbmVEYXJrIH0gZnJvbSAnQGNvZGVtaXJyb3IvdGhlbWUtb25lLWRhcmsnO1xuaW1wb3J0IHsgRWRpdG9yU2VsZWN0aW9uLCBFZGl0b3JTdGF0ZSwgRXh0ZW5zaW9uLCBUZXh0IH0gZnJvbSAnQGNvZGVtaXJyb3Ivc3RhdGUnO1xuaW1wb3J0IHsgYmFzaWNTZXR1cCwgRWRpdG9yVmlldyB9IGZyb20gXCJjb2RlbWlycm9yXCJcbmltcG9ydCB7IEFjdGlvbiwgYXBwbHlUb0lucHV0LCBJbmplY3RhYmxlQ29tcG9uZW50LCBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBqc29uIH0gZnJvbSBcIkBjb2RlbWlycm9yL2xhbmctanNvblwiO1xuaW1wb3J0IHsgZGlzdGluY3RVbnRpbENoYW5nZWQsIGZpbHRlciwgbWFwLCBSZXBsYXlTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGRlcml2ZWRBc3luYyB9IGZyb20gJ25neHRlbnNpb24vZGVyaXZlZC1hc3luYyc7XG5pbXBvcnQgeyBnZXRSYXdWYWx1ZSQgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi91dGlscyc7XG5cbmZ1bmN0aW9uIGdldFNhZmVTZWxlY3Rpb24oZG9jOiBzdHJpbmcgfCBUZXh0LCBzZWxlY3Rpb246IEVkaXRvclNlbGVjdGlvbik6IEVkaXRvclNlbGVjdGlvbiB7XG4gIGNvbnN0IHNhZmVGcm9tID0gTWF0aC5tYXgoMCwgTWF0aC5taW4oc2VsZWN0aW9uLm1haW4uZnJvbSwgZG9jLmxlbmd0aCkpO1xuICBjb25zdCBzYWZlVG8gPSBNYXRoLm1heCgwLCBNYXRoLm1pbihzZWxlY3Rpb24ubWFpbi50bywgZG9jLmxlbmd0aCkpO1xuICByZXR1cm4gRWRpdG9yU2VsZWN0aW9uLnNpbmdsZShzYWZlRnJvbSwgc2FmZVRvKTtcbn1cblxuQERpcmVjdGl2ZSh7IHN0YW5kYWxvbmU6IHRydWUgfSlcbmV4cG9ydCBjbGFzcyBFZGl0b3JDb21wb25lbnRTdG9yZSBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICByZWFkb25seSBjb250cm9sID0gaW5wdXQ8Rm9ybUNvbnRyb2w+KG51bGwpO1xuICByZWFkb25seSBfY29udGVudCA9IGlucHV0PHN0cmluZz4oJycsIHthbGlhczogJ2NvbnRlbnQnfSk7XG4gIHJlYWRvbmx5IGNvbnRlbnQgPSBsaW5rZWRTaWduYWwoKCkgPT4gdGhpcy5fY29udGVudCgpKTtcbiAgcmVhZG9ubHkgY29udGVudENoYW5nZSA9IG91dHB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGtleUFjdGlvbnMgPSBpbnB1dDx7a2V5OiBzdHJpbmcsIGFjdGlvbklkOiBzdHJpbmd9W10+KFtdKTtcbiAgcmVhZG9ubHkgZXh0ZW5zaW9ucyA9IGlucHV0PEV4dGVuc2lvbltdPihbXG4gICAganNvbigpLFxuICBdKTtcbiAgLy8gcmVhZG9ubHkgdXBkYXRlID0gc2lnbmFsPFZpZXdVcGRhdGU+KG51bGwpO1xuICAvLyByZWFkb25seSB1cGRhdGUkID0gdG9PYnNlcnZhYmxlKHRoaXMudXBkYXRlKTtcbiAgcmVhZG9ubHkgdXBkYXRlJCA9IG5ldyBSZXBsYXlTdWJqZWN0PFZpZXdVcGRhdGU+KDApO1xuICByZWFkb25seSBkZWZhdWx0RXh0ZW5zaW9ucyA9IGNvbXB1dGVkKCgpID0+IFtcbiAgICBiYXNpY1NldHVwLFxuICAgIG9uZURhcmssXG4gICAgc3ludGF4SGlnaGxpZ2h0aW5nKG9uZURhcmtIaWdobGlnaHRTdHlsZSksXG4gICAgRWRpdG9yVmlldy51cGRhdGVMaXN0ZW5lci5vZigodXBkYXRlKSA9PiB0aGlzLnVwZGF0ZSQubmV4dCh1cGRhdGUpKSxcbiAgICBrZXltYXAub2YoW1xuICAgICAgLi4uKHRoaXMua2V5QWN0aW9ucygpKS5tYXAoKHtrZXksIGFjdGlvbklkfSkgPT4gKHtcbiAgICAgICAga2V5LFxuICAgICAgICBydW46ICgpID0+IHtcbiAgICAgICAgICB0aGlzLmFjdGlvbi5lbWl0KHtpZDogYWN0aW9uSWR9KTtcbiAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgfSxcbiAgICAgIH0pKSxcbiAgICAgIGluZGVudFdpdGhUYWIsXG4gICAgXSksXG4gIF0pO1xuXG4gIHJlYWRvbmx5IHN0YXRlID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IGVkaXRvclZpZXcgPSB0aGlzLmVkaXRvclZpZXcoKTtcbiAgICBjb25zdCBkZWZhdWx0RXh0ZW5zaW9ucyA9IHRoaXMuZGVmYXVsdEV4dGVuc2lvbnMoKTtcbiAgICBjb25zdCBleHRlbnNpb25zID0gdGhpcy5leHRlbnNpb25zKCk7XG4gICAgaWYgKCFlZGl0b3JWaWV3KSByZXR1cm4gbnVsbDtcbiAgICByZXR1cm4gRWRpdG9yU3RhdGUuY3JlYXRlKHtcbiAgICAgIC4uLmVkaXRvclZpZXc/LnN0YXRlLFxuICAgICAgZXh0ZW5zaW9uczogWy4uLmRlZmF1bHRFeHRlbnNpb25zLCAuLi5leHRlbnNpb25zXSxcbiAgICB9KVxuICB9KTtcblxuICByZWFkb25seSBlZGl0b3JWaWV3ID0gc2lnbmFsPEVkaXRvclZpZXc+KG51bGwpO1xuICByZWFkb25seSBhY3Rpb24gPSBvdXRwdXQ8QWN0aW9uPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgY29uc3QgY29udHJvbFZhbHVlID0gZGVyaXZlZEFzeW5jKCgpID0+IHRoaXMuY29udHJvbCgpID8gZ2V0UmF3VmFsdWUkPHN0cmluZz4odGhpcy5jb250cm9sKCkpIDogbnVsbCk7XG5cbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMuY29udHJvbCgpKSB0aGlzLmNvbnRlbnQuc2V0KGNvbnRyb2xWYWx1ZSgpKTtcbiAgICB9KTtcblxuICAgIHRoaXMuY29udGVudENoYW5nZS5zdWJzY3JpYmUoKGNvbnRlbnQpID0+IHtcbiAgICAgIGlmICh0aGlzLmNvbnRyb2woKSkgdGhpcy5jb250cm9sKCkuc2V0VmFsdWUoY29udGVudCk7XG4gICAgfSk7XG5cbiAgICB0aGlzLnVwZGF0ZSQucGlwZShcbiAgICAgIGZpbHRlcigodXBkYXRlKSA9PiB1cGRhdGU/LmRvY0NoYW5nZWQpLFxuICAgICAgbWFwKCh1cGRhdGUpID0+ICh1cGRhdGUuc3RhdGUuZG9jLnRvU3RyaW5nKCkpKSxcbiAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgKS5zdWJzY3JpYmUoKGNvbnRlbnQpID0+IHtcbiAgICAgIHRoaXMuY29udGVudENoYW5nZS5lbWl0KGNvbnRlbnQpO1xuICAgIH0pO1xuXG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIGNvbnN0IGVkaXRvclZpZXcgPSB0aGlzLmVkaXRvclZpZXcoKTtcbiAgICAgIGNvbnN0IG5ld0NvbnRlbnQgPSB0aGlzLmNvbnRlbnQoKSA/PyAnJztcbiAgICAgIGlmICghZWRpdG9yVmlldykgcmV0dXJuO1xuICAgICAgY29uc3QgY3VycmVudENvbnRlbnQgPSBlZGl0b3JWaWV3LnN0YXRlLmRvYy50b1N0cmluZygpO1xuICAgIFxuICAgICAgaWYgKG5ld0NvbnRlbnQgPT09IGN1cnJlbnRDb250ZW50KSByZXR1cm47XG4gICAgXG4gICAgICBjb25zdCBkb2MgPSBlZGl0b3JWaWV3LnN0YXRlLmRvYztcbiAgICAgIGNvbnN0IHNhZmVTZWxlY3Rpb24gPSBnZXRTYWZlU2VsZWN0aW9uKG5ld0NvbnRlbnQsIGVkaXRvclZpZXcuc3RhdGUuc2VsZWN0aW9uKTtcbiAgICBcbiAgICAgIGVkaXRvclZpZXcuZGlzcGF0Y2goXG4gICAgICAgIGVkaXRvclZpZXcuc3RhdGUudXBkYXRlKHtcbiAgICAgICAgICBjaGFuZ2VzOiB7XG4gICAgICAgICAgICBmcm9tOiAwLFxuICAgICAgICAgICAgdG86IGRvYy5sZW5ndGgsXG4gICAgICAgICAgICBpbnNlcnQ6IG5ld0NvbnRlbnQsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBzZWxlY3Rpb246IHNhZmVTZWxlY3Rpb24sXG4gICAgICAgICAgc2Nyb2xsSW50b1ZpZXc6IHRydWUsXG4gICAgICAgIH0pLFxuICAgICAgKTtcbiAgICB9KTtcblxuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBjb25zdCBzdGF0ZSA9IHRoaXMuc3RhdGUoKTtcbiAgICAgIGNvbnN0IGVkaXRvclZpZXcgPSB0aGlzLmVkaXRvclZpZXcoKTtcbiAgICAgIGVkaXRvclZpZXc/LnNldFN0YXRlKHN0YXRlKTtcbiAgICB9KTtcbiAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdleHRyYXMtZWRpdG9yJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGU6IGBgLFxuICBzdHlsZVVybHM6IFsnLi9lZGl0b3IuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBFZGl0b3JDb21wb25lbnRTdG9yZSxcbiAgICAgIGlucHV0czogWydjb250cm9sJywgJ2NvbnRlbnQnLCAna2V5QWN0aW9ucycsICdleHRlbnNpb25zJ10sXG4gICAgICBvdXRwdXRzOiBbJ2NvbnRlbnRDaGFuZ2UnXSxcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgRWRpdG9yQ29tcG9uZW50IGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgc3RvcmUgPSBpbmplY3QoRWRpdG9yQ29tcG9uZW50U3RvcmUpO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZWwgPSBpbmplY3QoRWxlbWVudFJlZik7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zdG9yZS5hY3Rpb24uc3Vic2NyaWJlKChhY3Rpb24pID0+IHRoaXMuZGlzcGF0Y2goYWN0aW9uKSk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5zdG9yZS5lZGl0b3JWaWV3KCk/LmRlc3Ryb3koKTtcbiAgICB0aGlzLnN0b3JlLmVkaXRvclZpZXcuc2V0KG5ldyBFZGl0b3JWaWV3KHtcbiAgICAgIHN0YXRlOiBFZGl0b3JTdGF0ZS5jcmVhdGUoe1xuICAgICAgICBkb2M6IGBgLFxuICAgICAgICBleHRlbnNpb25zOiBbXG4gICAgICAgICAgLi4udGhpcy5zdG9yZS5kZWZhdWx0RXh0ZW5zaW9ucygpLFxuICAgICAgICAgIC4uLnRoaXMuc3RvcmUuZXh0ZW5zaW9ucygpLFxuICAgICAgICBdLFxuICAgICAgfSksXG4gICAgICBwYXJlbnQ6IHRoaXMuZWwubmF0aXZlRWxlbWVudCxcbiAgICB9KSk7XG4gIH1cbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZXh0cmFzLWVkaXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2V4dHJhcy9lZGl0b3IvbmctYXRvbWljLWNvbXBvbmVudHMtZXh0cmFzLWVkaXRvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
+{"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, inject, input, effect, ElementRef, OnInit, AfterViewInit, output, signal, Directive, linkedSignal } from '@angular/core';\nimport { keymap, ViewUpdate } from \"@codemirror/view\"\nimport { indentWithTab } from \"@codemirror/commands\"\nimport { syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark';\nimport { EditorSelection, EditorState, Extension, Text } from '@codemirror/state';\nimport { basicSetup, EditorView } from \"codemirror\"\nimport { Action, applyToInput, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { json } from \"@codemirror/lang-json\";\nimport { distinctUntilChanged, filter, map, ReplaySubject } from 'rxjs';\nimport { FormControl } from '@angular/forms';\nimport { derivedAsync } from 'ngxtension/derived-async';\nimport { getRawValue$ } from '@ng-atomic/common/utils';\n\nfunction getSafeSelection(doc: string | Text, selection: EditorSelection): EditorSelection {\n  const safeFrom = Math.max(0, Math.min(selection.main.from, doc.length));\n  const safeTo = Math.max(0, Math.min(selection.main.to, doc.length));\n  return EditorSelection.single(safeFrom, safeTo);\n}\n\n@Directive({ standalone: true })\nexport class EditorComponentStore extends InjectableComponent {\n  readonly control = input<FormControl>(null);\n  readonly _content = input<string>('', {alias: 'content'});\n  readonly content = linkedSignal(() => this._content());\n  readonly contentChange = output<string>();\n  readonly keyActions = input<{key: string, actionId: string}[]>([]);\n  readonly extensions = input<Extension[]>([\n    json(),\n  ]);\n  // readonly update = signal<ViewUpdate>(null);\n  // readonly update$ = toObservable(this.update);\n  readonly update$ = new ReplaySubject<ViewUpdate>(0);\n  readonly defaultExtensions = computed(() => [\n    basicSetup,\n    oneDark,\n    syntaxHighlighting(oneDarkHighlightStyle),\n    EditorView.updateListener.of((update) => this.update$.next(update)),\n    keymap.of([\n      ...(this.keyActions()).map(({key, actionId}) => ({\n        key,\n        run: () => {\n          this.action.emit({id: actionId});\n          return true;\n        },\n      })),\n      indentWithTab,\n    ]),\n  ]);\n\n  readonly state = computed(() => {\n    const editorView = this.editorView();\n    const defaultExtensions = this.defaultExtensions();\n    const extensions = this.extensions();\n    if (!editorView) return null;\n    return EditorState.create({\n      ...editorView?.state,\n      extensions: [...defaultExtensions, ...extensions],\n    })\n  });\n\n  readonly editorView = signal<EditorView>(null);\n  readonly action = output<Action>();\n\n  constructor() {\n    super();\n    const controlValue = derivedAsync(() => this.control() ? getRawValue$<string>(this.control()) : null);\n\n    effect(() => {\n      if (this.control()) this.content.set(controlValue());\n    });\n\n    this.contentChange.subscribe((content) => {\n      if (this.control()) this.control().setValue(content);\n    });\n\n    this.update$.pipe(\n      filter((update) => update?.docChanged),\n      map((update) => (update.state.doc.toString())),\n      distinctUntilChanged(),\n    ).subscribe((content) => {\n      this.contentChange.emit(content);\n    });\n\n    effect(() => {\n      const editorView = this.editorView();\n      const newContent = this.content() ?? '';\n      if (!editorView) return;\n      const currentContent = editorView.state.doc.toString();\n    \n      if (newContent === currentContent) return;\n    \n      const doc = editorView.state.doc;\n      const safeSelection = getSafeSelection(newContent, editorView.state.selection);\n    \n      editorView.dispatch(\n        editorView.state.update({\n          changes: {\n            from: 0,\n            to: doc.length,\n            insert: newContent,\n          },\n          selection: safeSelection,\n          scrollIntoView: true,\n        }),\n      );\n    });\n\n    effect(() => {\n      const state = this.state();\n      const editorView = this.editorView();\n      editorView?.setState(state);\n    });\n  }\n}\n\n@Component({\n  selector: 'extras-editor',\n  standalone: true,\n  template: ``,\n  styleUrls: ['./editor.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: EditorComponentStore,\n      inputs: ['control', 'content', 'keyActions', 'extensions'],\n      outputs: ['contentChange'],\n    }\n  ]\n})\nexport class EditorComponent extends NgAtomicComponent implements OnInit, AfterViewInit {\n  protected readonly store = inject(EditorComponentStore);\n  protected readonly el = inject(ElementRef);\n\n  ngOnInit(): void {\n    this.store.action.subscribe((action) => this.dispatch(action));\n  }\n\n  ngAfterViewInit() {\n    this.store.editorView()?.destroy();\n    this.store.editorView.set(new EditorView({\n      state: EditorState.create({\n        doc: ``,\n        extensions: [\n          ...this.store.defaultExtensions(),\n          ...this.store.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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"}

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

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

package/fesm2022/ng-atomic-components-extras.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-extras.mjs","sources":["../tmp-esm2022/extras/extras.module.js","../tmp-esm2022/extras/ng-atomic-components-extras.js"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport * as i0 from \"@angular/core\";\nexport class NgAtomicExtrasModule {\n    static forRoot() {\n        return {\n            ngModule: NgAtomicExtrasModule,\n            providers: []\n        };\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: NgAtomicExtrasModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.0.5\", ngImport: i0, type: NgAtomicExtrasModule }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: NgAtomicExtrasModule }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: NgAtomicExtrasModule, decorators: [{\n            type: NgModule,\n            args: [{}]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXh0cmFzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2V4dHJhcy9leHRyYXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBR3pDLE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsTUFBTSxDQUFDLE9BQU87UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLG9CQUFvQjtZQUM5QixTQUFTLEVBQUUsRUFBRTtTQUNkLENBQUM7SUFDSixDQUFDOzhHQU5VLG9CQUFvQjsrR0FBcEIsb0JBQW9COytHQUFwQixvQkFBb0I7OzJGQUFwQixvQkFBb0I7a0JBRGhDLFFBQVE7bUJBQUMsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQE5nTW9kdWxlKHt9KVxuZXhwb3J0IGNsYXNzIE5nQXRvbWljRXh0cmFzTW9kdWxlIHtcbiAgc3RhdGljIGZvclJvb3QoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBOZ0F0b21pY0V4dHJhc01vZHVsZSxcbiAgICAgIHByb3ZpZGVyczogW11cbiAgICB9O1xuICB9XG59Il19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZXh0cmFzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZXh0cmFzL25nLWF0b21pYy1jb21wb25lbnRzLWV4dHJhcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":";;;AAEO,MAAM,oBAAoB,CAAC;AAClC,IAAI,OAAO,OAAO,GAAG;AACrB,QAAQ,OAAO;AACf,YAAY,QAAQ,EAAE,oBAAoB;AAC1C,YAAY,SAAS,EAAE;AACvB,SAAS;AACT,IAAI;AACJ,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;AACrL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,CAAC;AACvI,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,CAAC;AACvI;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,UAAU,EAAE,CAAC;AAC9H,YAAY,IAAI,EAAE,QAAQ;AAC1B,YAAY,IAAI,EAAE,CAAC,EAAE;AACrB,SAAS,CAAC,EAAE,CAAC;;AChBb;AACA;AACA;;;;"}
+{"version":3,"file":"ng-atomic-components-extras.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/extras/extras.module.ts","../../../../../packages/@ng-atomic/components/src/lib/extras/ng-atomic-components-extras.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\n\n@NgModule({})\nexport class NgAtomicExtrasModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicExtrasModule,\n      providers: []\n    };\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAGa,oBAAoB,CAAA;AAC/B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,oBAAoB;AAC9B,YAAA,SAAS,EAAE;SACZ;IACH;8GANW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAApB,oBAAoB,EAAA,CAAA,CAAA;+GAApB,oBAAoB,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC,QAAQ;mBAAC,EAAE;;;ACFZ;;AAEG;;;;"}

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

@@ -15,6 +15,8 @@ import { SideAppService } from '@ng-atomic/common/services/side-app';
 import { AuthService } from '@ng-atomic/common/services/auth';
 import { RootPropertyService } from '@ng-atomic/common/services/root-property';
 import { makeInitializerConfig } from '@ng-atomic/common/services/initializer';
+import * as i1 from '@ng-atomic/common/directives/prevent-browser-zoom';
+import { PreventBrowserZoomDirective } from '@ng-atomic/common/directives/prevent-browser-zoom';
 import { injectPrimaryPaths, injectHasNext } from '@ng-atomic/common/utils';
 import { ProgressBarFrame } from '@ng-atomic/components/frames/progress-bar';
 import { merge } from 'lodash-es';
@@ -75,7 +77,7 @@ class AppFrameStore extends InjectableComponent {
     }, ['components', 'frames', 'app']); }
     static { this.provideAppServiceConfig = () => AppFrameStore.DI.Config.provide(() => {
         const app = inject(AppService);
-        const fabHide = computed(() => app.sideApp.opened());
+        const fabHide = computed(() => app.sideApp.opened(), ...(ngDevMode ? [{ debugName: "fabHide" }] : []));
         return (config) => ({
             ...config,
             isLoading: app.loading.isLoading(),
@@ -301,36 +303,36 @@ class AppFrameStore extends InjectableComponent {
     constructor() {
         super();
         this.config = AppFrameStore.DI.Config.inject();
-        this.isLoading = input(_computed(() => this.config().isLoading));
-        this.isProgress = input(_computed(() => this.config().isProgress));
-        this.isEntrance = input(_computed(() => this.config().isEntrance));
-        this.breadcrumbItems = input(_computed(() => this.config().breadcrumbItems));
-        this.breadcrumbEndActions = input(_computed(() => this.config().breadcrumbEndActions));
-        this.sideAppOpened = input(_computed(() => this.config().sideAppOpened));
-        this.title = input(_computed(() => this.config().title));
-        this.form = input(_computed(() => this.config().form));
-        this.entranceActions = input(_computed(() => this.config().entranceActions));
-        this.sideNavActions = input(_computed(() => this.config().sideNavActions));
-        this.sideNavBottomActions = input(_computed(() => this.config().sideNavBottomActions));
-        this.sideNavMode = input(_computed(() => this.config().sideNavMode));
-        this.sideNavMenuType = input(_computed(() => this.config().sideNavMenuType));
-        this.sideNavMenuTitle = input(_computed(() => this.config().sideNavMenuTitle));
-        this.sideNavIconButtonMenuTopPadding = input(_computed(() => this.config().sideNavIconButtonMenuTopPadding));
-        this.sideAppOutletName = input(_computed(() => this.config().sideAppOutletName));
-        this.sideAppWidth = input(_computed(() => this.config().sideAppWidth));
-        this.sideAppResizable = input(_computed(() => this.config().sideAppResizable));
-        this.fabActions = input(_computed(() => this.config().fabActions));
-        this.fabHide = input(_computed(() => this.config().fabHide));
-        this.appBar = input(_computed(() => this.config().appBar));
+        this.isLoading = input(_computed(() => this.config().isLoading), ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.isProgress = input(_computed(() => this.config().isProgress), ...(ngDevMode ? [{ debugName: "isProgress" }] : []));
+        this.isEntrance = input(_computed(() => this.config().isEntrance), ...(ngDevMode ? [{ debugName: "isEntrance" }] : []));
+        this.breadcrumbItems = input(_computed(() => this.config().breadcrumbItems), ...(ngDevMode ? [{ debugName: "breadcrumbItems" }] : []));
+        this.breadcrumbEndActions = input(_computed(() => this.config().breadcrumbEndActions), ...(ngDevMode ? [{ debugName: "breadcrumbEndActions" }] : []));
+        this.sideAppOpened = input(_computed(() => this.config().sideAppOpened), ...(ngDevMode ? [{ debugName: "sideAppOpened" }] : []));
+        this.title = input(_computed(() => this.config().title), ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.form = input(_computed(() => this.config().form), ...(ngDevMode ? [{ debugName: "form" }] : []));
+        this.entranceActions = input(_computed(() => this.config().entranceActions), ...(ngDevMode ? [{ debugName: "entranceActions" }] : []));
+        this.sideNavActions = input(_computed(() => this.config().sideNavActions), ...(ngDevMode ? [{ debugName: "sideNavActions" }] : []));
+        this.sideNavBottomActions = input(_computed(() => this.config().sideNavBottomActions), ...(ngDevMode ? [{ debugName: "sideNavBottomActions" }] : []));
+        this.sideNavMode = input(_computed(() => this.config().sideNavMode), ...(ngDevMode ? [{ debugName: "sideNavMode" }] : []));
+        this.sideNavMenuType = input(_computed(() => this.config().sideNavMenuType), ...(ngDevMode ? [{ debugName: "sideNavMenuType" }] : []));
+        this.sideNavMenuTitle = input(_computed(() => this.config().sideNavMenuTitle), ...(ngDevMode ? [{ debugName: "sideNavMenuTitle" }] : []));
+        this.sideNavIconButtonMenuTopPadding = input(_computed(() => this.config().sideNavIconButtonMenuTopPadding), ...(ngDevMode ? [{ debugName: "sideNavIconButtonMenuTopPadding" }] : []));
+        this.sideAppOutletName = input(_computed(() => this.config().sideAppOutletName), ...(ngDevMode ? [{ debugName: "sideAppOutletName" }] : []));
+        this.sideAppWidth = input(_computed(() => this.config().sideAppWidth), ...(ngDevMode ? [{ debugName: "sideAppWidth" }] : []));
+        this.sideAppResizable = input(_computed(() => this.config().sideAppResizable), ...(ngDevMode ? [{ debugName: "sideAppResizable" }] : []));
+        this.fabActions = input(_computed(() => this.config().fabActions), ...(ngDevMode ? [{ debugName: "fabActions" }] : []));
+        this.fabHide = input(_computed(() => this.config().fabHide), ...(ngDevMode ? [{ debugName: "fabHide" }] : []));
+        this.appBar = input(_computed(() => this.config().appBar), ...(ngDevMode ? [{ debugName: "appBar" }] : []));
         AppFrameStore.Initializer.initializeStore(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AppFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: AppFrameStore, isStandalone: true, selector: "frames-app", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isProgress: { classPropertyName: "isProgress", publicName: "isProgress", isSignal: true, isRequired: false, transformFunction: null }, isEntrance: { classPropertyName: "isEntrance", publicName: "isEntrance", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbItems: { classPropertyName: "breadcrumbItems", publicName: "breadcrumbItems", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbEndActions: { classPropertyName: "breadcrumbEndActions", publicName: "breadcrumbEndActions", 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 }, sideNavBottomActions: { classPropertyName: "sideNavBottomActions", publicName: "sideNavBottomActions", 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 }, sideNavIconButtonMenuTopPadding: { classPropertyName: "sideNavIconButtonMenuTopPadding", publicName: "sideNavIconButtonMenuTopPadding", isSignal: true, isRequired: false, transformFunction: null }, sideAppOutletName: { classPropertyName: "sideAppOutletName", publicName: "sideAppOutletName", isSignal: true, isRequired: false, transformFunction: null }, sideAppWidth: { classPropertyName: "sideAppWidth", publicName: "sideAppWidth", isSignal: true, isRequired: false, transformFunction: null }, sideAppResizable: { classPropertyName: "sideAppResizable", publicName: "sideAppResizable", 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 }, appBar: { classPropertyName: "appBar", publicName: "appBar", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AppFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: AppFrameStore, isStandalone: true, selector: "frames-app", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isProgress: { classPropertyName: "isProgress", publicName: "isProgress", isSignal: true, isRequired: false, transformFunction: null }, isEntrance: { classPropertyName: "isEntrance", publicName: "isEntrance", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbItems: { classPropertyName: "breadcrumbItems", publicName: "breadcrumbItems", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbEndActions: { classPropertyName: "breadcrumbEndActions", publicName: "breadcrumbEndActions", 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 }, sideNavBottomActions: { classPropertyName: "sideNavBottomActions", publicName: "sideNavBottomActions", 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 }, sideNavIconButtonMenuTopPadding: { classPropertyName: "sideNavIconButtonMenuTopPadding", publicName: "sideNavIconButtonMenuTopPadding", isSignal: true, isRequired: false, transformFunction: null }, sideAppOutletName: { classPropertyName: "sideAppOutletName", publicName: "sideAppOutletName", isSignal: true, isRequired: false, transformFunction: null }, sideAppWidth: { classPropertyName: "sideAppWidth", publicName: "sideAppWidth", isSignal: true, isRequired: false, transformFunction: null }, sideAppResizable: { classPropertyName: "sideAppResizable", publicName: "sideAppResizable", 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 }, appBar: { classPropertyName: "appBar", publicName: "appBar", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AppFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AppFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-app' }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], isProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "isProgress", required: false }] }], isEntrance: [{ type: i0.Input, args: [{ isSignal: true, alias: "isEntrance", required: false }] }], breadcrumbItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumbItems", required: false }] }], breadcrumbEndActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumbEndActions", required: false }] }], sideAppOpened: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideAppOpened", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], entranceActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "entranceActions", required: false }] }], sideNavActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideNavActions", required: false }] }], sideNavBottomActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideNavBottomActions", required: false }] }], sideNavMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideNavMode", required: false }] }], sideNavMenuType: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideNavMenuType", required: false }] }], sideNavMenuTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideNavMenuTitle", required: false }] }], sideNavIconButtonMenuTopPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideNavIconButtonMenuTopPadding", required: false }] }], sideAppOutletName: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideAppOutletName", required: false }] }], sideAppWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideAppWidth", required: false }] }], sideAppResizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideAppResizable", required: false }] }], fabActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "fabActions", required: false }] }], fabHide: [{ type: i0.Input, args: [{ isSignal: true, alias: "fabHide", required: false }] }], appBar: [{ type: i0.Input, args: [{ isSignal: true, alias: "appBar", required: false }] }] } });
 class AppFrame extends NgAtomicComponent {
     constructor() {
         super(...arguments);
@@ -343,8 +345,8 @@ class AppFrame extends NgAtomicComponent {
     isPlatformBrowser() {
         return isPlatformBrowser(this.platformId);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: AppFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: AppFrame, isStandalone: true, selector: "frames-app", host: { properties: { "class.is-entrance": "store.isEntrance()" } }, usesInheritance: true, hostDirectives: [{ directive: AppFrameStore }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AppFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: AppFrame, isStandalone: true, selector: "frames-app", host: { properties: { "class.is-entrance": "store.isEntrance()" } }, usesInheritance: true, hostDirectives: [{ directive: AppFrameStore }, { directive: i1.PreventBrowserZoomDirective }], ngImport: i0, template: `
   @if (isPlatformBrowser()) {
     @defer {
       <templates-background injectable/>
@@ -403,9 +405,9 @@ class AppFrame extends NgAtomicComponent {
       </frames-fab>
     </frames-progress-bar>
   </frames-loading>
-  `, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-w6Eh: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-w6Eh: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-w6Eh: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-w6Eh: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-w6Eh: var(--background-color);--on-background-color-SCOPED-IN-frames-app-w6Eh: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-w6Eh: var(--menu-width);--page-width-lv1-SCOPED-IN-frames-app-w6Eh: var(--page-width-lv1);--menu-background-color: var(--primary-color-SCOPED-IN-frames-app-w6Eh);--menu-background-color-SCOPED-IN-frames-app-w6Eh: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-frames-app-w6Eh);--menu-on-background-color-SCOPED-IN-frames-app-w6Eh: var(--menu-on-background-color);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-w6Eh: var(--menu-padding-top);--background-primary-color: var(--primary-color-SCOPED-IN-frames-app-w6Eh);--background-primary-color-SCOPED-IN-frames-app-w6Eh: var(--background-primary-color);--background-on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-w6Eh);--background-on-primary-color-SCOPED-IN-frames-app-w6Eh: var(--background-on-primary-color);--background-background-color: var(--background-color-SCOPED-IN-frames-app-w6Eh);--background-background-color-SCOPED-IN-frames-app-w6Eh: var(--background-background-color);--side-app-background-color-SCOPED-IN-frames-app-w6Eh: var(--side-app-background-color);--loading-primary-color: var(--primary-color-SCOPED-IN-frames-app-w6Eh);--loading-primary-color-SCOPED-IN-frames-app-w6Eh: var(--loading-primary-color);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-w6Eh: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-w6Eh);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-w6Eh);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-w6Eh);--surface-color: var(--surface-color-SCOPED-IN-frames-app-w6Eh);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-w6Eh);--background-color: var(--background-color-SCOPED-IN-frames-app-w6Eh);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-w6Eh);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-w6Eh);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-w6Eh)}:host frames-drawer{opacity:1;--background-color: var(--side-app-background-color-SCOPED-IN-frames-app-w6Eh)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-w6Eh)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-w6Eh);opacity:.9}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-w6Eh);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-w6Eh);--background-color: var(--background-background-color-SCOPED-IN-frames-app-w6Eh);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-w6Eh);height:100%}:host.is-entrance frames-drawer{opacity:1}:host.is-entrance frames-drawer mat-drawer[style*=\"100%\"]+mat-drawer-content{margin-right:0!important}:host.is-entrance frames-side-nav{display:none}frames-drawer mat-drawer[style*=\"calc(100%\"]+mat-drawer-content{margin-right:0!important}\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", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EntranceFrame, selector: "frames-entrance" }, { kind: "component", type: DrawerFrame, selector: "frames-drawer" }, { kind: "component", type: ProgressBarFrame, selector: "frames-progress-bar" }, { kind: "component", type: BreadcrumbNavbarFrame, selector: "frames-breadcrumb-navbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)]] }); }
+  `, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-MYrD: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-MYrD: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-MYrD: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-MYrD: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-MYrD: var(--background-color);--on-background-color-SCOPED-IN-frames-app-MYrD: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-MYrD: var(--menu-width);--page-width-lv1-SCOPED-IN-frames-app-MYrD: var(--page-width-lv1);--menu-background-color: var(--primary-color-SCOPED-IN-frames-app-MYrD);--menu-background-color-SCOPED-IN-frames-app-MYrD: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-frames-app-MYrD);--menu-on-background-color-SCOPED-IN-frames-app-MYrD: var(--menu-on-background-color);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-MYrD: var(--menu-padding-top);--background-primary-color: var(--primary-color-SCOPED-IN-frames-app-MYrD);--background-primary-color-SCOPED-IN-frames-app-MYrD: var(--background-primary-color);--background-on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-MYrD);--background-on-primary-color-SCOPED-IN-frames-app-MYrD: var(--background-on-primary-color);--background-background-color: var(--background-color-SCOPED-IN-frames-app-MYrD);--background-background-color-SCOPED-IN-frames-app-MYrD: var(--background-background-color);--side-app-background-color-SCOPED-IN-frames-app-MYrD: var(--side-app-background-color);--loading-primary-color: var(--primary-color-SCOPED-IN-frames-app-MYrD);--loading-primary-color-SCOPED-IN-frames-app-MYrD: var(--loading-primary-color);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-MYrD: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-MYrD);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-MYrD);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-MYrD);--surface-color: var(--surface-color-SCOPED-IN-frames-app-MYrD);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-MYrD);--background-color: var(--background-color-SCOPED-IN-frames-app-MYrD);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-MYrD);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-MYrD);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-MYrD)}:host frames-drawer{opacity:1;--background-color: var(--side-app-background-color-SCOPED-IN-frames-app-MYrD)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-MYrD)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-MYrD);opacity:.9}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-MYrD);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-MYrD);--background-color: var(--background-background-color-SCOPED-IN-frames-app-MYrD);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-MYrD);height:100%}:host.is-entrance frames-drawer{opacity:1}:host.is-entrance frames-drawer mat-drawer[style*=\"100%\"]+mat-drawer-content{margin-right:0!important}:host.is-entrance frames-side-nav{display:none}frames-drawer mat-drawer[style*=\"calc(100%\"]+mat-drawer-content{margin-right:0!important}\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", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EntranceFrame, selector: "frames-entrance" }, { kind: "component", type: DrawerFrame, selector: "frames-drawer" }, { kind: "component", type: ProgressBarFrame, selector: "frames-progress-bar" }, { kind: "component", type: BreadcrumbNavbarFrame, selector: "frames-breadcrumb-navbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)]] }); }
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.0.5", ngImport: i0, type: AppFrame, resolveDeferredDeps: () => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)], resolveMetadata: BackgroundTemplateStore => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.1.6", ngImport: i0, type: AppFrame, resolveDeferredDeps: () => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)], resolveMetadata: BackgroundTemplateStore => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'frames-app', imports: [
                             FabFrame,
@@ -478,9 +480,10 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.0.5", ng
   </frames-loading>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                             AppFrameStore,
+                            PreventBrowserZoomDirective,
                         ], host: {
                             '[class.is-entrance]': 'store.isEntrance()',
-                        }, styles: [":host{--primary-color-SCOPED-IN-frames-app-w6Eh: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-w6Eh: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-w6Eh: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-w6Eh: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-w6Eh: var(--background-color);--on-background-color-SCOPED-IN-frames-app-w6Eh: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-w6Eh: var(--menu-width);--page-width-lv1-SCOPED-IN-frames-app-w6Eh: var(--page-width-lv1);--menu-background-color: var(--primary-color-SCOPED-IN-frames-app-w6Eh);--menu-background-color-SCOPED-IN-frames-app-w6Eh: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-frames-app-w6Eh);--menu-on-background-color-SCOPED-IN-frames-app-w6Eh: var(--menu-on-background-color);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-w6Eh: var(--menu-padding-top);--background-primary-color: var(--primary-color-SCOPED-IN-frames-app-w6Eh);--background-primary-color-SCOPED-IN-frames-app-w6Eh: var(--background-primary-color);--background-on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-w6Eh);--background-on-primary-color-SCOPED-IN-frames-app-w6Eh: var(--background-on-primary-color);--background-background-color: var(--background-color-SCOPED-IN-frames-app-w6Eh);--background-background-color-SCOPED-IN-frames-app-w6Eh: var(--background-background-color);--side-app-background-color-SCOPED-IN-frames-app-w6Eh: var(--side-app-background-color);--loading-primary-color: var(--primary-color-SCOPED-IN-frames-app-w6Eh);--loading-primary-color-SCOPED-IN-frames-app-w6Eh: var(--loading-primary-color);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-w6Eh: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-w6Eh);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-w6Eh);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-w6Eh);--surface-color: var(--surface-color-SCOPED-IN-frames-app-w6Eh);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-w6Eh);--background-color: var(--background-color-SCOPED-IN-frames-app-w6Eh);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-w6Eh);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-w6Eh);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-w6Eh)}:host frames-drawer{opacity:1;--background-color: var(--side-app-background-color-SCOPED-IN-frames-app-w6Eh)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-w6Eh)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-w6Eh);opacity:.9}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-w6Eh);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-w6Eh);--background-color: var(--background-background-color-SCOPED-IN-frames-app-w6Eh);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-w6Eh);height:100%}:host.is-entrance frames-drawer{opacity:1}:host.is-entrance frames-drawer mat-drawer[style*=\"100%\"]+mat-drawer-content{margin-right:0!important}:host.is-entrance frames-side-nav{display:none}frames-drawer mat-drawer[style*=\"calc(100%\"]+mat-drawer-content{margin-right:0!important}\n"] }]
+                        }, styles: [":host{--primary-color-SCOPED-IN-frames-app-MYrD: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-MYrD: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-MYrD: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-MYrD: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-MYrD: var(--background-color);--on-background-color-SCOPED-IN-frames-app-MYrD: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-MYrD: var(--menu-width);--page-width-lv1-SCOPED-IN-frames-app-MYrD: var(--page-width-lv1);--menu-background-color: var(--primary-color-SCOPED-IN-frames-app-MYrD);--menu-background-color-SCOPED-IN-frames-app-MYrD: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-frames-app-MYrD);--menu-on-background-color-SCOPED-IN-frames-app-MYrD: var(--menu-on-background-color);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-MYrD: var(--menu-padding-top);--background-primary-color: var(--primary-color-SCOPED-IN-frames-app-MYrD);--background-primary-color-SCOPED-IN-frames-app-MYrD: var(--background-primary-color);--background-on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-MYrD);--background-on-primary-color-SCOPED-IN-frames-app-MYrD: var(--background-on-primary-color);--background-background-color: var(--background-color-SCOPED-IN-frames-app-MYrD);--background-background-color-SCOPED-IN-frames-app-MYrD: var(--background-background-color);--side-app-background-color-SCOPED-IN-frames-app-MYrD: var(--side-app-background-color);--loading-primary-color: var(--primary-color-SCOPED-IN-frames-app-MYrD);--loading-primary-color-SCOPED-IN-frames-app-MYrD: var(--loading-primary-color);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-MYrD: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-MYrD);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-MYrD);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-MYrD);--surface-color: var(--surface-color-SCOPED-IN-frames-app-MYrD);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-MYrD);--background-color: var(--background-color-SCOPED-IN-frames-app-MYrD);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-MYrD);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-MYrD);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-MYrD)}:host frames-drawer{opacity:1;--background-color: var(--side-app-background-color-SCOPED-IN-frames-app-MYrD)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-MYrD)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-MYrD);opacity:.9}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-MYrD);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-MYrD);--background-color: var(--background-background-color-SCOPED-IN-frames-app-MYrD);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-MYrD);height:100%}:host.is-entrance frames-drawer{opacity:1}:host.is-entrance frames-drawer mat-drawer[style*=\"100%\"]+mat-drawer-content{margin-right:0!important}:host.is-entrance frames-side-nav{display:none}frames-drawer mat-drawer[style*=\"calc(100%\"]+mat-drawer-content{margin-right:0!important}\n"] }]
             }], ctorParameters: null, propDecorators: null }) });
 
 /**