@ng-atomic/components 16.2.0 → 16.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-action-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/action-input-section/action-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/action-input-section/ng-atomic-components-organisms-action-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionInputFieldMolecule } from '@ng-atomic/components/molecules/action-input-field';\nimport { FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/core';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\n@Component({\n  selector: 'organisms-action-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ActionInputFieldMolecule,\n  ],\n  template: `\n    <molecules-action-input-field\n      [actions]=\"actions\"\n      [control]=\"control\"\n      [label]=\"label\"\n      [placeholder]=\"placeholder\"\n      (action)=\"dispatch($event)\"\n    ></molecules-action-input-field>\n  `,\n  styleUrls: ['./action-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionInputSectionOrganism extends NgAtomicComponent {\n  @Input()\n  control = new FormControl<string | number>('');\n\n  @Input()\n  label = 'label';\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  actions: Action[] = [];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AA0BM,MAAO,0BAA2B,SAAQ,iBAAiB,CAAA;AAnBjE,IAAA,WAAA,GAAA;;AAqBE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAkB,EAAE,CAAC,CAAC;QAG/C,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;QAG5B,IAAO,CAAA,OAAA,GAAa,EAAE,CAAC;AACxB,KAAA;+GAZY,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAZ3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;GAQT,EAXC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kTAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,wBAAwB,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAcf,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAnBtC,SAAS;+BACE,gCAAgC,EAAA,UAAA,EAC9B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;qBACzB,EACS,QAAA,EAAA,CAAA;;;;;;;;GAQT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,kTAAA,CAAA,EAAA,CAAA;8BAI/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;;;ACpCR;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-action-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/action-input-section/action-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/action-input-section/ng-atomic-components-organisms-action-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { ActionInputFieldMolecule } from '@ng-atomic/components/molecules/action-input-field';\nimport { FormControl } from '@angular/forms';\nimport { Action, InjectableComponent, TokenizedType } from '@ng-atomic/core';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-action-input-section' })\nexport class ActionInputSectionOrganismStore extends InjectableComponent {\n  readonly control = input(new FormControl<string | number>(''));\n  readonly label = input('label');\n  readonly placeholder = input('placeholder');\n  readonly actions = input<Action[]>([]);\n  readonly hint = input(null);\n}\n\n@Component({\n  selector: 'organisms-action-input-section',\n  standalone: true,\n  imports: [\n    ActionInputFieldMolecule,\n  ],\n  template: `\n    <molecules-action-input-field\n      [actions]=\"store.actions()\"\n      [control]=\"store.control()\"\n      [label]=\"store.label()\"\n      [placeholder]=\"store.placeholder()\"\n      [hint]=\"store.hint()\"\n      (action)=\"dispatch($event)\"\n    ></molecules-action-input-field>\n  `,\n  styleUrls: ['./action-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: ActionInputSectionOrganismStore,\n      inputs: ['control', 'label', 'placeholder', 'actions', 'hint'],\n    }\n  ]\n})\nexport class ActionInputSectionOrganism extends NgAtomicComponent {\n  protected readonly store = inject(ActionInputSectionOrganismStore);\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-agreement-input-section.mjs

@@ -0,0 +1,73 @@
+import * as i0 from '@angular/core';
+import { input, effect, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i2 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { InjectableComponent } from '@ng-atomic/core';
+
+class AgreementInputSectionOrganismStore extends InjectableComponent {
+    constructor() {
+        super();
+        this.control = input(new FormControl(true));
+        this.label = input('label');
+        this.labelTemp = input(null);
+        effect(() => {
+            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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: AgreementInputSectionOrganismStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'organisms-agreement-input-section-store' }]
+        }], ctorParameters: () => [] });
+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: `
+  <mat-checkbox [formControl]="store.control()">
+    @if (store.labelTemp()) {
+      <ng-container *ngTemplateOutlet="store.labelTemp()" />
+    } @else if (store.label()) {
+      <span>{{ store.label() }}</span>
+    } @else {
+      <ng-content />
+    }
+  </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: [{
+            type: Component,
+            args: [{ selector: 'organisms-agreement-input-section', standalone: true, imports: [
+                        NgTemplateOutlet,
+                        MatCheckboxModule,
+                        ReactiveFormsModule,
+                    ], template: `
+  <mat-checkbox [formControl]="store.control()">
+    @if (store.labelTemp()) {
+      <ng-container *ngTemplateOutlet="store.labelTemp()" />
+    } @else if (store.label()) {
+      <span>{{ store.label() }}</span>
+    } @else {
+      <ng-content />
+    }
+  </mat-checkbox>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: AgreementInputSectionOrganismStore,
+                            inputs: ['control', 'label', 'labelTemp'],
+                        },
+                    ], styles: [":host{display:block}:host{display:flex;width:100%;padding:0 8px;box-sizing:border-box;justify-content:flex-start}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AgreementInputSectionOrganism, AgreementInputSectionOrganismStore };
+//# sourceMappingURL=ng-atomic-components-organisms-agreement-input-section.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-agreement-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/agreement-input-section/agreement-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/agreement-input-section/ng-atomic-components-organisms-agreement-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, effect, inject, input, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { InjectableComponent } from '@ng-atomic/core';\n\n@Directive({ standalone: true, selector: 'organisms-agreement-input-section-store' })\nexport class AgreementInputSectionOrganismStore extends InjectableComponent {\n  readonly control = input(new FormControl<boolean>(true));\n  readonly label = input('label');\n  readonly labelTemp = input<TemplateRef<any>>(null);\n\n  constructor() {\n    super();\n    effect(() => {\n      console.debug('labelTemp:', this.labelTemp());\n    });\n  }\n}\n\n@Component({\n  selector: 'organisms-agreement-input-section',\n  standalone: true,\n  imports: [\n    NgTemplateOutlet,\n    MatCheckboxModule,\n    ReactiveFormsModule,\n  ],\n  template: `\n  <mat-checkbox [formControl]=\"store.control()\">\n    @if (store.labelTemp()) {\n      <ng-container *ngTemplateOutlet=\"store.labelTemp()\" />\n    } @else if (store.label()) {\n      <span>{{ store.label() }}</span>\n    } @else {\n      <ng-content />\n    }\n  </mat-checkbox>\n  `,\n  styleUrls: ['./agreement-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: AgreementInputSectionOrganismStore,\n      inputs: ['control', 'label', 'labelTemp'],\n    },\n  ],\n})\nexport class AgreementInputSectionOrganism {\n  protected readonly store = inject(AgreementInputSectionOrganismStore);\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-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: "16.2.12", ngImport: i0, type: CardInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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-VVR4: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-VVR4);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: "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-vDKm: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-vDKm);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: "16.2.12", ngImport: i0, type: CardInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.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-VVR4: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-VVR4);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-vDKm: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-vDKm);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-card-input-section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-card-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/card-input-section/card-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/card-input-section/card-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/lib/organisms/card-input-section/ng-atomic-components-organisms-card-input-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\n\n@Component({\n  selector: 'organisms-card-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    TextInputFieldMolecule,\n  ],\n  templateUrl: './card-input-section.organism.html',\n  styleUrls: ['./card-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardInputSectionOrganism {\n\n  @Input()\n  control = new FormControl('');\n\n  @Input()\n  label = 'カード番号';\n\n  @Input()\n  placeholder = 'XXXX-XXXX-XXXX-XXXX';\n\n}\n","<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAgBa,wBAAwB,CAAA;AAXrC,IAAA,WAAA,GAAA;AAcE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAG9B,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAW,CAAA,WAAA,GAAG,qBAAqB,CAAC;AAErC,KAAA;+GAXY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,EChBrC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,oLAM8B,EDG1B,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,sBAAsB,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAMb,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAXpC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,sBAAsB;qBACvB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oLAAA,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,CAAA;8BAK/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;;;AExBR;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-card-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/card-input-section/card-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/card-input-section/card-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/lib/organisms/card-input-section/ng-atomic-components-organisms-card-input-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\n\n@Component({\n  selector: 'organisms-card-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    TextInputFieldMolecule,\n  ],\n  templateUrl: './card-input-section.organism.html',\n  styleUrls: ['./card-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardInputSectionOrganism {\n\n  @Input()\n  control = new FormControl('');\n\n  @Input()\n  label = 'カード番号';\n\n  @Input()\n  placeholder = 'XXXX-XXXX-XXXX-XXXX';\n\n}\n","<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAgBa,wBAAwB,CAAA;AAXrC,IAAA,WAAA,GAAA;AAcE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAG9B,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAW,CAAA,WAAA,GAAG,qBAAqB,CAAC;AAErC,KAAA;8GAXY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EChBrC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,oLAM8B,EDG1B,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,sBAAsB,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAMb,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAXpC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,sBAAsB;qBACvB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oLAAA,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,CAAA;8BAK/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;;;AExBR;;AAEG;;;;"}

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

@@ -0,0 +1,59 @@
+import * as i0 from '@angular/core';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { ChipsInputFieldMoleculeStore } from '@ng-atomic/components/molecules/chips-input-field';
+import { InjectableComponent } from '@ng-atomic/core';
+
+class ChipsInputSectionOrganismStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.control = input(new FormControl(''));
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputSectionOrganismStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'organisms-chips-input-section' }]
+        }] });
+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: `
+    <molecules-chips-input-field injectable
+      [appearance]="'fill'"
+      [placeholder]="'status:active'"
+      [label]="'フィルター'"
+      [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: [{
+            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]="'フィルター条件を入力できます。'"
+      [control]="store.control()"
+    />
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: ChipsInputSectionOrganismStore,
+                            inputs: ['control'],
+                        }
+                    ], styles: [":host{display:block}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChipsInputSectionOrganism, ChipsInputSectionOrganismStore };
+//# sourceMappingURL=ng-atomic-components-organisms-chips-input-section.mjs.map

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

@@ -0,0 +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;;;;"}

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: "16.2.12", ngImport: i0, type: CvcAndExpInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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-lDW6: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-lDW6);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", inputs: ["label", "appearance", "control", "options"] }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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-8iLn: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-8iLn);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: "16.2.12", ngImport: i0, type: CvcAndExpInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.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-lDW6: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-lDW6);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-8iLn: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-8iLn);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-cvc-and-exp-input-section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-cvc-and-exp-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/lib/organisms/cvc-and-exp-input-section/ng-atomic-components-organisms-cvc-and-exp-input-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UntypedFormGroup } from '@angular/forms';\nimport { FormControl } from '@angular/forms';\nimport { Option, SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\n\nconst generateOptions = (n: number, start: number): Option<number>[] => {\n  return [...Array(n)].map((_, i) => i + start).map(i => ({name: `${i}`, value: i}));\n};\n\n@Component({\n  selector: 'organisms-cvc-and-exp-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    SelectInputFieldMolecule,\n    TextInputFieldMolecule,\n  ],\n  templateUrl: './cvc-and-exp-input-section.organism.html',\n  styleUrls: ['./cvc-and-exp-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CvcAndExpInputSectionOrganism {\n\n  yearOptions: Option<number>[] = generateOptions(6, 2022);\n  monthOptions: Option<number>[] = generateOptions(12, 1);\n\n  @Input()\n  form = new UntypedFormGroup({\n    expMonth: new FormControl(12),\n    expYear: new FormControl(2022),\n    cvc: new FormControl(''),\n  });\n\n}\n","<molecules-select-input-field\n  class=\"year field\"\n  label=\"有効期限(年)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"有効期限(月)\"\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桁の番号\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,eAAe,GAAG,CAAC,CAAS,EAAE,KAAa,KAAsB;AACrE,IAAA,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA,CAAE,EAAE,KAAK,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC;AACrF,CAAC,CAAC;MAcW,6BAA6B,CAAA;AAZ1C,IAAA,WAAA,GAAA;AAcE,QAAA,IAAA,CAAA,WAAW,GAAqB,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AACzD,QAAA,IAAA,CAAA,YAAY,GAAqB,eAAe,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QAGxD,IAAI,CAAA,IAAA,GAAG,IAAI,gBAAgB,CAAC;AAC1B,YAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC7B,YAAA,OAAO,EAAE,IAAI,WAAW,CAAC,IAAI,CAAC;AAC9B,YAAA,GAAG,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AACzB,SAAA,CAAC,CAAC;AAEJ,KAAA;+GAZY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,yHCvB1C,gnBAmB8B,EAAA,MAAA,EAAA,CAAA,6WAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDJ1B,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,wBAAwB,gIACxB,sBAAsB,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAMb,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAZzC,SAAS;+BACE,qCAAqC,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;wBACxB,sBAAsB;qBACvB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gnBAAA,EAAA,MAAA,EAAA,CAAA,6WAAA,CAAA,EAAA,CAAA;8BAQ/C,IAAI,EAAA,CAAA;sBADH,KAAK;;;AE5BR;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-cvc-and-exp-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/lib/organisms/cvc-and-exp-input-section/ng-atomic-components-organisms-cvc-and-exp-input-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UntypedFormGroup } from '@angular/forms';\nimport { FormControl } from '@angular/forms';\nimport { Option, SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\n\nconst generateOptions = (n: number, start: number): Option<number>[] => {\n  return [...Array(n)].map((_, i) => i + start).map(i => ({name: `${i}`, value: i}));\n};\n\n@Component({\n  selector: 'organisms-cvc-and-exp-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    SelectInputFieldMolecule,\n    TextInputFieldMolecule,\n  ],\n  templateUrl: './cvc-and-exp-input-section.organism.html',\n  styleUrls: ['./cvc-and-exp-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CvcAndExpInputSectionOrganism {\n\n  yearOptions: Option<number>[] = generateOptions(6, 2022);\n  monthOptions: Option<number>[] = generateOptions(12, 1);\n\n  @Input()\n  form = new UntypedFormGroup({\n    expMonth: new FormControl(12),\n    expYear: new FormControl(2022),\n    cvc: new FormControl(''),\n  });\n\n}\n","<molecules-select-input-field\n  class=\"year field\"\n  label=\"有効期限(年)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"有効期限(月)\"\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桁の番号\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,eAAe,GAAG,CAAC,CAAS,EAAE,KAAa,KAAsB;AACrE,IAAA,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA,CAAE,EAAE,KAAK,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC;AACrF,CAAC,CAAC;MAcW,6BAA6B,CAAA;AAZ1C,IAAA,WAAA,GAAA;AAcE,QAAA,IAAA,CAAA,WAAW,GAAqB,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AACzD,QAAA,IAAA,CAAA,YAAY,GAAqB,eAAe,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QAGxD,IAAI,CAAA,IAAA,GAAG,IAAI,gBAAgB,CAAC;AAC1B,YAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC7B,YAAA,OAAO,EAAE,IAAI,WAAW,CAAC,IAAI,CAAC;AAC9B,YAAA,GAAG,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AACzB,SAAA,CAAC,CAAC;AAEJ,KAAA;8GAZY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,yHCvB1C,gnBAmB8B,EAAA,MAAA,EAAA,CAAA,6WAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDJ1B,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,wBAAwB,yEACxB,sBAAsB,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAMb,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAZzC,SAAS;+BACE,qCAAqC,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;wBACxB,sBAAsB;qBACvB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gnBAAA,EAAA,MAAA,EAAA,CAAA,6WAAA,CAAA,EAAA,CAAA;8BAQ/C,IAAI,EAAA,CAAA;sBADH,KAAK;;;AE5BR;;AAEG;;;;"}

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

@@ -1,48 +1,81 @@
-import { CommonModule } from '@angular/common';
+import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
 import { FormControl } from '@angular/forms';
+import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';
 import { DateInputFieldMolecule } from '@ng-atomic/components/molecules/date-input-field';
+import { InjectableComponent, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
 import dayjs from 'dayjs';
 
-class DateInputSectionOrganism {
+let DateInputSectionOrganismStore = class DateInputSectionOrganismStore extends InjectableComponent {
     constructor() {
-        this.control = new FormControl(dayjs());
-        this.label = '';
-        this.placeholder = '';
+        super(...arguments);
+        this.control = input(new FormControl(dayjs()));
+        this.label = input('');
+        this.placeholder = input('');
+        this.hint = input(null);
+        this.actions = input([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateInputSectionOrganism, isStandalone: true, selector: "organisms-date-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, host: { classAttribute: "organism section" }, ngImport: i0, template: `
+    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 }); }
+};
+DateInputSectionOrganismStore = __decorate([
+    TokenizedType()
+], DateInputSectionOrganismStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateInputSectionOrganismStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'organisms-date-input-section' }]
+        }] });
+class DateInputSectionOrganism extends NgAtomicComponent {
+    constructor() {
+        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: `
   <molecules-date-input-field
-    [control]="control"
-    [label]="label"
-    [placeholder]="placeholder"
-  ></molecules-date-input-field>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-ryDp: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-ryDp);box-sizing:border-box}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: ["control", "label", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    [control]="store.control()"
+    [label]="store.label()"
+    [placeholder]="store.placeholder()"
+    [hint]="store.hint()"
+  />
+  @if (store.actions()?.length) {
+    <atoms-smart-menu-button injectable
+      [actions]="store.actions()"
+      (action)="dispatch($event)"
+    />
+  }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-PvLG: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-PvLG) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-PvLG)}: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: "16.2.12", ngImport: i0, type: DateInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-date-input-section', standalone: true, imports: [
-                        CommonModule,
                         DateInputFieldMolecule,
+                        SmartMenuButtonAtom,
                     ], template: `
   <molecules-date-input-field
-    [control]="control"
-    [label]="label"
-    [placeholder]="placeholder"
-  ></molecules-date-input-field>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-ryDp: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-ryDp);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
-        }], propDecorators: { control: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }] } });
+    [control]="store.control()"
+    [label]="store.label()"
+    [placeholder]="store.placeholder()"
+    [hint]="store.hint()"
+  />
+  @if (store.actions()?.length) {
+    <atoms-smart-menu-button injectable
+      [actions]="store.actions()"
+      (action)="dispatch($event)"
+    />
+  }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: DateInputSectionOrganismStore,
+                            inputs: ['control', 'label', 'placeholder', 'hint', 'actions'],
+                        }
+                    ], host: { class: 'organism section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-PvLG: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-PvLG) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-PvLG)}: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"] }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DateInputSectionOrganism };
+export { DateInputSectionOrganism, DateInputSectionOrganismStore };
 //# sourceMappingURL=ng-atomic-components-organisms-date-input-section.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-date-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/date-input-section/date-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/date-input-section/ng-atomic-components-organisms-date-input-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { DateInputFieldMolecule } from '@ng-atomic/components/molecules/date-input-field';\nimport dayjs from 'dayjs';\n\n@Component({\n  selector: 'organisms-date-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    DateInputFieldMolecule,\n  ],\n  template: `\n  <molecules-date-input-field\n    [control]=\"control\"\n    [label]=\"label\"\n    [placeholder]=\"placeholder\"\n  ></molecules-date-input-field>\n  `,\n  styleUrls: ['./date-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'},\n})\nexport class DateInputSectionOrganism {\n  @Input()\n  control = new FormControl<dayjs.Dayjs>(dayjs());\n\n  @Input()\n  label = '';\n\n  @Input()\n  placeholder = '';\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAwBa,wBAAwB,CAAA;AAlBrC,IAAA,WAAA,GAAA;AAoBE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAc,KAAK,EAAE,CAAC,CAAC;QAGhD,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;QAGX,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAClB,KAAA;+GATY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,EAXzB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;GAMT,EATC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kRAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,sBAAsB,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAab,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAlBpC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,sBAAsB;qBACvB,EACS,QAAA,EAAA,CAAA;;;;;;GAMT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAA,MAAA,EAAA,CAAA,kRAAA,CAAA,EAAA,CAAA;8BAIjC,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;;;AC/BR;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-date-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/date-input-section/date-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/date-input-section/ng-atomic-components-organisms-date-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, Input, input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { DateInputFieldMolecule } from '@ng-atomic/components/molecules/date-input-field';\nimport { Action, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport dayjs from 'dayjs';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-date-input-section' })\nexport class DateInputSectionOrganismStore extends InjectableComponent {\n  readonly control = input(new FormControl<dayjs.Dayjs>(dayjs()));\n  readonly label = input('');\n  readonly placeholder = input('');\n  readonly hint = input(null);\n  readonly actions = input<Action[]>([]);\n}\n\n\n@Component({\n  selector: 'organisms-date-input-section',\n  standalone: true,\n  imports: [\n    DateInputFieldMolecule,\n    SmartMenuButtonAtom,\n  ],\n  template: `\n  <molecules-date-input-field\n    [control]=\"store.control()\"\n    [label]=\"store.label()\"\n    [placeholder]=\"store.placeholder()\"\n    [hint]=\"store.hint()\"\n  />\n  @if (store.actions()?.length) {\n    <atoms-smart-menu-button injectable\n      [actions]=\"store.actions()\"\n      (action)=\"dispatch($event)\"\n    />\n  }\n  `,\n  styleUrls: ['./date-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: DateInputSectionOrganismStore,\n      inputs: ['control', 'label', 'placeholder', 'hint', 'actions'],\n    }\n  ],\n  host: {class: 'organism section'},\n})\nexport class DateInputSectionOrganism extends NgAtomicComponent {\n  protected store = inject(DateInputSectionOrganismStore);\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-date-range-input-section.mjs

@@ -0,0 +1,78 @@
+import * as i0 from '@angular/core';
+import { inject, input, Directive, Component, ChangeDetectionStrategy } from '@angular/core';
+import { DateRangeInputFieldMolecule } from '@ng-atomic/components/molecules/date-range-input-field';
+import { FormBuilder } from '@angular/forms';
+import dayjs from 'dayjs';
+import { NgAtomicComponent } from '@ng-atomic/core';
+import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';
+
+class DateRangeInputSectionOrganismStore {
+    constructor() {
+        this.fb = inject(FormBuilder);
+        this.label = input('日付範囲');
+        this.control = input(this.fb.group({
+            start: [dayjs()],
+            end: [dayjs().add(1, 'day')],
+        }));
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateRangeInputSectionOrganismStore, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'organisms-date-range-input-section',
+                }]
+        }] });
+class DateRangeInputSectionOrganism extends NgAtomicComponent {
+    constructor() {
+        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: `
+    <molecules-date-range-input-field
+      [label]="store.label()"
+      [control]="store.control()"
+    />
+    @if (store.actions()?.length) {
+      <atoms-smart-menu-button injectable
+        [actions]="store.actions()"
+        (action)="dispatch($event)"
+      />
+    }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-9tu6: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-9tu6) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-9tu6)}: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", inputs: ["control", "label", "placeholder", "hint"] }, { 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: [{
+            type: Component,
+            args: [{ selector: 'organisms-date-range-input-section', standalone: true, imports: [
+                        DateRangeInputFieldMolecule,
+                        SmartMenuButtonAtom,
+                    ], template: `
+    <molecules-date-range-input-field
+      [label]="store.label()"
+      [control]="store.control()"
+    />
+    @if (store.actions()?.length) {
+      <atoms-smart-menu-button injectable
+        [actions]="store.actions()"
+        (action)="dispatch($event)"
+      />
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: DateRangeInputSectionOrganismStore,
+                            inputs: ['label', 'hint', 'control', 'actions']
+                        }
+                    ], host: { class: 'organism section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-9tu6: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-9tu6) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-9tu6)}: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"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DateRangeInputSectionOrganism, DateRangeInputSectionOrganismStore };
+//# sourceMappingURL=ng-atomic-components-organisms-date-range-input-section.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-date-range-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/date-range-input-section/date-range-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/date-range-input-section/ng-atomic-components-organisms-date-range-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { DateRangeInputFieldMolecule } from '@ng-atomic/components/molecules/date-range-input-field';\nimport { FormBuilder } from '@angular/forms';\nimport dayjs from 'dayjs';\nimport { Action, NgAtomicComponent } from '@ng-atomic/core';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\n\n@Directive({\n  standalone: true,\n  selector: 'organisms-date-range-input-section',\n})\nexport class DateRangeInputSectionOrganismStore {\n  readonly fb = inject(FormBuilder);\n  readonly label = input('日付範囲');\n  readonly control = input(this.fb.group({\n    start: [dayjs()],\n    end: [dayjs().add(1, 'day')],\n  }));\n  readonly hint = input('hint');\n  readonly actions = input<Action[]>([]);\n}\n\n@Component({\n  selector: 'organisms-date-range-input-section',\n  standalone: true,\n  imports: [\n    DateRangeInputFieldMolecule,\n    SmartMenuButtonAtom,\n  ],\n  template: `\n    <molecules-date-range-input-field\n      [label]=\"store.label()\"\n      [control]=\"store.control()\"\n    />\n    @if (store.actions()?.length) {\n      <atoms-smart-menu-button injectable\n        [actions]=\"store.actions()\"\n        (action)=\"dispatch($event)\"\n      />\n    }\n  `,\n  styleUrls: ['./date-range-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: DateRangeInputSectionOrganismStore,\n      inputs: ['label', 'hint', 'control', 'actions']\n    }\n  ],\n  host: {class: 'organism section'},\n})\nexport class DateRangeInputSectionOrganism extends NgAtomicComponent {\n  protected store = inject(DateRangeInputSectionOrganismStore);\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-definition-list.mjs

@@ -0,0 +1,64 @@
+import * as i0 from '@angular/core';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { MatDivider } from '@angular/material/divider';
+import { MatLabel } from '@angular/material/form-field';
+import { NgAtomicComponent } from '@ng-atomic/core';
+
+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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DefinitionListOrganismStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'organisms-definition-list' }]
+        }] });
+class DefinitionListOrganism extends NgAtomicComponent {
+    constructor() {
+        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: `
+  <section>
+    <dl>
+      <ng-content/>
+      <!-- <dt>寄付金額</dt> <dd>¥2,000</dd>
+      <dt>手数料</dt> <dd>¥0</dd>
+      <mat-divider />
+      <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-p6Jh: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-p6Jh: 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-p6Jh);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-p6Jh);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-p6Jh);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: [{
+            type: Component,
+            args: [{ selector: 'organisms-definition-list', standalone: true, imports: [
+                        MatDivider,
+                        MatLabel,
+                    ], template: `
+  <section>
+    <dl>
+      <ng-content/>
+      <!-- <dt>寄付金額</dt> <dd>¥2,000</dd>
+      <dt>手数料</dt> <dd>¥0</dd>
+      <mat-divider />
+      <dt>支払金額</dt> <dd>¥2,000</dd> -->
+    </dl>
+  </section>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: DefinitionListOrganismStore,
+                            inputs: ['label'],
+                        },
+                    ], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-p6Jh: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-p6Jh: 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-p6Jh);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-p6Jh);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-p6Jh);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"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DefinitionListOrganism, DefinitionListOrganismStore };
+//# sourceMappingURL=ng-atomic-components-organisms-definition-list.mjs.map