@ng-atomic/components 16.2.0 → 16.3.1

package/esm2022/templates/icon-button-menu/icon-button-menu.template.mjs

@@ -1,64 +1,58 @@
-import { ChangeDetectionStrategy, Component, Directive, InjectionToken, Input, inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';
+import { TokenizedType } from '@ng-atomic/core';
 import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/button";
-import * as i3 from "@angular/material/icon";
-export class IconButtonMenuTemplateStore extends InjectableComponent {
+import * as i1 from "@angular/material/button";
+import * as i2 from "@angular/material/icon";
+let IconButtonMenuTemplateStore = class IconButtonMenuTemplateStore extends InjectableComponent {
     constructor() {
         super(...arguments);
-        this.actions = [];
+        this.actions = input([]);
     }
-    static { this.TOKEN = new InjectionToken('IconButtonMenuTemplateStore'); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconButtonMenuTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: IconButtonMenuTemplateStore, isStandalone: true, selector: "templates-icon-button-menu", inputs: { actions: "actions" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconButtonMenuTemplateStore, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IconButtonMenuTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: IconButtonMenuTemplateStore, isStandalone: true, selector: "templates-icon-button-menu", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+IconButtonMenuTemplateStore = __decorate([
+    TokenizedType()
+], IconButtonMenuTemplateStore);
+export { IconButtonMenuTemplateStore };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IconButtonMenuTemplateStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'templates-icon-button-menu' }]
-        }], propDecorators: { actions: [{
-                type: Input
-            }] } });
+        }] });
 export class IconButtonMenuTemplate extends NgAtomicComponent {
     constructor() {
         super(...arguments);
         this.store = inject(IconButtonMenuTemplateStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconButtonMenuTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconButtonMenuTemplate, isStandalone: true, selector: "templates-icon-button-menu", usesInheritance: true, hostDirectives: [{ directive: IconButtonMenuTemplateStore, inputs: ["actions", "actions"] }], ngImport: i0, template: `
-    <button
-      mat-icon-button
-      color="basic"
-      *ngFor="let action of store.actions"
-      (click)="dispatch(action)"
-    >
-      <mat-icon>{{ action.icon }}</mat-icon>
-    </button>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:white;display:block;--primary-color: #3f51b5;--primary-color-SCOPED-IN-icon-button-menu-0vWW: var(--primary-color);--mdc-icon-button-icon-color: white;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-0vWW: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-0vWW)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IconButtonMenuTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: IconButtonMenuTemplate, isStandalone: true, selector: "templates-icon-button-menu", usesInheritance: true, hostDirectives: [{ directive: IconButtonMenuTemplateStore, inputs: ["actions", "actions"] }], ngImport: i0, template: `
+    @for (action of store.actions(); track action.id) {
+      <button mat-icon-button color="basic" (click)="dispatch(action)">
+        <mat-icon>{{ action.icon }}</mat-icon>
+      </button>
+    }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-u92h: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-u92h: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-u92h: var(--secondary-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-u92h: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-u92h)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-u92h)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-icon-button-menu', standalone: true, imports: [
-                        CommonModule,
                         MatButtonModule,
                         MatIconModule,
                     ], template: `
-    <button
-      mat-icon-button
-      color="basic"
-      *ngFor="let action of store.actions"
-      (click)="dispatch(action)"
-    >
-      <mat-icon>{{ action.icon }}</mat-icon>
-    </button>
+    @for (action of store.actions(); track action.id) {
+      <button mat-icon-button color="basic" (click)="dispatch(action)">
+        <mat-icon>{{ action.icon }}</mat-icon>
+      </button>
+    }
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: IconButtonMenuTemplateStore,
                             inputs: ['actions'],
                         },
-                    ], styles: [":host{width:100%;height:100%;background:white;display:block;--primary-color: #3f51b5;--primary-color-SCOPED-IN-icon-button-menu-0vWW: var(--primary-color);--mdc-icon-button-icon-color: white;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-0vWW: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-0vWW)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-u92h: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-u92h: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-u92h: var(--secondary-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-u92h: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-u92h)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-u92h)}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24tbWVudS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9pY29uLWJ1dHRvbi1tZW51L2ljb24tYnV0dG9uLW1lbnUudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0csT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7O0FBR3ZELE1BQU0sT0FBTywyQkFBNEIsU0FBUSxtQkFBbUI7SUFEcEU7O1FBR1csWUFBTyxHQUFhLEVBQUUsQ0FBQztLQUNqQzthQUZRLFVBQUssR0FBRyxJQUFJLGNBQWMsQ0FBQyw2QkFBNkIsQ0FBQyxBQUFwRCxDQUFxRDsrR0FEdEQsMkJBQTJCO21HQUEzQiwyQkFBMkI7OzRGQUEzQiwyQkFBMkI7a0JBRHZDLFNBQVM7bUJBQUMsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSw0QkFBNEIsRUFBRTs4QkFHNUQsT0FBTztzQkFBZixLQUFLOztBQThCUixNQUFNLE9BQU8sc0JBQXVCLFNBQVEsaUJBQWlCO0lBM0I3RDs7UUE0QlksVUFBSyxHQUFHLE1BQU0sQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO0tBQ3ZEOytHQUZZLHNCQUFzQjttR0FBdEIsc0JBQXNCLG1IQWhDdEIsMkJBQTJCLDZEQWE1Qjs7Ozs7Ozs7O0dBU1QseWhCQWJDLFlBQVksMkpBQ1osZUFBZSwyTEFDZixhQUFhOzs0RkFxQkosc0JBQXNCO2tCQTNCbEMsU0FBUzsrQkFDRSw0QkFBNEIsY0FDMUIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixhQUFhO3FCQUNkLFlBQ1M7Ozs7Ozs7OztHQVNULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsMkJBQTJCOzRCQUN0QyxNQUFNLEVBQUUsQ0FBQyxTQUFTLENBQUM7eUJBQ3BCO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBJbmplY3Rpb25Ub2tlbiwgSW5wdXQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFjdGlvbiB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50LCBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtaWNvbi1idXR0b24tbWVudScgfSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uTWVudVRlbXBsYXRlU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgc3RhdGljIFRPS0VOID0gbmV3IEluamVjdGlvblRva2VuKCdJY29uQnV0dG9uTWVudVRlbXBsYXRlU3RvcmUnKTtcbiAgQElucHV0KCkgYWN0aW9uczogQWN0aW9uW10gPSBbXTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLWljb24tYnV0dG9uLW1lbnUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxidXR0b25cbiAgICAgIG1hdC1pY29uLWJ1dHRvblxuICAgICAgY29sb3I9XCJiYXNpY1wiXG4gICAgICAqbmdGb3I9XCJsZXQgYWN0aW9uIG9mIHN0b3JlLmFjdGlvbnNcIlxuICAgICAgKGNsaWNrKT1cImRpc3BhdGNoKGFjdGlvbilcIlxuICAgID5cbiAgICAgIDxtYXQtaWNvbj57eyBhY3Rpb24uaWNvbiB9fTwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2ljb24tYnV0dG9uLW1lbnUudGVtcGxhdGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IEljb25CdXR0b25NZW51VGVtcGxhdGVTdG9yZSxcbiAgICAgIGlucHV0czogWydhY3Rpb25zJ10sXG4gICAgfSxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uTWVudVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoSWNvbkJ1dHRvbk1lbnVUZW1wbGF0ZVN0b3JlKTtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24tbWVudS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9pY29uLWJ1dHRvbi1tZW51L2ljb24tYnV0dG9uLW1lbnUudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFVLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFJaEQsSUFBTSwyQkFBMkIsR0FBakMsTUFBTSwyQkFBNEIsU0FBUSxtQkFBbUI7SUFBN0Q7O1FBQ0ksWUFBTyxHQUFHLEtBQUssQ0FBVyxFQUFFLENBQUMsQ0FBQztLQUN4Qzs4R0FGWSwyQkFBMkI7a0dBQTNCLDJCQUEyQjs7QUFBM0IsMkJBQTJCO0lBRnZDLGFBQWEsRUFBRTtHQUVILDJCQUEyQixDQUV2Qzs7MkZBRlksMkJBQTJCO2tCQUR2QyxTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsNEJBQTRCLEVBQUU7O0FBNEJ2RSxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsaUJBQWlCO0lBdkI3RDs7UUF3QlksVUFBSyxHQUFHLE1BQU0sQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO0tBQ3ZEOzhHQUZZLHNCQUFzQjtrR0FBdEIsc0JBQXNCLG1IQTNCdEIsMkJBQTJCLDZEQVc1Qjs7Ozs7O0dBTVQsbTBCQVRDLGVBQWUsMklBQ2YsYUFBYTs7MkZBa0JKLHNCQUFzQjtrQkF2QmxDLFNBQVM7K0JBQ0UsNEJBQTRCLGNBQzFCLElBQUksV0FDUDt3QkFDUCxlQUFlO3dCQUNmLGFBQWE7cUJBQ2QsWUFDUzs7Ozs7O0dBTVQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSwyQkFBMkI7NEJBQ3RDLE1BQU0sRUFBRSxDQUFDLFNBQVMsQ0FBQzt5QkFDcEI7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiwgVG9rZW5pemVkVHlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50LCBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtaWNvbi1idXR0b24tbWVudScgfSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uTWVudVRlbXBsYXRlU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgYWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXSk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1pY29uLWJ1dHRvbi1tZW51JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBmb3IgKGFjdGlvbiBvZiBzdG9yZS5hY3Rpb25zKCk7IHRyYWNrIGFjdGlvbi5pZCkge1xuICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY29sb3I9XCJiYXNpY1wiIChjbGljayk9XCJkaXNwYXRjaChhY3Rpb24pXCI+XG4gICAgICAgIDxtYXQtaWNvbj57eyBhY3Rpb24uaWNvbiB9fTwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICB9XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2ljb24tYnV0dG9uLW1lbnUudGVtcGxhdGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IEljb25CdXR0b25NZW51VGVtcGxhdGVTdG9yZSxcbiAgICAgIGlucHV0czogWydhY3Rpb25zJ10sXG4gICAgfSxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uTWVudVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoSWNvbkJ1dHRvbk1lbnVUZW1wbGF0ZVN0b3JlKTtcbn1cbiJdfQ==

package/esm2022/templates/loading/loading.template.mjs

@@ -4,14 +4,14 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/progress-spinner";
 export class LoadingTemplate {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoadingTemplate, isStandalone: true, selector: "templates-loading", ngImport: i0, template: "<mat-spinner></mat-spinner>\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: LoadingTemplate, isStandalone: true, selector: "templates-loading", ngImport: i0, template: "<mat-spinner></mat-spinner>\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-loading', standalone: true, imports: [
                         CommonModule,
                         MatProgressSpinnerModule,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-spinner></mat-spinner>\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9sb2FkaW5nL2xvYWRpbmcudGVtcGxhdGUudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvbG9hZGluZy9sb2FkaW5nLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQWE5RSxNQUFNLE9BQU8sZUFBZTsrR0FBZixlQUFlO21HQUFmLGVBQWUsNkVDZjVCLCtCQUNBLHNLRE9JLFlBQVksOEJBQ1osd0JBQXdCOzs0RkFNZixlQUFlO2tCQVgzQixTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWix3QkFBd0I7cUJBQ3pCLG1CQUdnQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtbG9hZGluZycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy50ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZGluZy50ZW1wbGF0ZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBMb2FkaW5nVGVtcGxhdGUgeyB9XG4iLCI8bWF0LXNwaW5uZXI+PC9tYXQtc3Bpbm5lcj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9sb2FkaW5nL2xvYWRpbmcudGVtcGxhdGUudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvbG9hZGluZy9sb2FkaW5nLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQWE5RSxNQUFNLE9BQU8sZUFBZTs4R0FBZixlQUFlO2tHQUFmLGVBQWUsNkVDZjVCLCtCQUNBLHNLRE9JLFlBQVksOEJBQ1osd0JBQXdCOzsyRkFNZixlQUFlO2tCQVgzQixTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWix3QkFBd0I7cUJBQ3pCLG1CQUdnQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtbG9hZGluZycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy50ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZGluZy50ZW1wbGF0ZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBMb2FkaW5nVGVtcGxhdGUgeyB9XG4iLCI8bWF0LXNwaW5uZXI+PC9tYXQtc3Bpbm5lcj5cbiJdfQ==

package/esm2022/templates/menu/menu.template.mjs

@@ -1,67 +1,66 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Directive, InjectionToken, Input, inject } from '@angular/core';
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';
+import { TokenizedType } from '@ng-atomic/core';
 import { InjectableComponent } from '@ng-atomic/core';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import { NavigationListOrganismStore } from '@ng-atomic/components/organisms/navigation-list';
 import { MenuFooterOrganismStore } from '@ng-atomic/components/organisms/menu-footer';
 import { MenuHeaderOrganismStore } from '@ng-atomic/components/organisms/menu-header';
 import * as i0 from "@angular/core";
-export class MenuTemplateStore extends InjectableComponent {
+let MenuTemplateStore = class MenuTemplateStore extends InjectableComponent {
     constructor() {
         super(...arguments);
-        this.actions = [];
+        this.actions = input([]);
+        this.title = input();
     }
-    static { this.TOKEN = new InjectionToken('[@ng-atomic/components] MenuTemplateStore'); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: MenuTemplateStore, isStandalone: true, selector: "templates-menu", inputs: { actions: "actions" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTemplateStore, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: MenuTemplateStore, isStandalone: true, selector: "templates-menu", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+MenuTemplateStore = __decorate([
+    TokenizedType()
+], MenuTemplateStore);
+export { MenuTemplateStore };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuTemplateStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'templates-menu' }]
-        }], propDecorators: { actions: [{
-                type: Input
-            }] } });
+        }] });
 export class MenuTemplate extends NgAtomicComponent {
     constructor() {
         super(...arguments);
         this.store = inject(MenuTemplateStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuTemplate, isStandalone: true, selector: "templates-menu", usesInheritance: true, hostDirectives: [{ directive: MenuTemplateStore, inputs: ["actions", "actions"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: MenuTemplate, isStandalone: true, selector: "templates-menu", usesInheritance: true, hostDirectives: [{ directive: MenuTemplateStore, inputs: ["actions", "actions", "title", "title"] }], ngImport: i0, template: `
   <div class="top">
-    <organisms-menu-header injectable></organisms-menu-header>
+    <organisms-menu-header [title]="store.title()" injectable/>
     <organisms-navigation-list injectable
-      [actions]="store.actions"
+      [actions]="store.actions()"
       (action)="dispatch($event)"
-    ></organisms-navigation-list>
+    />
   </div>
-  <organisms-menu-footer injectable></organisms-menu-footer>
-  `, isInline: true, styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-WsyA: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-WsyA: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-WsyA: var(--width);--height: 100%;--height-SCOPED-IN-menu-WsyA: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-WsyA);height:var(--height-SCOPED-IN-menu-WsyA);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-WsyA)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-WsyA);--secondary-color: var(--secondary-color-SCOPED-IN-menu-WsyA)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header" }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions"] }, { kind: "directive", type: 
-                // NavigationListOrganism,
-                MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  <organisms-menu-footer injectable/>
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-1ogJ: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-1ogJ: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-1ogJ: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-1ogJ: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-1ogJ: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-1ogJ: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-1ogJ: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-1ogJ: var(--width);--height: 100%;--height-SCOPED-IN-menu-1ogJ: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-1ogJ);height:var(--height-SCOPED-IN-menu-1ogJ);color:var(--on-background-color-SCOPED-IN-menu-1ogJ);background-color:var(--background-color-SCOPED-IN-menu-1ogJ);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-1ogJ);--background-color: var(--background-color-SCOPED-IN-menu-1ogJ);--surface-color: var(--surface-color-SCOPED-IN-menu-1ogJ);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-1ogJ);--on-background-color: var(--on-background-color-SCOPED-IN-menu-1ogJ);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-1ogJ)}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuTemplate, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
-                        CommonModule,
                         MenuHeaderOrganismStore,
                         NavigationListOrganismStore,
-                        // NavigationListOrganism,
-                        MenuFooterOrganismStore
+                        MenuFooterOrganismStore,
                     ], selector: 'templates-menu', template: `
   <div class="top">
-    <organisms-menu-header injectable></organisms-menu-header>
+    <organisms-menu-header [title]="store.title()" injectable/>
     <organisms-navigation-list injectable
-      [actions]="store.actions"
+      [actions]="store.actions()"
       (action)="dispatch($event)"
-    ></organisms-navigation-list>
+    />
   </div>
-  <organisms-menu-footer injectable></organisms-menu-footer>
+  <organisms-menu-footer injectable/>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: MenuTemplateStore,
-                            inputs: ['actions'],
+                            inputs: ['actions', 'title'],
                         },
