@ng-atomic/components 16.2.0 → 16.3.1

package/fesm2022/ng-atomic-components-organisms-definition-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-definition-list.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/definition-list/definition-list.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/definition-list/ng-atomic-components-organisms-definition-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { MatDivider } from '@angular/material/divider';\nimport { MatLabel } from '@angular/material/form-field';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\n@Directive({ standalone: true, selector: 'organisms-definition-list' })\nexport class DefinitionListOrganismStore {\n  readonly label = input('label');\n}\n\n@Component({\n  selector: 'organisms-definition-list',\n  standalone: true,\n  imports: [\n    MatDivider,\n    MatLabel,\n  ],\n  template: `\n  <section>\n    <dl>\n      <ng-content/>\n      <!-- <dt>寄付金額</dt> <dd>¥2,000</dd>\n      <dt>手数料</dt> <dd>¥0</dd>\n      <mat-divider />\n      <dt>支払金額</dt> <dd>¥2,000</dd> -->\n    </dl>\n  </section>\n  `,\n  styleUrl: './definition-list.organism.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: DefinitionListOrganismStore,\n      inputs: ['label'],\n    },\n  ]\n})\nexport class DefinitionListOrganism extends NgAtomicComponent {\n  protected readonly store = inject(DefinitionListOrganismStore);\n  // readonly definitionItems = \n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAMa,2BAA2B,CAAA;AADxC,IAAA,WAAA,GAAA;AAEW,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;AACjC,KAAA;8GAFY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBADvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,2BAA2B,EAAE,CAAA;;AAgChE,MAAO,sBAAuB,SAAQ,iBAAiB,CAAA;AA3B7D,IAAA,WAAA,GAAA;;AA4BqB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAC;AAEhE,KAAA;8GAHY,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EA/BtB,2BAA2B,EAW5B,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,y5BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAUU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBA3BlC,SAAS;+BACE,2BAA2B,EAAA,UAAA,EACzB,IAAI,EACP,OAAA,EAAA;wBACP,UAAU;wBACV,QAAQ;qBACT,EACS,QAAA,EAAA,CAAA;;;;;;;;;;GAUT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,2BAA2B;4BACtC,MAAM,EAAE,CAAC,OAAO,CAAC;AAClB,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,y5BAAA,CAAA,EAAA,CAAA;;;ACnCH;;AAEG;;;;"}

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

@@ -1,9 +1,8 @@
 import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { input, effect, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
 import { FileInputFieldMolecule } from '@ng-atomic/components/molecules/file-input-field';
-import { NgAtomicComponent, Effect } from '@ng-atomic/core';
+import { InjectableComponent, TokenizedType, NgAtomicComponent, Effect } from '@ng-atomic/core';
 import { FormControl } from '@angular/forms';
 
 var ActionId;
@@ -11,12 +10,33 @@ var ActionId;
     ActionId["FILE_SELECTED"] = "[@ng-atomic/components/organisms/file-input-section] File selected";
     ActionId["CANCEL"] = "[@ng-atomic/components/organisms/file-input-section] Cancel";
 })(ActionId || (ActionId = {}));
+let FileInputSectionOrganismStore = class FileInputSectionOrganismStore extends InjectableComponent {
+    constructor() {
+        super();
+        this.control = input(new FormControl(null));
+        this.label = input('label');
+        this.placeholder = input('placeholder');
+        this.hint = input(null);
+        this.progress = input(false);
+        effect(() => {
+            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 }); }
+};
+FileInputSectionOrganismStore = __decorate([
+    TokenizedType(),
+    __metadata("design:paramtypes", [])
+], FileInputSectionOrganismStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FileInputSectionOrganismStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'organisms-file-input-section' }]
+        }], ctorParameters: () => [] });
 class FileInputSectionOrganism extends NgAtomicComponent {
     constructor() {
         super(...arguments);
-        this.control = new FormControl({ value: null, disabled: true });
-        this.label = 'label';
-        this.placeholder = 'placeholder';
+        this.store = inject(FileInputSectionOrganismStore);
     }
     static { this.ActionId = ActionId; }
     onFileSelected(files) {
@@ -25,17 +45,17 @@ class FileInputSectionOrganism extends NgAtomicComponent {
     onCancel() {
         this.dispatch({ id: ActionId.CANCEL });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileInputSectionOrganism, isStandalone: true, selector: "organisms-file-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder", hint: "hint", progress: "progress" }, usesInheritance: true, ngImport: i0, template: `
+    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: `
   <molecules-file-input-field
-    [control]="control"
-    [label]="label"
-    [hint]="hint"
-    [progress]="progress"
-    [placeholder]="placeholder"
+    [control]="store.control()"
+    [label]="store.label()"
+    [hint]="store.hint()"
+    [progress]="store.progress()"
+    [placeholder]="store.placeholder()"
     (action)="dispatch($event)"
-  ></molecules-file-input-field>
-  `, isInline: true, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-mbFx: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-mbFx);box-sizing:border-box}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FileInputFieldMolecule, selector: "molecules-file-input-field", inputs: ["appearance", "name", "label", "control", "placeholder", "hint", "progress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  />
+  `, isInline: true, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-6aWx: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-6aWx);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),
@@ -49,36 +69,30 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], FileInputSectionOrganism.prototype, "onCancel", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FileInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-file-input-section', standalone: true, imports: [
-                        CommonModule,
                         FileInputFieldMolecule,
                     ], template: `
   <molecules-file-input-field
-    [control]="control"
-    [label]="label"
-    [hint]="hint"
-    [progress]="progress"
-    [placeholder]="placeholder"
+    [control]="store.control()"
+    [label]="store.label()"
+    [hint]="store.hint()"
+    [progress]="store.progress()"
+    [placeholder]="store.placeholder()"
     (action)="dispatch($event)"
-  ></molecules-file-input-field>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-mbFx: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-mbFx);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
-        }], propDecorators: { control: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], progress: [{
-                type: Input
-            }], onFileSelected: [], onCancel: [] } });
+  />
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: FileInputSectionOrganismStore,
+                            inputs: ['control', 'label', 'placeholder', 'hint', 'progress'],
+                        }
+                    ], styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-6aWx: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-6aWx);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { onFileSelected: [], onCancel: [] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { FileInputSectionOrganism };
+export { FileInputSectionOrganism, FileInputSectionOrganismStore };
 //# sourceMappingURL=ng-atomic-components-organisms-file-input-section.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-file-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/file-input-section/file-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/file-input-section/ng-atomic-components-organisms-file-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FileInputFieldMolecule } from '@ng-atomic/components/molecules/file-input-field';\nimport { Effect, NgAtomicComponent } from '@ng-atomic/core';\nimport { FormControl } from '@angular/forms';\n\nenum ActionId {\n  FILE_SELECTED = '[@ng-atomic/components/organisms/file-input-section] File selected',\n  CANCEL = '[@ng-atomic/components/organisms/file-input-section] Cancel',\n}\n\n@Component({\n  selector: 'organisms-file-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    FileInputFieldMolecule,\n  ],\n  template: `\n  <molecules-file-input-field\n    [control]=\"control\"\n    [label]=\"label\"\n    [hint]=\"hint\"\n    [progress]=\"progress\"\n    [placeholder]=\"placeholder\"\n    (action)=\"dispatch($event)\"\n  ></molecules-file-input-field>\n  `,\n  styleUrls: ['./file-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FileInputSectionOrganism extends NgAtomicComponent {\n  static ActionId = ActionId;\n\n  @Input() control = new FormControl({value: null, disabled: true});\n  @Input() label = 'label';\n  @Input() placeholder = 'placeholder';\n  @Input() hint?: string;\n  @Input() progress?: number;\n\n  @Effect(FileInputFieldMolecule.ActionId.FILE_SELECTED)\n  protected onFileSelected(files: File[]) {\n    this.dispatch({id: ActionId.FILE_SELECTED, payload: files});\n  }\n\n  @Effect(FileInputFieldMolecule.ActionId.CANCEL)\n  protected onCancel() {\n    this.dispatch({id: ActionId.CANCEL});\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-file-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/file-input-section/file-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/file-input-section/ng-atomic-components-organisms-file-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, effect, inject, input } from '@angular/core';\nimport { FileInputFieldMolecule } from '@ng-atomic/components/molecules/file-input-field';\nimport { Effect, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { FormControl } from '@angular/forms';\n\nenum ActionId {\n  FILE_SELECTED = '[@ng-atomic/components/organisms/file-input-section] File selected',\n  CANCEL = '[@ng-atomic/components/organisms/file-input-section] Cancel',\n}\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-file-input-section' })\nexport class FileInputSectionOrganismStore extends InjectableComponent {\n  readonly control = input(new FormControl(null));\n  readonly label = input('label');\n  readonly placeholder = input('placeholder');\n  readonly hint = input<string | null>(null);\n  readonly progress = input<number | false>(false);\n\n  constructor() {\n    super();\n    effect(() => {\n      console.debug('FileInputSectionOrganismStore#progress:', this.progress());\n    });\n  }\n}\n\n@Component({\n  selector: 'organisms-file-input-section',\n  standalone: true,\n  imports: [\n    FileInputFieldMolecule,\n  ],\n  template: `\n  <molecules-file-input-field\n    [control]=\"store.control()\"\n    [label]=\"store.label()\"\n    [hint]=\"store.hint()\"\n    [progress]=\"store.progress()\"\n    [placeholder]=\"store.placeholder()\"\n    (action)=\"dispatch($event)\"\n  />\n  `,\n  styleUrls: ['./file-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: FileInputSectionOrganismStore,\n      inputs: ['control', 'label', 'placeholder', 'hint', 'progress'],\n    }\n  ],\n})\nexport class FileInputSectionOrganism extends NgAtomicComponent {\n  static ActionId = ActionId;\n  protected store = inject(FileInputSectionOrganismStore);\n\n  @Effect(FileInputFieldMolecule.ActionId.FILE_SELECTED)\n  protected onFileSelected(files: File[]) {\n    this.dispatch({id: ActionId.FILE_SELECTED, payload: files});\n  }\n\n  @Effect(FileInputFieldMolecule.ActionId.CANCEL)\n  protected onCancel() {\n    this.dispatch({id: ActionId.CANCEL});\n  }\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-filters-section.mjs

