npm - @ng-atomic/components - Versions diffs - 17.0.4 → 17.2.0 - Mend

@ng-atomic/components 17.0.4 → 17.2.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 (137) hide show

package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs CHANGED Viewed

@@ -1,5 +1,4 @@
 import { __decorate } from 'tslib';
-import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
 import { FormControl } from '@angular/forms';
@@ -52,12 +51,11 @@ class TextareaSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-bI0i: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-bI0i);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-rRHi: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-rRHi);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-textarea-section', standalone: true, imports: [
-                        CommonModule,
                         TextareaFieldMolecule,
                         SmartMenuButtonAtom,
                     ], template: `
@@ -82,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: TextareaSectionOrganismStore,
                             inputs: ['appearance', 'label', 'rows', 'placeholder', 'floatLabel', 'hint', 'control', 'actions'],
                         }
-                    ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-bI0i: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-bI0i);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
+                    ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-rRHi: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-rRHi);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-textarea-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/textarea-section/textarea-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.ts"],"sourcesContent":["import { ~~CommonModule } from '@angular/common';\nimport {~~ ChangeDetectionStrategy, Component, Directive, input, inject } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { Action, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { TextareaFieldMolecule } from '@ng-atomic/components/molecules/textarea-field';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-textarea-section' })\nexport class TextareaSectionOrganismStore extends InjectableComponent {\n readonly appearance = input<'legacy' \| 'standard' \| 'fill' \| 'outline'>('outline');\n readonly label = input('label');\n readonly rows = input(10);\n readonly placeholder = input<string>('placeholder');\n readonly floatLabel = input<'auto' \| 'always' \| 'never'>('auto');\n readonly hint = input<string>();\n readonly control = input(new FormControl(''));\n readonly actions = input<Action[]>([]);\n}\n\n@Component({\n selector: 'organisms-textarea-section',\n standalone: true,\n imports: [\n ~~CommonModule,\n~~ TextareaFieldMolecule,\n SmartMenuButtonAtom,\n ],\n template: `\n <molecules-textarea-field\n [appearance]=\"store.appearance()\"\n [control]=\"store.control()\"\n [label]=\"store.label()\"\n [floatLabel]=\"store.floatLabel()\"\n [hint]=\"store.hint()\"\n [rows]=\"store.rows()\"\n [placeholder]=\"store.placeholder()\"\n (action)=\"dispatch($event)\"\n />\n @if (store.actions().length) {\n <atoms-smart-menu-button\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n }\n `,\n styleUrls: ['./textarea-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: TextareaSectionOrganismStore,\n inputs: ['appearance', 'label', 'rows', 'placeholder', 'floatLabel', 'hint', 'control', 'actions'],\n }\n ],\n})\nexport class TextareaSectionOrganism extends NgAtomicComponent {\n protected store = inject(TextareaSectionOrganismStore);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;AASO~~,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,mBAAmB,CAAA;AAA9D,IAAA,WAAA,GAAA;;AACI,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAA6C,SAAS,CAAC,CAAC;AAC1E,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;AACvB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AACjB,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAS,aAAa,CAAC,CAAC;AAC3C,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAA8B,MAAM,CAAC,CAAC;QACxD,IAAI,CAAA,IAAA,GAAG,KAAK,EAAU,CAAC;QACvB,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC;AACrC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAW,EAAE,CAAC,CAAC;AACxC,KAAA;8GATY,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,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,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;;AAA5B,4BAA4B,GAAA,UAAA,CAAA;AAFxC,IAAA,aAAa,EAAE;AAEH,CAAA,EAAA,4BAA4B,CASxC,CAAA;2FATY,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBADxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,4BAA4B,EAAE,CAAA;;~~AA+CjE~~,MAAO,uBAAwB,SAAQ,iBAAiB,CAAA;~~AAnC9D~~,IAAA,WAAA,GAAA;;~~AAoCY~~,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,4BAA4B,CAAC,CAAC;AACxD,KAAA;8GAFY,uBAAuB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,~~EA9CvB~~,4BAA4B,~~EAmB7B~~,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,aAAA,EAAA,aAAA,EAAA,YAAA,EAAA,YAAA,EAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;~~AAiBT~~,~~EAAA~~,~~CAAA,EAAA,~~QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6XAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,~~UAAA~~,EAAA,IAAA,~~EArBC,YAAY,~~EAAA,~~EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,~~qBAAqB,~~EAAA~~,~~QAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACrB,~~mBAAmB,EAAA,QAAA,EAAA,yBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FA6BV,uBAAuB,EAAA,UAAA,EAAA,CAAA;~~kBAnCnC~~,SAAS;+BACE,4BAA4B,EAAA,UAAA,EAC1B,IAAI,EACP,OAAA,EAAA;wBACP,~~YAAY;wBACZ,~~qBAAqB;wBACrB,mBAAmB;qBACpB,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;GAiBT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,4BAA4B;AACvC,4BAAA,MAAM,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC;AACnG,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,6XAAA,CAAA,EAAA,CAAA;;;~~ACrDH~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-textarea-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/textarea-section/textarea-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, input, inject } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { Action, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { TextareaFieldMolecule } from '@ng-atomic/components/molecules/textarea-field';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-textarea-section' })\nexport class TextareaSectionOrganismStore extends InjectableComponent {\n readonly appearance = input<'legacy' \| 'standard' \| 'fill' \| 'outline'>('outline');\n readonly label = input('label');\n readonly rows = input(10);\n readonly placeholder = input<string>('placeholder');\n readonly floatLabel = input<'auto' \| 'always' \| 'never'>('auto');\n readonly hint = input<string>();\n readonly control = input(new FormControl(''));\n readonly actions = input<Action[]>([]);\n}\n\n@Component({\n selector: 'organisms-textarea-section',\n standalone: true,\n imports: [\n TextareaFieldMolecule,\n SmartMenuButtonAtom,\n ],\n template: `\n <molecules-textarea-field\n [appearance]=\"store.appearance()\"\n [control]=\"store.control()\"\n [label]=\"store.label()\"\n [floatLabel]=\"store.floatLabel()\"\n [hint]=\"store.hint()\"\n [rows]=\"store.rows()\"\n [placeholder]=\"store.placeholder()\"\n (action)=\"dispatch($event)\"\n />\n @if (store.actions().length) {\n <atoms-smart-menu-button\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n }\n `,\n styleUrls: ['./textarea-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: TextareaSectionOrganismStore,\n inputs: ['appearance', 'label', 'rows', 'placeholder', 'floatLabel', 'hint', 'control', 'actions'],\n }\n ],\n})\nexport class TextareaSectionOrganism extends NgAtomicComponent {\n protected store = inject(TextareaSectionOrganismStore);\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-organisms-thread-messages-section.mjs CHANGED Viewed

