@ng-atomic/components 2.0.1 → 3.0.0

package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs

@@ -0,0 +1,81 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { FormControl } from '@ngneat/reactive-forms';
+import { filter } from 'rxjs/operators';
+import * as i1 from '@angular/material/form-field';
+import * as i2 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i3 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i4 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { MatDayjsDateModule } from '@ng-atomic/common/utils';
+
+class DateInputFieldMolecule {
+    constructor() {
+        this.control = new FormControl();
+        this._control = new FormControl();
+        this.label = '';
+        this.placeholder = '';
+    }
+    ngOnInit() {
+        this.control.valueChanges.pipe(filter(value => this._control.value !== value)).subscribe(value => this._control.setValue(value));
+        this._control.valueChanges.subscribe(value => this.control.setValue(value));
+        this.control.setValue(this._control.value);
+    }
+}
+DateInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DateInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: { _control: ["control", "_control"], label: "label", placeholder: "placeholder", hint: "hint" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-OQNF: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.MatSuffix, selector: "[matSuffix]" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-date-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-OQNF: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { _control: [{
+                type: Input,
+                args: ['control']
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }] } });
+
+class DateInputFieldModule {
+}
+DateInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DateInputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldModule, declarations: [DateInputFieldMolecule], imports: [CommonModule,
+        ReactiveFormsModule,
+        MatInputModule,
+        MatDatepickerModule,
+        MatDayjsDateModule], exports: [DateInputFieldMolecule] });
+DateInputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            MatInputModule,
+            MatDatepickerModule,
+            MatDayjsDateModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DateInputFieldMolecule],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatInputModule,
+                        MatDatepickerModule,
+                        MatDayjsDateModule,
+                    ],
+                    exports: [DateInputFieldMolecule],
+                    // providers: [...MAT_DAYJS_JP_PROVIDERS],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DateInputFieldModule, DateInputFieldMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-date-input-field.mjs.map

