@ng-atomic/components 19.3.0 → 19.3.2-preview-fix-local-storage-token-duplication.1

package/fesm2022/ng-atomic-components-templates-file-tree.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-file-tree.mjs","sources":["../tmp-esm2022/templates/file-tree/file-tree.template.js","../tmp-esm2022/templates/file-tree/ng-atomic-components-templates-file-tree.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NestedTreeControl } from '@angular/cdk/tree';\nimport { MatTreeNestedDataSource } from '@angular/material/tree';\nimport { MatTreeModule } from '@angular/material/tree';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/material/tree\";\nimport * as i2 from \"@angular/material/icon\";\nimport * as i3 from \"@angular/material/button\";\nvar ActionId;\n(function (ActionId) {\n    ActionId[\"OPEN_FILE\"] = \"[@ng-atomic/components/templates/file-tree] Open File\";\n})(ActionId || (ActionId = {}));\nexport class FileTreeTemplate extends NgAtomicComponent {\n    constructor() {\n        super(...arguments);\n        this.treeControl = new NestedTreeControl(node => node.children);\n        this.dataSource = new MatTreeNestedDataSource();\n        this.hasChild = (_, node) => !!node.children && node.children.length > 0;\n    }\n    static { this.ActionId = ActionId; }\n    set treeNode(treeNode) {\n        this.dataSource.data = treeNode;\n    }\n    test(node) {\n        console.debug('test');\n        this.dispatch({ id: ActionId.OPEN_FILE, payload: node });\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: FileTreeTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.0.5\", type: FileTreeTemplate, isStandalone: true, selector: \"templates-file-tree\", inputs: { treeNode: \"treeNode\" }, usesInheritance: true, ngImport: i0, template: `\n  <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\" class=\"example-tree\">\n    <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle>\n      <a style=\"color: red\" (click)=\"test(node)\">1. {{ node.name }}</a>\n    </mat-tree-node>\n    <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"mat-tree-node\">\n          <button\n            mat-icon-button\n            matTreeNodeToggle\n            [attr.aria-label]=\"'Toggle ' + node.name\"\n          >\n            <mat-icon class=\"mat-icon-rtl-mirror\">\n              {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}\n            </mat-icon>\n          </button>\n          <span>{{ node.name }}</span>\n        </div>\n        <div [class.example-tree-invisible]=\"!treeControl.isExpanded(node)\"\n            role=\"group\">\n          <ng-container matTreeNodeOutlet></ng-container>\n      </div>\n    </mat-nested-tree-node>\n  </mat-tree>\n  `, isInline: true, styles: [\":host{width:100%;height:100%;background:#fff;display:block}:host .example-tree-invisible{display:none}:host .example-tree ul,:host .example-tree li{margin-top:0;margin-bottom:0;list-style-type:none}:host .example-tree .mat-nested-tree-node div[role=group]{padding-left:40px}:host .example-tree div[role=group]>.mat-tree-node{padding-left:40px}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"ngmodule\", type: MatTreeModule }, { kind: \"directive\", type: i1.MatNestedTreeNode, selector: \"mat-nested-tree-node\", inputs: [\"matNestedTreeNode\", \"disabled\", \"tabIndex\"], outputs: [\"activation\", \"expandedChange\"], exportAs: [\"matNestedTreeNode\"] }, { kind: \"directive\", type: i1.MatTreeNodeDef, selector: \"[matTreeNodeDef]\", inputs: [\"matTreeNodeDefWhen\", \"matTreeNode\"] }, { kind: \"directive\", type: i1.MatTreeNodeToggle, selector: \"[matTreeNodeToggle]\", inputs: [\"matTreeNodeToggleRecursive\"] }, { kind: \"component\", type: i1.MatTree, selector: \"mat-tree\", exportAs: [\"matTree\"] }, { kind: \"directive\", type: i1.MatTreeNode, selector: \"mat-tree-node\", inputs: [\"tabIndex\", \"disabled\"], outputs: [\"activation\", \"expandedChange\"], exportAs: [\"matTreeNode\"] }, { kind: \"directive\", type: i1.MatTreeNodeOutlet, selector: \"[matTreeNodeOutlet]\" }, { kind: \"ngmodule\", type: MatIconModule }, { kind: \"component\", type: i2.MatIcon, selector: \"mat-icon\", inputs: [\"color\", \"inline\", \"svgIcon\", \"fontSet\", \"fontIcon\"], exportAs: [\"matIcon\"] }, { kind: \"ngmodule\", type: MatButtonModule }, { kind: \"component\", type: i3.MatIconButton, selector: \"button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]\", exportAs: [\"matButton\", \"matAnchor\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: FileTreeTemplate, decorators: [{\n            type: Component,\n            args: [{ selector: 'templates-file-tree', imports: [\n                        CommonModule,\n                        MatTreeModule,\n                        MatIconModule,\n                        MatButtonModule,\n                    ], template: `\n  <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\" class=\"example-tree\">\n    <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle>\n      <a style=\"color: red\" (click)=\"test(node)\">1. {{ node.name }}</a>\n    </mat-tree-node>\n    <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"mat-tree-node\">\n          <button\n            mat-icon-button\n            matTreeNodeToggle\n            [attr.aria-label]=\"'Toggle ' + node.name\"\n          >\n            <mat-icon class=\"mat-icon-rtl-mirror\">\n              {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}\n            </mat-icon>\n          </button>\n          <span>{{ node.name }}</span>\n        </div>\n        <div [class.example-tree-invisible]=\"!treeControl.isExpanded(node)\"\n            role=\"group\">\n          <ng-container matTreeNodeOutlet></ng-container>\n      </div>\n    </mat-nested-tree-node>\n  </mat-tree>\n  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [\":host{width:100%;height:100%;background:#fff;display:block}:host .example-tree-invisible{display:none}:host .example-tree ul,:host .example-tree li{margin-top:0;margin-bottom:0;list-style-type:none}:host .example-tree .mat-nested-tree-node div[role=group]{padding-left:40px}:host .example-tree div[role=group]>.mat-tree-node{padding-left:40px}\\n\"] }]\n        }], propDecorators: { treeNode: [{\n                type: Input\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS10cmVlLnRlbXBsYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvdGVtcGxhdGVzL2ZpbGUtdHJlZS9maWxlLXRyZWUudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3RELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2pFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7OztBQVNwRCxJQUFLLFFBRUo7QUFGRCxXQUFLLFFBQVE7SUFDWCwrRUFBbUUsQ0FBQTtBQUNyRSxDQUFDLEVBRkksUUFBUSxLQUFSLFFBQVEsUUFFWjtBQXNDRCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsaUJBQWlCO0lBcEN2RDs7UUE0Q0UsZ0JBQVcsR0FBRyxJQUFJLGlCQUFpQixDQUFXLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3JFLGVBQVUsR0FBRyxJQUFJLHVCQUF1QixFQUFZLENBQUM7UUFPckQsYUFBUSxHQUFHLENBQUMsQ0FBUyxFQUFFLElBQWMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0tBQ3ZGO2FBaEJRLGFBQVEsR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQUUzQixJQUNJLFFBQVEsQ0FBQyxRQUFvQjtRQUMvQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksR0FBRyxRQUFRLENBQUM7SUFDbEMsQ0FBQztJQUtTLElBQUksQ0FBQyxJQUFjO1FBQzNCLE9BQU8sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFDLEVBQUUsRUFBRSxRQUFRLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUMsQ0FBQyxDQUFDO0lBQ3pELENBQUM7OEdBZFUsZ0JBQWdCO2tHQUFoQixnQkFBZ0Isd0lBNUJmOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F3Qlgsa2FBN0JLLFlBQVksOEJBQ1osYUFBYSx5MEJBQ2IsYUFBYSxtTEFDYixlQUFlOzsyRkE4QlYsZ0JBQWdCO2tCQXBDNUIsU0FBUzsrQkFDSSxxQkFBcUIsV0FDdEI7d0JBQ0wsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsZUFBZTtxQkFDbEIsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0JYLG1CQUVrQix1QkFBdUIsQ0FBQyxNQUFNOzhCQU03QyxRQUFRO3NCQURYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZpbGVTeXN0ZW1UcmVlIH0gZnJvbSAnQHdlYmNvbnRhaW5lci9hcGknO1xuaW1wb3J0IHsgTmVzdGVkVHJlZUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9jZGsvdHJlZSc7XG5pbXBvcnQgeyBNYXRUcmVlTmVzdGVkRGF0YVNvdXJjZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RyZWUnO1xuaW1wb3J0IHtNYXRUcmVlTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90cmVlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVHJlZU5vZGUge1xuICBuYW1lOiBzdHJpbmc7XG4gIHR5cGU6IHN0cmluZztcbiAgcGFyZW50PzogVHJlZU5vZGVcbiAgY2hpbGRyZW46IFRyZWVOb2RlW107XG59XG5cbmVudW0gQWN0aW9uSWQge1xuICBPUEVOX0ZJTEUgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvZmlsZS10cmVlXSBPcGVuIEZpbGUnLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1maWxlLXRyZWUnLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBNYXRUcmVlTW9kdWxlLFxuICAgICAgICBNYXRJY29uTW9kdWxlLFxuICAgICAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgXSxcbiAgICB0ZW1wbGF0ZTogYFxuICA8bWF0LXRyZWUgW2RhdGFTb3VyY2VdPVwiZGF0YVNvdXJjZVwiIFt0cmVlQ29udHJvbF09XCJ0cmVlQ29udHJvbFwiIGNsYXNzPVwiZXhhbXBsZS10cmVlXCI+XG4gICAgPG1hdC10cmVlLW5vZGUgKm1hdFRyZWVOb2RlRGVmPVwibGV0IG5vZGVcIiBtYXRUcmVlTm9kZVRvZ2dsZT5cbiAgICAgIDxhIHN0eWxlPVwiY29sb3I6IHJlZFwiIChjbGljayk9XCJ0ZXN0KG5vZGUpXCI+MS4ge3sgbm9kZS5uYW1lIH19PC9hPlxuICAgIDwvbWF0LXRyZWUtbm9kZT5cbiAgICA8bWF0LW5lc3RlZC10cmVlLW5vZGUgKm1hdFRyZWVOb2RlRGVmPVwibGV0IG5vZGU7IHdoZW46IGhhc0NoaWxkXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtYXQtdHJlZS1ub2RlXCI+XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICBtYXRUcmVlTm9kZVRvZ2dsZVxuICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCInVG9nZ2xlICcgKyBub2RlLm5hbWVcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1hdC1pY29uLXJ0bC1taXJyb3JcIj5cbiAgICAgICAgICAgICAge3t0cmVlQ29udHJvbC5pc0V4cGFuZGVkKG5vZGUpID8gJ2V4cGFuZF9tb3JlJyA6ICdjaGV2cm9uX3JpZ2h0J319XG4gICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDxzcGFuPnt7IG5vZGUubmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgW2NsYXNzLmV4YW1wbGUtdHJlZS1pbnZpc2libGVdPVwiIXRyZWVDb250cm9sLmlzRXhwYW5kZWQobm9kZSlcIlxuICAgICAgICAgICAgcm9sZT1cImdyb3VwXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRUcmVlTm9kZU91dGxldD48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbWF0LW5lc3RlZC10cmVlLW5vZGU+XG4gIDwvbWF0LXRyZWU+XG4gIGAsXG4gICAgc3R5bGVVcmxzOiBbJy4vZmlsZS10cmVlLnRlbXBsYXRlLnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBGaWxlVHJlZVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBzdGF0aWMgQWN0aW9uSWQgPSBBY3Rpb25JZDtcblxuICBASW5wdXQoKVxuICBzZXQgdHJlZU5vZGUodHJlZU5vZGU6IFRyZWVOb2RlW10pIHtcbiAgICB0aGlzLmRhdGFTb3VyY2UuZGF0YSA9IHRyZWVOb2RlO1xuICB9XG5cbiAgdHJlZUNvbnRyb2wgPSBuZXcgTmVzdGVkVHJlZUNvbnRyb2w8VHJlZU5vZGU+KG5vZGUgPT4gbm9kZS5jaGlsZHJlbik7XG4gIGRhdGFTb3VyY2UgPSBuZXcgTWF0VHJlZU5lc3RlZERhdGFTb3VyY2U8VHJlZU5vZGU+KCk7XG5cbiAgcHJvdGVjdGVkIHRlc3Qobm9kZTogVHJlZU5vZGUpIHtcbiAgICBjb25zb2xlLmRlYnVnKCd0ZXN0Jyk7XG4gICAgdGhpcy5kaXNwYXRjaCh7aWQ6IEFjdGlvbklkLk9QRU5fRklMRSwgcGF5bG9hZDogbm9kZX0pO1xuICB9XG5cbiAgaGFzQ2hpbGQgPSAoXzogbnVtYmVyLCBub2RlOiBUcmVlTm9kZSkgPT4gISFub2RlLmNoaWxkcmVuICYmIG5vZGUuY2hpbGRyZW4ubGVuZ3RoID4gMDtcbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtdGVtcGxhdGVzLWZpbGUtdHJlZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9maWxlLXRyZWUvbmctYXRvbWljLWNvbXBvbmVudHMtdGVtcGxhdGVzLWZpbGUtdHJlZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-templates-file-tree.mjs","sources":["../tmp-esm2022/templates/file-tree/file-tree.template.js","../tmp-esm2022/templates/file-tree/ng-atomic-components-templates-file-tree.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NestedTreeControl } from '@angular/cdk/tree';\nimport { MatTreeNestedDataSource } from '@angular/material/tree';\nimport { MatTreeModule } from '@angular/material/tree';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/material/tree\";\nimport * as i2 from \"@angular/material/icon\";\nimport * as i3 from \"@angular/material/button\";\nvar ActionId;\n(function (ActionId) {\n    ActionId[\"OPEN_FILE\"] = \"[@ng-atomic/components/templates/file-tree] Open File\";\n})(ActionId || (ActionId = {}));\nexport class FileTreeTemplate extends NgAtomicComponent {\n    constructor() {\n        super(...arguments);\n        this.treeControl = new NestedTreeControl(node => node.children);\n        this.dataSource = new MatTreeNestedDataSource();\n        this.hasChild = (_, node) => !!node.children && node.children.length > 0;\n    }\n    static { this.ActionId = ActionId; }\n    set treeNode(treeNode) {\n        this.dataSource.data = treeNode;\n    }\n    test(node) {\n        console.debug('test');\n        this.dispatch({ id: ActionId.OPEN_FILE, payload: node });\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: FileTreeTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.0.5\", type: FileTreeTemplate, isStandalone: true, selector: \"templates-file-tree\", inputs: { treeNode: \"treeNode\" }, usesInheritance: true, ngImport: i0, template: `\n  <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\" class=\"example-tree\">\n    <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle>\n      <a style=\"color: red\" (click)=\"test(node)\">1. {{ node.name }}</a>\n    </mat-tree-node>\n    <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"mat-tree-node\">\n          <button\n            mat-icon-button\n            matTreeNodeToggle\n            [attr.aria-label]=\"'Toggle ' + node.name\"\n          >\n            <mat-icon class=\"mat-icon-rtl-mirror\">\n              {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}\n            </mat-icon>\n          </button>\n          <span>{{ node.name }}</span>\n        </div>\n        <div [class.example-tree-invisible]=\"!treeControl.isExpanded(node)\"\n            role=\"group\">\n          <ng-container matTreeNodeOutlet></ng-container>\n      </div>\n    </mat-nested-tree-node>\n  </mat-tree>\n  `, isInline: true, styles: [\":host{width:100%;height:100%;background:#fff;display:block}:host .example-tree-invisible{display:none}:host .example-tree ul,:host .example-tree li{margin-top:0;margin-bottom:0;list-style-type:none}:host .example-tree .mat-nested-tree-node div[role=group]{padding-left:40px}:host .example-tree div[role=group]>.mat-tree-node{padding-left:40px}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"ngmodule\", type: MatTreeModule }, { kind: \"directive\", type: i1.MatNestedTreeNode, selector: \"mat-nested-tree-node\", inputs: [\"matNestedTreeNode\", \"disabled\", \"tabIndex\"], outputs: [\"activation\", \"expandedChange\"], exportAs: [\"matNestedTreeNode\"] }, { kind: \"directive\", type: i1.MatTreeNodeDef, selector: \"[matTreeNodeDef]\", inputs: [\"matTreeNodeDefWhen\", \"matTreeNode\"] }, { kind: \"directive\", type: i1.MatTreeNodeToggle, selector: \"[matTreeNodeToggle]\", inputs: [\"matTreeNodeToggleRecursive\"] }, { kind: \"component\", type: i1.MatTree, selector: \"mat-tree\", exportAs: [\"matTree\"] }, { kind: \"directive\", type: i1.MatTreeNode, selector: \"mat-tree-node\", inputs: [\"tabIndex\", \"disabled\"], outputs: [\"activation\", \"expandedChange\"], exportAs: [\"matTreeNode\"] }, { kind: \"directive\", type: i1.MatTreeNodeOutlet, selector: \"[matTreeNodeOutlet]\" }, { kind: \"ngmodule\", type: MatIconModule }, { kind: \"component\", type: i2.MatIcon, selector: \"mat-icon\", inputs: [\"color\", \"inline\", \"svgIcon\", \"fontSet\", \"fontIcon\"], exportAs: [\"matIcon\"] }, { kind: \"ngmodule\", type: MatButtonModule }, { kind: \"component\", type: i3.MatIconButton, selector: \"button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]\", exportAs: [\"matButton\", \"matAnchor\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: FileTreeTemplate, decorators: [{\n            type: Component,\n            args: [{ selector: 'templates-file-tree', imports: [\n                        CommonModule,\n                        MatTreeModule,\n                        MatIconModule,\n                        MatButtonModule,\n                    ], template: `\n  <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\" class=\"example-tree\">\n    <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle>\n      <a style=\"color: red\" (click)=\"test(node)\">1. {{ node.name }}</a>\n    </mat-tree-node>\n    <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"mat-tree-node\">\n          <button\n            mat-icon-button\n            matTreeNodeToggle\n            [attr.aria-label]=\"'Toggle ' + node.name\"\n          >\n            <mat-icon class=\"mat-icon-rtl-mirror\">\n              {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}\n            </mat-icon>\n          </button>\n          <span>{{ node.name }}</span>\n        </div>\n        <div [class.example-tree-invisible]=\"!treeControl.isExpanded(node)\"\n            role=\"group\">\n          <ng-container matTreeNodeOutlet></ng-container>\n      </div>\n    </mat-nested-tree-node>\n  </mat-tree>\n  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [\":host{width:100%;height:100%;background:#fff;display:block}:host .example-tree-invisible{display:none}:host .example-tree ul,:host .example-tree li{margin-top:0;margin-bottom:0;list-style-type:none}:host .example-tree .mat-nested-tree-node div[role=group]{padding-left:40px}:host .example-tree div[role=group]>.mat-tree-node{padding-left:40px}\\n\"] }]\n        }], propDecorators: { treeNode: [{\n                type: Input\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS10cmVlLnRlbXBsYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvdGVtcGxhdGVzL2ZpbGUtdHJlZS9maWxlLXRyZWUudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3RELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2pFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7OztBQVNwRCxJQUFLLFFBRUo7QUFGRCxXQUFLLFFBQVE7SUFDWCwrRUFBbUUsQ0FBQTtBQUNyRSxDQUFDLEVBRkksUUFBUSxLQUFSLFFBQVEsUUFFWjtBQXNDRCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsaUJBQWlCO0lBcEN2RDs7UUE0Q0UsZ0JBQVcsR0FBRyxJQUFJLGlCQUFpQixDQUFXLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3JFLGVBQVUsR0FBRyxJQUFJLHVCQUF1QixFQUFZLENBQUM7UUFPckQsYUFBUSxHQUFHLENBQUMsQ0FBUyxFQUFFLElBQWMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0tBQ3ZGO2FBaEJRLGFBQVEsR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQUUzQixJQUNJLFFBQVEsQ0FBQyxRQUFvQjtRQUMvQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksR0FBRyxRQUFRLENBQUM7SUFDbEMsQ0FBQztJQUtTLElBQUksQ0FBQyxJQUFjO1FBQzNCLE9BQU8sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFDLEVBQUUsRUFBRSxRQUFRLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUMsQ0FBQyxDQUFDO0lBQ3pELENBQUM7OEdBZFUsZ0JBQWdCO2tHQUFoQixnQkFBZ0Isd0lBNUJmOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F3Qlgsa2FBN0JLLFlBQVksOEJBQ1osYUFBYSx5MEJBQ2IsYUFBYSxtTEFDYixlQUFlOzsyRkE4QlYsZ0JBQWdCO2tCQXBDNUIsU0FBUzsrQkFDSSxxQkFBcUIsV0FDdEI7d0JBQ0wsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsZUFBZTtxQkFDbEIsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0JYLG1CQUVrQix1QkFBdUIsQ0FBQyxNQUFNOzhCQU03QyxRQUFRO3NCQURYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZpbGVTeXN0ZW1UcmVlIH0gZnJvbSAnQHdlYmNvbnRhaW5lci9hcGknO1xuaW1wb3J0IHsgTmVzdGVkVHJlZUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9jZGsvdHJlZSc7XG5pbXBvcnQgeyBNYXRUcmVlTmVzdGVkRGF0YVNvdXJjZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RyZWUnO1xuaW1wb3J0IHtNYXRUcmVlTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90cmVlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVHJlZU5vZGUge1xuICBuYW1lOiBzdHJpbmc7XG4gIHR5cGU6IHN0cmluZztcbiAgcGFyZW50PzogVHJlZU5vZGVcbiAgY2hpbGRyZW46IFRyZWVOb2RlW107XG59XG5cbmVudW0gQWN0aW9uSWQge1xuICBPUEVOX0ZJTEUgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvZmlsZS10cmVlXSBPcGVuIEZpbGUnLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1maWxlLXRyZWUnLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBNYXRUcmVlTW9kdWxlLFxuICAgICAgICBNYXRJY29uTW9kdWxlLFxuICAgICAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgXSxcbiAgICB0ZW1wbGF0ZTogYFxuICA8bWF0LXRyZWUgW2RhdGFTb3VyY2VdPVwiZGF0YVNvdXJjZVwiIFt0cmVlQ29udHJvbF09XCJ0cmVlQ29udHJvbFwiIGNsYXNzPVwiZXhhbXBsZS10cmVlXCI+XG4gICAgPG1hdC10cmVlLW5vZGUgKm1hdFRyZWVOb2RlRGVmPVwibGV0IG5vZGVcIiBtYXRUcmVlTm9kZVRvZ2dsZT5cbiAgICAgIDxhIHN0eWxlPVwiY29sb3I6IHJlZFwiIChjbGljayk9XCJ0ZXN0KG5vZGUpXCI+MS4ge3sgbm9kZS5uYW1lIH19PC9hPlxuICAgIDwvbWF0LXRyZWUtbm9kZT5cbiAgICA8bWF0LW5lc3RlZC10cmVlLW5vZGUgKm1hdFRyZWVOb2RlRGVmPVwibGV0IG5vZGU7IHdoZW46IGhhc0NoaWxkXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtYXQtdHJlZS1ub2RlXCI+XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICBtYXRUcmVlTm9kZVRvZ2dsZVxuICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCInVG9nZ2xlICcgKyBub2RlLm5hbWVcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1hdC1pY29uLXJ0bC1taXJyb3JcIj5cbiAgICAgICAgICAgICAge3t0cmVlQ29udHJvbC5pc0V4cGFuZGVkKG5vZGUpID8gJ2V4cGFuZF9tb3JlJyA6ICdjaGV2cm9uX3JpZ2h0J319XG4gICAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDxzcGFuPnt7IG5vZGUubmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgW2NsYXNzLmV4YW1wbGUtdHJlZS1pbnZpc2libGVdPVwiIXRyZWVDb250cm9sLmlzRXhwYW5kZWQobm9kZSlcIlxuICAgICAgICAgICAgcm9sZT1cImdyb3VwXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRUcmVlTm9kZU91dGxldD48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbWF0LW5lc3RlZC10cmVlLW5vZGU+XG4gIDwvbWF0LXRyZWU+XG4gIGAsXG4gICAgc3R5bGVVcmxzOiBbJy4vZmlsZS10cmVlLnRlbXBsYXRlLnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBGaWxlVHJlZVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBzdGF0aWMgQWN0aW9uSWQgPSBBY3Rpb25JZDtcblxuICBASW5wdXQoKVxuICBzZXQgdHJlZU5vZGUodHJlZU5vZGU6IFRyZWVOb2RlW10pIHtcbiAgICB0aGlzLmRhdGFTb3VyY2UuZGF0YSA9IHRyZWVOb2RlO1xuICB9XG5cbiAgdHJlZUNvbnRyb2wgPSBuZXcgTmVzdGVkVHJlZUNvbnRyb2w8VHJlZU5vZGU+KG5vZGUgPT4gbm9kZS5jaGlsZHJlbik7XG4gIGRhdGFTb3VyY2UgPSBuZXcgTWF0VHJlZU5lc3RlZERhdGFTb3VyY2U8VHJlZU5vZGU+KCk7XG5cbiAgcHJvdGVjdGVkIHRlc3Qobm9kZTogVHJlZU5vZGUpIHtcbiAgICBjb25zb2xlLmRlYnVnKCd0ZXN0Jyk7XG4gICAgdGhpcy5kaXNwYXRjaCh7aWQ6IEFjdGlvbklkLk9QRU5fRklMRSwgcGF5bG9hZDogbm9kZX0pO1xuICB9XG5cbiAgaGFzQ2hpbGQgPSAoXzogbnVtYmVyLCBub2RlOiBUcmVlTm9kZSkgPT4gISFub2RlLmNoaWxkcmVuICYmIG5vZGUuY2hpbGRyZW4ubGVuZ3RoID4gMDtcbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtdGVtcGxhdGVzLWZpbGUtdHJlZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9maWxlLXRyZWUvbmctYXRvbWljLWNvbXBvbmVudHMtdGVtcGxhdGVzLWZpbGUtdHJlZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-templates-form.mjs

@@ -428,7 +428,7 @@ class NgAtomicFormSectionBuilder extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-builder-91KE: var(--horizontal-padding);--vertical-padding: 0px;--vertical-padding-SCOPED-IN-form-builder-91KE: var(--vertical-padding)}:host{display:contents}:host ng-atomic-form-section-switcher ::ng-deep>*{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-builder-91KE);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-builder-91KE)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionSwitcher, selector: "ng-atomic-form-section-switcher" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-builder-gVDp: var(--horizontal-padding);--vertical-padding: 0px;--vertical-padding-SCOPED-IN-form-builder-gVDp: var(--vertical-padding)}:host{display:contents}:host ng-atomic-form-section-switcher ::ng-deep>*{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-builder-gVDp);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-builder-gVDp)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionSwitcher, selector: "ng-atomic-form-section-switcher" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NgAtomicFormSectionBuilder, decorators: [{
             type: Component,
@@ -443,7 +443,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
         (action)="dispatch($event)"
       />
     }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-builder-91KE: var(--horizontal-padding);--vertical-padding: 0px;--vertical-padding-SCOPED-IN-form-builder-91KE: var(--vertical-padding)}:host{display:contents}:host ng-atomic-form-section-switcher ::ng-deep>*{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-builder-91KE);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-builder-91KE)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-builder-gVDp: var(--horizontal-padding);--vertical-padding: 0px;--vertical-padding-SCOPED-IN-form-builder-gVDp: var(--vertical-padding)}:host{display:contents}:host ng-atomic-form-section-switcher ::ng-deep>*{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-builder-gVDp);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-builder-gVDp)}\n"] }]
         }], ctorParameters: () => [] });
 
 var ActionId;
