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

@ng-atomic/components 17.13.0 → 17.14.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 (161) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-form.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/form/form.builder.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/form/form.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/form/ng-atomic-components-templates-form.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { TextareaSectionOrganismStore } from '@ng-atomic/components/organisms/textarea-section';\nimport { TextInputSectionOrganismStore } from '@ng-atomic/components/organisms/text-input-section';\nimport { DateInputSectionOrganism } from '@ng-atomic/components/organisms/date-input-section';\nimport { SelectInputSectionOrganismStore } from '@ng-atomic/components/organisms/select-input-section';\nimport { FormField, FormFieldMap } from '@ng-atomic/common/pipes/smart-field';\nimport { DomainPipe } from '@ng-atomic/common/pipes/domain';\nimport { AbstractControl } from '@angular/forms';\nimport { _computed, Action } from '@ng-atomic/core';\nimport { ActionInputSectionOrganismStore } from '@ng-atomic/components/organisms/action-input-section';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { FileInputSectionOrganism, FileInputSectionOrganismStore } from '@ng-atomic/components/organisms/file-input-section';\nimport { AgreementInputSectionOrganism } from '@ng-atomic/components/organisms/agreement-input-section';\nimport { VideoSectionOrganism } from '@ng-atomic/components/organisms/video-section';\nimport { NumberInputSectionOrganismStore } from '@ng-atomic/components/organisms/number-input-section';\nimport { ImagePreviewSectionOrganism } from '@ng-atomic/components/organisms/image-preview-section';\nimport { PasswordInputSectionOrganismStore } from '@ng-atomic/components/organisms/password-input-section';\nimport { DateRangeInputSectionOrganism } from '@ng-atomic/components/organisms/date-range-input-section';\nimport { SliderInputSectionOrganismStore } from '@ng-atomic/components/organisms/slider-input-section';\nimport { get } from 'lodash-es';\nimport { ActionButtonsSectionOrganismStore } from '@ng-atomic/components/organisms/action-buttons-section';\n\nfunction walkControls(controls: any, cb: (name: string, control: any) => void, excludes: string[] = [], name = '') {\n Object.entries(controls).forEach(([key, control]: any) => {\n const path = name === '' ? key : `${name}.${key}`;\n if (excludes.includes(path)) {\n cb(path, control);\n } else if (control.controls) {\n walkControls(control.controls, cb, excludes, path);\n } else {\n cb(path, control);\n }\n });\n}\n\nfunction flatControls(form: FormGroup, excludes: string[]): [string, AbstractControl][] {\n const controlMap = new Map<string, AbstractControl>();\n walkControls(form?.controls, (name, control: AbstractControl) => controlMap.set(name, control), [\n ...excludes,\n ]);\n return [...controlMap.entries()];\n}\n\n\nenum ActionId {\n FILE_SELECTED = '[@ng-atomic/components:templates/form/ng-atomic-form-section-switcher] File selected',\n CANCEL = '[@ng-atomic/components:templates/form/ng-atomic-form-section-switcher] Cancel',\n}\n\n@Component({\n selector: 'ng-atomic-form-section-switcher',\n standalone: true,\n imports: [\n DomainPipe,\n ActionButtonsSectionOrganismStore,\n AgreementInputSectionOrganism,\n ActionInputSectionOrganismStore,\n FileInputSectionOrganismStore,\n DateInputSectionOrganism,\n DateRangeInputSectionOrganism,\n TextInputSectionOrganismStore,\n NumberInputSectionOrganismStore,\n TextareaSectionOrganismStore,\n SelectInputSectionOrganismStore,\n SliderInputSectionOrganismStore,\n VideoSectionOrganism,\n ImagePreviewSectionOrganism,\n PasswordInputSectionOrganismStore,\n ],\n template: `\n @if (field(); as field) {\n @switch (field.type) {\n @case ('select') {\n @defer {\n <organisms-select-input-section injectable\n [label]=\"name() \| domain\"\n [control]=\"control()\"\n [hint]=\"field.hint\"\n [options]=\"field.options\"\n [placeholder]=\"field.placeholder\"\n [actions]=\"field.actions\"\n [multiple]=\"field?.multiple\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @case ('date') {\n <organisms-date-input-section\n [label]=\"name() \| domain\"\n [hint]=\"field.hint\"\n [control]=\"control()\"\n [actions]=\"field.actions\"\n (action)=\"dispatch($event)\"\n />\n }\n @case ('date-range') {\n <organisms-date-range-input-section\n [label]=\"name() \| domain\"\n [hint]=\"field.hint\"\n [control]=\"control()\"\n [actions]=\"field.actions\"\n (action)=\"dispatch($event)\"\n />\n }\n @case ('text') {\n @defer {\n <organisms-text-input-section injectable\n [label]=\"name() \| domain\"\n [control]=\"control()\"\n [actions]=\"field.actions\"\n [hint]=\"field.hint\"\n [placeholder]=\"field.placeholder\"\n [autoComplete]=\"field.autoComplete\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @case ('number') {\n @defer {\n <organisms-number-input-section injectable\n [label]=\"name() \| domain\"\n [control]=\"control()\"\n [actions]=\"field.actions\"\n [hint]=\"field.hint\"\n [placeholder]=\"field.placeholder\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @case ('textarea') {\n @defer {\n <organisms-textarea-section injectable\n [label]=\"name() \| domain\"\n [control]=\"control()\"\n [hint]=\"field.hint\"\n [rows]=\"field.rows\"\n [placeholder]=\"field.placeholder\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @case ('password') {\n @defer {\n <organisms-password-input-section injectable\n [label]=\"name() \| domain\"\n [control]=\"control()\"\n [hint]=\"field.hint\"\n [placeholder]=\"field.placeholder\"\n [actions]=\"field.actions\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @case ('action') {\n @defer {\n <organisms-action-buttons-section\n [actions]=\"field?.actions\"\n [type]=\"field?.buttonType\"\n (action)=\"dispatch($event)\"\n injectable\n />\n }\n }\n @case ('file') {\n @defer {\n <organisms-file-input-section injectable\n [label]=\"name() \| domain\"\n [control]=\"control()\"\n [hint]=\"field.hint\"\n [progress]=\"field?.progress\"\n (action)=\"dispatchFileInputAction($event, name())\"\n />\n }\n }\n @case ('slider') {\n @defer {\n <organisms-slider-input-section injectable\n [label]=\"name() \| domain\"\n [control]=\"control()\"\n [max]=\"field?.slider?.max\"\n [min]=\"field?.slider?.min\"\n [step]=\"field?.slider?.step\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @case ('agreement') {\n @defer {\n <organisms-agreement-input-section injectable\n [control]=\"control()\"\n [labelTemp]=\"field?.labelTemp\"\n />\n }\n }\n @case ('preview') {\n @defer {\n <organisms-video-section injectable\n [src]=\"control().value\"\n [autoplay]=\"false\"\n />\n }\n }\n @case ('preview:image') {\n @defer {\n <organisms-image-preview-section\n [src]=\"control().value\"\n />\n }\n }\n @case ('hidden') { }\n }\n }\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n styles: [`:host { display: contents; }`]\n})\nexport class NgAtomicFormSectionSwitcher extends NgAtomicComponent {\n static readonly ActionId = ActionId;\n readonly name = input.required<string>();\n readonly control = input.required<AbstractControl>();\n readonly field = input.required<FormFieldMap \| FormField>();\n\n protected dispatchFileInputAction(action: Action, name: string) {\n switch (action.id) {\n case FileInputSectionOrganism.ActionId.FILE_SELECTED: {\n return this.dispatch({id: ActionId.FILE_SELECTED, payload: {scope: name, files: action.payload}});\n }\n case FileInputSectionOrganism.ActionId.CANCEL: {\n return this.dispatch({id: ActionId.CANCEL, payload: {scope: name}});\n }\n }\n }\n}\n\n@Component({\n standalone: true,\n selector: 'ng-atomic-form-section-builder',\n imports: [\n NgAtomicFormSectionSwitcher,\n ],\n template: `\n @for (entry of controlEntries(); track entry.name;) {\n <ng-atomic-form-section-switcher\n [name]=\"entry.name\"\n [control]=\"entry.control\"\n [field]=\"entry.field\"\n (action)=\"dispatch($event)\"\n />\n }\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n styles: `:host { display: contents; }`,\n})\nexport class NgAtomicFormSectionBuilder extends NgAtomicComponent {\n static readonly ActionId = ActionId;\n\n readonly form = input.required<FormGroup>();\n readonly formFlatExcludes = input<string[]>([]);\n readonly fieldMap = input.required<FormFieldMap>();\n\n readonly controlEntries = computed(() => {\n function _get(fieldMap: FormFieldMap, name: string) {\n if (get(fieldMap, name)) return get(fieldMap, name);\n for (const key of Object.keys(fieldMap ?? {})) {\n const regex = new RegExp(`^${key.replace(/\\./g, '\\\\.')}(\\\\..+)?$`);\n if (regex.test(name)) return get(fieldMap, key);\n }\n return undefined;\n }\n\n return flatControls(this.form(), this.formFlatExcludes()).map(([name, control]) => ({\n name,\n control,\n field: _get(this.fieldMap(), name) ?? {type: 'text'},\n }));\n });\n}\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Directive, inject, input } from '@angular/core';\nimport { FormBuilder } from '@angular/forms';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { HeaderMoleculeStore } from '@ng-atomic/components/molecules/header';\nimport { ActionButtonsSectionOrganismStore } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { NavigatorOrganismStore } from '@ng-atomic/components/organisms/navigator';\nimport { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';\nimport { Action, Effect, InjectableComponent, _computed } from '@ng-atomic/core';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { NavActionId, injectIsRootPage, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { NgAtomicFormSectionBuilder } from './form.builder';\n\nenum ActionId {\n BACK = '[@ng-atomic/components/templates/form] Back',\n CREATE = '[@ng-atomic/components/templates/form] Create',\n UPDATE = '[@ng-atomic/components/templates/form] Update',\n DELETE = '[@ng-atomic/components/templates/form] Delete',\n FILE_SELECTED = '[@ng-atomic/components/templates/form] File selected',\n CANCEL = '[@ng-atomic/components/templates/form] Cancel',\n}\n\n@Directive({ standalone: true })\nexport class FormTemplateStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n const isRootPage = injectIsRootPage();\n const navStartActions = injectNavStartActions(isRootPage);\n return () => ({\n navStartActions: navStartActions(),\n navEndActions: <Action[]>[{id: ActionId.DELETE, name: '削除', icon: 'delete'}],\n title: '',\n form: inject(FormBuilder).group({id: ['']}),\n formFlatExcludes: <string[]>[],\n actions: <Action[]>[{id: ActionId.CREATE, name: '作成'}],\n fieldMap: <FormFieldMap>{\n createdAt: { type: 'date' },\n updatedAt: { type: 'date' },\n deletedAt: { type: 'date' },\n },\n });\n }, ['components', 'templates', 'form']);\n readonly config = FormTemplateStore.Config.inject();\n readonly navStartActions = input(_computed(() => this.config().navStartActions));\n readonly navEndActions = input(_computed(() => this.config().navEndActions));\n readonly title = input(_computed(() => this.config().title));\n readonly form = input(_computed(() => this.config().form));\n readonly formFlatExcludes = input(_computed(() => this.config().formFlatExcludes));\n readonly actions = input(_computed(() => this.config().actions));\n readonly fieldMap = input(_computed(() => this.config().fieldMap));\n}\n\n@Component({\n standalone: true,\n imports: [\n NgAtomicFormSectionBuilder,\n HeaderMoleculeStore,\n ScrollFrame,\n NavigatorOrganismStore,\n AutoLayoutFrame,\n ActionButtonsSectionOrganismStore,\n ],\n selector: 'templates-form',\n template: `\n <frames-scroll>\n <organisms-navigator injectable\n [startActions]=\"store.navStartActions()\"\n [endActions]=\"store.navEndActions()\"\n (action)=\"dispatch($event)\"\n top\n >\n <molecules-header injectable [title]=\"store.title()\" [description]=\"''\"/>\n </organisms-navigator>\n <frames-auto-layout vertical>\n <ng-atomic-form-section-builder\n [form]=\"store.form()\"\n [formFlatExcludes]=\"store.formFlatExcludes()\"\n [fieldMap]=\"store.fieldMap()\"\n (action)=\"dispatch($event)\"\n />\n <organisms-action-buttons-section injectable\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n </frames-auto-layout>\n </frames-scroll>\n `,\n styleUrls: ['./form.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: FormTemplateStore,\n inputs: [\n 'navStartActions',\n 'navEndActions',\n 'title',\n 'form',\n 'formFlatExcludes',\n 'actions',\n 'fieldMap',\n ],\n },\n ],\n host: {class: 'template'}\n})\nexport class FormTemplate extends NgAtomicComponent {\n static ActionId = ActionId;\n protected readonly store = inject(FormTemplateStore);\n protected readonly cd = inject(ChangeDetectorRef);\n\n ngOnInit(): void {\n this.store.form().statusChanges.subscribe(() => this.cd.markForCheck());\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":["ActionId"],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-templates-form.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/form/form.builder.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/form/form.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/form/ng-atomic-components-templates-form.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { TextareaSectionOrganismStore } from '@ng-atomic/components/organisms/textarea-section';\nimport { TextInputSectionOrganismStore } from '@ng-atomic/components/organisms/text-input-section';\nimport { DateInputSectionOrganism } from '@ng-atomic/components/organisms/date-input-section';\nimport { SelectInputSectionOrganismStore } from '@ng-atomic/components/organisms/select-input-section';\nimport { FormField, FormFieldMap } from '@ng-atomic/common/pipes/smart-field';\nimport { DomainPipe } from '@ng-atomic/common/pipes/domain';\nimport { AbstractControl } from '@angular/forms';\nimport { _computed, Action } from '@ng-atomic/core';\nimport { ActionInputSectionOrganismStore } from '@ng-atomic/components/organisms/action-input-section';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { FileInputSectionOrganism, FileInputSectionOrganismStore } from '@ng-atomic/components/organisms/file-input-section';\nimport { AgreementInputSectionOrganism } from '@ng-atomic/components/organisms/agreement-input-section';\nimport { VideoSectionOrganism } from '@ng-atomic/components/organisms/video-section';\nimport { NumberInputSectionOrganismStore } from '@ng-atomic/components/organisms/number-input-section';\nimport { ImagePreviewSectionOrganism } from '@ng-atomic/components/organisms/image-preview-section';\nimport { PasswordInputSectionOrganismStore } from '@ng-atomic/components/organisms/password-input-section';\nimport { DateRangeInputSectionOrganism } from '@ng-atomic/components/organisms/date-range-input-section';\nimport { SliderInputSectionOrganismStore } from '@ng-atomic/components/organisms/slider-input-section';\nimport { get } from 'lodash-es';\nimport { ActionButtonsSectionOrganismStore } from '@ng-atomic/components/organisms/action-buttons-section';\n\nfunction walkControls(controls: any, cb: (name: string, control: any) => void, excludes: string[] = [], name = '') {\n Object.entries(controls).forEach(([key, control]: any) => {\n const path = name === '' ? key : `${name}.${key}`;\n if (excludes.includes(path)) {\n cb(path, control);\n } else if (control.controls) {\n walkControls(control.controls, cb, excludes, path);\n } else {\n cb(path, control);\n }\n });\n}\n\nfunction flatControls(form: FormGroup, excludes: string[]): [string, AbstractControl][] {\n const controlMap = new Map<string, AbstractControl>();\n walkControls(form?.controls, (name, control: AbstractControl) => controlMap.set(name, control), [\n ...excludes,\n ]);\n return [...controlMap.entries()];\n}\n\n\nenum ActionId {\n FILE_SELECTED = '[@ng-atomic/components:templates/form/ng-atomic-form-section-switcher] File selected',\n CANCEL = '[@ng-atomic/components:templates/form/ng-atomic-form-section-switcher] Cancel',\n}\n\n@Component({\n selector: 'ng-atomic-form-section-switcher',\n standalone: true,\n imports: [\n DomainPipe,\n ActionButtonsSectionOrganismStore,\n AgreementInputSectionOrganism,\n ActionInputSectionOrganismStore,\n FileInputSectionOrganismStore,\n DateInputSectionOrganism,\n DateRangeInputSectionOrganism,\n TextInputSectionOrganismStore,\n NumberInputSectionOrganismStore,\n TextareaSectionOrganismStore,\n SelectInputSectionOrganismStore,\n SliderInputSectionOrganismStore,\n VideoSectionOrganism,\n ImagePreviewSectionOrganism,\n PasswordInputSectionOrganismStore,\n ],\n template: `\n @if (field(); as field) {\n @switch (field.type) {\n @case ('select') {\n @defer {\n <organisms-select-input-section injectable\n [label]=\"name() \| domain\"\n [control]=\"control()\"\n [hint]=\"field.hint\"\n [options]=\"field.options\"\n [placeholder]=\"field.placeholder\"\n [actions]=\"field.actions\"\n [multiple]=\"field?.multiple\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @case ('date') {\n <organisms-date-input-section\n [label]=\"name() \| domain\"\n [hint]=\"field.hint\"\n [control]=\"control()\"\n [actions]=\"field.actions\"\n (action)=\"dispatch($event)\"\n />\n }\n @case ('date-range') {\n <organisms-date-range-input-section\n [label]=\"name() \| domain\"\n [hint]=\"field.hint\"\n [control]=\"control()\"\n [actions]=\"field.actions\"\n (action)=\"dispatch($event)\"\n />\n }\n @case ('text') {\n @defer {\n <organisms-text-input-section injectable\n [label]=\"name() \| domain\"\n [control]=\"control()\"\n [actions]=\"field.actions\"\n [hint]=\"field.hint\"\n [placeholder]=\"field.placeholder\"\n [autoComplete]=\"field.autoComplete\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @case ('number') {\n @defer {\n <organisms-number-input-section injectable\n [label]=\"name() \| domain\"\n [control]=\"control()\"\n [actions]=\"field.actions\"\n [hint]=\"field.hint\"\n [placeholder]=\"field.placeholder\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @case ('textarea') {\n @defer {\n <organisms-textarea-section injectable\n [label]=\"name() \| domain\"\n [control]=\"control()\"\n [hint]=\"field.hint\"\n [rows]=\"field.rows\"\n [placeholder]=\"field.placeholder\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @case ('password') {\n @defer {\n <organisms-password-input-section injectable\n [label]=\"name() \| domain\"\n [control]=\"control()\"\n [hint]=\"field.hint\"\n [placeholder]=\"field.placeholder\"\n [actions]=\"field.actions\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @case ('action') {\n @defer {\n <organisms-action-buttons-section\n [actions]=\"field?.actions\"\n [type]=\"field?.buttonType\"\n (action)=\"dispatch($event)\"\n injectable\n />\n }\n }\n @case ('file') {\n @defer {\n <organisms-file-input-section injectable\n [label]=\"name() \| domain\"\n [control]=\"control()\"\n [hint]=\"field.hint\"\n [progress]=\"field?.progress\"\n (action)=\"dispatchFileInputAction($event, name())\"\n />\n }\n }\n @case ('slider') {\n @defer {\n <organisms-slider-input-section injectable\n [label]=\"name() \| domain\"\n [control]=\"control()\"\n [max]=\"field?.slider?.max\"\n [min]=\"field?.slider?.min\"\n [step]=\"field?.slider?.step\"\n (action)=\"dispatch($event)\"\n />\n }\n }\n @case ('agreement') {\n @defer {\n <organisms-agreement-input-section injectable\n [control]=\"control()\"\n [labelTemp]=\"field?.labelTemp\"\n />\n }\n }\n @case ('preview') {\n @defer {\n <organisms-video-section injectable\n [src]=\"control().value\"\n [autoplay]=\"false\"\n />\n }\n }\n @case ('preview:image') {\n @defer {\n <organisms-image-preview-section\n [src]=\"control().value\"\n />\n }\n }\n @case ('hidden') { }\n }\n }\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n styles: [`:host { display: contents; }`]\n})\nexport class NgAtomicFormSectionSwitcher extends NgAtomicComponent {\n static readonly ActionId = ActionId;\n readonly name = input.required<string>();\n readonly control = input.required<AbstractControl>();\n readonly field = input.required<FormFieldMap \| FormField>();\n\n protected dispatchFileInputAction(action: Action, name: string) {\n switch (action.id) {\n case FileInputSectionOrganism.ActionId.FILE_SELECTED: {\n return this.dispatch({id: ActionId.FILE_SELECTED, payload: {scope: name, files: action.payload}});\n }\n case FileInputSectionOrganism.ActionId.CANCEL: {\n return this.dispatch({id: ActionId.CANCEL, payload: {scope: name}});\n }\n }\n }\n}\n\n@Component({\n standalone: true,\n selector: 'ng-atomic-form-section-builder',\n imports: [\n NgAtomicFormSectionSwitcher,\n ],\n template: `\n @for (entry of controlEntries(); track entry.name;) {\n <ng-atomic-form-section-switcher\n [name]=\"entry.name\"\n [control]=\"entry.control\"\n [field]=\"entry.field\"\n (action)=\"dispatch($event)\"\n />\n }\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n styles: `:host { display: contents; }`,\n})\nexport class NgAtomicFormSectionBuilder extends NgAtomicComponent {\n static readonly ActionId = ActionId;\n\n readonly form = input.required<FormGroup>();\n readonly formFlatExcludes = input<string[]>([]);\n readonly fieldMap = input.required<FormFieldMap>();\n\n readonly controlEntries = computed(() => {\n function _get(fieldMap: FormFieldMap, name: string) {\n if (get(fieldMap, name)) return get(fieldMap, name);\n for (const key of Object.keys(fieldMap ?? {})) {\n const regex = new RegExp(`^${key.replace(/\\./g, '\\\\.')}(\\\\..+)?$`);\n if (regex.test(name)) return get(fieldMap, key);\n }\n return undefined;\n }\n\n return flatControls(this.form(), this.formFlatExcludes()).map(([name, control]) => ({\n name,\n control,\n field: _get(this.fieldMap(), name) ?? {type: 'text'},\n }));\n });\n}\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Directive, inject, input } from '@angular/core';\nimport { FormBuilder } from '@angular/forms';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { HeaderMoleculeStore } from '@ng-atomic/components/molecules/header';\nimport { ActionButtonsSectionOrganismStore } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { NavigatorOrganismStore } from '@ng-atomic/components/organisms/navigator';\nimport { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';\nimport { Action, Effect, InjectableComponent, _computed, provideComponent } from '@ng-atomic/core';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { NavActionId, injectIsRootPage, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { NgAtomicFormSectionBuilder } from './form.builder';\n\nenum ActionId {\n BACK = '[@ng-atomic/components/templates/form] Back',\n CREATE = '[@ng-atomic/components/templates/form] Create',\n UPDATE = '[@ng-atomic/components/templates/form] Update',\n DELETE = '[@ng-atomic/components/templates/form] Delete',\n FILE_SELECTED = '[@ng-atomic/components/templates/form] File selected',\n CANCEL = '[@ng-atomic/components/templates/form] Cancel',\n}\n\n@Directive({ standalone: true })\nexport class FormTemplateStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n const isRootPage = injectIsRootPage();\n const navStartActions = injectNavStartActions(isRootPage);\n return () => ({\n navStartActions: navStartActions(),\n navEndActions: <Action[]>[{id: ActionId.DELETE, name: '削除', icon: 'delete'}],\n title: '',\n form: inject(FormBuilder).group({id: ['']}),\n formFlatExcludes: <string[]>[],\n actions: <Action[]>[{id: ActionId.CREATE, name: '作成'}],\n fieldMap: <FormFieldMap>{\n createdAt: { type: 'date' },\n updatedAt: { type: 'date' },\n deletedAt: { type: 'date' },\n },\n });\n }, ['components', 'templates', 'form']);\n static provideDefault() {\n return [\n FormTemplateStore.Config.provide(),\n ];\n }\n\n readonly config = FormTemplateStore.Config.inject();\n readonly navStartActions = input(_computed(() => this.config().navStartActions));\n readonly navEndActions = input(_computed(() => this.config().navEndActions));\n readonly title = input(_computed(() => this.config().title));\n readonly form = input(_computed(() => this.config().form));\n readonly formFlatExcludes = input(_computed(() => this.config().formFlatExcludes));\n readonly actions = input(_computed(() => this.config().actions));\n readonly fieldMap = input(_computed(() => this.config().fieldMap));\n}\n\n@Component({\n standalone: true,\n imports: [\n NgAtomicFormSectionBuilder,\n HeaderMoleculeStore,\n ScrollFrame,\n NavigatorOrganismStore,\n AutoLayoutFrame,\n ActionButtonsSectionOrganismStore,\n ],\n selector: 'templates-form',\n template: `\n <frames-scroll>\n <organisms-navigator injectable\n [startActions]=\"store.navStartActions()\"\n [endActions]=\"store.navEndActions()\"\n (action)=\"dispatch($event)\"\n top\n >\n <molecules-header injectable [title]=\"store.title()\" [description]=\"''\"/>\n </organisms-navigator>\n <frames-auto-layout vertical>\n <ng-atomic-form-section-builder\n [form]=\"store.form()\"\n [formFlatExcludes]=\"store.formFlatExcludes()\"\n [fieldMap]=\"store.fieldMap()\"\n (action)=\"dispatch($event)\"\n />\n <organisms-action-buttons-section injectable\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n </frames-auto-layout>\n </frames-scroll>\n `,\n styleUrls: ['./form.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: FormTemplateStore,\n inputs: [\n 'navStartActions',\n 'navEndActions',\n 'title',\n 'form',\n 'formFlatExcludes',\n 'actions',\n 'fieldMap',\n ],\n },\n ],\n host: {class: 'template'}\n})\nexport class FormTemplate extends NgAtomicComponent {\n static ActionId = ActionId;\n protected readonly store = inject(FormTemplateStore);\n protected readonly cd = inject(ChangeDetectorRef);\n\n ngOnInit(): void {\n this.store.form().statusChanges.subscribe(() => this.cd.markForCheck());\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":["ActionId"],"mappings":"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"}

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-xOXD: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-xOXD: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-xOXD: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-xOXD: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-xOXD: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-xOXD: 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-xOXD);color:var(--on-background-color-SCOPED-IN-icon-button-menu-xOXD)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-xOXD)}\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-vaDz: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-vaDz: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-vaDz: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-vaDz: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-vaDz: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-vaDz: 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-vaDz);color:var(--on-background-color-SCOPED-IN-icon-button-menu-vaDz)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-vaDz)}\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: "17.2.2", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
             type: Component,
