@ng-atomic/components 16.1.1 → 16.3.1

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

@@ -1,59 +1,86 @@
-import { CommonModule } from '@angular/common';
+import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Component, Input } from '@angular/core';
+import { input, Directive, inject, Component } from '@angular/core';
 import { FormControl } from '@angular/forms';
-import { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';
+import { SmartMenuButtonAtomStore } from '@ng-atomic/components/atoms/smart-menu-button';
+import { TextInputFieldMoleculeStore } from '@ng-atomic/components/molecules/text-input-field';
+import { InjectableComponent, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
 
-class TextInputSectionOrganism {
+let TextInputSectionOrganismStore = class TextInputSectionOrganismStore extends InjectableComponent {
     constructor() {
-        this.label = 'label';
-        this.placeholder = 'placeholder';
-        this.type = 'text';
-        this.control = new FormControl('');
-        this.autoComplete = [];
+        super(...arguments);
+        this.label = input('label');
+        this.placeholder = input('placeholder');
+        this.type = input('text');
+        this.hint = input();
+        this.control = input(new FormControl(''));
+        this.autoComplete = input([]);
+        this.actions = input([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextInputSectionOrganism, isStandalone: true, selector: "organisms-text-input-section", inputs: { label: "label", placeholder: "placeholder", type: "type", hint: "hint", control: "control", autoComplete: "autoComplete" }, ngImport: i0, template: `
-  <molecules-text-input-field
-    [type]="type"
-    [control]="control"
-    [label]="label"
-    [placeholder]="placeholder"
-    [hint]="hint"
-    [autoComplete]="autoComplete"
-  ></molecules-text-input-field>`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-VrV6: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-VrV6);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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TextInputSectionOrganismStore, isStandalone: true, selector: "organisms-text-input-section", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+TextInputSectionOrganismStore = __decorate([
+    TokenizedType()
+], TextInputSectionOrganismStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputSectionOrganismStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'organisms-text-input-section' }]
+        }] });
+class TextInputSectionOrganism extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(TextInputSectionOrganismStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: TextInputSectionOrganism, isStandalone: true, selector: "organisms-text-input-section", usesInheritance: true, hostDirectives: [{ directive: TextInputSectionOrganismStore, inputs: ["label", "label", "placeholder", "placeholder", "type", "type", "hint", "hint", "control", "control", "autoComplete", "autoComplete", "actions", "actions"] }], ngImport: i0, template: `
+  <molecules-text-input-field injectable
+    [type]="store.type()"
+    [control]="store.control()"
+    [label]="store.label()"
+    [placeholder]="store.placeholder()"
+    [hint]="store.hint()"
+    [autoComplete]="store.autoComplete()"
+  />
+  @if (store.actions()?.length) {
+    <atoms-smart-menu-button injectable
+      [actions]="store.actions()"
+      (action)="dispatch($event)"
+    />
+  }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-YViR: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-YViR) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-YViR)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-text-input-section', standalone: true, imports: [
-                        CommonModule,
-                        TextInputFieldMolecule,
+                        TextInputFieldMoleculeStore,
+                        SmartMenuButtonAtomStore,
                     ], template: `
-  <molecules-text-input-field
-    [type]="type"
-    [control]="control"
-    [label]="label"
-    [placeholder]="placeholder"
-    [hint]="hint"
-    [autoComplete]="autoComplete"
-  ></molecules-text-input-field>`, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-VrV6: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-VrV6);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], autoComplete: [{
-                type: Input
-            }] } });
+  <molecules-text-input-field injectable
+    [type]="store.type()"
+    [control]="store.control()"
+    [label]="store.label()"
+    [placeholder]="store.placeholder()"
+    [hint]="store.hint()"
+    [autoComplete]="store.autoComplete()"
+  />
+  @if (store.actions()?.length) {
+    <atoms-smart-menu-button injectable
+      [actions]="store.actions()"
+      (action)="dispatch($event)"
+    />
+  }
+  `, hostDirectives: [
+                        {
+                            directive: TextInputSectionOrganismStore,
+                            inputs: ['label', 'placeholder', 'type', 'hint', 'control', 'autoComplete', 'actions'],
+                        }
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-YViR: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-YViR) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-YViR)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TextInputSectionOrganism };
+export { TextInputSectionOrganism, TextInputSectionOrganismStore };
 //# sourceMappingURL=ng-atomic-components-organisms-text-input-section.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-text-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/text-input-section/text-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/text-input-section/ng-atomic-components-organisms-text-input-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { 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-text-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    TextInputFieldMolecule,\n  ],\n  template: `\n  <molecules-text-input-field\n    [type]=\"type\"\n    [control]=\"control\"\n    [label]=\"label\"\n    [placeholder]=\"placeholder\"\n    [hint]=\"hint\"\n    [autoComplete]=\"autoComplete\"\n  ></molecules-text-input-field>`,\n  styleUrls: ['./text-input-section.organism.scss']\n})\nexport class TextInputSectionOrganism {\n  \n  @Input()\n  label = 'label';\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  type: 'text' | 'number' | 'password' = 'text';\n\n  @Input()\n  hint?: string;\n\n  @Input()\n  control = new FormControl('');\n\n  @Input()\n  autoComplete: string[] = [];\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAuBa,wBAAwB,CAAA;AAlBrC,IAAA,WAAA,GAAA;QAqBE,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;QAG5B,IAAI,CAAA,IAAA,GAAmC,MAAM,CAAC;AAM9C,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAG9B,IAAY,CAAA,YAAA,GAAa,EAAE,CAAC;AAE7B,KAAA;+GApBY,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,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;iCAQqB,EAX7B,QAAA,EAAA,IAAA,EAAA,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,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;;;;;;;;AAQqB,gCAAA,CAAA,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,CAAA;8BAM/B,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;;;ACxCR;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-text-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/text-input-section/text-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/text-input-section/ng-atomic-components-organisms-text-input-section.ts"],"sourcesContent":["import { Component, Directive, inject, input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { SmartMenuButtonAtomStore } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { TextInputFieldMoleculeStore } from '@ng-atomic/components/molecules/text-input-field';\nimport { Action, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-text-input-section' })\nexport class TextInputSectionOrganismStore extends InjectableComponent {\n  readonly label = input('label');\n  readonly placeholder = input('placeholder');\n  readonly type = input<'text' | 'number' | 'password'>('text');\n  readonly hint = input<string>();\n  readonly control = input(new FormControl(''));\n  readonly autoComplete = input<string[]>([]);\n  readonly actions = input<Action[]>([]);\n}\n\n@Component({\n  selector: 'organisms-text-input-section',\n  standalone: true,\n  imports: [\n    TextInputFieldMoleculeStore,\n    SmartMenuButtonAtomStore,\n  ],\n  template: `\n  <molecules-text-input-field injectable\n    [type]=\"store.type()\"\n    [control]=\"store.control()\"\n    [label]=\"store.label()\"\n    [placeholder]=\"store.placeholder()\"\n    [hint]=\"store.hint()\"\n    [autoComplete]=\"store.autoComplete()\"\n  />\n  @if (store.actions()?.length) {\n    <atoms-smart-menu-button injectable\n      [actions]=\"store.actions()\"\n      (action)=\"dispatch($event)\"\n    />\n  }\n  `,\n  styleUrls: ['./text-input-section.organism.scss'],\n  hostDirectives: [\n    {\n      directive: TextInputSectionOrganismStore,\n      inputs: ['label', 'placeholder', 'type', 'hint', 'control', 'autoComplete', 'actions'],\n    }\n  ]\n})\nexport class TextInputSectionOrganism extends NgAtomicComponent {\n  protected store = inject(TextInputSectionOrganismStore);\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-text-preview-section.mjs