-                    ], styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-WsyA: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-WsyA: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-WsyA: var(--width);--height: 100%;--height-SCOPED-IN-menu-WsyA: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-WsyA);height:var(--height-SCOPED-IN-menu-WsyA);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-WsyA)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-WsyA);--secondary-color: var(--secondary-color-SCOPED-IN-menu-WsyA)}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-1ogJ: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-1ogJ: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-1ogJ: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-1ogJ: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-1ogJ: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-1ogJ: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-1ogJ: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-1ogJ: var(--width);--height: 100%;--height-SCOPED-IN-menu-1ogJ: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-1ogJ);height:var(--height-SCOPED-IN-menu-1ogJ);color:var(--on-background-color-SCOPED-IN-menu-1ogJ);background-color:var(--background-color-SCOPED-IN-menu-1ogJ);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-1ogJ);--background-color: var(--background-color-SCOPED-IN-menu-1ogJ);--surface-color: var(--surface-color-SCOPED-IN-menu-1ogJ);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-1ogJ);--on-background-color: var(--on-background-color-SCOPED-IN-menu-1ogJ);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-1ogJ)}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9tZW51L21lbnUudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQVEsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRW5ILE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3BELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOztBQUd0RixNQUFNLE9BQU8saUJBQWtCLFNBQVEsbUJBQW1CO0lBRDFEOztRQUdXLFlBQU8sR0FBcUIsRUFBRSxDQUFDO0tBQ3pDO2FBRmlCLFVBQUssR0FBRyxJQUFJLGNBQWMsQ0FBMEIsMkNBQTJDLENBQUMsQUFBM0YsQ0FBNEY7K0dBRHRHLGlCQUFpQjttR0FBakIsaUJBQWlCOzs0RkFBakIsaUJBQWlCO2tCQUQ3QixTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUU7OEJBR2hELE9BQU87c0JBQWYsS0FBSzs7QUFnQ1IsTUFBTSxPQUFPLFlBQWEsU0FBUSxpQkFBaUI7SUE3Qm5EOztRQThCWSxVQUFLLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7S0FDN0M7K0dBRlksWUFBWTttR0FBWixZQUFZLHVHQWxDWixpQkFBaUIsNkRBZWxCOzs7Ozs7Ozs7R0FTVCx5dkJBaEJDLFlBQVksK0JBQ1osdUJBQXVCLGtFQUN2QiwyQkFBMkI7Z0JBQzNCLDBCQUEwQjtnQkFDMUIsdUJBQXVCOzs0RkFzQmQsWUFBWTtrQkE3QnhCLFNBQVM7aUNBQ0ksSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osdUJBQXVCO3dCQUN2QiwyQkFBMkI7d0JBQzNCLDBCQUEwQjt3QkFDMUIsdUJBQXVCO3FCQUN4QixZQUNTLGdCQUFnQixZQUNoQjs7Ozs7Ozs7O0dBU1QsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxpQkFBaUI7NEJBQzVCLE1BQU0sRUFBRSxDQUFDLFNBQVMsQ0FBQzt5QkFDcEI7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBJbmplY3Rpb25Ub2tlbiwgSW5wdXQsIFR5cGUsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IEluamVjdGFibGVDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkxpc3RPcmdhbmlzbVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9uYXZpZ2F0aW9uLWxpc3QnO1xuaW1wb3J0IHsgTWVudUZvb3Rlck9yZ2FuaXNtU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL21lbnUtZm9vdGVyJztcbmltcG9ydCB7IE1lbnVIZWFkZXJPcmdhbmlzbVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9tZW51LWhlYWRlcic7XG5cbkBEaXJlY3RpdmUoeyBzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ3RlbXBsYXRlcy1tZW51JyB9KVxuZXhwb3J0IGNsYXNzIE1lbnVUZW1wbGF0ZVN0b3JlIGV4dGVuZHMgSW5qZWN0YWJsZUNvbXBvbmVudCB7XG4gIHN0YXRpYyByZWFkb25seSBUT0tFTiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxUeXBlPE1lbnVUZW1wbGF0ZVN0b3JlPj4oJ1tAbmctYXRvbWljL2NvbXBvbmVudHNdIE1lbnVUZW1wbGF0ZVN0b3JlJyk7XG4gIEBJbnB1dCgpIGFjdGlvbnM6IEFjdGlvbjxzdHJpbmc+W10gPSBbXTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWVudUhlYWRlck9yZ2FuaXNtU3RvcmUsXG4gICAgTmF2aWdhdGlvbkxpc3RPcmdhbmlzbVN0b3JlLFxuICAgIC8vIE5hdmlnYXRpb25MaXN0T3JnYW5pc20sXG4gICAgTWVudUZvb3Rlck9yZ2FuaXNtU3RvcmVcbiAgXSxcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtbWVudScsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgY2xhc3M9XCJ0b3BcIj5cbiAgICA8b3JnYW5pc21zLW1lbnUtaGVhZGVyIGluamVjdGFibGU+PC9vcmdhbmlzbXMtbWVudS1oZWFkZXI+XG4gICAgPG9yZ2FuaXNtcy1uYXZpZ2F0aW9uLWxpc3QgaW5qZWN0YWJsZVxuICAgICAgW2FjdGlvbnNdPVwic3RvcmUuYWN0aW9uc1wiXG4gICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgID48L29yZ2FuaXNtcy1uYXZpZ2F0aW9uLWxpc3Q+XG4gIDwvZGl2PlxuICA8b3JnYW5pc21zLW1lbnUtZm9vdGVyIGluamVjdGFibGU+PC9vcmdhbmlzbXMtbWVudS1mb290ZXI+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL21lbnUudGVtcGxhdGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IE1lbnVUZW1wbGF0ZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ2FjdGlvbnMnXSxcbiAgICB9LFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIE1lbnVUZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KE1lbnVUZW1wbGF0ZVN0b3JlKTtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9tZW51L21lbnUudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFVLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3BELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOztBQUkvRSxJQUFNLGlCQUFpQixHQUF2QixNQUFNLGlCQUFrQixTQUFRLG1CQUFtQjtJQUFuRDs7UUFDSSxZQUFPLEdBQUcsS0FBSyxDQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQzlCLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztLQUNsQzs4R0FIWSxpQkFBaUI7a0dBQWpCLGlCQUFpQjs7QUFBakIsaUJBQWlCO0lBRjdCLGFBQWEsRUFBRTtHQUVILGlCQUFpQixDQUc3Qjs7MkZBSFksaUJBQWlCO2tCQUQ3QixTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUU7O0FBaUMzRCxNQUFNLE9BQU8sWUFBYSxTQUFRLGlCQUFpQjtJQTNCbkQ7O1FBNEJZLFVBQUssR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztLQUM3Qzs4R0FGWSxZQUFZO2tHQUFaLFlBQVksdUdBaENaLGlCQUFpQiwrRUFhbEI7Ozs7Ozs7OztHQVNULDgvQ0FkQyx1QkFBdUIscUZBQ3ZCLDJCQUEyQiwyRkFDM0IsdUJBQXVCOzsyRkFzQmQsWUFBWTtrQkEzQnhCLFNBQVM7aUNBQ0ksSUFBSSxXQUNQO3dCQUNQLHVCQUF1Qjt3QkFDdkIsMkJBQTJCO3dCQUMzQix1QkFBdUI7cUJBQ3hCLFlBQ1MsZ0JBQWdCLFlBQ2hCOzs7Ozs7Ozs7R0FTVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLGlCQUFpQjs0QkFDNUIsTUFBTSxFQUFFLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQzt5QkFDN0I7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiwgVG9rZW5pemVkVHlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE5hdmlnYXRpb25MaXN0T3JnYW5pc21TdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdGlvbi1saXN0JztcbmltcG9ydCB7IE1lbnVGb290ZXJPcmdhbmlzbVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9tZW51LWZvb3Rlcic7XG5pbXBvcnQgeyBNZW51SGVhZGVyT3JnYW5pc21TdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbWVudS1oZWFkZXInO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtbWVudScgfSlcbmV4cG9ydCBjbGFzcyBNZW51VGVtcGxhdGVTdG9yZSBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICByZWFkb25seSBhY3Rpb25zID0gaW5wdXQ8QWN0aW9uW10+KFtdKTtcbiAgcmVhZG9ubHkgdGl0bGUgPSBpbnB1dDxzdHJpbmc+KCk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTWVudUhlYWRlck9yZ2FuaXNtU3RvcmUsXG4gICAgTmF2aWdhdGlvbkxpc3RPcmdhbmlzbVN0b3JlLFxuICAgIE1lbnVGb290ZXJPcmdhbmlzbVN0b3JlLFxuICBdLFxuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1tZW51JyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cInRvcFwiPlxuICAgIDxvcmdhbmlzbXMtbWVudS1oZWFkZXIgW3RpdGxlXT1cInN0b3JlLnRpdGxlKClcIiBpbmplY3RhYmxlLz5cbiAgICA8b3JnYW5pc21zLW5hdmlnYXRpb24tbGlzdCBpbmplY3RhYmxlXG4gICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zKClcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAvPlxuICA8L2Rpdj5cbiAgPG9yZ2FuaXNtcy1tZW51LWZvb3RlciBpbmplY3RhYmxlLz5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbWVudS50ZW1wbGF0ZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogTWVudVRlbXBsYXRlU3RvcmUsXG4gICAgICBpbnB1dHM6IFsnYWN0aW9ucycsICd0aXRsZSddLFxuICAgIH0sXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTWVudVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoTWVudVRlbXBsYXRlU3RvcmUpO1xufVxuIl19

