npm - @ng-atomic/components - Versions diffs - 19.51.0 → 19.80.0 - Mend

@ng-atomic/components 19.51.0 → 19.80.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 (120) hide show

package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-navigation-list.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/navigation-list/navigation-list.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/navigation-list/ng-atomic-components-organisms-navigation-list.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Directive, inject, input } from '@angular/core';\nimport { MatListModule } from '@angular/material/list';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { Action } from '@ng-atomic/core';\nimport { NavigationListItemMolecule, NavigationListItemMoleculeStore } from '@ng-atomic/components/molecules/navigation-list-item';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-navigation-list' })\nexport class NavigationListOrganismStore extends InjectableComponent {\n readonly actions = input<Action<string>[]>([]);\n readonly type = input<'selection' \| 'nav'>('nav');\n}\n\n@Component({\n selector: 'organisms-navigation-list',\n imports: [\n MatListModule,\n NavigationListItemMoleculeStore,\n ~~// NavigationListItemMolecule,\~~n ],\n template: `\n @switch(store.type()) {\n @case ('selection') {\n <mat-selection-list [multiple]=\"false\">\n <!-- TODO(@nontangent): ClickイベントがInjectableComponentでまだ拾えていない -->\n @for (action of store.actions(); track action.id) {\n <molecules-navigation-list-item injectable\n [action]=\"action\"\n (click)=\"dispatch(action)\"\n />\n }\n </mat-selection-list>\n }\n @case ('nav') {\n <mat-nav-list>\n @for (action of store.actions(); track action.id) {\n <molecules-navigation-list-item injectable\n [activated]=\"action?.disabled\"\n [action]=\"action\"\n (click)=\"dispatch(action)\"\n />\n }\n </mat-nav-list>\n }\n }\n `,\n styleUrls: ['./navigation-list.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: NavigationListOrganismStore,\n inputs: ['actions', 'type'],\n },\n ]\n})\nexport class NavigationListOrganism extends NgAtomicComponent {\n protected store = inject(NavigationListOrganismStore);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;AAQO,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,mBAAmB,CAAA;AAA7D,IAAA,WAAA,GAAA;;AACI,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAmB,EAAE,mDAAC;AACrC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAsB,KAAK,gDAAC;AAClD,IAAA;8GAHY,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,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,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AAA3B,2BAA2B,GAAA,UAAA,CAAA;AAFvC,IAAA,aAAa;AAED,CAAA,EAAA,2BAA2B,CAGvC;2FAHY,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBADvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,2BAA2B,EAAE;;AAgDhE,MAAO,sBAAuB,SAAQ,iBAAiB,CAAA;AA1C7D,IAAA,WAAA,GAAA;;AA2CY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,2BAA2B,CAAC;AACtD,IAAA;8GAFY,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EA/CtB,2BAA2B,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAY1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBX,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2tCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA7BK,aAAa,yWACb,+BAA+B,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAsC1B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBA1ClC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,EAAA,OAAA,EAC5B;wBACL,aAAa;wBACb,+BAA+B;;qBAElC,EAAA,QAAA,EACS;;;;;;;;;;;;;;;;;;;;;;;;;GAyBX,EAAA,eAAA,EAEkB,uBAAuB,CAAC,MAAM,EAAA,cAAA,EAC/B;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,2BAA2B;AACtC,4BAAA,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;AAC9B,yBAAA;AACJ,qBAAA,EAAA,MAAA,EAAA,CAAA,2tCAAA,CAAA,EAAA;;;ACrDL;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-navigation-list.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/navigation-list/navigation-list.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/navigation-list/ng-atomic-components-organisms-navigation-list.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Directive, inject, input } from '@angular/core';\nimport { MatListModule } from '@angular/material/list';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { Action } from '@ng-atomic/core';\nimport { NavigationListItemMolecule, NavigationListItemMoleculeStore } from '@ng-atomic/components/molecules/navigation-list-item';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-navigation-list' })\nexport class NavigationListOrganismStore extends InjectableComponent {\n readonly actions = input<Action<string>[]>([]);\n readonly type = input<'selection' \| 'nav'>('nav');\n}\n\n@Component({\n selector: 'organisms-navigation-list',\n imports: [\n MatListModule,\n NavigationListItemMoleculeStore,\n \n ],\n template: `\n @switch(store.type()) {\n @case ('selection') {\n <mat-selection-list [multiple]=\"false\">\n <!-- TODO(@nontangent): ClickイベントがInjectableComponentでまだ拾えていない -->\n @for (action of store.actions(); track action.id) {\n <molecules-navigation-list-item injectable\n [action]=\"action\"\n (click)=\"dispatch(action)\"\n />\n }\n </mat-selection-list>\n }\n @case ('nav') {\n <mat-nav-list>\n @for (action of store.actions(); track action.id) {\n <molecules-navigation-list-item injectable\n [activated]=\"action?.disabled\"\n [action]=\"action\"\n (click)=\"dispatch(action)\"\n />\n }\n </mat-nav-list>\n }\n }\n `,\n styleUrls: ['./navigation-list.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: NavigationListOrganismStore,\n inputs: ['actions', 'type'],\n },\n ]\n})\nexport class NavigationListOrganism extends NgAtomicComponent {\n protected store = inject(NavigationListOrganismStore);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;AAQO,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,mBAAmB,CAAA;AAA7D,IAAA,WAAA,GAAA;;AACI,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAmB,EAAE,mDAAC;AACrC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAsB,KAAK,gDAAC;AAClD,IAAA;8GAHY,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,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,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AAA3B,2BAA2B,GAAA,UAAA,CAAA;AAFvC,IAAA,aAAa;AAED,CAAA,EAAA,2BAA2B,CAGvC;2FAHY,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBADvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,2BAA2B,EAAE;;AAgDhE,MAAO,sBAAuB,SAAQ,iBAAiB,CAAA;AA1C7D,IAAA,WAAA,GAAA;;AA2CY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,2BAA2B,CAAC;AACtD,IAAA;8GAFY,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EA/CtB,2BAA2B,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAY1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBX,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2tCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA7BK,aAAa,yWACb,+BAA+B,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAsC1B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBA1ClC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,EAAA,OAAA,EAC5B;wBACL,aAAa;wBACb,+BAA+B;qBAElC,EAAA,QAAA,EACS;;;;;;;;;;;;;;;;;;;;;;;;;GAyBX,EAAA,eAAA,EAEkB,uBAAuB,CAAC,MAAM,EAAA,cAAA,EAC/B;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,2BAA2B;AACtC,4BAAA,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;AAC9B,yBAAA;AACJ,qBAAA,EAAA,MAAA,EAAA,CAAA,2tCAAA,CAAA,EAAA;;;ACrDL;;AAEG;;;;"}

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

@@ -91,7 +91,7 @@ class NavigatorOrganism extends NgAtomicComponent {
         <atoms-menu-button [action]="action" (action)="dispatch($event)" injectable/>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-5YSi: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-5YSi: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-5YSi: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-5YSi: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-5YSi: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-5YSi: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-5YSi);color:var(--on-background-color-SCOPED-IN-navigator-5YSi)}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-X3s7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-X3s7: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-X3s7: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-X3s7: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-X3s7: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-X3s7: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-X3s7);color:var(--on-background-color-SCOPED-IN-navigator-X3s7)}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NavigatorOrganism, decorators: [{
             type: Component,
@@ -128,7 +128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'title',
                             ],
                         }