@@ -543,7 +543,7 @@ class FormTemplate extends NgAtomicComponent {
       </frames-auto-layout>
     </frames-divider>
   </frames-scroll>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-s7lV: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-s7lV: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-s7lV: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-s7lV: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-s7lV: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-s7lV: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-s7lV: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-s7lV: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-s7lV: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-s7lV: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-s7lV);--navigator-background-color-SCOPED-IN-form-s7lV: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-s7lV);--navigator-on-background-color-SCOPED-IN-form-s7lV: var(--navigator-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-form-s7lV: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-form-s7lV: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-form-s7lV: var(--max-first-content-height)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-s7lV);color:var(--on-background-color-SCOPED-IN-form-s7lV)}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-form-s7lV);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-form-s7lV)}:host frames-auto-layout{display:flex;justify-content:flex-start;height:fit-content;--gap: var(--gap-SCOPED-IN-form-s7lV);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-s7lV);overflow:scroll}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-s7lV)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-s7lV);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-s7lV)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-s7lV);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-s7lV);--surface-color: var(--surface-color-SCOPED-IN-form-s7lV);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-s7lV);--background-color: var(--background-color-SCOPED-IN-form-s7lV);--on-background-color: var(--on-background-color-SCOPED-IN-form-s7lV)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "directive", type: ActionButtonsSectionOrganismStore, selector: "organisms-action-buttons-section", inputs: ["actions", "type"] }, { kind: "component", type: DividerFrame, selector: "frames-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-lADD: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-lADD: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-lADD: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-lADD: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-lADD: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-lADD: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-lADD: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-lADD: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-lADD: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-lADD: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-lADD);--navigator-background-color-SCOPED-IN-form-lADD: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-lADD);--navigator-on-background-color-SCOPED-IN-form-lADD: var(--navigator-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-form-lADD: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-form-lADD: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-form-lADD: var(--max-first-content-height)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-lADD);color:var(--on-background-color-SCOPED-IN-form-lADD)}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-form-lADD);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-form-lADD)}:host frames-auto-layout{display:flex;justify-content:flex-start;height:fit-content;--gap: var(--gap-SCOPED-IN-form-lADD);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-lADD);overflow:scroll}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-lADD)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-lADD);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-lADD)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-lADD);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-lADD);--surface-color: var(--surface-color-SCOPED-IN-form-lADD);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-lADD);--background-color: var(--background-color-SCOPED-IN-form-lADD);--on-background-color: var(--on-background-color-SCOPED-IN-form-lADD)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "directive", type: ActionButtonsSectionOrganismStore, selector: "organisms-action-buttons-section", inputs: ["actions", "type"] }, { kind: "component", type: DividerFrame, selector: "frames-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(NavActionId.BACK),
@@ -609,7 +609,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                                 'fieldKeys',
                             ],
                         },