package/esm2022/templates/messages/messages.template.mjs

@@ -1,18 +1,22 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MessagesSectionOrganism } from '@ng-atomic/components/organisms/messages-section';
 import { MessageInputSectionOrganism } from '@ng-atomic/components/organisms/message-input-section';
 import { TextareaSectionOrganism } from '@ng-atomic/components/organisms/textarea-section';
-import { ScrollFrame } from '@ng-atomic/components/frames/scroll';
+import { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';
 import { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';
 import { FormGroup } from '@angular/forms';
 import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export class MessagesTemplate {
     constructor() {
+        this.title = 'title';
         this.navStartActions = [];
         this.navEndActions = [];
         this.messages = [];
+        this.actions = [];
+        this.placeholder = 'メッセージを入力';
+        this.isMessageCreating = false;
         this.form = new FormGroup({
             name: new FormControl(''),
             description: new FormControl(''),
@@ -20,32 +24,44 @@ export class MessagesTemplate {
         });
         this.action = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessagesTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MessagesTemplate, isStandalone: true, selector: "templates-messages", inputs: { navStartActions: "navStartActions", navEndActions: "navEndActions", messages: "messages", form: "form" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: `
+    ngAfterViewInit() {
+        this.scrollFrame.scrollToBottom();
+    }
+    ngOnChanges(changes) {
+        if (changes.messages && this.scrollFrame.isScrollBottom()) {
+            setTimeout(() => this.scrollFrame.scrollToBottom());
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MessagesTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: MessagesTemplate, isStandalone: true, selector: "templates-messages", inputs: { title: "title", navStartActions: "navStartActions", navEndActions: "navEndActions", messages: "messages", actions: "actions", placeholder: "placeholder", isMessageCreating: "isMessageCreating", form: "form" }, outputs: { action: "action" }, host: { classAttribute: "template" }, viewQueries: [{ propertyName: "scrollFrame", first: true, predicate: ScrollFrame, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
     <frames-scroll>
       <organisms-navigator
         [startActions]="navStartActions"
         [endActions]="navEndActions"
         (action)="action.emit($event)"
-        navigator
+        top
       >
-        <span> メッセージ </span>
+        <span> {{ title }} </span>
       </organisms-navigator>
-      <div class="message" contents>
-        <div class="scroll">
-          <organisms-messages-section
-            [messages]="messages"
-          ></organisms-messages-section>
-        </div>
-        <organisms-textarea-section
-          [control]="form.get(['message'])"
-          (action)="action.emit($event)"
-        ></organisms-textarea-section>
-      </div>
+      <organisms-messages-section
+        [isMessageCreating]="isMessageCreating"
+        [messages]="messages"
+        contents
+      />
+      <organisms-textarea-section
+        [actions]="actions"
+        [control]="form.get(['message'])"
+        [rows]="3"
+        [floatLabel]="'always'"
+        [label]="'入力'"
+        [placeholder]="placeholder"
+        (action)="action.emit($event)"
+        bottom
+      />
     </frames-scroll>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:white;display:block}:host .message{display:block;height:100%;position:relative}:host .message .scroll{height:calc(100% - 80px);overflow:scroll}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MessagesSectionOrganism, selector: "organisms-messages-section", inputs: ["messages"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "placeholder", "hint", "control"], outputs: ["action"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block}:host .message{display:block;height:100%;position:relative}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MessagesSectionOrganism, selector: "organisms-messages-section", inputs: ["messages", "isMessageCreating"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessagesTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MessagesTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-messages', standalone: true, imports: [
                         CommonModule,
@@ -60,32 +76,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         [startActions]="navStartActions"
         [endActions]="navEndActions"
         (action)="action.emit($event)"
-        navigator
+        top
       >
-        <span> メッセージ </span>
+        <span> {{ title }} </span>
       </organisms-navigator>
-      <div class="message" contents>
-        <div class="scroll">
-          <organisms-messages-section
-            [messages]="messages"
-          ></organisms-messages-section>
-        </div>
-        <organisms-textarea-section
-          [control]="form.get(['message'])"
-          (action)="action.emit($event)"
-        ></organisms-textarea-section>
-      </div>
+      <organisms-messages-section
+        [isMessageCreating]="isMessageCreating"
+        [messages]="messages"
+        contents
+      />
+      <organisms-textarea-section
+        [actions]="actions"
+        [control]="form.get(['message'])"
+        [rows]="3"
+        [floatLabel]="'always'"
+        [label]="'入力'"
+        [placeholder]="placeholder"
+        (action)="action.emit($event)"
+        bottom
+      />
     </frames-scroll>
-  `, host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{width:100%;height:100%;background:white;display:block}:host .message{display:block;height:100%;position:relative}:host .message .scroll{height:calc(100% - 80px);overflow:scroll}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"] }]
-        }], propDecorators: { navStartActions: [{
+  `, host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{width:100%;height:100%;background:#fff;display:block}:host .message{display:block;height:100%;position:relative}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], navStartActions: [{
                 type: Input
             }], navEndActions: [{
                 type: Input
             }], messages: [{
                 type: Input
+            }], actions: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], isMessageCreating: [{
+                type: Input
             }], form: [{
                 type: Input
             }], action: [{
                 type: Output
+            }], scrollFrame: [{
+                type: ViewChild,
+                args: [ScrollFrame, { static: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZXMudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvbWVzc2FnZXMvbWVzc2FnZXMudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDM0YsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDcEcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDM0YsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBMEM3QyxNQUFNLE9BQU8sZ0JBQWdCO0lBdEM3QjtRQXdDRSxvQkFBZSxHQUFhLEVBQUUsQ0FBQztRQUcvQixrQkFBYSxHQUFhLEVBQUUsQ0FBQztRQUc3QixhQUFRLEdBQXNDLEVBQUUsQ0FBQztRQUdqRCxTQUFJLEdBQUcsSUFBSSxTQUFTLENBQUM7WUFDbkIsSUFBSSxFQUFFLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQztZQUN6QixXQUFXLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDO1lBQ2hDLE9BQU8sRUFBRSxJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUM7U0FDN0IsQ0FBQyxDQUFDO1FBR0gsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FFckM7K0dBcEJZLGdCQUFnQjttR0FBaEIsZ0JBQWdCLHVRQTNCakI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzQlQsNlhBN0JDLFlBQVksK0JBQ1osdUJBQXVCLDZGQUV2Qix1QkFBdUIseUpBQ3ZCLFdBQVcsMERBQ1gsaUJBQWlCOzs0RkE2QlIsZ0JBQWdCO2tCQXRDNUIsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osdUJBQXVCO3dCQUN2QiwyQkFBMkI7d0JBQzNCLHVCQUF1Qjt3QkFDdkIsV0FBVzt3QkFDWCxpQkFBaUI7cUJBQ2xCLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzQlQsUUFFSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsbUJBQ1YsdUJBQXVCLENBQUMsTUFBTTs4QkFJL0MsZUFBZTtzQkFEZCxLQUFLO2dCQUlOLGFBQWE7c0JBRFosS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQVFOLE1BQU07c0JBREwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1lc3NhZ2VzU2VjdGlvbk9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9tZXNzYWdlcy1zZWN0aW9uJztcbmltcG9ydCB7IE1lc3NhZ2VJbnB1dFNlY3Rpb25PcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbWVzc2FnZS1pbnB1dC1zZWN0aW9uJztcbmltcG9ydCB7IFRleHRhcmVhU2VjdGlvbk9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy90ZXh0YXJlYS1zZWN0aW9uJztcbmltcG9ydCB7IFNjcm9sbEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwnO1xuaW1wb3J0IHsgTmF2aWdhdG9yT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL25hdmlnYXRvcic7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEFjdGlvbiB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLW1lc3NhZ2VzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNZXNzYWdlc1NlY3Rpb25PcmdhbmlzbSxcbiAgICBNZXNzYWdlSW5wdXRTZWN0aW9uT3JnYW5pc20sXG4gICAgVGV4dGFyZWFTZWN0aW9uT3JnYW5pc20sXG4gICAgU2Nyb2xsRnJhbWUsXG4gICAgTmF2aWdhdG9yT3JnYW5pc20sXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGZyYW1lcy1zY3JvbGw+XG4gICAgICA8b3JnYW5pc21zLW5hdmlnYXRvclxuICAgICAgICBbc3RhcnRBY3Rpb25zXT1cIm5hdlN0YXJ0QWN0aW9uc1wiXG4gICAgICAgIFtlbmRBY3Rpb25zXT1cIm5hdkVuZEFjdGlvbnNcIlxuICAgICAgICAoYWN0aW9uKT1cImFjdGlvbi5lbWl0KCRldmVudClcIlxuICAgICAgICBuYXZpZ2F0b3JcbiAgICAgID5cbiAgICAgICAgPHNwYW4+IOODoeODg+OCu+ODvOOCuCA8L3NwYW4+XG4gICAgICA8L29yZ2FuaXNtcy1uYXZpZ2F0b3I+XG4gICAgICA8ZGl2IGNsYXNzPVwibWVzc2FnZVwiIGNvbnRlbnRzPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2Nyb2xsXCI+XG4gICAgICAgICAgPG9yZ2FuaXNtcy1tZXNzYWdlcy1zZWN0aW9uXG4gICAgICAgICAgICBbbWVzc2FnZXNdPVwibWVzc2FnZXNcIlxuICAgICAgICAgID48L29yZ2FuaXNtcy1tZXNzYWdlcy1zZWN0aW9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPG9yZ2FuaXNtcy10ZXh0YXJlYS1zZWN0aW9uXG4gICAgICAgICAgW2NvbnRyb2xdPVwiZm9ybS5nZXQoWydtZXNzYWdlJ10pXCJcbiAgICAgICAgICAoYWN0aW9uKT1cImFjdGlvbi5lbWl0KCRldmVudClcIlxuICAgICAgICA+PC9vcmdhbmlzbXMtdGV4dGFyZWEtc2VjdGlvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZnJhbWVzLXNjcm9sbD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbWVzc2FnZXMudGVtcGxhdGUuc2NzcyddLFxuICBob3N0OiB7IGNsYXNzOiAndGVtcGxhdGUnIH0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIE1lc3NhZ2VzVGVtcGxhdGUge1xuICBASW5wdXQoKVxuICBuYXZTdGFydEFjdGlvbnM6IEFjdGlvbltdID0gW107XG5cbiAgQElucHV0KClcbiAgbmF2RW5kQWN0aW9uczogQWN0aW9uW10gPSBbXTtcblxuICBASW5wdXQoKVxuICBtZXNzYWdlczoge3JvbGU6IHN0cmluZywgY29udGVudDogc3RyaW5nfVtdID0gW107XG5cbiAgQElucHV0KClcbiAgZm9ybSA9IG5ldyBGb3JtR3JvdXAoe1xuICAgIG5hbWU6IG5ldyBGb3JtQ29udHJvbCgnJyksXG4gICAgZGVzY3JpcHRpb246IG5ldyBGb3JtQ29udHJvbCgnJyksXG4gICAgbWVzc2FnZTogbmV3IEZvcm1Db250cm9sKCcnKSxcbiAgfSk7XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uPigpO1xuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZXMudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvbWVzc2FnZXMvbWVzc2FnZXMudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBaUIsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFILE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUMzRixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUNwRyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUMzRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDckUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDOUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUE4QzdDLE1BQU0sT0FBTyxnQkFBZ0I7SUExQzdCO1FBMkNXLFVBQUssR0FBRyxPQUFPLENBQUM7UUFDaEIsb0JBQWUsR0FBYSxFQUFFLENBQUM7UUFDL0Isa0JBQWEsR0FBYSxFQUFFLENBQUM7UUFDN0IsYUFBUSxHQUFzQyxFQUFFLENBQUM7UUFDakQsWUFBTyxHQUFhLEVBQUUsQ0FBQztRQUN2QixnQkFBVyxHQUFHLFVBQVUsQ0FBQztRQUN6QixzQkFBaUIsR0FBbUIsS0FBSyxDQUFDO1FBR25ELFNBQUksR0FBRyxJQUFJLFNBQVMsQ0FBQztZQUNuQixJQUFJLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDO1lBQ3pCLFdBQVcsRUFBRSxJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUM7WUFDaEMsT0FBTyxFQUFFLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQztTQUM3QixDQUFDLENBQUM7UUFFTyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQWUvQztJQVZDLGVBQWU7UUFDYixJQUFJLENBQUMsV0FBVyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsY0FBYyxFQUFFLEVBQUU7WUFDekQsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsY0FBYyxFQUFFLENBQUMsQ0FBQztTQUNyRDtJQUNILENBQUM7OEdBN0JVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLDRaQWtCaEIsV0FBVyxtRkFqRFo7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMEJULDRUQWpDQyxZQUFZLCtCQUNaLHVCQUF1QixrSEFFdkIsdUJBQXVCLHVFQUN2QixXQUFXLDBEQUNYLGlCQUFpQjs7MkZBaUNSLGdCQUFnQjtrQkExQzVCLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLHVCQUF1Qjt3QkFDdkIsMkJBQTJCO3dCQUMzQix1QkFBdUI7d0JBQ3ZCLFdBQVc7d0JBQ1gsaUJBQWlCO3FCQUNsQixZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBCVCxRQUVLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxtQkFDVix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUdOLElBQUk7c0JBREgsS0FBSztnQkFPSSxNQUFNO3NCQUFmLE1BQU07Z0JBR1AsV0FBVztzQkFEVixTQUFTO3VCQUFDLFdBQVcsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1lc3NhZ2VzU2VjdGlvbk9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9tZXNzYWdlcy1zZWN0aW9uJztcbmltcG9ydCB7IE1lc3NhZ2VJbnB1dFNlY3Rpb25PcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbWVzc2FnZS1pbnB1dC1zZWN0aW9uJztcbmltcG9ydCB7IFRleHRhcmVhU2VjdGlvbk9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy90ZXh0YXJlYS1zZWN0aW9uJztcbmltcG9ydCB7IFNjcm9sbEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwtdjInO1xuaW1wb3J0IHsgTmF2aWdhdG9yT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL25hdmlnYXRvcic7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEFjdGlvbiB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLW1lc3NhZ2VzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNZXNzYWdlc1NlY3Rpb25PcmdhbmlzbSxcbiAgICBNZXNzYWdlSW5wdXRTZWN0aW9uT3JnYW5pc20sXG4gICAgVGV4dGFyZWFTZWN0aW9uT3JnYW5pc20sXG4gICAgU2Nyb2xsRnJhbWUsXG4gICAgTmF2aWdhdG9yT3JnYW5pc20sXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGZyYW1lcy1zY3JvbGw+XG4gICAgICA8b3JnYW5pc21zLW5hdmlnYXRvclxuICAgICAgICBbc3RhcnRBY3Rpb25zXT1cIm5hdlN0YXJ0QWN0aW9uc1wiXG4gICAgICAgIFtlbmRBY3Rpb25zXT1cIm5hdkVuZEFjdGlvbnNcIlxuICAgICAgICAoYWN0aW9uKT1cImFjdGlvbi5lbWl0KCRldmVudClcIlxuICAgICAgICB0b3BcbiAgICAgID5cbiAgICAgICAgPHNwYW4+IHt7IHRpdGxlIH19IDwvc3Bhbj5cbiAgICAgIDwvb3JnYW5pc21zLW5hdmlnYXRvcj5cbiAgICAgIDxvcmdhbmlzbXMtbWVzc2FnZXMtc2VjdGlvblxuICAgICAgICBbaXNNZXNzYWdlQ3JlYXRpbmddPVwiaXNNZXNzYWdlQ3JlYXRpbmdcIlxuICAgICAgICBbbWVzc2FnZXNdPVwibWVzc2FnZXNcIlxuICAgICAgICBjb250ZW50c1xuICAgICAgLz5cbiAgICAgIDxvcmdhbmlzbXMtdGV4dGFyZWEtc2VjdGlvblxuICAgICAgICBbYWN0aW9uc109XCJhY3Rpb25zXCJcbiAgICAgICAgW2NvbnRyb2xdPVwiZm9ybS5nZXQoWydtZXNzYWdlJ10pXCJcbiAgICAgICAgW3Jvd3NdPVwiM1wiXG4gICAgICAgIFtmbG9hdExhYmVsXT1cIidhbHdheXMnXCJcbiAgICAgICAgW2xhYmVsXT1cIiflhaXlipsnXCJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgICAgKGFjdGlvbik9XCJhY3Rpb24uZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgYm90dG9tXG4gICAgICAvPlxuICAgIDwvZnJhbWVzLXNjcm9sbD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbWVzc2FnZXMudGVtcGxhdGUuc2NzcyddLFxuICBob3N0OiB7IGNsYXNzOiAndGVtcGxhdGUnIH0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIE1lc3NhZ2VzVGVtcGxhdGUge1xuICBASW5wdXQoKSB0aXRsZSA9ICd0aXRsZSc7XG4gIEBJbnB1dCgpIG5hdlN0YXJ0QWN0aW9uczogQWN0aW9uW10gPSBbXTtcbiAgQElucHV0KCkgbmF2RW5kQWN0aW9uczogQWN0aW9uW10gPSBbXTtcbiAgQElucHV0KCkgbWVzc2FnZXM6IHtyb2xlOiBzdHJpbmcsIGNvbnRlbnQ6IHN0cmluZ31bXSA9IFtdO1xuICBASW5wdXQoKSBhY3Rpb25zOiBBY3Rpb25bXSA9IFtdO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICfjg6Hjg4Pjgrvjg7zjgrjjgpLlhaXlipsnO1xuICBASW5wdXQoKSBpc01lc3NhZ2VDcmVhdGluZzogZmFsc2UgfCBzdHJpbmcgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBmb3JtID0gbmV3IEZvcm1Hcm91cCh7XG4gICAgbmFtZTogbmV3IEZvcm1Db250cm9sKCcnKSxcbiAgICBkZXNjcmlwdGlvbjogbmV3IEZvcm1Db250cm9sKCcnKSxcbiAgICBtZXNzYWdlOiBuZXcgRm9ybUNvbnRyb2woJycpLFxuICB9KTtcblxuICBAT3V0cHV0KCkgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb24+KCk7XG5cbiAgQFZpZXdDaGlsZChTY3JvbGxGcmFtZSwge3N0YXRpYzogdHJ1ZX0pXG4gIHNjcm9sbEZyYW1lOiBTY3JvbGxGcmFtZTtcblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5zY3JvbGxGcmFtZS5zY3JvbGxUb0JvdHRvbSgpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzLm1lc3NhZ2VzICYmIHRoaXMuc2Nyb2xsRnJhbWUuaXNTY3JvbGxCb3R0b20oKSkge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLnNjcm9sbEZyYW1lLnNjcm9sbFRvQm90dG9tKCkpO1xuICAgIH1cbiAgfVxuXG59XG4iXX0=