@@ -52,7 +52,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.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-xOXD: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-xOXD: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-xOXD: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-xOXD: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-xOXD: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-xOXD: 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-xOXD);color:var(--on-background-color-SCOPED-IN-icon-button-menu-xOXD)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-xOXD)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-vaDz: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-vaDz: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-vaDz: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-vaDz: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-vaDz: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-vaDz: 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-vaDz);color:var(--on-background-color-SCOPED-IN-icon-button-menu-vaDz)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-vaDz)}\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-XnSd: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-XnSd: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-XnSd: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-XnSd: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-XnSd: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-XnSd: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-XnSd: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-XnSd: var(--width);--height: 100%;--height-SCOPED-IN-menu-XnSd: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-XnSd);height:var(--height-SCOPED-IN-menu-XnSd);color:var(--on-background-color-SCOPED-IN-menu-XnSd);background-color:var(--background-color-SCOPED-IN-menu-XnSd);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-XnSd);--background-color: var(--background-color-SCOPED-IN-menu-XnSd);--surface-color: var(--surface-color-SCOPED-IN-menu-XnSd);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-XnSd);--on-background-color: var(--on-background-color-SCOPED-IN-menu-XnSd);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-XnSd)}\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-1j8B: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-1j8B: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-1j8B: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-1j8B: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-1j8B: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-1j8B: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-1j8B: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-1j8B: var(--width);--height: 100%;--height-SCOPED-IN-menu-1j8B: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-1j8B);height:var(--height-SCOPED-IN-menu-1j8B);color:var(--on-background-color-SCOPED-IN-menu-1j8B);background-color:var(--background-color-SCOPED-IN-menu-1j8B);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-1j8B);--background-color: var(--background-color-SCOPED-IN-menu-1j8B);--surface-color: var(--surface-color-SCOPED-IN-menu-1j8B);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-1j8B);--on-background-color: var(--on-background-color-SCOPED-IN-menu-1j8B);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-1j8B)}\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: "17.2.2", ngImport: i0, type: MenuTemplate, decorators: [{
             type: Component,
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: MenuTemplateStore,
                             inputs: ['actions', 'title'],
                         },
-                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-XnSd: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-XnSd: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-XnSd: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-XnSd: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-XnSd: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-XnSd: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-XnSd: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-XnSd: var(--width);--height: 100%;--height-SCOPED-IN-menu-XnSd: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-XnSd);height:var(--height-SCOPED-IN-menu-XnSd);color:var(--on-background-color-SCOPED-IN-menu-XnSd);background-color:var(--background-color-SCOPED-IN-menu-XnSd);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-XnSd);--background-color: var(--background-color-SCOPED-IN-menu-XnSd);--surface-color: var(--surface-color-SCOPED-IN-menu-XnSd);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-XnSd);--on-background-color: var(--on-background-color-SCOPED-IN-menu-XnSd);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-XnSd)}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-1j8B: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-1j8B: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-1j8B: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-1j8B: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-1j8B: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-1j8B: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-1j8B: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-1j8B: var(--width);--height: 100%;--height-SCOPED-IN-menu-1j8B: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-1j8B);height:var(--height-SCOPED-IN-menu-1j8B);color:var(--on-background-color-SCOPED-IN-menu-1j8B);background-color:var(--background-color-SCOPED-IN-menu-1j8B);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-1j8B);--background-color: var(--background-color-SCOPED-IN-menu-1j8B);--surface-color: var(--surface-color-SCOPED-IN-menu-1j8B);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-1j8B);--on-background-color: var(--on-background-color-SCOPED-IN-menu-1j8B);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-1j8B)}\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-zYRk: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-zYRk: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-zYRk: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-zYRk: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-zYRk: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-zYRk: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-zYRk: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-zYRk: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-zYRk: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-zYRk);--navigator-background-color-SCOPED-IN-selection-zYRk: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-zYRk);--navigator-on-background-color-SCOPED-IN-selection-zYRk: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-zYRk: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-zYRk: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-zYRk);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-zYRk);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-zYRk)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-zYRk);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-zYRk);--surface-color: var(--surface-color-SCOPED-IN-selection-zYRk);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-zYRk);--background-color: var(--background-color-SCOPED-IN-selection-zYRk);--on-background-color: var(--on-background-color-SCOPED-IN-selection-zYRk)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-zYRk);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-zYRk)}: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-4t9n: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-4t9n: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-4t9n: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-4t9n: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-4t9n: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-4t9n: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-4t9n: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-4t9n: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-4t9n: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-4t9n);--navigator-background-color-SCOPED-IN-selection-4t9n: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-4t9n);--navigator-on-background-color-SCOPED-IN-selection-4t9n: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-4t9n: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-4t9n: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-4t9n);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-4t9n);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-4t9n)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-4t9n);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-4t9n);--surface-color: var(--surface-color-SCOPED-IN-selection-4t9n);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-4t9n);--background-color: var(--background-color-SCOPED-IN-selection-4t9n);--on-background-color: var(--on-background-color-SCOPED-IN-selection-4t9n)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-4t9n);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-4t9n)}: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: "17.2.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-zYRk: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-zYRk: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-zYRk: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-zYRk: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-zYRk: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-zYRk: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-zYRk: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-zYRk: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-zYRk: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-zYRk);--navigator-background-color-SCOPED-IN-selection-zYRk: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-zYRk);--navigator-on-background-color-SCOPED-IN-selection-zYRk: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-zYRk: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-zYRk: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-zYRk);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-zYRk);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-zYRk)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-zYRk);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-zYRk);--surface-color: var(--surface-color-SCOPED-IN-selection-zYRk);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-zYRk);--background-color: var(--background-color-SCOPED-IN-selection-zYRk);--on-background-color: var(--on-background-color-SCOPED-IN-selection-zYRk)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-zYRk);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-zYRk)}: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-4t9n: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-4t9n: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-4t9n: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-4t9n: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-4t9n: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-4t9n: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-4t9n: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-4t9n: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-4t9n: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-4t9n);--navigator-background-color-SCOPED-IN-selection-4t9n: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-4t9n);--navigator-on-background-color-SCOPED-IN-selection-4t9n: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-4t9n: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-4t9n: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-4t9n);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-4t9n);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-4t9n)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-4t9n);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-4t9n);--surface-color: var(--surface-color-SCOPED-IN-selection-4t9n);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-4t9n);--background-color: var(--background-color-SCOPED-IN-selection-4t9n);--on-background-color: var(--on-background-color-SCOPED-IN-selection-4t9n)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-4t9n);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-4t9n)}: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%-5k4P: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-5k4P: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-5k4P: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-5k4P: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-5k4P: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-5k4P: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-5k4P: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-5k4P);--navigator-background-color-SCOPED-IN-%COMP%-5k4P: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-5k4P);--navigator-on-background-color-SCOPED-IN-%COMP%-5k4P: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-5k4P);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-5k4P);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-5k4P);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-5k4P);--background-color: var(--background-color-SCOPED-IN-%COMP%-5k4P);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-5k4P)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-5k4P);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-5k4P)}\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%-SWJL: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-SWJL: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-SWJL: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-SWJL: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-SWJL: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-SWJL: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-SWJL: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-SWJL);--navigator-background-color-SCOPED-IN-%COMP%-SWJL: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-SWJL);--navigator-on-background-color-SCOPED-IN-%COMP%-SWJL: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-SWJL);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-SWJL);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-SWJL);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-SWJL);--background-color: var(--background-color-SCOPED-IN-%COMP%-SWJL);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-SWJL)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-SWJL);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-SWJL)}\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: "17.2.2", ngImport: i0, type: SettingsTemplate, decorators: [{
             type: Component,
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
     </div>
   </frames-scroll>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'template'