@@ -10,9 +10,11 @@ import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i3 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
+import { NgAtomicComponent } from '@ng-atomic/core';
 
-class FiltersSectionOrganism {
+class FiltersSectionOrganism extends NgAtomicComponent {
     constructor() {
+        super(...arguments);
         this.modifiable = true;
         this.form = new FormArray([
             new FormGroup({
@@ -41,8 +43,8 @@ class FiltersSectionOrganism {
     removeFilter(i) {
         this.form.removeAt(i);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FiltersSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FiltersSectionOrganism, isStandalone: true, selector: "organisms-filters-section", inputs: { modifiable: "modifiable", form: "form", columns: "columns" }, ngImport: i0, template: `
+    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: `
     <frames-auto-layout
       vertical
       style="width: fit-content;"
@@ -75,9 +77,9 @@ class FiltersSectionOrganism {
       </frames-auto-layout>
       <button (click)="addFilter()" [disabled]="!modifiable" mat-button>Add Filter</button>
     </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]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], 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", inputs: ["label", "appearance", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, 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: "16.2.12", ngImport: i0, type: FiltersSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FiltersSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-filters-section', standalone: true, imports: [
                         CommonModule,

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-filters-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/filters-section/filters-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/filters-section/ng-atomic-components-organisms-filters-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\nimport { SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';\nimport { FormArray, FormControl, FormGroup } from '@angular/forms';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\n\n@Component({\n  selector: 'organisms-filters-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n    AutoLayoutFrame,\n    TextInputFieldMolecule,\n    SelectInputFieldMolecule,\n  ],\n  template: `\n    <frames-auto-layout\n      vertical\n      style=\"width: fit-content;\"\n    >\n      <frames-auto-layout\n        *ngFor=\"let filter of form.controls; index as i\"\n        horizontal\n        style=\"width: fit-content;\"\n      >\n        <button mat-icon-button (click)=\"removeFilter(i)\" [disabled]=\"!modifiable\">\n          <mat-icon> close </mat-icon>\n        </button>\n        <molecules-select-input-field\n          [appearance]=\"'fill'\"\n          [label]=\"'Column'\"\n          [options]=\"columnOptions\"\n          [control]=\"filter.get('column')\"\n        ></molecules-select-input-field>\n        <molecules-select-input-field\n          [appearance]=\"'fill'\"\n          [label]=\"'Operator'\"\n          [options]=\"[{name: 'equals', value: 'equals'}, {name: 'not in', value: 'not in'}]\"\n          [control]=\"filter.get('operator')\"\n        ></molecules-select-input-field>\n        <molecules-text-input-field\n          [appearance]=\"'fill'\"\n          [label]=\"'Value'\"\n          [control]=\"filter.get('value')\"\n        ></molecules-text-input-field>\n      </frames-auto-layout>\n      <button (click)=\"addFilter()\" [disabled]=\"!modifiable\" mat-button>Add Filter</button>\n    </frames-auto-layout>\n  `,\n  styleUrls: ['./filters-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FiltersSectionOrganism {\n  @Input()\n  modifiable = true;\n\n  @Input()\n  form = new FormArray([\n    new FormGroup({\n      column: new FormControl(''),\n      operator: new FormControl(''),\n      value: new FormControl(''),\n    }),\n    new FormGroup({\n      column: new FormControl(''),\n      operator: new FormControl(''),\n      value: new FormControl(''),\n    }),\n  ]);\n\n  @Input()\n  columns: string[] = [];\n\n  get columnOptions() {\n    return this.columns.map(column => ({name: column, value: column}));\n  }\n\n  protected addFilter() {\n    this.form.push(new FormGroup({\n      column: new FormControl(''),\n      operator: new FormControl(''),\n      value: new FormControl(''),\n    }));\n  }\n\n  protected removeFilter(i: number) {\n    this.form.removeAt(i);\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-filters-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/filters-section/filters-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/filters-section/ng-atomic-components-organisms-filters-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\nimport { SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';\nimport { FormArray, FormControl, FormGroup } from '@angular/forms';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\n@Component({\n  selector: 'organisms-filters-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n    AutoLayoutFrame,\n    TextInputFieldMolecule,\n    SelectInputFieldMolecule,\n  ],\n  template: `\n    <frames-auto-layout\n      vertical\n      style=\"width: fit-content;\"\n    >\n      <frames-auto-layout\n        *ngFor=\"let filter of form.controls; index as i\"\n        horizontal\n        style=\"width: fit-content;\"\n      >\n        <button mat-icon-button (click)=\"removeFilter(i)\" [disabled]=\"!modifiable\">\n          <mat-icon> close </mat-icon>\n        </button>\n        <molecules-select-input-field\n          [appearance]=\"'fill'\"\n          [label]=\"'Column'\"\n          [options]=\"columnOptions\"\n          [control]=\"filter.get('column')\"\n        ></molecules-select-input-field>\n        <molecules-select-input-field\n          [appearance]=\"'fill'\"\n          [label]=\"'Operator'\"\n          [options]=\"[{name: 'equals', value: 'equals'}, {name: 'not in', value: 'not in'}]\"\n          [control]=\"filter.get('operator')\"\n        ></molecules-select-input-field>\n        <molecules-text-input-field\n          [appearance]=\"'fill'\"\n          [label]=\"'Value'\"\n          [control]=\"filter.get('value')\"\n        ></molecules-text-input-field>\n      </frames-auto-layout>\n      <button (click)=\"addFilter()\" [disabled]=\"!modifiable\" mat-button>Add Filter</button>\n    </frames-auto-layout>\n  `,\n  styleUrls: ['./filters-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FiltersSectionOrganism extends NgAtomicComponent {\n  @Input()\n  modifiable = true;\n\n  @Input()\n  form = new FormArray([\n    new FormGroup({\n      column: new FormControl(''),\n      operator: new FormControl(''),\n      value: new FormControl(''),\n    }),\n    new FormGroup({\n      column: new FormControl(''),\n      operator: new FormControl(''),\n      value: new FormControl(''),\n    }),\n  ]);\n\n  @Input()\n  columns: string[] = [];\n\n  get columnOptions() {\n    return this.columns.map(column => ({name: column, value: column}));\n  }\n\n  protected addFilter() {\n    this.form.push(new FormGroup({\n      column: new FormControl(''),\n      operator: new FormControl(''),\n      value: new FormControl(''),\n    }));\n  }\n\n  protected removeFilter(i: number) {\n    this.form.removeAt(i);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA0DM,MAAO,sBAAuB,SAAQ,iBAAiB,CAAA;AAhD7D,IAAA,WAAA,GAAA;;QAkDE,IAAU,CAAA,UAAA,GAAG,IAAI,CAAC;QAGlB,IAAI,CAAA,IAAA,GAAG,IAAI,SAAS,CAAC;AACnB,YAAA,IAAI,SAAS,CAAC;AACZ,gBAAA,MAAM,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC3B,gBAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC7B,gBAAA,KAAK,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;aAC3B,CAAC;AACF,YAAA,IAAI,SAAS,CAAC;AACZ,gBAAA,MAAM,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC3B,gBAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC7B,gBAAA,KAAK,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;aAC3B,CAAC;AACH,SAAA,CAAC,CAAC;QAGH,IAAO,CAAA,OAAA,GAAa,EAAE,CAAC;AAiBxB,KAAA;AAfC,IAAA,IAAI,aAAa,GAAA;QACf,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,KAAK,EAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC,CAAC,CAAC,CAAC;KACpE;IAES,SAAS,GAAA;AACjB,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC;AAC3B,YAAA,MAAM,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC3B,YAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC7B,YAAA,KAAK,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC3B,SAAA,CAAC,CAAC,CAAC;KACL;AAES,IAAA,YAAY,CAAC,CAAS,EAAA;AAC9B,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;KACvB;8GAnCU,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EArCvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCT,EAxCC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,iFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,aAAa,EACb,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,yUACf,eAAe,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,sBAAsB,EAAA,QAAA,EAAA,4BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,wBAAwB,EAAA,QAAA,EAAA,8BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAuCf,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAhDlC,SAAS;+BACE,2BAA2B,EAAA,UAAA,EACzB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,aAAa;wBACb,eAAe;wBACf,eAAe;wBACf,sBAAsB;wBACtB,wBAAwB;qBACzB,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,iFAAA,CAAA,EAAA,CAAA;8BAI/C,UAAU,EAAA,CAAA;sBADT,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAeN,OAAO,EAAA,CAAA;sBADN,KAAK;;;AC5ER;;AAEG;;;;"}

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: "16.2.12", ngImport: i0, type: GraphqlEditorOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: ["state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GraphqlEditorOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.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 } 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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"}

package/fesm2022/ng-atomic-components-organisms-grid-cards-section.mjs

@@ -0,0 +1,47 @@
+import * as i0 from '@angular/core';
+import { input, Component, ChangeDetectionStrategy } from '@angular/core';
+import { NgAtomicComponent } from '@ng-atomic/core';
+import { GridItemMolecule } from '@ng-atomic/components/molecules/grid-item';
+
+var ActionId;
+(function (ActionId) {
+    ActionId["ITEM_CLICK"] = "[@ng-atomic/components/organisms/grid-cards-section] Item Click";
+    ActionId["ITEM_MENU_CLICK"] = "[@ng-atomic/components/organisms/grid-cards-section] Item Menu Click";
+})(ActionId || (ActionId = {}));
+class GridCardsSectionOrganism extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.items = input([]);
+    }
+    static { this.ActionId = ActionId; }
+    onItemClick(item) {
+        this.dispatch({ id: ActionId.ITEM_CLICK, payload: item });
+    }
+    onItemMenuClick(item, $event) {
+        this.dispatch({ id: ActionId.ITEM_MENU_CLICK, payload: item });
+        $event.stopPropagation();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: GridCardsSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: GridCardsSectionOrganism, isStandalone: true, selector: "organisms-grid-cards-section", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+  @for (item of items(); track item.id) {
+    <molecules-grid-item [item]="item" (click)="onItemClick(item)" />
+  }
+  `, isInline: true, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-eZKv: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-eZKv: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-eZKv: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-eZKv: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-eZKv),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-eZKv)}\n"], dependencies: [{ kind: "component", type: GridItemMolecule, selector: "molecules-grid-item", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: GridCardsSectionOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-grid-cards-section', standalone: true, imports: [
+                        GridItemMolecule,
+                    ], template: `
+  @for (item of items(); track item.id) {
+    <molecules-grid-item [item]="item" (click)="onItemClick(item)" />
+  }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-eZKv: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-eZKv: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-eZKv: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-eZKv: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-eZKv),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-eZKv)}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GridCardsSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-grid-cards-section.mjs.map

package/fesm2022/ng-atomic-components-organisms-grid-cards-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-grid-cards-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/grid-cards-section/grid-cards-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/grid-cards-section/ng-atomic-components-organisms-grid-cards-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, HostListener, inject, input, signal } from '@angular/core';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { GridItemMolecule } from '@ng-atomic/components/molecules/grid-item';\n\nenum ActionId {\n  ITEM_CLICK = '[@ng-atomic/components/organisms/grid-cards-section] Item Click',\n  ITEM_MENU_CLICK = '[@ng-atomic/components/organisms/grid-cards-section] Item Menu Click',\n}\n\n@Component({\n  selector: 'organisms-grid-cards-section',\n  standalone: true,\n  imports: [\n    GridItemMolecule,\n  ],\n  template: `\n  @for (item of items(); track item.id) {\n    <molecules-grid-item [item]=\"item\" (click)=\"onItemClick(item)\" />\n  }\n  `,\n  styleUrls: ['./grid-cards-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class GridCardsSectionOrganism<T> extends NgAtomicComponent {\n  static ActionId = ActionId;\n\n  readonly items = input<T[]>([]);\n\n  protected onItemClick(item: T): void {\n    this.dispatch({id: ActionId.ITEM_CLICK, payload: item});\n  }\n\n  protected onItemMenuClick(item: T, $event: Event): void {\n    this.dispatch({id: ActionId.ITEM_MENU_CLICK, payload: item});\n    $event.stopPropagation();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAIA,IAAK,QAGJ,CAAA;AAHD,CAAA,UAAK,QAAQ,EAAA;AACX,IAAA,QAAA,CAAA,YAAA,CAAA,GAAA,iEAA8E,CAAA;AAC9E,IAAA,QAAA,CAAA,iBAAA,CAAA,GAAA,sEAAwF,CAAA;AAC1F,CAAC,EAHI,QAAQ,KAAR,QAAQ,GAGZ,EAAA,CAAA,CAAA,CAAA;AAgBK,MAAO,wBAA4B,SAAQ,iBAAiB,CAAA;AAdlE,IAAA,WAAA,GAAA;;AAiBW,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAM,EAAE,CAAC,CAAC;AAUjC,KAAA;aAZQ,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;AAIjB,IAAA,WAAW,CAAC,IAAO,EAAA;AAC3B,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;KACzD;IAES,eAAe,CAAC,IAAO,EAAE,MAAa,EAAA;AAC9C,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,eAAe,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAC7D,MAAM,CAAC,eAAe,EAAE,CAAC;KAC1B;8GAZU,wBAAwB,EAAA,IAAA,EAAA,IAAA,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,EARzB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mrBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EANC,gBAAgB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAUP,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAdpC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EACP,OAAA,EAAA;wBACP,gBAAgB;qBACjB,EACS,QAAA,EAAA,CAAA;;;;GAIT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,mrBAAA,CAAA,EAAA,CAAA;;;ACrBjD;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-organisms-grid-toolbar.mjs

@@ -1,17 +1,15 @@
+import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/material/button';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i3 from '@angular/material/icon';
+import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i4 from '@angular/material/menu';
+import * as i3 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
+import { InjectableComponent, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
 import { NestedMenuMolecule } from '@ng-atomic/components/molecules/nested-menu';
-import { ChipsInputFieldMolecule } from '@ng-atomic/components/molecules/chips-input-field';
 import { FormControl } from '@angular/forms';
-import { ChipsInputAtom } from '@ng-atomic/components/atoms/chips-input';
 
 var ActionId;
 (function (ActionId) {
@@ -19,9 +17,10 @@ var ActionId;
     ActionId["FILTERS"] = "[@ng-atomic/components/organisms/grid-toolbar] Filters";
     ActionId["EXPORT"] = "[@ng-atomic/components/organisms/grid-toolbar] Export";
 })(ActionId || (ActionId = {}));
-class GridToolbarOrganism {
+let GridToolbarOrganismStore = class GridToolbarOrganismStore extends InjectableComponent {
     constructor() {
-        this.actions = [
+        super(...arguments);
+        this.actions = input([
             {
                 id: ActionId.COLUMNS,
                 icon: 'view_column',
@@ -62,95 +61,101 @@ class GridToolbarOrganism {
                 icon: 'download',
                 name: 'Export'
             },
-        ];
-        this.control = new FormControl('');
-        this.action = new EventEmitter();
+        ]);
+        this.control = input(new FormControl(''));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridToolbarOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridToolbarOrganism, isStandalone: true, selector: "organisms-grid-toolbar", inputs: { actions: "actions", control: "control" }, outputs: { action: "action" }, ngImport: i0, template: `
-    <div class="left">
-      <ng-container *ngFor="let _action of actions">
-        <ng-container *ngIf="_action?.children">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: GridToolbarOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: GridToolbarOrganismStore, isStandalone: true, selector: "organisms-grid-toolbar", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+GridToolbarOrganismStore = __decorate([
+    TokenizedType()
+], GridToolbarOrganismStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: GridToolbarOrganismStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'organisms-grid-toolbar' }]
+        }] });
+class GridToolbarOrganism extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(GridToolbarOrganismStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: GridToolbarOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: GridToolbarOrganism, isStandalone: true, selector: "organisms-grid-toolbar", usesInheritance: true, hostDirectives: [{ directive: GridToolbarOrganismStore, inputs: ["actions", "actions", "control", "control"] }], ngImport: i0, template: `
+    <div>
+      @for(action of store.actions(); track action.id) {
+        @if (action.children) {
           <button
-          mat-button
-          color="basic"
-          [matMenuTriggerFor]="menu.childMenu"
-          ><mat-icon>{{ _action.icon }}</mat-icon> <span>{{ _action.name }}</span></button>
+            mat-button
+            color="basic"
+            [matMenuTriggerFor]="menu.childMenu"
+            [disabled]="action.disabled"
+          ><mat-icon>{{ action.icon }}</mat-icon> <span>{{ action.name }}</span></button>
           <molecules-nested-menu
-          #menu
-          [actions]="_action.children"
-          (action)="action.emit($event)"
-          ></molecules-nested-menu>
-        </ng-container>
-        <button
-        *ngIf="!_action?.children"
-        mat-button
-        color="basic"
-        (click)="action.emit(_action)"
-        ><mat-icon>{{ _action.icon }}</mat-icon>  <span>{{ _action.name }}</span></button>
-      </ng-container>
+            #menu
+            [actions]="action.children"
+            (action)="dispatch($event)"
+          />
+        }
+        @else {
+          <button
+            mat-button
+            color="basic"
+            [disabled]="action.disabled"
+            (click)="dispatch(action)"
+          >
+            <mat-icon>{{ action.icon }}</mat-icon><span>{{ action.name }}</span>
+          </button>
+        }
+      }
     </div>
-    <molecules-chips-input-field
-      [appearance]="'fill'"
-      [placeholder]="'status:active'"
-      [label]="'フィルター'"
-      [hint]="'フィルター条件を入力できます。'"
-      [control]="control"
-    ></molecules-chips-input-field>
-  `, isInline: true, styles: [":host{display:block}:host{display:flex;box-sizing:border-box;flex-direction:row;justify-content:space-between}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: NestedMenuMolecule, selector: "molecules-nested-menu", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: ChipsInputFieldMolecule, selector: "molecules-chips-input-field", inputs: ["appearance", "control", "floatLabel", "label", "hint", "placeholder", "separators"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}:host{display:flex;flex-direction:column;width:100%;box-sizing:border-box;justify-content:space-between}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: NestedMenuMolecule, selector: "molecules-nested-menu", inputs: ["actions"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridToolbarOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: GridToolbarOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-grid-toolbar', standalone: true, imports: [
-                        CommonModule,
                         MatButtonModule,
                         MatIconModule,
                         MatMenuModule,
                         NestedMenuMolecule,
-                        ChipsInputFieldMolecule,
-                        ChipsInputAtom,
                     ], template: `
-    <div class="left">
-      <ng-container *ngFor="let _action of actions">
-        <ng-container *ngIf="_action?.children">
+    <div>
+      @for(action of store.actions(); track action.id) {
+        @if (action.children) {
           <button
-          mat-button
-          color="basic"
-          [matMenuTriggerFor]="menu.childMenu"
-          ><mat-icon>{{ _action.icon }}</mat-icon> <span>{{ _action.name }}</span></button>
+            mat-button
+            color="basic"
+            [matMenuTriggerFor]="menu.childMenu"
+            [disabled]="action.disabled"
+          ><mat-icon>{{ action.icon }}</mat-icon> <span>{{ action.name }}</span></button>
           <molecules-nested-menu
-          #menu
-          [actions]="_action.children"
-          (action)="action.emit($event)"
-          ></molecules-nested-menu>
-        </ng-container>
-        <button
-        *ngIf="!_action?.children"
-        mat-button
-        color="basic"
-        (click)="action.emit(_action)"
-        ><mat-icon>{{ _action.icon }}</mat-icon>  <span>{{ _action.name }}</span></button>
-      </ng-container>
+            #menu
+            [actions]="action.children"
+            (action)="dispatch($event)"
+          />
+        }
+        @else {
+          <button
+            mat-button
+            color="basic"
+            [disabled]="action.disabled"
+            (click)="dispatch(action)"
+          >
+            <mat-icon>{{ action.icon }}</mat-icon><span>{{ action.name }}</span>
+          </button>
+        }
+      }
     </div>
-    <molecules-chips-input-field
-      [appearance]="'fill'"
-      [placeholder]="'status:active'"
-      [label]="'フィルター'"
-      [hint]="'フィルター条件を入力できます。'"
-      [control]="control"
-    ></molecules-chips-input-field>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{display:flex;box-sizing:border-box;flex-direction:row;justify-content:space-between}\n"] }]
-        }], propDecorators: { actions: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], action: [{
-                type: Output
-            }] } });
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: GridToolbarOrganismStore,
+                            inputs: ['actions', 'control'],
+                        },
+                    ], styles: [":host{display:block}:host{display:flex;flex-direction:column;width:100%;box-sizing:border-box;justify-content:space-between}\n"] }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ActionId, GridToolbarOrganism };
+export { ActionId, GridToolbarOrganism, GridToolbarOrganismStore };
 //# sourceMappingURL=ng-atomic-components-organisms-grid-toolbar.mjs.map