@ng-atomic/components 5.4.2 → 5.5.0

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

@@ -1,9 +1,8 @@
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import * as i1 from '@ng-atomic/components/molecules/date-input-field';
-import { DateInputFieldModule } from '@ng-atomic/components/molecules/date-input-field';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 import { FormControl } from '@angular/forms';
+import { DateInputFieldMolecule } from '@ng-atomic/components/molecules/date-input-field';
 import dayjs from 'dayjs';
 
 class DateInputSectionOrganism {
@@ -14,10 +13,13 @@ class DateInputSectionOrganism {
     }
 }
 DateInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DateInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DateInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<molecules-date-input-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-BPfa: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-BPfa);box-sizing:border-box}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: ["control", "label", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+DateInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DateInputSectionOrganism, isStandalone: true, selector: "organisms-date-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<molecules-date-input-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-YDkx: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-YDkx);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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DateInputSectionOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-date-input-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<molecules-date-input-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-BPfa: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-BPfa);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
+            args: [{ selector: 'organisms-date-input-section', standalone: true, imports: [
+                        CommonModule,
+                        DateInputFieldMolecule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<molecules-date-input-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-YDkx: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-YDkx);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { control: [{
                 type: Input
             }], label: [{
@@ -26,32 +28,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Input
             }] } });
 
-class DateInputSectionModule {
-}
-DateInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DateInputSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DateInputSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: DateInputSectionModule, declarations: [DateInputSectionOrganism], imports: [CommonModule,
-        DateInputFieldModule], exports: [DateInputSectionOrganism] });
-DateInputSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DateInputSectionModule, imports: [CommonModule,
-        DateInputFieldModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DateInputSectionModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        DateInputSectionOrganism
-                    ],
-                    imports: [
-                        CommonModule,
-                        DateInputFieldModule,
-                    ],
-                    exports: [
-                        DateInputSectionOrganism
-                    ],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DateInputSectionModule, DateInputSectionOrganism };
+export { DateInputSectionOrganism };
 //# sourceMappingURL=ng-atomic-components-organisms-date-input-section.mjs.map