@@ -64,7 +64,7 @@ class ThreadMessagesSectionOrganism extends NgAtomicComponent {
     </div>
     <mat-divider />
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-7JXJ: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-7JXJ: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-7JXJ: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-7JXJ: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-7JXJ: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-7JXJ: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-7JXJ)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-7JXJ)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-6cYF: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-6cYF: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-6cYF: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-6cYF: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-6cYF: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-6cYF: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-6cYF)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-6cYF)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{
             type: Component,
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: ThreadMessagesSectionOrganismStore,
                             inputs: ['comments', 'noCommentMessage', 'commentActions']
                         }
-                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-7JXJ: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-7JXJ: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-7JXJ: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-7JXJ: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-7JXJ: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-7JXJ: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-7JXJ)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-7JXJ)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-6cYF: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-6cYF: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-6cYF: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-6cYF: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-6cYF: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-6cYF: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-6cYF)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-6cYF)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
         }] });
 /**

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

@@ -113,7 +113,7 @@ class IndexPage extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   </frames-router-outlet>
-  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-OFDa: var(--page-width-lv3);--primary-color-SCOPED-IN-index-OFDa: var(--primary-color);--on-primary-color-SCOPED-IN-index-OFDa: var(--on-primary-color);--surface-color-SCOPED-IN-index-OFDa: var(--surface-color);--on-surface-color-SCOPED-IN-index-OFDa: var(--on-surface-color);--on-background-color-SCOPED-IN-index-OFDa: var(--on-background-color);--background-color-SCOPED-IN-index-OFDa: var(--background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-OFDa)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-OFDa);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-OFDa);--surface-color: var(--surface-color-SCOPED-IN-index-OFDa);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-OFDa);--background-color: var(--background-color-SCOPED-IN-index-OFDa);--on-background-color: var(--on-background-color-SCOPED-IN-index-OFDa)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: IndexTemplate, selector: "templates-index" }] }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-TSxj: var(--page-width-lv3);--primary-color-SCOPED-IN-index-TSxj: var(--primary-color);--on-primary-color-SCOPED-IN-index-TSxj: var(--on-primary-color);--surface-color-SCOPED-IN-index-TSxj: var(--surface-color);--on-surface-color-SCOPED-IN-index-TSxj: var(--on-surface-color);--on-background-color-SCOPED-IN-index-TSxj: var(--on-background-color);--background-color-SCOPED-IN-index-TSxj: var(--background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-TSxj)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-TSxj);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-TSxj);--surface-color: var(--surface-color-SCOPED-IN-index-TSxj);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-TSxj);--background-color: var(--background-color-SCOPED-IN-index-TSxj);--on-background-color: var(--on-background-color-SCOPED-IN-index-TSxj)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: IndexTemplate, selector: "templates-index" }] }); }
 }
 __decorate([
     Effect(IndexTemplate.ActionId.BACK),
@@ -154,7 +154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
       (action)="dispatch($event)"
     />
   </frames-router-outlet>
-  `, hostDirectives: [IndexPageStore], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-OFDa: var(--page-width-lv3);--primary-color-SCOPED-IN-index-OFDa: var(--primary-color);--on-primary-color-SCOPED-IN-index-OFDa: var(--on-primary-color);--surface-color-SCOPED-IN-index-OFDa: var(--surface-color);--on-surface-color-SCOPED-IN-index-OFDa: var(--on-surface-color);--on-background-color-SCOPED-IN-index-OFDa: var(--on-background-color);--background-color-SCOPED-IN-index-OFDa: var(--background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-OFDa)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-OFDa);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-OFDa);--surface-color: var(--surface-color-SCOPED-IN-index-OFDa);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-OFDa);--background-color: var(--background-color-SCOPED-IN-index-OFDa);--on-background-color: var(--on-background-color-SCOPED-IN-index-OFDa)}\n"] }]
+  `, hostDirectives: [IndexPageStore], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-TSxj: var(--page-width-lv3);--primary-color-SCOPED-IN-index-TSxj: var(--primary-color);--on-primary-color-SCOPED-IN-index-TSxj: var(--on-primary-color);--surface-color-SCOPED-IN-index-TSxj: var(--surface-color);--on-surface-color-SCOPED-IN-index-TSxj: var(--on-surface-color);--on-background-color-SCOPED-IN-index-TSxj: var(--on-background-color);--background-color-SCOPED-IN-index-TSxj: var(--background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-TSxj)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-TSxj);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-TSxj);--surface-color: var(--surface-color-SCOPED-IN-index-TSxj);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-TSxj);--background-color: var(--background-color-SCOPED-IN-index-TSxj);--on-background-color: var(--on-background-color-SCOPED-IN-index-TSxj)}\n"] }]
         }], propDecorators: { back: [], checkboxClick: [], itemClick: [] } });
 /**

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

@@ -9,7 +9,7 @@ import { injectOne } from '@ng-atomic/common/stores/entities';
 import { LoadingService } from '@ng-atomic/common/services/loading';
 import { injectModelName, injectModel } from '@ng-atomic/common/pipes/domain';
 import { SnackBarService } from '@ng-atomic/common/services/snack-bar';
-import { makeConfig } from '@ng-atomic/common/services/ui';
+import { makeConfig, injectIsRootPage, injectNavStartActions } from '@ng-atomic/common/services/ui';
 import { injectRouteParam, injectRouteParams } from '@ng-atomic/common/utils';
 import { camelCase } from 'lodash-es';
 import { computedAsync } from 'ngxtension/computed-async';
@@ -35,6 +35,8 @@ class FormPageStore extends InjectableComponent {
         const modelName = injectModelName();
         const entityId = injectRouteParam(injectEntityIdName());
         const entity = injectModel() ? injectOne(injectModel(), { id: entityId }) : signal(null);
+        const isRootPage = injectIsRootPage();
+        const navStartActions = injectNavStartActions(isRootPage);
         const fb = inject(FormBuilder);
         const mode = computed(() => entityId() === 'new' ? 'create' : 'update');
         return () => ({
@@ -46,6 +48,7 @@ class FormPageStore extends InjectableComponent {
             entityId: entityId(),
             entity: entity(),
             mode: mode(),
+            navStartActions: navStartActions(),
             navEndActions: [],
             title: mode() === 'create' ? `${modelName()}の作成` : `${modelName()}の更新`,
             actions: mode() === 'create'
@@ -65,6 +68,7 @@ class FormPageStore extends InjectableComponent {
         this.actions = input(_computed(() => this.config().actions));
         this.fieldMap = input(_computed(() => this.config().fieldMap));
         this.mode = input(_computed(() => this.config().mode));
+        this.navStartActions = input(_computed(() => this.config().navStartActions));
         this.navEndActions = input(_computed(() => this.config().navEndActions));
         this.params = injectRouteParams();
         // readonly Model = injectModel();
@@ -82,7 +86,7 @@ class FormPageStore extends InjectableComponent {
         }, { allowSignalWrites: true });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FormPageStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: FormPageStore, isStandalone: true, selector: "form-page-store", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, formFlatExcludes: { classPropertyName: "formFlatExcludes", publicName: "formFlatExcludes", isSignal: true, isRequired: false, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: false, transformFunction: null }, entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, fieldMap: { classPropertyName: "fieldMap", publicName: "fieldMap", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: FormPageStore, isStandalone: true, selector: "form-page-store", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, formFlatExcludes: { classPropertyName: "formFlatExcludes", publicName: "formFlatExcludes", isSignal: true, isRequired: false, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: false, transformFunction: null }, entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, fieldMap: { classPropertyName: "fieldMap", publicName: "fieldMap", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", 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 } }, providers: [
             EffectReducer,
         ], usesInheritance: true, ngImport: i0 }); }
 }
@@ -115,6 +119,7 @@ class FormPage extends NgAtomicComponent {
     <frames-router-outlet>
       <templates-form
         [actions]="store.activatedActions()"
+        [navStartActions]="store.navStartActions()"
         [navEndActions]="store.navEndActions()"
         [title]="store.title()"
         [form]="store.form()"
@@ -123,7 +128,7 @@ class FormPage extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     </frames-router-outlet>
-  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-uT1K: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-uT1K: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-uT1K: var(--page-width-lv3);--primary-color-SCOPED-IN-form-uT1K: var(--primary-color);--on-primary-color-SCOPED-IN-form-uT1K: var(--on-primary-color);--surface-color-SCOPED-IN-form-uT1K: var(--surface-color);--on-surface-color-SCOPED-IN-form-uT1K: var(--on-surface-color);--on-background-color-SCOPED-IN-form-uT1K: var(--on-background-color);--background-color-SCOPED-IN-form-uT1K: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-uT1K)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-uT1K);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-uT1K);--surface-color: var(--surface-color-SCOPED-IN-form-uT1K);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-uT1K);--background-color: var(--background-color-SCOPED-IN-form-uT1K);--on-background-color: var(--on-background-color-SCOPED-IN-form-uT1K)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-ZkJx: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-ZkJx: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-ZkJx: var(--page-width-lv3);--primary-color-SCOPED-IN-form-ZkJx: var(--primary-color);--on-primary-color-SCOPED-IN-form-ZkJx: var(--on-primary-color);--surface-color-SCOPED-IN-form-ZkJx: var(--surface-color);--on-surface-color-SCOPED-IN-form-ZkJx: var(--on-surface-color);--on-background-color-SCOPED-IN-form-ZkJx: var(--on-background-color);--background-color-SCOPED-IN-form-ZkJx: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-ZkJx)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-ZkJx);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-ZkJx);--surface-color: var(--surface-color-SCOPED-IN-form-ZkJx);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-ZkJx);--background-color: var(--background-color-SCOPED-IN-form-ZkJx);--on-background-color: var(--on-background-color-SCOPED-IN-form-ZkJx)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
 }
 __decorate([
     Effect(FormTemplate.ActionId.BACK),
@@ -146,6 +151,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
     <frames-router-outlet>
       <templates-form
         [actions]="store.activatedActions()"
+        [navStartActions]="store.navStartActions()"
         [navEndActions]="store.navEndActions()"
         [title]="store.title()"
         [form]="store.form()"
@@ -169,7 +175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                                 'formFlatExcludes',
                             ],
                         },
-                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-uT1K: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-uT1K: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-uT1K: var(--page-width-lv3);--primary-color-SCOPED-IN-form-uT1K: var(--primary-color);--on-primary-color-SCOPED-IN-form-uT1K: var(--on-primary-color);--surface-color-SCOPED-IN-form-uT1K: var(--surface-color);--on-surface-color-SCOPED-IN-form-uT1K: var(--on-surface-color);--on-background-color-SCOPED-IN-form-uT1K: var(--on-background-color);--background-color-SCOPED-IN-form-uT1K: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-uT1K)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-uT1K);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-uT1K);--surface-color: var(--surface-color-SCOPED-IN-form-uT1K);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-uT1K);--background-color: var(--background-color-SCOPED-IN-form-uT1K);--on-background-color: var(--on-background-color-SCOPED-IN-form-uT1K)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-ZkJx: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-ZkJx: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-ZkJx: var(--page-width-lv3);--primary-color-SCOPED-IN-form-ZkJx: var(--primary-color);--on-primary-color-SCOPED-IN-form-ZkJx: var(--on-primary-color);--surface-color-SCOPED-IN-form-ZkJx: var(--surface-color);--on-surface-color-SCOPED-IN-form-ZkJx: var(--on-surface-color);--on-background-color-SCOPED-IN-form-ZkJx: var(--on-background-color);--background-color-SCOPED-IN-form-ZkJx: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-ZkJx)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-ZkJx);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-ZkJx);--surface-color: var(--surface-color-SCOPED-IN-form-ZkJx);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-ZkJx);--background-color: var(--background-color-SCOPED-IN-form-ZkJx);--on-background-color: var(--on-background-color-SCOPED-IN-form-ZkJx)}\n"] }]
         }], propDecorators: { back: [], fileSelected: [] } });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-pages-form.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/form/form.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/form/ng-atomic-components-pages-form.ts"],"sourcesContent":["import { Component, Directive, InjectionToken, computed, effect, inject, input, signal } from '@angular/core';\nimport { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';\nimport { FormTemplate } from '@ng-atomic/components/templates/form';\nimport { Effect, EffectReducer, InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\nimport { AbstractControl, FormBuilder } from '@angular/forms';\nimport { injectOne } from '@ng-atomic/common/stores/entities';\nimport { LoadingService } from '@ng-atomic/common/services/loading';\nimport { injectModel, injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { SnackBarService } from '@ng-atomic/common/services/snack-bar';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { injectRouteParam, injectRouteParams } from '@ng-atomic/common/utils';\nimport { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';\nimport { camelCase } from 'lodash-es';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { map, startWith } from 'rxjs';\n\nenum ActionId {\n BACK = '[@ng-atomic/components/pages/form] Back',\n CREATE = '[@ng-atomic/components/pages/form] Create',\n UPDATE = '[@ng-atomic/components/pages/form] Update',\n FILE_SELECTED = '[@ng-atomic/components/pages/form] File Selected',\n}\n\nexport const ENTITY_ID_NAME = new InjectionToken<string>('[@ng-atomic/components/pages/form] EntityIdName');\n\nexport function provideEntityIdName(name: string) {\n return {provide: ENTITY_ID_NAME, useValue: name};\n}\n\nexport function injectEntityIdName() {\n return inject(ENTITY_ID_NAME, {optional: true}) ?? `${(camelCase(injectModelName()()))}Id`;\n}\n\n@Directive({\n standalone: true,\n selector: 'form-page-store',\n providers: [\n EffectReducer,\n ],\n})\nexport class FormPageStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n const modelName = injectModelName();\n const entityId = injectRouteParam(injectEntityIdName());\n const entity = injectModel() ? injectOne(injectModel(), {id: entityId}) : signal(null);\n const fb = inject(FormBuilder);\n const mode = computed(() => entityId() === 'new' ? 'create' : 'update');\n return () => ({\n form: fb.group({\n id: [],\n name: [],\n }) as AbstractControl,\n formFlatExcludes: [] as string[],\n entityId: entityId(),\n entity: entity(),\n mode: mode(),\n navEndActions: [],\n title: mode() === 'create' ? `${modelName()}の作成` : `${modelName()}の更新`,\n actions: mode() === 'create'\n ? [{ id: ActionId.CREATE, name: '作成', icon: 'add', color: 'primary' }]\n : [{id: ActionId.UPDATE, name: '更新', icon: 'save', color: 'primary' }],\n fieldMap: undefined as FormFieldMap,\n });\n }, ['components', 'pages', 'form']);\n\n readonly config = FormPageStore.Config.inject();\n readonly form = input(_computed(() => this.config().form));\n readonly formFlatExcludes = input(_computed(() => this.config().formFlatExcludes));\n readonly entityId = input(_computed(() => this.config().entityId));\n readonly entity = input(_computed(() => this.config().entity));\n readonly title = input(_computed(() => this.config().title));\n readonly actions = input(_computed(() => this.config().actions));\n readonly fieldMap = input(_computed(() => this.config().fieldMap));\n readonly mode = input(_computed(() => this.config().mode));\n readonly navEndActions = input(_computed(() => this.config().navEndActions));\n readonly params = injectRouteParams();\n // readonly Model = injectModel();\n\n readonly isValid = computedAsync(() => {\n return this.form().valueChanges.pipe(\n startWith(null),\n map(() => this.form().valid),\n );\n })\n\n readonly activatedActions = computed(() => {\n return this.actions().map(action => ({...action, disabled: !this.isValid()}));\n })\n\n constructor() {\n super();\n effect(() => {\n if (this.entity()) {\n this.form().reset();\n this.form().patchValue(this.entity());\n }\n }, {allowSignalWrites: true});\n }\n}\n\n@Component({\n selector: 'pages-form',\n standalone: true,\n imports: [\n RouterOutletFrame,\n FormTemplate,\n ],\n template: `\n <frames-router-outlet>\n <templates-form\n [actions]=\"store.activatedActions()\"\n [navEndActions]=\"store.navEndActions()\"\n [title]=\"store.title()\"\n [form]=\"store.form()\"\n [formFlatExcludes]=\"store.formFlatExcludes()\"\n [fieldMap]=\"store.fieldMap()\"\n (action)=\"dispatch($event)\"\n />\n </frames-router-outlet>\n `,\n styleUrl: './form.page.scss',\n hostDirectives: [\n {\n directive: FormPageStore,\n inputs: [\n 'fieldMap',\n 'entityId',\n 'entity',\n 'mode',\n 'navEndActions',\n 'actions',\n 'title',\n 'form',\n 'formFlatExcludes',\n ],\n },\n ],\n})\nexport class FormPage extends NgAtomicComponent {\n static readonly ActionId = ActionId;\n protected store = inject(FormPageStore);\n readonly loading = inject(LoadingService);\n readonly snackBar = inject(SnackBarService);\n\n @Effect(FormTemplate.ActionId.BACK)\n protected back() {\n this.dispatch({id: ActionId.BACK});\n }\n\n @Effect(FormTemplate.ActionId.FILE_SELECTED)\n protected fileSelected(payload: { scope: string, files: File[]}) {\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":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-pages-form.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/pages/form/form.page.ts","../../../../../packages/@ng-atomic/components/src/lib/pages/form/ng-atomic-components-pages-form.ts"],"sourcesContent":["import { Component, Directive, InjectionToken, computed, effect, inject, input, signal } from '@angular/core';\nimport { RouterOutletFrame } from '@ng-atomic/components/frames/router-outlet';\nimport { FormTemplate } from '@ng-atomic/components/templates/form';\nimport { Effect, EffectReducer, InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\nimport { AbstractControl, FormBuilder } from '@angular/forms';\nimport { injectOne } from '@ng-atomic/common/stores/entities';\nimport { LoadingService } from '@ng-atomic/common/services/loading';\nimport { injectModel, injectModelName } from '@ng-atomic/common/pipes/domain';\nimport { SnackBarService } from '@ng-atomic/common/services/snack-bar';\nimport { injectIsRootPage, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';\nimport { injectRouteParam, injectRouteParams } from '@ng-atomic/common/utils';\nimport { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';\nimport { camelCase } from 'lodash-es';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { map, startWith } from 'rxjs';\n\nenum ActionId {\n BACK = '[@ng-atomic/components/pages/form] Back',\n CREATE = '[@ng-atomic/components/pages/form] Create',\n UPDATE = '[@ng-atomic/components/pages/form] Update',\n FILE_SELECTED = '[@ng-atomic/components/pages/form] File Selected',\n}\n\nexport const ENTITY_ID_NAME = new InjectionToken<string>('[@ng-atomic/components/pages/form] EntityIdName');\n\nexport function provideEntityIdName(name: string) {\n return {provide: ENTITY_ID_NAME, useValue: name};\n}\n\nexport function injectEntityIdName() {\n return inject(ENTITY_ID_NAME, {optional: true}) ?? `${(camelCase(injectModelName()()))}Id`;\n}\n\n@Directive({\n standalone: true,\n selector: 'form-page-store',\n providers: [\n EffectReducer,\n ],\n})\nexport class FormPageStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n const modelName = injectModelName();\n const entityId = injectRouteParam(injectEntityIdName());\n const entity = injectModel() ? injectOne(injectModel(), {id: entityId}) : signal(null);\n const isRootPage = injectIsRootPage();\n const navStartActions = injectNavStartActions(isRootPage);\n const fb = inject(FormBuilder);\n const mode = computed(() => entityId() === 'new' ? 'create' : 'update');\n return () => ({\n form: fb.group({\n id: [],\n name: [],\n }) as AbstractControl,\n formFlatExcludes: [] as string[],\n entityId: entityId(),\n entity: entity(),\n mode: mode(),\n navStartActions: navStartActions(),\n navEndActions: [],\n title: mode() === 'create' ? `${modelName()}の作成` : `${modelName()}の更新`,\n actions: mode() === 'create'\n ? [{ id: ActionId.CREATE, name: '作成', icon: 'add', color: 'primary' }]\n : [{id: ActionId.UPDATE, name: '更新', icon: 'save', color: 'primary' }],\n fieldMap: undefined as FormFieldMap,\n });\n }, ['components', 'pages', 'form']);\n\n readonly config = FormPageStore.Config.inject();\n readonly form = input(_computed(() => this.config().form));\n readonly formFlatExcludes = input(_computed(() => this.config().formFlatExcludes));\n readonly entityId = input(_computed(() => this.config().entityId));\n readonly entity = input(_computed(() => this.config().entity));\n readonly title = input(_computed(() => this.config().title));\n readonly actions = input(_computed(() => this.config().actions));\n readonly fieldMap = input(_computed(() => this.config().fieldMap));\n readonly mode = input(_computed(() => this.config().mode));\n readonly navStartActions = input(_computed(() => this.config().navStartActions));\n readonly navEndActions = input(_computed(() => this.config().navEndActions));\n readonly params = injectRouteParams();\n // readonly Model = injectModel();\n\n readonly isValid = computedAsync(() => {\n return this.form().valueChanges.pipe(\n startWith(null),\n map(() => this.form().valid),\n );\n })\n\n readonly activatedActions = computed(() => {\n return this.actions().map(action => ({...action, disabled: !this.isValid()}));\n })\n\n constructor() {\n super();\n effect(() => {\n if (this.entity()) {\n this.form().reset();\n this.form().patchValue(this.entity());\n }\n }, {allowSignalWrites: true});\n }\n}\n\n@Component({\n selector: 'pages-form',\n standalone: true,\n imports: [\n RouterOutletFrame,\n FormTemplate,\n ],\n template: `\n <frames-router-outlet>\n <templates-form\n [actions]=\"store.activatedActions()\"\n [navStartActions]=\"store.navStartActions()\"\n [navEndActions]=\"store.navEndActions()\"\n [title]=\"store.title()\"\n [form]=\"store.form()\"\n [formFlatExcludes]=\"store.formFlatExcludes()\"\n [fieldMap]=\"store.fieldMap()\"\n (action)=\"dispatch($event)\"\n />\n </frames-router-outlet>\n `,\n styleUrl: './form.page.scss',\n hostDirectives: [\n {\n directive: FormPageStore,\n inputs: [\n 'fieldMap',\n 'entityId',\n 'entity',\n 'mode',\n 'navEndActions',\n 'actions',\n 'title',\n 'form',\n 'formFlatExcludes',\n ],\n },\n ],\n})\nexport class FormPage extends NgAtomicComponent {\n static readonly ActionId = ActionId;\n protected store = inject(FormPageStore);\n readonly loading = inject(LoadingService);\n readonly snackBar = inject(SnackBarService);\n\n @Effect(FormTemplate.ActionId.BACK)\n protected back() {\n this.dispatch({id: ActionId.BACK});\n }\n\n @Effect(FormTemplate.ActionId.FILE_SELECTED)\n protected fileSelected(payload: { scope: string, files: File[]}) {\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":[],"mappings":";;;;;;;;;;;;;;;;;AAgBA,IAAK,QAKJ,CAAA;AALD,CAAA,UAAK,QAAQ,EAAA;AACX,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,yCAAgD,CAAA;AAChD,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,2CAAoD,CAAA;AACpD,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,2CAAoD,CAAA;AACpD,IAAA,QAAA,CAAA,eAAA,CAAA,GAAA,kDAAkE,CAAA;AACpE,CAAC,EALI,QAAQ,KAAR,QAAQ,GAKZ,EAAA,CAAA,CAAA,CAAA;MAEY,cAAc,GAAG,IAAI,cAAc,CAAS,iDAAiD,EAAE;AAEtG,SAAU,mBAAmB,CAAC,IAAY,EAAA;IAC9C,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC;AACnD,CAAC;SAEe,kBAAkB,GAAA;IAChC,OAAO,MAAM,CAAC,cAAc,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,IAAI,CAAG,GAAC,SAAS,CAAC,eAAe,EAAE,EAAE,CAAC,EAAC,EAAA,CAAI,CAAC;AAC7F,CAAC;AASK,MAAO,aAAc,SAAQ,mBAAmB,CAAA;aACpC,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;AACpB,IAAA,SAAA,IAAA,CAAA,MAAM,GAAG,UAAU,CAAC,MAAK;AACvC,QAAA,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;AACpC,QAAA,MAAM,QAAQ,GAAG,gBAAgB,CAAC,kBAAkB,EAAE,CAAC,CAAC;QACxD,MAAM,MAAM,GAAG,WAAW,EAAE,GAAG,SAAS,CAAC,WAAW,EAAE,EAAE,EAAC,EAAE,EAAE,QAAQ,EAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACvF,QAAA,MAAM,UAAU,GAAG,gBAAgB,EAAE,CAAC;AACtC,QAAA,MAAM,eAAe,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;AAC1D,QAAA,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;QAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,QAAQ,EAAE,KAAK,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC;QACxE,OAAO,OAAO;AACZ,YAAA,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC;AACb,gBAAA,EAAE,EAAE,EAAE;AACN,gBAAA,IAAI,EAAE,EAAE;aACT,CAAoB;AACrB,YAAA,gBAAgB,EAAE,EAAc;YAChC,QAAQ,EAAE,QAAQ,EAAE;YACpB,MAAM,EAAE,MAAM,EAAE;YAChB,IAAI,EAAE,IAAI,EAAE;YACZ,eAAe,EAAE,eAAe,EAAE;AAClC,YAAA,aAAa,EAAE,EAAE;AACjB,YAAA,KAAK,EAAE,IAAI,EAAE,KAAK,QAAQ,GAAG,CAAA,EAAG,SAAS,EAAE,KAAK,GAAG,CAAG,EAAA,SAAS,EAAE,CAAK,GAAA,CAAA;AACtE,YAAA,OAAO,EAAE,IAAI,EAAE,KAAK,QAAQ;kBACxB,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;kBACpE,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AACxE,YAAA,QAAQ,EAAE,SAAyB;AACpC,SAAA,CAAC,CAAC;KACJ,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,CAzBZ,CAyBc,EAAA;AA2BpC,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;AA1BD,QAAA,IAAA,CAAA,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AACvC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAClD,QAAA,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAC1E,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC1D,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACtD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACpD,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AACxD,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC1D,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAClD,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AACxE,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;QACpE,IAAM,CAAA,MAAA,GAAG,iBAAiB,EAAE,CAAC;;AAG7B,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAK;YACpC,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,IAAI,CAClC,SAAS,CAAC,IAAI,CAAC,EACf,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAC7B,CAAC;AACJ,SAAC,CAAC,CAAA;AAEO,QAAA,IAAA,CAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;YACxC,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,MAAM,KAAK,EAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,EAAC,CAAC,CAAC,CAAC;AAChF,SAAC,CAAC,CAAA;QAIA,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE;AACjB,gBAAA,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC;gBACpB,IAAI,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AACvC,aAAA;AACH,SAAC,EAAE,EAAC,iBAAiB,EAAE,IAAI,EAAC,CAAC,CAAC;KAC/B;8GA9DU,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAJb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,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,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAAA;YACT,aAAa;AACd,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAEU,aAAa,EAAA,UAAA,EAAA,CAAA;kBAPzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,SAAS,EAAE;wBACT,aAAa;AACd,qBAAA;AACF,iBAAA,CAAA;;AAyGK,MAAO,QAAS,SAAQ,iBAAiB,CAAA;AAvC/C,IAAA,WAAA,GAAA;;AAyCY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AACjC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AAW7C,KAAA;aAdiB,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;IAM1B,IAAI,GAAA;QACZ,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,IAAI,EAAC,CAAC,CAAC;KACpC;AAGS,IAAA,YAAY,CAAC,OAAwC,EAAA;AAC7D,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,aAAa,EAAE,OAAO,EAAC,CAAC,CAAC;KACtD;8GAdU,QAAQ,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAxGR,aAAa,EAwEd,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,eAAA,EAAA,eAAA,EAAA,SAAA,EAAA,SAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,kBAAA,EAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;GAaT,EAhBC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+hCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,iBAAiB,iEACjB,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;AAyCJ,UAAA,CAAA;AADT,IAAA,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC;;;;AAGlC,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,MAAA,EAAA,IAAA,CAAA,CAAA;AAGS,UAAA,CAAA;AADT,IAAA,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC;;;;AAG3C,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,cAAA,EAAA,IAAA,CAAA,CAAA;2FAdU,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAvCpB,SAAS;+BACE,YAAY,EAAA,UAAA,EACV,IAAI,EACP,OAAA,EAAA;wBACP,iBAAiB;wBACjB,YAAY;qBACb,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;GAaT,EAEe,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,aAAa;AACxB,4BAAA,MAAM,EAAE;gCACN,UAAU;gCACV,UAAU;gCACV,QAAQ;gCACR,MAAM;gCACN,eAAe;gCACf,SAAS;gCACT,OAAO;gCACP,MAAM;gCACN,kBAAkB;AACnB,6BAAA;AACF,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,+hCAAA,CAAA,EAAA,CAAA;AASS,SAAA,CAAA,EAAA,cAAA,EAAA,EAAA,IAAI,MAKJ,YAAY,EAAA,EAAA,EAAA,EAAA,CAAA;;AC5JxB;;AAEG;;;;"}

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

@@ -100,7 +100,7 @@ let IndexTemplateStore = class IndexTemplateStore extends InjectableComponent {
                 { id: ActionId.TOGGLE_TYPE, icon: 'table', payload: 'table' },
             ],
             gridToolbarActions: [],
-            tableChildrenKey: '',
+            tableChildrenKey: null,
             itemActions: (item) => [{ id: ActionId.DETAIL, icon: 'open_in_new', payload: item }],
             items: [],
             title: `${modelName()}一覧`,
@@ -235,7 +235,7 @@ class IndexTemplate extends NgAtomicComponent {
       }
     </frames-auto-layout>
   </frames-scroll>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-aYu9: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-aYu9: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-aYu9: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-aYu9: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-aYu9: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-aYu9: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-aYu9: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-aYu9: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-aYu9: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-aYu9);--navigator-background-color-SCOPED-IN-index-aYu9: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-aYu9);--navigator-on-background-color-SCOPED-IN-index-aYu9: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-aYu9: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-aYu9: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-aYu9);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-index-aYu9);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-aYu9)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-aYu9);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-aYu9);--surface-color: var(--surface-color-SCOPED-IN-index-aYu9);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-aYu9);--background-color: var(--background-color-SCOPED-IN-index-aYu9);--on-background-color: var(--on-background-color-SCOPED-IN-index-aYu9)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-aYu9);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-aYu9)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-6ZfJ: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-6ZfJ: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-6ZfJ: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-6ZfJ: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-6ZfJ: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-6ZfJ: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-6ZfJ: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-6ZfJ: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-6ZfJ: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-6ZfJ);--navigator-background-color-SCOPED-IN-index-6ZfJ: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-6ZfJ);--navigator-on-background-color-SCOPED-IN-index-6ZfJ: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-6ZfJ: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-6ZfJ: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-6ZfJ);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-index-6ZfJ);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-6ZfJ)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-6ZfJ);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-6ZfJ);--surface-color: var(--surface-color-SCOPED-IN-index-6ZfJ);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-6ZfJ);--background-color: var(--background-color-SCOPED-IN-index-6ZfJ);--on-background-color: var(--on-background-color-SCOPED-IN-index-6ZfJ)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-6ZfJ);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-6ZfJ)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(TableOrganism.ActionId.HEADER_CLICK),
@@ -375,7 +375,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         }
                     ], providers: [
                         QueryResolverService,
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-aYu9: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-aYu9: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-aYu9: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-aYu9: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-aYu9: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-aYu9: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-aYu9: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-aYu9: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-aYu9: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-aYu9);--navigator-background-color-SCOPED-IN-index-aYu9: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-aYu9);--navigator-on-background-color-SCOPED-IN-index-aYu9: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-aYu9: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-aYu9: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-aYu9);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-index-aYu9);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-aYu9)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-aYu9);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-aYu9);--surface-color: var(--surface-color-SCOPED-IN-index-aYu9);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-aYu9);--background-color: var(--background-color-SCOPED-IN-index-aYu9);--on-background-color: var(--on-background-color-SCOPED-IN-index-aYu9)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-aYu9);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-aYu9)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-6ZfJ: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-6ZfJ: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-6ZfJ: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-6ZfJ: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-6ZfJ: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-6ZfJ: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-6ZfJ: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-6ZfJ: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-6ZfJ: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-6ZfJ);--navigator-background-color-SCOPED-IN-index-6ZfJ: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-6ZfJ);--navigator-on-background-color-SCOPED-IN-index-6ZfJ: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-6ZfJ: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-6ZfJ: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-6ZfJ);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-index-6ZfJ);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-6ZfJ)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-6ZfJ);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-6ZfJ);--surface-color: var(--surface-color-SCOPED-IN-index-6ZfJ);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-6ZfJ);--background-color: var(--background-color-SCOPED-IN-index-6ZfJ);--on-background-color: var(--on-background-color-SCOPED-IN-index-6ZfJ)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-6ZfJ);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-6ZfJ)}\n"] }]
         }], propDecorators: { onTableHeaderClick: [], onCheckboxClickItem: [], onItemClicked: [], onItemButtonClicked: [], back: [] } });
 /**

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

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

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

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

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

@@ -82,7 +82,7 @@ class EntranceTemplate extends NgAtomicComponent {
       }
     </frames-auto-layout>
   </frames-card>
-  `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-gSKS: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-gSKS: var(--background-color);--page-width-lv1-SCOPED-IN-entrance-gSKS: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-gSKS);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-gSKS)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-37gQ: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-37gQ: var(--background-color);--page-width-lv1-SCOPED-IN-entrance-37gQ: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-37gQ);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-37gQ)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceTemplate, decorators: [{
             type: Component,
@@ -129,7 +129,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: EntranceTemplateStore,
                             inputs: ['form', 'actions', 'title'],
                         },
-                    ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-gSKS: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-gSKS: var(--background-color);--page-width-lv1-SCOPED-IN-entrance-gSKS: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-gSKS);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-gSKS)}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-37gQ: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-37gQ: var(--background-color);--page-width-lv1-SCOPED-IN-entrance-37gQ: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-37gQ);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-37gQ)}\n"] }]
         }] });
 /**

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

@@ -269,7 +269,7 @@ class FormTemplate extends NgAtomicComponent {
       />
     </frames-auto-layout>
   </frames-scroll>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-2B1l: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-2B1l: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-2B1l: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-2B1l: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-2B1l: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-2B1l: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-2B1l: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-2B1l: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-2B1l: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-2B1l: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-2B1l);--navigator-background-color-SCOPED-IN-form-2B1l: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-2B1l);--navigator-on-background-color-SCOPED-IN-form-2B1l: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-2B1l)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-form-2B1l);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-2B1l)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-2B1l)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-2B1l);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-2B1l)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-2B1l);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-2B1l);--surface-color: var(--surface-color-SCOPED-IN-form-2B1l);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-2B1l);--background-color: var(--background-color-SCOPED-IN-form-2B1l);--on-background-color: var(--on-background-color-SCOPED-IN-form-2B1l)}\n"], dependencies: [{ kind: "pipe", type: DomainPipe, name: "domain" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: ActionButtonsSectionOrganismStore, selector: "organisms-action-buttons-section", inputs: ["actions", "type"] }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section" }, { kind: "component", type: DateRangeInputSectionOrganism, selector: "organisms-date-range-input-section" }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-v9OL: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-v9OL: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-v9OL: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-v9OL: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-v9OL: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-v9OL: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-v9OL: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-v9OL: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-v9OL: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-v9OL: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-v9OL);--navigator-background-color-SCOPED-IN-form-v9OL: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-v9OL);--navigator-on-background-color-SCOPED-IN-form-v9OL: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-v9OL)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-form-v9OL);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-v9OL)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-v9OL)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-v9OL);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-v9OL)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-v9OL);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-v9OL);--surface-color: var(--surface-color-SCOPED-IN-form-v9OL);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-v9OL);--background-color: var(--background-color-SCOPED-IN-form-v9OL);--on-background-color: var(--on-background-color-SCOPED-IN-form-v9OL)}\n"], dependencies: [{ kind: "pipe", type: DomainPipe, name: "domain" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: ActionButtonsSectionOrganismStore, selector: "organisms-action-buttons-section", inputs: ["actions", "type"] }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section" }, { kind: "component", type: DateRangeInputSectionOrganism, selector: "organisms-date-range-input-section" }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(NavActionId.BACK),
@@ -461,7 +461,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                                 'fieldMap',
                             ],
                         },
-                    ], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-2B1l: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-2B1l: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-2B1l: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-2B1l: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-2B1l: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-2B1l: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-2B1l: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-2B1l: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-2B1l: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-2B1l: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-2B1l);--navigator-background-color-SCOPED-IN-form-2B1l: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-2B1l);--navigator-on-background-color-SCOPED-IN-form-2B1l: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-2B1l)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-form-2B1l);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-2B1l)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-2B1l)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-2B1l);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-2B1l)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-2B1l);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-2B1l);--surface-color: var(--surface-color-SCOPED-IN-form-2B1l);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-2B1l);--background-color: var(--background-color-SCOPED-IN-form-2B1l);--on-background-color: var(--on-background-color-SCOPED-IN-form-2B1l)}\n"] }]
+                    ], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-v9OL: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-v9OL: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-v9OL: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-v9OL: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-v9OL: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-v9OL: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-v9OL: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-v9OL: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-v9OL: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-v9OL: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-v9OL);--navigator-background-color-SCOPED-IN-form-v9OL: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-v9OL);--navigator-on-background-color-SCOPED-IN-form-v9OL: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-v9OL)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-form-v9OL);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-v9OL)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-v9OL)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-v9OL);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-v9OL)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-v9OL);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-v9OL);--surface-color: var(--surface-color-SCOPED-IN-form-v9OL);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-v9OL);--background-color: var(--background-color-SCOPED-IN-form-v9OL);--on-background-color: var(--on-background-color-SCOPED-IN-form-v9OL)}\n"] }]
         }], propDecorators: { back: [] } });
 /**

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

@@ -34,7 +34,7 @@ class IconButtonMenuTemplate extends NgAtomicComponent {
         <mat-icon>{{ action.icon }}</mat-icon>
       </button>
     }
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-GITR: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-GITR: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-GITR: var(--secondary-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-GITR: 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(--primary-color-SCOPED-IN-icon-button-menu-GITR)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-GITR)}\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-oM42: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-oM42: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-oM42: var(--secondary-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-oM42: 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(--primary-color-SCOPED-IN-icon-button-menu-oM42)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-oM42)}\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-GITR: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-GITR: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-GITR: var(--secondary-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-GITR: 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(--primary-color-SCOPED-IN-icon-button-menu-GITR)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-GITR)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-oM42: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-oM42: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-oM42: var(--secondary-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-oM42: 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(--primary-color-SCOPED-IN-icon-button-menu-oM42)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-oM42)}\n"] }]
         }] });
 /**