npm - @ng-atomic/components - Versions diffs - 19.0.0-preview.8 → 19.1.1 - Mend

@ng-atomic/components 19.0.0-preview.8 → 19.1.1

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 (500) hide show

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

@@ -30,10 +30,10 @@ class StripeFormService {
             paymentMethodType: ['', [Validators.required]],
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: StripeFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: StripeFormService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: StripeFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: StripeFormService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: StripeFormService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: StripeFormService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -98,13 +98,13 @@ let StripeInputSectionOrganismStore = class StripeInputSectionOrganismStore exte
             },
         });
     }, ['components', 'organisms', 'organisms-stripe-input-section']); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: StripeInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: StripeInputSectionOrganismStore, isStandalone: true, selector: "organisms-stripe-input-section", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, clientSecret: { classPropertyName: "clientSecret", publicName: "clientSecret", isSignal: true, isRequired: false, transformFunction: null }, ephemeralKey: { classPropertyName: "ephemeralKey", publicName: "ephemeralKey", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, linkOptions: { classPropertyName: "linkOptions", publicName: "linkOptions", isSignal: true, isRequired: false, transformFunction: null }, addressOptions: { classPropertyName: "addressOptions", publicName: "addressOptions", isSignal: true, isRequired: false, transformFunction: null }, paymentOptions: { classPropertyName: "paymentOptions", publicName: "paymentOptions", isSignal: true, isRequired: false, transformFunction: null }, elementsOptions: { classPropertyName: "elementsOptions", publicName: "elementsOptions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: StripeInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: StripeInputSectionOrganismStore, isStandalone: true, selector: "organisms-stripe-input-section", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, clientSecret: { classPropertyName: "clientSecret", publicName: "clientSecret", isSignal: true, isRequired: false, transformFunction: null }, ephemeralKey: { classPropertyName: "ephemeralKey", publicName: "ephemeralKey", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, linkOptions: { classPropertyName: "linkOptions", publicName: "linkOptions", isSignal: true, isRequired: false, transformFunction: null }, addressOptions: { classPropertyName: "addressOptions", publicName: "addressOptions", isSignal: true, isRequired: false, transformFunction: null }, paymentOptions: { classPropertyName: "paymentOptions", publicName: "paymentOptions", isSignal: true, isRequired: false, transformFunction: null }, elementsOptions: { classPropertyName: "elementsOptions", publicName: "elementsOptions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 StripeInputSectionOrganismStore = StripeInputSectionOrganismStore_1 = __decorate([
     TokenizedType()
 ], StripeInputSectionOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: StripeInputSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: StripeInputSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-stripe-input-section' }]
         }] });
