@ng-atomic/components 5.14.0 → 6.0.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-text-input-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/text-input-field/text-input-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, Input, inject, signal } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { ErrorPipe } from '@ng-atomic/common/pipes/error';\nimport { signalize } from '@ng-atomic/common/pipes/signal';\n\n@Directive({standalone: true, selector: 'molecules-text-input-field'})\nexport class TextInputFieldMoleculeStore {\n  @Input() readonly appearance: 'outline' | 'fill' = 'outline';\n  @Input() readonly type: 'text' | 'number' | 'password' = 'text';\n  @Input() readonly name?: string;\n  @Input() readonly label: string = 'label';\n  @Input() readonly control = new FormControl<string | number>('');\n  @Input() readonly placeholder = 'placeholder';\n  @Input() readonly hint?: string;\n  @Input({transform: (v: any) => signalize(v)}) readonly autoComplete = signal<number | string[]>([]);\n}\n\n@Component({\n  selector: 'molecules-text-input-field',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    MatAutocompleteModule,\n    ErrorPipe,\n  ],\n  template: `\n  <mat-form-field [appearance]=\"store.appearance\">\n    <mat-label>{{ store.label }}</mat-label>\n      <input\n        matInput\n        [name]=\"store.name\"\n        [type]=\"store.type\"\n        [formControl]=\"store.control\"\n        [placeholder]=\"store.placeholder\"\n        [matAutocomplete]=\"auto\"\n      >\n      <mat-error *ngIf=\"store.control?.errors\">{{ store.control?.errors | error }}</mat-error>\n      <mat-hint *ngIf=\"store.hint\">{{ store.hint }}</mat-hint>\n      <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option *ngFor=\"let option of store.autoComplete()\" [value]=\"option\">{{option}}</mat-option>\n      </mat-autocomplete>\n  </mat-form-field>\n  `,\n  styleUrls: ['./text-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n  hostDirectives: [\n    {\n      directive: TextInputFieldMoleculeStore,\n      inputs: ['appearance', 'type', 'name', 'label', 'control', 'placeholder', 'hint', 'autoComplete'],\n    }\n  ]\n})\nexport class TextInputFieldMolecule {\n  protected store = inject(TextInputFieldMoleculeStore)\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MASa,2BAA2B,CAAA;AADxC,IAAA,WAAA,GAAA;QAEoB,IAAU,CAAA,UAAA,GAAuB,SAAS,CAAC;QAC3C,IAAI,CAAA,IAAA,GAAmC,MAAM,CAAC;QAE9C,IAAK,CAAA,KAAA,GAAW,OAAO,CAAC;AACxB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAkB,EAAE,CAAC,CAAC;QAC/C,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;AAES,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAoB,EAAE,CAAC,CAAC;AACrG,KAAA;+GATY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,YAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAQnB,CAAC,CAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FARhC,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBADvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,4BAA4B,EAAC,CAAA;8BAEjD,UAAU,EAAA,CAAA;sBAA3B,KAAK;gBACY,IAAI,EAAA,CAAA;sBAArB,KAAK;gBACY,IAAI,EAAA,CAAA;sBAArB,KAAK;gBACY,KAAK,EAAA,CAAA;sBAAtB,KAAK;gBACY,OAAO,EAAA,CAAA;sBAAxB,KAAK;gBACY,WAAW,EAAA,CAAA;sBAA5B,KAAK;gBACY,IAAI,EAAA,CAAA;sBAArB,KAAK;gBACiD,YAAY,EAAA,CAAA;sBAAlE,KAAK;uBAAC,EAAC,SAAS,EAAE,CAAC,CAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAC,CAAA;;MAyCjC,sBAAsB,CAAA;AAtCnC,IAAA,WAAA,GAAA;AAuCY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAA;AACtD,KAAA;+GAFY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAjDtB,2BAA2B,EAqB5B,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,aAAA,EAAA,aAAA,EAAA,MAAA,EAAA,MAAA,EAAA,cAAA,EAAA,cAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;GAiBT,EAvBC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+PACZ,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,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,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,cAAc,EACd,EAAA,EAAA,IAAA,EAAA,WAAA,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,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,qBAAqB,4bACrB,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FA8BA,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAtClC,SAAS;+BACE,4BAA4B,EAAA,UAAA,EAC1B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,qBAAqB;wBACrB,SAAS;qBACV,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;GAiBT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC,EAAC,KAAK,EAAE,gBAAgB,EAAC,EACf,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,2BAA2B;AACtC,4BAAA,MAAM,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,CAAC;AAClG,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,mEAAA,CAAA,EAAA,CAAA;;;ACxDH;;AAEG;;;;"}

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

@@ -0,0 +1,84 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import * as i3 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import { ErrorPipe } from '@ng-atomic/common/pipes/error';
+import * as i4 from '@angular/material/form-field';
+
+var ActionId;
+(function (ActionId) {
+    ActionId["CTRL_ENTER_KEY_UP"] = "Ctrl Enter Key Up";
+})(ActionId || (ActionId = {}));
+class TextareaFieldMolecule {
+    constructor() {
+        this.label = 'label';
+        this.placeholder = 'placeholder';
+        this.control = new FormControl('');
+        this.rows = 10;
+        this.action = new EventEmitter();
+    }
+    onKeyup($event) {
+        if ($event.ctrlKey && $event.key === 'Enter') {
+            this.action.emit({ id: ActionId.CTRL_ENTER_KEY_UP });
+            $event.preventDefault();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaFieldMolecule, isStandalone: true, selector: "molecules-textarea-field", inputs: { label: "label", hint: "hint", placeholder: "placeholder", control: "control", rows: "rows" }, outputs: { action: "action" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: `
+  <mat-form-field appearance="outline">
+    <mat-label>{{ label }}</mat-label>
+    <textarea
+      matInput
+      [formControl]="control"
+      [placeholder]="placeholder"
+      (keyup)="onKeyup($event)"
+      [rows]="rows"
+    ></textarea>
+    <mat-hint *ngIf="hint">{{ hint }}</mat-hint>
+    <mat-error>{{ control.errors | error }}</mat-error>
+  </mat-form-field>`, isInline: true, styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", 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"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaFieldMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-textarea-field', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatInputModule,
+                        ErrorPipe,
+                    ], template: `
+  <mat-form-field appearance="outline">
+    <mat-label>{{ label }}</mat-label>
+    <textarea
+      matInput
+      [formControl]="control"
+      [placeholder]="placeholder"
+      (keyup)="onKeyup($event)"
+      [rows]="rows"
+    ></textarea>
+    <mat-hint *ngIf="hint">{{ hint }}</mat-hint>
+    <mat-error>{{ control.errors | error }}</mat-error>
+  </mat-form-field>`, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionId, TextareaFieldMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-textarea-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-textarea-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/textarea-field/textarea-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/textarea-field/ng-atomic-components-molecules-textarea-field.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, Output, EventEmitter } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { Action } from '@ng-atomic/common/models';\nimport { ErrorPipe } from '@ng-atomic/common/pipes/error';\n\nexport enum ActionId {\n  CTRL_ENTER_KEY_UP = 'Ctrl Enter Key Up',\n}\n\n@Component({\n  selector: 'molecules-textarea-field',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    ErrorPipe,\n  ],\n  template: `\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n    <textarea\n      matInput\n      [formControl]=\"control\"\n      [placeholder]=\"placeholder\"\n      (keyup)=\"onKeyup($event)\"\n      [rows]=\"rows\"\n    ></textarea>\n    <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n    <mat-error>{{ control.errors | error }}</mat-error>\n  </mat-form-field>`,\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  @Input()\n  control = new FormControl('');\n\n  @Input()\n  rows = 10;\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  protected onKeyup($event) {\n    if($event.ctrlKey && $event.key === 'Enter') {\n      this.action.emit({id: ActionId.CTRL_ENTER_KEY_UP});\n      $event.preventDefault();\n    }\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-tree-column.mjs

@@ -34,9 +34,8 @@ class TreeColumnMolecule extends MatTextColumn {
         this.text = 'copied!';
         setTimeout(() => this.text = 'copy', 1000);
     }
-}
-TreeColumnMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TreeColumnMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TreeColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TreeColumnMolecule, isStandalone: true, selector: "molecules-tree-column", inputs: { sort: "sort", treeControl: "treeControl" }, outputs: { headerClick: "headerClick" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeColumnMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TreeColumnMolecule, isStandalone: true, selector: "molecules-tree-column", inputs: { sort: "sort", treeControl: "treeControl" }, outputs: { headerClick: "headerClick" }, usesInheritance: true, ngImport: i0, template: `
   <ng-container matColumnDef>
     <th
       mat-header-cell
@@ -71,8 +70,9 @@ TreeColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
         <span> {{ data | dataAccessor: key }} </span>
       </p>
     </td>
-  </ng-container> `, isInline: true, 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] p.nowrap,td[mat-cell] p.nowrap{margin-block-start:0em;margin-block-end:0em;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i2.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: SmartExpModule }, { kind: "pipe", type: i3.SmartExpPipe, name: "smartExp" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TreeColumnMolecule, decorators: [{
+  </ng-container> `, isInline: true, 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] p.nowrap,td[mat-cell] p.nowrap{margin-block-start:0em;margin-block-end:0em;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i2.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: SmartExpModule }, { kind: "pipe", type: i3.SmartExpPipe, name: "smartExp" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeColumnMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-tree-column', standalone: true, imports: [
                         CommonModule,

package/{fesm2020 → fesm2022}/ng-atomic-components-molecules-tree-column.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-tree-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/tree-column/tree-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/tree-column/ng-atomic-components-molecules-tree-column.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule, MatTextColumn } from '@angular/material/table';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\n@Component({\n  selector: 'molecules-tree-column',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ClipboardModule,\n    SmartExpModule,\n    DataAccessorPipe,\n    MatButtonModule,\n    MatIconModule,\n    MatTableModule,\n    MatTooltipModule,\n  ],\n  template: `\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; margin-left: 48px\">\n        <span>{{ key }}</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\"> \n      <p class=\"nowrap\"\n        [cdkCopyToClipboard]=\"data | dataAccessor: key | smartExp: key\"\n        (click)=\"copied(); tooltip.show()\"\n        #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n      >\n        <button \n          mat-icon-button \n          [style.visibility]=\"!data.isExpandable ? 'hidden' : ''\"\n          [style.marginLeft.px]=\"data.level * 32\"\n          (click)=\"treeControl.toggle(data)\"\n        >\n          <mat-icon>\n            {{ treeControl.isExpanded(data) ? 'expand_more' : 'chevron_right' }}\n          </mat-icon>\n        </button>\n        <span> {{ data | dataAccessor: key }} </span>\n      </p>\n    </td>\n  </ng-container> `,\n  styleUrls: ['./tree-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TreeColumnMolecule<T> extends MatTextColumn<T> {\n\n  @Input()\n  sort: 'asc' | 'desc' | 'none' = 'none';\n\n  @Output()\n  headerClick = new EventEmitter<void>();\n\n  // @Input()\n  // override dataAccessor = (data, name) => data[name.replace(/^__tree_/, '')] ?? '';\n\n  text = 'copy';\n\n  get key() {\n    return this.name.slice('__tree_'.length);\n  }\n\n  copied() {\n    this.text = 'copied!';\n    setTimeout(() => this.text = 'copy', 1000);\n  }\n\n  @Input()\n  treeControl = new FlatTreeControl<any>(\n    (node) => node.level,\n    (node) => node.isExpandable\n  );\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-molecules-tree-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/tree-column/tree-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/tree-column/ng-atomic-components-molecules-tree-column.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule, MatTextColumn } from '@angular/material/table';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\n@Component({\n  selector: 'molecules-tree-column',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ClipboardModule,\n    SmartExpModule,\n    DataAccessorPipe,\n    MatButtonModule,\n    MatIconModule,\n    MatTableModule,\n    MatTooltipModule,\n  ],\n  template: `\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; margin-left: 48px\">\n        <span>{{ key }}</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\"> \n      <p class=\"nowrap\"\n        [cdkCopyToClipboard]=\"data | dataAccessor: key | smartExp: key\"\n        (click)=\"copied(); tooltip.show()\"\n        #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n      >\n        <button \n          mat-icon-button \n          [style.visibility]=\"!data.isExpandable ? 'hidden' : ''\"\n          [style.marginLeft.px]=\"data.level * 32\"\n          (click)=\"treeControl.toggle(data)\"\n        >\n          <mat-icon>\n            {{ treeControl.isExpanded(data) ? 'expand_more' : 'chevron_right' }}\n          </mat-icon>\n        </button>\n        <span> {{ data | dataAccessor: key }} </span>\n      </p>\n    </td>\n  </ng-container> `,\n  styleUrls: ['./tree-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TreeColumnMolecule<T> extends MatTextColumn<T> {\n\n  @Input()\n  sort: 'asc' | 'desc' | 'none' = 'none';\n\n  @Output()\n  headerClick = new EventEmitter<void>();\n\n  // @Input()\n  // override dataAccessor = (data, name) => data[name.replace(/^__tree_/, '')] ?? '';\n\n  text = 'copy';\n\n  get key() {\n    return this.name.slice('__tree_'.length);\n  }\n\n  copied() {\n    this.text = 'copied!';\n    setTimeout(() => this.text = 'copy', 1000);\n  }\n\n  @Input()\n  treeControl = new FlatTreeControl<any>(\n    (node) => node.level,\n    (node) => node.isExpandable\n  );\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-action-buttons-section.mjs

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

package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-action-buttons-section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../../packages/@ng-atomic/components/src/lib/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { Action } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-action-buttons-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatButtonModule,\n  ],\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  actions: Action[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  trackById = (item: Action) => item.id;\n}\n","<ng-container *ngFor=\"let _action of actions; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" [disabled]=\"_action?.disabled\" (click)=\"action.emit(_action)\">{{ _action?.name }}</button>\n</ng-container>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAiBa,4BAA4B,CAAA;AAZzC,IAAA,WAAA,GAAA;QAcE,IAAO,CAAA,OAAA,GAAa,EAAE,CAAC;AAGvB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;QAEpC,IAAS,CAAA,SAAA,GAAG,CAAC,IAAY,KAAK,IAAI,CAAC,EAAE,CAAC;AACvC,KAAA;;yHARY,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,QAAA,EAAA,IAAA,EAAA,4BAA4B,ECjBzC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,qOAEe,EDOX,MAAA,EAAA,CAAA,wTAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,2JACZ,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAON,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAZxC,SAAS;+BACE,kCAAkC,EAAA,UAAA,EAChC,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,eAAe;qBAChB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAA,QAAA,EAAA,qOAAA,EAAA,MAAA,EAAA,CAAA,wTAAA,CAAA,EAAA,CAAA;8BAIjC,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;AErBT;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../../packages/@ng-atomic/components/src/lib/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { Action } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-action-buttons-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatButtonModule,\n  ],\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  actions: Action[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  trackById = (item: Action) => item.id;\n}\n","<ng-container *ngFor=\"let _action of actions; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" [disabled]=\"_action?.disabled\" (click)=\"action.emit(_action)\">{{ _action?.name }}</button>\n</ng-container>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAiBa,4BAA4B,CAAA;AAZzC,IAAA,WAAA,GAAA;QAcE,IAAO,CAAA,OAAA,GAAa,EAAE,CAAC;AAGvB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;QAEpC,IAAS,CAAA,SAAA,GAAG,CAAC,IAAY,KAAK,IAAI,CAAC,EAAE,CAAC;AACvC,KAAA;+GARY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,ECjBzC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,qOAEe,EDOX,MAAA,EAAA,CAAA,wTAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,2JACZ,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAON,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAZxC,SAAS;+BACE,kCAAkC,EAAA,UAAA,EAChC,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,eAAe;qBAChB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAA,QAAA,EAAA,qOAAA,EAAA,MAAA,EAAA,CAAA,wTAAA,CAAA,EAAA,CAAA;8BAIjC,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;AErBT;;AAEG;;;;"}

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

@@ -0,0 +1,56 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ActionInputFieldMolecule } from '@ng-atomic/components/molecules/action-input-field';
+import { FormControl } from '@angular/forms';
+import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+
+class ActionInputSectionOrganism extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.control = new FormControl('');
+        this.label = 'label';
+        this.placeholder = 'placeholder';
+        this.actions = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionInputSectionOrganism, isStandalone: true, selector: "organisms-action-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder", actions: "actions" }, usesInheritance: true, ngImport: i0, template: `
+    <molecules-action-input-field
+      [actions]="actions"
+      [control]="control"
+      [label]="label"
+      [placeholder]="placeholder"
+      (action)="dispatch($event)"
+    ></molecules-action-input-field>
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-icNv: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-icNv);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "16.2.12", ngImport: i0, type: ActionInputSectionOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-action-input-section', standalone: true, imports: [
+                        CommonModule,
+                        ActionInputFieldMolecule,
+                    ], template: `
+    <molecules-action-input-field
+      [actions]="actions"
+      [control]="control"
+      [label]="label"
+      [placeholder]="placeholder"
+      (action)="dispatch($event)"
+    ></molecules-action-input-field>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-icNv: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-icNv);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { control: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionInputSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-action-input-section.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-action-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/action-input-section/action-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/action-input-section/ng-atomic-components-organisms-action-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionInputFieldMolecule } from '@ng-atomic/components/molecules/action-input-field';\nimport { FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/common/models';\nimport { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';\n\n@Component({\n  selector: 'organisms-action-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ActionInputFieldMolecule,\n  ],\n  template: `\n    <molecules-action-input-field\n      [actions]=\"actions\"\n      [control]=\"control\"\n      [label]=\"label\"\n      [placeholder]=\"placeholder\"\n      (action)=\"dispatch($event)\"\n    ></molecules-action-input-field>\n  `,\n  styleUrls: ['./action-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionInputSectionOrganism extends NgAtomicComponent {\n  @Input()\n  control = new FormControl<string | number>('');\n\n  @Input()\n  label = 'label';\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  actions: Action[] = [];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AA0BM,MAAO,0BAA2B,SAAQ,iBAAiB,CAAA;AAnBjE,IAAA,WAAA,GAAA;;AAqBE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAkB,EAAE,CAAC,CAAC;QAG/C,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;QAG5B,IAAO,CAAA,OAAA,GAAa,EAAE,CAAC;AACxB,KAAA;+GAZY,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAZ3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;GAQT,EAXC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kTAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,wBAAwB,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAcf,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAnBtC,SAAS;+BACE,gCAAgC,EAAA,UAAA,EAC9B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;qBACzB,EACS,QAAA,EAAA,CAAA;;;;;;;;GAQT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,kTAAA,CAAA,EAAA,CAAA;8BAI/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;;;ACpCR;;AAEG;;;;"}

package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-card-input-section.mjs

@@ -10,15 +10,15 @@ class CardInputSectionOrganism {
         this.label = 'カード番号';
         this.placeholder = 'XXXX-XXXX-XXXX-XXXX';
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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-rPMb: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-rPMb);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 }); }
 }
-CardInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", 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-tJXo: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-tJXo);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", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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-tJXo: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-tJXo);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-rPMb: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-rPMb);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { control: [{
                 type: Input
             }], label: [{

package/{fesm2020 → fesm2022}/ng-atomic-components-organisms-card-input-section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-card-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/card-input-section/card-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/card-input-section/card-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/lib/organisms/card-input-section/ng-atomic-components-organisms-card-input-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\n\n@Component({\n  selector: 'organisms-card-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    TextInputFieldMolecule,\n  ],\n  templateUrl: './card-input-section.organism.html',\n  styleUrls: ['./card-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardInputSectionOrganism {\n\n  @Input()\n  control = new FormControl('');\n\n  @Input()\n  label = 'カード番号';\n\n  @Input()\n  placeholder = 'XXXX-XXXX-XXXX-XXXX';\n\n}\n","<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAgBa,wBAAwB,CAAA;AAXrC,IAAA,WAAA,GAAA;AAcE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAG9B,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAW,CAAA,WAAA,GAAG,qBAAqB,CAAC;AAErC,KAAA;;qHAXY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EChBrC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,oLAM8B,EDG1B,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,sBAAsB,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMb,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAXpC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,sBAAsB;qBACvB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oLAAA,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,CAAA;8BAK/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;;;AExBR;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-card-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/card-input-section/card-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/card-input-section/card-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/lib/organisms/card-input-section/ng-atomic-components-organisms-card-input-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\n\n@Component({\n  selector: 'organisms-card-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    TextInputFieldMolecule,\n  ],\n  templateUrl: './card-input-section.organism.html',\n  styleUrls: ['./card-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardInputSectionOrganism {\n\n  @Input()\n  control = new FormControl('');\n\n  @Input()\n  label = 'カード番号';\n\n  @Input()\n  placeholder = 'XXXX-XXXX-XXXX-XXXX';\n\n}\n","<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAgBa,wBAAwB,CAAA;AAXrC,IAAA,WAAA,GAAA;AAcE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAG9B,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAW,CAAA,WAAA,GAAG,qBAAqB,CAAC;AAErC,KAAA;+GAXY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,EChBrC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,oLAM8B,EDG1B,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,sBAAsB,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAMb,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAXpC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,sBAAsB;qBACvB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oLAAA,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,CAAA;8BAK/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;;;AExBR;;AAEG;;;;"}

package/{fesm2015 → fesm2022}/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs

@@ -18,16 +18,16 @@ class CvcAndExpInputSectionOrganism {
             cvc: new FormControl(''),
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CvcAndExpInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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-SL7o: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-SL7o);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", inputs: ["label", "appearance", "control", "options"] }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-CvcAndExpInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CvcAndExpInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CvcAndExpInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", 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-8mtD: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-8mtD);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", inputs: ["label", "appearance", "control", "options"] }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CvcAndExpInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CvcAndExpInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-cvc-and-exp-input-section', standalone: true, imports: [
                         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-8mtD: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-8mtD);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-SL7o: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-SL7o);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/{fesm2020 → fesm2022}/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-cvc-and-exp-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/lib/organisms/cvc-and-exp-input-section/ng-atomic-components-organisms-cvc-and-exp-input-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UntypedFormGroup } from '@angular/forms';\nimport { FormControl } from '@angular/forms';\nimport { Option, SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\n\nconst generateOptions = (n: number, start: number): Option<number>[] => {\n  return [...Array(n)].map((_, i) => i + start).map(i => ({name: `${i}`, value: i}));\n};\n\n@Component({\n  selector: 'organisms-cvc-and-exp-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    SelectInputFieldMolecule,\n    TextInputFieldMolecule,\n  ],\n  templateUrl: './cvc-and-exp-input-section.organism.html',\n  styleUrls: ['./cvc-and-exp-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CvcAndExpInputSectionOrganism {\n\n  yearOptions: Option<number>[] = generateOptions(6, 2022);\n  monthOptions: Option<number>[] = generateOptions(12, 1);\n\n  @Input()\n  form = new UntypedFormGroup({\n    expMonth: new FormControl(12),\n    expYear: new FormControl(2022),\n    cvc: new FormControl(''),\n  });\n\n}\n","<molecules-select-input-field\n  class=\"year field\"\n  label=\"有効期限(年)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"有効期限(月)\"\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桁の番号\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,eAAe,GAAG,CAAC,CAAS,EAAE,KAAa,KAAsB;AACrE,IAAA,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA,CAAE,EAAE,KAAK,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC;AACrF,CAAC,CAAC;MAcW,6BAA6B,CAAA;AAZ1C,IAAA,WAAA,GAAA;AAcE,QAAA,IAAA,CAAA,WAAW,GAAqB,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AACzD,QAAA,IAAA,CAAA,YAAY,GAAqB,eAAe,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QAGxD,IAAI,CAAA,IAAA,GAAG,IAAI,gBAAgB,CAAC;AAC1B,YAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC7B,YAAA,OAAO,EAAE,IAAI,WAAW,CAAC,IAAI,CAAC;AAC9B,YAAA,GAAG,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AACzB,SAAA,CAAC,CAAC;AAEJ,KAAA;;0HAZY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,yHCvB1C,gnBAmB8B,EAAA,MAAA,EAAA,CAAA,6WAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDJ1B,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,wBAAwB,gIACxB,sBAAsB,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMb,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAZzC,SAAS;+BACE,qCAAqC,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;wBACxB,sBAAsB;qBACvB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gnBAAA,EAAA,MAAA,EAAA,CAAA,6WAAA,CAAA,EAAA,CAAA;8BAQ/C,IAAI,EAAA,CAAA;sBADH,KAAK;;;AE5BR;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-cvc-and-exp-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/lib/organisms/cvc-and-exp-input-section/ng-atomic-components-organisms-cvc-and-exp-input-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { UntypedFormGroup } from '@angular/forms';\nimport { FormControl } from '@angular/forms';\nimport { Option, SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\n\nconst generateOptions = (n: number, start: number): Option<number>[] => {\n  return [...Array(n)].map((_, i) => i + start).map(i => ({name: `${i}`, value: i}));\n};\n\n@Component({\n  selector: 'organisms-cvc-and-exp-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    SelectInputFieldMolecule,\n    TextInputFieldMolecule,\n  ],\n  templateUrl: './cvc-and-exp-input-section.organism.html',\n  styleUrls: ['./cvc-and-exp-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CvcAndExpInputSectionOrganism {\n\n  yearOptions: Option<number>[] = generateOptions(6, 2022);\n  monthOptions: Option<number>[] = generateOptions(12, 1);\n\n  @Input()\n  form = new UntypedFormGroup({\n    expMonth: new FormControl(12),\n    expYear: new FormControl(2022),\n    cvc: new FormControl(''),\n  });\n\n}\n","<molecules-select-input-field\n  class=\"year field\"\n  label=\"有効期限(年)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"有効期限(月)\"\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桁の番号\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,eAAe,GAAG,CAAC,CAAS,EAAE,KAAa,KAAsB;AACrE,IAAA,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA,CAAE,EAAE,KAAK,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC;AACrF,CAAC,CAAC;MAcW,6BAA6B,CAAA;AAZ1C,IAAA,WAAA,GAAA;AAcE,QAAA,IAAA,CAAA,WAAW,GAAqB,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AACzD,QAAA,IAAA,CAAA,YAAY,GAAqB,eAAe,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QAGxD,IAAI,CAAA,IAAA,GAAG,IAAI,gBAAgB,CAAC;AAC1B,YAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC7B,YAAA,OAAO,EAAE,IAAI,WAAW,CAAC,IAAI,CAAC;AAC9B,YAAA,GAAG,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AACzB,SAAA,CAAC,CAAC;AAEJ,KAAA;+GAZY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,yHCvB1C,gnBAmB8B,EAAA,MAAA,EAAA,CAAA,6WAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDJ1B,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,wBAAwB,gIACxB,sBAAsB,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAMb,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAZzC,SAAS;+BACE,qCAAqC,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;wBACxB,sBAAsB;qBACvB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gnBAAA,EAAA,MAAA,EAAA,CAAA,6WAAA,CAAA,EAAA,CAAA;8BAQ/C,IAAI,EAAA,CAAA;sBADH,KAAK;;;AE5BR;;AAEG;;;;"}

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

@@ -0,0 +1,48 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { DateInputFieldMolecule } from '@ng-atomic/components/molecules/date-input-field';
+import dayjs from 'dayjs';
+
+class DateInputSectionOrganism {
+    constructor() {
+        this.control = new FormControl(dayjs());
+        this.label = '';
+        this.placeholder = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateInputSectionOrganism, isStandalone: true, selector: "organisms-date-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, host: { classAttribute: "organism section" }, ngImport: i0, template: `
+  <molecules-date-input-field
+    [control]="control"
+    [label]="label"
+    [placeholder]="placeholder"
+  ></molecules-date-input-field>
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-fyME: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-fyME);box-sizing:border-box}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: ["control", "label", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputSectionOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-date-input-section', standalone: true, imports: [
+                        CommonModule,
+                        DateInputFieldMolecule,
+                    ], template: `
+  <molecules-date-input-field
+    [control]="control"
+    [label]="label"
+    [placeholder]="placeholder"
+  ></molecules-date-input-field>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-fyME: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-fyME);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { control: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DateInputSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-date-input-section.mjs.map

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

@@ -0,0 +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 { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { DateInputFieldMolecule } from '@ng-atomic/components/molecules/date-input-field';\nimport dayjs from 'dayjs';\n\n@Component({\n  selector: 'organisms-date-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    DateInputFieldMolecule,\n  ],\n  template: `\n  <molecules-date-input-field\n    [control]=\"control\"\n    [label]=\"label\"\n    [placeholder]=\"placeholder\"\n  ></molecules-date-input-field>\n  `,\n  styleUrls: ['./date-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'},\n})\nexport class DateInputSectionOrganism {\n  @Input()\n  control = new FormControl<dayjs.Dayjs>(dayjs());\n\n  @Input()\n  label = '';\n\n  @Input()\n  placeholder = '';\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAwBa,wBAAwB,CAAA;AAlBrC,IAAA,WAAA,GAAA;AAoBE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAc,KAAK,EAAE,CAAC,CAAC;QAGhD,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;QAGX,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAClB,KAAA;+GATY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,EAXzB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;GAMT,EATC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kRAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,sBAAsB,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAab,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAlBpC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,sBAAsB;qBACvB,EACS,QAAA,EAAA,CAAA;;;;;;GAMT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC,EAAC,KAAK,EAAE,kBAAkB,EAAC,EAAA,MAAA,EAAA,CAAA,kRAAA,CAAA,EAAA,CAAA;8BAIjC,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;;;AC/BR;;AAEG;;;;"}

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

@@ -0,0 +1,84 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FileInputFieldMolecule } from '@ng-atomic/components/molecules/file-input-field';
+import { NgAtomicComponent, Effect } from '@ng-atomic/common/stores/component-store';
+import { FormControl } from '@angular/forms';
+
+var ActionId;
+(function (ActionId) {
+    ActionId["FILE_SELECTED"] = "[@ng-atomic/components/organisms/file-input-section] File selected";
+    ActionId["CANCEL"] = "[@ng-atomic/components/organisms/file-input-section] Cancel";
+})(ActionId || (ActionId = {}));
+class FileInputSectionOrganism extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.control = new FormControl({ value: null, disabled: true });
+        this.label = 'label';
+        this.placeholder = 'placeholder';
+    }
+    static { this.ActionId = ActionId; }
+    onFileSelected(files) {
+        this.dispatch({ id: ActionId.FILE_SELECTED, payload: files });
+    }
+    onCancel() {
+        this.dispatch({ id: ActionId.CANCEL });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileInputSectionOrganism, isStandalone: true, selector: "organisms-file-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder", hint: "hint", progress: "progress" }, usesInheritance: true, ngImport: i0, template: `
+  <molecules-file-input-field
+    [control]="control"
+    [label]="label"
+    [hint]="hint"
+    [progress]="progress"
+    [placeholder]="placeholder"
+    (action)="dispatch($event)"
+  ></molecules-file-input-field>
+  `, isInline: true, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-65o4: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-65o4);box-sizing:border-box}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FileInputFieldMolecule, selector: "molecules-file-input-field", inputs: ["appearance", "name", "label", "control", "placeholder", "hint", "progress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+__decorate([
+    Effect(FileInputFieldMolecule.ActionId.FILE_SELECTED),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Array]),
+    __metadata("design:returntype", void 0)
+], FileInputSectionOrganism.prototype, "onFileSelected", null);
+__decorate([
+    Effect(FileInputFieldMolecule.ActionId.CANCEL),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], FileInputSectionOrganism.prototype, "onCancel", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileInputSectionOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-file-input-section', standalone: true, imports: [
+                        CommonModule,
+                        FileInputFieldMolecule,
+                    ], template: `
+  <molecules-file-input-field
+    [control]="control"
+    [label]="label"
+    [hint]="hint"
+    [progress]="progress"
+    [placeholder]="placeholder"
+    (action)="dispatch($event)"
+  ></molecules-file-input-field>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-65o4: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-65o4);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { control: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], progress: [{
+                type: Input
+            }], onFileSelected: [], onCancel: [] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FileInputSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-file-input-section.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-file-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/file-input-section/file-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/file-input-section/ng-atomic-components-organisms-file-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FileInputFieldMolecule } from '@ng-atomic/components/molecules/file-input-field';\nimport { Effect, NgAtomicComponent } from '@ng-atomic/common/stores/component-store';\nimport { FormControl } from '@angular/forms';\n\nenum ActionId {\n  FILE_SELECTED = '[@ng-atomic/components/organisms/file-input-section] File selected',\n  CANCEL = '[@ng-atomic/components/organisms/file-input-section] Cancel',\n}\n\n@Component({\n  selector: 'organisms-file-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    FileInputFieldMolecule,\n  ],\n  template: `\n  <molecules-file-input-field\n    [control]=\"control\"\n    [label]=\"label\"\n    [hint]=\"hint\"\n    [progress]=\"progress\"\n    [placeholder]=\"placeholder\"\n    (action)=\"dispatch($event)\"\n  ></molecules-file-input-field>\n  `,\n  styleUrls: ['./file-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FileInputSectionOrganism extends NgAtomicComponent {\n  static ActionId = ActionId;\n\n  @Input() control = new FormControl({value: null, disabled: true});\n  @Input() label = 'label';\n  @Input() placeholder = 'placeholder';\n  @Input() hint?: string;\n  @Input() progress?: number;\n\n  @Effect(FileInputFieldMolecule.ActionId.FILE_SELECTED)\n  protected onFileSelected(files: File[]) {\n    this.dispatch({id: ActionId.FILE_SELECTED, payload: files});\n  }\n\n  @Effect(FileInputFieldMolecule.ActionId.CANCEL)\n  protected onCancel() {\n    this.dispatch({id: ActionId.CANCEL});\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}