npm - @ng-atomic/components - Versions diffs - 18.2.0 → 18.4.0 - Mend

@ng-atomic/components 18.2.0 → 18.4.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 (302) hide show

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

@@ -39,7 +39,7 @@ class ActionInputSectionOrganism extends NgAtomicComponent {
       [hint]="store.hint()"
       (action)="dispatch($event)"
     ></molecules-action-input-field>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-Iegs: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-Iegs);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: ActionInputFieldMolecule, selector: "molecules-action-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-ZmGd: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-ZmGd);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: ActionInputFieldMolecule, selector: "molecules-action-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ActionInputSectionOrganism, decorators: [{
             type: Component,
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: ActionInputSectionOrganismStore,
                             inputs: ['control', 'label', 'placeholder', 'actions', 'hint'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-Iegs: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-Iegs);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-ZmGd: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-ZmGd);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }] });
 /**

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

@@ -29,7 +29,7 @@ class AgreementInputSectionOrganism {
         this.store = inject(AgreementInputSectionOrganismStore);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AgreementInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: AgreementInputSectionOrganism, isStandalone: true, selector: "organisms-agreement-input-section", hostDirectives: [{ directive: AgreementInputSectionOrganismStore, inputs: ["control", "control", "label", "label", "labelTemp", "labelTemp"] }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: AgreementInputSectionOrganism, isStandalone: true, selector: "organisms-agreement-input-section", host: { classAttribute: "organism section" }, hostDirectives: [{ directive: AgreementInputSectionOrganismStore, inputs: ["control", "control", "label", "label", "labelTemp", "labelTemp"] }], ngImport: i0, template: `
   <mat-checkbox [formControl]="store.control()">
     @if (store.labelTemp()) {
       <ng-container *ngTemplateOutlet="store.labelTemp()" />
@@ -62,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: AgreementInputSectionOrganismStore,
                             inputs: ['control', 'label', 'labelTemp'],
                         },
-                    ], styles: [":host{display:block}:host{display:flex;width:100%;padding:0 8px;box-sizing:border-box;justify-content:flex-start}\n"] }]
+                    ], host: { class: 'organism section' }, styles: [":host{display:block}:host{display:flex;width:100%;padding:0 8px;box-sizing:border-box;justify-content:flex-start}\n"] }]
         }] });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-agreement-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/agreement-input-section/agreement-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/agreement-input-section/ng-atomic-components-organisms-agreement-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, effect, inject, input, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { InjectableComponent } from '@ng-atomic/core';\n\n@Directive({ standalone: true, selector: 'organisms-agreement-input-section-store' })\nexport class AgreementInputSectionOrganismStore extends InjectableComponent {\n readonly control = input(new FormControl<boolean>(true));\n readonly label = input('label');\n readonly labelTemp = input<TemplateRef<any>>(null);\n\n constructor() {\n super();\n effect(() => {\n console.debug('labelTemp:', this.labelTemp());\n });\n }\n}\n\n@Component({\n selector: 'organisms-agreement-input-section',\n standalone: true,\n imports: [\n NgTemplateOutlet,\n MatCheckboxModule,\n ReactiveFormsModule,\n ],\n template: `\n <mat-checkbox [formControl]=\"store.control()\">\n @if (store.labelTemp()) {\n <ng-container ngTemplateOutlet=\"store.labelTemp()\" />\n } @else if (store.label()) {\n <span>{{ store.label() }}</span>\n } @else {\n <ng-content />\n }\n </mat-checkbox>\n `,\n styleUrls: ['./agreement-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: AgreementInputSectionOrganismStore,\n inputs: ['control', 'label', 'labelTemp'],\n },\n ],\n})\nexport class AgreementInputSectionOrganism {\n protected readonly store = inject(AgreementInputSectionOrganismStore);\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;AAOM,MAAO,kCAAmC,SAAQ,mBAAmB,CAAA;AAKzE,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;QALD,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC,IAAI,WAAW,CAAU,IAAI,CAAC,CAAC,CAAC;AAChD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;AACvB,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAmB,IAAI,CAAC,CAAC;QAIjD,MAAM,CAAC,MAAK;YACV,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;AAChD,SAAC,CAAC,CAAC;KACJ;8GAVU,kCAAkC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlC,kCAAkC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAlC,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAD9C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,yCAAyC,EAAE,CAAA;;~~MA0CvE~~,6BAA6B,CAAA;~~AA5B1C~~,IAAA,WAAA,GAAA;~~AA6BqB~~,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,kCAAkC,CAAC,CAAC;AACvE,KAAA;8GAFY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,~~EAzC7B~~,kCAAkC,EAqBnC,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAdC,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;~~2FAsBV~~,6BAA6B,EAAA,UAAA,EAAA,CAAA;~~kBA5BzC~~,SAAS;+BACE,mCAAmC,EAAA,UAAA,EACjC,IAAI,EACP,OAAA,EAAA;wBACP,gBAAgB;wBAChB,iBAAiB;wBACjB,mBAAmB;qBACpB,EACS,QAAA,EAAA,CAAA;;;;;;;;;;GAUT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,kCAAkC;AAC7C,4BAAA,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,CAAC;AAC1C,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,qHAAA,CAAA,EAAA,CAAA;;;~~AC9CH~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-agreement-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/agreement-input-section/agreement-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/agreement-input-section/ng-atomic-components-organisms-agreement-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, effect, inject, input, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { InjectableComponent } from '@ng-atomic/core';\n\n@Directive({ standalone: true, selector: 'organisms-agreement-input-section-store' })\nexport class AgreementInputSectionOrganismStore extends InjectableComponent {\n readonly control = input(new FormControl<boolean>(true));\n readonly label = input('label');\n readonly labelTemp = input<TemplateRef<any>>(null);\n\n constructor() {\n super();\n effect(() => {\n console.debug('labelTemp:', this.labelTemp());\n });\n }\n}\n\n@Component({\n selector: 'organisms-agreement-input-section',\n standalone: true,\n imports: [\n NgTemplateOutlet,\n MatCheckboxModule,\n ReactiveFormsModule,\n ],\n template: `\n <mat-checkbox [formControl]=\"store.control()\">\n @if (store.labelTemp()) {\n <ng-container ngTemplateOutlet=\"store.labelTemp()\" />\n } @else if (store.label()) {\n <span>{{ store.label() }}</span>\n } @else {\n <ng-content />\n }\n </mat-checkbox>\n `,\n styleUrls: ['./agreement-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: AgreementInputSectionOrganismStore,\n inputs: ['control', 'label', 'labelTemp'],\n },\n ],\n host: { class: 'organism section' },\n})\nexport class AgreementInputSectionOrganism {\n protected readonly store = inject(AgreementInputSectionOrganismStore);\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

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

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

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

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

@@ -32,7 +32,7 @@ class DateInputSectionOrganism extends NgAtomicComponent {
         this.store = inject(DateInputSectionOrganismStore);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: DateInputSectionOrganism, isStandalone: true, selector: "organisms-date-input-section", host: { classAttribute: "organism section" }, usesInheritance: true, hostDirectives: [{ directive: DateInputSectionOrganismStore, inputs: ["control", "control", "label", "label", "placeholder", "placeholder", "hint", "hint", "actions", "actions"] }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: DateInputSectionOrganism, isStandalone: true, selector: "organisms-date-input-section", host: { classAttribute: "organism input section" }, usesInheritance: true, hostDirectives: [{ directive: DateInputSectionOrganismStore, inputs: ["control", "control", "label", "label", "placeholder", "placeholder", "hint", "hint", "actions", "actions"] }], ngImport: i0, template: `
   <molecules-date-input-field
     [control]="store.control()"
     [label]="store.label()"
@@ -45,7 +45,7 @@ class DateInputSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-G3NL: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-G3NL) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-G3NL)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: DateInputFieldMolecule, selector: "molecules-date-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-AwtL: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-AwtL) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-AwtL)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: DateInputFieldMolecule, selector: "molecules-date-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateInputSectionOrganism, decorators: [{
             type: Component,
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: DateInputSectionOrganismStore,
                             inputs: ['control', 'label', 'placeholder', 'hint', 'actions'],
                         }
-                    ], host: { class: 'organism section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-G3NL: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-G3NL) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-G3NL)}: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 input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-AwtL: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-AwtL) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-AwtL)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-date-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/date-input-section/date-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/date-input-section/ng-atomic-components-organisms-date-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, Input, input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { DateInputFieldMolecule } from '@ng-atomic/components/molecules/date-input-field';\nimport { Action, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport dayjs from 'dayjs';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-date-input-section' })\nexport class DateInputSectionOrganismStore extends InjectableComponent {\n readonly control = input(new FormControl<dayjs.Dayjs>(dayjs()));\n readonly label = input('');\n readonly placeholder = input('');\n readonly hint = input(null);\n readonly actions = input<Action[]>([]);\n}\n\n\n@Component({\n selector: 'organisms-date-input-section',\n standalone: true,\n imports: [\n DateInputFieldMolecule,\n SmartMenuButtonAtom,\n ],\n template: `\n <molecules-date-input-field\n [control]=\"store.control()\"\n [label]=\"store.label()\"\n [placeholder]=\"store.placeholder()\"\n [hint]=\"store.hint()\"\n />\n @if (store.actions()?.length) {\n <atoms-smart-menu-button injectable\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n }\n `,\n styleUrls: ['./date-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: DateInputSectionOrganismStore,\n inputs: ['control', 'label', 'placeholder', 'hint', 'actions'],\n }\n ],\n host: {class: 'organism section'},\n})\nexport class DateInputSectionOrganism extends NgAtomicComponent {\n protected store = inject(DateInputSectionOrganismStore);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;AASO,IAAM,6BAA6B,GAAnC,MAAM,6BAA8B,SAAQ,mBAAmB,CAAA;AAA/D,IAAA,WAAA,GAAA;;QACI,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC,IAAI,WAAW,CAAc,KAAK,EAAE,CAAC,CAAC,CAAC;AACvD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AAClB,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AACxB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACnB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAW,EAAE,CAAC,CAAC;AACxC,KAAA;8GANY,6BAA6B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;AAA7B,6BAA6B,GAAA,UAAA,CAAA;AAFzC,IAAA,aAAa,EAAE;AAEH,CAAA,EAAA,6BAA6B,CAMzC,CAAA;2FANY,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBADzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,8BAA8B,EAAE,CAAA;;AAyCnE,MAAO,wBAAyB,SAAQ,iBAAiB,CAAA;AA/B/D,IAAA,WAAA,GAAA;;AAgCY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,6BAA6B,CAAC,CAAC;AACzD,KAAA;8GAFY,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,~~kBAAA~~,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAxCxB,6BAA6B,EAgB9B,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,aAAA,EAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;GAaT,EAhBC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6fAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,sBAAsB,uEACtB,mBAAmB,EAAA,QAAA,EAAA,~~yBAAA~~,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FA0BV,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBA/BpC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EACP,OAAA,EAAA;wBACP,sBAAsB;wBACtB,mBAAmB;qBACpB,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;GAaT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,6BAA6B;4BACxC,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC;AAC/D,yBAAA;AACF,qBAAA,EAAA,IAAA,EACK,~~EAAC~~,KAAK,EAAE,~~kBAAkB~~,~~EAAC~~,EAAA,MAAA,EAAA,CAAA,6fAAA,CAAA,EAAA,CAAA;;;AC/~~CnC~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-date-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/date-input-section/date-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/date-input-section/ng-atomic-components-organisms-date-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, Input, input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { DateInputFieldMolecule } from '@ng-atomic/components/molecules/date-input-field';\nimport { Action, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport dayjs from 'dayjs';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-date-input-section' })\nexport class DateInputSectionOrganismStore extends InjectableComponent {\n readonly control = input(new FormControl<dayjs.Dayjs>(dayjs()));\n readonly label = input('');\n readonly placeholder = input('');\n readonly hint = input(null);\n readonly actions = input<Action[]>([]);\n}\n\n\n@Component({\n selector: 'organisms-date-input-section',\n standalone: true,\n imports: [\n DateInputFieldMolecule,\n SmartMenuButtonAtom,\n ],\n template: `\n <molecules-date-input-field\n [control]=\"store.control()\"\n [label]=\"store.label()\"\n [placeholder]=\"store.placeholder()\"\n [hint]=\"store.hint()\"\n />\n @if (store.actions()?.length) {\n <atoms-smart-menu-button injectable\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n }\n `,\n styleUrls: ['./date-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: DateInputSectionOrganismStore,\n inputs: ['control', 'label', 'placeholder', 'hint', 'actions'],\n }\n ],\n host: { class: 'organism input section' },\n})\nexport class DateInputSectionOrganism extends NgAtomicComponent {\n protected store = inject(DateInputSectionOrganismStore);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;AASO,IAAM,6BAA6B,GAAnC,MAAM,6BAA8B,SAAQ,mBAAmB,CAAA;AAA/D,IAAA,WAAA,GAAA;;QACI,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC,IAAI,WAAW,CAAc,KAAK,EAAE,CAAC,CAAC,CAAC;AACvD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AAClB,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AACxB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACnB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAW,EAAE,CAAC,CAAC;AACxC,KAAA;8GANY,6BAA6B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;AAA7B,6BAA6B,GAAA,UAAA,CAAA;AAFzC,IAAA,aAAa,EAAE;AAEH,CAAA,EAAA,6BAA6B,CAMzC,CAAA;2FANY,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBADzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,8BAA8B,EAAE,CAAA;;AAyCnE,MAAO,wBAAyB,SAAQ,iBAAiB,CAAA;AA/B/D,IAAA,WAAA,GAAA;;AAgCY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,6BAA6B,CAAC,CAAC;AACzD,KAAA;8GAFY,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,wBAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAxCxB,6BAA6B,EAgB9B,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,aAAA,EAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;GAaT,EAhBC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6fAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,sBAAsB,uEACtB,mBAAmB,EAAA,QAAA,EAAA,4CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FA0BV,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBA/BpC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EACP,OAAA,EAAA;wBACP,sBAAsB;wBACtB,mBAAmB;qBACpB,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;GAaT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,6BAA6B;4BACxC,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC;AAC/D,yBAAA;AACF,qBAAA,EAAA,IAAA,EACK,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAA,MAAA,EAAA,CAAA,6fAAA,CAAA,EAAA,CAAA;;;AC/C3C;;AAEG;;;;"}

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

@@ -33,7 +33,7 @@ class DateRangeInputSectionOrganism extends NgAtomicComponent {
         this.store = inject(DateRangeInputSectionOrganismStore);
     }
     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: `
+    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 input 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,7 +44,7 @@ class DateRangeInputSectionOrganism extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-3bUJ: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-3bUJ) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-3bUJ)}: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-OxoO: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-OxoO) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-OxoO)}: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, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateRangeInputSectionOrganism, decorators: [{
             type: Component,
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.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-3bUJ: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-3bUJ) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-3bUJ)}: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 input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-OxoO: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-OxoO) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-OxoO)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-date-range-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/date-range-input-section/date-range-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/date-range-input-section/ng-atomic-components-organisms-date-range-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { DateRangeInputFieldMolecule } from '@ng-atomic/components/molecules/date-range-input-field';\nimport { FormBuilder } from '@angular/forms';\nimport dayjs from 'dayjs';\nimport { Action, NgAtomicComponent } from '@ng-atomic/core';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\n\n@Directive({\n standalone: true,\n selector: 'organisms-date-range-input-section',\n})\nexport class DateRangeInputSectionOrganismStore {\n readonly fb = inject(FormBuilder);\n readonly label = input('日付範囲');\n readonly control = input(this.fb.group({\n start: [dayjs()],\n end: [dayjs().add(1, 'day')],\n }));\n readonly hint = input('hint');\n readonly actions = input<Action[]>([]);\n}\n\n@Component({\n selector: 'organisms-date-range-input-section',\n standalone: true,\n imports: [\n DateRangeInputFieldMolecule,\n SmartMenuButtonAtom,\n ],\n template: `\n <molecules-date-range-input-field\n [label]=\"store.label()\"\n [control]=\"store.control()\"\n />\n @if (store.actions()?.length) {\n <atoms-smart-menu-button injectable\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n }\n `,\n styleUrls: ['./date-range-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: DateRangeInputSectionOrganismStore,\n inputs: ['label', 'hint', 'control', 'actions']\n }\n ],\n host: {class: 'organism section'},\n})\nexport class DateRangeInputSectionOrganism extends NgAtomicComponent {\n protected store = inject(DateRangeInputSectionOrganismStore);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;MAWa,kCAAkC,CAAA;AAJ/C,IAAA,WAAA,GAAA;AAKW,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AACzB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QACtB,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;AACrC,YAAA,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC;YAChB,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7B,SAAA,CAAC,CAAC,CAAC;AACK,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AACrB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAW,EAAE,CAAC,CAAC;AACxC,KAAA;8GATY,kCAAkC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlC,kCAAkC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oCAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAlC,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAJ9C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,oCAAoC;AAC/C,iBAAA,CAAA;;AAyCK,MAAO,6BAA8B,SAAQ,iBAAiB,CAAA;AA7BpE,IAAA,WAAA,GAAA;;AA8BY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,kCAAkC,CAAC,CAAC;AAC9D,KAAA;8GAFY,6BAA6B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oCAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,~~kBAAA~~,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAxC7B,kCAAkC,EAkBnC,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;GAWT,EAdC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+gBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,2BAA2B,6EAC3B,mBAAmB,EAAA,QAAA,EAAA,~~yBAAA~~,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAwBV,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBA7BzC,SAAS;+BACE,oCAAoC,EAAA,UAAA,EAClC,IAAI,EACP,OAAA,EAAA;wBACP,2BAA2B;wBAC3B,mBAAmB;qBACpB,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;GAWT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,kCAAkC;4BAC7C,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC;AAChD,yBAAA;AACF,qBAAA,EAAA,IAAA,EACK,~~EAAC~~,KAAK,EAAE,~~kBAAkB~~,~~EAAC~~,EAAA,MAAA,EAAA,CAAA,+gBAAA,CAAA,EAAA,CAAA;;;~~ACjDnC~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-date-range-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/date-range-input-section/date-range-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/date-range-input-section/ng-atomic-components-organisms-date-range-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { DateRangeInputFieldMolecule } from '@ng-atomic/components/molecules/date-range-input-field';\nimport { FormBuilder } from '@angular/forms';\nimport dayjs from 'dayjs';\nimport { Action, NgAtomicComponent } from '@ng-atomic/core';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\n\n@Directive({\n standalone: true,\n selector: 'organisms-date-range-input-section',\n})\nexport class DateRangeInputSectionOrganismStore {\n readonly fb = inject(FormBuilder);\n readonly label = input('日付範囲');\n readonly control = input(this.fb.group({\n start: [dayjs()],\n end: [dayjs().add(1, 'day')],\n }));\n readonly hint = input('hint');\n readonly actions = input<Action[]>([]);\n}\n\n@Component({\n selector: 'organisms-date-range-input-section',\n standalone: true,\n imports: [\n DateRangeInputFieldMolecule,\n SmartMenuButtonAtom,\n ],\n template: `\n <molecules-date-range-input-field\n [label]=\"store.label()\"\n [control]=\"store.control()\"\n />\n @if (store.actions()?.length) {\n <atoms-smart-menu-button injectable\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n }\n `,\n styleUrls: ['./date-range-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: DateRangeInputSectionOrganismStore,\n inputs: ['label', 'hint', 'control', 'actions']\n }\n ],\n host: { class: 'organism input section' },\n})\nexport class DateRangeInputSectionOrganism extends NgAtomicComponent {\n protected store = inject(DateRangeInputSectionOrganismStore);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -31,7 +31,7 @@ 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-FXFk: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-FXFk: 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-FXFk);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-FXFk);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-FXFk);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-Z9HY: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-Z9HY: 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-Z9HY);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-Z9HY);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-Z9HY);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: "18.1.2", ngImport: i0, type: DefinitionListOrganism, decorators: [{
             type: Component,
@@ -53,7 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: DefinitionListOrganismStore,
                             inputs: ['label'],
                         },
-                    ], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-FXFk: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-FXFk: 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-FXFk);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-FXFk);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-FXFk);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-Z9HY: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-Z9HY: 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-Z9HY);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-Z9HY);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-Z9HY);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

@@ -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-BE3w: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-BE3w);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-jfpa: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-jfpa);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),
@@ -87,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: FileInputSectionOrganismStore,
                             inputs: ['control', 'label', 'placeholder', 'hint', 'progress'],
                         }
-                    ], styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-BE3w: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-BE3w);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-jfpa: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-jfpa);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

@@ -46,12 +46,12 @@ class FiltersSectionOrganism extends NgAtomicComponent {
     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
+      [type]="'vertical'"
       style="width: fit-content;"
     >
       <frames-auto-layout
         *ngFor="let filter of form.controls; index as i"
-        horizontal
+        [type]="'horizontal'"
         style="width: fit-content;"
       >
         <button mat-icon-button (click)="removeFilter(i)" [disabled]="!modifiable">
@@ -90,12 +90,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         SelectInputFieldMolecule,
                     ], template: `
     <frames-auto-layout
-      vertical
+      [type]="'vertical'"
       style="width: fit-content;"
     >
       <frames-auto-layout
         *ngFor="let filter of form.controls; index as i"
-        horizontal
+        [type]="'horizontal'"
         style="width: fit-content;"
       >
         <button mat-icon-button (click)="removeFilter(i)" [disabled]="!modifiable">

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-filters-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/filters-section/filters-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/filters-section/ng-atomic-components-organisms-filters-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\nimport { SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';\nimport { FormArray, FormControl, FormGroup } from '@angular/forms';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\n@Component({\n selector: 'organisms-filters-section',\n standalone: true,\n imports: [\n CommonModule,\n MatIconModule,\n MatButtonModule,\n AutoLayoutFrame,\n TextInputFieldMolecule,\n SelectInputFieldMolecule,\n ],\n template: `\n <frames-auto-layout\n vertical\n style=\"width: fit-content;\"\n >\n <frames-auto-layout\n ngFor=\"let filter of form.controls; index as i\"\n horizontal\n style=\"width: fit-content;\"\n >\n <button mat-icon-button (click)=\"removeFilter(i)\" [disabled]=\"!modifiable\">\n <mat-icon> close </mat-icon>\n </button>\n <molecules-select-input-field\n [appearance]=\"'fill'\"\n [label]=\"'Column'\"\n [options]=\"columnOptions\"\n [control]=\"filter.get('column')\"\n ></molecules-select-input-field>\n <molecules-select-input-field\n [appearance]=\"'fill'\"\n [label]=\"'Operator'\"\n [options]=\"[{name: 'equals', value: 'equals'}, {name: 'not in', value: 'not in'}]\"\n [control]=\"filter.get('operator')\"\n ></molecules-select-input-field>\n <molecules-text-input-field\n [appearance]=\"'fill'\"\n [label]=\"'Value'\"\n [control]=\"filter.get('value')\"\n ></molecules-text-input-field>\n </frames-auto-layout>\n <button (click)=\"addFilter()\" [disabled]=\"!modifiable\" mat-button>Add Filter</button>\n </frames-auto-layout>\n `,\n styleUrls: ['./filters-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FiltersSectionOrganism extends NgAtomicComponent {\n @Input()\n modifiable = true;\n\n @Input()\n form = new FormArray([\n new FormGroup({\n column: new FormControl(''),\n operator: new FormControl(''),\n value: new FormControl(''),\n }),\n new FormGroup({\n column: new FormControl(''),\n operator: new FormControl(''),\n value: new FormControl(''),\n }),\n ]);\n\n @Input()\n columns: string[] = [];\n\n get columnOptions() {\n return this.columns.map(column => ({name: column, value: column}));\n }\n\n protected addFilter() {\n this.form.push(new FormGroup({\n column: new FormControl(''),\n operator: new FormControl(''),\n value: new FormControl(''),\n }));\n }\n\n protected removeFilter(i: number) {\n this.form.removeAt(i);\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-filters-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/filters-section/filters-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/filters-section/ng-atomic-components-organisms-filters-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\nimport { SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';\nimport { FormArray, FormControl, FormGroup } from '@angular/forms';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\n@Component({\n selector: 'organisms-filters-section',\n standalone: true,\n imports: [\n CommonModule,\n MatIconModule,\n MatButtonModule,\n AutoLayoutFrame,\n TextInputFieldMolecule,\n SelectInputFieldMolecule,\n ],\n template: `\n <frames-auto-layout\n [type]=\"'vertical'\"\n style=\"width: fit-content;\"\n >\n <frames-auto-layout\n ngFor=\"let filter of form.controls; index as i\"\n [type]=\"'horizontal'\"\n style=\"width: fit-content;\"\n >\n <button mat-icon-button (click)=\"removeFilter(i)\" [disabled]=\"!modifiable\">\n <mat-icon> close </mat-icon>\n </button>\n <molecules-select-input-field\n [appearance]=\"'fill'\"\n [label]=\"'Column'\"\n [options]=\"columnOptions\"\n [control]=\"filter.get('column')\"\n ></molecules-select-input-field>\n <molecules-select-input-field\n [appearance]=\"'fill'\"\n [label]=\"'Operator'\"\n [options]=\"[{name: 'equals', value: 'equals'}, {name: 'not in', value: 'not in'}]\"\n [control]=\"filter.get('operator')\"\n ></molecules-select-input-field>\n <molecules-text-input-field\n [appearance]=\"'fill'\"\n [label]=\"'Value'\"\n [control]=\"filter.get('value')\"\n ></molecules-text-input-field>\n </frames-auto-layout>\n <button (click)=\"addFilter()\" [disabled]=\"!modifiable\" mat-button>Add Filter</button>\n </frames-auto-layout>\n `,\n styleUrls: ['./filters-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FiltersSectionOrganism extends NgAtomicComponent {\n @Input()\n modifiable = true;\n\n @Input()\n form = new FormArray([\n new FormGroup({\n column: new FormControl(''),\n operator: new FormControl(''),\n value: new FormControl(''),\n }),\n new FormGroup({\n column: new FormControl(''),\n operator: new FormControl(''),\n value: new FormControl(''),\n }),\n ]);\n\n @Input()\n columns: string[] = [];\n\n get columnOptions() {\n return this.columns.map(column => ({name: column, value: column}));\n }\n\n protected addFilter() {\n this.form.push(new FormGroup({\n column: new FormControl(''),\n operator: new FormControl(''),\n value: new FormControl(''),\n }));\n }\n\n protected removeFilter(i: number) {\n this.form.removeAt(i);\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -64,7 +64,7 @@ class GraphqlEditorOrganism extends NgAtomicComponent {
         });
     }
     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 }); }
+    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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: GraphqlEditorOrganism, decorators: [{
             type: Component,

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, 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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~~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

@@ -26,7 +26,7 @@ class GridCardsSectionOrganism extends NgAtomicComponent {
   @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-xJXA: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-xJXA: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-xJXA: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-xJXA: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-xJXA),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-xJXA)}\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-Z8Ha: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-Z8Ha: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-Z8Ha: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-Z8Ha: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-Z8Ha),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-Z8Ha)}\n"], dependencies: [{ kind: "component", type: GridItemMolecule, selector: "molecules-grid-item", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: GridCardsSectionOrganism, decorators: [{
             type: Component,
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.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-xJXA: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-xJXA: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-xJXA: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-xJXA: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-xJXA),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-xJXA)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-Z8Ha: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-Z8Ha: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-Z8Ha: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-Z8Ha: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-Z8Ha),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-Z8Ha)}\n"] }]
         }] });
 /**

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

@@ -30,7 +30,7 @@ class HeadingOrganism {
       <h6><ng-container *ngTemplateOutlet="temp;"></ng-container></h6>
     }
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-WXE9: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-WXE9)}\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-K0if: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-K0if)}\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: "18.1.2", ngImport: i0, type: HeadingOrganism, decorators: [{
             type: Component,
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
       <h6><ng-container *ngTemplateOutlet="temp;"></ng-container></h6>
     }
   }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-WXE9: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-WXE9)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-K0if: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-K0if)}\n"] }]
         }], propDecorators: { level: [{
                 type: Input
             }] } });