@ng-atomic/components 19.0.0-preview.9 → 19.2.0

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

@@ -1,5 +1,4 @@
 import { __decorate } from 'tslib';
-import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
 import { input, Directive, inject, contentChild, ChangeDetectionStrategy, Component } from '@angular/core';
 import { InjectableComponent, TokenizedType } from '@ng-atomic/core';
@@ -10,13 +9,13 @@ let TextPreviewSectionOrganismStore = class TextPreviewSectionOrganismStore exte
         this.label = input('label');
         this.value = input('value');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TextPreviewSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TextPreviewSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", 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: "19.1.4", ngImport: i0, type: TextPreviewSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TextPreviewSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -30,8 +29,8 @@ class TextPreviewSectionOrganism {
         this.labelTemp = contentChild('labelTemp');
         this.valueTemp = contentChild('valueTemp');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TextPreviewSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", 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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TextPreviewSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", 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()) {
@@ -49,11 +48,9 @@ class TextPreviewSectionOrganism {
     </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: "19.1.4", ngImport: i0, type: TextPreviewSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TextPreviewSectionOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-text-preview-section', imports: [
-                        NgTemplateOutlet,
-                    ], template: `
+            args: [{ selector: 'organisms-text-preview-section', template: `
   <div class="item">
     <div class="title">
       @if (labelTemp()) {

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

@@ -1 +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    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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"}
+{"version":3,"file":"ng-atomic-components-organisms-text-preview-section.mjs","sources":["../tmp-esm2022/organisms/text-preview-section/text-preview-section.organism.js","../tmp-esm2022/organisms/text-preview-section/ng-atomic-components-organisms-text-preview-section.js"],"sourcesContent":["import { __decorate } from \"tslib\";\nimport { ChangeDetectionStrategy, Component, Directive, contentChild, inject, input } from '@angular/core';\nimport { InjectableComponent, TokenizedType } from '@ng-atomic/core';\nimport * as i0 from \"@angular/core\";\nlet TextPreviewSectionOrganismStore = class TextPreviewSectionOrganismStore extends InjectableComponent {\n    constructor() {\n        super(...arguments);\n        this.label = input('label');\n        this.value = input('value');\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: TextPreviewSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"17.1.0\", version: \"20.0.5\", 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 }); }\n};\nTextPreviewSectionOrganismStore = __decorate([\n    TokenizedType()\n], TextPreviewSectionOrganismStore);\nexport { TextPreviewSectionOrganismStore };\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: TextPreviewSectionOrganismStore, decorators: [{\n            type: Directive,\n            args: [{\n                    standalone: true,\n                    selector: 'organisms-text-preview-section',\n                    host: { class: 'section organism' },\n                }]\n        }] });\nexport class TextPreviewSectionOrganism {\n    constructor() {\n        this.store = inject(TextPreviewSectionOrganismStore);\n        this.labelTemp = contentChild('labelTemp');\n        this.valueTemp = contentChild('valueTemp');\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: TextPreviewSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.5\", 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: `\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>`, 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 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: TextPreviewSectionOrganism, decorators: [{\n            type: Component,\n            args: [{ selector: 'organisms-text-preview-section', 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>`, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [\n                        {\n                            directive: TextPreviewSectionOrganismStore,\n                            inputs: ['label', 'value'],\n                        }\n                    ], 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\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1wcmV2aWV3LXNlY3Rpb24ub3JnYW5pc20uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9vcmdhbmlzbXMvdGV4dC1wcmV2aWV3LXNlY3Rpb24vdGV4dC1wcmV2aWV3LXNlY3Rpb24ub3JnYW5pc20udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNHLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFROUQsSUFBTSwrQkFBK0IsR0FBckMsTUFBTSwrQkFBZ0MsU0FBUSxtQkFBbUI7SUFBakU7O1FBQ0ksVUFBSyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUN2QixVQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0tBQ2pDOzhHQUhZLCtCQUErQjtrR0FBL0IsK0JBQStCOztBQUEvQiwrQkFBK0I7SUFOM0MsYUFBYSxFQUFFO0dBTUgsK0JBQStCLENBRzNDOzsyRkFIWSwrQkFBK0I7a0JBTDNDLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxnQ0FBZ0M7b0JBQzFDLElBQUksRUFBRSxFQUFFLEtBQUssRUFBRSxrQkFBa0IsRUFBRTtpQkFDcEM7O0FBa0NELE1BQU0sT0FBTywwQkFBMEI7SUE1QnZDO1FBNkJxQixVQUFLLEdBQUcsTUFBTSxDQUFDLCtCQUErQixDQUFDLENBQUM7UUFDMUQsY0FBUyxHQUFHLFlBQVksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN0QyxjQUFTLEdBQUcsWUFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0tBQ2hEOzhHQUpZLDBCQUEwQjtrR0FBMUIsMEJBQTBCLDZUQWpDMUIsK0JBQStCLDJFQU9oQzs7Ozs7Ozs7Ozs7Ozs7OztTQWdCSDs7MkZBVUksMEJBQTBCO2tCQTVCdEMsU0FBUzsrQkFDRSxnQ0FBZ0MsWUFDaEM7Ozs7Ozs7Ozs7Ozs7Ozs7U0FnQkgsbUJBRVUsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLCtCQUErQjs0QkFDMUMsTUFBTSxFQUFFLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQzt5QkFDM0I7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGNvbnRlbnRDaGlsZCwgaW5qZWN0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5qZWN0YWJsZUNvbXBvbmVudCwgVG9rZW5pemVkVHlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cbkBUb2tlbml6ZWRUeXBlKClcbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ29yZ2FuaXNtcy10ZXh0LXByZXZpZXctc2VjdGlvbicsXG4gIGhvc3Q6IHsgY2xhc3M6ICdzZWN0aW9uIG9yZ2FuaXNtJyB9LFxufSlcbmV4cG9ydCBjbGFzcyBUZXh0UHJldmlld1NlY3Rpb25PcmdhbmlzbVN0b3JlIGV4dGVuZHMgSW5qZWN0YWJsZUNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IGxhYmVsID0gaW5wdXQoJ2xhYmVsJyk7XG4gIHJlYWRvbmx5IHZhbHVlID0gaW5wdXQoJ3ZhbHVlJyk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29yZ2FuaXNtcy10ZXh0LXByZXZpZXctc2VjdGlvbicsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgY2xhc3M9XCJpdGVtXCI+XG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAgICBAaWYgKGxhYmVsVGVtcCgpKSB7XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdG9yPVtsYWJlbFRlbXBdLz5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8c3Bhbj57eyBzdG9yZS5sYWJlbCgpIH19PC9zcGFuPlxuICAgICAgfVxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJkZXNjcmlwdGlvblwiPlxuICAgICAgQGlmICh2YWx1ZVRlbXAoKSkge1xuICAgICAgICA8bmctY29udGVudCBzZWxlY3Rvcj1bdmFsdWVUZW1wXS8+XG4gICAgICB9IEBlbHNlIHtcbiAgICAgICAgPHNwYW4+e3sgc3RvcmUudmFsdWUoKSB9fTwvc3Bhbj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+YCxcbiAgc3R5bGVVcmw6ICcuL3RleHQtcHJldmlldy1zZWN0aW9uLm9yZ2FuaXNtLnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IFRleHRQcmV2aWV3U2VjdGlvbk9yZ2FuaXNtU3RvcmUsXG4gICAgICBpbnB1dHM6IFsnbGFiZWwnLCAndmFsdWUnXSxcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgVGV4dFByZXZpZXdTZWN0aW9uT3JnYW5pc20ge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgc3RvcmUgPSBpbmplY3QoVGV4dFByZXZpZXdTZWN0aW9uT3JnYW5pc21TdG9yZSk7XG4gIHJlYWRvbmx5IGxhYmVsVGVtcCA9IGNvbnRlbnRDaGlsZCgnbGFiZWxUZW1wJyk7XG4gIHJlYWRvbmx5IHZhbHVlVGVtcCA9IGNvbnRlbnRDaGlsZCgndmFsdWVUZW1wJyk7XG59XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtb3JnYW5pc21zLXRleHQtcHJldmlldy1zZWN0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvb3JnYW5pc21zL3RleHQtcHJldmlldy1zZWN0aW9uL25nLWF0b21pYy1jb21wb25lbnRzLW9yZ2FuaXNtcy10ZXh0LXByZXZpZXctc2VjdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

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

@@ -2,10 +2,11 @@ import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
 import { input, Directive, inject, ChangeDetectionStrategy, Component } 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 { InjectableComponent, makeProvideComopnentConfigure, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
 import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/menu-button';
+import { TextareaFieldMolecule } from '@ng-atomic/components/molecules/textarea-field';
 
+var TextareaSectionOrganismStore_1;
 let TextareaSectionOrganismStore = class TextareaSectionOrganismStore extends InjectableComponent {
     constructor() {
         super(...arguments);
@@ -18,23 +19,25 @@ let TextareaSectionOrganismStore = class TextareaSectionOrganismStore extends In
         this.control = input(new FormControl(''));
         this.actions = input([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TextareaSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", 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 }); }
+    static { TextareaSectionOrganismStore_1 = this; }
+    static { this.provideComponent = makeProvideComopnentConfigure(TextareaSectionOrganismStore_1); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TextareaSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", 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([
+TextareaSectionOrganismStore = TextareaSectionOrganismStore_1 = __decorate([
     TokenizedType()
 ], TextareaSectionOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TextareaSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TextareaSectionOrganismStore, decorators: [{
             type: Directive,
-            args: [{ standalone: true, selector: 'organisms-textarea-section' }]
+            args: [{ 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: "19.1.4", ngImport: i0, type: TextareaSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: TextareaSectionOrganism, isStandalone: true, selector: "organisms-textarea-section", host: { classAttribute: "organism 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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TextareaSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: TextareaSectionOrganism, isStandalone: true, selector: "organisms-textarea-section", host: { classAttribute: "organism 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
     [appearance]="store.appearance()"
     [control]="store.control()"
@@ -51,9 +54,9 @@ class TextareaSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--vertical-padding: 0px;--vertical-padding-SCOPED-IN-textarea-section-S7OB: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-textarea-section-S7OB: var(--horizontal-padding)}:host{display:block;position:relative;width:100%;padding:var(--vertical-padding-SCOPED-IN-textarea-section-S7OB) var(--horizontal-padding-SCOPED-IN-textarea-section-S7OB);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--vertical-padding: 0px;--vertical-padding-SCOPED-IN-textarea-section-SSG9: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-textarea-section-SSG9: var(--horizontal-padding)}:host{display:block;position:relative;width:100%;padding:var(--vertical-padding-SCOPED-IN-textarea-section-SSG9) var(--horizontal-padding-SCOPED-IN-textarea-section-SSG9);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-textarea-section', imports: [
                         TextareaFieldMolecule,
@@ -82,7 +85,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         }
                     ], host: {
                         'class': 'organism section',
-                    }, styles: [":host{--vertical-padding: 0px;--vertical-padding-SCOPED-IN-textarea-section-S7OB: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-textarea-section-S7OB: var(--horizontal-padding)}:host{display:block;position:relative;width:100%;padding:var(--vertical-padding-SCOPED-IN-textarea-section-S7OB) var(--horizontal-padding-SCOPED-IN-textarea-section-S7OB);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
+                    }, styles: [":host{--vertical-padding: 0px;--vertical-padding-SCOPED-IN-textarea-section-SSG9: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-textarea-section-SSG9: var(--horizontal-padding)}:host{display:block;position:relative;width:100%;padding:var(--vertical-padding-SCOPED-IN-textarea-section-SSG9) var(--horizontal-padding-SCOPED-IN-textarea-section-SSG9);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
         }] });
 
 /**

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 { 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/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    imports: [\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-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    host: {\n        'class': 'organism section',\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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"}
+{"version":3,"file":"ng-atomic-components-organisms-textarea-section.mjs","sources":["../tmp-esm2022/organisms/textarea-section/textarea-section.organism.js","../tmp-esm2022/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.js"],"sourcesContent":["var TextareaSectionOrganismStore_1;\nimport { __decorate } from \"tslib\";\nimport { ChangeDetectionStrategy, Component, Directive, input, inject } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { InjectableComponent, makeProvideComopnentConfigure, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/menu-button';\nimport { TextareaFieldMolecule } from '@ng-atomic/components/molecules/textarea-field';\nimport * as i0 from \"@angular/core\";\nlet TextareaSectionOrganismStore = class TextareaSectionOrganismStore extends InjectableComponent {\n    constructor() {\n        super(...arguments);\n        this.appearance = input('outline');\n        this.label = input('label');\n        this.rows = input(10);\n        this.placeholder = input('placeholder');\n        this.floatLabel = input('auto');\n        this.hint = input();\n        this.control = input(new FormControl(''));\n        this.actions = input([]);\n    }\n    static { TextareaSectionOrganismStore_1 = this; }\n    static { this.provideComponent = makeProvideComopnentConfigure(TextareaSectionOrganismStore_1); }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: TextareaSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"17.1.0\", version: \"20.0.5\", 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 }); }\n};\nTextareaSectionOrganismStore = TextareaSectionOrganismStore_1 = __decorate([\n    TokenizedType()\n], TextareaSectionOrganismStore);\nexport { TextareaSectionOrganismStore };\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: TextareaSectionOrganismStore, decorators: [{\n            type: Directive,\n            args: [{ selector: 'organisms-textarea-section' }]\n        }] });\nexport class TextareaSectionOrganism extends NgAtomicComponent {\n    constructor() {\n        super(...arguments);\n        this.store = inject(TextareaSectionOrganismStore);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: TextareaSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.5\", type: TextareaSectionOrganism, isStandalone: true, selector: \"organisms-textarea-section\", host: { classAttribute: \"organism 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: `\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-menu-button\n      [actions]=\"store.actions()\"\n      (action)=\"dispatch($event)\"\n    />\n  }\n  `, isInline: true, styles: [\":host{--vertical-padding: 0px;--vertical-padding-SCOPED-IN-textarea-section-SSG9: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-textarea-section-SSG9: var(--horizontal-padding)}:host{display:block;position:relative;width:100%;padding:var(--vertical-padding-SCOPED-IN-textarea-section-SSG9) var(--horizontal-padding-SCOPED-IN-textarea-section-SSG9);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\\n\"], dependencies: [{ kind: \"component\", type: TextareaFieldMolecule, selector: \"molecules-textarea-field\" }, { kind: \"component\", type: SmartMenuButtonAtom, selector: \"atoms-menu-button, atoms-menu-button\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: TextareaSectionOrganism, decorators: [{\n            type: Component,\n            args: [{ selector: 'organisms-textarea-section', imports: [\n                        TextareaFieldMolecule,\n                        SmartMenuButtonAtom,\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-menu-button\n      [actions]=\"store.actions()\"\n      (action)=\"dispatch($event)\"\n    />\n  }\n  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [\n                        {\n                            directive: TextareaSectionOrganismStore,\n                            inputs: ['appearance', 'label', 'rows', 'placeholder', 'floatLabel', 'hint', 'control', 'actions'],\n                        }\n                    ], host: {\n                        'class': 'organism section',\n                    }, styles: [\":host{--vertical-padding: 0px;--vertical-padding-SCOPED-IN-textarea-section-SSG9: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-textarea-section-SSG9: var(--horizontal-padding)}:host{display:block;position:relative;width:100%;padding:var(--vertical-padding-SCOPED-IN-textarea-section-SSG9) var(--horizontal-padding-SCOPED-IN-textarea-section-SSG9);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtc2VjdGlvbi5vcmdhbmlzbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL29yZ2FuaXNtcy90ZXh0YXJlYS1zZWN0aW9uL3RleHRhcmVhLXNlY3Rpb24ub3JnYW5pc20udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQVUsbUJBQW1CLEVBQUUsNkJBQTZCLEVBQUUsaUJBQWlCLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0gsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7O0FBSWhGLElBQU0sNEJBQTRCLEdBQWxDLE1BQU0sNEJBQTZCLFNBQVEsbUJBQW1CO0lBQTlEOztRQUdJLGVBQVUsR0FBRyxLQUFLLENBQTZDLFNBQVMsQ0FBQyxDQUFDO1FBQzFFLFVBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdkIsU0FBSSxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNqQixnQkFBVyxHQUFHLEtBQUssQ0FBUyxhQUFhLENBQUMsQ0FBQztRQUMzQyxlQUFVLEdBQUcsS0FBSyxDQUE4QixNQUFNLENBQUMsQ0FBQztRQUN4RCxTQUFJLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDdkIsWUFBTyxHQUFHLEtBQUssQ0FBQyxJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3JDLFlBQU8sR0FBRyxLQUFLLENBQVcsRUFBRSxDQUFDLENBQUM7S0FDeEM7O2FBVmlCLHFCQUFnQixHQUFHLDZCQUE2QixDQUFDLDhCQUE0QixDQUFDLEFBQTlELENBQStEOzhHQURwRiw0QkFBNEI7a0dBQTVCLDRCQUE0Qjs7QUFBNUIsNEJBQTRCO0lBRnhDLGFBQWEsRUFBRTtHQUVILDRCQUE0QixDQVd4Qzs7MkZBWFksNEJBQTRCO2tCQUR4QyxTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLDRCQUE0QixFQUFFOztBQWtEckQsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGlCQUFpQjtJQXBDOUQ7O1FBcUNZLFVBQUssR0FBRyxNQUFNLENBQUMsNEJBQTRCLENBQUMsQ0FBQztLQUN4RDs4R0FGWSx1QkFBdUI7a0dBQXZCLHVCQUF1QixpS0FqRHZCLDRCQUE0QiwyTkFtQjdCOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVCxpbUJBcEJDLHFCQUFxQixxRUFDckIsbUJBQW1COzsyRkFnQ1YsdUJBQXVCO2tCQXBDbkMsU0FBUzsrQkFDRSw0QkFBNEIsV0FDN0I7d0JBQ1AscUJBQXFCO3dCQUNyQixtQkFBbUI7cUJBQ3BCLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsNEJBQTRCOzRCQUN2QyxNQUFNLEVBQUUsQ0FBQyxZQUFZLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDO3lCQUNuRztxQkFDRixRQUNLO3dCQUNKLE9BQU8sRUFBRSxrQkFBa0I7cUJBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBpbnB1dCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEFjdGlvbiwgSW5qZWN0YWJsZUNvbXBvbmVudCwgbWFrZVByb3ZpZGVDb21vcG5lbnRDb25maWd1cmUsIE5nQXRvbWljQ29tcG9uZW50LCBUb2tlbml6ZWRUeXBlIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IFNtYXJ0TWVudUJ1dHRvbkF0b20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvYXRvbXMvbWVudS1idXR0b24nO1xuaW1wb3J0IHsgVGV4dGFyZWFGaWVsZE1vbGVjdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy90ZXh0YXJlYS1maWVsZCc7XG5cbkBUb2tlbml6ZWRUeXBlKClcbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ29yZ2FuaXNtcy10ZXh0YXJlYS1zZWN0aW9uJyB9KVxuZXhwb3J0IGNsYXNzIFRleHRhcmVhU2VjdGlvbk9yZ2FuaXNtU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IHByb3ZpZGVDb21wb25lbnQgPSBtYWtlUHJvdmlkZUNvbW9wbmVudENvbmZpZ3VyZShUZXh0YXJlYVNlY3Rpb25PcmdhbmlzbVN0b3JlKTtcblxuICByZWFkb25seSBhcHBlYXJhbmNlID0gaW5wdXQ8J2xlZ2FjeScgfCAnc3RhbmRhcmQnIHwgJ2ZpbGwnIHwgJ291dGxpbmUnPignb3V0bGluZScpO1xuICByZWFkb25seSBsYWJlbCA9IGlucHV0KCdsYWJlbCcpO1xuICByZWFkb25seSByb3dzID0gaW5wdXQoMTApO1xuICByZWFkb25seSBwbGFjZWhvbGRlciA9IGlucHV0PHN0cmluZz4oJ3BsYWNlaG9sZGVyJyk7XG4gIHJlYWRvbmx5IGZsb2F0TGFiZWwgPSBpbnB1dDwnYXV0bycgfCAnYWx3YXlzJyB8ICduZXZlcic+KCdhdXRvJyk7XG4gIHJlYWRvbmx5IGhpbnQgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGNvbnRyb2wgPSBpbnB1dChuZXcgRm9ybUNvbnRyb2woJycpKTtcbiAgcmVhZG9ubHkgYWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXSk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29yZ2FuaXNtcy10ZXh0YXJlYS1zZWN0aW9uJyxcbiAgaW1wb3J0czogW1xuICAgIFRleHRhcmVhRmllbGRNb2xlY3VsZSxcbiAgICBTbWFydE1lbnVCdXR0b25BdG9tLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8bW9sZWN1bGVzLXRleHRhcmVhLWZpZWxkXG4gICAgW2FwcGVhcmFuY2VdPVwic3RvcmUuYXBwZWFyYW5jZSgpXCJcbiAgICBbY29udHJvbF09XCJzdG9yZS5jb250cm9sKClcIlxuICAgIFtsYWJlbF09XCJzdG9yZS5sYWJlbCgpXCJcbiAgICBbZmxvYXRMYWJlbF09XCJzdG9yZS5mbG9hdExhYmVsKClcIlxuICAgIFtoaW50XT1cInN0b3JlLmhpbnQoKVwiXG4gICAgW3Jvd3NdPVwic3RvcmUucm93cygpXCJcbiAgICBbcGxhY2Vob2xkZXJdPVwic3RvcmUucGxhY2Vob2xkZXIoKVwiXG4gICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgLz5cbiAgQGlmIChzdG9yZS5hY3Rpb25zKCkubGVuZ3RoKSB7XG4gICAgPGF0b21zLW1lbnUtYnV0dG9uXG4gICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zKClcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAvPlxuICB9XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3RleHRhcmVhLXNlY3Rpb24ub3JnYW5pc20uc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IFRleHRhcmVhU2VjdGlvbk9yZ2FuaXNtU3RvcmUsXG4gICAgICBpbnB1dHM6IFsnYXBwZWFyYW5jZScsICdsYWJlbCcsICdyb3dzJywgJ3BsYWNlaG9sZGVyJywgJ2Zsb2F0TGFiZWwnLCAnaGludCcsICdjb250cm9sJywgJ2FjdGlvbnMnXSxcbiAgICB9XG4gIF0sXG4gIGhvc3Q6IHtcbiAgICAnY2xhc3MnOiAnb3JnYW5pc20gc2VjdGlvbicsXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgVGV4dGFyZWFTZWN0aW9uT3JnYW5pc20gZXh0ZW5kcyBOZ0F0b21pY0NvbXBvbmVudCB7XG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChUZXh0YXJlYVNlY3Rpb25PcmdhbmlzbVN0b3JlKTtcbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtb3JnYW5pc21zLXRleHRhcmVhLXNlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9vcmdhbmlzbXMvdGV4dGFyZWEtc2VjdGlvbi9uZy1hdG9taWMtY29tcG9uZW50cy1vcmdhbmlzbXMtdGV4dGFyZWEtc2VjdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

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

@@ -1,36 +1,42 @@
+import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
 import { input, Directive, inject, ChangeDetectionStrategy, Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NgAtomicComponent } from '@ng-atomic/core';
-import * as i2 from '@angular/material/divider';
+import { InjectableComponent, _computed, makeProvideComopnentConfigure, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
+import * as i1 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';
+import { ThreadMessageMoleculeStore } from '@ng-atomic/components/molecules/thread-message';
 
-class ThreadMessagesSectionOrganismStore {
+var ThreadMessagesSectionOrganismStore_1;
+let ThreadMessagesSectionOrganismStore = class ThreadMessagesSectionOrganismStore extends InjectableComponent {
     constructor() {
+        super(...arguments);
         this.comments = input([]);
+        this.messages = input(_computed(() => this.comments()));
         this.noCommentMessage = input('まだコメントはありません。');
         this.commentActions = input([]);
+        this.messageActions = input(() => []);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ThreadMessagesSectionOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", 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: "19.1.4", ngImport: i0, type: ThreadMessagesSectionOrganismStore, decorators: [{
+    static { ThreadMessagesSectionOrganismStore_1 = this; }
+    static { this.provideComponent = makeProvideComopnentConfigure(ThreadMessagesSectionOrganismStore_1); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ThreadMessagesSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: ThreadMessagesSectionOrganismStore, isStandalone: true, selector: "organisms-thread-messages-section", inputs: { comments: { classPropertyName: "comments", publicName: "comments", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", 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 }, messageActions: { classPropertyName: "messageActions", publicName: "messageActions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+ThreadMessagesSectionOrganismStore = ThreadMessagesSectionOrganismStore_1 = __decorate([
+    TokenizedType()
+], ThreadMessagesSectionOrganismStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ThreadMessagesSectionOrganismStore, decorators: [{
             type: Directive,
-            args: [{ standalone: true }]
+            args: [{ selector: 'organisms-thread-messages-section' }]
         }] });
 class ThreadMessagesSectionOrganism extends NgAtomicComponent {
     constructor() {
         super(...arguments);
         this.store = inject(ThreadMessagesSectionOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ThreadMessagesSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", 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) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ThreadMessagesSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: ThreadMessagesSectionOrganism, isStandalone: true, selector: "organisms-thread-section organisms-thread-messages-section", usesInheritance: true, hostDirectives: [{ directive: ThreadMessagesSectionOrganismStore, inputs: ["comments", "comments", "noCommentMessage", "noCommentMessage", "commentActions", "commentActions", "messages", "messages", "messageActions", "messageActions"] }], ngImport: i0, template: `
+  @if (store.messages()?.length === 0) {
     <div class="message">
       <div class="content">
         <span>{{ store.noCommentMessage() }}</span>
@@ -38,45 +44,20 @@ class ThreadMessagesSectionOrganism extends NgAtomicComponent {
     </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>
+  @for (message of store.messages() ?? []; track message) {
+    <molecules-thread-message [message]="message" injectable/>
     <mat-divider />
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-vWgB: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-vWgB: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-vWgB: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-vWgB: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-vWgB: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-vWgB: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-vWgB)}: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%-vWgB)}: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 }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-IFTr: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-IFTr: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-IFTr: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-IFTr: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-IFTr: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-IFTr: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-IFTr)}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: ThreadMessageMoleculeStore, selector: "molecules-thread-message", inputs: ["name", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-thread-section', imports: [
-                        CommonModule,
-                        ActionsPipe,
+            args: [{ selector: 'organisms-thread-section organisms-thread-messages-section', imports: [
                         MatButtonModule,
-                        DataAccessorPipe,
                         MatDividerModule,
-                        FallbackSrcDirective,
+                        ThreadMessageMoleculeStore,
                     ], template: `
-  @if (store.comments()?.length === 0) {
+  @if (store.messages()?.length === 0) {
     <div class="message">
       <div class="content">
         <span>{{ store.noCommentMessage() }}</span>
@@ -84,38 +65,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
     </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>
+  @for (message of store.messages() ?? []; track message) {
+    <molecules-thread-message [message]="message" injectable/>
     <mat-divider />
   }
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: ThreadMessagesSectionOrganismStore,
-                            inputs: ['comments', 'noCommentMessage', 'commentActions']
+                            inputs: [
+                                'comments',
+                                'noCommentMessage',
+                                'commentActions',
+                                'messages',
+                                'messageActions',
+                            ]
                         }
-                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-vWgB: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-vWgB: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-vWgB: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-vWgB: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-vWgB: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-vWgB: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-vWgB)}: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%-vWgB)}: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"] }]
+                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-IFTr: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-IFTr: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-IFTr: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-IFTr: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-IFTr: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-IFTr: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-IFTr)}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
         }] });
 
 /**

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

@@ -1 +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    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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"}
+{"version":3,"file":"ng-atomic-components-organisms-thread-messages-section.mjs","sources":["../tmp-esm2022/organisms/thread-messages-section/thread-messages-section.organism.js","../tmp-esm2022/organisms/thread-messages-section/ng-atomic-components-organisms-thread-messages-section.js"],"sourcesContent":["var ThreadMessagesSectionOrganismStore_1;\nimport { __decorate } from \"tslib\";\nimport { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { _computed, InjectableComponent, makeProvideComopnentConfigure, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { MatButtonModule } from '@angular/material/button';\nimport { ThreadMessageMoleculeStore } from '@ng-atomic/components/molecules/thread-message';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/material/divider\";\nlet ThreadMessagesSectionOrganismStore = class ThreadMessagesSectionOrganismStore extends InjectableComponent {\n    constructor() {\n        super(...arguments);\n        this.comments = input([]);\n        this.messages = input(_computed(() => this.comments()));\n        this.noCommentMessage = input('まだコメントはありません。');\n        this.commentActions = input([]);\n        this.messageActions = input(() => []);\n    }\n    static { ThreadMessagesSectionOrganismStore_1 = this; }\n    static { this.provideComponent = makeProvideComopnentConfigure(ThreadMessagesSectionOrganismStore_1); }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: ThreadMessagesSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"17.1.0\", version: \"20.0.5\", type: ThreadMessagesSectionOrganismStore, isStandalone: true, selector: \"organisms-thread-messages-section\", inputs: { comments: { classPropertyName: \"comments\", publicName: \"comments\", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: \"messages\", publicName: \"messages\", 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 }, messageActions: { classPropertyName: \"messageActions\", publicName: \"messageActions\", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }\n};\nThreadMessagesSectionOrganismStore = ThreadMessagesSectionOrganismStore_1 = __decorate([\n    TokenizedType()\n], ThreadMessagesSectionOrganismStore);\nexport { ThreadMessagesSectionOrganismStore };\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: ThreadMessagesSectionOrganismStore, decorators: [{\n            type: Directive,\n            args: [{ selector: 'organisms-thread-messages-section' }]\n        }] });\nexport class ThreadMessagesSectionOrganism extends NgAtomicComponent {\n    constructor() {\n        super(...arguments);\n        this.store = inject(ThreadMessagesSectionOrganismStore);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: ThreadMessagesSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.5\", type: ThreadMessagesSectionOrganism, isStandalone: true, selector: \"organisms-thread-section organisms-thread-messages-section\", usesInheritance: true, hostDirectives: [{ directive: ThreadMessagesSectionOrganismStore, inputs: [\"comments\", \"comments\", \"noCommentMessage\", \"noCommentMessage\", \"commentActions\", \"commentActions\", \"messages\", \"messages\", \"messageActions\", \"messageActions\"] }], ngImport: i0, template: `\n  @if (store.messages()?.length === 0) {\n    <div class=\"message\">\n      <div class=\"content\">\n        <span>{{ store.noCommentMessage() }}</span>\n      </div>\n    </div>\n  }\n\n  @for (message of store.messages() ?? []; track message) {\n    <molecules-thread-message [message]=\"message\" injectable/>\n    <mat-divider />\n  }\n  `, isInline: true, styles: [\":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-IFTr: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-IFTr: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-IFTr: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-IFTr: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-IFTr: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-IFTr: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-IFTr)}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\\n\"], dependencies: [{ kind: \"ngmodule\", type: MatButtonModule }, { kind: \"ngmodule\", type: MatDividerModule }, { kind: \"component\", type: i1.MatDivider, selector: \"mat-divider\", inputs: [\"vertical\", \"inset\"] }, { kind: \"directive\", type: ThreadMessageMoleculeStore, selector: \"molecules-thread-message\", inputs: [\"name\", \"message\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{\n            type: Component,\n            args: [{ selector: 'organisms-thread-section organisms-thread-messages-section', imports: [\n                        MatButtonModule,\n                        MatDividerModule,\n                        ThreadMessageMoleculeStore,\n                    ], template: `\n  @if (store.messages()?.length === 0) {\n    <div class=\"message\">\n      <div class=\"content\">\n        <span>{{ store.noCommentMessage() }}</span>\n      </div>\n    </div>\n  }\n\n  @for (message of store.messages() ?? []; track message) {\n    <molecules-thread-message [message]=\"message\" injectable/>\n    <mat-divider />\n  }\n  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [\n                        {\n                            directive: ThreadMessagesSectionOrganismStore,\n                            inputs: [\n                                'comments',\n                                'noCommentMessage',\n                                'commentActions',\n                                'messages',\n                                'messageActions',\n                            ]\n                        }\n                    ], styles: [\":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-IFTr: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-IFTr: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-IFTr: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-IFTr: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-IFTr: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-IFTr: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-IFTr)}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhyZWFkLW1lc3NhZ2VzLXNlY3Rpb24ub3JnYW5pc20uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9vcmdhbmlzbXMvdGhyZWFkLW1lc3NhZ2VzLXNlY3Rpb24vdGhyZWFkLW1lc3NhZ2VzLXNlY3Rpb24ub3JnYW5pc20udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxTQUFTLEVBQVcsbUJBQW1CLEVBQWUsNkJBQTZCLEVBQUUsaUJBQWlCLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDeEosT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDOzs7QUFJckYsSUFBTSxrQ0FBa0MsR0FBeEMsTUFBTSxrQ0FBc0MsU0FBUSxtQkFBbUI7SUFBdkU7O1FBR0ksYUFBUSxHQUFHLEtBQUssQ0FBTSxFQUFFLENBQUMsQ0FBQztRQUMxQixhQUFRLEdBQUcsS0FBSyxDQUFNLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3hELHFCQUFnQixHQUFHLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUMxQyxtQkFBYyxHQUFHLEtBQUssQ0FBVSxFQUFFLENBQUMsQ0FBQztRQUNwQyxtQkFBYyxHQUFHLEtBQUssQ0FBaUIsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7S0FDM0Q7O2FBUGlCLHFCQUFnQixHQUFHLDZCQUE2QixDQUFDLG9DQUFrQyxDQUFDLEFBQXBFLENBQXFFOzhHQUQxRixrQ0FBa0M7a0dBQWxDLGtDQUFrQzs7QUFBbEMsa0NBQWtDO0lBRjlDLGFBQWEsRUFBRTtHQUVILGtDQUFrQyxDQVE5Qzs7MkZBUlksa0NBQWtDO2tCQUQ5QyxTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLG1DQUFtQyxFQUFFOztBQStDNUQsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGlCQUFpQjtJQXBDcEU7O1FBcUNZLFVBQUssR0FBRyxNQUFNLENBQUMsa0NBQWtDLENBQUMsQ0FBQztLQUM5RDs4R0FGWSw2QkFBNkI7a0dBQTdCLDZCQUE2QixtSkE5QzdCLGtDQUFrQyx1TUFpQm5DOzs7Ozs7Ozs7Ozs7O0dBYVQsKzBCQWpCQyxlQUFlLDhCQUNmLGdCQUFnQixtSUFDaEIsMEJBQTBCOzsyRkErQmpCLDZCQUE2QjtrQkFwQ3pDLFNBQVM7K0JBQ0UsNERBQTRELFdBQzdEO3dCQUNQLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQiwwQkFBMEI7cUJBQzNCLFlBQ1M7Ozs7Ozs7Ozs7Ozs7R0FhVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLGtDQUFrQzs0QkFDN0MsTUFBTSxFQUFFO2dDQUNOLFVBQVU7Z0NBQ1Ysa0JBQWtCO2dDQUNsQixnQkFBZ0I7Z0NBQ2hCLFVBQVU7Z0NBQ1YsZ0JBQWdCOzZCQUNqQjt5QkFDRjtxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIERpcmVjdGl2ZSwgaW5qZWN0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgX2NvbXB1dGVkLCBBY3Rpb25zLCBJbmplY3RhYmxlQ29tcG9uZW50LCBJdGVtQWN0aW9ucywgbWFrZVByb3ZpZGVDb21vcG5lbnRDb25maWd1cmUsIE5nQXRvbWljQ29tcG9uZW50LCBUb2tlbml6ZWRUeXBlIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE1hdERpdmlkZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaXZpZGVyJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBUaHJlYWRNZXNzYWdlTW9sZWN1bGVTdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9tb2xlY3VsZXMvdGhyZWFkLW1lc3NhZ2UnO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdvcmdhbmlzbXMtdGhyZWFkLW1lc3NhZ2VzLXNlY3Rpb24nIH0pXG5leHBvcnQgY2xhc3MgVGhyZWFkTWVzc2FnZXNTZWN0aW9uT3JnYW5pc21TdG9yZTxUPiBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICBzdGF0aWMgcmVhZG9ubHkgcHJvdmlkZUNvbXBvbmVudCA9IG1ha2VQcm92aWRlQ29tb3BuZW50Q29uZmlndXJlKFRocmVhZE1lc3NhZ2VzU2VjdGlvbk9yZ2FuaXNtU3RvcmUpO1xuXG4gIHJlYWRvbmx5IGNvbW1lbnRzID0gaW5wdXQ8VFtdPihbXSk7XG4gIHJlYWRvbmx5IG1lc3NhZ2VzID0gaW5wdXQ8VFtdPihfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb21tZW50cygpKSk7XG4gIHJlYWRvbmx5IG5vQ29tbWVudE1lc3NhZ2UgPSBpbnB1dCgn44G+44Gg44Kz44Oh44Oz44OI44Gv44GC44KK44G+44Gb44KT44CCJyk7XG4gIHJlYWRvbmx5IGNvbW1lbnRBY3Rpb25zID0gaW5wdXQ8QWN0aW9ucz4oW10pO1xuICByZWFkb25seSBtZXNzYWdlQWN0aW9ucyA9IGlucHV0PEl0ZW1BY3Rpb25zPFQ+PigoKSA9PiBbXSk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29yZ2FuaXNtcy10aHJlYWQtc2VjdGlvbiBvcmdhbmlzbXMtdGhyZWFkLW1lc3NhZ2VzLXNlY3Rpb24nLFxuICBpbXBvcnRzOiBbXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxuICAgIE1hdERpdmlkZXJNb2R1bGUsXG4gICAgVGhyZWFkTWVzc2FnZU1vbGVjdWxlU3RvcmUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gIEBpZiAoc3RvcmUubWVzc2FnZXMoKT8ubGVuZ3RoID09PSAwKSB7XG4gICAgPGRpdiBjbGFzcz1cIm1lc3NhZ2VcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICAgIDxzcGFuPnt7IHN0b3JlLm5vQ29tbWVudE1lc3NhZ2UoKSB9fTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICB9XG5cbiAgQGZvciAobWVzc2FnZSBvZiBzdG9yZS5tZXNzYWdlcygpID8/IFtdOyB0cmFjayBtZXNzYWdlKSB7XG4gICAgPG1vbGVjdWxlcy10aHJlYWQtbWVzc2FnZSBbbWVzc2FnZV09XCJtZXNzYWdlXCIgaW5qZWN0YWJsZS8+XG4gICAgPG1hdC1kaXZpZGVyIC8+XG4gIH1cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vdGhyZWFkLW1lc3NhZ2VzLXNlY3Rpb24ub3JnYW5pc20uc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IFRocmVhZE1lc3NhZ2VzU2VjdGlvbk9yZ2FuaXNtU3RvcmUsXG4gICAgICBpbnB1dHM6IFtcbiAgICAgICAgJ2NvbW1lbnRzJyxcbiAgICAgICAgJ25vQ29tbWVudE1lc3NhZ2UnLFxuICAgICAgICAnY29tbWVudEFjdGlvbnMnLFxuICAgICAgICAnbWVzc2FnZXMnLFxuICAgICAgICAnbWVzc2FnZUFjdGlvbnMnLFxuICAgICAgXVxuICAgIH1cbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVGhyZWFkTWVzc2FnZXNTZWN0aW9uT3JnYW5pc20gZXh0ZW5kcyBOZ0F0b21pY0NvbXBvbmVudCB7XG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChUaHJlYWRNZXNzYWdlc1NlY3Rpb25PcmdhbmlzbVN0b3JlKTtcbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtb3JnYW5pc21zLXRocmVhZC1tZXNzYWdlcy1zZWN0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvb3JnYW5pc21zL3RocmVhZC1tZXNzYWdlcy1zZWN0aW9uL25nLWF0b21pYy1jb21wb25lbnRzLW9yZ2FuaXNtcy10aHJlYWQtbWVzc2FnZXMtc2VjdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":";;;;;;;;;AAAA,IAAI,oCAAoC;AASrC,IAAC,kCAAkC,GAAG,MAAM,kCAAkC,SAAS,mBAAmB,CAAC;AAC9G,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,CAAC,GAAG,SAAS,CAAC;AAC3B,QAAQ,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,EAAE,CAAC;AACjC,QAAQ,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC/D,QAAQ,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,eAAe,CAAC;AACtD,QAAQ,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,EAAE,CAAC;AACvC,QAAQ,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;AAC7C;AACA,IAAI,SAAS,oCAAoC,GAAG,IAAI,CAAC;AACzD,IAAI,SAAS,IAAI,CAAC,gBAAgB,GAAG,6BAA6B,CAAC,oCAAoC,CAAC,CAAC;AACzG,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,kCAAkC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AACtM,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,kCAAkC,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,mCAAmC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,gBAAgB,EAAE,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,UAAU,EAAE,kBAAkB,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,cAAc,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,cAAc,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;AAC77B;AACA,kCAAkC,GAAG,oCAAoC,GAAG,UAAU,CAAC;AACvF,IAAI,aAAa;AACjB,CAAC,EAAE,kCAAkC,CAAC;AAEtC,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,kCAAkC,EAAE,UAAU,EAAE,CAAC;AAC5I,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,mCAAmC,EAAE;AACpE,SAAS,CAAC,EAAE,CAAC;AACN,MAAM,6BAA6B,SAAS,iBAAiB,CAAC;AACrE,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,CAAC,GAAG,SAAS,CAAC;AAC3B,QAAQ,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,kCAAkC,CAAC;AAC/D;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,6BAA6B,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AACjM,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,6BAA6B,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,4DAA4D,EAAE,eAAe,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,EAAE,SAAS,EAAE,kCAAkC,EAAE,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE;AAC3f;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,wwBAAwwB,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,0BAA0B,EAAE,QAAQ,EAAE,0BAA0B,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,CAAC,CAAC;AAC1qC;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,6BAA6B,EAAE,UAAU,EAAE,CAAC;AACvI,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,4DAA4D,EAAE,OAAO,EAAE;AACtG,wBAAwB,eAAe;AACvC,wBAAwB,gBAAgB;AACxC,wBAAwB,0BAA0B;AAClD,qBAAqB,EAAE,QAAQ,EAAE;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,EAAE,CAAC,EAAE,eAAe,EAAE,uBAAuB,CAAC,MAAM,EAAE,cAAc,EAAE;AACtE,wBAAwB;AACxB,4BAA4B,SAAS,EAAE,kCAAkC;AACzE,4BAA4B,MAAM,EAAE;AACpC,gCAAgC,UAAU;AAC1C,gCAAgC,kBAAkB;AAClD,gCAAgC,gBAAgB;AAChD,gCAAgC,UAAU;AAC1C,gCAAgC,gBAAgB;AAChD;AACA;AACA,qBAAqB,EAAE,MAAM,EAAE,CAAC,wwBAAwwB,CAAC,EAAE;AAC3yB,SAAS,CAAC,EAAE,CAAC;;ACnFb;AACA;AACA;;;;"}

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

@@ -11,8 +11,8 @@ class TimeRangeInputSectionOrganism {
             end: ['01:00'],
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TimeRangeInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: TimeRangeInputSectionOrganism, isStandalone: true, selector: "organisms-time-range-input-section", inputs: { control: "control" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TimeRangeInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: TimeRangeInputSectionOrganism, isStandalone: true, selector: "organisms-time-range-input-section", inputs: { control: "control" }, ngImport: i0, template: `
     <molecules-text-input-field
       [label]="'開始範囲時刻'"
       [control]="control.get(['start'])"
@@ -23,7 +23,7 @@ class TimeRangeInputSectionOrganism {
     />
   `, isInline: true, styles: [":host{display:block}:host{display:flex;width:100%;flex-direction:row;padding:0 16px;box-sizing:border-box;gap:8px}:host molecules-text-input-field{width:calc(50% - 4px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TimeRangeInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: TimeRangeInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-time-range-input-section', standalone: true, imports: [
                         CommonModule,

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-time-range-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/time-range-input-section/time-range-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/time-range-input-section/ng-atomic-components-organisms-time-range-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormBuilder } from '@angular/forms';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\n\n@Component({\n  selector: 'organisms-time-range-input-section',\n  standalone: true,\n  imports: [\n    CommonModule, \n    TextInputFieldMolecule,\n  ],\n  template: `\n    <molecules-text-input-field\n      [label]=\"'開始範囲時刻'\"\n      [control]=\"control.get(['start'])\"\n    />\n    <molecules-text-input-field\n      [label]=\"'終了範囲時刻'\"\n      [control]=\"control.get(['end'])\"\n    />\n  `,\n  styleUrls: ['./time-range-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TimeRangeInputSectionOrganism {\n  @Input() control = inject(FormBuilder).group({\n    start: ['00:00'],\n    end: ['01:00'],\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAyBa,6BAA6B,CAAA;AApB1C,IAAA,WAAA,GAAA;AAqBW,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC;YAC3C,KAAK,EAAE,CAAC,OAAO,CAAC;YAChB,GAAG,EAAE,CAAC,OAAO,CAAC;AACf,SAAA,CAAC;AACH;8GALY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,EAb9B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;GAST,EAZC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6KAAA,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;;2FAeb,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBApBzC,SAAS;+BACE,oCAAoC,EAAA,UAAA,EAClC,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,sBAAsB;qBACvB,EACS,QAAA,EAAA;;;;;;;;;GAST,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,6KAAA,CAAA,EAAA;8BAGtC,OAAO,EAAA,CAAA;sBAAf;;;AC1BH;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-time-range-input-section.mjs","sources":["../tmp-esm2022/organisms/time-range-input-section/time-range-input-section.organism.js","../tmp-esm2022/organisms/time-range-input-section/ng-atomic-components-organisms-time-range-input-section.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormBuilder } from '@angular/forms';\nimport { TextInputFieldMolecule } from '@ng-atomic/components/molecules/text-input-field';\nimport * as i0 from \"@angular/core\";\nexport class TimeRangeInputSectionOrganism {\n    constructor() {\n        this.control = inject(FormBuilder).group({\n            start: ['00:00'],\n            end: ['01:00'],\n        });\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: TimeRangeInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.0.5\", type: TimeRangeInputSectionOrganism, isStandalone: true, selector: \"organisms-time-range-input-section\", inputs: { control: \"control\" }, ngImport: i0, template: `\n    <molecules-text-input-field\n      [label]=\"'開始範囲時刻'\"\n      [control]=\"control.get(['start'])\"\n    />\n    <molecules-text-input-field\n      [label]=\"'終了範囲時刻'\"\n      [control]=\"control.get(['end'])\"\n    />\n  `, isInline: true, styles: [\":host{display:block}:host{display:flex;width:100%;flex-direction:row;padding:0 16px;box-sizing:border-box;gap:8px}:host molecules-text-input-field{width:calc(50% - 4px)}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"component\", type: TextInputFieldMolecule, selector: \"molecules-text-input-field\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: TimeRangeInputSectionOrganism, decorators: [{\n            type: Component,\n            args: [{ selector: 'organisms-time-range-input-section', standalone: true, imports: [\n                        CommonModule,\n                        TextInputFieldMolecule,\n                    ], template: `\n    <molecules-text-input-field\n      [label]=\"'開始範囲時刻'\"\n      [control]=\"control.get(['start'])\"\n    />\n    <molecules-text-input-field\n      [label]=\"'終了範囲時刻'\"\n      [control]=\"control.get(['end'])\"\n    />\n  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [\":host{display:block}:host{display:flex;width:100%;flex-direction:row;padding:0 16px;box-sizing:border-box;gap:8px}:host molecules-text-input-field{width:calc(50% - 4px)}\\n\"] }]\n        }], propDecorators: { control: [{\n                type: Input\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS1yYW5nZS1pbnB1dC1zZWN0aW9uLm9yZ2FuaXNtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvb3JnYW5pc21zL3RpbWUtcmFuZ2UtaW5wdXQtc2VjdGlvbi90aW1lLXJhbmdlLWlucHV0LXNlY3Rpb24ub3JnYW5pc20udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0RBQWtELENBQUM7O0FBc0IxRixNQUFNLE9BQU8sNkJBQTZCO0lBcEIxQztRQXFCVyxZQUFPLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEtBQUssQ0FBQztZQUMzQyxLQUFLLEVBQUUsQ0FBQyxPQUFPLENBQUM7WUFDaEIsR0FBRyxFQUFFLENBQUMsT0FBTyxDQUFDO1NBQ2YsQ0FBQyxDQUFDO0tBQ0o7OEdBTFksNkJBQTZCO2tHQUE3Qiw2QkFBNkIsOEhBYjlCOzs7Ozs7Ozs7R0FTVCxvUEFaQyxZQUFZLCtCQUNaLHNCQUFzQjs7MkZBZWIsNkJBQTZCO2tCQXBCekMsU0FBUzsrQkFDRSxvQ0FBb0MsY0FDbEMsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osc0JBQXNCO3FCQUN2QixZQUNTOzs7Ozs7Ozs7R0FTVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1CdWlsZGVyIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVGV4dElucHV0RmllbGRNb2xlY3VsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9tb2xlY3VsZXMvdGV4dC1pbnB1dC1maWVsZCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29yZ2FuaXNtcy10aW1lLXJhbmdlLWlucHV0LXNlY3Rpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLCBcbiAgICBUZXh0SW5wdXRGaWVsZE1vbGVjdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtb2xlY3VsZXMtdGV4dC1pbnB1dC1maWVsZFxuICAgICAgW2xhYmVsXT1cIifplovlp4vnr4Tlm7LmmYLliLsnXCJcbiAgICAgIFtjb250cm9sXT1cImNvbnRyb2wuZ2V0KFsnc3RhcnQnXSlcIlxuICAgIC8+XG4gICAgPG1vbGVjdWxlcy10ZXh0LWlucHV0LWZpZWxkXG4gICAgICBbbGFiZWxdPVwiJ+e1guS6huevhOWbsuaZguWIuydcIlxuICAgICAgW2NvbnRyb2xdPVwiY29udHJvbC5nZXQoWydlbmQnXSlcIlxuICAgIC8+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3RpbWUtcmFuZ2UtaW5wdXQtc2VjdGlvbi5vcmdhbmlzbS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVSYW5nZUlucHV0U2VjdGlvbk9yZ2FuaXNtIHtcbiAgQElucHV0KCkgY29udHJvbCA9IGluamVjdChGb3JtQnVpbGRlcikuZ3JvdXAoe1xuICAgIHN0YXJ0OiBbJzAwOjAwJ10sXG4gICAgZW5kOiBbJzAxOjAwJ10sXG4gIH0pO1xufVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtb3JnYW5pc21zLXRpbWUtcmFuZ2UtaW5wdXQtc2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL29yZ2FuaXNtcy90aW1lLXJhbmdlLWlucHV0LXNlY3Rpb24vbmctYXRvbWljLWNvbXBvbmVudHMtb3JnYW5pc21zLXRpbWUtcmFuZ2UtaW5wdXQtc2VjdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":";;;;;;AAKO,MAAM,6BAA6B,CAAC;AAC3C,IAAI,WAAW,GAAG;AAClB,QAAQ,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC;AACjD,YAAY,KAAK,EAAE,CAAC,OAAO,CAAC;AAC5B,YAAY,GAAG,EAAE,CAAC,OAAO,CAAC;AAC1B,SAAS,CAAC;AACV;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,6BAA6B,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAC/L,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,6BAA6B,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,oCAAoC,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE;AAC7P;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,6KAA6K,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,sBAAsB,EAAE,QAAQ,EAAE,4BAA4B,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,CAAC,CAAC;AAC3Z;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,6BAA6B,EAAE,UAAU,EAAE,CAAC;AACvI,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,oCAAoC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE;AAChG,wBAAwB,YAAY;AACpC,wBAAwB,sBAAsB;AAC9C,qBAAqB,EAAE,QAAQ,EAAE;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,CAAC,EAAE,eAAe,EAAE,uBAAuB,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,6KAA6K,CAAC,EAAE;AAC/O,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,CAAC;AACxC,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,EAAE,CAAC;;ACzCnB;AACA;AACA;;;;"}

package/fesm2022/ng-atomic-components-organisms-toolbar.mjs

@@ -23,8 +23,8 @@ class ToolbarOrganism extends NgAtomicComponent {
         this.endActions = [];
     }
     static { this.ActionId = ActionId; }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ToolbarOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: ToolbarOrganism, isStandalone: true, selector: "organisms-toolbar", inputs: { form: "form", actions: "actions", endActions: "endActions" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ToolbarOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: ToolbarOrganism, isStandalone: true, selector: "organisms-toolbar", inputs: { form: "form", actions: "actions", endActions: "endActions" }, usesInheritance: true, ngImport: i0, template: `
     <div class="start">
       <mat-slider min="360" max="1920" step="10">
         <input [formControl]="form.get(['width'])" matSliderThumb>
@@ -51,9 +51,9 @@ class ToolbarOrganism extends NgAtomicComponent {
         <mat-icon>{{ action.icon }}</mat-icon>
       </button>
     </div>
-  `, isInline: true, styles: [":host{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 8px;width:100%;height:56px;bottom:0;left:0;background:#fff}:host div.start,:host div.end{width:120px}:host .end{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i2.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 8px;width:100%;height:56px;bottom:0;left:0;background:#fff}:host div.start,:host div.end{width:120px}:host .end{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i2.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ToolbarOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ToolbarOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-toolbar', imports: [
                         CommonModule,