package/fesm2015/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/organisms/date-input-section/date-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/date-input-section/date-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/date-input-section/date-input-section.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/date-input-section/ng-atomic-components-organisms-date-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport dayjs from 'dayjs';\n\n@Component({\n  selector: 'organisms-date-input-section',\n  templateUrl: './date-input-section.organism.html',\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","<molecules-date-input-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-date-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DateInputFieldModule } from '@ng-atomic/components/molecules/date-input-field';\n\nimport { DateInputSectionOrganism } from './date-input-section.organism';\n\n@NgModule({\n  declarations: [\n    DateInputSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    DateInputFieldModule,\n  ],\n  exports: [\n    DateInputSectionOrganism\n  ],\n})\nexport class DateInputSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAWa,wBAAwB,CAAA;AAPrC,IAAA,WAAA,GAAA;QASE,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAc,KAAK,EAAE,CAAC,CAAC;AAGhD,QAAA,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;AAGX,QAAA,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;KAClB;;qHATY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,8LCXrC,4IAI8B,EAAA,MAAA,EAAA,CAAA,kRAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,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;2FDOjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;+BACE,8BAA8B,EAAA,eAAA,EAGvB,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAA,QAAA,EAAA,4IAAA,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;;;MEAK,sBAAsB,CAAA;;mHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAAtB,sBAAsB,EAAA,YAAA,EAAA,CAV/B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;QACZ,oBAAoB,aAGpB,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAP/B,YAAY;QACZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAMX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;iBACF,CAAA;;;ACjBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-date-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/date-input-section/date-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/date-input-section/date-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/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  templateUrl: './date-input-section.organism.html',\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","<molecules-date-input-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-date-input-field>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAkBa,wBAAwB,CAAA;AAZrC,IAAA,WAAA,GAAA;QAcE,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAc,KAAK,EAAE,CAAC,CAAC;AAGhD,QAAA,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;AAGX,QAAA,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;KAClB;;qHATY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EClBrC,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,4IAI8B,EDM1B,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;2FAOb,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAZpC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,sBAAsB;qBACvB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAA,QAAA,EAAA,4IAAA,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;;;AEzBR;;AAEG;;;;"}

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

@@ -0,0 +1,136 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';
+import { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';
+import { SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';
+import { FormArray, FormGroup, FormControl } from '@angular/forms';
+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';
+
+class FiltersSectionOrganism {
+    constructor() {
+        this.modifiable = true;
+        this.form = new FormArray([
+            new FormGroup({
+                column: new FormControl(''),
+                operator: new FormControl(''),
+                value: new FormControl(''),
+            }),
+            new FormGroup({
+                column: new FormControl(''),
+                operator: new FormControl(''),
+                value: new FormControl(''),
+            }),
+        ]);
+        this.columns = [];
+    }
+    get columnOptions() {
+        return this.columns.map(column => ({ name: column, value: column }));
+    }
+    addFilter() {
+        this.form.push(new FormGroup({
+            column: new FormControl(''),
+            operator: new FormControl(''),
+            value: new FormControl(''),
+        }));
+    }
+    removeFilter(i) {
+        this.form.removeAt(i);
+    }
+}
+FiltersSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FiltersSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FiltersSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: FiltersSectionOrganism, isStandalone: true, selector: "organisms-filters-section", inputs: { modifiable: "modifiable", form: "form", columns: "columns" }, ngImport: i0, template: `
+    <frames-auto-layout
+      vertical
+      style="width: fit-content;"
+    >
+      <frames-auto-layout
+        *ngFor="let filter of form.controls; index as i"
+        horizontal
+        style="width: fit-content;"
+      >
+        <button mat-icon-button (click)="removeFilter(i)" [disabled]="!modifiable">
+          <mat-icon> close </mat-icon>
+        </button>
+        <molecules-select-input-field
+          [appearance]="'fill'"
+          [label]="'Column'"
+          [options]="columnOptions"
+          [control]="filter.get('column')"
+        ></molecules-select-input-field>
+        <molecules-select-input-field
+          [appearance]="'fill'"
+          [label]="'Operator'"
+          [options]="[{name: 'equals', value: 'equals'}, {name: 'not in', value: 'not in'}]"
+          [control]="filter.get('operator')"
+        ></molecules-select-input-field>
+        <molecules-text-input-field
+          [appearance]="'fill'"
+          [label]="'Value'"
+          [control]="filter.get('value')"
+        ></molecules-text-input-field>
+      </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", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint"] }, { kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "appearance", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: FiltersSectionOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-filters-section', standalone: true, imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        AutoLayoutFrame,
+                        TextInputFieldMolecule,
+                        SelectInputFieldMolecule,
+                    ], template: `
+    <frames-auto-layout
+      vertical
+      style="width: fit-content;"
+    >
+      <frames-auto-layout
+        *ngFor="let filter of form.controls; index as i"
+        horizontal
+        style="width: fit-content;"
+      >
+        <button mat-icon-button (click)="removeFilter(i)" [disabled]="!modifiable">
+          <mat-icon> close </mat-icon>
+        </button>
+        <molecules-select-input-field
+          [appearance]="'fill'"
+          [label]="'Column'"
+          [options]="columnOptions"
+          [control]="filter.get('column')"
+        ></molecules-select-input-field>
+        <molecules-select-input-field
+          [appearance]="'fill'"
+          [label]="'Operator'"
+          [options]="[{name: 'equals', value: 'equals'}, {name: 'not in', value: 'not in'}]"
+          [control]="filter.get('operator')"
+        ></molecules-select-input-field>
+        <molecules-text-input-field
+          [appearance]="'fill'"
+          [label]="'Value'"
+          [control]="filter.get('value')"
+        ></molecules-text-input-field>
+      </frames-auto-layout>
+      <button (click)="addFilter()" [disabled]="!modifiable" mat-button>Add Filter</button>
+    </frames-auto-layout>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{display:block;padding:0 16px;box-sizing:border-box}\n"] }]
+        }], propDecorators: { modifiable: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FiltersSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-filters-section.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-filters-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/filters-section/filters-section.organism.ts","../../../../../packages/@ng-atomic/components/src/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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"}

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

@@ -0,0 +1,121 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import { keymap, lineNumbers } from '@codemirror/view';
+import { indentWithTab, history } from '@codemirror/commands';
+import { closeBrackets, autocompletion } from '@codemirror/autocomplete';
+import { bracketMatching, syntaxHighlighting } from '@codemirror/language';
+import { oneDark, oneDarkHighlightStyle } from '@codemirror/theme-one-dark';
+import { EditorState } from '@codemirror/state';
+import { graphql } from 'cm6-graphql';
+import { basicSetup, EditorView } from 'codemirror';
+import { ReplaySubject, combineLatest, distinctUntilChanged, filter, map, shareReplay, startWith } from 'rxjs';
+import { FormControl } from '@angular/forms';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { EditorComponent } from '@ng-atomic/components/extras/editor';
+
+class GraphqlExtractor {
+    extract(output) {
+        var _a, _b, _c, _d;
+        return (_d = (_c = (_b = (_a = output.split('```')) === null || _a === void 0 ? void 0 : _a[1]) === null || _b === void 0 ? void 0 : _b.replace(/^graphql/, '')) === null || _c === void 0 ? void 0 : _c.replace(/^\n/, '')) !== null && _d !== void 0 ? _d : '';
+    }
+    insert(query) {
+        return `\`\`\`graphql\n${query}\`\`\``;
+    }
+}
+var ActionId;
+(function (ActionId) {
+    ActionId["EXECUTE"] = "execute";
+    ActionId["SAVE"] = "save";
+})(ActionId || (ActionId = {}));
+class GraphqlEditorOrganism {
+    constructor() {
+        // private readonly extractor = new GraphqlExtractor();
+        this.value$ = new ReplaySubject(1);
+        this.schema$ = new ReplaySubject(1);
+        this.stop = false;
+        this.state$ = combineLatest({
+            schema: this.schema$,
+            value: this.value$.pipe(distinctUntilChanged(), filter(() => !this.stop)),
+        }).pipe(filter(({ schema }) => !!schema), map(params => this.makeEditorState(params)), shareReplay(1));
+        this._control = new FormControl('');
+        this.control = new FormControl('');
+        this.keyActions = [];
+        this.action = new EventEmitter();
+    }
+    set schema(value) {
+        this.schema$.next(value);
+    }
+    ngOnInit() {
+        this.state$.subscribe(state => this.state = state);
+        this.control.valueChanges.pipe(startWith(this.control.value)).subscribe(value => {
+            this.value$.next(value);
+            // this.value$.next(this.extractor.extract(value));
+        });
+    }
+    setValue(doc) {
+        this.stop = true;
+        // this.control.setValue(this.extractor.insert(doc));
+        this.control.setValue(doc);
+        this.stop = false;
+    }
+    makeEditorState({ schema, value }) {
+        console.debug('schema:', schema);
+        return EditorState.create({
+            doc: value,
+            extensions: [
+                keymap.of([
+                    ...this.keyActions.map(({ key, actionId }) => ({
+                        key,
+                        run: () => (this.action.emit({ id: actionId }), true),
+                    })),
+                    indentWithTab,
+                ]),
+                basicSetup,
+                EditorView.updateListener.of((update) => this.setValue(update.state.doc.toString())),
+                bracketMatching(),
+                closeBrackets(),
+                history(),
+                autocompletion(),
+                lineNumbers(),
+                oneDark,
+                syntaxHighlighting(oneDarkHighlightStyle),
+                graphql(schema, {
+                    onShowInDocs(field, type, parentType) {
+                        alert(`Showing in docs.: Field: ${field}, Type: ${type}, ParentType: ${parentType}`);
+                    },
+                    onFillAllFields(view, schema, _query, cursor, token) {
+                        alert(`Filling all fields. Token: ${token}`);
+                    },
+                }),
+            ],
+        });
+    }
+    execute() {
+        this.action.emit({ id: ActionId.EXECUTE });
+    }
+}
+GraphqlEditorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: GraphqlEditorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GraphqlEditorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: GraphqlEditorOrganism, isStandalone: true, selector: "organisms-graphql-editor", inputs: { control: "control", schema: "schema", keyActions: "keyActions" }, outputs: { action: "action" }, ngImport: i0, template: `<extras-editor [state]="state$ | async"></extras-editor>`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "component", type: EditorComponent, selector: "extras-editor", inputs: ["state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: GraphqlEditorOrganism, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        CommonModule,
+                        EditorComponent,
+                    ], selector: 'organisms-graphql-editor', template: `<extras-editor [state]="state$ | async"></extras-editor>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { control: [{
+                type: Input
+            }], schema: [{
+                type: Input
+            }], keyActions: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionId, GraphqlEditorOrganism, GraphqlExtractor };
+//# sourceMappingURL=ng-atomic-components-organisms-graphql-editor.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-graphql-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/graphql-editor/graphql-editor.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/graphql-editor/ng-atomic-components-organisms-graphql-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { keymap, KeyBinding } 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, map, shareReplay, startWith, tap } from 'rxjs';\nimport { AbstractControl, FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/common/models';\nimport { CommonModule } from '@angular/common';\nimport { EditorComponent } from '@ng-atomic/components/extras/editor';\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 [state]=\"state$ | async\"></extras-editor>`,\n  styleUrls: ['./graphql-editor.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class GraphqlEditorOrganism {\n  // private readonly extractor = new GraphqlExtractor();\n  private readonly value$ = new ReplaySubject<string>(1);\n  private readonly schema$ = new ReplaySubject(1);\n  private stop = false;\n\n  state!: EditorState;\n  state$ = combineLatest({\n    schema: this.schema$,\n    value: this.value$.pipe(\n      distinctUntilChanged(),\n      filter(() => !this.stop),\n    ),\n  }).pipe(\n    filter(({schema}) => !!schema),\n    map(params => this.makeEditorState(params)),\n    shareReplay(1),\n  );\n\n  private readonly _control = new FormControl('');\n\n  @Input()\n  control: AbstractControl = new FormControl('');\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    this.state$.subscribe(state => this.state = state);\n    this.control.valueChanges.pipe(\n      startWith(this.control.value),\n    ).subscribe(value => {\n      this.value$.next(value);\n      // this.value$.next(this.extractor.extract(value));\n    });\n  }\n\n  private setValue(doc: string) {\n    this.stop = true;\n    // this.control.setValue(this.extractor.insert(doc));\n    this.control.setValue(doc);\n    this.stop = false;\n  }\n\n  makeEditorState({schema, value}: {schema: any, value: string}) {\n    console.debug('schema:', schema);\n    return EditorState.create({\n      doc: value,\n      extensions: [\n        keymap.of([\n          ...this.keyActions.map(({key, actionId}) => ({\n            key,\n            run: () => (this.action.emit({id: actionId}), true),\n          })),\n          indentWithTab,\n        ]),\n        basicSetup,\n        EditorView.updateListener.of((update) => this.setValue(update.state.doc.toString())),\n        bracketMatching(),\n        closeBrackets(),\n        history(),\n        autocompletion(),\n        lineNumbers(),\n        oneDark,\n        syntaxHighlighting(oneDarkHighlightStyle),\n        graphql(schema, {\n          onShowInDocs(field, type, parentType) {\n            alert(\n              `Showing in docs.: Field: ${field}, Type: ${type}, ParentType: ${parentType}`,\n            );\n          },\n          onFillAllFields(view, schema, _query, cursor, token) {\n            alert(`Filling all fields. Token: ${token}`);\n          },\n        }),\n      ],\n    });\n  }\n\n  private execute() {\n    this.action.emit({id: ActionId.EXECUTE});\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,75 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import * as i2 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import { FormGroup, FormArray, FormControl } from '@angular/forms';
+
+class GridToolbarOrganism {
+    constructor() {
+        this.form = new FormGroup({
+            filters: new FormArray([
+                new FormGroup({
+                    column: new FormControl(''),
+                    operator: new FormControl(''),
+                    value: new FormControl(''),
+                }),
+            ]),
+        });
+        this.columns = [];
+    }
+    get columnOptions() {
+        return this.columns.map(column => ({ name: column, value: column }));
+    }
+}
+GridToolbarOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: GridToolbarOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridToolbarOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: GridToolbarOrganism, isStandalone: true, selector: "organisms-grid-toolbar", inputs: { form: "form", columns: "columns" }, ngImport: i0, template: `
+    <button
+      mat-button
+      color="basic"
+      [matMenuTriggerFor]="menu"
+    >Filters</button>
+    <button
+      mat-button
+      color="basic"
+    >Export</button>
+    <mat-menu #menu="matMenu" style="width: fit-content;">
+      
+    </mat-menu>
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: GridToolbarOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-grid-toolbar', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatMenuModule,
+                    ], template: `
+    <button
+      mat-button
+      color="basic"
+      [matMenuTriggerFor]="menu"
+    >Filters</button>
+    <button
+      mat-button
+      color="basic"
+    >Export</button>
+    <mat-menu #menu="matMenu" style="width: fit-content;">
+      
+    </mat-menu>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { form: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GridToolbarOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-grid-toolbar.mjs.map

package/fesm2015/ng-atomic-components-organisms-grid-toolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-grid-toolbar.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/grid-toolbar/grid-toolbar.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/grid-toolbar/ng-atomic-components-organisms-grid-toolbar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { FormArray, FormControl, FormGroup } from '@angular/forms';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\nimport { SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\n\n@Component({\n  selector: 'organisms-grid-toolbar',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatButtonModule,\n    MatIconModule,\n    MatMenuModule,\n  ],\n  template: `\n    <button\n      mat-button\n      color=\"basic\"\n      [matMenuTriggerFor]=\"menu\"\n    >Filters</button>\n    <button\n      mat-button\n      color=\"basic\"\n    >Export</button>\n    <mat-menu #menu=\"matMenu\" style=\"width: fit-content;\">\n      \n    </mat-menu>\n  `,\n  styleUrls: ['./grid-toolbar.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class GridToolbarOrganism {\n  @Input()\n  form = new FormGroup({\n    filters: new FormArray([\n      new FormGroup({\n        column: new FormControl(''),\n        operator: new FormControl(''),\n        value: new FormControl(''),\n      }),\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}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAoCa,mBAAmB,CAAA;AA1BhC,IAAA,WAAA,GAAA;AA4BE,QAAA,IAAI,CAAA,IAAA,GAAG,IAAI,SAAS,CAAC;YACnB,OAAO,EAAE,IAAI,SAAS,CAAC;AACrB,gBAAA,IAAI,SAAS,CAAC;AACZ,oBAAA,MAAM,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC3B,oBAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC7B,oBAAA,KAAK,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;iBAC3B,CAAC;aACH,CAAC;AACH,SAAA,CAAC,CAAC;AAGH,QAAA,IAAO,CAAA,OAAA,GAAa,EAAE,CAAC;KAMxB;AAJC,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;;gHAjBU,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAjBpB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;AAaT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAlBC,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,EACf,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,aAAa,8BACb,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,6CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAmBJ,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBA1B/B,SAAS;+BACE,wBAAwB,EAAA,UAAA,EACtB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,eAAe;wBACf,aAAa;wBACb,aAAa;AACd,qBAAA,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;AAaT,EAAA,CAAA,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;8BAI/C,IAAI,EAAA,CAAA;sBADH,KAAK;gBAYN,OAAO,EAAA,CAAA;sBADN,KAAK;;;AChDR;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-organisms-heading.mjs

@@ -1,7 +1,7 @@
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 
 class HeadingOrganism {
     constructor() {
@@ -9,37 +9,19 @@ class HeadingOrganism {
     }
 }
 HeadingOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: HeadingOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HeadingOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: HeadingOrganism, selector: "organisms-heading", inputs: { level: "level" }, ngImport: i0, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-ve8O: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-ve8O)}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+HeadingOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: HeadingOrganism, isStandalone: true, selector: "organisms-heading", inputs: { level: "level" }, ngImport: i0, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-S5LR: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-S5LR)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: HeadingOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-heading', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-ve8O: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-ve8O)}\n"] }]
+            args: [{ selector: 'organisms-heading', standalone: true, imports: [
+                        CommonModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-S5LR: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-S5LR)}\n"] }]
         }], propDecorators: { level: [{
                 type: Input
             }] } });
 
-class HeadingModule {
-}
-HeadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: HeadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-HeadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: HeadingModule, declarations: [HeadingOrganism], imports: [CommonModule], exports: [HeadingOrganism] });
-HeadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: HeadingModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: HeadingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        HeadingOrganism
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        HeadingOrganism
-                    ]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { HeadingModule, HeadingOrganism };
+export { HeadingOrganism };
 //# sourceMappingURL=ng-atomic-components-organisms-heading.mjs.map