@@ -0,0 +1,85 @@
+import { __decorate } from 'tslib';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, Directive, inject, contentChild, Component, ChangeDetectionStrategy } from '@angular/core';
+import { InjectableComponent, TokenizedType } from '@ng-atomic/core';
+
+let TextPreviewSectionOrganismStore = class TextPreviewSectionOrganismStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.label = input('label');
+        this.value = input('value');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextPreviewSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TextPreviewSectionOrganismStore, isStandalone: true, selector: "organisms-text-preview-section", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "section organism" }, usesInheritance: true, ngImport: i0 }); }
+};
+TextPreviewSectionOrganismStore = __decorate([
+    TokenizedType()
+], TextPreviewSectionOrganismStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextPreviewSectionOrganismStore, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'organisms-text-preview-section',
+                    host: { class: 'section organism' },
+                }]
+        }] });
+class TextPreviewSectionOrganism {
+    constructor() {
+        this.store = inject(TextPreviewSectionOrganismStore);
+        this.labelTemp = contentChild('labelTemp');
+        this.valueTemp = contentChild('valueTemp');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextPreviewSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: TextPreviewSectionOrganism, isStandalone: true, selector: "organisms-text-preview-section", queries: [{ propertyName: "labelTemp", first: true, predicate: ["labelTemp"], descendants: true, isSignal: true }, { propertyName: "valueTemp", first: true, predicate: ["valueTemp"], descendants: true, isSignal: true }], hostDirectives: [{ directive: TextPreviewSectionOrganismStore, inputs: ["label", "label", "value", "value"] }], ngImport: i0, template: `
+  <div class="item">
+    <div class="title">
+      @if (labelTemp()) {
+        <ng-content selector=[labelTemp]/>
+      } @else {
+        <span>{{ store.label() }}</span>
+      }
+    </div>
+    <div class="description">
+      @if (valueTemp()) {
+        <ng-content selector=[valueTemp]/>
+      } @else {
+        <span>{{ store.value() }}</span>
+      }
+    </div>
+  </div>`, isInline: true, styles: [":host{display:block}:host .item{display:block;padding:0 16px;font-size:16px}:host .item .title{margin-bottom:4px;font-size:.8em}:host .item .description{font-size:1em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextPreviewSectionOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-text-preview-section', standalone: true, imports: [
+                        NgTemplateOutlet,
+                    ], template: `
+  <div class="item">
+    <div class="title">
+      @if (labelTemp()) {
+        <ng-content selector=[labelTemp]/>
+      } @else {
+        <span>{{ store.label() }}</span>
+      }
+    </div>
+    <div class="description">
+      @if (valueTemp()) {
+        <ng-content selector=[valueTemp]/>
+      } @else {
+        <span>{{ store.value() }}</span>
+      }
+    </div>
+  </div>`, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: TextPreviewSectionOrganismStore,
+                            inputs: ['label', 'value'],
+                        }
+                    ], styles: [":host{display:block}:host .item{display:block;padding:0 16px;font-size:16px}:host .item .title{margin-bottom:4px;font-size:.8em}:host .item .description{font-size:1em}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextPreviewSectionOrganism, TextPreviewSectionOrganismStore };
+//# sourceMappingURL=ng-atomic-components-organisms-text-preview-section.mjs.map

package/fesm2022/ng-atomic-components-organisms-text-preview-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-text-preview-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/text-preview-section/text-preview-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/text-preview-section/ng-atomic-components-organisms-text-preview-section.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, contentChild, inject, input } from '@angular/core';\nimport { InjectableComponent, TokenizedType } from '@ng-atomic/core';\n\n@TokenizedType()\n@Directive({\n  standalone: true,\n  selector: 'organisms-text-preview-section',\n  host: { class: 'section organism' },\n})\nexport class TextPreviewSectionOrganismStore extends InjectableComponent {\n  readonly label = input('label');\n  readonly value = input('value');\n}\n\n@Component({\n  selector: 'organisms-text-preview-section',\n  standalone: true,\n  imports: [\n    NgTemplateOutlet,\n  ],\n  template: `\n  <div class=\"item\">\n    <div class=\"title\">\n      @if (labelTemp()) {\n        <ng-content selector=[labelTemp]/>\n      } @else {\n        <span>{{ store.label() }}</span>\n      }\n    </div>\n    <div class=\"description\">\n      @if (valueTemp()) {\n        <ng-content selector=[valueTemp]/>\n      } @else {\n        <span>{{ store.value() }}</span>\n      }\n    </div>\n  </div>`,\n  styleUrl: './text-preview-section.organism.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: TextPreviewSectionOrganismStore,\n      inputs: ['label', 'value'],\n    }\n  ],\n})\nexport class TextPreviewSectionOrganism {\n  protected readonly store = inject(TextPreviewSectionOrganismStore);\n  readonly labelTemp = contentChild('labelTemp');\n  readonly valueTemp = contentChild('valueTemp');\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-textarea-section.mjs

@@ -1,59 +1,93 @@
+import { __decorate } from 'tslib';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
 import { FormControl } from '@angular/forms';
+import { InjectableComponent, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
 import { TextareaFieldMolecule } from '@ng-atomic/components/molecules/textarea-field';
+import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';
 
-class TextareaSectionOrganism {
+let TextareaSectionOrganismStore = class TextareaSectionOrganismStore extends InjectableComponent {
     constructor() {
-        this.label = 'label';
-        this.rows = 10;
-        this.placeholder = 'placeholder';
-        this.control = new FormControl('');
-        this.action = new EventEmitter();
+        super(...arguments);
+        this.appearance = input('outline');
+        this.label = input('label');
+        this.rows = input(10);
+        this.placeholder = input('placeholder');
+        this.floatLabel = input('auto');
+        this.hint = input();
+        this.control = input(new FormControl(''));
+        this.actions = input([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaSectionOrganism, isStandalone: true, selector: "organisms-textarea-section", inputs: { label: "label", rows: "rows", placeholder: "placeholder", hint: "hint", control: "control" }, outputs: { action: "action" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TextareaSectionOrganismStore, isStandalone: true, selector: "organisms-textarea-section", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, floatLabel: { classPropertyName: "floatLabel", publicName: "floatLabel", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+TextareaSectionOrganismStore = __decorate([
+    TokenizedType()
+], TextareaSectionOrganismStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaSectionOrganismStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'organisms-textarea-section' }]
+        }] });
+class TextareaSectionOrganism extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(TextareaSectionOrganismStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: TextareaSectionOrganism, isStandalone: true, selector: "organisms-textarea-section", usesInheritance: true, hostDirectives: [{ directive: TextareaSectionOrganismStore, inputs: ["appearance", "appearance", "label", "label", "rows", "rows", "placeholder", "placeholder", "floatLabel", "floatLabel", "hint", "hint", "control", "control", "actions", "actions"] }], ngImport: i0, template: `
   <molecules-textarea-field
-    [control]="control"
-    [label]="label"
-    [hint]="hint"
-    [rows]="rows"
-    [placeholder]="placeholder"
-    (action)="action.emit($event)"
-  ></molecules-textarea-field>`, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-Ixw6: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-Ixw6);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder", "control", "rows"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    [appearance]="store.appearance()"
+    [control]="store.control()"
+    [label]="store.label()"
+    [floatLabel]="store.floatLabel()"
+    [hint]="store.hint()"
+    [rows]="store.rows()"
+    [placeholder]="store.placeholder()"
+    (action)="dispatch($event)"
+  />
+  @if (store.actions().length) {
+    <atoms-smart-menu-button
+      [actions]="store.actions()"
+      (action)="dispatch($event)"
+    />
+  }
+  `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-mDjA: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-mDjA);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-textarea-section', standalone: true, imports: [
                         CommonModule,
                         TextareaFieldMolecule,
+                        SmartMenuButtonAtom,
                     ], template: `
   <molecules-textarea-field
-    [control]="control"
-    [label]="label"
-    [hint]="hint"
-    [rows]="rows"
-    [placeholder]="placeholder"
-    (action)="action.emit($event)"
-  ></molecules-textarea-field>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-Ixw6: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-Ixw6);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], rows: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], action: [{
-                type: Output
-            }] } });
+    [appearance]="store.appearance()"
+    [control]="store.control()"
+    [label]="store.label()"
+    [floatLabel]="store.floatLabel()"
+    [hint]="store.hint()"
+    [rows]="store.rows()"
+    [placeholder]="store.placeholder()"
+    (action)="dispatch($event)"
+  />
+  @if (store.actions().length) {
+    <atoms-smart-menu-button
+      [actions]="store.actions()"
+      (action)="dispatch($event)"
+    />
+  }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: TextareaSectionOrganismStore,
+                            inputs: ['appearance', 'label', 'rows', 'placeholder', 'floatLabel', 'hint', 'control', 'actions'],
+                        }
+                    ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-mDjA: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-mDjA);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TextareaSectionOrganism };
+export { TextareaSectionOrganism, TextareaSectionOrganismStore };
 //# sourceMappingURL=ng-atomic-components-organisms-textarea-section.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-textarea-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/textarea-section/textarea-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, Output, EventEmitter } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/core';\nimport { TextareaFieldMolecule } from '@ng-atomic/components/molecules/textarea-field';\n\n@Component({\n  selector: 'organisms-textarea-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    TextareaFieldMolecule,\n  ],\n  template: `\n  <molecules-textarea-field\n    [control]=\"control\"\n    [label]=\"label\"\n    [hint]=\"hint\"\n    [rows]=\"rows\"\n    [placeholder]=\"placeholder\"\n    (action)=\"action.emit($event)\"\n  ></molecules-textarea-field>`,\n  styleUrls: ['./textarea-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TextareaSectionOrganism {\n\n  @Input()\n  label = 'label';\n\n  @Input()\n  rows = 10;\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  hint?: string;\n\n  @Input()\n  control = new FormControl('');\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAyBa,uBAAuB,CAAA;AAnBpC,IAAA,WAAA,GAAA;QAsBE,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;QAGV,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;AAM5B,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAG9B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAErC,KAAA;+GApBY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,EAZxB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;+BAQmB,EAX3B,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,qBAAqB,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,SAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAcZ,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAnBnC,SAAS;+BACE,4BAA4B,EAAA,UAAA,EAC1B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,qBAAqB;qBACtB,EACS,QAAA,EAAA,CAAA;;;;;;;;+BAQmB,EAEZ,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;AC1CT;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-textarea-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/textarea-section/textarea-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, input, inject } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { Action, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { TextareaFieldMolecule } from '@ng-atomic/components/molecules/textarea-field';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-textarea-section' })\nexport class TextareaSectionOrganismStore extends InjectableComponent {\n  readonly appearance = input<'legacy' | 'standard' | 'fill' | 'outline'>('outline');\n  readonly label = input('label');\n  readonly rows = input(10);\n  readonly placeholder = input<string>('placeholder');\n  readonly floatLabel = input<'auto' | 'always' | 'never'>('auto');\n  readonly hint = input<string>();\n  readonly control = input(new FormControl(''));\n  readonly actions = input<Action[]>([]);\n}\n\n@Component({\n  selector: 'organisms-textarea-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    TextareaFieldMolecule,\n    SmartMenuButtonAtom,\n  ],\n  template: `\n  <molecules-textarea-field\n    [appearance]=\"store.appearance()\"\n    [control]=\"store.control()\"\n    [label]=\"store.label()\"\n    [floatLabel]=\"store.floatLabel()\"\n    [hint]=\"store.hint()\"\n    [rows]=\"store.rows()\"\n    [placeholder]=\"store.placeholder()\"\n    (action)=\"dispatch($event)\"\n  />\n  @if (store.actions().length) {\n    <atoms-smart-menu-button\n      [actions]=\"store.actions()\"\n      (action)=\"dispatch($event)\"\n    />\n  }\n  `,\n  styleUrls: ['./textarea-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: TextareaSectionOrganismStore,\n      inputs: ['appearance', 'label', 'rows', 'placeholder', 'floatLabel', 'hint', 'control', 'actions'],\n    }\n  ],\n})\nexport class TextareaSectionOrganism extends NgAtomicComponent {\n  protected store = inject(TextareaSectionOrganismStore);\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-thread-messages-section.mjs