package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-date-input-field.mjs","sources":["../../../../libs/components/molecules/date-input-field/date-input-field.molecule.ts","../../../../libs/components/molecules/date-input-field/date-input-field.molecule.html","../../../../libs/components/molecules/date-input-field/date-input-field.module.ts","../../../../libs/components/molecules/date-input-field/ng-atomic-components-molecules-date-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { Dayjs } from 'dayjs';\nimport { filter } from 'rxjs/operators';\n\n@Component({\n  selector: 'molecules-date-input-field',\n  templateUrl: './date-input-field.molecule.html',\n  styleUrls: ['./date-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class DateInputFieldMolecule {\n  control = new FormControl<Dayjs>();\n\n  @Input('control')\n  private _control = new FormControl<Dayjs>();\n\n  @Input()\n  label = '';\n\n  @Input()\n  placeholder = '';\n\n  @Input()\n  hint?: string;\n\n  ngOnInit(): void {\n    this.control.valueChanges.pipe(\n      filter(value => this._control.value !== value),\n    ).subscribe(value => this._control.setValue(value));\n\n    this._control.valueChanges.subscribe(value => this.control.setValue(value));\n    this.control.setValue(this._control.value);\n  }\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatDayjsDateModule, MAT_DAYJS_JP_PROVIDERS } from '@ng-atomic/common/utils';\nimport { DateInputFieldMolecule } from './date-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [DateInputFieldMolecule],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    MatDatepickerModule,\n    MatDayjsDateModule,\n  ],\n  exports: [DateInputFieldMolecule],\n  // providers: [...MAT_DAYJS_JP_PROVIDERS],\n})\nexport class DateInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs

@@ -0,0 +1,70 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import { FormControl } from '@ngneat/reactive-forms';
+import * as i1 from '@angular/material/form-field';
+import * as i3 from '@angular/material/core';
+
+class SelectInputFieldMolecule {
+    constructor() {
+        this.label = '';
+        this.control = new FormControl();
+        this.options = [];
+        this.value = (item) => item === null || item === void 0 ? void 0 : item.value;
+    }
+}
+SelectInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SelectInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: { label: "label", control: "control", options: "options" }, host: { classAttribute: "molecule input-field field" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-QZ4b: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputFieldMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-select-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-QZ4b: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }] } });
+
+class SelectInputFieldModule {
+}
+SelectInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SelectInputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputFieldModule, declarations: [SelectInputFieldMolecule], imports: [CommonModule,
+        ReactiveFormsModule,
+        // Materials
+        MatSelectModule], exports: [SelectInputFieldMolecule] });
+SelectInputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputFieldModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            // Materials
+            MatSelectModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SelectInputFieldMolecule
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        // Materials
+                        MatSelectModule,
+                    ],
+                    exports: [
+                        SelectInputFieldMolecule
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SelectInputFieldModule, SelectInputFieldMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-select-input-field.mjs.map

package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-select-input-field.mjs","sources":["../../../../libs/components/molecules/select-input-field/select-input-field.molecule.ts","../../../../libs/components/molecules/select-input-field/select-input-field.molecule.html","../../../../libs/components/molecules/select-input-field/select-input-field.module.ts","../../../../libs/components/molecules/select-input-field/ng-atomic-components-molecules-select-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport interface Option<T> {\n  name: string;\n  value: T;\n}\n\n@Component({\n  selector: 'molecules-select-input-field',\n  templateUrl: './select-input-field.molecule.html',\n  styleUrls: ['./select-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule input-field field'},\n})\nexport class SelectInputFieldMolecule<T> {\n\n  @Input()\n  label: string = '';\n\n  @Input()\n  control = new FormControl<T>();\n\n  @Input()\n  options: Option<T>[] = [];\n\n  value = (item: Option<T>) => item?.value; \n\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatSelectModule } from '@angular/material/select';\n\nimport { SelectInputFieldMolecule } from './select-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [\n    SelectInputFieldMolecule\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatSelectModule,\n  ],\n  exports: [\n    SelectInputFieldMolecule\n  ]\n})\nexport class SelectInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;MAea,wBAAwB,CAAA;AAPrC,IAAA,WAAA,GAAA;AAUE,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;AAGnB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAK,CAAC;AAG/B,QAAA,IAAO,CAAA,OAAA,GAAgB,EAAE,CAAC;AAE1B,QAAA,IAAK,CAAA,KAAA,GAAG,CAAC,IAAe,KAAK,IAAI,aAAJ,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJ,IAAI,CAAE,KAAK,CAAC;KAE1C;;sHAbY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,gMCfrC,qSAOiB,EAAA,MAAA,EAAA,CAAA,sLAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,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,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDQJ,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;+BACE,8BAA8B,EAAA,eAAA,EAGvB,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,4BAA4B,EAAC,EAAA,QAAA,EAAA,qSAAA,EAAA,MAAA,EAAA,CAAA,sLAAA,CAAA,EAAA,CAAA;8BAK3C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;;;MEAK,sBAAsB,CAAA;;oHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;qHAAtB,sBAAsB,EAAA,YAAA,EAAA,CAZ/B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;QACZ,mBAAmB;;QAEnB,eAAe,aAGf,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,EAVxB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,mBAAmB;;YAEnB,eAAe;SAChB,CAAA,EAAA,CAAA,CAAA;4FAKU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAdlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;;wBAEnB,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;iBACF,CAAA;;;ACtBD;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-molecules-smart-column.mjs

@@ -0,0 +1,78 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/table';
+import { MatTextColumn, MatTableModule } from '@angular/material/table';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { toObject } from '@ng-atomic/common/utils';
+import { flatten } from 'flat';
+import * as i4 from '@ng-atomic/common/pipes';
+import { SmartExpModule } from '@ng-atomic/common/pipes';
+
+class SmartColumnMolecule extends MatTextColumn {
+    constructor() {
+        super(...arguments);
+        this.dataAccessor = (data, name) => {
+            var _a;
+            return name.includes('.') ? (_a = flatten(toObject(data))) === null || _a === void 0 ? void 0 : _a[name] : data === null || data === void 0 ? void 0 : data[name];
+        };
+        this.sort = 'none';
+        this.headerClick = new EventEmitter();
+    }
+}
+SmartColumnMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartColumnMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component });
+SmartColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: { sort: "sort" }, outputs: { headerClick: "headerClick" }, usesInheritance: true, ngImport: i0, template: "<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\">{{dataAccessor(data, name) | smartExp:name}}</p>\n  </td>\n</ng-container>", styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.MatCellDef, selector: "[matCellDef]" }, { type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }], pipes: { "smartExp": i4.SmartExpPipe }, changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartColumnMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-smart-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\">{{dataAccessor(data, name) | smartExp:name}}</p>\n  </td>\n</ng-container>", styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+        }], propDecorators: { sort: [{
+                type: Input
+            }], headerClick: [{
+                type: Output
+            }] } });
+
+class SmartColumnModule {
+}
+SmartColumnModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartColumnModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SmartColumnModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartColumnModule, declarations: [SmartColumnMolecule], imports: [CommonModule,
+        // Pipes
+        SmartExpModule,
+        // Materials
+        MatIconModule,
+        MatTableModule], exports: [SmartColumnMolecule] });
+SmartColumnModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartColumnModule, imports: [[
+            CommonModule,
+            // Pipes
+            SmartExpModule,
+            // Materials
+            MatIconModule,
+            MatTableModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartColumnModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SmartColumnMolecule,
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Pipes
+                        SmartExpModule,
+                        // Materials
+                        MatIconModule,
+                        MatTableModule,
+                    ],
+                    exports: [
+                        SmartColumnMolecule
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SmartColumnModule, SmartColumnMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-smart-column.mjs.map

package/fesm2015/ng-atomic-components-molecules-smart-column.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-smart-column.mjs","sources":["../../../../libs/components/molecules/smart-column/smart-column.molecule.ts","../../../../libs/components/molecules/smart-column/smart-column.molecule.html","../../../../libs/components/molecules/smart-column/smart-column.module.ts","../../../../libs/components/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation } from '@angular/core';\nimport { MatTextColumn } from '@angular/material/table';\n// TODO(nontangent): 依存を引き剥がす\nimport { toObject } from '@ng-atomic/common/utils';\nimport { flatten } from 'flat';\n\n@Component({\n  selector: 'molecules-smart-column',\n  templateUrl: './smart-column.molecule.html',\n  styleUrls: ['./smart-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartColumnMolecule<T> extends MatTextColumn<T> {\n  dataAccessor = (data: any, name: string): string => {\n    return name.includes('.') ? flatten(toObject(data))?.[name] : data?.[name];\n  }\n  \n  @Input()\n  sort: 'asc' | 'desc' | 'none' = 'none';\n\n  @Output()\n  headerClick = new EventEmitter<void>();\n\n}\n","<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\">{{dataAccessor(data, name) | smartExp:name}}</p>\n  </td>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { SmartColumnMolecule } from './smart-column.molecule';\nimport { SmartExpModule } from '@ng-atomic/common/pipes';\n\n@NgModule({\n  declarations: [\n    SmartColumnMolecule,\n  ],\n  imports: [\n    CommonModule,\n    // Pipes\n    SmartExpModule,\n    // Materials\n    MatIconModule,\n    MatTableModule,\n  ],\n  exports: [\n    SmartColumnMolecule\n  ]\n})\nexport class SmartColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs

@@ -0,0 +1,74 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { FormControl } from '@ngneat/reactive-forms';
+import * as i1 from '@angular/material/form-field';
+import * as i2 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i3 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class TextInputFieldMolecule {
+    constructor() {
+        this.type = 'text';
+        this.label = 'label';
+        this.control = new FormControl();
+        this.placeholder = 'placeholder';
+    }
+}
+TextInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TextInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: { type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextInputFieldMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-text-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }] } });
+
+class TextInputFieldModule {
+}
+TextInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextInputFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TextInputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextInputFieldModule, declarations: [TextInputFieldMolecule], imports: [CommonModule,
+        ReactiveFormsModule,
+        // Materials
+        // MatFormFieldModule,
+        MatInputModule], exports: [TextInputFieldMolecule] });
+TextInputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextInputFieldModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            // Materials
+            // MatFormFieldModule,
+            MatInputModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextInputFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TextInputFieldMolecule],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        // Materials
+                        // MatFormFieldModule,
+                        MatInputModule,
+                    ],
+                    exports: [TextInputFieldMolecule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextInputFieldModule, TextInputFieldMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-text-input-field.mjs.map

package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-text-input-field.mjs","sources":["../../../../libs/components/molecules/text-input-field/text-input-field.molecule.ts","../../../../libs/components/molecules/text-input-field/text-input-field.molecule.html","../../../../libs/components/molecules/text-input-field/text-input-field.module.ts","../../../../libs/components/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'molecules-text-input-field',\n  templateUrl: './text-input-field.molecule.html',\n  styleUrls: ['./text-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class TextInputFieldMolecule {\n\n  @Input()\n  type: 'text' | 'number' | 'password' = 'text';\n\n  @Input()\n  name?: string;\n\n  @Input()\n  label = 'label';\n\n  @Input()\n  control = new FormControl<string | number>();\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  hint?: string;\n\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n// import { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { TextInputFieldMolecule } from './text-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [TextInputFieldMolecule],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    // MatFormFieldModule,\n    MatInputModule,\n  ],\n  exports: [TextInputFieldMolecule]\n})\nexport class TextInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAUa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;AAUE,QAAA,IAAI,CAAA,IAAA,GAAmC,MAAM,CAAC;AAM9C,QAAA,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;AAGhB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAmB,CAAC;AAG7C,QAAA,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;KAK7B;;oHApBY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,oOCVnC,oUAKiB,EAAA,MAAA,EAAA,CAAA,mEAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,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,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDKJ,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;+BACE,4BAA4B,EAAA,eAAA,EAGrB,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,gBAAgB,EAAC,EAAA,QAAA,EAAA,oUAAA,EAAA,MAAA,EAAA,CAAA,mEAAA,CAAA,EAAA,CAAA;8BAK/B,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;;;MEPK,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAApB,oBAAoB,EAAA,YAAA,EAAA,CAVhB,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAEnC,YAAY;QACZ,mBAAmB;;;QAGnB,cAAc,aAEN,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAErB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EATtB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,mBAAmB;;;YAGnB,cAAc;SACf,CAAA,EAAA,CAAA,CAAA;4FAGU,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAXhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;AACtC,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;;;wBAGnB,cAAc;AACf,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC,CAAA;;;ACnBD;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-molecules-textarea-field.mjs

@@ -0,0 +1,57 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/material/form-field';
+import * as i2 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class TextareaFieldMolecule {
+    constructor() {
+        this.label = 'label';
+        this.placeholder = 'placeholder';
+    }
+}
+TextareaFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TextareaFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: { label: "label", hint: "hint", placeholder: "placeholder" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: "<mat-form-field class=\"example-full-width\">\n  <mat-label>{{ label }}</mat-label>\n  <textarea matInput [placeholder]=\"placeholder\" rows=\"10\"></textarea>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-textarea-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field class=\"example-full-width\">\n  <mat-label>{{ label }}</mat-label>\n  <textarea matInput [placeholder]=\"placeholder\" rows=\"10\"></textarea>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }] } });
+
+class TextareaFieldModule {
+}
+TextareaFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TextareaFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldModule, declarations: [TextareaFieldMolecule], imports: [CommonModule,
+        // Material
+        MatInputModule], exports: [TextareaFieldMolecule] });
+TextareaFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldModule, imports: [[
+            CommonModule,
+            // Material
+            MatInputModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TextareaFieldMolecule],
+                    imports: [
+                        CommonModule,
+                        // Material
+                        MatInputModule,
+                    ],
+                    exports: [TextareaFieldMolecule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextareaFieldModule, TextareaFieldMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-textarea-field.mjs.map

package/fesm2015/ng-atomic-components-molecules-textarea-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-textarea-field.mjs","sources":["../../../../libs/components/molecules/textarea-field/textarea-field.molecule.ts","../../../../libs/components/molecules/textarea-field/textarea-field.molecule.html","../../../../libs/components/molecules/textarea-field/textarea-field.module.ts","../../../../libs/components/molecules/textarea-field/ng-atomic-components-molecules-textarea-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'molecules-textarea-field',\n  templateUrl: './textarea-field.molecule.html',\n  styleUrls: ['./textarea-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class TextareaFieldMolecule {\n\n  @Input()\n  label = 'label';\n\n  @Input()\n  hint?: string;\n\n  @Input()\n  placeholder = 'placeholder';\n\n}\n","<mat-form-field class=\"example-full-width\">\n  <mat-label>{{ label }}</mat-label>\n  <textarea matInput [placeholder]=\"placeholder\" rows=\"10\"></textarea>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatInputModule } from '@angular/material/input';\nimport { TextareaFieldMolecule } from './textarea-field.molecule';\n\n\n\n@NgModule({\n  declarations: [TextareaFieldMolecule],\n  imports: [\n    CommonModule,\n    // Material\n    MatInputModule,\n  ],\n  exports: [TextareaFieldMolecule]\n})\nexport class TextareaFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs

@@ -0,0 +1,59 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+
+class ActionButtonsSectionOrganism {
+    constructor() {
+        this.actionItems = [];
+        this.actionItemClick = new EventEmitter();
+        this.trackById = (item) => item.id;
+    }
+}
+ActionButtonsSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionButtonsSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ActionButtonsSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-cQpe: var(--horizontal-padding)}:host{display:flex;flex-direction:row;grid-gap:8px;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-cQpe);box-sizing:border-box}:host button{width:100%;height:48px}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionButtonsSectionOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-action-buttons-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-cQpe: var(--horizontal-padding)}:host{display:flex;flex-direction:row;grid-gap:8px;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-cQpe);box-sizing:border-box}:host button{width:100%;height:48px}\n"] }]
+        }], propDecorators: { actionItems: [{
+                type: Input
+            }], actionItemClick: [{
+                type: Output
+            }] } });
+
+class ActionButtonsSectionModule {
+}
+ActionButtonsSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionButtonsSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ActionButtonsSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionButtonsSectionModule, declarations: [ActionButtonsSectionOrganism], imports: [CommonModule,
+        // Materials
+        MatButtonModule], exports: [ActionButtonsSectionOrganism] });
+ActionButtonsSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionButtonsSectionModule, imports: [[
+            CommonModule,
+            // Materials
+            MatButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionButtonsSectionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ActionButtonsSectionOrganism
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Materials
+                        MatButtonModule,
+                    ],
+                    exports: [
+                        ActionButtonsSectionOrganism
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionButtonsSectionModule, ActionButtonsSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-action-buttons-section.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.mjs","sources":["../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.module.ts","../../../../libs/components/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-action-buttons-section',\n  templateUrl: './action-buttons-section.organism.html',\n  styleUrls: ['./action-buttons-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'},\n})\nexport class ActionButtonsSectionOrganism {\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n\n  trackById = (item: ActionItem) => item.id;\n}\n","<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionOrganism } from './action-buttons-section.organism';\n\nimport { MatButtonModule } from '@angular/material/button';\n\n@NgModule({\n  declarations: [\n    ActionButtonsSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatButtonModule,\n  ],\n  exports: [\n    ActionButtonsSectionOrganism\n  ]\n})\nexport class ActionButtonsSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAUa,4BAA4B,CAAA;AAPzC,IAAA,WAAA,GAAA;AASE,QAAA,IAAW,CAAA,WAAA,GAAiB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAgB,CAAC;QAEnD,IAAS,CAAA,SAAA,GAAG,CAAC,IAAgB,KAAK,IAAI,CAAC,EAAE,CAAC;KAC3C;;0HARY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,4BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,+MCVzC,0MAEe,EAAA,MAAA,EAAA,CAAA,qUAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,4LAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDQF,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;+BACE,kCAAkC,EAAA,eAAA,EAG3B,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAA,QAAA,EAAA,0MAAA,EAAA,MAAA,EAAA,CAAA,qUAAA,CAAA,EAAA,CAAA;8BAIjC,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,MAAM;;;MEKI,0BAA0B,CAAA;;wHAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yHAA1B,0BAA0B,EAAA,YAAA,EAAA,CAXnC,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAG5B,YAAY;;QAEZ,eAAe,aAGf,4BAA4B,CAAA,EAAA,CAAA,CAAA;AAGnB,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,EAT5B,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,eAAe;SAChB,CAAA,EAAA,CAAA,CAAA;4FAKU,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAbtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,4BAA4B;AAC7B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,4BAA4B;AAC7B,qBAAA;iBACF,CAAA;;;AClBD;;AAEG;;;;"}