-                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-5k4P: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-5k4P: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-5k4P: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-5k4P: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-5k4P: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-5k4P: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-5k4P: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-5k4P);--navigator-background-color-SCOPED-IN-%COMP%-5k4P: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-5k4P);--navigator-on-background-color-SCOPED-IN-%COMP%-5k4P: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-5k4P);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-5k4P);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-5k4P);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-5k4P);--background-color: var(--background-color-SCOPED-IN-%COMP%-5k4P);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-5k4P)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-5k4P);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-5k4P)}\n"] }]
+                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-SWJL: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-SWJL: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-SWJL: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-SWJL: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-SWJL: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-SWJL: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-SWJL: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-SWJL);--navigator-background-color-SCOPED-IN-%COMP%-SWJL: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-SWJL);--navigator-on-background-color-SCOPED-IN-%COMP%-SWJL: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-SWJL);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-SWJL);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-SWJL);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-SWJL);--background-color: var(--background-color-SCOPED-IN-%COMP%-SWJL);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-SWJL)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-SWJL);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-SWJL)}\n"] }]
         }] });
 /**

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

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { input, Directive, inject, Component } from '@angular/core';
 import { ScrollFrame } from '@ng-atomic/components/frames/scroll';
-import * as i1 from 'ngx-markdown';
-import { MarkdownModule } from 'ngx-markdown';
 import { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';
 import { HeaderMolecule } from '@ng-atomic/components/molecules/header';
 import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+import * as i1 from 'ngx-markdown';
+import { MarkdownModule } from 'ngx-markdown';
 var ActionId;
 (function (ActionId) {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-term.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/term/term.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/term/ng-atomic-components-templates-term.ts"],"sourcesContent":["import { Component, Directive, inject, input } from '@angular/core';\nimport { ~~CommonModule } from '@angular/common';\nimport {~~ ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { ~~MarkdownModule } from 'ngx-markdown';\nimport {~~ NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { HeaderMolecule } from '@ng-atomic/components/molecules/header';\nimport { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\n\nenum ActionId {\n BACK = '[@ng-atomic/components/templates/term] Back',\n}\n\n@Directive({ standalone: true })\nexport class TermTemplateStore extends InjectableComponent {\n readonly navStartActions = input([\n {\n id: ActionId.BACK,\n name: '戻る',\n icon: 'arrow_back',\n },\n ]);\n readonly navEndActions = input([]);\n readonly title = input('title');\n readonly src = input('title');\n readonly data = input('data');\n}\n\n@Component({\n selector: 'templates-term',\n standalone: true,\n imports: [\n NavigatorOrganism,\n HeaderMolecule,\n MarkdownModule,\n ScrollFrame,\n ],\n template: `\n <frames-scroll>\n <organisms-navigator \n [startActions]=\"store.navStartActions()\"\n [endActions]=\"store.navEndActions()\"\n (action)=\"dispatch($event)\"\n navigator\n >\n <molecules-header [title]=\"store.title()\"></molecules-header>\n </organisms-navigator>\n @if (store.src()) {\n <markdown [src]=\"store.src()\" contents />\n } @else {\n <markdown [data]=\"store.data()\" contents />\n }\n </frames-scroll>\n `,\n styleUrls: ['./term.template.scss'],\n hostDirectives: [\n {\n directive: TermTemplateStore,\n inputs: ['navStartActions', 'navEndActions', 'title', 'src', 'data'],\n }\n ],\n})\nexport class TermTemplate extends NgAtomicComponent {\n static readonly ActionId = ActionId;\n protected store = inject(TermTemplateStore);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;~~AAQA~~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~~AC3DH~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-templates-term.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/term/term.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/term/ng-atomic-components-templates-term.ts"],"sourcesContent":["import { Component, Directive, inject, input } from '@angular/core';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { HeaderMolecule } from '@ng-atomic/components/molecules/header';\nimport { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { MarkdownModule } from 'ngx-markdown';\n\nenum ActionId {\n BACK = '[@ng-atomic/components/templates/term] Back',\n}\n\n@Directive({ standalone: true })\nexport class TermTemplateStore extends InjectableComponent {\n readonly navStartActions = input([\n {\n id: ActionId.BACK,\n name: '戻る',\n icon: 'arrow_back',\n },\n ]);\n readonly navEndActions = input([]);\n readonly title = input('title');\n readonly src = input('title');\n readonly data = input('data');\n}\n\n@Component({\n selector: 'templates-term',\n standalone: true,\n imports: [\n NavigatorOrganism,\n HeaderMolecule,\n MarkdownModule,\n ScrollFrame,\n ],\n template: `\n <frames-scroll>\n <organisms-navigator \n [startActions]=\"store.navStartActions()\"\n [endActions]=\"store.navEndActions()\"\n (action)=\"dispatch($event)\"\n navigator\n >\n <molecules-header [title]=\"store.title()\"></molecules-header>\n </organisms-navigator>\n @if (store.src()) {\n <markdown [src]=\"store.src()\" contents />\n } @else {\n <markdown [data]=\"store.data()\" contents />\n }\n </frames-scroll>\n `,\n styleUrls: ['./term.template.scss'],\n hostDirectives: [\n {\n directive: TermTemplateStore,\n inputs: ['navStartActions', 'navEndActions', 'title', 'src', 'data'],\n }\n ],\n})\nexport class TermTemplate extends NgAtomicComponent {\n static readonly ActionId = ActionId;\n protected store = inject(TermTemplateStore);\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.mjs CHANGED Viewed

@@ -7,6 +7,7 @@ import { EntranceTemplateStore } from '@ng-atomic/components/templates/entrance'
 import { IndexTemplateStore } from '@ng-atomic/components/templates/_index';
 import { FormTemplateStore } from '@ng-atomic/components/templates/form';
 import { BackgroundTemplateStore } from '@ng-atomic/components/templates/background';
+import { ColumnsTemplateStore } from '@ng-atomic/components/templates/columns';
 class NgAtomicTemplatesModule {
     static forRoot() {
@@ -25,6 +26,10 @@ class NgAtomicTemplatesModule {
                 provideComponent(EntranceTemplateStore, () => {
                     return import('@ng-atomic/components/templates/entrance').then(m => m.EntranceTemplate);
                 }),
+                provideComponent(ColumnsTemplateStore, () => {
+                    return import('@ng-atomic/components/templates/columns').then(m => m.ColumnsTemplate);
+                }),
+                ColumnsTemplateStore.provideDefault(),
                 provideComponent(IconButtonMenuTemplateStore, () => {
                     return import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplate);
                 }),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/templates.module.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/ng-atomic-components-templates.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { provideComponent } from \"@ng-atomic/core\";\nimport { IconButtonMenuTemplateStore } from \"@ng-atomic/components/templates/icon-button-menu\";\nimport { MenuTemplateStore } from \"@ng-atomic/components/templates/menu\";\nimport { EntranceTemplateStore } from \"@ng-atomic/components/templates/entrance\";\nimport { IndexTemplateStore } from '@ng-atomic/components/templates/_index';\nimport { FormTemplateStore } from \"@ng-atomic/components/templates/form\";\nimport { BackgroundTemplateStore } from \"@ng-atomic/components/templates/background\";\n\n@NgModule({})\nexport class NgAtomicTemplatesModule {\n static forRoot() {\n return {\n ngModule: NgAtomicTemplatesModule,\n providers: [\n provideComponent(IndexTemplateStore, () => {\n return import('@ng-atomic/components/templates/_index').then(m => m.IndexTemplate);\n }),\n provideComponent(BackgroundTemplateStore, () => {\n return import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplate);\n }),\n provideComponent(FormTemplateStore, () => {\n return import('@ng-atomic/components/templates/form').then(m => m.FormTemplate);\n }),\n provideComponent(EntranceTemplateStore, () => {\n return import('@ng-atomic/components/templates/entrance').then(m => m.EntranceTemplate);\n }),\n provideComponent(IconButtonMenuTemplateStore, () => {\n return import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplate);\n }),\n provideComponent(MenuTemplateStore, () => {\n return import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplate);\n }),\n IndexTemplateStore.Config.provide(),\n FormTemplateStore.Config.provide(),\n ],\n }\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;MAUa~~,uBAAuB,CAAA;AAClC,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,uBAAuB;AACjC,YAAA,SAAS,EAAE;AACT,gBAAA,gBAAgB,CAAC,kBAAkB,EAAE,MAAK;AACxC,oBAAA,OAAO,OAAO,wCAAwC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC;AACrF,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,uBAAuB,EAAE,MAAK;AAC7C,oBAAA,OAAO,OAAO,4CAA4C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;AAC9F,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,iBAAiB,EAAE,MAAK;AACvC,oBAAA,OAAO,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AAClF,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,qBAAqB,EAAE,MAAK;AAC3C,oBAAA,OAAO,OAAO,0CAA0C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,CAAC;AAC1F,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,2BAA2B,EAAE,MAAK;AACjD,oBAAA,OAAO,OAAO,kDAAkD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,sBAAsB,CAAC,CAAC;AACxG,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,iBAAiB,EAAE,MAAK;AACvC,oBAAA,OAAO,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AAClF,iBAAC,CAAC;AACF,gBAAA,kBAAkB,CAAC,MAAM,CAAC,OAAO,EAAE;AACnC,gBAAA,iBAAiB,CAAC,MAAM,CAAC,OAAO,EAAE;AACnC,aAAA;SACF,CAAA;KACF;~~8GA3BU~~,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAvB,uBAAuB,EAAA,CAAA,CAAA,EAAA;+GAAvB,uBAAuB,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBADnC,QAAQ;mBAAC,EAAE,CAAA;;;~~ACTZ~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-templates.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/templates.module.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/ng-atomic-components-templates.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { provideComponent } from \"@ng-atomic/core\";\nimport { IconButtonMenuTemplateStore } from \"@ng-atomic/components/templates/icon-button-menu\";\nimport { MenuTemplateStore } from \"@ng-atomic/components/templates/menu\";\nimport { EntranceTemplateStore } from \"@ng-atomic/components/templates/entrance\";\nimport { IndexTemplateStore } from '@ng-atomic/components/templates/_index';\nimport { FormTemplateStore } from \"@ng-atomic/components/templates/form\";\nimport { BackgroundTemplateStore } from \"@ng-atomic/components/templates/background\";\nimport { ColumnsTemplateStore } from \"@ng-atomic/components/templates/columns\";\n\n@NgModule({})\nexport class NgAtomicTemplatesModule {\n static forRoot() {\n return {\n ngModule: NgAtomicTemplatesModule,\n providers: [\n provideComponent(IndexTemplateStore, () => {\n return import('@ng-atomic/components/templates/_index').then(m => m.IndexTemplate);\n }),\n provideComponent(BackgroundTemplateStore, () => {\n return import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplate);\n }),\n provideComponent(FormTemplateStore, () => {\n return import('@ng-atomic/components/templates/form').then(m => m.FormTemplate);\n }),\n provideComponent(EntranceTemplateStore, () => {\n return import('@ng-atomic/components/templates/entrance').then(m => m.EntranceTemplate);\n }),\n provideComponent(ColumnsTemplateStore, () => {\n return import('@ng-atomic/components/templates/columns').then(m => m.ColumnsTemplate);\n }),\n ColumnsTemplateStore.provideDefault(),\n provideComponent(IconButtonMenuTemplateStore, () => {\n return import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplate);\n }),\n provideComponent(MenuTemplateStore, () => {\n return import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplate);\n }),\n IndexTemplateStore.Config.provide(),\n FormTemplateStore.Config.provide(),\n ],\n }\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAWa,uBAAuB,CAAA;AAClC,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,uBAAuB;AACjC,YAAA,SAAS,EAAE;AACT,gBAAA,gBAAgB,CAAC,kBAAkB,EAAE,MAAK;AACxC,oBAAA,OAAO,OAAO,wCAAwC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC;AACrF,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,uBAAuB,EAAE,MAAK;AAC7C,oBAAA,OAAO,OAAO,4CAA4C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;AAC9F,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,iBAAiB,EAAE,MAAK;AACvC,oBAAA,OAAO,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AAClF,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,qBAAqB,EAAE,MAAK;AAC3C,oBAAA,OAAO,OAAO,0CAA0C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,CAAC;AAC1F,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,oBAAoB,EAAE,MAAK;AAC1C,oBAAA,OAAO,OAAO,yCAAyC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,CAAC;AACxF,iBAAC,CAAC;gBACF,oBAAoB,CAAC,cAAc,EAAE;AACrC,gBAAA,gBAAgB,CAAC,2BAA2B,EAAE,MAAK;AACjD,oBAAA,OAAO,OAAO,kDAAkD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,sBAAsB,CAAC,CAAC;AACxG,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,iBAAiB,EAAE,MAAK;AACvC,oBAAA,OAAO,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AAClF,iBAAC,CAAC;AACF,gBAAA,kBAAkB,CAAC,MAAM,CAAC,OAAO,EAAE;AACnC,gBAAA,iBAAiB,CAAC,MAAM,CAAC,OAAO,EAAE;AACnC,aAAA;SACF,CAAA;KACF;8GA/BU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAvB,uBAAuB,EAAA,CAAA,CAAA,EAAA;+GAAvB,uBAAuB,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBADnC,QAAQ;mBAAC,EAAE,CAAA;;;ACVZ;;AAEG;;;;"}

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

@@ -88,6 +88,7 @@ export declare class AppFrameStore extends InjectableComponent {
     static provideSignUpWithEmailEffect(): import("@angular/core").Provider;
     static provideSignInWithEmailEffect(): import("@angular/core").Provider;
     static provideSignInWithGoogleEffect(): import("@angular/core").Provider;
+    static provideSignInWithTwitterEffect(): import("@angular/core").Provider;
     static provideDefaultEffects(): import("@angular/core").Provider[];
     static provideDefault(): import("@angular/core").Provider[];
     readonly config: import("@angular/core").Signal<{

package/organisms/table/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-export * from './index.helpers';
+/** @deprecated use instead `'@ng-atomic/common/services/form/_index` */
+export * from '@ng-atomic/common/services/form/_index';
 export * from './table.organism';

