@ng-atomic/components 17.14.0 → 18.1.0

package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs

@@ -14,13 +14,13 @@ let ActionInputSectionOrganismStore = class ActionInputSectionOrganismStore exte
         this.actions = input([]);
         this.hint = input(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: ActionInputSectionOrganismStore, isStandalone: true, selector: "organisms-action-input-section", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", 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: ActionInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: ActionInputSectionOrganismStore, isStandalone: true, selector: "organisms-action-input-section", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 ActionInputSectionOrganismStore = __decorate([
     TokenizedType()
 ], ActionInputSectionOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionInputSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ActionInputSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-action-input-section' }]
         }] });
@@ -29,8 +29,8 @@ class ActionInputSectionOrganism extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(ActionInputSectionOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ActionInputSectionOrganism, isStandalone: true, selector: "organisms-action-input-section", usesInheritance: true, hostDirectives: [{ directive: ActionInputSectionOrganismStore, inputs: ["control", "control", "label", "label", "placeholder", "placeholder", "actions", "actions", "hint", "hint"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ActionInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: ActionInputSectionOrganism, isStandalone: true, selector: "organisms-action-input-section", usesInheritance: true, hostDirectives: [{ directive: ActionInputSectionOrganismStore, inputs: ["control", "control", "label", "label", "placeholder", "placeholder", "actions", "actions", "hint", "hint"] }], ngImport: i0, template: `
     <molecules-action-input-field
       [actions]="store.actions()"
       [control]="store.control()"
@@ -39,9 +39,9 @@ class ActionInputSectionOrganism extends NgAtomicComponent {
       [hint]="store.hint()"
       (action)="dispatch($event)"
     ></molecules-action-input-field>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-TZRS: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-TZRS);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: ActionInputFieldMolecule, selector: "molecules-action-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-jRc8: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-jRc8);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: ActionInputFieldMolecule, selector: "molecules-action-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ActionInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-action-input-section', standalone: true, imports: [
                         ActionInputFieldMolecule,
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: ActionInputSectionOrganismStore,
                             inputs: ['control', 'label', 'placeholder', 'actions', 'hint'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-TZRS: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-TZRS);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-jRc8: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-jRc8);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-agreement-input-section.mjs

@@ -17,10 +17,10 @@ class AgreementInputSectionOrganismStore extends InjectableComponent {
             console.debug('labelTemp:', this.labelTemp());
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: AgreementInputSectionOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: AgreementInputSectionOrganismStore, isStandalone: true, selector: "organisms-agreement-input-section-store", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelTemp: { classPropertyName: "labelTemp", publicName: "labelTemp", 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: AgreementInputSectionOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: AgreementInputSectionOrganismStore, isStandalone: true, selector: "organisms-agreement-input-section-store", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelTemp: { classPropertyName: "labelTemp", publicName: "labelTemp", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: AgreementInputSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AgreementInputSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-agreement-input-section-store' }]
         }], ctorParameters: () => [] });
@@ -28,8 +28,8 @@ class AgreementInputSectionOrganism {
     constructor() {
         this.store = inject(AgreementInputSectionOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: AgreementInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: AgreementInputSectionOrganism, isStandalone: true, selector: "organisms-agreement-input-section", hostDirectives: [{ directive: AgreementInputSectionOrganismStore, inputs: ["control", "control", "label", "label", "labelTemp", "labelTemp"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AgreementInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: AgreementInputSectionOrganism, isStandalone: true, selector: "organisms-agreement-input-section", hostDirectives: [{ directive: AgreementInputSectionOrganismStore, inputs: ["control", "control", "label", "label", "labelTemp", "labelTemp"] }], ngImport: i0, template: `
   <mat-checkbox [formControl]="store.control()">
     @if (store.labelTemp()) {
       <ng-container *ngTemplateOutlet="store.labelTemp()" />
@@ -41,7 +41,7 @@ class AgreementInputSectionOrganism {
   </mat-checkbox>
   `, isInline: true, styles: [":host{display:block}:host{display:flex;width:100%;padding:0 8px;box-sizing:border-box;justify-content:flex-start}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: AgreementInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AgreementInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-agreement-input-section', standalone: true, imports: [
                         NgTemplateOutlet,

package/fesm2022/ng-atomic-components-organisms-card-input-section.mjs

@@ -10,15 +10,15 @@ class CardInputSectionOrganism {
         this.label = 'カード番号';
         this.placeholder = 'XXXX-XXXX-XXXX-XXXX';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CardInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: CardInputSectionOrganism, isStandalone: true, selector: "organisms-card-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, ngImport: i0, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-iuNZ: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-iuNZ);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CardInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: CardInputSectionOrganism, isStandalone: true, selector: "organisms-card-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, ngImport: i0, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-vuwf: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-vuwf);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CardInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CardInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-card-input-section', standalone: true, imports: [
                         CommonModule,
                         TextInputFieldMolecule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-iuNZ: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-iuNZ);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-vuwf: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-vuwf);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { control: [{
                 type: Input
             }], label: [{

package/fesm2022/ng-atomic-components-organisms-chips-input-section.mjs

@@ -8,11 +8,15 @@ class ChipsInputSectionOrganismStore extends InjectableComponent {
     constructor() {
         super(...arguments);
         this.control = input(new FormControl(''));
+        this.appearance = input('fill');
+        this.placeholder = input('status:active');
+        this.label = input('フィルター');
+        this.hint = input('フィルター条件を入力できます。');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: ChipsInputSectionOrganismStore, isStandalone: true, selector: "organisms-chips-input-section", inputs: { control: { classPropertyName: "control", publicName: "control", 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: ChipsInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: ChipsInputSectionOrganismStore, isStandalone: true, selector: "organisms-chips-input-section", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", 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 }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ChipsInputSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-chips-input-section' }]
         }] });
@@ -20,33 +24,39 @@ class ChipsInputSectionOrganism {
     constructor() {
         this.store = inject(ChipsInputSectionOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ChipsInputSectionOrganism, isStandalone: true, selector: "organisms-chips-input-section", hostDirectives: [{ directive: ChipsInputSectionOrganismStore, inputs: ["control", "control"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ChipsInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: ChipsInputSectionOrganism, isStandalone: true, selector: "organisms-chips-input-section", hostDirectives: [{ directive: ChipsInputSectionOrganismStore, inputs: ["control", "control", "appearance", "appearance", "placeholder", "placeholder", "label", "label", "hint", "hint"] }], ngImport: i0, template: `
     <molecules-chips-input-field injectable
-      [appearance]="'fill'"
-      [placeholder]="'status:active'"
-      [label]="'フィルター'"
-      [hint]="'フィルター条件を入力できます。'"
+      [appearance]="store.appearance()"
+      [placeholder]="store.placeholder()"
+      [label]="store.label()"
+      [hint]="store.hint()"
       [control]="store.control()"
     />
   `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: ChipsInputFieldMoleculeStore, selector: "molecules-chips-input-field", inputs: ["appearance", "control", "floatLabel", "label", "hint", "placeholder", "separators"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ChipsInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-chips-input-section', standalone: true, imports: [
                         ChipsInputFieldMoleculeStore,
                     ], template: `
     <molecules-chips-input-field injectable
-      [appearance]="'fill'"
-      [placeholder]="'status:active'"
-      [label]="'フィルター'"
-      [hint]="'フィルター条件を入力できます。'"
+      [appearance]="store.appearance()"
+      [placeholder]="store.placeholder()"
+      [label]="store.label()"
+      [hint]="store.hint()"
       [control]="store.control()"
     />
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: ChipsInputSectionOrganismStore,
-                            inputs: ['control'],
+                            inputs: [
+                                'control',
+                                'appearance',
+                                'placeholder',
+                                'label',
+                                'hint',
+                            ],
                         }
                     ], styles: [":host{display:block}\n"] }]
         }] });