@@ -0,0 +1,126 @@
+import * as i0 from '@angular/core';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NgAtomicComponent } from '@ng-atomic/core';
+import * as i2 from '@angular/material/divider';
+import { MatDividerModule } from '@angular/material/divider';
+import { FallbackSrcDirective } from '@ng-atomic/common/directives/fallback-src';
+import { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { ActionsPipe } from '@ng-atomic/common/pipes/actions';
+
+class ThreadMessagesSectionOrganismStore {
+    constructor() {
+        this.comments = input([]);
+        this.noCommentMessage = input('まだコメントはありません。');
+        this.commentActions = input([]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThreadMessagesSectionOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: ThreadMessagesSectionOrganismStore, isStandalone: true, inputs: { comments: { classPropertyName: "comments", publicName: "comments", isSignal: true, isRequired: false, transformFunction: null }, noCommentMessage: { classPropertyName: "noCommentMessage", publicName: "noCommentMessage", isSignal: true, isRequired: false, transformFunction: null }, commentActions: { classPropertyName: "commentActions", publicName: "commentActions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThreadMessagesSectionOrganismStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true }]
+        }] });
+class ThreadMessagesSectionOrganism extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(ThreadMessagesSectionOrganismStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThreadMessagesSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: ThreadMessagesSectionOrganism, isStandalone: true, selector: "organisms-thread-section", usesInheritance: true, hostDirectives: [{ directive: ThreadMessagesSectionOrganismStore, inputs: ["comments", "comments", "noCommentMessage", "noCommentMessage", "commentActions", "commentActions"] }], ngImport: i0, template: `
+  @if (store.comments()?.length === 0) {
+    <div class="message">
+      <div class="content">
+        <span>{{ store.noCommentMessage() }}</span>
+      </div>
+    </div>
+  }
+
+  @for (comment of store.comments() ?? []; track comment) {
+    <div class="message">
+      <div class="header">
+        <img [src]="comment | dataAccessor:'iconUrl'" fallbackSrc alt="">
+        <div>
+          <span class="name">{{ comment | dataAccessor:'authorName' }}</span>
+          <div class="description">
+            <span>{{ comment | dataAccessor:'description' }}</span>
+          </div>
+        </div>
+      </div>
+      <div class="content">
+        <span>{{ comment | dataAccessor:'content' }}</span>
+      </div>
+      <div class="bottom actions">
+        @for (action of store.commentActions() | resolveActions:comment; track action.id) {
+          <button
+            mat-stroked-button
+            color="primary"
+            (click)="dispatch(action)"
+          >{{ action.name }}</button>
+        }
+      </div>
+    </div>
+    <mat-divider />
+  }
+  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-4bLj: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-4bLj: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-4bLj: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-4bLj: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-4bLj: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-4bLj: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-4bLj)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-4bLj)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-thread-section', standalone: true, imports: [
+                        CommonModule,
+                        ActionsPipe,
+                        MatButtonModule,
+                        DataAccessorPipe,
+                        MatDividerModule,
+                        FallbackSrcDirective,
+                    ], template: `
+  @if (store.comments()?.length === 0) {
+    <div class="message">
+      <div class="content">
+        <span>{{ store.noCommentMessage() }}</span>
+      </div>
+    </div>
+  }
+
+  @for (comment of store.comments() ?? []; track comment) {
+    <div class="message">
+      <div class="header">
+        <img [src]="comment | dataAccessor:'iconUrl'" fallbackSrc alt="">
+        <div>
+          <span class="name">{{ comment | dataAccessor:'authorName' }}</span>
+          <div class="description">
+            <span>{{ comment | dataAccessor:'description' }}</span>
+          </div>
+        </div>
+      </div>
+      <div class="content">
+        <span>{{ comment | dataAccessor:'content' }}</span>
+      </div>
+      <div class="bottom actions">
+        @for (action of store.commentActions() | resolveActions:comment; track action.id) {
+          <button
+            mat-stroked-button
+            color="primary"
+            (click)="dispatch(action)"
+          >{{ action.name }}</button>
+        }
+      </div>
+    </div>
+    <mat-divider />
+  }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: ThreadMessagesSectionOrganismStore,
+                            inputs: ['comments', 'noCommentMessage', 'commentActions']
+                        }
+                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-4bLj: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-4bLj: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-4bLj: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-4bLj: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-4bLj: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-4bLj: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-4bLj)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-4bLj)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ThreadMessagesSectionOrganism, ThreadMessagesSectionOrganismStore };
+//# sourceMappingURL=ng-atomic-components-organisms-thread-messages-section.mjs.map