-                    ], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-s7lV: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-s7lV: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-s7lV: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-s7lV: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-s7lV: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-s7lV: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-s7lV: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-s7lV: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-s7lV: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-s7lV: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-s7lV);--navigator-background-color-SCOPED-IN-form-s7lV: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-s7lV);--navigator-on-background-color-SCOPED-IN-form-s7lV: var(--navigator-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-form-s7lV: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-form-s7lV: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-form-s7lV: var(--max-first-content-height)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-s7lV);color:var(--on-background-color-SCOPED-IN-form-s7lV)}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-form-s7lV);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-form-s7lV)}:host frames-auto-layout{display:flex;justify-content:flex-start;height:fit-content;--gap: var(--gap-SCOPED-IN-form-s7lV);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-s7lV);overflow:scroll}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-s7lV)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-s7lV);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-s7lV)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-s7lV);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-s7lV);--surface-color: var(--surface-color-SCOPED-IN-form-s7lV);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-s7lV);--background-color: var(--background-color-SCOPED-IN-form-s7lV);--on-background-color: var(--on-background-color-SCOPED-IN-form-s7lV)}\n"] }]
+                    ], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-lADD: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-lADD: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-lADD: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-lADD: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-lADD: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-lADD: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-lADD: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-lADD: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-lADD: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-lADD: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-lADD);--navigator-background-color-SCOPED-IN-form-lADD: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-lADD);--navigator-on-background-color-SCOPED-IN-form-lADD: var(--navigator-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-form-lADD: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-form-lADD: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-form-lADD: var(--max-first-content-height)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-lADD);color:var(--on-background-color-SCOPED-IN-form-lADD)}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-form-lADD);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-form-lADD)}:host frames-auto-layout{display:flex;justify-content:flex-start;height:fit-content;--gap: var(--gap-SCOPED-IN-form-lADD);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-lADD);overflow:scroll}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-lADD)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-lADD);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-lADD)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-lADD);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-lADD);--surface-color: var(--surface-color-SCOPED-IN-form-lADD);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-lADD);--background-color: var(--background-color-SCOPED-IN-form-lADD);--on-background-color: var(--on-background-color-SCOPED-IN-form-lADD)}\n"] }]
         }], propDecorators: { back: [], fileSelected: [] } });
 
 /**