package/fesm2022/ng-atomic-components-organisms-chips-input-section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-chips-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/chips-input-section/chips-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/chips-input-section/ng-atomic-components-organisms-chips-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { ChipsInputFieldMoleculeStore } from '@ng-atomic/components/molecules/chips-input-field';\nimport { InjectableComponent } from '@ng-atomic/core';\n\n@Directive({standalone: true, selector: 'organisms-chips-input-section'})\nexport class ChipsInputSectionOrganismStore extends InjectableComponent {\n  readonly control = input(new FormControl<string>(''));\n}\n\n@Component({\n  selector: 'organisms-chips-input-section',\n  standalone: true,\n  imports: [\n    ChipsInputFieldMoleculeStore,\n  ],\n  template: `\n    <molecules-chips-input-field injectable\n      [appearance]=\"'fill'\"\n      [placeholder]=\"'status:active'\"\n      [label]=\"'フィルター'\"\n      [hint]=\"'フィルター条件を入力できます。'\"\n      [control]=\"store.control()\"\n    />\n  `,\n  styleUrl: './chips-input-section.organism.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: ChipsInputSectionOrganismStore,\n      inputs: ['control'],\n    }\n  ]\n})\nexport class ChipsInputSectionOrganism {\n  protected store = inject(ChipsInputSectionOrganismStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAMM,MAAO,8BAA+B,SAAQ,mBAAmB,CAAA;AADvE,IAAA,WAAA,GAAA;;QAEW,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC,CAAC;AACvD,KAAA;8GAFY,8BAA8B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA9B,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAD1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,+BAA+B,EAAC,CAAA;;MA6B3D,yBAAyB,CAAA;AAxBtC,IAAA,WAAA,GAAA;AAyBY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,8BAA8B,CAAC,CAAC;AAC1D,KAAA;8GAFY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EA5BzB,8BAA8B,EAU/B,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;AAQT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAVC,4BAA4B,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,SAAA,EAAA,YAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAoBnB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAxBrC,SAAS;+BACE,+BAA+B,EAAA,UAAA,EAC7B,IAAI,EACP,OAAA,EAAA;wBACP,4BAA4B;qBAC7B,EACS,QAAA,EAAA,CAAA;;;;;;;;GAQT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,8BAA8B;4BACzC,MAAM,EAAE,CAAC,SAAS,CAAC;AACpB,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;;;AChCH;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-chips-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/chips-input-section/chips-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/chips-input-section/ng-atomic-components-organisms-chips-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { ChipsInputFieldMoleculeStore } from '@ng-atomic/components/molecules/chips-input-field';\nimport { InjectableComponent } from '@ng-atomic/core';\n\n@Directive({standalone: true, selector: 'organisms-chips-input-section'})\nexport class ChipsInputSectionOrganismStore extends InjectableComponent {\n  readonly control = input(new FormControl<string>(''));\n  readonly appearance = input('fill');\n  readonly placeholder = input('status:active');\n  readonly label = input('フィルター');\n  readonly hint = input('フィルター条件を入力できます。');\n}\n\n@Component({\n  selector: 'organisms-chips-input-section',\n  standalone: true,\n  imports: [\n    ChipsInputFieldMoleculeStore,\n  ],\n  template: `\n    <molecules-chips-input-field injectable\n      [appearance]=\"store.appearance()\"\n      [placeholder]=\"store.placeholder()\"\n      [label]=\"store.label()\"\n      [hint]=\"store.hint()\"\n      [control]=\"store.control()\"\n    />\n  `,\n  styleUrl: './chips-input-section.organism.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: ChipsInputSectionOrganismStore,\n      inputs: [\n        'control',\n        'appearance',\n        'placeholder',\n        'label',\n        'hint',\n      ],\n    }\n  ]\n})\nexport class ChipsInputSectionOrganism {\n  protected store = inject(ChipsInputSectionOrganismStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs

@@ -18,16 +18,16 @@ class CvcAndExpInputSectionOrganism {
             cvc: new FormControl(''),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CvcAndExpInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: CvcAndExpInputSectionOrganism, isStandalone: true, selector: "organisms-cvc-and-exp-input-section", inputs: { form: "form" }, ngImport: i0, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-9Typ: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-9Typ);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CvcAndExpInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: CvcAndExpInputSectionOrganism, isStandalone: true, selector: "organisms-cvc-and-exp-input-section", inputs: { form: "form" }, ngImport: i0, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-tvBx: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-tvBx);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CvcAndExpInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CvcAndExpInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-cvc-and-exp-input-section', standalone: true, imports: [
                         CommonModule,
                         SelectInputFieldMolecule,
                         TextInputFieldMolecule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-9Typ: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-9Typ);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-tvBx: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-tvBx);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
         }], propDecorators: { form: [{
                 type: Input
             }] } });

