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

@ng-atomic/components 18.0.0 → 18.1.0

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

Files changed (130) hide show

package/fesm2022/ng-atomic-components-templates-_index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-_index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/_index/index.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/_index/ng-atomic-components-templates-_index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, PLATFORM_ID, inject, input, viewChild } from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { HeaderMoleculeStore } from '@ng-atomic/components/molecules/header';\nimport { TableOrganism, TableOrganismStore, injectIndexForm } from '@ng-atomic/components/organisms/table';\nimport { SmartListOrganism } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorOrganismStore } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorOrganismStore } from '@ng-atomic/components/organisms/paginator';\nimport { Action, Actions, InjectableComponent, TokenizedType, _computed, computeFake } from '@ng-atomic/core';\nimport { GridToolbarOrganismStore } from '@ng-atomic/components/organisms/grid-toolbar';\nimport { FiltersSectionOrganism } from '@ng-atomic/components/organisms/filters-section';\nimport { DividerFrame } from '@ng-atomic/components/frames/divider';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { SelectionListOrganism } from '@ng-atomic/components/organisms/selection-list';\nimport { Effect, NgAtomicComponent } from '@ng-atomic/core';\nimport { QueryResolverService } from '@ng-atomic/common/services/query-resolver';\nimport { NavActionId, UIContext, call, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { IndexPipe } from '@ng-atomic/common/pipes/index';\nimport { IndexLengthPipe } from '@ng-atomic/common/pipes/index-length';\nimport { SortByPipe } from '@ng-atomic/common/pipes/sort-by';\nimport { GridCardsSectionOrganism } from '@ng-atomic/components/organisms/grid-cards-section';\nimport { injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { FormGroup } from '@angular/forms';\nimport { computedRawValue } from '@ng-atomic/common/utils';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { ChipsInputSectionOrganism } from '@ng-atomic/components/organisms/chips-input-section';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/index] Back',\n TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/index] Table Header Click',\n TABLE_HEADER_CHECKBOX_CLICK = '[@ng-atomic/components/templates/index] Table Header Checkbox Click',\n TABLE_CHECKBOX_CLICK = '[@ng-atomic/components/templates/index] Table Checkbox Click',\n ITEM_CLICK = '[@ng-atomic/components/templates/index] Item Click',\n DETAIL = '[@ng-atomic/components/templates/index] Detail',\n LIST_ITEM_BUTTON_CLICKED = '[@ng-atomic/components/templates/index] List Item Button Clicked',\n TOGGLE_TYPE = '[@ng-atomic/components/templates/index] Toggle Type',\n}\n\nexport interface IndexTemplateConfig<T extends {id: string} = any> {\n form: FormGroup;\n gridToolbarActions: Action[];\n navStartActions: Actions;\n navEndActions: Actions;\n itemActions: Actions;\n title: string;\n description: string;\n items: T[]\n tableChildrenKey: keyof T;\n groupedBy: keyof T \| null;\n groupKeys: string[];\n type: 'list' \| 'table' \| 'grid';\n toggleActions: Actions;\n pageSizeOptions: number[];\n width: string;\n selection: SelectionModel<string>;\n highlight: SelectionModel<string>;\n}\n\nexport function getType(context: UIContext) {\n switch (context.breakpoint) {\n case 'xSmall': return 'list';\n case 'small': return 'table';\n case 'medium': return 'table';\n case 'large': return 'table';\n case 'xLarge': return 'table';\n default: return 'table';\n }\n}\n\n@TokenizedType()\n@Directive({\n standalone: true,\n selector: 'templates-index',\n providers: [\n IndexPipe,\n IndexLengthPipe,\n ],\n})\nexport class IndexTemplateStore<T extends {id: string}> extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n const modelName = injectModelName();\n function getWidth(context: UIContext) {\n switch (context.breakpoint) {\n case 'xSmall': return 'var(--page-width-lv1)'\n case 'small':\n case 'medium':\n case 'large':\n case 'xLarge':\n default: return 'var(--page-width-lv2)';\n }\n }\n const form = injectIndexForm();\n const navStartActions = injectNavStartActions();\n \n return () => ({\n form,\n toggleActions: [\n { id: ActionId.TOGGLE_TYPE, icon: 'grid_view', payload: 'grid' },\n { id: ActionId.TOGGLE_TYPE, icon: 'list', payload: 'list' },\n { id: ActionId.TOGGLE_TYPE, icon: 'table', payload: 'table' },\n ] as Action[],\n gridToolbarActions: [] as Action[],\n tableChildrenKey: null as string,\n tableIsHidden: (item: any) => false,\n tableTreeControl: new FlatTreeControl<any>(n => n.level, n => n.isExpandable),\n itemActions: (item) => [{id: ActionId.DETAIL, icon: 'open_in_new', payload: item}],\n items: [],\n itemsLength: 0,\n title: `${modelName()}一覧`,\n description: ``,\n navStartActions: navStartActions(),\n navEndActions: [],\n groupedBy: null,\n groupKeys: [],\n type: <'table' \| 'list' \| 'grid'>'table',\n pageSizeOptions: [5, 10, 25, 100],\n selection: new SelectionModel<string>(true, []),\n highlight: new SelectionModel<string>(true, []),\n });\n }, ['components', 'templates', 'index']);\n static provideTypeConfig() {\n return IndexTemplateStore.Config.provide(() => {\n return (config, context) => ({\n ...config,\n type: getType(context),\n });\n });\n }\n\n readonly config = IndexTemplateStore.Config.inject();\n readonly isPlatformServer = isPlatformServer(inject(PLATFORM_ID));\n readonly form = input(_computed(() => this.config().form));\n readonly gridToolbarActions = input(_computed(() => this.config().gridToolbarActions));\n readonly toggleActions = input(_computed(() => this.config().toggleActions));\n readonly tableChildrenKey = input(_computed(() => this.config().tableChildrenKey));\n readonly tableIsHidden = input(_computed(() => this.config().tableIsHidden));\n readonly tableTreeControl = input(_computed(() => this.config().tableTreeControl));\n readonly itemActions = input(_computed(() => this.config().itemActions));\n readonly title = input(_computed(() => this.config().title));\n readonly description = input(_computed(() => this.config().description));\n readonly items = input<T[]>(_computed(() => this.config().items));\n readonly itemsLength = input(_computed(() => this.config().itemsLength));\n readonly navStartActions = input(_computed(() => this.config().navStartActions));\n readonly navEndActions = input(_computed(() => this.config().navEndActions));\n readonly groupedBy = input(_computed(() => this.config().groupedBy));\n readonly groupKeys = input(_computed(() => this.config().groupKeys));\n readonly pageSizeOptions = input(_computed(() => this.config().pageSizeOptions));\n readonly type = input(_computed(() => this.config().type));\n readonly selection = input(_computed(() => this.config().selection));\n readonly highlight = input(_computed(() => this.config().highlight));\n readonly form$ = toObservable(computeFake(this.form));\n readonly formValue = computedRawValue(() => call(this.form()));\n readonly pipes = { index: inject(IndexPipe), indexLength: inject(IndexLengthPipe)};\n // readonly itemsSize = computed(() => this.pipes.indexLength.transform(this.items(), this.formValue() as any));\n}\n\n@Component({\n standalone: true,\n imports: [\n DataAccessorPipe,\n AutoLayoutFrame,\n ChipsInputSectionOrganism,\n ScrollFrame,\n DividerFrame,\n GridToolbarOrganismStore,\n PaginatorOrganismStore,\n TableOrganismStore,\n SmartListOrganism,\n GridCardsSectionOrganism,\n SelectionListOrganism,\n NavigatorOrganismStore,\n FiltersSectionOrganism,\n HeaderMoleculeStore,\n SortByPipe,\n ],\n selector: 'templates-index',\n template: `\n <frames-scroll>\n <organisms-navigator injectable\n [startActions]=\"store.navStartActions()\"\n [endActions]=\"store.navEndActions()\"\n (action)=\"dispatch($event)\"\n navigator\n >\n <molecules-header injectable [title]=\"store.title()\" [description]=\"store.description()\"/>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n @switch(store.type()) {\n @case('list') {\n <organisms-smart-list\n [items]=\"store.items()\"\n [itemActions]=\"store.itemActions()\"\n [groupedBy]=\"store.groupedBy()\"\n [groupKeys]=\"store.groupKeys()\"\n (action)=\"dispatch($event)\"\n />\n }\n @case ('grid') {\n @defer {\n <organisms-grid-cards-section\n [items]=\"store.items()\"\n (action)=\"dispatch($event)\"\n contents\n />\n }\n }\n @default {\n @defer {\n <frames-divider>\n <ng-content first select=\"[dashboard]\" />\n <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n @if (store.gridToolbarActions() \|\| true) {\n @defer {\n <organisms-grid-toolbar injectable\n [actions]=\"store.gridToolbarActions()\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @if (store.form().get(['query'])) {\n <organisms-chips-input-section\n [control]=\"store.form().get(['query'])\"\n />\n }\n <organisms-table injectable\n [items]=\"store.items()\"\n [itemActions]=\"store.itemActions()\"\n [selection]=\"store.selection()\"\n [form]=\"store.form()\"\n [childrenKey]=\"store.tableChildrenKey()\"\n [highlight]=\"store.highlight()\"\n [isHidden]=\"store.tableIsHidden()\"\n [treeControl]=\"store.tableTreeControl()\"\n (action)=\"dispatch($event)\"\n />\n @if (store.form().get(['page'])) {\n @defer {\n <organisms-paginator injectable\n [form]=\"store.form().get(['page'])\"\n [itemLength]=\"store.itemsLength()\"\n [pageSizeOptions]=\"store.pageSizeOptions()\"\n />\n }\n }\n </div>\n </frames-divider>\n }\n }\n }\n </frames-auto-layout>\n </frames-scroll>\n `,\n styleUrls: ['./index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n hostDirectives: [\n {\n directive: IndexTemplateStore,\n inputs: [\n 'gridToolbarActions',\n 'tableChildrenKey',\n 'tableIsHidden',\n 'tableTreeControl',\n 'form',\n 'title',\n 'description',\n 'items',\n 'itemsLength',\n 'itemActions',\n 'navStartActions',\n 'navEndActions',\n 'groupedBy',\n 'groupKeys',\n 'selection',\n 'pageSizeOptions',\n 'type',\n 'highlight'\n ],\n outputs: [],\n }\n ],\n providers: [\n QueryResolverService,\n ],\n})\nexport class IndexTemplate<T> extends NgAtomicComponent {\n static ActionId = ActionId;\n protected ActionId = ActionId;\n protected store = inject(IndexTemplateStore);\n \n readonly dividerFrame = viewChild(DividerFrame);\n\n @Effect(TableOrganism.ActionId.HEADER_CLICK)\n protected onTableHeaderClick(column: string) {\n this.dispatch({id: ActionId.TABLE_HEADER_CLICK, payload: column});\n }\n\n @Effect(TableOrganism.ActionId.CHECKBOX_CLICK)\n protected onCheckboxClickItem(item: T) {\n console.debug('TEST!!!');\n this.dispatch({id: ActionId.TABLE_CHECKBOX_CLICK, payload: item});\n }\n\n @Effect(GridCardsSectionOrganism.ActionId.ITEM_CLICK)\n @Effect(SmartListOrganism.ActionId.CLICK_ITEM)\n protected onItemClicked(item: T) {\n this.dispatch({id: ActionId.ITEM_CLICK, payload: item});\n }\n\n @Effect(GridCardsSectionOrganism.ActionId.ITEM_MENU_CLICK)\n @Effect(SmartListOrganism.ActionId.ITEM_BUTTON_CLICK)\n protected onItemButtonClicked(item: T) {\n this.dispatch({id: ActionId.LIST_ITEM_BUTTON_CLICKED, payload: item});\n }\n\n @Effect(TableOrganismStore.ActionId.HEADER_CHECKBOX_CLICK)\n protected onHeaderCheckboxClick() {\n this.dispatch({id: ActionId.TABLE_HEADER_CHECKBOX_CLICK});\n }\n\n @Effect(NavActionId.BACK)\n protected back() {\n this.dispatch({id: ActionId.BACK});\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-templates-_index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/_index/index.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/_index/ng-atomic-components-templates-_index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, PLATFORM_ID, inject, input, viewChild } from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { HeaderMoleculeStore } from '@ng-atomic/components/molecules/header';\nimport { TableOrganism, TableOrganismStore, injectIndexForm } from '@ng-atomic/components/organisms/table';\nimport { SmartListOrganism } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorOrganismStore } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorOrganismStore } from '@ng-atomic/components/organisms/paginator';\nimport { Action, Actions, InjectableComponent, TokenizedType, _computed, computeFake } from '@ng-atomic/core';\nimport { GridToolbarOrganismStore } from '@ng-atomic/components/organisms/grid-toolbar';\nimport { FiltersSectionOrganism } from '@ng-atomic/components/organisms/filters-section';\nimport { DividerFrame } from '@ng-atomic/components/frames/divider';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { SelectionListOrganism } from '@ng-atomic/components/organisms/selection-list';\nimport { Effect, NgAtomicComponent } from '@ng-atomic/core';\nimport { QueryResolverService } from '@ng-atomic/common/services/query-resolver';\nimport { NavActionId, UIContext, call, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { IndexPipe } from '@ng-atomic/common/pipes/index';\nimport { IndexLengthPipe } from '@ng-atomic/common/pipes/index-length';\nimport { SortByPipe } from '@ng-atomic/common/pipes/sort-by';\nimport { GridCardsSectionOrganism } from '@ng-atomic/components/organisms/grid-cards-section';\nimport { injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { FormGroup } from '@angular/forms';\nimport { computedRawValue } from '@ng-atomic/common/utils';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { ChipsInputSectionOrganism } from '@ng-atomic/components/organisms/chips-input-section';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/index] Back',\n TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/index] Table Header Click',\n TABLE_HEADER_CHECKBOX_CLICK = '[@ng-atomic/components/templates/index] Table Header Checkbox Click',\n TABLE_CHECKBOX_CLICK = '[@ng-atomic/components/templates/index] Table Checkbox Click',\n ITEM_CLICK = '[@ng-atomic/components/templates/index] Item Click',\n DETAIL = '[@ng-atomic/components/templates/index] Detail',\n LIST_ITEM_BUTTON_CLICKED = '[@ng-atomic/components/templates/index] List Item Button Clicked',\n TOGGLE_TYPE = '[@ng-atomic/components/templates/index] Toggle Type',\n}\n\nexport interface IndexTemplateConfig<T extends {id: string} = any> {\n form: FormGroup;\n gridToolbarActions: Action[];\n navStartActions: Actions;\n navEndActions: Actions;\n itemActions: Actions;\n title: string;\n description: string;\n items: T[]\n tableChildrenKey: keyof T;\n groupedBy: keyof T \| null;\n groupKeys: string[];\n type: 'list' \| 'table' \| 'grid';\n toggleActions: Actions;\n pageSizeOptions: number[];\n width: string;\n selection: SelectionModel<string>;\n highlight: SelectionModel<string>;\n}\n\nexport function getType(context: UIContext) {\n switch (context.breakpoint) {\n case 'xSmall': return 'list';\n case 'small': return 'table';\n case 'medium': return 'table';\n case 'large': return 'table';\n case 'xLarge': return 'table';\n default: return 'table';\n }\n}\n\n@TokenizedType()\n@Directive({\n standalone: true,\n selector: 'templates-index',\n providers: [\n IndexPipe,\n IndexLengthPipe,\n ],\n})\nexport class IndexTemplateStore<T extends {id: string}> extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n const modelName = injectModelName();\n function getWidth(context: UIContext) {\n switch (context.breakpoint) {\n case 'xSmall': return 'var(--page-width-lv1)'\n case 'small':\n case 'medium':\n case 'large':\n case 'xLarge':\n default: return 'var(--page-width-lv2)';\n }\n }\n const form = injectIndexForm();\n const navStartActions = injectNavStartActions();\n \n return () => ({\n form,\n toggleActions: [\n { id: ActionId.TOGGLE_TYPE, icon: 'grid_view', payload: 'grid' },\n { id: ActionId.TOGGLE_TYPE, icon: 'list', payload: 'list' },\n { id: ActionId.TOGGLE_TYPE, icon: 'table', payload: 'table' },\n ] as Action[],\n gridToolbarActions: [] as Action[],\n tableChildrenKey: null as string,\n tableIsHidden: (item: any) => false,\n tableTreeControl: new FlatTreeControl<any>(n => n.level, n => n.isExpandable),\n itemActions: (item) => [{id: ActionId.DETAIL, icon: 'open_in_new', payload: item}],\n items: [],\n itemsLength: 0,\n title: `${modelName()}一覧`,\n description: ``,\n navStartActions: navStartActions(),\n navEndActions: [],\n groupedBy: null,\n groupKeys: [],\n type: <'table' \| 'list' \| 'grid'>'table',\n pageSizeOptions: [5, 10, 25, 100],\n selection: new SelectionModel<string>(true, []),\n highlight: new SelectionModel<string>(true, []),\n queryLabel: 'フィルター',\n });\n }, ['components', 'templates', 'index']);\n static provideTypeConfig() {\n return IndexTemplateStore.Config.provide(() => {\n return (config, context) => ({\n ...config,\n type: getType(context),\n });\n });\n }\n\n readonly config = IndexTemplateStore.Config.inject();\n readonly isPlatformServer = isPlatformServer(inject(PLATFORM_ID));\n readonly form = input(_computed(() => this.config().form));\n readonly gridToolbarActions = input(_computed(() => this.config().gridToolbarActions));\n readonly toggleActions = input(_computed(() => this.config().toggleActions));\n readonly tableChildrenKey = input(_computed(() => this.config().tableChildrenKey));\n readonly tableIsHidden = input(_computed(() => this.config().tableIsHidden));\n readonly tableTreeControl = input(_computed(() => this.config().tableTreeControl));\n readonly itemActions = input(_computed(() => this.config().itemActions));\n readonly title = input(_computed(() => this.config().title));\n readonly description = input(_computed(() => this.config().description));\n readonly items = input<T[]>(_computed(() => this.config().items));\n readonly itemsLength = input(_computed(() => this.config().itemsLength));\n readonly navStartActions = input(_computed(() => this.config().navStartActions));\n readonly navEndActions = input(_computed(() => this.config().navEndActions));\n readonly groupedBy = input(_computed(() => this.config().groupedBy));\n readonly groupKeys = input(_computed(() => this.config().groupKeys));\n readonly pageSizeOptions = input(_computed(() => this.config().pageSizeOptions));\n readonly type = input(_computed(() => this.config().type));\n readonly selection = input(_computed(() => this.config().selection));\n readonly highlight = input(_computed(() => this.config().highlight));\n readonly queryLabel = input(_computed(() => this.config().queryLabel));\n readonly form$ = toObservable(computeFake(this.form));\n readonly formValue = computedRawValue(() => call(this.form()));\n readonly pipes = { index: inject(IndexPipe), indexLength: inject(IndexLengthPipe)};\n // readonly itemsSize = computed(() => this.pipes.indexLength.transform(this.items(), this.formValue() as any));\n}\n\n@Component({\n standalone: true,\n imports: [\n DataAccessorPipe,\n AutoLayoutFrame,\n ChipsInputSectionOrganism,\n ScrollFrame,\n DividerFrame,\n GridToolbarOrganismStore,\n PaginatorOrganismStore,\n TableOrganismStore,\n SmartListOrganism,\n GridCardsSectionOrganism,\n SelectionListOrganism,\n NavigatorOrganismStore,\n FiltersSectionOrganism,\n HeaderMoleculeStore,\n SortByPipe,\n ],\n selector: 'templates-index',\n template: `\n <frames-scroll>\n <organisms-navigator injectable\n [startActions]=\"store.navStartActions()\"\n [endActions]=\"store.navEndActions()\"\n (action)=\"dispatch($event)\"\n navigator\n >\n <molecules-header injectable [title]=\"store.title()\" [description]=\"store.description()\"/>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n @switch(store.type()) {\n @case('list') {\n <organisms-smart-list\n [items]=\"store.items()\"\n [itemActions]=\"store.itemActions()\"\n [groupedBy]=\"store.groupedBy()\"\n [groupKeys]=\"store.groupKeys()\"\n (action)=\"dispatch($event)\"\n />\n }\n @case ('grid') {\n @defer {\n <organisms-grid-cards-section\n [items]=\"store.items()\"\n (action)=\"dispatch($event)\"\n contents\n />\n }\n }\n @default {\n @defer {\n <frames-divider>\n <ng-content first select=\"[dashboard]\" />\n <div style=\"display: flex; flex-direction: column; width: 100%; height: 100%;\" second>\n @if (store.gridToolbarActions() \|\| true) {\n @defer {\n <organisms-grid-toolbar injectable\n [actions]=\"store.gridToolbarActions()\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @if (store.form().get(['query'])) {\n <organisms-chips-input-section\n [control]=\"store.form().get(['query'])\"\n [label]=\"store.queryLabel()\"\n />\n }\n <organisms-table injectable\n [items]=\"store.items()\"\n [itemActions]=\"store.itemActions()\"\n [selection]=\"store.selection()\"\n [form]=\"store.form()\"\n [childrenKey]=\"store.tableChildrenKey()\"\n [highlight]=\"store.highlight()\"\n [isHidden]=\"store.tableIsHidden()\"\n [treeControl]=\"store.tableTreeControl()\"\n (action)=\"dispatch($event)\"\n />\n @if (store.form().get(['page'])) {\n @defer {\n <organisms-paginator injectable\n [form]=\"store.form().get(['page'])\"\n [itemLength]=\"store.itemsLength()\"\n [pageSizeOptions]=\"store.pageSizeOptions()\"\n />\n }\n }\n </div>\n </frames-divider>\n }\n }\n }\n </frames-auto-layout>\n </frames-scroll>\n `,\n styleUrls: ['./index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n hostDirectives: [\n {\n directive: IndexTemplateStore,\n inputs: [\n 'gridToolbarActions',\n 'tableChildrenKey',\n 'tableIsHidden',\n 'tableTreeControl',\n 'form',\n 'title',\n 'description',\n 'items',\n 'itemsLength',\n 'itemActions',\n 'navStartActions',\n 'navEndActions',\n 'groupedBy',\n 'groupKeys',\n 'selection',\n 'pageSizeOptions',\n 'type',\n 'highlight',\n 'queryLabel',\n ],\n outputs: [],\n }\n ],\n providers: [\n QueryResolverService,\n ],\n})\nexport class IndexTemplate<T> extends NgAtomicComponent {\n static ActionId = ActionId;\n protected ActionId = ActionId;\n protected store = inject(IndexTemplateStore);\n \n readonly dividerFrame = viewChild(DividerFrame);\n\n @Effect(TableOrganism.ActionId.HEADER_CLICK)\n protected onTableHeaderClick(column: string) {\n this.dispatch({id: ActionId.TABLE_HEADER_CLICK, payload: column});\n }\n\n @Effect(TableOrganism.ActionId.CHECKBOX_CLICK)\n protected onCheckboxClickItem(item: T) {\n this.dispatch({id: ActionId.TABLE_CHECKBOX_CLICK, payload: item});\n }\n\n @Effect(GridCardsSectionOrganism.ActionId.ITEM_CLICK)\n @Effect(SmartListOrganism.ActionId.CLICK_ITEM)\n protected onItemClicked(item: T) {\n this.dispatch({id: ActionId.ITEM_CLICK, payload: item});\n }\n\n @Effect(GridCardsSectionOrganism.ActionId.ITEM_MENU_CLICK)\n @Effect(SmartListOrganism.ActionId.ITEM_BUTTON_CLICK)\n protected onItemButtonClicked(item: T) {\n this.dispatch({id: ActionId.LIST_ITEM_BUTTON_CLICKED, payload: item});\n }\n\n @Effect(TableOrganismStore.ActionId.HEADER_CHECKBOX_CLICK)\n protected onHeaderCheckboxClick() {\n this.dispatch({id: ActionId.TABLE_HEADER_CHECKBOX_CLICK});\n }\n\n @Effect(NavActionId.BACK)\n protected back() {\n this.dispatch({id: ActionId.BACK});\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-templates-background.mjs CHANGED Viewed