package/fesm2022/ng-atomic-components-organisms-thread-messages-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-thread-messages-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/thread-messages-section/thread-messages-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/thread-messages-section/ng-atomic-components-organisms-thread-messages-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, effect, inject, input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Actions, NgAtomicComponent } from '@ng-atomic/core';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { FallbackSrcDirective } from '@ng-atomic/common/directives/fallback-src';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { MatButtonModule } from '@angular/material/button';\nimport { ActionsPipe } from '@ng-atomic/common/pipes/actions';\n\n@Directive({ standalone: true })\nexport class ThreadMessagesSectionOrganismStore<T> {\n  readonly comments = input<T[]>([]);\n  readonly noCommentMessage = input('まだコメントはありません。');\n  readonly commentActions = input<Actions>([]);\n}\n\n@Component({\n  selector: 'organisms-thread-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ActionsPipe,\n    MatButtonModule,\n    DataAccessorPipe,\n    MatDividerModule,\n    FallbackSrcDirective,\n  ],\n  template: `\n  @if (store.comments()?.length === 0) {\n    <div class=\"message\">\n      <div class=\"content\">\n        <span>{{ store.noCommentMessage() }}</span>\n      </div>\n    </div>\n  }\n\n  @for (comment of store.comments() ?? []; track comment) {\n    <div class=\"message\">\n      <div class=\"header\">\n        <img [src]=\"comment | dataAccessor:'iconUrl'\" fallbackSrc alt=\"\">\n        <div>\n          <span class=\"name\">{{ comment | dataAccessor:'authorName' }}</span>\n          <div class=\"description\">\n            <span>{{ comment | dataAccessor:'description' }}</span>\n          </div>\n        </div>\n      </div>\n      <div class=\"content\">\n        <span>{{ comment | dataAccessor:'content' }}</span>\n      </div>\n      <div class=\"bottom actions\">\n        @for (action of store.commentActions() | resolveActions:comment; track action.id) {\n          <button\n            mat-stroked-button\n            color=\"primary\"\n            (click)=\"dispatch(action)\"\n          >{{ action.name }}</button>\n        }\n      </div>\n    </div>\n    <mat-divider />\n  }\n  `,\n  styleUrls: ['./thread-messages-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: ThreadMessagesSectionOrganismStore,\n      inputs: ['comments', 'noCommentMessage', 'commentActions']\n    }\n  ]\n})\nexport class ThreadMessagesSectionOrganism extends NgAtomicComponent {\n  protected store = inject(ThreadMessagesSectionOrganismStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}