package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs

@@ -16,13 +16,13 @@ let DateInputSectionOrganismStore = class DateInputSectionOrganismStore extends
         this.hint = input(null);
         this.actions = input([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: DateInputSectionOrganismStore, isStandalone: true, selector: "organisms-date-input-section", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, 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 }, actions: { classPropertyName: "actions", publicName: "actions", 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: DateInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: DateInputSectionOrganismStore, isStandalone: true, selector: "organisms-date-input-section", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, 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 }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 DateInputSectionOrganismStore = __decorate([
     TokenizedType()
 ], DateInputSectionOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateInputSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateInputSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-date-input-section' }]
         }] });
@@ -31,8 +31,8 @@ class DateInputSectionOrganism extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(DateInputSectionOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: DateInputSectionOrganism, isStandalone: true, selector: "organisms-date-input-section", host: { classAttribute: "organism section" }, usesInheritance: true, hostDirectives: [{ directive: DateInputSectionOrganismStore, inputs: ["control", "control", "label", "label", "placeholder", "placeholder", "hint", "hint", "actions", "actions"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: DateInputSectionOrganism, isStandalone: true, selector: "organisms-date-input-section", host: { classAttribute: "organism section" }, usesInheritance: true, hostDirectives: [{ directive: DateInputSectionOrganismStore, inputs: ["control", "control", "label", "label", "placeholder", "placeholder", "hint", "hint", "actions", "actions"] }], ngImport: i0, template: `
   <molecules-date-input-field
     [control]="store.control()"
     [label]="store.label()"
@@ -45,9 +45,9 @@ class DateInputSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-9H5S: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-9H5S) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-9H5S)}: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: DateInputFieldMolecule, selector: "molecules-date-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-date-input-section-k966: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-k966) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-k966)}: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: DateInputFieldMolecule, selector: "molecules-date-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: DateInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-date-input-section', standalone: true, imports: [
                         DateInputFieldMolecule,
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: DateInputSectionOrganismStore,
                             inputs: ['control', 'label', 'placeholder', 'hint', 'actions'],
                         }
-                    ], host: { class: 'organism section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-9H5S: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-9H5S) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-9H5S)}: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"] }]
+                    ], host: { class: 'organism section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-k966: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-k966) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-k966)}: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-date-range-input-section.mjs

@@ -17,10 +17,10 @@ class DateRangeInputSectionOrganismStore {
         this.hint = input('hint');
         this.actions = input([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateRangeInputSectionOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: DateRangeInputSectionOrganismStore, isStandalone: true, selector: "organisms-date-range-input-section", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateRangeInputSectionOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: DateRangeInputSectionOrganismStore, isStandalone: true, selector: "organisms-date-range-input-section", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateRangeInputSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateRangeInputSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -32,8 +32,8 @@ class DateRangeInputSectionOrganism extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(DateRangeInputSectionOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateRangeInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: DateRangeInputSectionOrganism, isStandalone: true, selector: "organisms-date-range-input-section", host: { classAttribute: "organism section" }, usesInheritance: true, hostDirectives: [{ directive: DateRangeInputSectionOrganismStore, inputs: ["label", "label", "hint", "hint", "control", "control", "actions", "actions"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateRangeInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: DateRangeInputSectionOrganism, isStandalone: true, selector: "organisms-date-range-input-section", host: { classAttribute: "organism section" }, usesInheritance: true, hostDirectives: [{ directive: DateRangeInputSectionOrganismStore, inputs: ["label", "label", "hint", "hint", "control", "control", "actions", "actions"] }], ngImport: i0, template: `
     <molecules-date-range-input-field
       [label]="store.label()"
       [control]="store.control()"
@@ -44,9 +44,9 @@ class DateRangeInputSectionOrganism extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-t4B5: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-t4B5) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-t4B5)}: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: DateRangeInputFieldMolecule, selector: "molecules-date-range-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-date-range-input-section-kLiK: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-kLiK) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-kLiK)}: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: DateRangeInputFieldMolecule, selector: "molecules-date-range-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: DateRangeInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateRangeInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-date-range-input-section', standalone: true, imports: [
                         DateRangeInputFieldMolecule,
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: DateRangeInputSectionOrganismStore,
                             inputs: ['label', 'hint', 'control', 'actions']
                         }