@@ -151,8 +151,8 @@ class StripeInputSectionOrganism extends NgAtomicComponent {
     onChangePayment(event) {
         this.store.form().patchValue({ paymentMethodType: event.value.type });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: StripeInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: StripeInputSectionOrganism, isStandalone: true, selector: "organisms-stripe-input-section", viewQueries: [{ propertyName: "linkAuthElement", first: true, predicate: StripeLinkAuthenticationComponent, descendants: true, isSignal: true }, { propertyName: "paymentElement", first: true, predicate: StripePaymentElementComponent, descendants: true, isSignal: true }, { propertyName: "addressElement", first: true, predicate: StripeAddressComponent, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: StripeInputSectionOrganismStore, inputs: ["form", "form", "clientSecret", "clientSecret", "ephemeralKey", "ephemeralKey", "appearance", "appearance", "linkOptions", "linkOptions", "addressOptions", "addressOptions", "paymentOptions", "paymentOptions", "elementsOptions", "elementsOptions"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: StripeInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: StripeInputSectionOrganism, isStandalone: true, selector: "organisms-stripe-input-section", viewQueries: [{ propertyName: "linkAuthElement", first: true, predicate: StripeLinkAuthenticationComponent, descendants: true, isSignal: true }, { propertyName: "paymentElement", first: true, predicate: StripePaymentElementComponent, descendants: true, isSignal: true }, { propertyName: "addressElement", first: true, predicate: StripeAddressComponent, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: StripeInputSectionOrganismStore, inputs: ["form", "form", "clientSecret", "clientSecret", "ephemeralKey", "ephemeralKey", "appearance", "appearance", "linkOptions", "linkOptions", "addressOptions", "addressOptions", "paymentOptions", "paymentOptions", "elementsOptions", "elementsOptions"] }], ngImport: i0, template: `
   @if (store._elementsOptions()?.clientSecret) {
     <ngx-stripe-elements
       [stripe]="stripe"
@@ -177,7 +177,7 @@ class StripeInputSectionOrganism extends NgAtomicComponent {
   } @else { <molecules-loading-box [loadingMessage]="'支払いフォームを初期化中'" injectable/> }
   `, isInline: true, styles: [":host{display:block}:host{width:100%;padding:0 16px;box-sizing:border-box}:host ngx-stripe-elements{display:block;width:100%}\n"], dependencies: [{ kind: "directive", type: StripeElementsDirective, selector: "ngx-stripe-elements,[ngxStripeElements]", inputs: ["elementsOptions", "stripe"], outputs: ["elements"] }, { kind: "component", type: StripePaymentElementComponent, selector: "ngx-stripe-payment", inputs: ["containerClass", "options", "elementsOptions", "stripe", "appearance", "clientSecret", "doNotCreateUntilClientSecretIsSet"], outputs: ["load", "blur", "change", "focus", "ready", "escape", "loaderror"] }, { kind: "component", type: StripeLinkAuthenticationComponent, selector: "ngx-stripe-link-authentication", inputs: ["containerClass", "options", "elementsOptions", "stripe"], outputs: ["load", "blur", "change", "focus", "ready", "escape", "loaderror", "loaderstart"] }, { kind: "component", type: StripeAddressComponent, selector: "ngx-stripe-address", inputs: ["containerClass", "options", "elementsOptions", "stripe"], outputs: ["load", "blur", "change", "focus", "ready", "escape", "loaderror", "loaderstart"] }, { kind: "directive", type: LoadingBoxMoleculeStore, selector: "molecules-loading-box", inputs: ["loadingMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: StripeInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: StripeInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-stripe-input-section', imports: [
                         StripeElementsDirective,

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":["../tmp-esm2022/organisms/stripe-input-section/stripe-input-section.organism.js","../tmp-esm2022/organisms/stripe-input-section/ng-atomic-components-organisms-stripe-input-section.js"],"sourcesContent":["var StripeInputSectionOrganismStore_1;\nimport { __decorate } from \"tslib\";\nimport { 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 { StripeAddressComponent, StripeElementsDirective, StripeLinkAuthenticationComponent, StripePaymentElementComponent, injectStripe } from 'ngx-stripe';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { map, of } from 'rxjs';\nimport * as i0 from \"@angular/core\";\nexport class StripeFormService {\n constructor() {\n this.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 static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: StripeFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }\n static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: StripeFormService, providedIn: 'root' }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: StripeFormService, decorators: [{\n type: Injectable,\n args: [{ providedIn: 'root' }]\n }] });\nlet StripeInputSectionOrganismStore = class StripeInputSectionOrganismStore extends InjectableComponent {\n constructor() {\n super(...arguments);\n this.config = StripeInputSectionOrganismStore_1.Config.inject();\n this.form = input(_computed(() => this.config().form));\n this.clientSecret = input(_computed(() => this.config()?.clientSecret));\n this.ephemeralKey = input();\n this.appearance = input(_computed(() => this.config().appearance));\n this.linkOptions = input(_computed(() => this.config().linkOptions));\n this.addressOptions = input(_computed(() => this.config().addressOptions));\n this.paymentOptions = input(_computed(() => this.config().paymentOptions));\n this.elementsOptions = input(_computed(() => this.config().elementsOptions));\n this._elementsOptions = computed(() => ({\n ...this.elementsOptions(),\n clientSecret: this.clientSecret(),\n }));\n }\n static { StripeInputSectionOrganismStore_1 = this; }\n static { this.Config = makeConfig(() => {\n return () => ({\n form: inject(StripeFormService).build(),\n clientSecret: null,\n appearance: {\n theme: 'stripe',\n labels: 'above',\n variables: {\n colorPrimary: 'var(--accent-color)',\n },\n },\n linkOptions: {\n defaultValues: {\n email: ''\n },\n },\n addressOptions: {\n mode: 'shipping',\n defaultValues: {}\n },\n paymentOptions: {\n defaultValues: {\n billingDetails: {},\n },\n terms: {\n card: 'always',\n applePay: 'never',\n },\n },\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 },\n });\n }, ['components', 'organisms', 'organisms-stripe-input-section']); }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: StripeInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"17.1.0\", version: \"20.0.5\", type: StripeInputSectionOrganismStore, isStandalone: true, selector: \"organisms-stripe-input-section\", inputs: { form: { classPropertyName: \"form\", publicName: \"form\", isSignal: true, isRequired: false, transformFunction: null }, clientSecret: { classPropertyName: \"clientSecret\", publicName: \"clientSecret\", isSignal: true, isRequired: false, transformFunction: null }, ephemeralKey: { classPropertyName: \"ephemeralKey\", publicName: \"ephemeralKey\", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: \"appearance\", publicName: \"appearance\", isSignal: true, isRequired: false, transformFunction: null }, linkOptions: { classPropertyName: \"linkOptions\", publicName: \"linkOptions\", isSignal: true, isRequired: false, transformFunction: null }, addressOptions: { classPropertyName: \"addressOptions\", publicName: \"addressOptions\", isSignal: true, isRequired: false, transformFunction: null }, paymentOptions: { classPropertyName: \"paymentOptions\", publicName: \"paymentOptions\", isSignal: true, isRequired: false, transformFunction: null }, elementsOptions: { classPropertyName: \"elementsOptions\", publicName: \"elementsOptions\", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }\n};\nStripeInputSectionOrganismStore = StripeInputSectionOrganismStore_1 = __decorate([\n TokenizedType()\n], StripeInputSectionOrganismStore);\nexport { StripeInputSectionOrganismStore };\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: StripeInputSectionOrganismStore, decorators: [{\n type: Directive,\n args: [{ standalone: true, selector: 'organisms-stripe-input-section' }]\n }] });\nexport class StripeInputSectionOrganism extends NgAtomicComponent {\n constructor() {\n super();\n this.store = inject(StripeInputSectionOrganismStore);\n this.stripe = injectStripe();\n this.linkAuthElement = viewChild(StripeLinkAuthenticationComponent);\n this.paymentElement = viewChild(StripePaymentElementComponent);\n this.addressElement = viewChild(StripeAddressComponent);\n this.paymentElementLoaded = computedAsync(() => {\n if (this.paymentElement()) {\n return this.paymentElement()?.load.pipe(map(() => true));\n }\n return of(false);\n });\n this.paymentElementLoaded$ = toObservable(this.paymentElementLoaded);\n effect(() => {\n this.store.form().setAsyncValidators(() => {\n return this.paymentElementLoaded$.pipe(map((loaded) => loaded ? null : { stripeLoaded: true }));\n });\n });\n // effect(() => {\n // this.linkAuthElement().\n // })\n }\n onLoad(event) {\n // console.debug('onLoad:', event.);\n }\n onChangeAuthentication(event) {\n console.debug('onChangeAuthentication', event);\n this.store.form().patchValue({ email: event.value.email });\n }\n onChangeAddress(event) {\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 onChangePayment(event) {\n this.store.form().patchValue({ paymentMethodType: event.value.type });\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: StripeInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.5\", type: StripeInputSectionOrganism, isStandalone: true, selector: \"organisms-stripe-input-section\", viewQueries: [{ propertyName: \"linkAuthElement\", first: true, predicate: StripeLinkAuthenticationComponent, descendants: true, isSignal: true }, { propertyName: \"paymentElement\", first: true, predicate: StripePaymentElementComponent, descendants: true, isSignal: true }, { propertyName: \"addressElement\", first: true, predicate: StripeAddressComponent, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: StripeInputSectionOrganismStore, inputs: [\"form\", \"form\", \"clientSecret\", \"clientSecret\", \"ephemeralKey\", \"ephemeralKey\", \"appearance\", \"appearance\", \"linkOptions\", \"linkOptions\", \"addressOptions\", \"addressOptions\", \"paymentOptions\", \"paymentOptions\", \"elementsOptions\", \"elementsOptions\"] }], ngImport: i0, 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 `, isInline: true, styles: [\":host{display:block}:host{width:100%;padding:0 16px;box-sizing:border-box}:host ngx-stripe-elements{display:block;width:100%}\\n\"], dependencies: [{ kind: \"directive\", type: StripeElementsDirective, selector: \"ngx-stripe-elements,[ngxStripeElements]\", inputs: [\"elementsOptions\", \"stripe\"], outputs: [\"elements\"] }, { kind: \"component\", type: StripePaymentElementComponent, selector: \"ngx-stripe-payment\", inputs: [\"containerClass\", \"options\", \"elementsOptions\", \"stripe\", \"appearance\", \"clientSecret\", \"doNotCreateUntilClientSecretIsSet\"], outputs: [\"load\", \"blur\", \"change\", \"focus\", \"ready\", \"escape\", \"loaderror\"] }, { kind: \"component\", type: StripeLinkAuthenticationComponent, selector: \"ngx-stripe-link-authentication\", inputs: [\"containerClass\", \"options\", \"elementsOptions\", \"stripe\"], outputs: [\"load\", \"blur\", \"change\", \"focus\", \"ready\", \"escape\", \"loaderror\", \"loaderstart\"] }, { kind: \"component\", type: StripeAddressComponent, selector: \"ngx-stripe-address\", inputs: [\"containerClass\", \"options\", \"elementsOptions\", \"stripe\"], outputs: [\"load\", \"blur\", \"change\", \"focus\", \"ready\", \"escape\", \"loaderror\", \"loaderstart\"] }, { kind: \"directive\", type: LoadingBoxMoleculeStore, selector: \"molecules-loading-box\", inputs: [\"loadingMessage\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: StripeInputSectionOrganism, decorators: [{\n type: Component,\n args: [{ selector: 'organisms-stripe-input-section', imports: [\n StripeElementsDirective,\n StripePaymentElementComponent,\n StripeLinkAuthenticationComponent,\n StripeAddressComponent,\n LoadingBoxMoleculeStore,\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 `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [\n {\n directive: StripeInputSectionOrganismStore,\n inputs: [\n 'form',\n 'clientSecret', 'ephemeralKey', 'appearance',\n 'linkOptions', 'addressOptions', 'paymentOptions', 'elementsOptions'\n ],\n },\n ], styles: [\":host{display:block}:host{width:100%;padding:0 16px;box-sizing:border-box}:host ngx-stripe-elements{display:block;width:100%}\\n\"] }]\n }], ctorParameters: () => [] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyaXBlLWlucHV0LXNlY3Rpb24ub3JnYW5pc20uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9vcmdhbmlzbXMvc3RyaXBlLWlucHV0LXNlY3Rpb24vc3RyaXBlLWlucHV0LXNlY3Rpb24ub3JnYW5pc20udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0SSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDM0QsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDdEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUVuRyxPQUFPLEVBQUUsc0JBQXNCLEVBQXVCLHVCQUF1QixFQUFFLGlDQUFpQyxFQUFFLDZCQUE2QixFQUFFLFlBQVksRUFBRSxNQUFNLFlBQVksQ0FBQztBQUNsTCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDMUQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBRy9CLE1BQU0sT0FBTyxpQkFBaUI7SUFEOUI7UUFFVyxPQUFFLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0tBaUJuQztJQWZDLEtBQUs7UUFDSCxPQUFPLElBQUksQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDO1lBQ25CLEtBQUssRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3BELE9BQU8sRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQztnQkFDckIsSUFBSSxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLDJEQUEyRDtnQkFDM0UsT0FBTyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dCQUNwQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQ2xDLEtBQUssRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUM7Z0JBQ2YsVUFBVSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dCQUN2QyxLQUFLLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDbkMsQ0FBQztZQUNGLElBQUksRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUNqQyxpQkFBaUIsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUMvQyxDQUFDLENBQUM7SUFDTCxDQUFDOzhHQWpCVSxpQkFBaUI7a0hBQWpCLGlCQUFpQixjQURMLE1BQU07OzJGQUNsQixpQkFBaUI7a0JBRDdCLFVBQVU7bUJBQUMsRUFBQyxVQUFVLEVBQUUsTUFBTSxFQUFDOztBQXVCekIsSUFBTSwrQkFBK0IsR0FBckMsTUFBTSwrQkFBZ0MsU0FBUSxtQkFBbUI7SUFBakU7O1FBNENJLFdBQU0sR0FBRyxpQ0FBK0IsQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDekQsU0FBSSxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDbEQsaUJBQVksR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsRUFBRSxZQUFZLENBQUMsQ0FBQyxDQUFDO1FBQ25FLGlCQUFZLEdBQUcsS0FBSyxFQUEyRSxDQUFDO1FBQ2hHLGVBQVUsR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO1FBQzlELGdCQUFXLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQztRQUNoRSxtQkFBYyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUM7UUFDdEUsbUJBQWMsR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDO1FBQ3RFLG9CQUFlLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztRQUN4RSxxQkFBZ0IsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUMxQyxHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDekIsWUFBWSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUU7U0FDbEMsQ0FBQyxDQUFDLENBQUM7S0FDTDs7YUF4RGlCLFdBQU0sR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ3ZDLE9BQU8sR0FBRyxFQUFFLENBQUMsQ0FBQztZQUNaLElBQUksRUFBRSxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxLQUFLLEVBQUU7WUFDdkMsWUFBWSxFQUFFLElBQXFCO1lBQ25DLFVBQVUsRUFBRTtnQkFDVixLQUFLLEVBQUUsUUFBUTtnQkFDZixNQUFNLEVBQUUsT0FBTztnQkFDZixTQUFTLEVBQUU7b0JBQ1QsWUFBWSxFQUFFLHFCQUFxQjtpQkFDcEM7YUFDWTtZQUNmLFdBQVcsRUFBRTtnQkFDWCxhQUFhLEVBQUU7b0JBQ2IsS0FBSyxFQUFFLEVBQUU7aUJBQ1Y7YUFDd0M7WUFDM0MsY0FBYyxFQUFFO2dCQUNkLElBQUksRUFBRSxVQUFVO2dCQUNoQixhQUFhLEVBQUUsRUFBRzthQUNZO1lBQ2hDLGNBQWMsRUFBRTtnQkFDZCxhQUFhLEVBQUU7b0JBQ2IsY0FBYyxFQUFFLEVBQUU7aUJBQ25CO2dCQUNELEtBQUssRUFBRTtvQkFDTCxJQUFJLEVBQUUsUUFBUTtvQkFDZCxRQUFRLEVBQUUsT0FBTztpQkFDbEI7YUFDNkI7WUFDaEMsZUFBZSxFQUFFO2dCQUNmLE1BQU0sRUFBRSxJQUFJO2dCQUNaLFFBQVEsRUFBRSxJQUFJO2dCQUNkLFVBQVUsRUFBRTtvQkFDVixLQUFLLEVBQUUsUUFBUTtvQkFDZixNQUFNLEVBQUUsT0FBTztvQkFDZixTQUFTLEVBQUU7d0JBQ1QsWUFBWSxFQUFFLFNBQVM7cUJBQ3hCO2lCQUNGO2dCQUNELE1BQU0sRUFBRSxRQUFRO2FBQ1E7U0FDM0IsQ0FBQyxDQUFBO0lBQ0osQ0FBQyxFQUFFLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxnQ0FBZ0MsQ0FBQyxDQUFDLEFBMUMzQyxDQTBDNEM7OEdBM0N2RCwrQkFBK0I7a0dBQS9CLCtCQUErQjs7QUFBL0IsK0JBQStCO0lBRjNDLGFBQWEsRUFBRTtHQUVILCtCQUErQixDQXlEM0M7OzJGQXpEWSwrQkFBK0I7a0JBRDNDLFNBQVM7bUJBQUMsRUFBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxnQ0FBZ0MsRUFBQzs7QUEwR3pFLE1BQU0sT0FBTywwQkFBMkIsU0FBUSxpQkFBaUI7SUFlL0Q7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQWZTLFVBQUssR0FBRyxNQUFNLENBQUMsK0JBQStCLENBQUMsQ0FBQztRQUMxRCxXQUFNLEdBQUcsWUFBWSxFQUFFLENBQUM7UUFDeEIsb0JBQWUsR0FBRyxTQUFTLENBQUMsaUNBQWlDLENBQUMsQ0FBQztRQUMvRCxtQkFBYyxHQUFHLFNBQVMsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDO1FBQzFELG1CQUFjLEdBQUcsU0FBUyxDQUFDLHNCQUFzQixDQUFDLENBQUM7UUFFbkQseUJBQW9CLEdBQUcsYUFBYSxDQUFDLEdBQUcsRUFBRTtZQUNqRCxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRSxDQUFDO2dCQUMxQixPQUFPLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQzNELENBQUM7WUFDRCxPQUFPLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNuQixDQUFDLENBQUMsQ0FBQztRQUNNLDBCQUFxQixHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUl2RSxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxHQUFHLEVBQUU7Z0JBQ3hDLE9BQU8sSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFDLFlBQVksRUFBRSxJQUFJLEVBQUMsQ0FBQyxDQUFDLENBQUM7WUFDaEcsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUVILGlCQUFpQjtRQUNqQiw0QkFBNEI7UUFDNUIsS0FBSztJQUNQLENBQUM7SUFFUyxNQUFNLENBQUMsS0FBc0M7UUFDckQsb0NBQW9DO0lBQ3RDLENBQUM7SUFFUyxzQkFBc0IsQ0FBQyxLQUFpRDtRQUNoRixPQUFPLENBQUMsS0FBSyxDQUFDLHdCQUF3QixFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQy9DLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFDLENBQUMsQ0FBQztJQUMzRCxDQUFDO0lBRVMsZUFBZSxDQUFDLEtBQXNDO1FBQzlELElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDO1lBQzNCLE9BQU8sRUFBRTtnQkFDUCxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTztnQkFDdEIsVUFBVSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLFdBQVc7YUFDNUM7WUFDRCxJQUFJLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxJQUFJO1NBQ3ZCLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFUyxlQUFlLENBQUMsS0FBc0M7UUFDOUQsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBQyxpQkFBaUIsRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksRUFBQyxDQUFDLENBQUM7SUFDdEUsQ0FBQzs4R0FqRFUsMEJBQTBCO2tHQUExQiwwQkFBMEIsMklBR0EsaUNBQWlDLGlHQUNsQyw2QkFBNkIsaUdBQzdCLHNCQUFzQiw2RkE5Ry9DLCtCQUErQiwrUkFvRTlCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCWCx5TUE3QkssdUJBQXVCLGtKQUN2Qiw2QkFBNkIsb1JBQzdCLGlDQUFpQyw0T0FDakMsc0JBQXNCLGdPQUN0Qix1QkFBdUI7OzJGQXVDbEIsMEJBQTBCO2tCQTlDdEMsU0FBUzsrQkFDSSxnQ0FBZ0MsV0FDakM7d0JBQ0wsdUJBQXVCO3dCQUN2Qiw2QkFBNkI7d0JBQzdCLGlDQUFpQzt3QkFDakMsc0JBQXNCO3dCQUN0Qix1QkFBdUI7cUJBQzFCLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJYLG1CQUVrQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsK0JBQStCOzRCQUMxQyxNQUFNLEVBQUU7Z0NBQ0osTUFBTTtnQ0FDTixjQUFjLEVBQUUsY0FBYyxFQUFFLFlBQVk7Z0NBQzVDLGFBQWEsRUFBRSxnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBRSxpQkFBaUI7NkJBQ3ZFO3lCQUNKO3FCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBJbmplY3RhYmxlLCBjb21wdXRlZCwgZWZmZWN0LCBpbmplY3QsIGlucHV0LCB2aWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRvT2JzZXJ2YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IEZvcm1CdWlsZGVyLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgbWFrZUNvbmZpZyB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3NlcnZpY2VzL3VpJztcbmltcG9ydCB7IExvYWRpbmdCb3hNb2xlY3VsZVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9sb2FkaW5nLWJveCc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50LCBOZ0F0b21pY0NvbXBvbmVudCwgVG9rZW5pemVkVHlwZSwgX2NvbXB1dGVkIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IEFwcGVhcmFuY2UsIFN0cmlwZUFkZHJlc3NFbGVtZW50Q2hhbmdlRXZlbnQsIFN0cmlwZUFkZHJlc3NFbGVtZW50T3B0aW9ucywgU3RyaXBlRWxlbWVudHNPcHRpb25zLCBTdHJpcGVMaW5rQXV0aGVudGljYXRpb25FbGVtZW50LCBTdHJpcGVMaW5rQXV0aGVudGljYXRpb25FbGVtZW50Q2hhbmdlRXZlbnQsIFN0cmlwZUxpbmtBdXRoZW50aWNhdGlvbkVsZW1lbnRPcHRpb25zLCBTdHJpcGVQYXltZW50RWxlbWVudENoYW5nZUV2ZW50LCBTdHJpcGVQYXltZW50RWxlbWVudE9wdGlvbnMgfSBmcm9tICdAc3RyaXBlL3N0cmlwZS1qcyc7XG5pbXBvcnQgeyBTdHJpcGVBZGRyZXNzQ29tcG9uZW50LCBTdHJpcGVDYXJkQ29tcG9uZW50LCBTdHJpcGVFbGVtZW50c0RpcmVjdGl2ZSwgU3RyaXBlTGlua0F1dGhlbnRpY2F0aW9uQ29tcG9uZW50LCBTdHJpcGVQYXltZW50RWxlbWVudENvbXBvbmVudCwgaW5qZWN0U3RyaXBlIH0gZnJvbSAnbmd4LXN0cmlwZSc7XG5pbXBvcnQgeyBjb21wdXRlZEFzeW5jIH0gZnJvbSAnbmd4dGVuc2lvbi9jb21wdXRlZC1hc3luYyc7XG5pbXBvcnQgeyBtYXAsIG9mIH0gZnJvbSAncnhqcyc7XG5cbkBJbmplY3RhYmxlKHtwcm92aWRlZEluOiAncm9vdCd9KVxuZXhwb3J0IGNsYXNzIFN0cmlwZUZvcm1TZXJ2aWNlIHtcbiAgcmVhZG9ubHkgZmIgPSBpbmplY3QoRm9ybUJ1aWxkZXIpO1xuXG4gIGJ1aWxkKCkge1xuICAgIHJldHVybiB0aGlzLmZiLmdyb3VwKHtcbiAgICAgIGVtYWlsOiBbJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkLCBWYWxpZGF0b3JzLmVtYWlsXV0sXG4gICAgICBhZGRyZXNzOiB0aGlzLmZiLmdyb3VwKHtcbiAgICAgICAgY2l0eTogWycnLCBbXV0sIC8vIE1FTU8oQG5vbnRhbmdlbnQpOiDkvY/miYDjga7jgqrjg7zjg4jjgrPjg7Pjg5fjg6rjg7zjg4jjgavjgojjgaPjgabjga/jgZPjgZPjgYzlhaXlipvjgZXjgozjgarjgYTjga7jgaflv4XpoIjjgpLlpJbjgZfjgabjgYTjgovjgIJcbiAgICAgICAgY291bnRyeTogWycnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF1dLFxuICAgICAgICBsaW5lMTogWycnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF1dLFxuICAgICAgICBsaW5lMjogWycnLCBbXV0sXG4gICAgICAgIHBvc3RhbENvZGU6IFsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWRdXSxcbiAgICAgICAgc3RhdGU6IFsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWRdXSxcbiAgICAgIH0pLFxuICAgICAgbmFtZTogWycnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF1dLFxuICAgICAgcGF5bWVudE1ldGhvZFR5cGU6IFsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWRdXSxcbiAgICB9KTtcbiAgfVxufVxuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHtzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ29yZ2FuaXNtcy1zdHJpcGUtaW5wdXQtc2VjdGlvbid9KVxuZXhwb3J0IGNsYXNzIFN0cmlwZUlucHV0U2VjdGlvbk9yZ2FuaXNtU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IENvbmZpZyA9IG1ha2VDb25maWcoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiAoe1xuICAgICAgZm9ybTogaW5qZWN0KFN0cmlwZUZvcm1TZXJ2aWNlKS5idWlsZCgpLFxuICAgICAgY2xpZW50U2VjcmV0OiBudWxsIGFzIHN0cmluZyB8IG51bGwsXG4gICAgICBhcHBlYXJhbmNlOiB7XG4gICAgICAgIHRoZW1lOiAnc3RyaXBlJyxcbiAgICAgICAgbGFiZWxzOiAnYWJvdmUnLFxuICAgICAgICB2YXJpYWJsZXM6IHtcbiAgICAgICAgICBjb2xvclByaW1hcnk6ICd2YXIoLS1hY2NlbnQtY29sb3IpJyxcbiAgICAgICAgfSxcbiAgICAgIH0gYXMgQXBwZWFyYW5jZSxcbiAgICAgIGxpbmtPcHRpb25zOiB7XG4gICAgICAgIGRlZmF1bHRWYWx1ZXM6IHtcbiAgICAgICAgICBlbWFpbDogJydcbiAgICAgICAgfSxcbiAgICAgIH0gYXMgU3RyaXBlTGlua0F1dGhlbnRpY2F0aW9uRWxlbWVudE9wdGlvbnMsXG4gICAgICBhZGRyZXNzT3B0aW9uczoge1xuICAgICAgICBtb2RlOiAnc2hpcHBpbmcnLFxuICAgICAgICBkZWZhdWx0VmFsdWVzOiB7IH1cbiAgICAgIH0gYXMgU3RyaXBlQWRkcmVzc0VsZW1lbnRPcHRpb25zLFxuICAgICAgcGF5bWVudE9wdGlvbnM6IHtcbiAgICAgICAgZGVmYXVsdFZhbHVlczoge1xuICAgICAgICAgIGJpbGxpbmdEZXRhaWxzOiB7fSxcbiAgICAgICAgfSxcbiAgICAgICAgdGVybXM6IHtcbiAgICAgICAgICBjYXJkOiAnYWx3YXlzJyxcbiAgICAgICAgICBhcHBsZVBheTogJ25ldmVyJyxcbiAgICAgICAgfSxcbiAgICAgIH0gYXMgU3RyaXBlUGF5bWVudEVsZW1lbnRPcHRpb25zLFxuICAgICAgZWxlbWVudHNPcHRpb25zOiB7XG4gICAgICAgIGxvY2FsZTogJ2phJyxcbiAgICAgICAgbGFuZ3VhZ2U6ICdqYScsXG4gICAgICAgIGFwcGVhcmFuY2U6IHtcbiAgICAgICAgICB0aGVtZTogJ3N0cmlwZScsXG4gICAgICAgICAgbGFiZWxzOiAnYWJvdmUnLFxuICAgICAgICAgIHZhcmlhYmxlczoge1xuICAgICAgICAgICAgY29sb3JQcmltYXJ5OiAnIzQwNDA0MCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgICAgbG9hZGVyOiAnYWx3YXlzJyxcbiAgICAgIH0gYXMgU3RyaXBlRWxlbWVudHNPcHRpb25zLFxuICAgIH0pXG4gIH0sIFsnY29tcG9uZW50cycsICdvcmdhbmlzbXMnLCAnb3JnYW5pc21zLXN0cmlwZS1pbnB1dC1zZWN0aW9uJ10pO1xuICByZWFkb25seSBjb25maWcgPSBTdHJpcGVJbnB1dFNlY3Rpb25PcmdhbmlzbVN0b3JlLkNvbmZpZy5pbmplY3QoKTtcbiAgcmVhZG9ubHkgZm9ybSA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmZvcm0pKTtcbiAgcmVhZG9ubHkgY2xpZW50U2VjcmV0ID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCk/LmNsaWVudFNlY3JldCkpO1xuICByZWFkb25seSBlcGhlbWVyYWxLZXkgPSBpbnB1dDx7IGVwaGVtZXJhbEtleTogeyBhc3NvY2lhdGVkX29iamVjdHM6IHtpZDogc3RyaW5nfVtdLCBzZWNyZXQ6IHN0cmluZ30gfT4oKTtcbiAgcmVhZG9ubHkgYXBwZWFyYW5jZSA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmFwcGVhcmFuY2UpKTtcbiAgcmVhZG9ubHkgbGlua09wdGlvbnMgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5saW5rT3B0aW9ucykpO1xuICByZWFkb25seSBhZGRyZXNzT3B0aW9ucyA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmFkZHJlc3NPcHRpb25zKSk7XG4gIHJlYWRvbmx5IHBheW1lbnRPcHRpb25zID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkucGF5bWVudE9wdGlvbnMpKTtcbiAgcmVhZG9ubHkgZWxlbWVudHNPcHRpb25zID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuZWxlbWVudHNPcHRpb25zKSk7XG4gIHJlYWRvbmx5IF9lbGVtZW50c09wdGlvbnMgPSBjb21wdXRlZCgoKSA9PiAoe1xuICAgIC4uLnRoaXMuZWxlbWVudHNPcHRpb25zKCksXG4gICAgY2xpZW50U2VjcmV0OiB0aGlzLmNsaWVudFNlY3JldCgpLFxuICB9KSk7XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnb3JnYW5pc21zLXN0cmlwZS1pbnB1dC1zZWN0aW9uJyxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIFN0cmlwZUVsZW1lbnRzRGlyZWN0aXZlLFxuICAgICAgICBTdHJpcGVQYXltZW50RWxlbWVudENvbXBvbmVudCxcbiAgICAgICAgU3RyaXBlTGlua0F1dGhlbnRpY2F0aW9uQ29tcG9uZW50LFxuICAgICAgICBTdHJpcGVBZGRyZXNzQ29tcG9uZW50LFxuICAgICAgICBMb2FkaW5nQm94TW9sZWN1bGVTdG9yZSxcbiAgICBdLFxuICAgIHRlbXBsYXRlOiBgXG4gIEBpZiAoc3RvcmUuX2VsZW1lbnRzT3B0aW9ucygpPy5jbGllbnRTZWNyZXQpIHtcbiAgICA8bmd4LXN0cmlwZS1lbGVtZW50c1xuICAgICAgW3N0cmlwZV09XCJzdHJpcGVcIlxuICAgICAgW2VsZW1lbnRzT3B0aW9uc109XCJzdG9yZS5fZWxlbWVudHNPcHRpb25zKClcIlxuICAgID5cbiAgICAgIDxuZ3gtc3RyaXBlLWxpbmstYXV0aGVudGljYXRpb25cbiAgICAgICAgW29wdGlvbnNdPVwic3RvcmUubGlua09wdGlvbnMoKVwiXG4gICAgICAgIChjaGFuZ2UpPVwib25DaGFuZ2VBdXRoZW50aWNhdGlvbigkZXZlbnQpXCJcbiAgICAgICAgKGxvYWQpPVwib25Mb2FkKCRldmVudClcIlxuICAgICAgLz5cbiAgICAgIDxuZ3gtc3RyaXBlLWFkZHJlc3NcbiAgICAgICAgW29wdGlvbnNdPVwic3RvcmUuYWRkcmVzc09wdGlvbnMoKVwiXG4gICAgICAgIChjaGFuZ2UpPVwib25DaGFuZ2VBZGRyZXNzKCRldmVudClcIlxuICAgICAgLz5cbiAgICAgIDxuZ3gtc3RyaXBlLXBheW1lbnRcbiAgICAgICAgW2FwcGVhcmFuY2VdPVwic3RvcmUuYXBwZWFyYW5jZSgpXCJcbiAgICAgICAgW2VsZW1lbnRzT3B0aW9uc109XCJzdG9yZS5lbGVtZW50c09wdGlvbnMoKVwiXG4gICAgICAgIFtvcHRpb25zXT1cInN0b3JlLnBheW1lbnRPcHRpb25zKClcIlxuICAgICAgICAoY2hhbmdlKT1cIm9uQ2hhbmdlUGF5bWVudCgkZXZlbnQpXCJcbiAgICAgIC8+XG4gICAgPC9uZ3gtc3RyaXBlLWVsZW1lbnRzPlxuICB9IEBlbHNlIHsgPG1vbGVjdWxlcy1sb2FkaW5nLWJveCBbbG9hZGluZ01lc3NhZ2VdPVwiJ+aUr+aJleOBhOODleOCqeODvOODoOOCkuWIneacn+WMluS4rSdcIiBpbmplY3RhYmxlLz4gfVxuICBgLFxuICAgIHN0eWxlVXJsOiAnLi9zdHJpcGUtaW5wdXQtc2VjdGlvbi5vcmdhbmlzbS5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IFN0cmlwZUlucHV0U2VjdGlvbk9yZ2FuaXNtU3RvcmUsXG4gICAgICAgICAgICBpbnB1dHM6IFtcbiAgICAgICAgICAgICAgICAnZm9ybScsXG4gICAgICAgICAgICAgICAgJ2NsaWVudFNlY3JldCcsICdlcGhlbWVyYWxLZXknLCAnYXBwZWFyYW5jZScsXG4gICAgICAgICAgICAgICAgJ2xpbmtPcHRpb25zJywgJ2FkZHJlc3NPcHRpb25zJywgJ3BheW1lbnRPcHRpb25zJywgJ2VsZW1lbnRzT3B0aW9ucydcbiAgICAgICAgICAgIF0sXG4gICAgICAgIH0sXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBTdHJpcGVJbnB1dFNlY3Rpb25PcmdhbmlzbSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHN0b3JlID0gaW5qZWN0KFN0cmlwZUlucHV0U2VjdGlvbk9yZ2FuaXNtU3RvcmUpO1xuICByZWFkb25seSBzdHJpcGUgPSBpbmplY3RTdHJpcGUoKTtcbiAgcmVhZG9ubHkgbGlua0F1dGhFbGVtZW50ID0gdmlld0NoaWxkKFN0cmlwZUxpbmtBdXRoZW50aWNhdGlvbkNvbXBvbmVudCk7XG4gIHJlYWRvbmx5IHBheW1lbnRFbGVtZW50ID0gdmlld0NoaWxkKFN0cmlwZVBheW1lbnRFbGVtZW50Q29tcG9uZW50KTtcbiAgcmVhZG9ubHkgYWRkcmVzc0VsZW1lbnQgPSB2aWV3Q2hpbGQoU3RyaXBlQWRkcmVzc0NvbXBvbmVudCk7XG5cbiAgcmVhZG9ubHkgcGF5bWVudEVsZW1lbnRMb2FkZWQgPSBjb21wdXRlZEFzeW5jKCgpID0+IHtcbiAgICBpZiAodGhpcy5wYXltZW50RWxlbWVudCgpKSB7XG4gICAgICByZXR1cm4gdGhpcy5wYXltZW50RWxlbWVudCgpPy5sb2FkLnBpcGUobWFwKCgpID0+IHRydWUpKTtcbiAgICB9XG4gICAgcmV0dXJuIG9mKGZhbHNlKTtcbiAgfSk7XG4gIHJlYWRvbmx5IHBheW1lbnRFbGVtZW50TG9hZGVkJCA9IHRvT2JzZXJ2YWJsZSh0aGlzLnBheW1lbnRFbGVtZW50TG9hZGVkKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLnN0b3JlLmZvcm0oKS5zZXRBc3luY1ZhbGlkYXRvcnMoKCkgPT4ge1xuICAgICAgICByZXR1cm4gdGhpcy5wYXltZW50RWxlbWVudExvYWRlZCQucGlwZShtYXAoKGxvYWRlZCkgPT4gbG9hZGVkID8gbnVsbCA6IHtzdHJpcGVMb2FkZWQ6IHRydWV9KSk7XG4gICAgICB9KTtcbiAgICB9KTtcblxuICAgIC8vIGVmZmVjdCgoKSA9PiB7XG4gICAgLy8gICB0aGlzLmxpbmtBdXRoRWxlbWVudCgpLlxuICAgIC8vIH0pXG4gIH1cblxuICBwcm90ZWN0ZWQgb25Mb2FkKGV2ZW50OiBTdHJpcGVMaW5rQXV0aGVudGljYXRpb25FbGVtZW50KSB7XG4gICAgLy8gY29uc29sZS5kZWJ1Zygnb25Mb2FkOicsIGV2ZW50Lik7XG4gIH1cbiAgXG4gIHByb3RlY3RlZCBvbkNoYW5nZUF1dGhlbnRpY2F0aW9uKGV2ZW50OiBTdHJpcGVMaW5rQXV0aGVudGljYXRpb25FbGVtZW50Q2hhbmdlRXZlbnQpIHtcbiAgICBjb25zb2xlLmRlYnVnKCdvbkNoYW5nZUF1dGhlbnRpY2F0aW9uJywgZXZlbnQpO1xuICAgIHRoaXMuc3RvcmUuZm9ybSgpLnBhdGNoVmFsdWUoe2VtYWlsOiBldmVudC52YWx1ZS5lbWFpbH0pO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uQ2hhbmdlQWRkcmVzcyhldmVudDogU3RyaXBlQWRkcmVzc0VsZW1lbnRDaGFuZ2VFdmVudCkge1xuICAgIHRoaXMuc3RvcmUuZm9ybSgpLnBhdGNoVmFsdWUoe1xuICAgICAgYWRkcmVzczoge1xuICAgICAgICAuLi5ldmVudC52YWx1ZS5hZGRyZXNzLFxuICAgICAgICBwb3N0YWxDb2RlOiBldmVudC52YWx1ZS5hZGRyZXNzLnBvc3RhbF9jb2RlLFxuICAgICAgfSxcbiAgICAgIG5hbWU6IGV2ZW50LnZhbHVlLm5hbWVcbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkNoYW5nZVBheW1lbnQoZXZlbnQ6IFN0cmlwZVBheW1lbnRFbGVtZW50Q2hhbmdlRXZlbnQpIHtcbiAgICB0aGlzLnN0b3JlLmZvcm0oKS5wYXRjaFZhbHVlKHtwYXltZW50TWV0aG9kVHlwZTogZXZlbnQudmFsdWUudHlwZX0pO1xuICB9XG59XG4iXX0=","/*\n Generated bundle index. Do not edit.\n /\nexport from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtb3JnYW5pc21zLXN0cmlwZS1pbnB1dC1zZWN0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvb3JnYW5pc21zL3N0cmlwZS1pbnB1dC1zZWN0aW9uL25nLWF0b21pYy1jb21wb25lbnRzLW9yZ2FuaXNtcy1zdHJpcGUtaW5wdXQtc2VjdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

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

@@ -7,7 +7,7 @@ import { combineLatest, filter, switchMap, distinctUntilChanged, map, startWith
 import * as i2 from '@angular/cdk/scrolling';
 import { FixedSizeVirtualScrollStrategy, CdkVirtualScrollViewport, ScrollingModule, VIRTUAL_SCROLL_STRATEGY } from '@angular/cdk/scrolling';
 import * as i0 from '@angular/core';
-import { signal, input, computed, inject, Directive, viewChild, effect, afterRender, ChangeDetectionStrategy, Component } from '@angular/core';
+import { signal, input, computed, inject, Directive, viewChild, ChangeDetectorRef, effect, ChangeDetectionStrategy, Component } from '@angular/core';
 import { toObservable } from '@angular/core/rxjs-interop';
 import { __decorate, __metadata } from 'tslib';
 import * as i1 from '@angular/material/table';
@@ -28,8 +28,10 @@ import { FlatTreeControl } from '@angular/cdk/tree';
 import { CdkDropList, CdkDrag } from '@angular/cdk/drag-drop';
 import { makeConfig } from '@ng-atomic/common/services/ui';
 import { injectDataAccessor } from '@ng-atomic/common/pipes/data-accessor';
-import { SpreadSheetService, provideSpreadSheetService } from '@ng-atomic/common/services/spreadsheet';
+import { SpreadSheetService, GridDataTableAutofill, provideSpreadSheetService } from '@ng-atomic/common/services/spreadsheet';
 import { StylePipe } from '@ng-atomic/common/pipes/style';
+import { NgAtomicColumnMoleculeStore } from '@ng-atomic/common/directives/molecules/column';
+import { derivedAsync } from 'ngxtension/derived-async';
 const ITEM_SIZE = 52;
 const PRE = 10;
@@ -59,7 +61,10 @@ class CustomDataSource extends DataSource {
         this.totalContentSize$ = combineLatest({
             data: this.data$,
             itemSize: this.itemSize$,
-        }).pipe(map(({ data, itemSize }) => itemSize * data.length), distinctUntilChanged());
+        }).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));
         this.viewportHeight$ = combineLatest({
             viewport: this.viewport$,
@@ -97,8 +102,7 @@ class CustomDataSource extends DataSource {
             startIndex: this.startIndex$,
             endIndex: this.endIndex$,
         }).pipe(filter(({ data }) => !!data), map(({ data, columnNames, viewport, itemSize, startIndex, endIndex }) => {
-            const gridData = this.ss.data.buildGridData(data, columnNames);
-            this.ss.grid.data.set(gridData);
+            this.ss.clipboard.setData(data, columnNames);
             const offset = itemSize * startIndex;
             if (viewport)
                 viewport.setRenderedContentOffset(offset);
@@ -120,7 +124,9 @@ class CustomDataSource extends DataSource {
 }
 class CustomVirtualScrollStrategy extends FixedSizeVirtualScrollStrategy {
     constructor() {
-        super(ITEM_SIZE, ITEM_SIZE * 0, ITEM_SIZE * 0);
+        // itemSize: 52px, minBufferPx: 520px (10 rows), maxBufferPx: 1040px (20 rows)
+        // バッファを大きくして、スクロール時のちらつきを減らす
+        super(ITEM_SIZE, ITEM_SIZE * 10, ITEM_SIZE * 20);
     }
 }
 function buildMatTreeFlattener(getChildren = (node) => get(node, 'children') ?? []) {
@@ -147,6 +153,8 @@ var ActionId;
     ActionId["HEADER_CHECKBOX_CLICK"] = "[@ng-atomic/components/organisms/checkbox-column] Header Checkbox Click";
     ActionId["HEADER_CLICK"] = "[@ng-atomic/components/organisms/table] Header Click";
     ActionId["ROW_DROP"] = "[@ng-atomic/components/organisms/table] Row Drop";
+    ActionId["COLUMN_WIDTH_CHANGE"] = "[@ng-atomic/components/organisms/table] Column Width Change";
+    ActionId["AUTOFILL_COMPLETE"] = "[@ng-atomic/components/organisms/table] Autofill Complete";
 })(ActionId || (ActionId = {}));
 function __buildColumns(data, itemActions, sort) {
     let _stickyLeft = 0;
@@ -206,7 +214,7 @@ let TableOrganismStore = class TableOrganismStore extends InjectableComponent {
         this.highlight = input(new SelectionModel(true, []));
         this.childrenKey = input(null);
         this.items = input([]);
-        this.treeControl = input(new FlatTreeControl(n => n.level, n => n.isExpandable, {}));
+        this.treeControl = input(new FlatTreeControl(n => n.level, n => n.isExpandable, { trackBy: (n) => n?.id ?? n }));
         this.dataSource = computed(() => {
             const items = this.items();
             const childrenKey = this.childrenKey();
@@ -218,12 +226,19 @@ let TableOrganismStore = class TableOrganismStore extends InjectableComponent {
             return new MatTableDataSource(items);
         });
         this.isHidden = input(_computed(() => this.config().isHidden));
+        this.getRowClass = input(_computed(() => () => ''));
         this.formValue = computedRawValue(() => this.form());
         this.sort = computed(() => this.formValue()?.sort ?? { key: '', order: 'asc' }, {
             equal: (a, b) => JSON.stringify(a) === JSON.stringify(b),
         });
         this.columns = computed(() => __buildColumns(this.formValue(), this.itemActions(), this.sort()), { equal: isEqual });
         this.columnNames = computed(() => this.columns().map(column => column.name), { equal: isEqual });
+        // MEMO(NozomuMiyamoto): treeControlのdataNodesの変更検知がTreeColumnMoleculeからはできないため、TableOrganismStoreで更新を検知している。
+        this.isExpandedAll = derivedAsync(() => {
+            this.dataSource();
+            const control = this.treeControl();
+            return control.expansionModel.changed.pipe(startWith(null), map(() => (control.dataNodes ?? []).every(node => control.isExpanded(node))));
+        });
     }
     static { TableOrganismStore_1 = this; }
     static { this.ActionId = ActionId; }
@@ -233,13 +248,13 @@ let TableOrganismStore = class TableOrganismStore extends InjectableComponent {
             isHidden: (item) => false,
         });
     }, ['components', 'organisms', 'table']); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TableOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: TableOrganismStore, isStandalone: true, selector: "organisms-table", inputs: { draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, columnFormFieldMap: { classPropertyName: "columnFormFieldMap", publicName: "columnFormFieldMap", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null }, childrenKey: { classPropertyName: "childrenKey", publicName: "childrenKey", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, treeControl: { classPropertyName: "treeControl", publicName: "treeControl", isSignal: true, isRequired: false, transformFunction: null }, isHidden: { classPropertyName: "isHidden", publicName: "isHidden", isSignal: true, isRequired: false, transformFunction: null } }, providers: [DomainPipe], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: TableOrganismStore, isStandalone: true, selector: "organisms-table", inputs: { draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, columnFormFieldMap: { classPropertyName: "columnFormFieldMap", publicName: "columnFormFieldMap", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null }, childrenKey: { classPropertyName: "childrenKey", publicName: "childrenKey", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, treeControl: { classPropertyName: "treeControl", publicName: "treeControl", isSignal: true, isRequired: false, transformFunction: null }, isHidden: { classPropertyName: "isHidden", publicName: "isHidden", isSignal: true, isRequired: false, transformFunction: null }, getRowClass: { classPropertyName: "getRowClass", publicName: "getRowClass", isSignal: true, isRequired: false, transformFunction: null } }, providers: [DomainPipe], usesInheritance: true, ngImport: i0 }); }
 };
 TableOrganismStore = TableOrganismStore_1 = __decorate([
     TokenizedType()
 ], TableOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TableOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableOrganismStore, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -253,13 +268,45 @@ class TableOrganism extends NgAtomicComponent {
         super();
         this.store = inject(TableOrganismStore);
         this.ss = inject(SpreadSheetService);
-        this.trackByFunc = (index, item) => item.id;
+        this.trackByFunc = (index, item) => item;
         this.placeholderWhen = (index, _) => index == 0;
         this.viewport = viewChild(CdkVirtualScrollViewport);
         this.dataSource = new CustomDataSource(this.ss);
+        this.cd = inject(ChangeDetectorRef);
         effect(() => { this.dataSource.columnNames.set(this.store.columnNames()); });
-        effect(() => { this.dataSource.reconnect(this.store.dataSource()); });
-        afterRender(() => this.dataSource.viewport.set(this.viewport()));
+        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;
+                        }
+                    });
+                }
+            }
+        });
+    }
+    ngOnDestroy() {
+        if (this.dataNodesSubscription) {
+            this.dataNodesSubscription.unsubscribe();
+        }
+    }
+    ngAfterViewInit() {
+        this.updateViewPort();
+    }
+    updateViewPort() {
+        this.dataSource.viewport.set(this.viewport());
+        this.viewport().checkViewportSize();
     }
     onCheckboxClick(item) {
         this.dispatch({ id: ActionId.CHECKBOX_CLICK, payload: item });
@@ -267,6 +314,12 @@ class TableOrganism extends NgAtomicComponent {
     onHeaderCheckboxClick(item) {
         this.dispatch({ id: ActionId.HEADER_CHECKBOX_CLICK });
     }
+    onChangeWidth(payload) {
+        this.dispatch({
+            id: TableOrganismStore.ActionId.COLUMN_WIDTH_CHANGE,
+            payload: { columnName: payload.name, width: payload.width }
+        });
+    }
     onHeaderClick(column) {
         this.dispatch({ id: ActionId.HEADER_CLICK, payload: column });
     }
@@ -287,11 +340,15 @@ class TableOrganism extends NgAtomicComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TableOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: TableOrganism, isStandalone: true, selector: "organisms-table", host: { attributes: { "tabindex": "0" }, listeners: { "keydown": "ss.handleKeyDown($event)" }, classAttribute: "organism" }, providers: [
+    // オートフィル完了イベントを受け取る（ディレクティブから）
+    onAutofillComplete(payload) {
+        this.dispatch({ id: ActionId.AUTOFILL_COMPLETE, payload });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: TableOrganism, isStandalone: true, selector: "organisms-table", host: { attributes: { "tabindex": "0" }, listeners: { "keydown": "ss.handleKeyDown($event)" }, classAttribute: "organism" }, providers: [
             provideSpreadSheetService(),
             { provide: VIRTUAL_SCROLL_STRATEGY, useClass: CustomVirtualScrollStrategy },
-        ], viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: TableOrganismStore, inputs: ["columnFormFieldMap", "columnFormFieldMap", "draggable", "draggable", "form", "form", "itemActions", "itemActions", "selection", "selection", "items", "items", "childrenKey", "childrenKey", "highlight", "highlight", "treeControl", "treeControl", "isHidden", "isHidden"] }], ngImport: i0, template: `
+        ], viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: TableOrganismStore, inputs: ["columnFormFieldMap", "columnFormFieldMap", "draggable", "draggable", "form", "form", "itemActions", "itemActions", "selection", "selection", "items", "items", "childrenKey", "childrenKey", "highlight", "highlight", "treeControl", "treeControl", "isHidden", "isHidden", "getRowClass", "getRowClass"] }], ngImport: i0, template: `
   @let component = '@ng-atomic/components/organisms/table';
   <cdk-virtual-scroll-viewport>
     <table
@@ -304,6 +361,8 @@ class TableOrganism extends NgAtomicComponent {
       (cdkDropListDropped)="onDrop($event)"
       [cdkDropListDisabled]="!store.draggable()"
       [multiTemplateDataRows]="true"
+      gridDataTableAutofill
+      (autofillComplete)="onAutofillComplete($event)"
     >
       <tbody>
         @for (column of store.columns(); track column.name; let index = $index) {
@@ -330,6 +389,8 @@ class TableOrganism extends NgAtomicComponent {
                 [index]="index"
                 [column]="column"
                 [treeControl]="store.treeControl()"
+                [isExpandedAll]="store.isExpandedAll()"
+                [formFieldMap]="store.columnFormFieldMap()"
                 (headerClick)="onHeaderClick(column.name)"
                 (action)="dispatch($event)"
               />
@@ -359,7 +420,7 @@ class TableOrganism extends NgAtomicComponent {
         <tr
           *matRowDef="let item; let index = index; columns: store.columnNames();"
           mat-row
-          [ngClass]="{ highlight: store.highlight().isSelected(item.id) }"
+          [ngClass]="store.getRowClass()(item)"
           [style]="null | style:{ item, index, component, selector: 'row' }"
           [cdkDrag]
           [cdkDragDisabled]="!store.draggable()"
@@ -368,7 +429,7 @@ class TableOrganism extends NgAtomicComponent {
       </tbody>
     </table>
   </cdk-virtual-scroll-viewport>
-  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-V5d2: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-V5d2: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-V5d2: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-V5d2: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-V5d2: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-V5d2: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-V5d2: 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:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%;background-color:var(--background-color-SCOPED-IN-smart-table-V5d2);color:var(--on-background-color-SCOPED-IN-smart-table-V5d2)}: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-V5d2);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-V5d2)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-V5d2)}: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%}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{transform:translateY(0)!important}\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"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: 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: "pipe", type: StylePipe, name: "style" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-1fAt: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-1fAt: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-1fAt: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-1fAt: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-1fAt: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-1fAt: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-1fAt: 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-1fAt);color:var(--on-surface-color-SCOPED-IN-smart-table-1fAt);--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-1fAt);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-1fAt)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-1fAt)}: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"], 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: "pipe", type: StylePipe, name: "style" }, { kind: "directive", type: GridDataTableAutofill, selector: "[gridDataTableAutofill]", outputs: ["autofillComplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(CheckboxColumnMolecule.ActionId.CHECKBOX_CLICK),
@@ -382,7 +443,13 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], TableOrganism.prototype, "onHeaderCheckboxClick", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TableOrganism, decorators: [{
+__decorate([
+    Effect(NgAtomicColumnMoleculeStore._ActionId.CHANGE_WIDTH),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], TableOrganism.prototype, "onChangeWidth", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TableOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-table', imports: [
                         NgClass,
@@ -400,6 +467,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         ScrollingModule,
                         CdkVirtualScrollViewport,
                         StylePipe,
+                        GridDataTableAutofill
                     ], template: `
   @let component = '@ng-atomic/components/organisms/table';
   <cdk-virtual-scroll-viewport>
@@ -413,6 +481,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
       (cdkDropListDropped)="onDrop($event)"
       [cdkDropListDisabled]="!store.draggable()"
       [multiTemplateDataRows]="true"
+      gridDataTableAutofill
+      (autofillComplete)="onAutofillComplete($event)"
     >
       <tbody>
         @for (column of store.columns(); track column.name; let index = $index) {
@@ -439,6 +509,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 [index]="index"
                 [column]="column"
                 [treeControl]="store.treeControl()"
+                [isExpandedAll]="store.isExpandedAll()"
+                [formFieldMap]="store.columnFormFieldMap()"
                 (headerClick)="onHeaderClick(column.name)"
                 (action)="dispatch($event)"
               />
@@ -468,7 +540,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
         <tr
           *matRowDef="let item; let index = index; columns: store.columnNames();"
           mat-row
-          [ngClass]="{ highlight: store.highlight().isSelected(item.id) }"
+          [ngClass]="store.getRowClass()(item)"
           [style]="null | style:{ item, index, component, selector: 'row' }"
           [cdkDrag]
           [cdkDragDisabled]="!store.draggable()"
@@ -491,6 +563,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                                 'highlight',
                                 'treeControl',
                                 'isHidden',
+                                'getRowClass',
                             ],
                         },
                     ], host: {
@@ -500,8 +573,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                     }, providers: [
                         provideSpreadSheetService(),
                         { provide: VIRTUAL_SCROLL_STRATEGY, useClass: CustomVirtualScrollStrategy },
-                    ], styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-V5d2: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-V5d2: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-V5d2: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-V5d2: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-V5d2: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-V5d2: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-V5d2: 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:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%;background-color:var(--background-color-SCOPED-IN-smart-table-V5d2);color:var(--on-background-color-SCOPED-IN-smart-table-V5d2)}: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-V5d2);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-V5d2)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-V5d2)}: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%}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{transform:translateY(0)!important}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { onCheckboxClick: [], onHeaderCheckboxClick: [] } });
+                    ], styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-1fAt: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-1fAt: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-1fAt: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-1fAt: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-1fAt: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-1fAt: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-1fAt: 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-1fAt);color:var(--on-surface-color-SCOPED-IN-smart-table-1fAt);--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-1fAt);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-1fAt)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-1fAt)}: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: { onCheckboxClick: [], onHeaderCheckboxClick: [], onChangeWidth: [] } });
 function getDisplayedNodes(nodes, control) {
     const result = [];
     for (const node of nodes) {