package/fesm2015/ng-atomic-components-organisms-heading.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-heading.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/heading/heading.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/heading/heading.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/heading/heading.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/heading/ng-atomic-components-organisms-heading.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'organisms-heading',\n  templateUrl: './heading.organism.html',\n  styleUrls: ['./heading.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeadingOrganism {\n  @Input()\n  level: 1 | 2 | 3 | 4 | 5 | 6 = 1;\n}\n","<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { HeadingOrganism } from './heading.organism';\n\n\n@NgModule({\n  declarations: [\n    HeadingOrganism\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    HeadingOrganism\n  ]\n})\nexport class HeadingModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAQa,eAAe,CAAA;AAN5B,IAAA,WAAA,GAAA;AAQE,QAAA,IAAK,CAAA,KAAA,GAA0B,CAAC,CAAC;KAClC;;4GAHY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,qFCR5B,6oBASe,EAAA,MAAA,EAAA,CAAA,4NAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDDF,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;+BACE,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6oBAAA,EAAA,MAAA,EAAA,CAAA,4NAAA,CAAA,EAAA,CAAA;8BAI/C,KAAK,EAAA,CAAA;sBADJ,KAAK;;;MEQK,aAAa,CAAA;;0GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EATtB,YAAA,EAAA,CAAA,eAAe,CAGf,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,eAAe,CAAA,EAAA,CAAA,CAAA;AAGN,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YANtB,YAAY,CAAA,EAAA,CAAA,CAAA;2FAMH,aAAa,EAAA,UAAA,EAAA,CAAA;kBAXzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;AAChB,qBAAA;iBACF,CAAA;;;AChBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-heading.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/heading/heading.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/heading/heading.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/heading/ng-atomic-components-organisms-heading.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'organisms-heading',\n  standalone: true,\n  imports: [\n    CommonModule,\n  ],\n  templateUrl: './heading.organism.html',\n  styleUrls: ['./heading.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeadingOrganism {\n  @Input()\n  level: 1 | 2 | 3 | 4 | 5 | 6 = 1;\n}\n","<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAaa,eAAe,CAAA;AAV5B,IAAA,WAAA,GAAA;AAYE,QAAA,IAAK,CAAA,KAAA,GAA0B,CAAC,CAAC;KAClC;;4GAHY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;gGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECb5B,6oBASe,EAAA,MAAA,EAAA,CAAA,4NAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFX,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMH,eAAe,EAAA,UAAA,EAAA,CAAA;kBAV3B,SAAS;+BACE,mBAAmB,EAAA,UAAA,EACjB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;AACb,qBAAA,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6oBAAA,EAAA,MAAA,EAAA,CAAA,4NAAA,CAAA,EAAA,CAAA;8BAI/C,KAAK,EAAA,CAAA;sBADJ,KAAK;;;AEdR;;AAEG;;;;"}