package/organisms/table/table.organism.d.ts CHANGED Viewed

@@ -40,7 +40,10 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
             key: import("@angular/forms").FormControl<string>;
             order: import("@angular/forms").FormControl<"asc" | "desc">;
         }>;
-        columns: import("@angular/forms").FormArray<import("@angular/forms").FormRecord<import("@angular/forms").AbstractControl<any, any>>>;
+        columns: import("@angular/forms").FormGroup<{
+            ids: import("@angular/forms").FormControl<string[]>;
+            map: import("@angular/forms").FormGroup<{}>;
+        }>;
     }>>;
     readonly itemActions: import("@angular/core").InputSignal<Actions>;
     readonly selection: import("@angular/core").InputSignal<SelectionModel<string>>;
@@ -62,8 +65,9 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
             order: "asc" | "desc";
         }>;
         columns: Partial<{
-            [x: string]: any;
-        }>[];
+            ids: string[];
+            map: Partial<{}>;
+        }>;
     }>>;
     readonly sort: import("@angular/core").Signal<Partial<{
         key: string;
@@ -76,7 +80,7 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
         type: string;
         sort: string;
         actions?: Actions;
-        name: string;
+        name?: string;
         visible: boolean;
         width: number;
         headerText?: string;
@@ -84,7 +88,7 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
         type: string;
         headerText: string;
         actions?: Actions;
-        name: string;
+        name?: string;
         visible: boolean;
         width: number;
         sort?: boolean;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ng-atomic/components",
-  "version": "17.13.0",
+  "version": "17.14.0",
   "license": "MIT",
   "peerDependencies": {
     "@angular/animations": "^17.0.0",
@@ -17,8 +17,8 @@
     "@codemirror/state": "^6.0.0",
     "@codemirror/theme-one-dark": "^6.0.0",
     "@codemirror/view": "^6.0.0",
-    "@ng-atomic/common": "17.13.0",
-    "@nx-ddd/core": "17.13.0",
+    "@ng-atomic/common": "17.14.0",
+    "@nx-ddd/core": "17.14.0",
     "@webcontainer/api": "^1.1.7",
     "cm6-graphql": "^0.0.4",
     "codemirror": "^6.0.0",
@@ -618,12 +618,24 @@
       "esm": "./esm2022/pages/blank/ng-atomic-components-pages-blank.mjs",
       "default": "./fesm2022/ng-atomic-components-pages-blank.mjs"
     },
+    "./pages/columns": {
+      "types": "./pages/columns/index.d.ts",
+      "esm2022": "./esm2022/pages/columns/ng-atomic-components-pages-columns.mjs",
+      "esm": "./esm2022/pages/columns/ng-atomic-components-pages-columns.mjs",
+      "default": "./fesm2022/ng-atomic-components-pages-columns.mjs"
+    },
     "./pages/form": {
       "types": "./pages/form/index.d.ts",
       "esm2022": "./esm2022/pages/form/ng-atomic-components-pages-form.mjs",
       "esm": "./esm2022/pages/form/ng-atomic-components-pages-form.mjs",
       "default": "./fesm2022/ng-atomic-components-pages-form.mjs"
     },
+    "./pages/terms": {
+      "types": "./pages/terms/index.d.ts",
+      "esm2022": "./esm2022/pages/terms/ng-atomic-components-pages-terms.mjs",
+      "esm": "./esm2022/pages/terms/ng-atomic-components-pages-terms.mjs",
+      "default": "./fesm2022/ng-atomic-components-pages-terms.mjs"
+    },
     "./sheets/actions": {
       "types": "./sheets/actions/index.d.ts",
       "esm2022": "./esm2022/sheets/actions/ng-atomic-components-sheets-actions.mjs",
@@ -648,6 +660,12 @@
       "esm": "./esm2022/templates/code-editor/ng-atomic-components-templates-code-editor.mjs",
       "default": "./fesm2022/ng-atomic-components-templates-code-editor.mjs"
     },
+    "./templates/columns": {
+      "types": "./templates/columns/index.d.ts",
+      "esm2022": "./esm2022/templates/columns/ng-atomic-components-templates-columns.mjs",
+      "esm": "./esm2022/templates/columns/ng-atomic-components-templates-columns.mjs",
+      "default": "./fesm2022/ng-atomic-components-templates-columns.mjs"
+    },
     "./templates/entrance": {
       "types": "./templates/entrance/index.d.ts",
       "esm2022": "./esm2022/templates/entrance/ng-atomic-components-templates-entrance.mjs",

package/pages/_index/index.page.d.ts CHANGED Viewed

@@ -17,11 +17,11 @@ export declare function provideFilterFunc(useFactory: () => FilterFunc): {
 export declare function injectFilterFunc(): FilterFunc;
 declare enum ActionId {
     BACK = "[@ng-atomic/components:pages/index] Back",
-    CHECKBOX_CLICK = "[@ng-atomic/components/pages] CheckboxClick",
-    HEADER_CHECKBOX_CLICK = "[@ng-atomic/components/pages] HeaderCheckboxClick",
-    ADD = "[@ng-atomic/components/pages] Add",
-    DETAIL = "[@ng-atomic/components/pages] Detail",
-    CLOSE = "[@ng-atomic/components/pages] Close"
+    CHECKBOX_CLICK = "[@ng-atomic/components/pages/index] CheckboxClick",
+    HEADER_CHECKBOX_CLICK = "[@ng-atomic/components/pages/index] HeaderCheckboxClick",
+    ADD = "[@ng-atomic/components/pages/index] Add",
+    DETAIL = "[@ng-atomic/components/pages/index] Detail",
+    CLOSE = "[@ng-atomic/components/pages/index] Close"
 }
 export declare class IndexPageStore extends InjectableComponent {
     static readonly ActionId: typeof ActionId;

package/pages/columns/columns.page.d.ts ADDED Viewed

@@ -0,0 +1,60 @@
+import { AbstractControl } from '@angular/forms';
+import { Actions, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+declare enum ActionId {
+    BACK = "[@ng-atomic/components/pages/columns] Back",
+    CLOSE = "[@ng-atomic/components/pages/columns] Close"
+}
+export declare class ColumnsPageStore extends InjectableComponent {
+    static readonly ActionId: typeof ActionId;
+    static readonly Config: {
+        provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            navStartActions: Actions;
+            navEndActions: Actions;
+        }>, label?: string): import("@angular/core").Provider;
+        inject(): import("@angular/core").Signal<{
+            navStartActions: Actions;
+            navEndActions: Actions;
+        }>;
+    };
+    static readonly Initializer: {
+        provide<SI extends (store: ColumnsPageStore) => void | Promise<void>>(initializer: SI): {
+            provide: import("@angular/core").InjectionToken<(store: any) => void | Promise<void>>;
+            useValue: {
+                key: new () => ColumnsPageStore;
+                initializer: (store: ColumnsPageStore) => void | Promise<void>;
+            };
+            multi: boolean;
+        }[];
+        inject(): ((store: ColumnsPageStore) => void | Promise<void>)[];
+        initializeStore(store: ColumnsPageStore): Promise<void>;
+    };
+    static provideSideAppNavStartActionsInitializer: () => {
+        provide: import("@angular/core").InjectionToken<(store: any) => void | Promise<void>>;
+        useValue: {
+            key: new () => ColumnsPageStore;
+            initializer: (store: ColumnsPageStore) => void | Promise<void>;
+        };
+        multi: boolean;
+    }[];
+    static provideDefault(): import("@angular/core").Provider[];
+    readonly title = "Columns";
+    readonly config: import("@angular/core").Signal<{
+        navStartActions: Actions;
+        navEndActions: Actions;
+    }>;
+    readonly navStartActions: import("@angular/core").InputSignal<Actions>;
+    readonly navEndActions: import("@angular/core").InputSignal<Actions>;
+    readonly form: import("@angular/core").InputSignal<AbstractControl<any, any>>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsPageStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnsPageStore, "pages-columns", never, { "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class ColumnsPage extends NgAtomicComponent {
+    protected store: ColumnsPageStore;
+    protected back(): void;
+    protected close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsPage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnsPage, "pages-columns", never, {}, {}, never, never, true, [{ directive: typeof ColumnsPageStore; inputs: { "form": "form"; }; outputs: {}; }]>;
+}
+export {};

package/pages/columns/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './columns.page';