-                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-5YSi: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-5YSi: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-5YSi: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-5YSi: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-5YSi: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-5YSi: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-5YSi);color:var(--on-background-color-SCOPED-IN-navigator-5YSi)}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-X3s7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-X3s7: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-X3s7: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-X3s7: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-X3s7: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-X3s7: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-X3s7);color:var(--on-background-color-SCOPED-IN-navigator-X3s7)}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
         }] });
 /**

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

@@ -49,7 +49,7 @@ class NumberInputSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-5EA9: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-5EA9) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-5EA9)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-wwca: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-wwca) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-wwca)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NumberInputSectionOrganism, decorators: [{
             type: Component,
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                             directive: NumberInputSectionOrganismStore,
                             inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-5EA9: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-5EA9) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-5EA9)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-wwca: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-wwca) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-wwca)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 /**

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

@@ -47,7 +47,7 @@ class PaginatorOrganism extends NgAtomicComponent {
       [pageSizeOptions]="store.pageSizeOptions()"
       (page)="onPageChange($event)"
     />
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-2FKF: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-2FKF: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-2FKF: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-2FKF: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-2FKF: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-2FKF: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-2FKF: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-2FKF);color:var(--on-background-color-SCOPED-IN-paginator-2FKF);min-width:440px}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-uDUR: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-uDUR: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-uDUR: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-uDUR: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-uDUR: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-uDUR: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-uDUR: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-uDUR);color:var(--on-background-color-SCOPED-IN-paginator-uDUR);min-width:440px}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: PaginatorOrganism, decorators: [{
             type: Component,
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                             directive: PaginatorOrganismStore,
                             inputs: ['form', 'pageSizeOptions', 'itemLength'],
                         },
-                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-2FKF: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-2FKF: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-2FKF: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-2FKF: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-2FKF: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-2FKF: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-2FKF: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-2FKF);color:var(--on-background-color-SCOPED-IN-paginator-2FKF);min-width:440px}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-uDUR: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-uDUR: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-uDUR: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-uDUR: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-uDUR: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-uDUR: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-uDUR: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-uDUR);color:var(--on-background-color-SCOPED-IN-paginator-uDUR);min-width:440px}\n"] }]
         }] });
 /**

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

@@ -48,7 +48,7 @@ class PasswordInputSectionOrganism extends NgAtomicComponent {
       [type]="store.actionButtonType()"
       (action)="dispatch($event)"
     />
-  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-0hlS: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-0hlS) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-0hlS)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-psTH: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-psTH) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-psTH)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: PasswordInputSectionOrganism, decorators: [{
             type: Component,
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                             directive: PasswordInputSectionOrganismStore,
                             inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
                         },
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-0hlS: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-0hlS) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-0hlS)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-psTH: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-psTH) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-psTH)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 /**

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

@@ -47,7 +47,7 @@ class SelectInputSectionOrganism extends NgAtomicComponent {
       [actions]="store.actions()"
       (action)="dispatch($event)"
     />
-  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-nIqv: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-nIqv) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-nIqv)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: MenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-0T6H: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-0T6H) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-0T6H)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: MenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
             type: Component,
@@ -73,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                             directive: SelectInputSectionOrganismStore,
                             inputs: ['actions', 'hint', 'placeholder', 'label', 'control', 'options', 'multiple'],
                         }
-                    ], host: { 'class': 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-nIqv: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-nIqv) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-nIqv)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], host: { 'class': 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-0T6H: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-0T6H) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-0T6H)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 /**

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

@@ -56,7 +56,7 @@ class SliderInputSectionOrganism extends NgAtomicComponent {
         matSliderThumb
       >
     </mat-slider>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-rGWI: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-rGWI: var(--mat-form-field-outlined-label-text-populated-size);--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-rGWI: var(--mat-form-field-outlined-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-rGWI);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-rGWI);color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-rGWI);transform:scale(.75);transform-origin:top left}\n"], dependencies: [{ kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-WAJY: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-WAJY: var(--mat-form-field-outlined-label-text-populated-size);--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-WAJY: var(--mat-form-field-outlined-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-WAJY);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-WAJY);color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-WAJY);transform:scale(.75);transform-origin:top left}\n"], dependencies: [{ kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SliderInputSectionOrganism, decorators: [{
             type: Component,
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                             directive: SliderInputSectionOrganismStore,
                             inputs: ['control', 'min', 'max', 'step', 'thumbLabel', 'label'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-rGWI: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-rGWI: var(--mat-form-field-outlined-label-text-populated-size);--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-rGWI: var(--mat-form-field-outlined-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-rGWI);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-rGWI);color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-rGWI);transform:scale(.75);transform-origin:top left}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-WAJY: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-WAJY: var(--mat-form-field-outlined-label-text-populated-size);--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-WAJY: var(--mat-form-field-outlined-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-WAJY);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-WAJY);color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-WAJY);transform:scale(.75);transform-origin:top left}\n"] }]
         }] });
 /**

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

@@ -9,14 +9,14 @@ class SocialLoginSectionOrganism {
         this.signInWithGoogleButtonClick = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SocialLoginSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-bVQz: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-bVQz);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-I6IG: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-I6IG);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SocialLoginSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-social-login-section', standalone: true, imports: [
                         CommonModule,
                         MatButtonModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-bVQz: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-bVQz);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-I6IG: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-I6IG);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
         }], propDecorators: { signInWithGoogleButtonClick: [{
                 type: Output
             }] } });

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

@@ -19,7 +19,7 @@ class StripeFormService {
         return this.fb.group({
             email: ['', [Validators.required, Validators.email]],
             address: this.fb.group({
-                city: ['', []], // MEMO(@nontangent): 住所のオートコンプリートによってはここが入力されないので必須を外している。
+                city: ['', []],
                 country: ['', [Validators.required]],
                 line1: ['', [Validators.required]],
                 line2: ['', []],
@@ -128,12 +128,9 @@ class StripeInputSectionOrganism extends NgAtomicComponent {
                 return this.paymentElementLoaded$.pipe(map((loaded) => loaded ? null : { stripeLoaded: true }));
             });
         });
-        // effect(() => {
-        //   this.linkAuthElement().
-        // })
     }
     onLoad(event) {
-        // console.debug('onLoad:', event.);
+        void 0;
     }
     onChangeAuthentication(event) {
         console.debug('onChangeAuthentication', event);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-stripe-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/stripe-input-section/stripe-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/stripe-input-section/ng-atomic-components-organisms-stripe-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, Injectable, computed, effect, inject, input, viewChild } from '@angular/core';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { FormBuilder, Validators } from '@angular/forms';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { LoadingBoxMoleculeStore } from '@ng-atomic/components/molecules/loading-box';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { Appearance, StripeAddressElementChangeEvent, StripeAddressElementOptions, StripeElementsOptions, StripeLinkAuthenticationElement, StripeLinkAuthenticationElementChangeEvent, StripeLinkAuthenticationElementOptions, StripePaymentElementChangeEvent, StripePaymentElementOptions } from '@stripe/stripe-js';\nimport { StripeAddressComponent, StripeCardComponent, StripeElementsDirective, StripeLinkAuthenticationComponent, StripePaymentElementComponent, injectStripe } from 'ngx-stripe';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { map, of } from 'rxjs';\n\n@Injectable({providedIn: 'root'})\nexport class StripeFormService {\n readonly fb = inject(FormBuilder);\n\n build() {\n return this.fb.group({\n email: ['', [Validators.required, Validators.email]],\n address: this.fb.group({\n city: ['', []], // MEMO(@nontangent): 住所のオートコンプリートによってはここが入力されないので必須を外している。\n country: ['', [Validators.required]],\n line1: ['', [Validators.required]],\n line2: ['', []],\n postalCode: ['', [Validators.required]],\n state: ['', [Validators.required]],\n }),\n name: ['', [Validators.required]],\n paymentMethodType: ['', [Validators.required]],\n });\n }\n}\n\n@TokenizedType()\n@Directive({standalone: true, selector: 'organisms-stripe-input-section'})\nexport class StripeInputSectionOrganismStore extends InjectableComponent {\n static readonly Config = makeConfig(() => {\n return () => ({\n form: inject(StripeFormService).build(),\n clientSecret: null as string \| null,\n appearance: {\n theme: 'stripe',\n labels: 'above',\n variables: {\n colorPrimary: 'var(--accent-color)',\n },\n } as Appearance,\n linkOptions: {\n defaultValues: {\n email: ''\n },\n } as StripeLinkAuthenticationElementOptions,\n addressOptions: {\n mode: 'shipping',\n defaultValues: { }\n } as StripeAddressElementOptions,\n paymentOptions: {\n defaultValues: {\n billingDetails: {},\n },\n terms: {\n card: 'always',\n applePay: 'never',\n },\n } as StripePaymentElementOptions,\n elementsOptions: {\n locale: 'ja',\n language: 'ja',\n appearance: {\n theme: 'stripe',\n labels: 'above',\n variables: {\n colorPrimary: '#404040',\n },\n },\n loader: 'always',\n } as StripeElementsOptions,\n })\n }, ['components', 'organisms', 'organisms-stripe-input-section']);\n readonly config = StripeInputSectionOrganismStore.Config.inject();\n readonly form = input(_computed(() => this.config().form));\n readonly clientSecret = input(_computed(() => this.config()?.clientSecret));\n readonly ephemeralKey = input<{ ephemeralKey: { associated_objects: {id: string}[], secret: string} }>();\n readonly appearance = input(_computed(() => this.config().appearance));\n readonly linkOptions = input(_computed(() => this.config().linkOptions));\n readonly addressOptions = input(_computed(() => this.config().addressOptions));\n readonly paymentOptions = input(_computed(() => this.config().paymentOptions));\n readonly elementsOptions = input(_computed(() => this.config().elementsOptions));\n readonly _elementsOptions = computed(() => ({\n ...this.elementsOptions(),\n clientSecret: this.clientSecret(),\n }));\n}\n\n@Component({\n selector: 'organisms-stripe-input-section',\n imports: [\n StripeElementsDirective,\n StripePaymentElementComponent,\n StripeLinkAuthenticationComponent,\n StripeAddressComponent,\n LoadingBoxMoleculeStore,\n ],\n template: `\n @if (store._elementsOptions()?.clientSecret) {\n <ngx-stripe-elements\n [stripe]=\"stripe\"\n [elementsOptions]=\"store._elementsOptions()\"\n >\n <ngx-stripe-link-authentication\n [options]=\"store.linkOptions()\"\n (change)=\"onChangeAuthentication($event)\"\n (load)=\"onLoad($event)\"\n />\n <ngx-stripe-address\n [options]=\"store.addressOptions()\"\n (change)=\"onChangeAddress($event)\"\n />\n <ngx-stripe-payment\n [appearance]=\"store.appearance()\"\n [elementsOptions]=\"store.elementsOptions()\"\n [options]=\"store.paymentOptions()\"\n (change)=\"onChangePayment($event)\"\n />\n </ngx-stripe-elements>\n } @else { <molecules-loading-box [loadingMessage]=\"'支払いフォームを初期化中'\" injectable/> }\n `,\n styleUrl: './stripe-input-section.organism.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: StripeInputSectionOrganismStore,\n inputs: [\n 'form',\n 'clientSecret', 'ephemeralKey', 'appearance',\n 'linkOptions', 'addressOptions', 'paymentOptions', 'elementsOptions'\n ],\n },\n ]\n})\nexport class StripeInputSectionOrganism extends NgAtomicComponent {\n protected readonly store = inject(StripeInputSectionOrganismStore);\n readonly stripe = injectStripe();\n readonly linkAuthElement = viewChild(StripeLinkAuthenticationComponent);\n readonly paymentElement = viewChild(StripePaymentElementComponent);\n readonly addressElement = viewChild(StripeAddressComponent);\n\n readonly paymentElementLoaded = computedAsync(() => {\n if (this.paymentElement()) {\n return this.paymentElement()?.load.pipe(map(() => true));\n }\n return of(false);\n });\n readonly paymentElementLoaded$ = toObservable(this.paymentElementLoaded);\n\n constructor() {\n super();\n effect(() => {\n this.store.form().setAsyncValidators(() => {\n return this.paymentElementLoaded$.pipe(map((loaded) => loaded ? null : {stripeLoaded: true}));\n });\n });\n\n // effect(() => {\n // this.linkAuthElement().\n // })\n }\n\n protected onLoad(event: StripeLinkAuthenticationElement) {\n // console.debug('onLoad:', event.);\n }\n \n protected onChangeAuthentication(event: StripeLinkAuthenticationElementChangeEvent) {\n console.debug('onChangeAuthentication', event);\n this.store.form().patchValue({email: event.value.email});\n }\n\n protected onChangeAddress(event: StripeAddressElementChangeEvent) {\n this.store.form().patchValue({\n address: {\n ...event.value.address,\n postalCode: event.value.address.postal_code,\n },\n name: event.value.name\n });\n }\n\n protected onChangePayment(event: StripePaymentElementChangeEvent) {\n this.store.form().patchValue({paymentMethodType: event.value.type});\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-organisms-stripe-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/stripe-input-section/stripe-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/stripe-input-section/ng-atomic-components-organisms-stripe-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, Injectable, computed, effect, inject, input, viewChild } from '@angular/core';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { FormBuilder, Validators } from '@angular/forms';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { LoadingBoxMoleculeStore } from '@ng-atomic/components/molecules/loading-box';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { Appearance, StripeAddressElementChangeEvent, StripeAddressElementOptions, StripeElementsOptions, StripeLinkAuthenticationElement, StripeLinkAuthenticationElementChangeEvent, StripeLinkAuthenticationElementOptions, StripePaymentElementChangeEvent, StripePaymentElementOptions } from '@stripe/stripe-js';\nimport { StripeAddressComponent, StripeCardComponent, StripeElementsDirective, StripeLinkAuthenticationComponent, StripePaymentElementComponent, injectStripe } from 'ngx-stripe';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { map, of } from 'rxjs';\n\n@Injectable({providedIn: 'root'})\nexport class StripeFormService {\n readonly fb = inject(FormBuilder);\n\n build() {\n return this.fb.group({\n email: ['', [Validators.required, Validators.email]],\n address: this.fb.group({\n city: ['', []], \n country: ['', [Validators.required]],\n line1: ['', [Validators.required]],\n line2: ['', []],\n postalCode: ['', [Validators.required]],\n state: ['', [Validators.required]],\n }),\n name: ['', [Validators.required]],\n paymentMethodType: ['', [Validators.required]],\n });\n }\n}\n\n@TokenizedType()\n@Directive({standalone: true, selector: 'organisms-stripe-input-section'})\nexport class StripeInputSectionOrganismStore extends InjectableComponent {\n static readonly Config = makeConfig(() => {\n return () => ({\n form: inject(StripeFormService).build(),\n clientSecret: null as string \| null,\n appearance: {\n theme: 'stripe',\n labels: 'above',\n variables: {\n colorPrimary: 'var(--accent-color)',\n },\n } as Appearance,\n linkOptions: {\n defaultValues: {\n email: ''\n },\n } as StripeLinkAuthenticationElementOptions,\n addressOptions: {\n mode: 'shipping',\n defaultValues: { }\n } as StripeAddressElementOptions,\n paymentOptions: {\n defaultValues: {\n billingDetails: {},\n },\n terms: {\n card: 'always',\n applePay: 'never',\n },\n } as StripePaymentElementOptions,\n elementsOptions: {\n locale: 'ja',\n language: 'ja',\n appearance: {\n theme: 'stripe',\n labels: 'above',\n variables: {\n colorPrimary: '#404040',\n },\n },\n loader: 'always',\n } as StripeElementsOptions,\n })\n }, ['components', 'organisms', 'organisms-stripe-input-section']);\n readonly config = StripeInputSectionOrganismStore.Config.inject();\n readonly form = input(_computed(() => this.config().form));\n readonly clientSecret = input(_computed(() => this.config()?.clientSecret));\n readonly ephemeralKey = input<{ ephemeralKey: { associated_objects: {id: string}[], secret: string} }>();\n readonly appearance = input(_computed(() => this.config().appearance));\n readonly linkOptions = input(_computed(() => this.config().linkOptions));\n readonly addressOptions = input(_computed(() => this.config().addressOptions));\n readonly paymentOptions = input(_computed(() => this.config().paymentOptions));\n readonly elementsOptions = input(_computed(() => this.config().elementsOptions));\n readonly _elementsOptions = computed(() => ({\n ...this.elementsOptions(),\n clientSecret: this.clientSecret(),\n }));\n}\n\n@Component({\n selector: 'organisms-stripe-input-section',\n imports: [\n StripeElementsDirective,\n StripePaymentElementComponent,\n StripeLinkAuthenticationComponent,\n StripeAddressComponent,\n LoadingBoxMoleculeStore,\n ],\n template: `\n @if (store._elementsOptions()?.clientSecret) {\n <ngx-stripe-elements\n [stripe]=\"stripe\"\n [elementsOptions]=\"store._elementsOptions()\"\n >\n <ngx-stripe-link-authentication\n [options]=\"store.linkOptions()\"\n (change)=\"onChangeAuthentication($event)\"\n (load)=\"onLoad($event)\"\n />\n <ngx-stripe-address\n [options]=\"store.addressOptions()\"\n (change)=\"onChangeAddress($event)\"\n />\n <ngx-stripe-payment\n [appearance]=\"store.appearance()\"\n [elementsOptions]=\"store.elementsOptions()\"\n [options]=\"store.paymentOptions()\"\n (change)=\"onChangePayment($event)\"\n />\n </ngx-stripe-elements>\n } @else { <molecules-loading-box [loadingMessage]=\"'支払いフォームを初期化中'\" injectable/> }\n `,\n styleUrl: './stripe-input-section.organism.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: StripeInputSectionOrganismStore,\n inputs: [\n 'form',\n 'clientSecret', 'ephemeralKey', 'appearance',\n 'linkOptions', 'addressOptions', 'paymentOptions', 'elementsOptions'\n ],\n },\n ]\n})\nexport class StripeInputSectionOrganism extends NgAtomicComponent {\n protected readonly store = inject(StripeInputSectionOrganismStore);\n readonly stripe = injectStripe();\n readonly linkAuthElement = viewChild(StripeLinkAuthenticationComponent);\n readonly paymentElement = viewChild(StripePaymentElementComponent);\n readonly addressElement = viewChild(StripeAddressComponent);\n\n readonly paymentElementLoaded = computedAsync(() => {\n if (this.paymentElement()) {\n return this.paymentElement()?.load.pipe(map(() => true));\n }\n return of(false);\n });\n readonly paymentElementLoaded$ = toObservable(this.paymentElementLoaded);\n\n constructor() {\n super();\n effect(() => {\n this.store.form().setAsyncValidators(() => {\n return this.paymentElementLoaded$.pipe(map((loaded) => loaded ? null : {stripeLoaded: true}));\n });\n });\n\n \n \n \n }\n\n protected onLoad(event: StripeLinkAuthenticationElement) {\n void 0;\n }\n \n protected onChangeAuthentication(event: StripeLinkAuthenticationElementChangeEvent) {\n console.debug('onChangeAuthentication', event);\n this.store.form().patchValue({email: event.value.email});\n }\n\n protected onChangeAddress(event: StripeAddressElementChangeEvent) {\n this.store.form().patchValue({\n address: {\n ...event.value.address,\n postalCode: event.value.address.postal_code,\n },\n name: event.value.name\n });\n }\n\n protected onChangePayment(event: StripePaymentElementChangeEvent) {\n this.store.form().patchValue({paymentMethodType: event.value.type});\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;MAYa,iBAAiB,CAAA;AAD9B,IAAA,WAAA,GAAA;AAEW,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC;AAiBlC,IAAA;IAfC,KAAK,GAAA;AACH,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;AACnB,YAAA,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;AACpD,YAAA,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;AACrB,gBAAA,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;gBACd,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;gBACpC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AAClC,gBAAA,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;gBACf,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;gBACvC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;aACnC,CAAC;YACF,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YACjC,iBAAiB,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AAC/C,SAAA,CAAC;IACJ;8GAjBW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,cADL,MAAM,EAAA,CAAA,CAAA;;2FAClB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B,UAAU;mBAAC,EAAC,UAAU,EAAE,MAAM,EAAC;;AAuBzB,IAAM,+BAA+B,GAArC,MAAM,+BAAgC,SAAQ,mBAAmB,CAAA;AAAjE,IAAA,WAAA,GAAA;;AA4CI,QAAA,IAAA,CAAA,MAAM,GAAG,iCAA+B,CAAC,MAAM,CAAC,MAAM,EAAE;AACxD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,gDAAC;AACjD,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,YAAY,CAAC,wDAAC;QAClE,IAAA,CAAA,YAAY,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA2E;AAC/F,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,UAAU,CAAC,sDAAC;AAC7D,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,WAAW,CAAC,uDAAC;AAC/D,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,cAAc,CAAC,0DAAC;AACrE,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,cAAc,CAAC,0DAAC;AACrE,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,2DAAC;AACvE,QAAA,IAAA,CAAA,gBAAgB,GAAG,QAAQ,CAAC,OAAO;YAC1C,GAAG,IAAI,CAAC,eAAe,EAAE;AACzB,YAAA,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE;AAClC,SAAA,CAAC,4DAAC;AACJ,IAAA;;AAxDiB,IAAA,SAAA,IAAA,CAAA,MAAM,GAAG,UAAU,CAAC,MAAK;QACvC,OAAO,OAAO;AACZ,YAAA,IAAI,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,KAAK,EAAE;AACvC,YAAA,YAAY,EAAE,IAAqB;AACnC,YAAA,UAAU,EAAE;AACV,gBAAA,KAAK,EAAE,QAAQ;AACf,gBAAA,MAAM,EAAE,OAAO;AACf,gBAAA,SAAS,EAAE;AACT,oBAAA,YAAY,EAAE,qBAAqB;AACpC,iBAAA;AACY,aAAA;AACf,YAAA,WAAW,EAAE;AACX,gBAAA,aAAa,EAAE;AACb,oBAAA,KAAK,EAAE;AACR,iBAAA;AACwC,aAAA;AAC3C,YAAA,cAAc,EAAE;AACd,gBAAA,IAAI,EAAE,UAAU;AAChB,gBAAA,aAAa,EAAE;AACe,aAAA;AAChC,YAAA,cAAc,EAAE;AACd,gBAAA,aAAa,EAAE;AACb,oBAAA,cAAc,EAAE,EAAE;AACnB,iBAAA;AACD,gBAAA,KAAK,EAAE;AACL,oBAAA,IAAI,EAAE,QAAQ;AACd,oBAAA,QAAQ,EAAE,OAAO;AAClB,iBAAA;AAC6B,aAAA;AAChC,YAAA,eAAe,EAAE;AACf,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,UAAU,EAAE;AACV,oBAAA,KAAK,EAAE,QAAQ;AACf,oBAAA,MAAM,EAAE,OAAO;AACf,oBAAA,SAAS,EAAE;AACT,wBAAA,YAAY,EAAE,SAAS;AACxB,qBAAA;AACF,iBAAA;AACD,gBAAA,MAAM,EAAE,QAAQ;AACQ,aAAA;AAC3B,SAAA,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,gCAAgC,CAAC,CA1C1C,CA0C4C;8GA3CvD,+BAA+B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,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,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,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,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,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,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AAA/B,+BAA+B,GAAA,iCAAA,GAAA,UAAA,CAAA;AAF3C,IAAA,aAAa;AAED,CAAA,EAAA,+BAA+B,CAyD3C;2FAzDY,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAD3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,gCAAgC,EAAC;;AA0GnE,MAAO,0BAA2B,SAAQ,iBAAiB,CAAA;AAe/D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AAfU,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,+BAA+B,CAAC;QACzD,IAAA,CAAA,MAAM,GAAG,YAAY,EAAE;AACvB,QAAA,IAAA,CAAA,eAAe,GAAG,SAAS,CAAC,iCAAiC,2DAAC;AAC9D,QAAA,IAAA,CAAA,cAAc,GAAG,SAAS,CAAC,6BAA6B,0DAAC;AACzD,QAAA,IAAA,CAAA,cAAc,GAAG,SAAS,CAAC,sBAAsB,0DAAC;AAElD,QAAA,IAAA,CAAA,oBAAoB,GAAG,aAAa,CAAC,MAAK;AACjD,YAAA,IAAI,IAAI,CAAC,cAAc,EAAE,EAAE;AACzB,gBAAA,OAAO,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;YAC1D;AACA,YAAA,OAAO,EAAE,CAAC,KAAK,CAAC;AAClB,QAAA,CAAC,CAAC;AACO,QAAA,IAAA,CAAA,qBAAqB,GAAG,YAAY,CAAC,IAAI,CAAC,oBAAoB,CAAC;QAItE,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,kBAAkB,CAAC,MAAK;AACxC,gBAAA,OAAO,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,EAAC,YAAY,EAAE,IAAI,EAAC,CAAC,CAAC;AAC/F,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IAKJ;AAEU,IAAA,MAAM,CAAC,KAAsC,EAAA;AACrD,QAAA,KAAK,CAAC;IACR;AAEU,IAAA,sBAAsB,CAAC,KAAiD,EAAA;AAChF,QAAA,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,KAAK,CAAC;AAC9C,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAC,CAAC;IAC1D;AAEU,IAAA,eAAe,CAAC,KAAsC,EAAA;AAC9D,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC;AAC3B,YAAA,OAAO,EAAE;AACP,gBAAA,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO;AACtB,gBAAA,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;AAC5C,aAAA;AACD,YAAA,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;AACnB,SAAA,CAAC;IACJ;AAEU,IAAA,eAAe,CAAC,KAAsC,EAAA;AAC9D,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,EAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAC,CAAC;IACrE;8GAjDW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGA,iCAAiC,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAClC,6BAA6B,iGAC7B,sBAAsB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EA9G/C,+BAA+B,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,YAAA,EAAA,YAAA,EAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAoE9B;;;;;;;;;;;;;;;;;;;;;;;GAuBX,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,iIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EA7BK,uBAAuB,kJACvB,6BAA6B,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,cAAA,EAAA,mCAAA,CAAA,EAAA,OAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,OAAA,EAAA,QAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC7B,iCAAiC,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjC,sBAAsB,gOACtB,uBAAuB,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAuClB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBA9CtC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gCAAgC,EAAA,OAAA,EACjC;wBACL,uBAAuB;wBACvB,6BAA6B;wBAC7B,iCAAiC;wBACjC,sBAAsB;wBACtB,uBAAuB;qBAC1B,EAAA,QAAA,EACS;;;;;;;;;;;;;;;;;;;;;;;GAuBX,EAAA,eAAA,EAEkB,uBAAuB,CAAC,MAAM,EAAA,cAAA,EAC/B;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,+BAA+B;AAC1C,4BAAA,MAAM,EAAE;gCACJ,MAAM;gCACN,cAAc,EAAE,cAAc,EAAE,YAAY;AAC5C,gCAAA,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE;AACtD,6BAAA;AACJ,yBAAA;AACJ,qBAAA,EAAA,MAAA,EAAA,CAAA,iIAAA,CAAA,EAAA;2HAKkC,iCAAiC,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAClC,6BAA6B,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAC7B,sBAAsB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AChJ5D;;AAEG;;;;"}

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

@@ -62,7 +62,6 @@ class CustomDataSource extends DataSource {
             data: this.data$,
             itemSize: this.itemSize$,
         }).pipe(map(({ data, itemSize }) => {
-            // データ長に基づく高さを計算
             return itemSize * data.length;
         }), distinctUntilChanged());
         this.scrollTop$ = this.viewport$.pipe(filter((viewport) => !!viewport), switchMap((viewport) => viewport.elementScrolled()), map(({ currentTarget }) => currentTarget?.scrollTop ?? 0), startWith(0));
@@ -124,8 +123,6 @@ class CustomDataSource extends DataSource {
 }
 class CustomVirtualScrollStrategy extends FixedSizeVirtualScrollStrategy {
     constructor() {
-        // itemSize: 52px, minBufferPx: 520px (10 rows), maxBufferPx: 1040px (20 rows)
-        // バッファを大きくして、スクロール時のちらつきを減らす
         super(ITEM_SIZE, ITEM_SIZE * 10, ITEM_SIZE * 20);
     }
 }
@@ -134,11 +131,6 @@ function buildMatTreeFlattener(getChildren = (node) => get(node, 'children') ??
         node.level = level;
         node.isExpandable = !!getChildren(node).length;
         return node;
-        // return ({
-        //   ...node,
-        //   level,
-        //   isExpandable: !!getChildren(node).length
-        // })
     }, (node) => node.level, (node) => node.isExpandable, (node) => getChildren(node));
 }
 function buildTreeFlatDataSource(treeControl, data, getChildren = (node) => get(node, 'children') ?? []) {
@@ -231,7 +223,6 @@ let TableOrganismStore = class TableOrganismStore extends InjectableComponent {
         this.sort = computed(() => this.formValue()?.sort ?? { key: '', order: 'asc' }, { ...(ngDevMode ? { debugName: "sort" } : {}), equal: (a, b) => JSON.stringify(a) === JSON.stringify(b) });
         this.columns = computed(() => __buildColumns(this.formValue(), this.itemActions(), this.sort()), { ...(ngDevMode ? { debugName: "columns" } : {}), equal: isEqual });
         this.columnNames = computed(() => this.columns().map(column => column.name), { ...(ngDevMode ? { debugName: "columnNames" } : {}), equal: isEqual });
-        // MEMO(NozomuMiyamoto): treeControlのdataNodesの変更検知がTreeColumnMoleculeからはできないため、TableOrganismStoreで更新を検知している。
         this.isExpandedAll = derivedAsync(() => {
             this.dataSource();
             const control = this.treeControl();
@@ -274,16 +265,13 @@ class TableOrganism extends NgAtomicComponent {
         effect(() => {
             const dataSource = this.store.dataSource();
             this.dataSource.reconnect(dataSource);
-            // 既存の購読を解除
             if (this.dataNodesSubscription) {
                 this.dataNodesSubscription.unsubscribe();
                 this.dataNodesSubscription = undefined;
             }
-            // TreeFlatDataSourceの場合、dataNodesを更新（expandAll/collapseAll用）
             if (this.store.childrenKey() && dataSource) {
                 const flattenedData = dataSource._flattenedData;
                 if (flattenedData) {
-                    // BehaviorSubjectを購読して、値が変更されたときにdataNodesを更新
                     this.dataNodesSubscription = flattenedData.subscribe((nodes) => {
                         if (nodes && nodes.length > 0) {
                             this.store.treeControl().dataNodes = nodes;
@@ -337,7 +325,6 @@ class TableOrganism extends NgAtomicComponent {
             }
         });
     }
-    // オートフィル完了イベントを受け取る（ディレクティブから）
     onAutofillComplete(payload) {
         this.dispatch({ id: ActionId.AUTOFILL_COMPLETE, payload });
     }
@@ -420,7 +407,7 @@ class TableOrganism extends NgAtomicComponent {
       </tbody>
     </table>
   </cdk-virtual-scroll-viewport>
-  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-vZN9: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-vZN9: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-vZN9: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-vZN9: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-vZN9: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-vZN9: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-vZN9: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:hidden}:host table{min-width:100%;min-height:100%;background-color:var(--surface-color-SCOPED-IN-smart-table-vZN9);color:var(--on-surface-color-SCOPED-IN-smart-table-vZN9);--mat-table-row-item-label-text-color: var(--on-surface-color);--mat-table-header-headline-color: var(--on-surface-color)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-vZN9);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-vZN9)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-vZN9)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}:host table{border-collapse:collapse;-webkit-user-select:none;user-select:none}:host cdk-virtual-scroll-viewport{width:100%;height:100%;display:block;overflow:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{transform:translateY(0)!important;min-height:100%;min-width:100%;width:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-spacer{width:1px;transform:translateZ(0)}:host.autofill-active{-webkit-user-select:none;user-select:none}:host.autofill-active td{pointer-events:none}:host.autofill-active td.autofill-source{pointer-events:auto}:host ::ng-deep td.autofill-preview{background-color:#2196f31a!important;border:1px dashed #2196F3!important}:host ::ng-deep td.autofill-preview:after{content:\"\";position:absolute;inset:0;background-color:#2196f30d;pointer-events:none;z-index:1}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column" }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column" }, { kind: "component", type: TextColumnMolecule, selector: "molecules-text-column", inputs: ["formFieldMap"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", outputs: ["headerClick", "handleMouseDown"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: GridDataTableAutofill, selector: "[gridDataTableAutofill]", outputs: ["autofillComplete"] }, { kind: "pipe", type: StylePipe, name: "style" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-iE5w: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-iE5w: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-iE5w: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-iE5w: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-iE5w: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-iE5w: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-iE5w: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:hidden}:host table{min-width:100%;min-height:100%;background-color:var(--surface-color-SCOPED-IN-smart-table-iE5w);color:var(--on-surface-color-SCOPED-IN-smart-table-iE5w);--mat-table-row-item-label-text-color: var(--on-surface-color);--mat-table-header-headline-color: var(--on-surface-color)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-iE5w);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-iE5w)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-iE5w)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}:host table{border-collapse:collapse;-webkit-user-select:none;user-select:none}:host cdk-virtual-scroll-viewport{width:100%;height:100%;display:block;overflow:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{transform:translateY(0)!important;min-height:100%;min-width:100%;width:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-spacer{width:1px;transform:translateZ(0)}:host.autofill-active{-webkit-user-select:none;user-select:none}:host.autofill-active td{pointer-events:none}:host.autofill-active td.autofill-source{pointer-events:auto}:host ::ng-deep td.autofill-preview{background-color:#2196f31a!important;border:1px dashed #2196F3!important}:host ::ng-deep td.autofill-preview:after{content:\"\";position:absolute;inset:0;background-color:#2196f30d;pointer-events:none;z-index:1}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column" }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column" }, { kind: "component", type: TextColumnMolecule, selector: "molecules-text-column", inputs: ["formFieldMap"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", outputs: ["headerClick", "handleMouseDown"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: GridDataTableAutofill, selector: "[gridDataTableAutofill]", outputs: ["autofillComplete"] }, { kind: "pipe", type: StylePipe, name: "style" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(CheckboxColumnMolecule.ActionId.CHECKBOX_CLICK),
@@ -558,7 +545,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                     }, providers: [
                         provideSpreadSheetService(),
                         { provide: VIRTUAL_SCROLL_STRATEGY, useClass: CustomVirtualScrollStrategy },
-                    ], styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-vZN9: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-vZN9: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-vZN9: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-vZN9: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-vZN9: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-vZN9: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-vZN9: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:hidden}:host table{min-width:100%;min-height:100%;background-color:var(--surface-color-SCOPED-IN-smart-table-vZN9);color:var(--on-surface-color-SCOPED-IN-smart-table-vZN9);--mat-table-row-item-label-text-color: var(--on-surface-color);--mat-table-header-headline-color: var(--on-surface-color)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-vZN9);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-vZN9)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-vZN9)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}:host table{border-collapse:collapse;-webkit-user-select:none;user-select:none}:host cdk-virtual-scroll-viewport{width:100%;height:100%;display:block;overflow:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{transform:translateY(0)!important;min-height:100%;min-width:100%;width:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-spacer{width:1px;transform:translateZ(0)}:host.autofill-active{-webkit-user-select:none;user-select:none}:host.autofill-active td{pointer-events:none}:host.autofill-active td.autofill-source{pointer-events:auto}:host ::ng-deep td.autofill-preview{background-color:#2196f31a!important;border:1px dashed #2196F3!important}:host ::ng-deep td.autofill-preview:after{content:\"\";position:absolute;inset:0;background-color:#2196f30d;pointer-events:none;z-index:1}\n"] }]
+                    ], styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-iE5w: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-iE5w: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-iE5w: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-iE5w: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-iE5w: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-iE5w: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-iE5w: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:hidden}:host table{min-width:100%;min-height:100%;background-color:var(--surface-color-SCOPED-IN-smart-table-iE5w);color:var(--on-surface-color-SCOPED-IN-smart-table-iE5w);--mat-table-row-item-label-text-color: var(--on-surface-color);--mat-table-header-headline-color: var(--on-surface-color)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-iE5w);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-iE5w)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-iE5w)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}:host table{border-collapse:collapse;-webkit-user-select:none;user-select:none}:host cdk-virtual-scroll-viewport{width:100%;height:100%;display:block;overflow:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{transform:translateY(0)!important;min-height:100%;min-width:100%;width:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-spacer{width:1px;transform:translateZ(0)}:host.autofill-active{-webkit-user-select:none;user-select:none}:host.autofill-active td{pointer-events:none}:host.autofill-active td.autofill-source{pointer-events:auto}:host ::ng-deep td.autofill-preview{background-color:#2196f31a!important;border:1px dashed #2196F3!important}:host ::ng-deep td.autofill-preview:after{content:\"\";position:absolute;inset:0;background-color:#2196f30d;pointer-events:none;z-index:1}\n"] }]
         }], ctorParameters: () => [], propDecorators: { viewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }], onCheckboxClick: [], onHeaderCheckboxClick: [], onChangeWidth: [] } });
 function getDisplayedNodes(nodes, control) {
     const result = [];
@@ -582,8 +569,6 @@ function flatItems(items, key = 'children') {
     return result;
 }
-/** @deprecated use instead `'@ng-atomic/common/services/form/_index` */
 /**
  * Generated bundle index. Do not edit.
  */