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

@ng-atomic/components 17.14.0 → 18.1.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 (302) hide show

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

@@ -17,13 +17,13 @@ let NumberInputSectionOrganismStore = class NumberInputSectionOrganismStore exte
         this.actions = input([]);
         this.actionButtonType = input('icon-button');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NumberInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: NumberInputSectionOrganismStore, isStandalone: true, selector: "organisms-number-input-section", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, actionButtonType: { classPropertyName: "actionButtonType", publicName: "actionButtonType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NumberInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: NumberInputSectionOrganismStore, isStandalone: true, selector: "organisms-number-input-section", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, actionButtonType: { classPropertyName: "actionButtonType", publicName: "actionButtonType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 NumberInputSectionOrganismStore = __decorate([
     TokenizedType()
 ], NumberInputSectionOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NumberInputSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NumberInputSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-number-input-section' }]
         }] });
@@ -32,8 +32,8 @@ class NumberInputSectionOrganism extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(NumberInputSectionOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NumberInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: NumberInputSectionOrganism, isStandalone: true, selector: "organisms-number-input-section", usesInheritance: true, hostDirectives: [{ directive: NumberInputSectionOrganismStore, inputs: ["label", "label", "placeholder", "placeholder", "hint", "hint", "control", "control", "autoComplete", "autoComplete", "actions", "actions", "actionButtonType", "actionButtonType"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NumberInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: NumberInputSectionOrganism, isStandalone: true, selector: "organisms-number-input-section", usesInheritance: true, hostDirectives: [{ directive: NumberInputSectionOrganismStore, inputs: ["label", "label", "placeholder", "placeholder", "hint", "hint", "control", "control", "autoComplete", "autoComplete", "actions", "actions", "actionButtonType", "actionButtonType"] }], ngImport: i0, template: `
   <molecules-text-input-field injectable
     [type]="'number'"
     [control]="store.control()"
@@ -49,9 +49,9 @@ class NumberInputSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-WL94: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-WL94) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-WL94)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-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-smart-menu-button", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-mnKA: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-mnKA) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-mnKA)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-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-smart-menu-button", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NumberInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NumberInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-number-input-section', standalone: true, imports: [
                         TextInputFieldMoleculeStore,
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: NumberInputSectionOrganismStore,
                             inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-WL94: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-WL94) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-WL94)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-mnKA: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-mnKA) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-mnKA)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 /**

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

@@ -18,13 +18,13 @@ let PaginatorOrganismStore = class PaginatorOrganismStore extends InjectableComp
         this.itemLength = input(0);
         this.formValue = computedRawValue(() => this.form());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PaginatorOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: PaginatorOrganismStore, isStandalone: true, selector: "organisms-paginator", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, itemLength: { classPropertyName: "itemLength", publicName: "itemLength", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PaginatorOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: PaginatorOrganismStore, isStandalone: true, selector: "organisms-paginator", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, itemLength: { classPropertyName: "itemLength", publicName: "itemLength", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 PaginatorOrganismStore = __decorate([
     TokenizedType()
 ], PaginatorOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PaginatorOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PaginatorOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-paginator' }]
         }] });
@@ -39,17 +39,17 @@ class PaginatorOrganism extends NgAtomicComponent {
             pageSize: page.pageSize
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PaginatorOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: PaginatorOrganism, isStandalone: true, selector: "organisms-paginator", host: { classAttribute: "organism" }, usesInheritance: true, hostDirectives: [{ directive: PaginatorOrganismStore, inputs: ["form", "form", "pageSizeOptions", "pageSizeOptions", "itemLength", "itemLength"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PaginatorOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: PaginatorOrganism, isStandalone: true, selector: "organisms-paginator", host: { classAttribute: "organism" }, usesInheritance: true, hostDirectives: [{ directive: PaginatorOrganismStore, inputs: ["form", "form", "pageSizeOptions", "pageSizeOptions", "itemLength", "itemLength"] }], ngImport: i0, template: `
     <mat-paginator
       [length]="store.itemLength()"
       [pageSize]="store.formValue().pageSize"
       [pageSizeOptions]="store.pageSizeOptions()"
       (page)="onPageChange($event)"
     />
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-uR2h: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-uR2h: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-uR2h: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-uR2h: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-uR2h: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-uR2h: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-uR2h: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-uR2h);color:var(--on-background-color-SCOPED-IN-paginator-uR2h);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-vM4Q: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-vM4Q: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-vM4Q: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-vM4Q: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-vM4Q: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-vM4Q: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-vM4Q: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-vM4Q);color:var(--on-background-color-SCOPED-IN-paginator-vM4Q);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: "17.2.2", ngImport: i0, type: PaginatorOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PaginatorOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-paginator', standalone: true, imports: [
                         MatPaginatorModule,
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: PaginatorOrganismStore,
                             inputs: ['form', 'pageSizeOptions', 'itemLength'],
                         },
-                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-uR2h: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-uR2h: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-uR2h: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-uR2h: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-uR2h: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-uR2h: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-uR2h: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-uR2h);color:var(--on-background-color-SCOPED-IN-paginator-uR2h);min-width:440px}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-vM4Q: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-vM4Q: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-vM4Q: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-vM4Q: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-vM4Q: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-vM4Q: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-vM4Q: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-vM4Q);color:var(--on-background-color-SCOPED-IN-paginator-vM4Q);min-width:440px}\n"] }]
         }] });
 /**

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

@@ -17,13 +17,13 @@ let PasswordInputSectionOrganismStore = class PasswordInputSectionOrganismStore
         this.actions = input([]);
         this.actionButtonType = input('icon-button');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PasswordInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: PasswordInputSectionOrganismStore, isStandalone: true, selector: "organisms-password-input-section", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, actionButtonType: { classPropertyName: "actionButtonType", publicName: "actionButtonType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PasswordInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: PasswordInputSectionOrganismStore, isStandalone: true, selector: "organisms-password-input-section", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, actionButtonType: { classPropertyName: "actionButtonType", publicName: "actionButtonType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 PasswordInputSectionOrganismStore = __decorate([
     TokenizedType()
 ], PasswordInputSectionOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PasswordInputSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PasswordInputSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-password-input-section' }]
         }] });
@@ -32,8 +32,8 @@ class PasswordInputSectionOrganism extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(PasswordInputSectionOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PasswordInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: PasswordInputSectionOrganism, isStandalone: true, selector: "organisms-password-input-section", usesInheritance: true, hostDirectives: [{ directive: PasswordInputSectionOrganismStore, inputs: ["label", "label", "placeholder", "placeholder", "hint", "hint", "control", "control", "autoComplete", "autoComplete", "actions", "actions", "actionButtonType", "actionButtonType"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PasswordInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: PasswordInputSectionOrganism, isStandalone: true, selector: "organisms-password-input-section", usesInheritance: true, hostDirectives: [{ directive: PasswordInputSectionOrganismStore, inputs: ["label", "label", "placeholder", "placeholder", "hint", "hint", "control", "control", "autoComplete", "autoComplete", "actions", "actions", "actionButtonType", "actionButtonType"] }], ngImport: i0, template: `
     <molecules-text-input-field injectable
       [type]="'password'"
       [control]="store.control()"
@@ -48,9 +48,9 @@ class PasswordInputSectionOrganism extends NgAtomicComponent {
       [type]="store.actionButtonType()"
       (action)="dispatch($event)"
     />
-  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-e46o: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-e46o) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-e46o)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-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-smart-menu-button", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-QEPE: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-QEPE) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-QEPE)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-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-smart-menu-button", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PasswordInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: PasswordInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-password-input-section', standalone: true, imports: [
                         TextInputFieldMoleculeStore,
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: PasswordInputSectionOrganismStore,
                             inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
                         },
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-e46o: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-e46o) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-e46o)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-QEPE: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-QEPE) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-QEPE)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 /**

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

@@ -17,13 +17,13 @@ let SelectInputSectionOrganismStore = class SelectInputSectionOrganismStore exte
         this.options = input([]);
         this.multiple = input(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: SelectInputSectionOrganismStore, isStandalone: true, selector: "organisms-select-input-section", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SelectInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: SelectInputSectionOrganismStore, isStandalone: true, selector: "organisms-select-input-section", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 SelectInputSectionOrganismStore = __decorate([
     TokenizedType()
 ], SelectInputSectionOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SelectInputSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-select-input-section' }]
         }] });
@@ -32,8 +32,8 @@ class SelectInputSectionOrganism extends NgAtomicComponent {
         super(...arguments);
         this.store = inject((SelectInputSectionOrganismStore));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: SelectInputSectionOrganism, isStandalone: true, selector: "organisms-select-input-section", usesInheritance: true, hostDirectives: [{ directive: SelectInputSectionOrganismStore, inputs: ["actions", "actions", "hint", "hint", "placeholder", "placeholder", "label", "label", "control", "control", "options", "options", "multiple", "multiple"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SelectInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: SelectInputSectionOrganism, isStandalone: true, selector: "organisms-select-input-section", usesInheritance: true, hostDirectives: [{ directive: SelectInputSectionOrganismStore, inputs: ["actions", "actions", "hint", "hint", "placeholder", "placeholder", "label", "label", "control", "control", "options", "options", "multiple", "multiple"] }], ngImport: i0, template: `
   <molecules-select-input-field
     [label]="store.label()"
     [control]="store.control()"
@@ -47,9 +47,9 @@ class SelectInputSectionOrganism extends NgAtomicComponent {
       [actions]="store.actions()"
       (action)="dispatch($event)"
     />
-  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-UYjt: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-UYjt) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-UYjt)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-xqWU: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-xqWU) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-xqWU)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-select-input-section', standalone: true, imports: [
                         SelectInputFieldMolecule,
@@ -73,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: SelectInputSectionOrganismStore,
                             inputs: ['actions', 'hint', 'placeholder', 'label', 'control', 'options', 'multiple'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-UYjt: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-UYjt) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-UYjt)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-xqWU: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-xqWU) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-xqWU)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 /**

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

@@ -29,8 +29,8 @@ class SelectionListOrganism extends NgAtomicComponent {
             payload: item,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectionListOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SelectionListOrganism, isStandalone: true, selector: "organisms-selection-list", inputs: { items: "items", itemActions: "itemActions", selection: "selection" }, viewQueries: [{ propertyName: "list", first: true, predicate: MatSelectionList, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SelectionListOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SelectionListOrganism, isStandalone: true, selector: "organisms-selection-list", inputs: { items: "items", itemActions: "itemActions", selection: "selection" }, viewQueries: [{ propertyName: "list", first: true, predicate: MatSelectionList, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
     <mat-selection-list
       [multiple]="false"
     >
@@ -62,7 +62,7 @@ class SelectionListOrganism extends NgAtomicComponent {
     </mat-selection-list>
   `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i2.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i2.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i2.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectionListOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SelectionListOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-selection-list', standalone: true, imports: [
                         CommonModule,

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

@@ -24,13 +24,13 @@ let SliderInputSectionOrganismStore = class SliderInputSectionOrganismStore exte
             itemActions: [],
         });
     }, ['components', 'organisms', 'smart-list']); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SliderInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: SliderInputSectionOrganismStore, isStandalone: true, selector: "organisms-slider-input-section", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, thumbLabel: { classPropertyName: "thumbLabel", publicName: "thumbLabel", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SliderInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: SliderInputSectionOrganismStore, isStandalone: true, selector: "organisms-slider-input-section", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, thumbLabel: { classPropertyName: "thumbLabel", publicName: "thumbLabel", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 SliderInputSectionOrganismStore = __decorate([
     TokenizedType()
 ], SliderInputSectionOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SliderInputSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SliderInputSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -42,8 +42,8 @@ class SliderInputSectionOrganism extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(SliderInputSectionOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SliderInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SliderInputSectionOrganism, isStandalone: true, selector: "organisms-slider-input-section", usesInheritance: true, hostDirectives: [{ directive: SliderInputSectionOrganismStore, inputs: ["control", "control", "min", "min", "max", "max", "step", "step", "thumbLabel", "thumbLabel", "label", "label"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SliderInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SliderInputSectionOrganism, isStandalone: true, selector: "organisms-slider-input-section", usesInheritance: true, hostDirectives: [{ directive: SliderInputSectionOrganismStore, inputs: ["control", "control", "min", "min", "max", "max", "step", "step", "thumbLabel", "thumbLabel", "label", "label"] }], ngImport: i0, template: `
     <span>{{ store.label() }}</span>
     <mat-slider
       [min]="store.min()"
@@ -56,9 +56,9 @@ class SliderInputSectionOrganism extends NgAtomicComponent {
         matSliderThumb
       >
     </mat-slider>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-UcAL: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-UcAL: var(--mat-form-field-outlined-label-text-populated-size);--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-UcAL: var(--mdc-outlined-text-field-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-UcAL);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-UcAL);color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-UcAL);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-HBpH: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-HBpH: var(--mat-form-field-outlined-label-text-populated-size);--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-HBpH: var(--mdc-outlined-text-field-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-HBpH);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-HBpH);color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-HBpH);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: "17.2.2", ngImport: i0, type: SliderInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SliderInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-slider-input-section', standalone: true, imports: [
                         MatSliderModule,
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: SliderInputSectionOrganismStore,
                             inputs: ['control', 'min', 'max', 'step', 'thumbLabel', 'label'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-UcAL: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-UcAL: var(--mat-form-field-outlined-label-text-populated-size);--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-UcAL: var(--mdc-outlined-text-field-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-UcAL);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-UcAL);color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-UcAL);transform:scale(.75);transform-origin:top left}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-HBpH: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-HBpH: var(--mat-form-field-outlined-label-text-populated-size);--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-HBpH: var(--mdc-outlined-text-field-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-HBpH);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-HBpH);color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-HBpH);transform:scale(.75);transform-origin:top left}\n"] }]
         }] });
 /**

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

@@ -56,13 +56,13 @@ let SmartListOrganismStore = class SmartListOrganismStore extends InjectableComp
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartListOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: SmartListOrganismStore, isStandalone: true, inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, groupedBy: { classPropertyName: "groupedBy", publicName: "groupedBy", isSignal: true, isRequired: false, transformFunction: null }, groupKeys: { classPropertyName: "groupKeys", publicName: "groupKeys", isSignal: true, isRequired: false, transformFunction: null }, itemActionsType: { classPropertyName: "itemActionsType", publicName: "itemActionsType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartListOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: SmartListOrganismStore, isStandalone: true, inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, groupedBy: { classPropertyName: "groupedBy", publicName: "groupedBy", isSignal: true, isRequired: false, transformFunction: null }, groupKeys: { classPropertyName: "groupKeys", publicName: "groupKeys", isSignal: true, isRequired: false, transformFunction: null }, itemActionsType: { classPropertyName: "itemActionsType", publicName: "itemActionsType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 SmartListOrganismStore = SmartListOrganismStore_1 = __decorate([
     TokenizedType()
 ], SmartListOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartListOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartListOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }] });
@@ -82,8 +82,8 @@ class SmartListOrganism extends NgAtomicComponent {
         $event.preventDefault();
         this.dispatch({ id: ActionId.ITEM_BUTTON_CLICK, payload: item });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartListOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: SmartListOrganism, isStandalone: true, selector: "organisms-smart-list", usesInheritance: true, hostDirectives: [{ directive: SmartListOrganismStore, inputs: ["items", "items", "itemActions", "itemActions", "groupedBy", "groupedBy", "groupKeys", "groupKeys", "itemActionsType", "itemActionsType"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartListOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: SmartListOrganism, isStandalone: true, selector: "organisms-smart-list", usesInheritance: true, hostDirectives: [{ directive: SmartListOrganismStore, inputs: ["items", "items", "itemActions", "itemActions", "groupedBy", "groupedBy", "groupKeys", "groupKeys", "itemActionsType", "itemActionsType"] }], ngImport: i0, template: `
   @if (store.groupedBy()) {
     <mat-list>
       @for (key of store.groupKeys() ?? (store.items() | groupedBy:store.groupedBy() | keys); track key) {
@@ -139,7 +139,7 @@ class SmartListOrganism extends NgAtomicComponent {
   </ng-template>
   `, isInline: true, styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}:host mat-list-item{cursor:pointer;align-items:center}:host mat-list .mdc-list-group__subheader{font-size:14px;line-height:1em;margin:.75rem 16px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i6.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "pipe", type: GroupedByPipe, name: "groupedBy" }, { kind: "pipe", type: KeysPipe, name: "keys" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartListOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartListOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-smart-list', standalone: true, imports: [
                         NgTemplateOutlet,

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

@@ -8,15 +8,15 @@ class SocialLoginSectionOrganism {
     constructor() {
         this.signInWithGoogleButtonClick = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SocialLoginSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", 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-lG5J: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-lG5J);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[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SocialLoginSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", 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-S4t7: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-S4t7);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[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SocialLoginSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", 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-lG5J: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-lG5J);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-S4t7: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-S4t7);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: ['', []],
+                city: ['', []], // MEMO(@nontangent): 住所のオートコンプリートによってはここが入力されないので必須を外している。
                 country: ['', [Validators.required]],
                 line1: ['', [Validators.required]],
                 line2: ['', []],
@@ -30,10 +30,10 @@ class StripeFormService {
             paymentMethodType: ['', [Validators.required]],
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: StripeFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: StripeFormService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: StripeFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: StripeFormService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: StripeFormService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", 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: "17.2.2", ngImport: i0, type: StripeInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", 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: "18.1.2", ngImport: i0, type: StripeInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", 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: "17.2.2", ngImport: i0, type: StripeInputSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", 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: "17.2.2", ngImport: i0, type: StripeInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", 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: "18.1.2", ngImport: i0, type: StripeInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", 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: "17.2.2", ngImport: i0, type: StripeInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: StripeInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-stripe-input-section', standalone: true, 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 standalone: true,\n imports: [\n StripeElementsDirective,\n StripeCardComponent,\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: ['', []], // 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 standalone: true,\n imports: [\n StripeElementsDirective,\n StripeCardComponent,\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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"}