-                    ], host: { class: 'organism section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-t4B5: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-t4B5) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-t4B5)}: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"] }]
+                    ], host: { class: 'organism section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-kLiK: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-kLiK) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-kLiK)}: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-definition-list.mjs

@@ -8,10 +8,10 @@ class DefinitionListOrganismStore {
     constructor() {
         this.label = input('label');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DefinitionListOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: DefinitionListOrganismStore, isStandalone: true, selector: "organisms-definition-list", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DefinitionListOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: DefinitionListOrganismStore, isStandalone: true, selector: "organisms-definition-list", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DefinitionListOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DefinitionListOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-definition-list' }]
         }] });
@@ -20,8 +20,8 @@ class DefinitionListOrganism extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(DefinitionListOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DefinitionListOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: DefinitionListOrganism, isStandalone: true, selector: "organisms-definition-list", usesInheritance: true, hostDirectives: [{ directive: DefinitionListOrganismStore, inputs: ["label", "label"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DefinitionListOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: DefinitionListOrganism, isStandalone: true, selector: "organisms-definition-list", usesInheritance: true, hostDirectives: [{ directive: DefinitionListOrganismStore, inputs: ["label", "label"] }], ngImport: i0, template: `
   <section>
     <dl>
       <ng-content/>
@@ -31,9 +31,9 @@ class DefinitionListOrganism extends NgAtomicComponent {
       <dt>支払金額</dt> <dd>¥2,000</dd> -->
     </dl>
   </section>
-  `, isInline: true, styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-R53X: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-R53X: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-R53X);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-R53X);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-R53X);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-EfLn: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-EfLn: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-EfLn);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-EfLn);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-EfLn);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DefinitionListOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DefinitionListOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-definition-list', standalone: true, imports: [
                         MatDivider,
