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

@ng-atomic/components 17.14.0 → 18.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (298) hide show

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +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":";;;;;;;;;;;;;;;;;MAkBa,gBAAgB,CAAA;AAC3B,IAAA,OAAO,CAAC,MAAc,EAAA;QACpB,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,EAAE,CAAA;KACnF;AAED,IAAA,MAAM,CAAC,KAAa,EAAA;QAClB,OAAO,CAAA,eAAA,EAAkB,KAAK,CAAA,MAAA,CAAQ,CAAC;KACxC;AACF,CAAA;IAEW,SAGX;AAHD,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACf,CAAC,EAHW,QAAQ,KAAR,QAAQ,GAGnB,EAAA,CAAA,CAAA,CAAA;AAaK,MAAO,qBAAsB,SAAQ,iBAAiB,CAAA;AAX5D,IAAA,WAAA,GAAA;;AAYmB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;AAGhD,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAU9B,IAAU,CAAA,UAAA,GAAsC,EAAE,CAAC;AAGnD,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAgCrC,KAAA;IAzCC,IACI,MAAM,CAAC,KAAU,EAAA;AACnB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC1B;IAQD,QAAQ,GAAA;AACN,QAAA,aAAa,CAAC;YACZ,MAAM,EAAE,IAAI,CAAC,OAAO;AACpB,YAAA,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CACnC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,CAAC,KAAK,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CACvD;SACF,CAAC,CAAC,IAAI,CACL,MAAM,CAAC,CAAC,EAAC,MAAM,EAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAC9B,oBAAoB,EAAE,CACvB,CAAC,SAAS,CAAC,MAAM,IAAG;AACnB,YAAA,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;YACjC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;AAC5C,SAAC,CAAC,CAAC;KACJ;AAEO,IAAA,eAAe,CAAC,EAAC,MAAM,EAAE,KAAK,EAA+B,EAAA;QACnE,OAAO,WAAW,CAAC,MAAM,CAAC;AACxB,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,UAAU,EAAE;AACV,gBAAA,mBAAmB,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACrE,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,MAAM,KAAI;oBACtC,IAAI,MAAM,CAAC,UAAU;wBAAE,OAAO;AAC9B,oBAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;AACrD,iBAAC,CAAC;AACF,gBAAA,GAAG,qBAAqB;gBACxB,oBAAoB,CAAC,MAAM,CAAC;AAC7B,aAAA;AACF,SAAA,CAAC,CAAC;KACJ;8GAhDU,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAJtB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,6DAAA,CAA+D,EAJvE,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,mIACZ,eAAe,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAON,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,eAAe;AAChB,qBAAA,EAAA,QAAA,EACS,0BAA0B,EAC1B,QAAA,EAAA,CAAA,6DAAA,CAA+D,EAExD,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;8BAM/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAMF,MAAM,EAAA,CAAA;sBADT,KAAK;gBAMN,UAAU,EAAA,CAAA;sBADT,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;AAmCT,MAAM,qBAAqB,GAAG;IAC5B,UAAU;AACV,IAAA,eAAe,EAAE;AACjB,IAAA,aAAa,EAAE;AACf,IAAA,OAAO,EAAE;AACT,IAAA,cAAc,EAAE;AAChB,IAAA,WAAW,EAAE;IACb,OAAO;IACP,kBAAkB,CAAC,qBAAqB,CAAC;CAC1C,CAAC;AAEF,SAAS,mBAAmB,CAC1B,UAA6C,EAC7C,QAAkC,EAAA;IAElC,OAAO,MAAM,CAAC,EAAE,CAAC;AACf,QAAA,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,QAAQ,EAAC,MAAM;YACtC,GAAG;YACH,GAAG,EAAE,OAAO,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAC,GAAG,EAAC,EAAC,CAAC,EAAE,IAAI,CAAC;AAC5D,SAAA,CAAC,CAAC;QACH,aAAa;AACd,KAAA,CAAC,CAAC;AACL,CAAC;AAED,SAAS,oBAAoB,CAAC,MAAM,EAAA;IAClC,OAAO,OAAO,CAAC,MAAM,EAAE;AACrB,QAAA,YAAY,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,KAAK,KAAK,CAAC,4BAA4B,KAAK,CAAA,QAAA,EAAW,IAAI,CAAiB,cAAA,EAAA,UAAU,EAAE,CAAC;AAC/H,QAAA,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,KAAK,KAAK,CAAC,CAA8B,2BAAA,EAAA,KAAK,EAAE,CAAC;AACvG,KAAA,CAAC,CAAC;AACL;;AC5HA;;AAEG;;;;"}
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, OnInit } from '@angular/core';\nimport { keymap } from \"@codemirror/view\"\nimport { indentWithTab } from \"@codemirror/commands\"\nimport { history } from '@codemirror/commands';\nimport { autocompletion, closeBrackets } from '@codemirror/autocomplete';\nimport { bracketMatching, syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark';\nimport { EditorState } from '@codemirror/state';\nimport { lineNumbers } from '@codemirror/view';\nimport { graphql } from 'cm6-graphql';\nimport { basicSetup, EditorView } from \"codemirror\"\nimport { ReplaySubject, combineLatest, distinctUntilChanged, filter, startWith, tap } from 'rxjs';\nimport { AbstractControl, FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/core';\nimport { CommonModule } from '@angular/common';\nimport { EditorComponent } from '@ng-atomic/components/extras/editor';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\nexport class GraphqlExtractor {\n extract(output: string): string {\n return output.split('```')?.[1]?.replace(/^graphql/, '')?.replace(/^\\n/, '') ?? ''\n }\n\n insert(query: string): string {\n return `\\`\\`\\`graphql\\n${query}\\`\\`\\``;\n }\n}\n\nexport enum ActionId {\n EXECUTE = 'execute',\n SAVE = 'save',\n}\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n EditorComponent,\n ],\n selector: 'organisms-graphql-editor',\n template: `<extras-editor ngIf=\"state\" [state]=\"state\"></extras-editor>`,\n styleUrls: ['./graphql-editor.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class GraphqlEditorOrganism extends NgAtomicComponent implements OnInit {\n private readonly schema$ = new ReplaySubject(1);\n\n @Input()\n control = new FormControl('');\n\n state!: EditorState;\n\n @Input()\n set schema(value: any) {\n this.schema$.next(value);\n }\n\n @Input()\n keyActions: {key: string, actionId: string}[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n ngOnInit() {\n combineLatest({\n schema: this.schema$,\n value: this.control.valueChanges.pipe(\n startWith(this.control.value),\n filter(value => value !== this.state?.doc?.toString()),\n ),\n }).pipe(\n filter(({schema}) => !!schema),\n distinctUntilChanged(),\n ).subscribe(params => {\n console.debug('params:', params);\n this.state = this.makeEditorState(params);\n });\n }\n\n private makeEditorState({schema, value}: {schema: any, value: string}) {\n return EditorState.create({\n doc: value,\n extensions: [\n makeKeymapExtension(this.keyActions, action => this.dispatch(action)),\n EditorView.updateListener.of((update) => {\n if (update.docChanged) return;\n this.control.setValue(update.state.doc.toString());\n }),\n ...CODEMIRROR_EXTENSIONS,\n makeGraphqlExtension(schema),\n ],\n });\n }\n}\n\nconst CODEMIRROR_EXTENSIONS = [\n basicSetup,\n bracketMatching(),\n closeBrackets(),\n history(),\n autocompletion(),\n lineNumbers(),\n oneDark,\n syntaxHighlighting(oneDarkHighlightStyle),\n];\n\nfunction makeKeymapExtension(\n keyActions: {key: string, actionId: string}[],\n callback: (action: Action) => void\n) {\n return keymap.of([\n ...keyActions.map(({key, actionId}) => ({\n key,\n run: () => (callback({id: actionId, payload: {key}}), true),\n })),\n indentWithTab,\n ]);\n}\n\nfunction makeGraphqlExtension(schema) {\n return graphql(schema, {\n onShowInDocs: (field, type, parentType) => alert(`Showing in docs.: Field: ${field}, Type: ${type}, ParentType: ${parentType}`),\n onFillAllFields: (view, schema, _query, cursor, token) => alert(`Filling all fields. Token: ${token}`),\n });\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -21,14 +21,14 @@ class GridCardsSectionOrganism extends NgAtomicComponent {
         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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: GridCardsSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.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-IcmQ: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-IcmQ: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-IcmQ: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-IcmQ: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-IcmQ),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-IcmQ)}\n"], dependencies: [{ kind: "component", type: GridItemMolecule, selector: "molecules-grid-item", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-JE4R: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-JE4R: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-JE4R: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-JE4R: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-JE4R),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-JE4R)}\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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: GridCardsSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-grid-cards-section', standalone: true, imports: [
                         GridItemMolecule,
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
   @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-IcmQ: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-IcmQ: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-IcmQ: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-IcmQ: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-IcmQ),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-IcmQ)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-JE4R: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-JE4R: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-JE4R: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-JE4R: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-JE4R),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-JE4R)}\n"] }]
         }] });
 /**

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

@@ -64,13 +64,13 @@ let GridToolbarOrganismStore = class GridToolbarOrganismStore extends Injectable
         ]);
         this.control = input(new FormControl(''));
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: GridToolbarOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: GridToolbarOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-grid-toolbar' }]
         }] });
@@ -79,8 +79,8 @@ class GridToolbarOrganism extends NgAtomicComponent {
         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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: GridToolbarOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.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) {
@@ -110,7 +110,7 @@ class GridToolbarOrganism extends NgAtomicComponent {
     </div>
   `, 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: "17.2.2", ngImport: i0, type: GridToolbarOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: GridToolbarOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-grid-toolbar', standalone: true, imports: [
                         MatButtonModule,

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

@@ -7,8 +7,8 @@ class HeadingOrganism {
     constructor() {
         this.level = 1;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: HeadingOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: HeadingOrganism, isStandalone: true, selector: "organisms-heading", inputs: { level: "level" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: HeadingOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: HeadingOrganism, isStandalone: true, selector: "organisms-heading", inputs: { level: "level" }, ngImport: i0, template: `
   <ng-template #temp><ng-content></ng-content></ng-template>
   @switch(level) {
     @case(1) {
@@ -30,9 +30,9 @@ class HeadingOrganism {
       <h6><ng-container *ngTemplateOutlet="temp;"></ng-container></h6>
     }
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-RXhx: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-RXhx)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-er8l: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-er8l)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: HeadingOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: HeadingOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-heading', standalone: true, imports: [
                         CommonModule,
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
       <h6><ng-container *ngTemplateOutlet="temp;"></ng-container></h6>
     }
   }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-RXhx: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-RXhx)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-er8l: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-er8l)}\n"] }]
         }], propDecorators: { level: [{
                 type: Input
             }] } });

package/fesm2022/ng-atomic-components-organisms-image-preview-section.mjs CHANGED Viewed

@@ -7,10 +7,10 @@ class ImagePreviewSectionOrganism extends NgAtomicComponent {
         super(...arguments);
         this.src = input();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ImagePreviewSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.2.2", type: ImagePreviewSectionOrganism, isStandalone: true, selector: "organisms-image-preview-section", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `<img [src]="src()" />`, isInline: true, styles: [":host{display:block}:host{width:100%}:host img{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ImagePreviewSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.2", type: ImagePreviewSectionOrganism, isStandalone: true, selector: "organisms-image-preview-section", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `<img [src]="src()" />`, isInline: true, styles: [":host{display:block}:host{width:100%}:host img{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ImagePreviewSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ImagePreviewSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-image-preview-section', standalone: true, imports: [], template: `<img [src]="src()" />`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{width:100%}:host img{width:100%}\n"] }]
         }] });

package/fesm2022/ng-atomic-components-organisms-markdown-preview-section.mjs CHANGED Viewed

@@ -8,10 +8,10 @@ class MarkdownPreviewSectionStore {
   ## あいうえお`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MarkdownPreviewSectionStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: MarkdownPreviewSectionStore, isStandalone: true, selector: "markdown-preview-section", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MarkdownPreviewSectionStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: MarkdownPreviewSectionStore, isStandalone: true, selector: "markdown-preview-section", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MarkdownPreviewSectionStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MarkdownPreviewSectionStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'markdown-preview-section' }]
         }] });
@@ -19,12 +19,12 @@ class MarkdownPreviewSectionOrganism {
     constructor() {
         this.store = inject(MarkdownPreviewSectionStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MarkdownPreviewSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: MarkdownPreviewSectionOrganism, isStandalone: true, selector: "organisms-markdown-preview-section", hostDirectives: [{ directive: MarkdownPreviewSectionStore, inputs: ["content", "content"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MarkdownPreviewSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MarkdownPreviewSectionOrganism, isStandalone: true, selector: "organisms-markdown-preview-section", hostDirectives: [{ directive: MarkdownPreviewSectionStore, inputs: ["content", "content"] }], ngImport: i0, template: `
   <markdown>{{ store.content() }}</markdown>
   `, isInline: true, styles: [":host{display:block}:host{width:100%;padding:0 16px;box-sizing:border-box}\n"], dependencies: [{ kind: "component", type: MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MarkdownPreviewSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MarkdownPreviewSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-markdown-preview-section', standalone: true, imports: [
                         MarkdownComponent,

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

@@ -13,13 +13,13 @@ let MenuFooterOrganismStore = class MenuFooterOrganismStore extends InjectableCo
         super(...arguments);
         this.version = inject(VERSION, { optional: true }) ?? 'v0.0.0';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuFooterOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: MenuFooterOrganismStore, isStandalone: true, selector: "organisms-menu-footer", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuFooterOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.2", type: MenuFooterOrganismStore, isStandalone: true, selector: "organisms-menu-footer", usesInheritance: true, ngImport: i0 }); }
 };
 MenuFooterOrganismStore = __decorate([
     TokenizedType()
 ], MenuFooterOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuFooterOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuFooterOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-menu-footer' }]
         }] });
@@ -28,12 +28,12 @@ class MenuFooterOrganism extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(MenuFooterOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuFooterOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: MenuFooterOrganism, isStandalone: true, selector: "organisms-menu-footer", usesInheritance: true, hostDirectives: [{ directive: MenuFooterOrganismStore }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuFooterOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MenuFooterOrganism, isStandalone: true, selector: "organisms-menu-footer", usesInheritance: true, hostDirectives: [{ directive: MenuFooterOrganismStore }], ngImport: i0, template: `
     <span>{{ store.version }}</span>
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-lZKR: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-lZKR: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-GI23: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-GI23: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuFooterOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuFooterOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-menu-footer', standalone: true, imports: [CommonModule], template: `
     <span>{{ store.version }}</span>
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         {
                             directive: MenuFooterOrganismStore,
                         },
-                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-lZKR: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-lZKR: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-GI23: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-GI23: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"] }]
         }] });
 /**

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

@@ -17,13 +17,13 @@ let MenuHeaderOrganismStore = class MenuHeaderOrganismStore extends InjectableCo
             title: 'Menu Header',
         });
     }, ['components', 'organisms', 'menu-header']); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuHeaderOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: MenuHeaderOrganismStore, isStandalone: true, selector: "organisms-menu-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuHeaderOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: MenuHeaderOrganismStore, isStandalone: true, selector: "organisms-menu-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 MenuHeaderOrganismStore = MenuHeaderOrganismStore_1 = __decorate([
     TokenizedType()
 ], MenuHeaderOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuHeaderOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuHeaderOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-menu-header' }]
         }] });
@@ -32,8 +32,8 @@ class MenuHeaderOrganism extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(MenuHeaderOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuHeaderOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: MenuHeaderOrganism, isStandalone: true, selector: "organisms-menu-header", usesInheritance: true, hostDirectives: [{ directive: MenuHeaderOrganismStore, inputs: ["title", "title"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuHeaderOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: MenuHeaderOrganism, isStandalone: true, selector: "organisms-menu-header", usesInheritance: true, hostDirectives: [{ directive: MenuHeaderOrganismStore, inputs: ["title", "title"] }], ngImport: i0, template: `
   @if (store.title()) {
     <div class="title">
       <span>{{ store.title() }}</span>
@@ -56,9 +56,9 @@ class MenuHeaderOrganism extends NgAtomicComponent {
       <path d="M769.433 140.975C772.501 140.975 775.367 140.41 778.031 139.279C780.735 138.109 782.955 136.393 784.691 134.133C786.467 131.832 787.476 129.027 787.718 125.717H794.62C794.419 129.874 793.147 133.588 790.806 136.857C788.505 140.087 785.478 142.63 781.724 144.486C778.01 146.303 773.913 147.211 769.433 147.211C764.872 147.211 760.835 146.383 757.324 144.729C753.852 143.074 750.946 140.773 748.605 137.826C746.264 134.839 744.488 131.368 743.277 127.412C742.106 123.416 741.521 119.117 741.521 114.516V111.973C741.521 107.371 742.106 103.092 743.277 99.1367C744.488 95.1406 746.264 91.6693 748.605 88.7227C750.946 85.7357 753.852 83.4147 757.324 81.7598C760.795 80.1048 764.811 79.2773 769.372 79.2773C774.055 79.2773 778.253 80.2259 781.966 82.123C785.72 84.0202 788.707 86.7044 790.927 90.1758C793.188 93.6471 794.419 97.7643 794.62 102.527H787.718C787.516 99.0156 786.588 95.9883 784.933 93.4453C783.278 90.9023 781.098 88.9447 778.394 87.5723C775.69 86.1999 772.682 85.5137 769.372 85.5137C765.659 85.5137 762.49 86.2402 759.867 87.6934C757.243 89.1061 755.104 91.0638 753.449 93.5664C751.834 96.0286 750.643 98.8542 749.876 102.043C749.109 105.191 748.726 108.501 748.726 111.973V114.516C748.726 118.027 749.089 121.378 749.816 124.566C750.583 127.715 751.773 130.52 753.388 132.982C755.043 135.445 757.182 137.402 759.806 138.855C762.47 140.268 765.679 140.975 769.433 140.975Z" fill="#FEFEFE"/>
     </svg>
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-SOtI: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-SOtI: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-SOtI)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-9EEQ: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-9EEQ: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-9EEQ)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:fit-content;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuHeaderOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuHeaderOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-menu-header', standalone: true, imports: [], template: `
   @if (store.title()) {
@@ -88,7 +88,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: MenuHeaderOrganismStore,
                             inputs: ['title'],
                         },
-                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-SOtI: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-SOtI: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-SOtI)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:100%}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-9EEQ: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-9EEQ: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-9EEQ)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:fit-content;height:100%}\n"] }]
         }] });
 /**