@ng-atomic/components 18.2.1 → 18.5.0

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

@@ -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, OnInit } 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 implements OnInit {\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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"}
+{"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, Directive, effect, inject, 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, InjectableComponent } 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@Directive({\n  selector: 'ng-atomic-form-section-switcher',\n  standalone: true,\n})\nexport class NgAtomicFormSectionSwitcherStore extends InjectableComponent {\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\n@Component({\n  selector: 'ng-atomic-form-section-switcher',\n  standalone: true,\n  imports: [\n    DomainPipe,\n    ActionButtonsSectionOrganismStore,\n    AgreementInputSectionOrganism,\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 (store.field(); as field) {\n      @switch (field.type) {\n        @case ('select') {\n          @defer {\n            <organisms-select-input-section injectable\n              [label]=\"store.name() | domain\"\n              [control]=\"store.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]=\"store.name() | domain\"\n            [hint]=\"field.hint\"\n            [control]=\"store.control()\"\n            [actions]=\"field.actions\"\n            (action)=\"dispatch($event)\"\n          />\n        }\n        @case ('date-range') {\n          <organisms-date-range-input-section\n            [label]=\"store.name() | domain\"\n            [hint]=\"field.hint\"\n            [control]=\"store.control()\"\n            [actions]=\"field.actions\"\n            (action)=\"dispatch($event)\"\n          />\n        }\n        @case ('text') {\n          @defer {\n            <organisms-text-input-section injectable\n              [label]=\"store.name() | domain\"\n              [control]=\"store.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]=\"store.name() | domain\"\n              [control]=\"store.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]=\"store.name() | domain\"\n              [control]=\"store.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]=\"store.name() | domain\"\n              [control]=\"store.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]=\"store.name() | domain\"\n              [control]=\"store.control()\"\n              [hint]=\"field.hint\"\n              [progress]=\"field?.progress\"\n              (action)=\"dispatchFileInputAction($event, store.name())\"\n            />\n          }\n        }\n        @case ('slider') {\n          @defer {\n            <organisms-slider-input-section injectable\n              [label]=\"store.name() | domain\"\n              [control]=\"store.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]=\"store.control()\"\n              [labelTemp]=\"field?.labelTemp\"\n            />\n          }\n        }\n        @case ('preview') {\n          @defer {\n            <organisms-video-section injectable\n              [src]=\"store.control().value\"\n              [autoplay]=\"false\"\n            />\n          }\n        }\n        @case ('preview:image') {\n          @defer {\n            <organisms-image-preview-section\n              [src]=\"store.control().value\"\n            />\n          }\n        }\n        @case ('hidden') { }\n      }\n    }\n  `,\n  hostDirectives:[\n    {\n      directive: NgAtomicFormSectionSwitcherStore,\n      inputs: ['name', 'control', 'field'],\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styles: `:host { display: contents; }`,\n})\nexport class NgAtomicFormSectionSwitcher extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n  protected readonly store = inject(NgAtomicFormSectionSwitcherStore);\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  styleUrl: './form.builder.scss'\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        if (new RegExp(key).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  constructor() {\n    super();\n    effect(() => {\n      console.debug('[NgAtomicFormSectionBuilder] controlEntries:', this.controlEntries());\n    });\n  }\n}\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Directive, inject, input, OnInit } 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';\nimport { DividerFrame } from '@ng-atomic/components/frames/divider';\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    DividerFrame,\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\n    <frames-divider>\n      <ng-content select=\"[dashboard]\" first/>\n      <frames-auto-layout [type]=\"'vertical'\" second>\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-divider>\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 implements OnInit {\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  @Effect(NgAtomicFormSectionBuilder.ActionId.FILE_SELECTED)\n  protected fileSelected(payload: any) {\n    this.dispatch({id: ActionId.FILE_SELECTED, payload});\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

@@ -6,14 +6,17 @@ import * as i1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
 
 let IconButtonMenuTemplateStore = class IconButtonMenuTemplateStore extends InjectableComponent {
     constructor() {
         super(...arguments);
         this.actions = input([]);
+        this.bottomActions = input([]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IconButtonMenuTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: IconButtonMenuTemplateStore, isStandalone: true, selector: "templates-icon-button-menu", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: IconButtonMenuTemplateStore, isStandalone: true, selector: "templates-icon-button-menu", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, bottomActions: { classPropertyName: "bottomActions", publicName: "bottomActions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 IconButtonMenuTemplateStore = __decorate([
     TokenizedType()
@@ -28,31 +31,81 @@ class IconButtonMenuTemplate extends NgAtomicComponent {
         this.store = inject(IconButtonMenuTemplateStore);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IconButtonMenuTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: IconButtonMenuTemplate, isStandalone: true, selector: "templates-icon-button-menu", usesInheritance: true, hostDirectives: [{ directive: IconButtonMenuTemplateStore, inputs: ["actions", "actions"] }], ngImport: i0, template: `
-    @for (action of store.actions(); track action.id) {
-      <button mat-icon-button color="basic" (click)="dispatch(action)">
-        <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-blRD: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-blRD: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-blRD: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-blRD: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-blRD: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-blRD: 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-blRD);color:var(--on-background-color-SCOPED-IN-icon-button-menu-blRD)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-blRD)}\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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: IconButtonMenuTemplate, isStandalone: true, selector: "templates-icon-button-menu", usesInheritance: true, hostDirectives: [{ directive: IconButtonMenuTemplateStore, inputs: ["actions", "actions", "bottomActions", "bottomActions"] }], ngImport: i0, template: `
+    <div class="top">
+      @for (action of store.actions(); track $index) {
+        <button
+          mat-icon-button
+          [color]="action?.color"
+          (click)="dispatch(action)"
+          #tooltip="matTooltip"
+          [matTooltip]="action.name"
+          matTooltipPosition="right"
+        >
+          <mat-icon>{{ action.icon }}</mat-icon>
+        </button>
+      }
+    </div>
+    <div class="bottom">
+      @for (action of store.bottomActions(); track $index) {
+        <button
+          mat-icon-button
+          [color]="action?.color"
+          (click)="dispatch(action)"
+          #tooltip="matTooltip"
+          [matTooltip]="action.name"
+          matTooltipPosition="right"
+        >
+          <mat-icon>{{ action.icon }}</mat-icon>
+        </button>
+      }
+    </div>
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-HsJG: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-HsJG: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-HsJG: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-HsJG: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-HsJG: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-HsJG: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-HsJG);color:var(--on-background-color-SCOPED-IN-icon-button-menu-HsJG)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-HsJG);cursor:pointer}\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"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-icon-button-menu', standalone: true, imports: [
                         MatButtonModule,
                         MatIconModule,
+                        MatTooltipModule,
                     ], template: `
-    @for (action of store.actions(); track action.id) {
-      <button mat-icon-button color="basic" (click)="dispatch(action)">
-        <mat-icon>{{ action.icon }}</mat-icon>
-      </button>
-    }
+    <div class="top">
+      @for (action of store.actions(); track $index) {
+        <button
+          mat-icon-button
+          [color]="action?.color"
+          (click)="dispatch(action)"
+          #tooltip="matTooltip"
+          [matTooltip]="action.name"
+          matTooltipPosition="right"
+        >
+          <mat-icon>{{ action.icon }}</mat-icon>
+        </button>
+      }
+    </div>
+    <div class="bottom">
+      @for (action of store.bottomActions(); track $index) {
+        <button
+          mat-icon-button
+          [color]="action?.color"
+          (click)="dispatch(action)"
+          #tooltip="matTooltip"
+          [matTooltip]="action.name"
+          matTooltipPosition="right"
+        >
+          <mat-icon>{{ action.icon }}</mat-icon>
+        </button>
+      }
+    </div>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: IconButtonMenuTemplateStore,
-                            inputs: ['actions'],
+                            inputs: [
+                                'actions',
+                                'bottomActions',
+                            ],
                         },
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-blRD: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-blRD: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-blRD: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-blRD: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-blRD: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-blRD: 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-blRD);color:var(--on-background-color-SCOPED-IN-icon-button-menu-blRD)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-blRD)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-HsJG: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-HsJG: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-HsJG: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-HsJG: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-HsJG: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-HsJG: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-HsJG);color:var(--on-background-color-SCOPED-IN-icon-button-menu-HsJG)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-HsJG);cursor:pointer}\n"] }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-icon-button-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/icon-button-menu/icon-button-menu.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/icon-button-menu/ng-atomic-components-templates-icon-button-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { Action, TokenizedType } from '@ng-atomic/core';\nimport { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'templates-icon-button-menu' })\nexport class IconButtonMenuTemplateStore extends InjectableComponent {\n  readonly actions = input<Action[]>([]);\n}\n\n@Component({\n  selector: 'templates-icon-button-menu',\n  standalone: true,\n  imports: [\n    MatButtonModule,\n    MatIconModule,\n  ],\n  template: `\n    @for (action of store.actions(); track action.id) {\n      <button mat-icon-button color=\"basic\" (click)=\"dispatch(action)\">\n        <mat-icon>{{ action.icon }}</mat-icon>\n      </button>\n    }\n  `,\n  styleUrls: ['./icon-button-menu.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: IconButtonMenuTemplateStore,\n      inputs: ['actions'],\n    },\n  ]\n})\nexport class IconButtonMenuTemplate extends NgAtomicComponent {\n  protected store = inject(IconButtonMenuTemplateStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAQO,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,mBAAmB,CAAA;AAA7D,IAAA,WAAA,GAAA;;AACI,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAW,EAAE,CAAC,CAAC;AACxC,KAAA;8GAFY,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;AAA3B,2BAA2B,GAAA,UAAA,CAAA;AAFvC,IAAA,aAAa,EAAE;AAEH,CAAA,EAAA,2BAA2B,CAEvC,CAAA;2FAFY,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBADvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,4BAA4B,EAAE,CAAA;;AA4BjE,MAAO,sBAAuB,SAAQ,iBAAiB,CAAA;AAvB7D,IAAA,WAAA,GAAA;;AAwBY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAC;AACvD,KAAA;8GAFY,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EA3BtB,2BAA2B,EAW5B,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;GAMT,EATC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,yhCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,2IACf,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAkBJ,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAvBlC,SAAS;+BACE,4BAA4B,EAAA,UAAA,EAC1B,IAAI,EACP,OAAA,EAAA;wBACP,eAAe;wBACf,aAAa;qBACd,EACS,QAAA,EAAA,CAAA;;;;;;GAMT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,2BAA2B;4BACtC,MAAM,EAAE,CAAC,SAAS,CAAC;AACpB,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,yhCAAA,CAAA,EAAA,CAAA;;;ACjCH;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-templates-icon-button-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/icon-button-menu/icon-button-menu.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/icon-button-menu/ng-atomic-components-templates-icon-button-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { Action, TokenizedType } from '@ng-atomic/core';\nimport { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'templates-icon-button-menu' })\nexport class IconButtonMenuTemplateStore extends InjectableComponent {\n  readonly actions = input<Action[]>([]);\n  readonly bottomActions = input<Action[]>([]);\n}\n\n@Component({\n  selector: 'templates-icon-button-menu',\n  standalone: true,\n  imports: [\n    MatButtonModule,\n    MatIconModule,\n    MatTooltipModule,\n  ],\n  template: `\n    <div class=\"top\">\n      @for (action of store.actions(); track $index) {\n        <button\n          mat-icon-button\n          [color]=\"action?.color\"\n          (click)=\"dispatch(action)\"\n          #tooltip=\"matTooltip\"\n          [matTooltip]=\"action.name\"\n          matTooltipPosition=\"right\"\n        >\n          <mat-icon>{{ action.icon }}</mat-icon>\n        </button>\n      }\n    </div>\n    <div class=\"bottom\">\n      @for (action of store.bottomActions(); track $index) {\n        <button\n          mat-icon-button\n          [color]=\"action?.color\"\n          (click)=\"dispatch(action)\"\n          #tooltip=\"matTooltip\"\n          [matTooltip]=\"action.name\"\n          matTooltipPosition=\"right\"\n        >\n          <mat-icon>{{ action.icon }}</mat-icon>\n        </button>\n      }\n    </div>\n  `,\n  styleUrls: ['./icon-button-menu.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: IconButtonMenuTemplateStore,\n      inputs: [\n        'actions',\n        'bottomActions',\n      ],\n    },\n  ]\n})\nexport class IconButtonMenuTemplate extends NgAtomicComponent {\n  protected store = inject(IconButtonMenuTemplateStore);\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-menu.mjs

@@ -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-pfTd: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-pfTd: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-pfTd: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-pfTd: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-pfTd: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-pfTd: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-pfTd: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-pfTd: var(--width);--height: 100%;--height-SCOPED-IN-menu-pfTd: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-pfTd);height:var(--height-SCOPED-IN-menu-pfTd);color:var(--on-background-color-SCOPED-IN-menu-pfTd);background-color:var(--background-color-SCOPED-IN-menu-pfTd);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-pfTd);--background-color: var(--background-color-SCOPED-IN-menu-pfTd);--surface-color: var(--surface-color-SCOPED-IN-menu-pfTd);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-pfTd);--on-background-color: var(--on-background-color-SCOPED-IN-menu-pfTd);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-pfTd)}\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-Emnl: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-Emnl: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-Emnl: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-Emnl: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-Emnl: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-Emnl: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-Emnl: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-Emnl: var(--width);--height: 100%;--height-SCOPED-IN-menu-Emnl: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-Emnl);height:var(--height-SCOPED-IN-menu-Emnl);color:var(--on-background-color-SCOPED-IN-menu-Emnl);background-color:var(--background-color-SCOPED-IN-menu-Emnl);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-Emnl);--background-color: var(--background-color-SCOPED-IN-menu-Emnl);--surface-color: var(--surface-color-SCOPED-IN-menu-Emnl);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-Emnl);--on-background-color: var(--on-background-color-SCOPED-IN-menu-Emnl);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-Emnl)}\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-pfTd: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-pfTd: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-pfTd: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-pfTd: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-pfTd: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-pfTd: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-pfTd: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-pfTd: var(--width);--height: 100%;--height-SCOPED-IN-menu-pfTd: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-pfTd);height:var(--height-SCOPED-IN-menu-pfTd);color:var(--on-background-color-SCOPED-IN-menu-pfTd);background-color:var(--background-color-SCOPED-IN-menu-pfTd);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-pfTd);--background-color: var(--background-color-SCOPED-IN-menu-pfTd);--surface-color: var(--surface-color-SCOPED-IN-menu-pfTd);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-pfTd);--on-background-color: var(--on-background-color-SCOPED-IN-menu-pfTd);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-pfTd)}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-Emnl: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-Emnl: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-Emnl: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-Emnl: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-Emnl: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-Emnl: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-Emnl: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-Emnl: var(--width);--height: 100%;--height-SCOPED-IN-menu-Emnl: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-Emnl);height:var(--height-SCOPED-IN-menu-Emnl);color:var(--on-background-color-SCOPED-IN-menu-Emnl);background-color:var(--background-color-SCOPED-IN-menu-Emnl);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-Emnl);--background-color: var(--background-color-SCOPED-IN-menu-Emnl);--surface-color: var(--surface-color-SCOPED-IN-menu-Emnl);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-Emnl);--on-background-color: var(--on-background-color-SCOPED-IN-menu-Emnl);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-Emnl)}\n"] }]
         }] });
 
 /**

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

@@ -1,70 +1,82 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, ViewChild } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { input, Directive, inject, viewChild, effect, Component, ChangeDetectionStrategy } from '@angular/core';
 import { MessagesSectionOrganism } from '@ng-atomic/components/organisms/messages-section';
 import { MessageInputSectionOrganism } from '@ng-atomic/components/organisms/message-input-section';
 import { TextareaSectionOrganism } from '@ng-atomic/components/organisms/textarea-section';
 import { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';
 import { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';
 import { FormGroup, FormControl } from '@angular/forms';
+import { NgAtomicComponent } from '@ng-atomic/core';
 
-class MessagesTemplate {
+class MessagesTemplateStore {
     constructor() {
-        this.title = 'title';
-        this.navStartActions = [];
-        this.navEndActions = [];
-        this.messages = [];
-        this.actions = [];
-        this.placeholder = 'メッセージを入力';
-        this.isMessageCreating = false;
-        this.form = new FormGroup({
+        this.title = input('title');
+        this.navStartActions = input([]);
+        this.navEndActions = input([]);
+        this.messages = input([]);
+        this.actions = input([]);
+        this.placeholder = input('メッセージを入力');
+        this.isMessageCreating = input(false);
+        this.form = input(new FormGroup({
             name: new FormControl(''),
             description: new FormControl(''),
             message: new FormControl(''),
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MessagesTemplateStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: MessagesTemplateStore, isStandalone: true, inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isMessageCreating: { classPropertyName: "isMessageCreating", publicName: "isMessageCreating", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MessagesTemplateStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true }]
+        }] });
+class MessagesTemplate extends NgAtomicComponent {
+    constructor() {
+        super();
+        this.store = inject(MessagesTemplateStore);
+        this.scroll = viewChild.required(ScrollFrame);
+        effect(() => {
+            if (this.store.messages() && this.scroll()?.isScrollBottom()) {
+                setTimeout(() => this.scroll()?.scrollToBottom());
+            }
         });
-        this.action = new EventEmitter();
     }
     ngAfterViewInit() {
-        this.scrollFrame.scrollToBottom();
-    }
-    ngOnChanges(changes) {
-        if (changes.messages && this.scrollFrame.isScrollBottom()) {
-            setTimeout(() => this.scrollFrame.scrollToBottom());
-        }
+        this.scroll()?.scrollToBottom();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MessagesTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MessagesTemplate, isStandalone: true, selector: "templates-messages", inputs: { title: "title", navStartActions: "navStartActions", navEndActions: "navEndActions", messages: "messages", actions: "actions", placeholder: "placeholder", isMessageCreating: "isMessageCreating", form: "form" }, outputs: { action: "action" }, host: { classAttribute: "template" }, viewQueries: [{ propertyName: "scrollFrame", first: true, predicate: ScrollFrame, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.1.2", type: MessagesTemplate, isStandalone: true, selector: "templates-messages", host: { classAttribute: "template" }, viewQueries: [{ propertyName: "scroll", first: true, predicate: ScrollFrame, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: MessagesTemplateStore, inputs: ["title", "title", "navStartActions", "navStartActions", "navEndActions", "navEndActions", "messages", "messages", "actions", "actions", "placeholder", "placeholder", "isMessageCreating", "isMessageCreating", "form", "form"] }], ngImport: i0, template: `
     <frames-scroll>
       <organisms-navigator
-        [startActions]="navStartActions"
-        [endActions]="navEndActions"
-        (action)="action.emit($event)"
+        [startActions]="store.navStartActions()"
+        [endActions]="store.navEndActions()"
+        (action)="dispatch($event)"
         top
       >
-        <span> {{ title }} </span>
+        <span> {{ store.title() }} </span>
       </organisms-navigator>
       <organisms-messages-section
-        [isMessageCreating]="isMessageCreating"
-        [messages]="messages"
+        [isMessageCreating]="store.isMessageCreating()"
+        [messages]="store.messages()"
+        (action)="dispatch($event)"
         contents
       />
       <organisms-textarea-section
-        [actions]="actions"
-        [control]="form.get(['message'])"
+        [actions]="store.actions()"
+        [control]="store.form().get(['message'])"
         [rows]="3"
         [floatLabel]="'always'"
         [label]="'入力'"
-        [placeholder]="placeholder"
-        (action)="action.emit($event)"
+        [placeholder]="store.placeholder()"
+        (action)="dispatch($event)"
         bottom
       />
     </frames-scroll>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block}:host .message{display:block;height:100%;position:relative}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MessagesSectionOrganism, selector: "organisms-messages-section", inputs: ["messages", "isMessageCreating"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block}:host .message{display:block;height:100%;position:relative}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"], dependencies: [{ kind: "component", type: MessagesSectionOrganism, selector: "organisms-messages-section", inputs: ["messages", "isMessageCreating"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MessagesTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-messages', standalone: true, imports: [
-                        CommonModule,
                         MessagesSectionOrganism,
                         MessageInputSectionOrganism,
                         TextareaSectionOrganism,
@@ -73,56 +85,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                     ], template: `
     <frames-scroll>
       <organisms-navigator
-        [startActions]="navStartActions"
-        [endActions]="navEndActions"
-        (action)="action.emit($event)"
+        [startActions]="store.navStartActions()"
+        [endActions]="store.navEndActions()"
+        (action)="dispatch($event)"
         top
       >
-        <span> {{ title }} </span>
+        <span> {{ store.title() }} </span>
       </organisms-navigator>
       <organisms-messages-section
-        [isMessageCreating]="isMessageCreating"
-        [messages]="messages"
+        [isMessageCreating]="store.isMessageCreating()"
+        [messages]="store.messages()"
+        (action)="dispatch($event)"
         contents
       />
       <organisms-textarea-section
-        [actions]="actions"
-        [control]="form.get(['message'])"
+        [actions]="store.actions()"
+        [control]="store.form().get(['message'])"
         [rows]="3"
         [floatLabel]="'always'"
         [label]="'入力'"
-        [placeholder]="placeholder"
-        (action)="action.emit($event)"
+        [placeholder]="store.placeholder()"
+        (action)="dispatch($event)"
         bottom
       />
     </frames-scroll>
-  `, host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{width:100%;height:100%;background:#fff;display:block}:host .message{display:block;height:100%;position:relative}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], navStartActions: [{
-                type: Input
-            }], navEndActions: [{
-                type: Input
-            }], messages: [{
-                type: Input
-            }], actions: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], isMessageCreating: [{
-                type: Input
-            }], form: [{
-                type: Input
-            }], action: [{
-                type: Output
-            }], scrollFrame: [{
-                type: ViewChild,
-                args: [ScrollFrame, { static: true }]
-            }] } });
+  `, host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: MessagesTemplateStore,
+                            inputs: [
+                                'title',
+                                'navStartActions',
+                                'navEndActions',
+                                'messages',
+                                'actions',
+                                'placeholder',
+                                'isMessageCreating',
+                                'form',
+                            ],
+                        },
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block}:host .message{display:block;height:100%;position:relative}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"] }]
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { MessagesTemplate };
+export { MessagesTemplate, MessagesTemplateStore };
 //# sourceMappingURL=ng-atomic-components-templates-messages.mjs.map

package/fesm2022/ng-atomic-components-templates-messages.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-messages.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/messages/messages.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/messages/ng-atomic-components-templates-messages.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, SimpleChanges, ViewChild, AfterViewInit, OnChanges } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MessagesSectionOrganism } from '@ng-atomic/components/organisms/messages-section';\nimport { MessageInputSectionOrganism } from '@ng-atomic/components/organisms/message-input-section';\nimport { TextareaSectionOrganism } from '@ng-atomic/components/organisms/textarea-section';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { FormGroup } from '@angular/forms';\nimport { FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/core';\n\n\n@Component({\n  selector: 'templates-messages',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MessagesSectionOrganism,\n    MessageInputSectionOrganism,\n    TextareaSectionOrganism,\n    ScrollFrame,\n    NavigatorOrganism,\n  ],\n  template: `\n    <frames-scroll>\n      <organisms-navigator\n        [startActions]=\"navStartActions\"\n        [endActions]=\"navEndActions\"\n        (action)=\"action.emit($event)\"\n        top\n      >\n        <span> {{ title }} </span>\n      </organisms-navigator>\n      <organisms-messages-section\n        [isMessageCreating]=\"isMessageCreating\"\n        [messages]=\"messages\"\n        contents\n      />\n      <organisms-textarea-section\n        [actions]=\"actions\"\n        [control]=\"form.get(['message'])\"\n        [rows]=\"3\"\n        [floatLabel]=\"'always'\"\n        [label]=\"'入力'\"\n        [placeholder]=\"placeholder\"\n        (action)=\"action.emit($event)\"\n        bottom\n      />\n    </frames-scroll>\n  `,\n  styleUrls: ['./messages.template.scss'],\n  host: { class: 'template' },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessagesTemplate implements AfterViewInit, OnChanges {\n  @Input() title = 'title';\n  @Input() navStartActions: Action[] = [];\n  @Input() navEndActions: Action[] = [];\n  @Input() messages: {role: string, content: string}[] = [];\n  @Input() actions: Action[] = [];\n  @Input() placeholder = 'メッセージを入力';\n  @Input() isMessageCreating: false | string = false;\n\n  @Input()\n  form = new FormGroup({\n    name: new FormControl(''),\n    description: new FormControl(''),\n    message: new FormControl(''),\n  });\n\n  @Output() action = new EventEmitter<Action>();\n\n  @ViewChild(ScrollFrame, {static: true})\n  scrollFrame: ScrollFrame;\n\n  ngAfterViewInit() {\n    this.scrollFrame.scrollToBottom();\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes.messages && this.scrollFrame.isScrollBottom()) {\n      setTimeout(() => this.scrollFrame.scrollToBottom());\n    }\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-templates-messages.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/messages/messages.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/messages/ng-atomic-components-templates-messages.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, AfterViewInit, OnChanges, Directive, input, inject, effect, viewChild } from '@angular/core';\nimport { MessagesSectionOrganism } from '@ng-atomic/components/organisms/messages-section';\nimport { MessageInputSectionOrganism } from '@ng-atomic/components/organisms/message-input-section';\nimport { TextareaSectionOrganism } from '@ng-atomic/components/organisms/textarea-section';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { FormGroup } from '@angular/forms';\nimport { FormControl } from '@angular/forms';\nimport { Action, NgAtomicComponent } from '@ng-atomic/core';\n\n@Directive({ standalone: true })\nexport class MessagesTemplateStore {\n  readonly title = input('title');\n  readonly navStartActions = input<Action[]>([]);\n  readonly navEndActions = input<Action[]>([]);\n  readonly messages = input<{role: string, content: string}[]>([]);\n  readonly actions = input<Action[]>([]);\n  readonly placeholder = input('メッセージを入力');\n  readonly isMessageCreating = input<false | string>(false);\n  readonly form = input(new FormGroup({\n    name: new FormControl(''),\n    description: new FormControl(''),\n    message: new FormControl(''),\n  }));\n}\n\n@Component({\n  selector: 'templates-messages',\n  standalone: true,\n  imports: [\n    MessagesSectionOrganism,\n    MessageInputSectionOrganism,\n    TextareaSectionOrganism,\n    ScrollFrame,\n    NavigatorOrganism,\n  ],\n  template: `\n    <frames-scroll>\n      <organisms-navigator\n        [startActions]=\"store.navStartActions()\"\n        [endActions]=\"store.navEndActions()\"\n        (action)=\"dispatch($event)\"\n        top\n      >\n        <span> {{ store.title() }} </span>\n      </organisms-navigator>\n      <organisms-messages-section\n        [isMessageCreating]=\"store.isMessageCreating()\"\n        [messages]=\"store.messages()\"\n        (action)=\"dispatch($event)\"\n        contents\n      />\n      <organisms-textarea-section\n        [actions]=\"store.actions()\"\n        [control]=\"store.form().get(['message'])\"\n        [rows]=\"3\"\n        [floatLabel]=\"'always'\"\n        [label]=\"'入力'\"\n        [placeholder]=\"store.placeholder()\"\n        (action)=\"dispatch($event)\"\n        bottom\n      />\n    </frames-scroll>\n  `,\n  styleUrls: ['./messages.template.scss'],\n  host: { class: 'template' },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: MessagesTemplateStore,\n      inputs: [\n        'title',\n        'navStartActions',\n        'navEndActions',\n        'messages',\n        'actions',\n        'placeholder',\n        'isMessageCreating',\n        'form',\n      ],\n    },\n  ]\n})\nexport class MessagesTemplate extends NgAtomicComponent implements AfterViewInit, OnChanges {\n  protected readonly store = inject(MessagesTemplateStore);\n  readonly scroll = viewChild.required(ScrollFrame);\n\n  constructor() {\n    super();\n    effect(() => {\n      if (this.store.messages() && this.scroll()?.isScrollBottom()) {\n        setTimeout(() => this.scroll()?.scrollToBottom());\n      }\n    });\n  }\n\n  ngAfterViewInit() {\n    this.scroll()?.scrollToBottom();\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}