@@ -53,7 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: DefinitionListOrganismStore,
                             inputs: ['label'],
                         },
-                    ], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-R53X: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-R53X: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-R53X);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-R53X);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-R53X);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"] }]
+                    ], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-EfLn: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-EfLn: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-EfLn);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-EfLn);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-EfLn);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs

@@ -22,14 +22,14 @@ let FileInputSectionOrganismStore = class FileInputSectionOrganismStore extends
             console.debug('FileInputSectionOrganismStore#progress:', this.progress());
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FileInputSectionOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: FileInputSectionOrganismStore, isStandalone: true, selector: "organisms-file-input-section", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, 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 }, progress: { classPropertyName: "progress", publicName: "progress", 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: FileInputSectionOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: FileInputSectionOrganismStore, isStandalone: true, selector: "organisms-file-input-section", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, 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 }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 FileInputSectionOrganismStore = __decorate([
     TokenizedType(),
     __metadata("design:paramtypes", [])
 ], FileInputSectionOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FileInputSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FileInputSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-file-input-section' }]
         }], ctorParameters: () => [] });
@@ -45,8 +45,8 @@ class FileInputSectionOrganism extends NgAtomicComponent {
     onCancel() {
         this.dispatch({ id: ActionId.CANCEL });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FileInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: FileInputSectionOrganism, isStandalone: true, selector: "organisms-file-input-section", usesInheritance: true, hostDirectives: [{ directive: FileInputSectionOrganismStore, inputs: ["control", "control", "label", "label", "placeholder", "placeholder", "hint", "hint", "progress", "progress"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FileInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: FileInputSectionOrganism, isStandalone: true, selector: "organisms-file-input-section", usesInheritance: true, hostDirectives: [{ directive: FileInputSectionOrganismStore, inputs: ["control", "control", "label", "label", "placeholder", "placeholder", "hint", "hint", "progress", "progress"] }], ngImport: i0, template: `
   <molecules-file-input-field
     [control]="store.control()"
     [label]="store.label()"
@@ -55,7 +55,7 @@ class FileInputSectionOrganism extends NgAtomicComponent {
     [placeholder]="store.placeholder()"
     (action)="dispatch($event)"
   />
-  `, isInline: true, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-u3ss: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-u3ss);box-sizing:border-box}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: FileInputFieldMolecule, selector: "molecules-file-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-c391: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-c391);box-sizing:border-box}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: FileInputFieldMolecule, selector: "molecules-file-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(FileInputFieldMolecule.ActionId.FILE_SELECTED),
@@ -69,7 +69,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], FileInputSectionOrganism.prototype, "onCancel", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FileInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FileInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-file-input-section', standalone: true, imports: [
                         FileInputFieldMolecule,
@@ -87,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: FileInputSectionOrganismStore,
                             inputs: ['control', 'label', 'placeholder', 'hint', 'progress'],
                         }
-                    ], styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-u3ss: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-u3ss);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
+                    ], styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-c391: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-c391);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { onFileSelected: [], onCancel: [] } });
 
 /**

package/fesm2022/ng-atomic-components-organisms-filters-section.mjs

@@ -43,8 +43,8 @@ class FiltersSectionOrganism extends NgAtomicComponent {
     removeFilter(i) {
         this.form.removeAt(i);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FiltersSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: FiltersSectionOrganism, isStandalone: true, selector: "organisms-filters-section", inputs: { modifiable: "modifiable", form: "form", columns: "columns" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FiltersSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: FiltersSectionOrganism, isStandalone: true, selector: "organisms-filters-section", inputs: { modifiable: "modifiable", form: "form", columns: "columns" }, usesInheritance: true, ngImport: i0, template: `
     <frames-auto-layout
       vertical
       style="width: fit-content;"
@@ -79,7 +79,7 @@ class FiltersSectionOrganism extends NgAtomicComponent {
     </frames-auto-layout>
   `, isInline: true, styles: [":host{display:block}:host{display:block;padding:0 16px;box-sizing:border-box}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }, { kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FiltersSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FiltersSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-filters-section', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-organisms-graphql-editor.mjs

@@ -63,10 +63,10 @@ class GraphqlEditorOrganism extends NgAtomicComponent {
             ],
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: GraphqlEditorOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: GraphqlEditorOrganism, isStandalone: true, selector: "organisms-graphql-editor", inputs: { control: "control", schema: "schema", keyActions: "keyActions" }, outputs: { action: "action" }, usesInheritance: true, ngImport: i0, template: `<extras-editor *ngIf="state" [state]="state"></extras-editor>`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EditorComponent, selector: "extras-editor", inputs: ["content", "keyActions", "extensions"], outputs: ["contentChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: GraphqlEditorOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: GraphqlEditorOrganism, isStandalone: true, selector: "organisms-graphql-editor", inputs: { control: "control", schema: "schema", keyActions: "keyActions" }, outputs: { action: "action" }, usesInheritance: true, ngImport: i0, template: `<extras-editor *ngIf="state" [state]="state"></extras-editor>`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EditorComponent, selector: "extras-editor", inputs: ["content", "keyActions", "extensions"], outputs: ["contentChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: GraphqlEditorOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: GraphqlEditorOrganism, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-organisms-graphql-editor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-graphql-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/graphql-editor/graphql-editor.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/graphql-editor/ng-atomic-components-organisms-graphql-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { keymap } from \"@codemirror/view\"\nimport { indentWithTab } from \"@codemirror/commands\"\nimport { history } from '@codemirror/commands';\nimport { autocompletion, closeBrackets } from '@codemirror/autocomplete';\nimport { bracketMatching, syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark';\nimport { EditorState } from '@codemirror/state';\nimport { lineNumbers } from '@codemirror/view';\nimport { graphql } from 'cm6-graphql';\nimport { basicSetup, EditorView } from \"codemirror\"\nimport { ReplaySubject, combineLatest, distinctUntilChanged, filter, startWith, tap } from 'rxjs';\nimport { AbstractControl, FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/core';\nimport { CommonModule } from '@angular/common';\nimport { EditorComponent } from '@ng-atomic/components/extras/editor';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\nexport class GraphqlExtractor {\n  extract(output: string): string {\n    return output.split('```')?.[1]?.replace(/^graphql/, '')?.replace(/^\\n/, '') ?? ''\n  }\n\n  insert(query: string): string {\n    return `\\`\\`\\`graphql\\n${query}\\`\\`\\``;\n  }\n}\n\nexport enum ActionId {\n  EXECUTE = 'execute',\n  SAVE = 'save',\n}\n\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n    EditorComponent,\n  ],\n  selector: 'organisms-graphql-editor',\n  template: `<extras-editor *ngIf=\"state\" [state]=\"state\"></extras-editor>`,\n  styleUrls: ['./graphql-editor.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class GraphqlEditorOrganism extends NgAtomicComponent {\n  private readonly schema$ = new ReplaySubject(1);\n\n  @Input()\n  control = new FormControl('');\n\n  state!: EditorState;\n\n  @Input()\n  set schema(value: any) {\n    this.schema$.next(value);\n  }\n\n  @Input()\n  keyActions: {key: string, actionId: string}[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  ngOnInit() {\n    combineLatest({\n      schema: this.schema$,\n      value: this.control.valueChanges.pipe(\n        startWith(this.control.value),\n        filter(value => value !== this.state?.doc?.toString()),\n      ),\n    }).pipe(\n      filter(({schema}) => !!schema),\n      distinctUntilChanged(),\n    ).subscribe(params => {\n      console.debug('params:', params);\n      this.state = this.makeEditorState(params);\n    });\n  }\n\n  private makeEditorState({schema, value}: {schema: any, value: string}) {\n    return EditorState.create({\n      doc: value,\n      extensions: [\n        makeKeymapExtension(this.keyActions, action => this.dispatch(action)),\n        EditorView.updateListener.of((update) => {\n          if (update.docChanged) return;\n          this.control.setValue(update.state.doc.toString());\n        }),\n        ...CODEMIRROR_EXTENSIONS,\n        makeGraphqlExtension(schema),\n      ],\n    });\n  }\n}\n\nconst CODEMIRROR_EXTENSIONS = [\n  basicSetup,\n  bracketMatching(),\n  closeBrackets(),\n  history(),\n  autocompletion(),\n  lineNumbers(),\n  oneDark,\n  syntaxHighlighting(oneDarkHighlightStyle),\n];\n\nfunction makeKeymapExtension(\n  keyActions: {key: string, actionId: string}[],\n  callback: (action: Action) => void\n) {\n  return keymap.of([\n    ...keyActions.map(({key, actionId}) => ({\n      key,\n      run: () => (callback({id: actionId, payload: {key}}), true),\n    })),\n    indentWithTab,\n  ]);\n}\n\nfunction makeGraphqlExtension(schema) {\n  return graphql(schema, {\n    onShowInDocs: (field, type, parentType) => alert(`Showing in docs.: Field: ${field}, Type: ${type}, ParentType: ${parentType}`),\n    onFillAllFields: (view, schema, _query, cursor, token) => alert(`Filling all fields. Token: ${token}`),\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-organisms-graphql-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/graphql-editor/graphql-editor.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/graphql-editor/ng-atomic-components-organisms-graphql-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, OnInit } from '@angular/core';\nimport { keymap } from \"@codemirror/view\"\nimport { indentWithTab } from \"@codemirror/commands\"\nimport { history } from '@codemirror/commands';\nimport { autocompletion, closeBrackets } from '@codemirror/autocomplete';\nimport { bracketMatching, syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark';\nimport { EditorState } from '@codemirror/state';\nimport { lineNumbers } from '@codemirror/view';\nimport { graphql } from 'cm6-graphql';\nimport { basicSetup, EditorView } from \"codemirror\"\nimport { ReplaySubject, combineLatest, distinctUntilChanged, filter, startWith, tap } from 'rxjs';\nimport { AbstractControl, FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/core';\nimport { CommonModule } from '@angular/common';\nimport { EditorComponent } from '@ng-atomic/components/extras/editor';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\nexport class GraphqlExtractor {\n  extract(output: string): string {\n    return output.split('```')?.[1]?.replace(/^graphql/, '')?.replace(/^\\n/, '') ?? ''\n  }\n\n  insert(query: string): string {\n    return `\\`\\`\\`graphql\\n${query}\\`\\`\\``;\n  }\n}\n\nexport enum ActionId {\n  EXECUTE = 'execute',\n  SAVE = 'save',\n}\n\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n    EditorComponent,\n  ],\n  selector: 'organisms-graphql-editor',\n  template: `<extras-editor *ngIf=\"state\" [state]=\"state\"></extras-editor>`,\n  styleUrls: ['./graphql-editor.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class GraphqlEditorOrganism extends NgAtomicComponent implements OnInit {\n  private readonly schema$ = new ReplaySubject(1);\n\n  @Input()\n  control = new FormControl('');\n\n  state!: EditorState;\n\n  @Input()\n  set schema(value: any) {\n    this.schema$.next(value);\n  }\n\n  @Input()\n  keyActions: {key: string, actionId: string}[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  ngOnInit() {\n    combineLatest({\n      schema: this.schema$,\n      value: this.control.valueChanges.pipe(\n        startWith(this.control.value),\n        filter(value => value !== this.state?.doc?.toString()),\n      ),\n    }).pipe(\n      filter(({schema}) => !!schema),\n      distinctUntilChanged(),\n    ).subscribe(params => {\n      console.debug('params:', params);\n      this.state = this.makeEditorState(params);\n    });\n  }\n\n  private makeEditorState({schema, value}: {schema: any, value: string}) {\n    return EditorState.create({\n      doc: value,\n      extensions: [\n        makeKeymapExtension(this.keyActions, action => this.dispatch(action)),\n        EditorView.updateListener.of((update) => {\n          if (update.docChanged) return;\n          this.control.setValue(update.state.doc.toString());\n        }),\n        ...CODEMIRROR_EXTENSIONS,\n        makeGraphqlExtension(schema),\n      ],\n    });\n  }\n}\n\nconst CODEMIRROR_EXTENSIONS = [\n  basicSetup,\n  bracketMatching(),\n  closeBrackets(),\n  history(),\n  autocompletion(),\n  lineNumbers(),\n  oneDark,\n  syntaxHighlighting(oneDarkHighlightStyle),\n];\n\nfunction makeKeymapExtension(\n  keyActions: {key: string, actionId: string}[],\n  callback: (action: Action) => void\n) {\n  return keymap.of([\n    ...keyActions.map(({key, actionId}) => ({\n      key,\n      run: () => (callback({id: actionId, payload: {key}}), true),\n    })),\n    indentWithTab,\n  ]);\n}\n\nfunction makeGraphqlExtension(schema) {\n  return graphql(schema, {\n    onShowInDocs: (field, type, parentType) => alert(`Showing in docs.: Field: ${field}, Type: ${type}, ParentType: ${parentType}`),\n    onFillAllFields: (view, schema, _query, cursor, token) => alert(`Filling all fields. Token: ${token}`),\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}