@@ -19,13 +19,13 @@ class BackgroundTemplate {
         this.store = inject(BackgroundTemplateStore);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: BackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: BackgroundTemplate, isStandalone: true, selector: "templates-background", hostDirectives: [{ directive: BackgroundTemplateStore }], ngImport: i0, template: ``, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-mXlZ: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-mXlZ: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-mXlZ);color:var(--on-background-color-SCOPED-IN-background-mXlZ)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: BackgroundTemplate, isStandalone: true, selector: "templates-background", hostDirectives: [{ directive: BackgroundTemplateStore }], ngImport: i0, template: ``, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-5OPo: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-5OPo: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-5OPo);color:var(--on-background-color-SCOPED-IN-background-5OPo)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: BackgroundTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-background', standalone: true, imports: [], template: ``, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         BackgroundTemplateStore,
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-mXlZ: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-mXlZ: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-mXlZ);color:var(--on-background-color-SCOPED-IN-background-mXlZ)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-5OPo: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-5OPo: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-5OPo);color:var(--on-background-color-SCOPED-IN-background-5OPo)}\n"] }]
         }] });
 /**

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

@@ -97,7 +97,7 @@ class ColumnsTemplate extends NgAtomicComponent {
       </mat-list>
     </div>
   </frames-scroll>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-TYmE: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-TYmE: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-TYmE: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-TYmE: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-TYmE: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-TYmE: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-TYmE: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-TYmE: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-TYmE: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-TYmE: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-TYmE);--navigator-background-color-SCOPED-IN-columns-TYmE: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--navigator-on-background-color-SCOPED-IN-columns-TYmE: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-TYmE);color:var(--on-background-color-SCOPED-IN-columns-TYmE)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-TYmE);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-TYmE)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-TYmE)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-TYmE)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-TYmE);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--surface-color: var(--surface-color-SCOPED-IN-columns-TYmE);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-TYmE);--background-color: var(--background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--on-background-color-SCOPED-IN-columns-TYmE)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: DomainPipe, name: "domain" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-Qxmg: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-Qxmg: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-Qxmg: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-Qxmg: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-Qxmg: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-Qxmg: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-Qxmg: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-Qxmg: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-Qxmg: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-Qxmg: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-Qxmg);--navigator-background-color-SCOPED-IN-columns-Qxmg: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-Qxmg);--navigator-on-background-color-SCOPED-IN-columns-Qxmg: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-Qxmg);color:var(--on-background-color-SCOPED-IN-columns-Qxmg)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-Qxmg);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-Qxmg)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-Qxmg)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-Qxmg);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-Qxmg)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-Qxmg);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-Qxmg);--surface-color: var(--surface-color-SCOPED-IN-columns-Qxmg);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-Qxmg);--background-color: var(--background-color-SCOPED-IN-columns-Qxmg);--on-background-color: var(--on-background-color-SCOPED-IN-columns-Qxmg)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: DomainPipe, name: "domain" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsTemplate, decorators: [{
             type: Component,
@@ -150,7 +150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                                 'actions',
                             ],
                         },
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-TYmE: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-TYmE: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-TYmE: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-TYmE: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-TYmE: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-TYmE: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-TYmE: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-TYmE: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-TYmE: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-TYmE: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-TYmE);--navigator-background-color-SCOPED-IN-columns-TYmE: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--navigator-on-background-color-SCOPED-IN-columns-TYmE: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-TYmE);color:var(--on-background-color-SCOPED-IN-columns-TYmE)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-TYmE);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-TYmE)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-TYmE)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-TYmE)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-TYmE);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--surface-color: var(--surface-color-SCOPED-IN-columns-TYmE);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-TYmE);--background-color: var(--background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--on-background-color-SCOPED-IN-columns-TYmE)}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-Qxmg: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-Qxmg: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-Qxmg: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-Qxmg: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-Qxmg: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-Qxmg: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-Qxmg: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-Qxmg: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-Qxmg: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-Qxmg: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-Qxmg);--navigator-background-color-SCOPED-IN-columns-Qxmg: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-Qxmg);--navigator-on-background-color-SCOPED-IN-columns-Qxmg: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-Qxmg);color:var(--on-background-color-SCOPED-IN-columns-Qxmg)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-Qxmg);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-Qxmg)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-Qxmg)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-Qxmg);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-Qxmg)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-Qxmg);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-Qxmg);--surface-color: var(--surface-color-SCOPED-IN-columns-Qxmg);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-Qxmg);--background-color: var(--background-color-SCOPED-IN-columns-Qxmg);--on-background-color: var(--on-background-color-SCOPED-IN-columns-Qxmg)}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-templates-entrance.mjs CHANGED Viewed

@@ -77,7 +77,7 @@ class EntranceTemplate extends NgAtomicComponent {
       }
     </frames-auto-layout>
   </frames-card>
-  `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-B3QG: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-B3QG: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-B3QG: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-B3QG: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-B3QG);color:var(--on-background-color-SCOPED-IN-entrance-B3QG);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-B3QG)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-B3QG)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/organisms/action-buttons-section').then(m => m.ActionButtonsSectionOrganism)]] }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-X2UR: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-X2UR: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-X2UR: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-X2UR: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-X2UR);color:var(--on-background-color-SCOPED-IN-entrance-X2UR);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-X2UR)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-X2UR)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/organisms/action-buttons-section').then(m => m.ActionButtonsSectionOrganism)]] }); }
 }
 i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ngImport: i0, type: EntranceTemplate, resolveDeferredDeps: () => [import('@ng-atomic/components/organisms/action-buttons-section').then(m => m.ActionButtonsSectionOrganism)], resolveMetadata: ActionButtonsSectionOrganism => ({ decorators: [{
                 type: Component,
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ng
                                 directive: EntranceTemplateStore,
                                 inputs: ['form', 'actions', 'title'],
                             },
-                        ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-B3QG: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-B3QG: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-B3QG: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-B3QG: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-B3QG);color:var(--on-background-color-SCOPED-IN-entrance-B3QG);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-B3QG)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-B3QG)}\n"] }]
+                        ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-X2UR: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-X2UR: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-X2UR: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-X2UR: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-X2UR);color:var(--on-background-color-SCOPED-IN-entrance-X2UR);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-X2UR)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-X2UR)}\n"] }]
             }], ctorParameters: null, propDecorators: null }) });
 /**

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

@@ -511,7 +511,7 @@ class FormTemplate extends NgAtomicComponent {
       />
     </frames-auto-layout>
   </frames-scroll>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-lif5: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-lif5: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-lif5: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-lif5: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-lif5: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-lif5: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-lif5: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-lif5: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-lif5: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-lif5: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-lif5);--navigator-background-color-SCOPED-IN-form-lif5: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-lif5);--navigator-on-background-color-SCOPED-IN-form-lif5: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-lif5);color:var(--on-background-color-SCOPED-IN-form-lif5)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-form-lif5);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-lif5)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-lif5)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-lif5);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-lif5)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-lif5);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-lif5);--surface-color: var(--surface-color-SCOPED-IN-form-lif5);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-lif5);--background-color: var(--background-color-SCOPED-IN-form-lif5);--on-background-color: var(--on-background-color-SCOPED-IN-form-lif5)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-exiS: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-exiS: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-exiS: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-exiS: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-exiS: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-exiS: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-exiS: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-exiS: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-exiS: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-exiS: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-exiS);--navigator-background-color-SCOPED-IN-form-exiS: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-exiS);--navigator-on-background-color-SCOPED-IN-form-exiS: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-exiS);color:var(--on-background-color-SCOPED-IN-form-exiS)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-form-exiS);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-exiS)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-exiS)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-exiS);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-exiS)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-exiS);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-exiS);--surface-color: var(--surface-color-SCOPED-IN-form-exiS);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-exiS);--background-color: var(--background-color-SCOPED-IN-form-exiS);--on-background-color: var(--on-background-color-SCOPED-IN-form-exiS)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(NavActionId.BACK),
@@ -564,7 +564,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                                 'fieldMap',
                             ],
                         },
-                    ], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-lif5: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-lif5: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-lif5: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-lif5: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-lif5: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-lif5: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-lif5: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-lif5: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-lif5: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-lif5: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-lif5);--navigator-background-color-SCOPED-IN-form-lif5: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-lif5);--navigator-on-background-color-SCOPED-IN-form-lif5: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-lif5);color:var(--on-background-color-SCOPED-IN-form-lif5)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-form-lif5);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-lif5)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-lif5)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-lif5);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-lif5)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-lif5);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-lif5);--surface-color: var(--surface-color-SCOPED-IN-form-lif5);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-lif5);--background-color: var(--background-color-SCOPED-IN-form-lif5);--on-background-color: var(--on-background-color-SCOPED-IN-form-lif5)}\n"] }]
+                    ], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-exiS: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-exiS: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-exiS: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-exiS: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-exiS: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-exiS: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-exiS: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-exiS: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-exiS: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-exiS: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-exiS);--navigator-background-color-SCOPED-IN-form-exiS: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-exiS);--navigator-on-background-color-SCOPED-IN-form-exiS: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-exiS);color:var(--on-background-color-SCOPED-IN-form-exiS)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-form-exiS);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-exiS)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-exiS)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-exiS);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-exiS)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-exiS);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-exiS);--surface-color: var(--surface-color-SCOPED-IN-form-exiS);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-exiS);--background-color: var(--background-color-SCOPED-IN-form-exiS);--on-background-color: var(--on-background-color-SCOPED-IN-form-exiS)}\n"] }]
         }], propDecorators: { back: [] } });
 /**

package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs CHANGED Viewed

@@ -34,7 +34,7 @@ class IconButtonMenuTemplate extends NgAtomicComponent {
         <mat-icon>{{ action.icon }}</mat-icon>
       </button>
     }
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-fMti: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-fMti: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-fMti: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-fMti: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-fMti: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-fMti: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-fMti);color:var(--on-background-color-SCOPED-IN-icon-button-menu-fMti)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-fMti)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-Jqi5: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-Jqi5: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-Jqi5: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-Jqi5: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-Jqi5: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-Jqi5: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-Jqi5);color:var(--on-background-color-SCOPED-IN-icon-button-menu-Jqi5)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-Jqi5)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
             type: Component,
@@ -52,7 +52,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: IconButtonMenuTemplateStore,
                             inputs: ['actions'],
                         },
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-fMti: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-fMti: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-fMti: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-fMti: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-fMti: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-fMti: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-fMti);color:var(--on-background-color-SCOPED-IN-icon-button-menu-fMti)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-fMti)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-Jqi5: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-Jqi5: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-Jqi5: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-Jqi5: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-Jqi5: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-Jqi5: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-Jqi5);color:var(--on-background-color-SCOPED-IN-icon-button-menu-Jqi5)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-Jqi5)}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-templates-menu.mjs CHANGED Viewed

@@ -37,7 +37,7 @@ class MenuTemplate extends NgAtomicComponent {
     />
   </div>
   <organisms-menu-footer injectable/>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-u1Mn: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-u1Mn: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-u1Mn: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-u1Mn: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-u1Mn: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-u1Mn: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-u1Mn: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-u1Mn: var(--width);--height: 100%;--height-SCOPED-IN-menu-u1Mn: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-u1Mn);height:var(--height-SCOPED-IN-menu-u1Mn);color:var(--on-background-color-SCOPED-IN-menu-u1Mn);background-color:var(--background-color-SCOPED-IN-menu-u1Mn);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-u1Mn);--background-color: var(--background-color-SCOPED-IN-menu-u1Mn);--surface-color: var(--surface-color-SCOPED-IN-menu-u1Mn);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-u1Mn);--on-background-color: var(--on-background-color-SCOPED-IN-menu-u1Mn);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-u1Mn)}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions", "type"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-4zkR: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-4zkR: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-4zkR: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-4zkR: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-4zkR: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-4zkR: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-4zkR: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-4zkR: var(--width);--height: 100%;--height-SCOPED-IN-menu-4zkR: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-4zkR);height:var(--height-SCOPED-IN-menu-4zkR);color:var(--on-background-color-SCOPED-IN-menu-4zkR);background-color:var(--background-color-SCOPED-IN-menu-4zkR);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-4zkR);--background-color: var(--background-color-SCOPED-IN-menu-4zkR);--surface-color: var(--surface-color-SCOPED-IN-menu-4zkR);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-4zkR);--on-background-color: var(--on-background-color-SCOPED-IN-menu-4zkR);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-4zkR)}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions", "type"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuTemplate, decorators: [{
             type: Component,
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: MenuTemplateStore,
                             inputs: ['actions', 'title'],
                         },
-                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-u1Mn: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-u1Mn: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-u1Mn: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-u1Mn: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-u1Mn: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-u1Mn: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-u1Mn: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-u1Mn: var(--width);--height: 100%;--height-SCOPED-IN-menu-u1Mn: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-u1Mn);height:var(--height-SCOPED-IN-menu-u1Mn);color:var(--on-background-color-SCOPED-IN-menu-u1Mn);background-color:var(--background-color-SCOPED-IN-menu-u1Mn);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-u1Mn);--background-color: var(--background-color-SCOPED-IN-menu-u1Mn);--surface-color: var(--surface-color-SCOPED-IN-menu-u1Mn);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-u1Mn);--on-background-color: var(--on-background-color-SCOPED-IN-menu-u1Mn);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-u1Mn)}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-4zkR: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-4zkR: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-4zkR: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-4zkR: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-4zkR: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-4zkR: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-4zkR: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-4zkR: var(--width);--height: 100%;--height-SCOPED-IN-menu-4zkR: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-4zkR);height:var(--height-SCOPED-IN-menu-4zkR);color:var(--on-background-color-SCOPED-IN-menu-4zkR);background-color:var(--background-color-SCOPED-IN-menu-4zkR);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-4zkR);--background-color: var(--background-color-SCOPED-IN-menu-4zkR);--surface-color: var(--surface-color-SCOPED-IN-menu-4zkR);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-4zkR);--on-background-color: var(--on-background-color-SCOPED-IN-menu-4zkR);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-4zkR)}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-templates-selection.mjs CHANGED Viewed

@@ -70,7 +70,7 @@ class SelectionTemplate extends NgAtomicComponent {
       bottom
     />
   </frames-scroll>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-eJw7: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-eJw7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-eJw7: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-eJw7: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-eJw7: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-eJw7: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-eJw7: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-eJw7: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-eJw7: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-eJw7);--navigator-background-color-SCOPED-IN-selection-eJw7: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--navigator-on-background-color-SCOPED-IN-selection-eJw7: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-eJw7: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-eJw7: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-eJw7);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-eJw7);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-eJw7)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-eJw7);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--surface-color: var(--surface-color-SCOPED-IN-selection-eJw7);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-eJw7);--background-color: var(--background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--on-background-color-SCOPED-IN-selection-eJw7)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-eJw7)}:host organisms-action-buttons-section{margin-bottom:24px}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "component", type: HeaderMolecule, selector: "molecules-header" }, { kind: "component", type: SelectionListOrganism, selector: "organisms-selection-list", inputs: ["items", "itemActions", "selection"] }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-9FOm: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-9FOm: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-9FOm: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-9FOm: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-9FOm: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-9FOm: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-9FOm: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-9FOm: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-9FOm: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-9FOm);--navigator-background-color-SCOPED-IN-selection-9FOm: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-9FOm);--navigator-on-background-color-SCOPED-IN-selection-9FOm: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-9FOm: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-9FOm: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-9FOm);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-9FOm);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-9FOm)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-9FOm);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-9FOm);--surface-color: var(--surface-color-SCOPED-IN-selection-9FOm);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-9FOm);--background-color: var(--background-color-SCOPED-IN-selection-9FOm);--on-background-color: var(--on-background-color-SCOPED-IN-selection-9FOm)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-9FOm);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-9FOm)}:host organisms-action-buttons-section{margin-bottom:24px}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "component", type: HeaderMolecule, selector: "molecules-header" }, { kind: "component", type: SelectionListOrganism, selector: "organisms-selection-list", inputs: ["items", "itemActions", "selection"] }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(SelectionListOrganism.ActionId.TOGGLE_OPTION),
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: SelectionTemplateStore,
                             inputs: ['navStartActions', 'navEndActions', 'actions', 'itemActions', 'title', 'items', 'selection'],
                         },
-                    ], host: { class: 'template' }, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-eJw7: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-eJw7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-eJw7: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-eJw7: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-eJw7: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-eJw7: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-eJw7: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-eJw7: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-eJw7: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-eJw7);--navigator-background-color-SCOPED-IN-selection-eJw7: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--navigator-on-background-color-SCOPED-IN-selection-eJw7: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-eJw7: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-eJw7: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-eJw7);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-eJw7);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-eJw7)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-eJw7);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--surface-color: var(--surface-color-SCOPED-IN-selection-eJw7);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-eJw7);--background-color: var(--background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--on-background-color-SCOPED-IN-selection-eJw7)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-eJw7)}:host organisms-action-buttons-section{margin-bottom:24px}\n"] }]
+                    ], host: { class: 'template' }, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-9FOm: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-9FOm: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-9FOm: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-9FOm: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-9FOm: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-9FOm: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-9FOm: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-9FOm: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-9FOm: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-9FOm);--navigator-background-color-SCOPED-IN-selection-9FOm: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-9FOm);--navigator-on-background-color-SCOPED-IN-selection-9FOm: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-9FOm: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-9FOm: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-9FOm);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-9FOm);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-9FOm)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-9FOm);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-9FOm);--surface-color: var(--surface-color-SCOPED-IN-selection-9FOm);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-9FOm);--background-color: var(--background-color-SCOPED-IN-selection-9FOm);--on-background-color: var(--on-background-color-SCOPED-IN-selection-9FOm)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-9FOm);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-9FOm)}:host organisms-action-buttons-section{margin-bottom:24px}\n"] }]
         }], propDecorators: { toggleOption: [] } });
 /**

package/fesm2022/ng-atomic-components-templates-settings.mjs CHANGED Viewed

@@ -65,7 +65,7 @@ class SettingsTemplate extends NgAtomicComponent {
       </mat-list-item>
     </mat-list>
     </div>
-  </frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-luze: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-luze: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-luze: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-luze: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-luze: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-luze: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-luze: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--navigator-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--navigator-on-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-luze);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-luze);--background-color: var(--background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-luze)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-luze)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-Mrvd: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-Mrvd: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-Mrvd: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-Mrvd: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-Mrvd: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-Mrvd: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-Mrvd: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-Mrvd);--navigator-background-color-SCOPED-IN-%COMP%-Mrvd: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mrvd);--navigator-on-background-color-SCOPED-IN-%COMP%-Mrvd: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-Mrvd);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mrvd);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-Mrvd);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-Mrvd);--background-color: var(--background-color-SCOPED-IN-%COMP%-Mrvd);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-Mrvd)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-Mrvd);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-Mrvd)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SettingsTemplate, decorators: [{
             type: Component,
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
     </div>
   </frames-scroll>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'template'
-                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-luze: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-luze: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-luze: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-luze: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-luze: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-luze: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-luze: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--navigator-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--navigator-on-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-luze);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-luze);--background-color: var(--background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-luze)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-luze)}\n"] }]
+                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-Mrvd: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-Mrvd: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-Mrvd: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-Mrvd: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-Mrvd: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-Mrvd: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-Mrvd: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-Mrvd);--navigator-background-color-SCOPED-IN-%COMP%-Mrvd: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mrvd);--navigator-on-background-color-SCOPED-IN-%COMP%-Mrvd: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-Mrvd);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mrvd);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-Mrvd);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-Mrvd);--background-color: var(--background-color-SCOPED-IN-%COMP%-Mrvd);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-Mrvd)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-Mrvd);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-Mrvd)}\n"] }]
         }] });
 /**

package/frames/divider/divider.frame.d.ts CHANGED Viewed

@@ -13,6 +13,7 @@ export declare class DividerFrame extends NgAtomicComponent {
     protected firstContentHeight: number;
     readonly firstContent: Signal<ElementRef<HTMLDivElement>>;
     readonly divider: Signal<ElementRef<HTMLDivElement>>;
+    readonly dragging: import("@angular/core").WritableSignal<boolean>;
     protected onDragStart($event: CdkDragStart): void;
     protected onDragMoved($event: CdkDragMove): void;
     protected onDragEnd($event: CdkDragMove): void;

package/molecules/tree-column/tree-column.molecule.d.ts CHANGED Viewed

@@ -6,8 +6,9 @@ export declare class TreeColumnMoleculeStore {
     readonly headerText: import("@angular/core").InputSignal<string>;
     readonly sort: import("@angular/core").InputSignal<"asc" | "desc" | "none">;
     readonly treeControl: import("@angular/core").InputSignal<FlatTreeControl<any, any>>;
+    readonly width: import("@angular/core").InputSignal<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeColumnMoleculeStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TreeColumnMoleculeStore, "molecules-tree-column", never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "treeControl": { "alias": "treeControl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TreeColumnMoleculeStore, "molecules-tree-column", never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "treeControl": { "alias": "treeControl"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class TreeColumnMolecule<T> extends MatTextColumn<T> {
     protected store: TreeColumnMoleculeStore;
@@ -15,5 +16,5 @@ export declare class TreeColumnMolecule<T> extends MatTextColumn<T> {
     text: string;
     copied(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeColumnMolecule<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeColumnMolecule<any>, "molecules-tree-column", never, {}, { "headerClick": "headerClick"; }, never, never, true, [{ directive: typeof TreeColumnMoleculeStore; inputs: { "headerText": "headerText"; "sort": "sort"; "treeControl": "treeControl"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeColumnMolecule<any>, "molecules-tree-column", never, {}, { "headerClick": "headerClick"; }, never, never, true, [{ directive: typeof TreeColumnMoleculeStore; inputs: { "headerText": "headerText"; "sort": "sort"; "treeControl": "treeControl"; "width": "width"; }; outputs: {}; }]>;
 }

package/organisms/chips-input-section/chips-input-section.organism.d.ts CHANGED Viewed

@@ -3,11 +3,15 @@ import { InjectableComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class ChipsInputSectionOrganismStore extends InjectableComponent {
     readonly control: import("@angular/core").InputSignal<FormControl<string>>;
+    readonly appearance: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly hint: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsInputSectionOrganismStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ChipsInputSectionOrganismStore, "organisms-chips-input-section", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ChipsInputSectionOrganismStore, "organisms-chips-input-section", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class ChipsInputSectionOrganism {
     protected store: ChipsInputSectionOrganismStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsInputSectionOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsInputSectionOrganism, "organisms-chips-input-section", never, {}, {}, never, never, true, [{ directive: typeof ChipsInputSectionOrganismStore; inputs: { "control": "control"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsInputSectionOrganism, "organisms-chips-input-section", never, {}, {}, never, never, true, [{ directive: typeof ChipsInputSectionOrganismStore; inputs: { "control": "control"; "appearance": "appearance"; "placeholder": "placeholder"; "label": "label"; "hint": "hint"; }; outputs: {}; }]>;
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ng-atomic/components",
-  "version": "18.0.0",
+  "version": "18.1.0",
   "license": "MIT",
   "peerDependencies": {
     "@angular/animations": "^18.0.0",
@@ -17,7 +17,7 @@
     "@codemirror/state": "^6.0.0",
     "@codemirror/theme-one-dark": "^6.0.0",
     "@codemirror/view": "^6.0.0",
-    "@ng-atomic/common": "18.0.0",
+    "@ng-atomic/common": "18.1.0",
     "@webcontainer/api": "^1.1.7",
     "cm6-graphql": "^0.0.4",
     "codemirror": "^6.0.0",

package/templates/_index/index.template.d.ts CHANGED Viewed

@@ -84,6 +84,7 @@ export declare class IndexTemplateStore<T extends {
             pageSizeOptions: number[];
             selection: SelectionModel<string>;
             highlight: SelectionModel<string>;
+            queryLabel: string;
         }>, label?: string): import("@angular/core").Provider;
         inject(): import("@angular/core").Signal<{
             form: FormGroup<{
@@ -124,6 +125,7 @@ export declare class IndexTemplateStore<T extends {
             pageSizeOptions: number[];
             selection: SelectionModel<string>;
             highlight: SelectionModel<string>;
+            queryLabel: string;
         }>;
     };
     static provideTypeConfig(): import("@angular/core").Provider;
@@ -166,6 +168,7 @@ export declare class IndexTemplateStore<T extends {
         pageSizeOptions: number[];
         selection: SelectionModel<string>;
         highlight: SelectionModel<string>;
+        queryLabel: string;
     }>;
     readonly isPlatformServer: boolean;
     readonly form: import("@angular/core").InputSignal<FormGroup<{
@@ -206,6 +209,7 @@ export declare class IndexTemplateStore<T extends {
     readonly type: import("@angular/core").InputSignal<"list" | "table" | "grid">;
     readonly selection: import("@angular/core").InputSignal<SelectionModel<string>>;
     readonly highlight: import("@angular/core").InputSignal<SelectionModel<string>>;
+    readonly queryLabel: import("@angular/core").InputSignal<string>;
     readonly form$: import("rxjs").Observable<unknown>;
     readonly formValue: import("@angular/core").Signal<Partial<{
         query: string;
@@ -228,7 +232,7 @@ export declare class IndexTemplateStore<T extends {
         indexLength: IndexLengthPipe<any>;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<IndexTemplateStore<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IndexTemplateStore<any>, "templates-index", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "gridToolbarActions": { "alias": "gridToolbarActions"; "required": false; "isSignal": true; }; "toggleActions": { "alias": "toggleActions"; "required": false; "isSignal": true; }; "tableChildrenKey": { "alias": "tableChildrenKey"; "required": false; "isSignal": true; }; "tableIsHidden": { "alias": "tableIsHidden"; "required": false; "isSignal": true; }; "tableTreeControl": { "alias": "tableTreeControl"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemsLength": { "alias": "itemsLength"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "groupedBy": { "alias": "groupedBy"; "required": false; "isSignal": true; }; "groupKeys": { "alias": "groupKeys"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IndexTemplateStore<any>, "templates-index", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "gridToolbarActions": { "alias": "gridToolbarActions"; "required": false; "isSignal": true; }; "toggleActions": { "alias": "toggleActions"; "required": false; "isSignal": true; }; "tableChildrenKey": { "alias": "tableChildrenKey"; "required": false; "isSignal": true; }; "tableIsHidden": { "alias": "tableIsHidden"; "required": false; "isSignal": true; }; "tableTreeControl": { "alias": "tableTreeControl"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemsLength": { "alias": "itemsLength"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "groupedBy": { "alias": "groupedBy"; "required": false; "isSignal": true; }; "groupKeys": { "alias": "groupKeys"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "queryLabel": { "alias": "queryLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class IndexTemplate<T> extends NgAtomicComponent {
     static ActionId: typeof ActionId;
@@ -242,5 +246,5 @@ export declare class IndexTemplate<T> extends NgAtomicComponent {
     protected onHeaderCheckboxClick(): void;
     protected back(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IndexTemplate<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IndexTemplate<any>, "templates-index", never, {}, {}, never, ["[dashboard]"], true, [{ directive: typeof IndexTemplateStore; inputs: { "gridToolbarActions": "gridToolbarActions"; "tableChildrenKey": "tableChildrenKey"; "tableIsHidden": "tableIsHidden"; "tableTreeControl": "tableTreeControl"; "form": "form"; "title": "title"; "description": "description"; "items": "items"; "itemsLength": "itemsLength"; "itemActions": "itemActions"; "navStartActions": "navStartActions"; "navEndActions": "navEndActions"; "groupedBy": "groupedBy"; "groupKeys": "groupKeys"; "selection": "selection"; "pageSizeOptions": "pageSizeOptions"; "type": "type"; "highlight": "highlight"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IndexTemplate<any>, "templates-index", never, {}, {}, never, ["[dashboard]"], true, [{ directive: typeof IndexTemplateStore; inputs: { "gridToolbarActions": "gridToolbarActions"; "tableChildrenKey": "tableChildrenKey"; "tableIsHidden": "tableIsHidden"; "tableTreeControl": "tableTreeControl"; "form": "form"; "title": "title"; "description": "description"; "items": "items"; "itemsLength": "itemsLength"; "itemActions": "itemActions"; "navStartActions": "navStartActions"; "navEndActions": "navEndActions"; "groupedBy": "groupedBy"; "groupKeys": "groupKeys"; "selection": "selection"; "pageSizeOptions": "pageSizeOptions"; "type": "type"; "highlight": "highlight"; "queryLabel": "queryLabel"; }; outputs: {}; }]>;
 }