@xxmachina/components 19.29.0 → 19.31.0

package/fesm2022/xxmachina-components-molecules-weekly-header.mjs

@@ -12,7 +12,7 @@ class WeeklyHeaderMolecule {
       <span>{{ day }}</span>
     </div>
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-R08lD1Tz: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-R08lD1Tz: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-R08lD1Tz)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] });
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-2MnE2wPG: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-2MnE2wPG: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-2MnE2wPG)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WeeklyHeaderMolecule, decorators: [{
             type: Component,
@@ -22,7 +22,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
       <span>{{ day }}</span>
     </div>
   }
-  `, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-R08lD1Tz: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-R08lD1Tz: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-R08lD1Tz)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] }]
+  `, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-2MnE2wPG: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-2MnE2wPG: var(--secondary-color)}:host{display:grid;width:100%;grid-template-columns:repeat(7,1fr);background-color:var(--primary-color-SCOPED-IN-2MnE2wPG)}:host .day-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;width:calc(hvar(--width) / 7)}\n"] }]
         }], ctorParameters: () => [] });
 
 /**

package/fesm2022/xxmachina-components-organisms-calendar-section.mjs

@@ -56,7 +56,7 @@ class CalendarSectionOrganism {
       }
     }
   </div>
-  `, isInline: true, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-yWnRjroj: var(--row);--row-num: 0;--row-num-SCOPED-IN-yWnRjroj: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-yWnRjroj: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-yWnRjroj: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-yWnRjroj: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-yWnRjroj);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-yWnRjroj),var(--row-SCOPED-IN-yWnRjroj));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-yWnRjroj)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-yWnRjroj);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"], dependencies: [{ kind: "component", type: DailyCellMolecule, selector: "molecules-daily-cell", inputs: ["date", "schedules", "displayDate", "noSchedulesText", "toolTipText", "marked", "markingColor"] }, { kind: "component", type: WeeklyHeaderMolecule, selector: "molecules-weekly-header" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-ZFj151mg: var(--row);--row-num: 0;--row-num-SCOPED-IN-ZFj151mg: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-ZFj151mg: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-ZFj151mg: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-ZFj151mg: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-ZFj151mg);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-ZFj151mg),var(--row-SCOPED-IN-ZFj151mg));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-ZFj151mg)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-ZFj151mg);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"], dependencies: [{ kind: "component", type: DailyCellMolecule, selector: "molecules-daily-cell", inputs: ["date", "schedules", "displayDate", "noSchedulesText", "toolTipText", "marked", "markingColor"] }, { kind: "component", type: WeeklyHeaderMolecule, selector: "molecules-weekly-header" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CalendarSectionOrganism, decorators: [{
             type: Component,
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
       }
     }
   </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-yWnRjroj: var(--row);--row-num: 0;--row-num-SCOPED-IN-yWnRjroj: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-yWnRjroj: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-yWnRjroj: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-yWnRjroj: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-yWnRjroj);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-yWnRjroj),var(--row-SCOPED-IN-yWnRjroj));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-yWnRjroj)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-yWnRjroj);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--row: 80px;--row-SCOPED-IN-ZFj151mg: var(--row);--row-num: 0;--row-num-SCOPED-IN-ZFj151mg: var(--row-num);--border-color: #9E9E9E;--border-color-SCOPED-IN-ZFj151mg: var(--border-color);--primary-color: #404040;--primary-color-SCOPED-IN-ZFj151mg: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-ZFj151mg: var(--secondary-color)}:host{width:100%;height:auto}:host .calendar.header molecules-weekly-header{--height: 32px}:host .calendar.contents{display:grid;width:var(--width);border:1px solid var(--border-color-SCOPED-IN-ZFj151mg);grid-gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--row-num-SCOPED-IN-ZFj151mg),var(--row-SCOPED-IN-ZFj151mg));box-sizing:border-box;background-color:var(--border-color-SCOPED-IN-ZFj151mg)}:host .calendar.contents molecules-daily-cell{--width: calc((var(--width) - 8px) / 7);--height: var(--row-SCOPED-IN-ZFj151mg);background-color:#fff}:host .calendar.description{display:flex;justify-content:flex-end;width:var(--width);height:32px;padding-right:16px}:host .calendar.description .description.container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:12px}:host .calendar.description .description.container .circle{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:50%;color:#fff;background:#00f}:host .calendar.description .description.container label{padding-left:4px;padding-right:8px}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], displayDays: [{

package/fesm2022/xxmachina-components-pages-command.mjs

@@ -428,7 +428,7 @@ class CommandPage extends NgAtomicComponent {
       </frames-tabs> 
     </templates-form>
   </frames-router-outlet>
-  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-qj5s: var(--page-width-lv1);--primary-color-SCOPED-IN-command-qj5s: var(--primary-color);--on-primary-color-SCOPED-IN-command-qj5s: var(--on-primary-color);--background-color-SCOPED-IN-command-qj5s: var(--background-color);--on-background-color-SCOPED-IN-command-qj5s: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-qj5s)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-qj5s);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-qj5s);--background-color: var(--background-color-SCOPED-IN-command-qj5s);--on-background-color: var(--on-background-color-SCOPED-IN-command-qj5s)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: FormTemplate, selector: "templates-form" }, { kind: "component", type: TabsFrame, selector: "frames-tabs", inputs: ["labels"], outputs: ["selectedTabIndexChange"] }, { kind: "component", type: CommandFormGroup, selector: "groups-command-form", inputs: ["apiJsonUrls"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }] });
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-nHQ8: var(--page-width-lv1);--primary-color-SCOPED-IN-command-nHQ8: var(--primary-color);--on-primary-color-SCOPED-IN-command-nHQ8: var(--on-primary-color);--background-color-SCOPED-IN-command-nHQ8: var(--background-color);--on-background-color-SCOPED-IN-command-nHQ8: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-nHQ8)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-nHQ8);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-nHQ8);--background-color: var(--background-color-SCOPED-IN-command-nHQ8);--on-background-color: var(--on-background-color-SCOPED-IN-command-nHQ8)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: FormTemplate, selector: "templates-form" }, { kind: "component", type: TabsFrame, selector: "frames-tabs", inputs: ["labels"], outputs: ["selectedTabIndexChange"] }, { kind: "component", type: CommandFormGroup, selector: "groups-command-form", inputs: ["apiJsonUrls"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }] });
 }
 __decorate([
     Effect(FormTemplateStore.ActionId.FILE_SELECTED),
@@ -491,7 +491,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'actions',
                             ]
                         },
-                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-qj5s: var(--page-width-lv1);--primary-color-SCOPED-IN-command-qj5s: var(--primary-color);--on-primary-color-SCOPED-IN-command-qj5s: var(--on-primary-color);--background-color-SCOPED-IN-command-qj5s: var(--background-color);--on-background-color-SCOPED-IN-command-qj5s: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-qj5s)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-qj5s);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-qj5s);--background-color: var(--background-color-SCOPED-IN-command-qj5s);--on-background-color: var(--on-background-color-SCOPED-IN-command-qj5s)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-nHQ8: var(--page-width-lv1);--primary-color-SCOPED-IN-command-nHQ8: var(--primary-color);--on-primary-color-SCOPED-IN-command-nHQ8: var(--on-primary-color);--background-color-SCOPED-IN-command-nHQ8: var(--background-color);--on-background-color-SCOPED-IN-command-nHQ8: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-nHQ8)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-nHQ8);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-nHQ8);--background-color: var(--background-color-SCOPED-IN-command-nHQ8);--on-background-color: var(--on-background-color-SCOPED-IN-command-nHQ8)}\n"] }]
         }], propDecorators: { onFileSelected: [] } });
 
 /**

package/fesm2022/xxmachina-components-pages-query.mjs

@@ -738,7 +738,7 @@ class QueryPage extends NgAtomicComponent {
         <groups-query-form dashboard (action)="dispatch($event)" />
       </templates-index>
     </frames-router-outlet>
-  `, isInline: true, styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-H2lJ: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-H2lJ: var(--page-width-lv3);--primary-color-SCOPED-IN-query-H2lJ: var(--primary-color);--on-primary-color-SCOPED-IN-query-H2lJ: var(--on-primary-color);--surface-color-SCOPED-IN-query-H2lJ: var(--surface-color);--on-surface-color-SCOPED-IN-query-H2lJ: var(--on-surface-color);--on-background-color-SCOPED-IN-query-H2lJ: var(--on-background-color);--background-color-SCOPED-IN-query-H2lJ: var(--background-color);--navigator-background-color-SCOPED-IN-query-H2lJ: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-H2lJ: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-H2lJ: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-H2lJ: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-H2lJ: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-H2lJ);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-H2lJ);--surface-color: var(--surface-color-SCOPED-IN-query-H2lJ);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-H2lJ);--background-color: var(--background-color-SCOPED-IN-query-H2lJ);--on-background-color: var(--on-background-color-SCOPED-IN-query-H2lJ);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-H2lJ);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-H2lJ);--table-background-color: var(--table-background-color-SCOPED-IN-query-H2lJ);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-H2lJ);--is-debug: var(--is-debug-SCOPED-IN-query-H2lJ)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-H2lJ) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"], dependencies: [{ kind: "component", type: IndexTemplate, selector: "templates-index" }, { kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-PfrG: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-PfrG: var(--page-width-lv3);--primary-color-SCOPED-IN-query-PfrG: var(--primary-color);--on-primary-color-SCOPED-IN-query-PfrG: var(--on-primary-color);--surface-color-SCOPED-IN-query-PfrG: var(--surface-color);--on-surface-color-SCOPED-IN-query-PfrG: var(--on-surface-color);--on-background-color-SCOPED-IN-query-PfrG: var(--on-background-color);--background-color-SCOPED-IN-query-PfrG: var(--background-color);--navigator-background-color-SCOPED-IN-query-PfrG: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-PfrG: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-PfrG: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-PfrG: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-PfrG: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-PfrG);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-PfrG);--surface-color: var(--surface-color-SCOPED-IN-query-PfrG);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-PfrG);--background-color: var(--background-color-SCOPED-IN-query-PfrG);--on-background-color: var(--on-background-color-SCOPED-IN-query-PfrG);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-PfrG);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-PfrG);--table-background-color: var(--table-background-color-SCOPED-IN-query-PfrG);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-PfrG);--is-debug: var(--is-debug-SCOPED-IN-query-PfrG)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-PfrG) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"], dependencies: [{ kind: "component", type: IndexTemplate, selector: "templates-index" }, { kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 __decorate([
     Effect(IndexTemplateStore.ActionId.BACK),
@@ -819,7 +819,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'pageSizeOptions'
                             ]
                         },
-                    ], styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-H2lJ: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-H2lJ: var(--page-width-lv3);--primary-color-SCOPED-IN-query-H2lJ: var(--primary-color);--on-primary-color-SCOPED-IN-query-H2lJ: var(--on-primary-color);--surface-color-SCOPED-IN-query-H2lJ: var(--surface-color);--on-surface-color-SCOPED-IN-query-H2lJ: var(--on-surface-color);--on-background-color-SCOPED-IN-query-H2lJ: var(--on-background-color);--background-color-SCOPED-IN-query-H2lJ: var(--background-color);--navigator-background-color-SCOPED-IN-query-H2lJ: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-H2lJ: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-H2lJ: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-H2lJ: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-H2lJ: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-H2lJ);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-H2lJ);--surface-color: var(--surface-color-SCOPED-IN-query-H2lJ);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-H2lJ);--background-color: var(--background-color-SCOPED-IN-query-H2lJ);--on-background-color: var(--on-background-color-SCOPED-IN-query-H2lJ);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-H2lJ);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-H2lJ);--table-background-color: var(--table-background-color-SCOPED-IN-query-H2lJ);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-H2lJ);--is-debug: var(--is-debug-SCOPED-IN-query-H2lJ)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-H2lJ) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"] }]
+                    ], styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-query-PfrG: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-query-PfrG: var(--page-width-lv3);--primary-color-SCOPED-IN-query-PfrG: var(--primary-color);--on-primary-color-SCOPED-IN-query-PfrG: var(--on-primary-color);--surface-color-SCOPED-IN-query-PfrG: var(--surface-color);--on-surface-color-SCOPED-IN-query-PfrG: var(--on-surface-color);--on-background-color-SCOPED-IN-query-PfrG: var(--on-background-color);--background-color-SCOPED-IN-query-PfrG: var(--background-color);--navigator-background-color-SCOPED-IN-query-PfrG: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-query-PfrG: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-query-PfrG: var(--table-background-color);--table-on-background-color-SCOPED-IN-query-PfrG: var(--table-on-background-color);--is-debug: 1;--is-debug-SCOPED-IN-query-PfrG: var(--is-debug)}:host *{--primary-color: var(--primary-color-SCOPED-IN-query-PfrG);--on-primary-color: var(--on-primary-color-SCOPED-IN-query-PfrG);--surface-color: var(--surface-color-SCOPED-IN-query-PfrG);--on-surface-color: var(--on-surface-color-SCOPED-IN-query-PfrG);--background-color: var(--background-color-SCOPED-IN-query-PfrG);--on-background-color: var(--on-background-color-SCOPED-IN-query-PfrG);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-query-PfrG);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-query-PfrG);--table-background-color: var(--table-background-color-SCOPED-IN-query-PfrG);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-query-PfrG);--is-debug: var(--is-debug-SCOPED-IN-query-PfrG)}:host templates-index{padding-left:0;box-sizing:border-box;--first-content-height: calc(var(--is-debug-SCOPED-IN-query-PfrG) * 300px);transition:padding-left .3s}:host templates-index div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host templates-index div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => IndexTemplate), { isSignal: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], back: [], navigateToIframe: [], expandPage: [], itemClick: [] } });
 
 /**

package/fesm2022/xxmachina-components-pages-thread.mjs

@@ -120,7 +120,7 @@ class ThreadPage extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     </frames-router-outlet>
-  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-3N44: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-3N44: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-3N44: var(--primary-color);--on-primary-color-SCOPED-IN-thread-3N44: var(--on-primary-color);--surface-color-SCOPED-IN-thread-3N44: var(--surface-color);--on-surface-color-SCOPED-IN-thread-3N44: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-3N44: var(--on-background-color);--background-color-SCOPED-IN-thread-3N44: var(--background-color);--navigator-background-color-SCOPED-IN-thread-3N44: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-3N44: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-3N44: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-3N44: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-3N44)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: ThreadTemplate, selector: "templates-messages" }] });
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-y9co: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-y9co: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-y9co: var(--primary-color);--on-primary-color-SCOPED-IN-thread-y9co: var(--on-primary-color);--surface-color-SCOPED-IN-thread-y9co: var(--surface-color);--on-surface-color-SCOPED-IN-thread-y9co: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-y9co: var(--on-background-color);--background-color-SCOPED-IN-thread-y9co: var(--background-color);--navigator-background-color-SCOPED-IN-thread-y9co: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-y9co: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-y9co: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-y9co: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-y9co)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: ThreadTemplate, selector: "templates-messages" }] });
 }
 __decorate([
     Effect(ActionId.SEND_MESSAGE),
@@ -153,7 +153,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'messages',
                             ]
                         },
-                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-3N44: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-3N44: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-3N44: var(--primary-color);--on-primary-color-SCOPED-IN-thread-3N44: var(--on-primary-color);--surface-color-SCOPED-IN-thread-3N44: var(--surface-color);--on-surface-color-SCOPED-IN-thread-3N44: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-3N44: var(--on-background-color);--background-color-SCOPED-IN-thread-3N44: var(--background-color);--navigator-background-color-SCOPED-IN-thread-3N44: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-3N44: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-3N44: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-3N44: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-3N44)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-thread-y9co: var(--page-width-lv1);--page-width-lv3-SCOPED-IN-thread-y9co: var(--page-width-lv3);--primary-color-SCOPED-IN-thread-y9co: var(--primary-color);--on-primary-color-SCOPED-IN-thread-y9co: var(--on-primary-color);--surface-color-SCOPED-IN-thread-y9co: var(--surface-color);--on-surface-color-SCOPED-IN-thread-y9co: var(--on-surface-color);--on-background-color-SCOPED-IN-thread-y9co: var(--on-background-color);--background-color-SCOPED-IN-thread-y9co: var(--background-color);--navigator-background-color-SCOPED-IN-thread-y9co: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-thread-y9co: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-thread-y9co: var(--table-background-color);--table-on-background-color-SCOPED-IN-thread-y9co: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-thread-y9co)}:host .chat-container{display:flex;flex-direction:column;height:100%}:host .message{padding:10px;border-bottom:1px solid #ccc}\n"] }]
         }], propDecorators: { onCompositionStart: [{
                 type: HostListener,
                 args: ['compositionstart', ['$event']]

package/fesm2022/xxmachina-components-templates-agent.mjs

@@ -462,7 +462,7 @@ class AgentTemplate extends NgAtomicComponent {
       </div>
     </div>
   </frames-scroll>
-  `, isInline: true, styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-G1re: var(--text);--user: #00ff00;--user-SCOPED-IN-entrance-G1re: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-G1re: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-G1re: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-G1re: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-G1re);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0 20px;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-G1re);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-G1re);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-G1re);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-G1re);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-G1re);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-G1re);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0 16px}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0 12px}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-G1re);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-G1re)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-G1re),0 0 20px var(--accent-SCOPED-IN-entrance-G1re);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: XtermOrganism, selector: "organisms-xterm", outputs: ["terminalReady", "githubLinkClick"] }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
+  `, isInline: true, styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-7wyi: var(--text);--user: #00ff00;--user-SCOPED-IN-entrance-7wyi: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-7wyi: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-7wyi: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-7wyi: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-7wyi);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0 20px;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-7wyi);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-7wyi);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-7wyi);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-7wyi);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-7wyi);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-7wyi);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0 16px}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0 12px}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-7wyi);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-7wyi)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-7wyi),0 0 20px var(--accent-SCOPED-IN-entrance-7wyi);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: XtermOrganism, selector: "organisms-xterm", outputs: ["terminalReady", "githubLinkClick"] }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AgentTemplate, decorators: [{
             type: Component,
@@ -543,7 +543,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'fieldMap',
                             ],
                         },
-                    ], styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-G1re: var(--text);--user: #00ff00;--user-SCOPED-IN-entrance-G1re: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-G1re: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-G1re: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-G1re: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-G1re);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0 20px;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-G1re);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-G1re);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-G1re);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-G1re);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-G1re);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-G1re);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0 16px}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0 12px}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-G1re);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-G1re)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-G1re),0 0 20px var(--accent-SCOPED-IN-entrance-G1re);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"] }]
+                    ], styles: [":host{--text: #e0e0e0;--text-SCOPED-IN-entrance-7wyi: var(--text);--user: #00ff00;--user-SCOPED-IN-entrance-7wyi: var(--user);--sys: #888;--sys-SCOPED-IN-entrance-7wyi: var(--sys);--accent: #ff79c6;--accent-SCOPED-IN-entrance-7wyi: var(--accent);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-entrance-7wyi: var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;font-family:SF Mono,Monaco,monospace;container-type:inline-size;container-name:agent-container;transition:all .3s ease}.terminal-window{--height: 100%;--contents-gap: 0;width:100%;max-width:900px;height:600px;background:#0a0a0a;border:1px solid var(--border-SCOPED-IN-entrance-7wyi);border-radius:8px;box-shadow:0 20px 40px #0000004d;animation:fadeIn .3s;transition:all .3s ease}.terminal-header{display:flex;justify-content:space-between;align-items:center;height:56px;min-height:56px;flex-shrink:0;padding:0 20px;background:#1a1a1a99;border-bottom:1px solid var(--border-SCOPED-IN-entrance-7wyi);transition:all .3s ease;position:relative}.terminal-header .close-button{color:var(--sys-SCOPED-IN-entrance-7wyi);margin-right:.5rem;opacity:.7}.terminal-header .close-button:hover{color:var(--text-SCOPED-IN-entrance-7wyi);opacity:1}.terminal-header .terminal-title{font-size:13px;color:var(--text-SCOPED-IN-entrance-7wyi);font-weight:500;flex:1}.terminal-header .terminal-status{font-size:12px;color:var(--sys-SCOPED-IN-entrance-7wyi);opacity:.7}.terminal-display{width:100%;height:100%;background:#0a0a0a}.input-area{background:#000000e6;border-top:1px solid var(--border-SCOPED-IN-entrance-7wyi);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;padding:16px 20px}.input-line{display:block;position:relative}.input-line .input-prefix{display:none}.input-line .textarea-wrapper{display:flex;align-items:flex-start;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:border-color .2s ease}.input-line .textarea-wrapper:focus-within{border-color:#fff6}.input-line .textarea-wrapper .arrow-prefix{color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;padding:12px 0 12px 16px;flex-shrink:0;pointer-events:none}.input-line .textarea-wrapper .input-container{flex:1;position:relative;overflow:hidden}.input-line .textarea-wrapper .terminal-input{width:100%;background:transparent;border:none;outline:none;color:#e0e0e0;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:400;caret-color:transparent;padding:12px 16px 12px 8px;transition:none;resize:none;height:44px;min-height:44px;max-height:200px;overflow-y:auto;overflow-x:hidden;line-height:20px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.input-line .textarea-wrapper .terminal-input::selection{background:#ffffff4d}.input-line .textarea-wrapper .terminal-input{caret-shape:block}.input-line .textarea-wrapper .terminal-input:disabled{opacity:.5;cursor:not-allowed}.input-line .textarea-wrapper .terminal-input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0;-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.9) inset}.input-line .textarea-wrapper .terminal-input::placeholder{color:#ffffff4d;opacity:1}.input-line .textarea-wrapper .block-cursor{position:absolute;width:10px;height:20px;background:#e0e0e0;opacity:0;pointer-events:none}.input-line .textarea-wrapper .block-cursor.visible{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:.8}51%,to{opacity:0}}:host:has(.terminal-window){height:100vh;height:100dvh;overflow-y:auto}@container agent-container (max-width: 600px){:host{padding:0;padding-top:env(safe-area-inset-top)}.terminal-window{height:100%;max-height:100vh;max-height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}.terminal-header{height:56px;padding:0 16px}.terminal-header .terminal-title{font-size:12px}.terminal-header .terminal-status{font-size:11px}.terminal-header .close-button{margin-right:.25rem}}@container agent-container (min-width: 601px) and (max-width: 900px){.terminal-window{max-width:100%;height:100%;border-radius:0}}@container agent-container (max-width: 400px){.terminal-header{height:56px;padding:0 12px}.terminal-header .close-button{margin-right:.2rem}.input-area{padding:12px 16px}.textarea-wrapper .arrow-prefix{font-size:13px;padding:10px 0 10px 12px}.textarea-wrapper .terminal-input{font-size:12px;padding:10px 12px 10px 6px;height:40px;min-height:40px;line-height:20px}}.ascii-art{font-family:Consolas,Monaco,Liberation Mono,Menlo,Courier New,monospace!important;font-size:10px!important;line-height:1.1!important;letter-spacing:0!important;font-weight:400!important;margin:1em 0!important;padding:1em!important;white-space:pre!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;width:fit-content!important;background:#ffffff08;border:1px solid var(--border-SCOPED-IN-entrance-7wyi);border-radius:4px;color:var(--accent-SCOPED-IN-entrance-7wyi)!important;opacity:.9;text-shadow:0 0 10px var(--accent-SCOPED-IN-entrance-7wyi),0 0 20px var(--accent-SCOPED-IN-entrance-7wyi);-webkit-font-smoothing:none!important;-moz-osx-font-smoothing:unset!important;font-variant-ligatures:none!important;text-rendering:optimizeLegibility!important}\n"] }]
         }], propDecorators: { endActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "endActions", required: false }] }], xtermComponent: [{ type: i0.ViewChild, args: ['xtermComponent', { isSignal: true }] }], inputField: [{ type: i0.ViewChild, args: ['inputField', { isSignal: true }] }], onWindowResize: [{
                 type: HostListener,
                 args: ['window:resize']

package/fesm2022/xxmachina-components-templates-flow.mjs

@@ -6,6 +6,7 @@ import { MarkerType } from 'reactflow';
 import * as i1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { NgAtomicComponent, InjectableComponent, provideComponent, TokenizedType, Effect } from '@ng-atomic/core';
+import { ScrollFrame } from '@ng-atomic/components/frames/scroll';
 
 var ActionId$1;
 (function (ActionId) {
@@ -229,7 +230,9 @@ class FlowTemplate extends NgAtomicComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: FlowTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: FlowTemplate, isStandalone: true, selector: "templates-flow", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, edges: { classPropertyName: "edges", publicName: "edges", isSignal: true, isRequired: false, transformFunction: null }, interactionMode: { classPropertyName: "interactionMode", publicName: "interactionMode", isSignal: true, isRequired: false, transformFunction: null }, deleteKeyCode: { classPropertyName: "deleteKeyCode", publicName: "deleteKeyCode", isSignal: true, isRequired: false, transformFunction: null }, defaultEdgeOptions: { classPropertyName: "defaultEdgeOptions", publicName: "defaultEdgeOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeClick: "nodeClick", nodesChange: "nodesChange", nodeDragStop: "nodeDragStop", edgesChange: "edgesChange", connect: "connect", nodeData: "nodeData", nodeResizeEnd: "nodeResizeEnd", viewportChange: "viewportChange" }, usesInheritance: true, ngImport: i0, template: `
-    <machina-react-flow
+    <frames-scroll>
+      <ng-content select="[top]" top />
+      <machina-react-flow
       [nodes]="nodes()"
       [edges]="edges()"
       [deleteKeyCode]="deleteKeyCode()"
@@ -271,7 +274,8 @@ class FlowTemplate extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     </machina-react-flow>
-  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}::ng-deep .react-flow__node-group{background:#f0f0f04d!important;border:2px solid #e1e4e8!important;border-radius:12px!important;box-shadow:none!important;padding:60px 40px 40px!important}::ng-deep .react-flow__node-group .react-flow__node-group__label{display:none!important}\n"], dependencies: [{ kind: "component", type: ReactFlowComponent, selector: "machina-react-flow", inputs: ["enableTouchPassthrough"] }, { kind: "directive", type: FlowNodeDirective, selector: "[flowNode]", inputs: ["flowNode"] }, { kind: "component", type: GroupNodeComponent, selector: "flow-group-node", inputs: ["data"], outputs: ["expandedChange"] }, { kind: "directive", type: FlowNodeStore, selector: "flow-node", inputs: ["data"] }] });
+    </frames-scroll>
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}::ng-deep .react-flow__node-group{background:#f0f0f04d!important;border:2px solid #e1e4e8!important;border-radius:12px!important;box-shadow:none!important;padding:60px 40px 40px!important}::ng-deep .react-flow__node-group .react-flow__node-group__label{display:none!important}\n"], dependencies: [{ kind: "component", type: ReactFlowComponent, selector: "machina-react-flow", inputs: ["enableTouchPassthrough"] }, { kind: "directive", type: FlowNodeDirective, selector: "[flowNode]", inputs: ["flowNode"] }, { kind: "component", type: GroupNodeComponent, selector: "flow-group-node", inputs: ["data"], outputs: ["expandedChange"] }, { kind: "directive", type: FlowNodeStore, selector: "flow-node", inputs: ["data"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }] });
 }
 __decorate([
     Effect(GroupNodeComponent.ActionId.EXPANDED_CHANGE),
@@ -285,9 +289,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                         ReactFlowComponent,
                         FlowNodeDirective,
                         GroupNodeComponent,
-                        FlowNodeStore
+                        FlowNodeStore,
+                        ScrollFrame,
                     ], template: `
-    <machina-react-flow
+    <frames-scroll>
+      <ng-content select="[top]" top />
+      <machina-react-flow
       [nodes]="nodes()"
       [edges]="edges()"
       [deleteKeyCode]="deleteKeyCode()"
@@ -329,6 +336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
         (action)="dispatch($event)"
       />
     </machina-react-flow>
+    </frames-scroll>
   `, styles: [":host{display:block;width:100%;height:100%}::ng-deep .react-flow__node-group{background:#f0f0f04d!important;border:2px solid #e1e4e8!important;border-radius:12px!important;box-shadow:none!important;padding:60px 40px 40px!important}::ng-deep .react-flow__node-group .react-flow__node-group__label{display:none!important}\n"] }]
         }], propDecorators: { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], edges: [{ type: i0.Input, args: [{ isSignal: true, alias: "edges", required: false }] }], interactionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactionMode", required: false }] }], deleteKeyCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteKeyCode", required: false }] }], defaultEdgeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultEdgeOptions", required: false }] }], nodeClick: [{ type: i0.Output, args: ["nodeClick"] }], nodesChange: [{ type: i0.Output, args: ["nodesChange"] }], nodeDragStop: [{ type: i0.Output, args: ["nodeDragStop"] }], edgesChange: [{ type: i0.Output, args: ["edgesChange"] }], connect: [{ type: i0.Output, args: ["connect"] }], nodeData: [{ type: i0.Output, args: ["nodeData"] }], nodeResizeEnd: [{ type: i0.Output, args: ["nodeResizeEnd"] }], viewportChange: [{ type: i0.Output, args: ["viewportChange"] }], onGroupExpandedChange: [] } });
 

package/fesm2022/xxmachina-components-templates-flow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"xxmachina-components-templates-flow.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/templates/flow/nodes/group/group.node.ts","../../../../../packages/@xxmachina/components/src/lib/templates/flow/nodes/group/group.node.meta.ts","../../../../../packages/@xxmachina/components/src/lib/templates/flow/flow.template.ts","../../../../../packages/@xxmachina/components/src/lib/templates/flow/xxmachina-components-templates-flow.ts"],"sourcesContent":["import { Component, input, output } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\nexport interface GroupNodeData {\n  label: string;\n  status?: string;\n  assignee?: string;\n  assigneeIcon?: string;\n  childCount?: number;\n  expanded?: boolean;\n}\n\nenum ActionId {\n  EXPANDED_CHANGE = 'EXPANDED_CHANGE',\n}\n\n@Component({\n  selector: 'flow-group-node',\n  standalone: true,\n  imports: [MatIconModule],\n  template: `\n    <div class=\"group-node\" [class]=\"'s-' + data()?.status\">\n      <div class=\"group-header\">\n        <span class=\"dot\"></span>\n        <span class=\"status-badge\">{{ getStatusLabel(data()?.status) }}</span>\n        @if (data()?.childCount) {\n          <span class=\"child-count\">{{ data()?.childCount }}</span>\n        }\n      </div>\n      <div class=\"group-title\">{{ data()?.label }}</div>\n      @if (data()?.assignee) {\n        <div class=\"group-footer\">\n          <span class=\"assignee\">\n            @if (data()?.assigneeIcon) {\n              <img [src]=\"data()?.assigneeIcon\" class=\"assignee-avatar\" alt=\"\" />\n            } @else {\n              <mat-icon class=\"assignee-icon\">group</mat-icon>\n            }\n            {{ data()?.assignee }}\n          </span>\n        </div>\n      }\n    </div>\n  `,\n  styles: [`\n    :host { display: block; width: 180px; }\n\n    .group-node {\n      background: #0a0a0a;\n      border: 1px solid rgba(51, 51, 51, 0.8);\n      border-radius: 10px;\n      padding: 12px;\n      font-family: 'SF Mono', Monaco, monospace;\n      transition: all 0.2s ease;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);\n    }\n\n    .group-node:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);\n      border-color: rgba(80, 80, 80, 0.8);\n    }\n\n    .group-node.s-root { border-color: rgba(99, 102, 241, 0.6); }\n    .group-node.s-completed { border-color: rgba(16, 185, 129, 0.6); }\n    .group-node.s-in_progress { border-color: rgba(59, 130, 246, 0.6); }\n    .group-node.s-pending { border-color: rgba(136, 136, 136, 0.6); }\n    .group-node.s-sprint_planned { border-color: rgba(139, 92, 246, 0.6); }\n    .group-node.s-needs_breakdown { border-color: rgba(245, 158, 11, 0.6); }\n\n    .group-header {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      margin-bottom: 8px;\n    }\n\n    .dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 10px currentColor;\n    }\n\n    .s-root .dot { background: #6366f1; color: #6366f1; }\n    .s-completed .dot { background: #10b981; color: #10b981; }\n    .s-in_progress .dot { background: #3b82f6; color: #3b82f6; animation: pulse 2s infinite; }\n    .s-pending .dot { background: #888; color: #888; }\n    .s-sprint_planned .dot { background: #8b5cf6; color: #8b5cf6; }\n    .s-needs_breakdown .dot { background: #f59e0b; color: #f59e0b; }\n\n    @keyframes pulse {\n      0%, 100% { box-shadow: 0 0 4px rgba(59, 130, 246, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(59, 130, 246, 0.8); }\n    }\n\n    .status-badge {\n      font-size: 10px;\n      font-weight: 600;\n      padding: 2px 8px;\n      border-radius: 10px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .s-root .status-badge { background: rgba(99, 102, 241, 0.2); color: #6366f1; }\n    .s-completed .status-badge { background: rgba(16, 185, 129, 0.2); color: #10b981; }\n    .s-in_progress .status-badge { background: rgba(59, 130, 246, 0.2); color: #3b82f6; }\n    .s-pending .status-badge { background: rgba(136, 136, 136, 0.2); color: #888; }\n    .s-sprint_planned .status-badge { background: rgba(139, 92, 246, 0.2); color: #8b5cf6; }\n    .s-needs_breakdown .status-badge { background: rgba(245, 158, 11, 0.2); color: #f59e0b; }\n\n    .child-count {\n      margin-left: auto;\n      font-size: 11px;\n      font-weight: 600;\n      color: #888;\n      background: rgba(255, 255, 255, 0.05);\n      padding: 2px 8px;\n      border-radius: 10px;\n    }\n\n    .group-title {\n      font-size: 14px;\n      font-weight: 500;\n      color: #e0e0e0;\n      line-height: 1.4;\n      margin-bottom: 8px;\n    }\n\n    .group-footer {\n      padding-top: 8px;\n      border-top: 1px solid rgba(51, 51, 51, 0.5);\n    }\n\n    .assignee {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      font-size: 11px;\n      color: #888;\n      font-weight: 500;\n    }\n\n    .assignee-icon {\n      font-size: 14px;\n      width: 14px;\n      height: 14px;\n      color: #666;\n    }\n\n    .assignee-avatar {\n      width: 18px;\n      height: 18px;\n      border-radius: 50%;\n      object-fit: cover;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n  `]\n})\nexport class GroupNodeComponent extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n\n  readonly data = input<GroupNodeData>();\n  readonly expandedChange = output<boolean>();\n\n  getStatusLabel(status?: string): string {\n    const labels: Record<string, string> = {\n      'root': 'ROOT',\n      'in_progress': 'WIP',\n      'completed': 'DONE',\n      'pending': 'TODO',\n      'sprint_planned': 'PLAN',\n      'needs_breakdown': 'BREAK',\n      'under_consideration': 'REVIEW',\n      'abandoned': 'DROP'\n    };\n    return labels[status || ''] || status?.toUpperCase() || '';\n  }\n\n  onExpandedChange(expanded: boolean): void {\n    this.dispatch({id: ActionId.EXPANDED_CHANGE, payload: { expanded, data: this.data() }});\n  }\n}\n","import { Type } from '@angular/core';\nimport { GroupNodeComponent, GroupNodeData } from './group.node';\n\ninterface ComponentMeta<T = unknown> {\n  title: string;\n  group?: 'atoms' | 'molecules' | 'organisms' | 'templates' | 'presenters' | 'extras';\n  component: Type<T>;\n  inputs?: Record<string, unknown>;\n  viewport?: { width?: number; height?: number };\n  variants?: { name: string; inputs: Record<string, unknown> }[];\n}\n\nexport const groupNodeMeta: ComponentMeta = {\n  title: 'Flow Group Node',\n  group: 'molecules',\n  component: GroupNodeComponent,\n  viewport: { width: 280, height: 180 },\n  variants: [\n    {\n      name: 'root',\n      inputs: {\n        data: {\n          label: 'Project Tasks',\n          status: 'root',\n          childCount: 12,\n        } as GroupNodeData,\n      },\n    },\n    {\n      name: 'in progress',\n      inputs: {\n        data: {\n          label: 'Sprint 1 Tasks',\n          status: 'in_progress',\n          assignee: 'Team Alpha',\n          childCount: 5,\n        } as GroupNodeData,\n      },\n    },\n    {\n      name: 'completed',\n      inputs: {\n        data: {\n          label: 'Completed Features',\n          status: 'completed',\n          assignee: 'Team Beta',\n          childCount: 8,\n        } as GroupNodeData,\n      },\n    },\n    {\n      name: 'pending',\n      inputs: {\n        data: {\n          label: 'Backlog Items',\n          status: 'pending',\n          childCount: 15,\n        } as GroupNodeData,\n      },\n    },\n    {\n      name: 'sprint planned',\n      inputs: {\n        data: {\n          label: 'Sprint 2 Planned',\n          status: 'sprint_planned',\n          assignee: 'Team Gamma',\n          childCount: 6,\n        } as GroupNodeData,\n      },\n    },\n    {\n      name: 'with avatar',\n      inputs: {\n        data: {\n          label: 'Design Review',\n          status: 'in_progress',\n          assignee: 'Design Team',\n          assigneeIcon: 'https://api.dicebear.com/7.x/avataaars/svg?seed=Team',\n          childCount: 3,\n        } as GroupNodeData,\n      },\n    },\n  ],\n};\n","import { Component, computed, Directive, input, output, Type } from '@angular/core';\n\nimport { ReactFlowComponent, FlowNodeDirective } from '@xxmachina/components/extras/flow';\nimport { Node, Edge, NodeChange, EdgeChange, Connection, MarkerType, Viewport, ReactFlowInstance } from 'reactflow';\nimport { GroupNodeComponent } from './nodes/group';\nimport { TaskNodeComponent } from './nodes/task';\nimport { Effect, InjectableComponent, NgAtomicComponent, provideComponent, TokenizedType } from '@ng-atomic/core';\n\nexport type FlowInteractionMode = 'desktop' | 'touch';\n\nenum ActionId {\n  EXPANDED_CHANGE = '[FlowTemplate] EXPANDED_CHANGE',\n}\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'flow-node' })\nexport class FlowNodeStore<T> extends InjectableComponent {\n  static provideComponent(loader: () => Promise<Type<any>> | Type<any>) {\n    return provideComponent(FlowNodeStore, loader);\n  }\n\n  readonly data = input<T>();\n}\n\n@Component({\n  selector: 'templates-flow',\n  standalone: true,\n  imports: [\n    ReactFlowComponent,\n    FlowNodeDirective,\n    GroupNodeComponent,\n    FlowNodeStore\n],\n  template: `\n    <machina-react-flow\n      [nodes]=\"nodes()\"\n      [edges]=\"edges()\"\n      [deleteKeyCode]=\"deleteKeyCode()\"\n      [defaultEdgeOptions]=\"defaultEdgeOptions()\"\n      [enableTouchPassthrough]=\"interactionMode() === 'touch'\"\n      [minZoom]=\"0.05\"\n      [maxZoom]=\"2\"\n      [fitView]=\"true\"\n      [fitViewOptions]=\"{ padding: 0.1, minZoom: 0.1, maxZoom: 0.5 }\"\n      [defaultViewport]=\"{ x: 0, y: 0, zoom: 0.3 }\"\n      [nodesDraggable]=\"nodesDraggable_()\"\n      [nodesConnectable]=\"true\"\n      [elementsSelectable]=\"true\"\n      [panOnDrag]=\"panOnDrag_()\"\n      [panOnScroll]=\"true\"\n      [selectionOnDrag]=\"false\"\n      [zoomOnScroll]=\"true\"\n      [zoomOnPinch]=\"true\"\n      [zoomOnDoubleClick]=\"true\"\n      (action)=\"dispatch($event)\"\n      (onNodeClick)=\"nodeClick.emit($event)\"\n      (onNodesChange)=\"nodesChange.emit($event)\"\n      (onNodeDragStop)=\"nodeDragStop.emit($event)\"\n      (onEdgesChange)=\"edgesChange.emit($event)\"\n      (onConnect)=\"connect.emit($event)\"\n      (onNodeResizeEnd)=\"nodeResizeEnd.emit($event)\"\n      (onMove)=\"onViewportMove($event)\"\n      (onMoveEnd)=\"onViewportMove($event)\"\n      (onInit)=\"onFlowInit($event)\"\n    >\n      <flow-node injectable\n        *flowNode=\"'task'; let data\"\n        [data]=\"data\"\n        (action)=\"dispatch($event)\"\n      />\n      <flow-group-node\n        *flowNode=\"'group'; let data; let node\"\n        [data]=\"data\"\n        (action)=\"dispatch($event)\"\n      />\n    </machina-react-flow>\n  `,\n  styleUrl: './flow.template.scss',\n})\nexport class FlowTemplate extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n\n  readonly nodes = input<Node[]>([]);\n  readonly edges = input<Edge[]>([]);\n  readonly interactionMode = input<FlowInteractionMode>('desktop');\n\n  protected readonly panOnDrag_ = computed(() => this.interactionMode() === 'touch' ? [2] : true);\n  protected readonly nodesDraggable_ = computed(() => this.interactionMode() !== 'touch');\n  readonly deleteKeyCode = input<string | null>(null); // nullで削除機能を無効化\n  readonly defaultEdgeOptions = input({\n    type: 'smoothstep',\n    animated: true,\n    markerEnd: {\n      type: MarkerType.ArrowClosed,\n    },\n    style: {\n      stroke: '#333',\n      strokeWidth: 2,\n    }\n  });\n\n  readonly nodeClick = output<[MouseEvent, Node]>();\n  readonly nodesChange = output<NodeChange[]>();\n  readonly nodeDragStop = output<[MouseEvent, Node, Node[]]>();\n  readonly edgesChange = output<EdgeChange[]>();\n  readonly connect = output<Connection>();\n  readonly nodeData = output<[string, any]>();\n  readonly nodeResizeEnd = output<{ nodeId: string; width: number; height: number }>();\n  readonly viewportChange = output<Viewport>();\n\n  protected onViewportMove([_event, viewport]: [MouseEvent, Viewport]): void {\n    this.viewportChange.emit(viewport);\n  }\n\n  /**\n   * Handle ReactFlow initialization.\n   * Uses requestAnimationFrame to wait for fitView completion before emitting viewport.\n   */\n  protected onFlowInit([instance]: [ReactFlowInstance]): void {\n    requestAnimationFrame(() => {\n      const viewport = instance.getViewport();\n      this.viewportChange.emit(viewport);\n    });\n  }\n\n  @Effect(GroupNodeComponent.ActionId.EXPANDED_CHANGE)\n  protected onGroupExpandedChange(payload: { expanded: boolean, data: any }): void {\n    const nodeId = payload.data?.task?.id;\n    console.log('FlowTemplate - GroupNode EXPANDED_CHANGE:', { nodeId, expanded: payload.expanded });\n    if (nodeId) {\n      this.dispatch({ id: ActionId.EXPANDED_CHANGE, payload: { nodeId, expanded: payload.expanded } });\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["ActionId"],"mappings":"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"}
+{"version":3,"file":"xxmachina-components-templates-flow.mjs","sources":["../../../../../packages/@xxmachina/components/src/lib/templates/flow/nodes/group/group.node.ts","../../../../../packages/@xxmachina/components/src/lib/templates/flow/nodes/group/group.node.meta.ts","../../../../../packages/@xxmachina/components/src/lib/templates/flow/flow.template.ts","../../../../../packages/@xxmachina/components/src/lib/templates/flow/xxmachina-components-templates-flow.ts"],"sourcesContent":["import { Component, input, output } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\nexport interface GroupNodeData {\n  label: string;\n  status?: string;\n  assignee?: string;\n  assigneeIcon?: string;\n  childCount?: number;\n  expanded?: boolean;\n}\n\nenum ActionId {\n  EXPANDED_CHANGE = 'EXPANDED_CHANGE',\n}\n\n@Component({\n  selector: 'flow-group-node',\n  standalone: true,\n  imports: [MatIconModule],\n  template: `\n    <div class=\"group-node\" [class]=\"'s-' + data()?.status\">\n      <div class=\"group-header\">\n        <span class=\"dot\"></span>\n        <span class=\"status-badge\">{{ getStatusLabel(data()?.status) }}</span>\n        @if (data()?.childCount) {\n          <span class=\"child-count\">{{ data()?.childCount }}</span>\n        }\n      </div>\n      <div class=\"group-title\">{{ data()?.label }}</div>\n      @if (data()?.assignee) {\n        <div class=\"group-footer\">\n          <span class=\"assignee\">\n            @if (data()?.assigneeIcon) {\n              <img [src]=\"data()?.assigneeIcon\" class=\"assignee-avatar\" alt=\"\" />\n            } @else {\n              <mat-icon class=\"assignee-icon\">group</mat-icon>\n            }\n            {{ data()?.assignee }}\n          </span>\n        </div>\n      }\n    </div>\n  `,\n  styles: [`\n    :host { display: block; width: 180px; }\n\n    .group-node {\n      background: #0a0a0a;\n      border: 1px solid rgba(51, 51, 51, 0.8);\n      border-radius: 10px;\n      padding: 12px;\n      font-family: 'SF Mono', Monaco, monospace;\n      transition: all 0.2s ease;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);\n    }\n\n    .group-node:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);\n      border-color: rgba(80, 80, 80, 0.8);\n    }\n\n    .group-node.s-root { border-color: rgba(99, 102, 241, 0.6); }\n    .group-node.s-completed { border-color: rgba(16, 185, 129, 0.6); }\n    .group-node.s-in_progress { border-color: rgba(59, 130, 246, 0.6); }\n    .group-node.s-pending { border-color: rgba(136, 136, 136, 0.6); }\n    .group-node.s-sprint_planned { border-color: rgba(139, 92, 246, 0.6); }\n    .group-node.s-needs_breakdown { border-color: rgba(245, 158, 11, 0.6); }\n\n    .group-header {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      margin-bottom: 8px;\n    }\n\n    .dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      flex-shrink: 0;\n      box-shadow: 0 0 10px currentColor;\n    }\n\n    .s-root .dot { background: #6366f1; color: #6366f1; }\n    .s-completed .dot { background: #10b981; color: #10b981; }\n    .s-in_progress .dot { background: #3b82f6; color: #3b82f6; animation: pulse 2s infinite; }\n    .s-pending .dot { background: #888; color: #888; }\n    .s-sprint_planned .dot { background: #8b5cf6; color: #8b5cf6; }\n    .s-needs_breakdown .dot { background: #f59e0b; color: #f59e0b; }\n\n    @keyframes pulse {\n      0%, 100% { box-shadow: 0 0 4px rgba(59, 130, 246, 0.4); }\n      50% { box-shadow: 0 0 12px rgba(59, 130, 246, 0.8); }\n    }\n\n    .status-badge {\n      font-size: 10px;\n      font-weight: 600;\n      padding: 2px 8px;\n      border-radius: 10px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .s-root .status-badge { background: rgba(99, 102, 241, 0.2); color: #6366f1; }\n    .s-completed .status-badge { background: rgba(16, 185, 129, 0.2); color: #10b981; }\n    .s-in_progress .status-badge { background: rgba(59, 130, 246, 0.2); color: #3b82f6; }\n    .s-pending .status-badge { background: rgba(136, 136, 136, 0.2); color: #888; }\n    .s-sprint_planned .status-badge { background: rgba(139, 92, 246, 0.2); color: #8b5cf6; }\n    .s-needs_breakdown .status-badge { background: rgba(245, 158, 11, 0.2); color: #f59e0b; }\n\n    .child-count {\n      margin-left: auto;\n      font-size: 11px;\n      font-weight: 600;\n      color: #888;\n      background: rgba(255, 255, 255, 0.05);\n      padding: 2px 8px;\n      border-radius: 10px;\n    }\n\n    .group-title {\n      font-size: 14px;\n      font-weight: 500;\n      color: #e0e0e0;\n      line-height: 1.4;\n      margin-bottom: 8px;\n    }\n\n    .group-footer {\n      padding-top: 8px;\n      border-top: 1px solid rgba(51, 51, 51, 0.5);\n    }\n\n    .assignee {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      font-size: 11px;\n      color: #888;\n      font-weight: 500;\n    }\n\n    .assignee-icon {\n      font-size: 14px;\n      width: 14px;\n      height: 14px;\n      color: #666;\n    }\n\n    .assignee-avatar {\n      width: 18px;\n      height: 18px;\n      border-radius: 50%;\n      object-fit: cover;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    }\n  `]\n})\nexport class GroupNodeComponent extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n\n  readonly data = input<GroupNodeData>();\n  readonly expandedChange = output<boolean>();\n\n  getStatusLabel(status?: string): string {\n    const labels: Record<string, string> = {\n      'root': 'ROOT',\n      'in_progress': 'WIP',\n      'completed': 'DONE',\n      'pending': 'TODO',\n      'sprint_planned': 'PLAN',\n      'needs_breakdown': 'BREAK',\n      'under_consideration': 'REVIEW',\n      'abandoned': 'DROP'\n    };\n    return labels[status || ''] || status?.toUpperCase() || '';\n  }\n\n  onExpandedChange(expanded: boolean): void {\n    this.dispatch({id: ActionId.EXPANDED_CHANGE, payload: { expanded, data: this.data() }});\n  }\n}\n","import { Type } from '@angular/core';\nimport { GroupNodeComponent, GroupNodeData } from './group.node';\n\ninterface ComponentMeta<T = unknown> {\n  title: string;\n  group?: 'atoms' | 'molecules' | 'organisms' | 'templates' | 'presenters' | 'extras';\n  component: Type<T>;\n  inputs?: Record<string, unknown>;\n  viewport?: { width?: number; height?: number };\n  variants?: { name: string; inputs: Record<string, unknown> }[];\n}\n\nexport const groupNodeMeta: ComponentMeta = {\n  title: 'Flow Group Node',\n  group: 'molecules',\n  component: GroupNodeComponent,\n  viewport: { width: 280, height: 180 },\n  variants: [\n    {\n      name: 'root',\n      inputs: {\n        data: {\n          label: 'Project Tasks',\n          status: 'root',\n          childCount: 12,\n        } as GroupNodeData,\n      },\n    },\n    {\n      name: 'in progress',\n      inputs: {\n        data: {\n          label: 'Sprint 1 Tasks',\n          status: 'in_progress',\n          assignee: 'Team Alpha',\n          childCount: 5,\n        } as GroupNodeData,\n      },\n    },\n    {\n      name: 'completed',\n      inputs: {\n        data: {\n          label: 'Completed Features',\n          status: 'completed',\n          assignee: 'Team Beta',\n          childCount: 8,\n        } as GroupNodeData,\n      },\n    },\n    {\n      name: 'pending',\n      inputs: {\n        data: {\n          label: 'Backlog Items',\n          status: 'pending',\n          childCount: 15,\n        } as GroupNodeData,\n      },\n    },\n    {\n      name: 'sprint planned',\n      inputs: {\n        data: {\n          label: 'Sprint 2 Planned',\n          status: 'sprint_planned',\n          assignee: 'Team Gamma',\n          childCount: 6,\n        } as GroupNodeData,\n      },\n    },\n    {\n      name: 'with avatar',\n      inputs: {\n        data: {\n          label: 'Design Review',\n          status: 'in_progress',\n          assignee: 'Design Team',\n          assigneeIcon: 'https://api.dicebear.com/7.x/avataaars/svg?seed=Team',\n          childCount: 3,\n        } as GroupNodeData,\n      },\n    },\n  ],\n};\n","import { Component, computed, Directive, input, output, Type } from '@angular/core';\n\nimport { ReactFlowComponent, FlowNodeDirective } from '@xxmachina/components/extras/flow';\nimport { Node, Edge, NodeChange, EdgeChange, Connection, MarkerType, Viewport, ReactFlowInstance } from 'reactflow';\nimport { GroupNodeComponent } from './nodes/group';\nimport { TaskNodeComponent } from './nodes/task';\nimport { Effect, InjectableComponent, NgAtomicComponent, provideComponent, TokenizedType } from '@ng-atomic/core';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\n\nexport type FlowInteractionMode = 'desktop' | 'touch';\n\nenum ActionId {\n  EXPANDED_CHANGE = '[FlowTemplate] EXPANDED_CHANGE',\n}\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'flow-node' })\nexport class FlowNodeStore<T> extends InjectableComponent {\n  static provideComponent(loader: () => Promise<Type<any>> | Type<any>) {\n    return provideComponent(FlowNodeStore, loader);\n  }\n\n  readonly data = input<T>();\n}\n\n@Component({\n  selector: 'templates-flow',\n  standalone: true,\n  imports: [\n    ReactFlowComponent,\n    FlowNodeDirective,\n    GroupNodeComponent,\n    FlowNodeStore,\n    ScrollFrame,\n],\n  template: `\n    <frames-scroll>\n      <ng-content select=\"[top]\" top />\n      <machina-react-flow\n      [nodes]=\"nodes()\"\n      [edges]=\"edges()\"\n      [deleteKeyCode]=\"deleteKeyCode()\"\n      [defaultEdgeOptions]=\"defaultEdgeOptions()\"\n      [enableTouchPassthrough]=\"interactionMode() === 'touch'\"\n      [minZoom]=\"0.05\"\n      [maxZoom]=\"2\"\n      [fitView]=\"true\"\n      [fitViewOptions]=\"{ padding: 0.1, minZoom: 0.1, maxZoom: 0.5 }\"\n      [defaultViewport]=\"{ x: 0, y: 0, zoom: 0.3 }\"\n      [nodesDraggable]=\"nodesDraggable_()\"\n      [nodesConnectable]=\"true\"\n      [elementsSelectable]=\"true\"\n      [panOnDrag]=\"panOnDrag_()\"\n      [panOnScroll]=\"true\"\n      [selectionOnDrag]=\"false\"\n      [zoomOnScroll]=\"true\"\n      [zoomOnPinch]=\"true\"\n      [zoomOnDoubleClick]=\"true\"\n      (action)=\"dispatch($event)\"\n      (onNodeClick)=\"nodeClick.emit($event)\"\n      (onNodesChange)=\"nodesChange.emit($event)\"\n      (onNodeDragStop)=\"nodeDragStop.emit($event)\"\n      (onEdgesChange)=\"edgesChange.emit($event)\"\n      (onConnect)=\"connect.emit($event)\"\n      (onNodeResizeEnd)=\"nodeResizeEnd.emit($event)\"\n      (onMove)=\"onViewportMove($event)\"\n      (onMoveEnd)=\"onViewportMove($event)\"\n      (onInit)=\"onFlowInit($event)\"\n    >\n      <flow-node injectable\n        *flowNode=\"'task'; let data\"\n        [data]=\"data\"\n        (action)=\"dispatch($event)\"\n      />\n      <flow-group-node\n        *flowNode=\"'group'; let data; let node\"\n        [data]=\"data\"\n        (action)=\"dispatch($event)\"\n      />\n    </machina-react-flow>\n    </frames-scroll>\n  `,\n  styleUrl: './flow.template.scss',\n})\nexport class FlowTemplate extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n\n  readonly nodes = input<Node[]>([]);\n  readonly edges = input<Edge[]>([]);\n  readonly interactionMode = input<FlowInteractionMode>('desktop');\n\n  protected readonly panOnDrag_ = computed(() => this.interactionMode() === 'touch' ? [2] : true);\n  protected readonly nodesDraggable_ = computed(() => this.interactionMode() !== 'touch');\n  readonly deleteKeyCode = input<string | null>(null); // nullで削除機能を無効化\n  readonly defaultEdgeOptions = input({\n    type: 'smoothstep',\n    animated: true,\n    markerEnd: {\n      type: MarkerType.ArrowClosed,\n    },\n    style: {\n      stroke: '#333',\n      strokeWidth: 2,\n    }\n  });\n\n  readonly nodeClick = output<[MouseEvent, Node]>();\n  readonly nodesChange = output<NodeChange[]>();\n  readonly nodeDragStop = output<[MouseEvent, Node, Node[]]>();\n  readonly edgesChange = output<EdgeChange[]>();\n  readonly connect = output<Connection>();\n  readonly nodeData = output<[string, any]>();\n  readonly nodeResizeEnd = output<{ nodeId: string; width: number; height: number }>();\n  readonly viewportChange = output<Viewport>();\n\n  protected onViewportMove([_event, viewport]: [MouseEvent, Viewport]): void {\n    this.viewportChange.emit(viewport);\n  }\n\n  /**\n   * Handle ReactFlow initialization.\n   * Uses requestAnimationFrame to wait for fitView completion before emitting viewport.\n   */\n  protected onFlowInit([instance]: [ReactFlowInstance]): void {\n    requestAnimationFrame(() => {\n      const viewport = instance.getViewport();\n      this.viewportChange.emit(viewport);\n    });\n  }\n\n  @Effect(GroupNodeComponent.ActionId.EXPANDED_CHANGE)\n  protected onGroupExpandedChange(payload: { expanded: boolean, data: any }): void {\n    const nodeId = payload.data?.task?.id;\n    console.log('FlowTemplate - GroupNode EXPANDED_CHANGE:', { nodeId, expanded: payload.expanded });\n    if (nodeId) {\n      this.dispatch({ id: ActionId.EXPANDED_CHANGE, payload: { nodeId, expanded: payload.expanded } });\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["ActionId"],"mappings":"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"}

package/fesm2022/xxmachina-components.mjs

@@ -234,7 +234,7 @@ class SessionNavigatorOrganism extends NgAtomicComponent {
         }
       </div>
     </mat-toolbar>
-  `, isInline: true, styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-0j9e: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-0j9e: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-0j9e: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-0j9e: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-0j9e: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-0j9e: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-0j9e: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-0j9e: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-0j9e: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-0j9e);color:var(--on-primary-color-SCOPED-IN-session-navigator-0j9e);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-0j9e)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-0j9e)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-0j9e)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-0j9e)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-0j9e)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-0j9e)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-0j9e: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-0j9e: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-0j9e: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-VHTK: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-VHTK: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-VHTK: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-VHTK: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-VHTK: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-VHTK: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-VHTK: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-VHTK: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-VHTK: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-VHTK);color:var(--on-primary-color-SCOPED-IN-session-navigator-VHTK);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-VHTK)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-VHTK)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-VHTK)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-VHTK)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-VHTK)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-VHTK)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-VHTK: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-VHTK: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-VHTK: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SessionNavigatorOrganism, decorators: [{
             type: Component,
@@ -268,7 +268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                             directive: SessionNavigatorOrganismStore,
                             inputs: ['startActions', 'endActions', 'title'],
                         }
-                    ], styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-0j9e: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-0j9e: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-0j9e: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-0j9e: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-0j9e: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-0j9e: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-0j9e: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-0j9e: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-0j9e: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-0j9e);color:var(--on-primary-color-SCOPED-IN-session-navigator-0j9e);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-0j9e)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-0j9e)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-0j9e)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-0j9e)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-0j9e)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-0j9e)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-0j9e: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-0j9e: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-0j9e: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"] }]
+                    ], styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-VHTK: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-VHTK: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-VHTK: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-VHTK: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-VHTK: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-VHTK: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-VHTK: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-VHTK: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-VHTK: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--primary-color-SCOPED-IN-session-navigator-VHTK);color:var(--on-primary-color-SCOPED-IN-session-navigator-VHTK);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-VHTK)!important;font-family:SF Mono,Monaco,monospace!important;font-size:12px!important;--mat-toolbar-title-text-size: 12px !important;--mat-sys-title-large-size: 12px !important}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host mat-toolbar *:not(.mat-icon){font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar span,:host mat-toolbar div,:host mat-toolbar h1,:host mat-toolbar h2,:host mat-toolbar h3,:host mat-toolbar h4,:host mat-toolbar h5,:host mat-toolbar h6{font-size:12px!important;font-family:SF Mono,Monaco,monospace!important;color:var(--text-SCOPED-IN-session-navigator-VHTK)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-VHTK)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-VHTK)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-VHTK)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-VHTK)!important;opacity:1}:host mat-toolbar .mat-icon-button .mat-icon{font-family:Material Icons!important;font-size:24px!important}:host div{display:flex;justify-content:center;align-items:center;line-height:1}:host atoms-menu-button{display:flex;align-items:center;line-height:1}@media(prefers-color-scheme:light){:host{--text: #333;--text-SCOPED-IN-session-navigator-VHTK: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-VHTK: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-VHTK: var(--border)}}@media(max-width:600px){:host mat-toolbar span{font-size:11px!important}}\n"] }]
         }] });
 
 var InvoiceAppActionId;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xxmachina/components",
-  "version": "19.29.0",
+  "version": "19.31.0",
   "license": "MIT",
   "main": "./index.js",
   "types": "./index.d.ts",

package/types/xxmachina-components-templates-flow.d.ts

@@ -58,7 +58,7 @@ declare class FlowTemplate extends NgAtomicComponent {
         data: any;
     }): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlowTemplate, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlowTemplate, "templates-flow", never, { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "edges": { "alias": "edges"; "required": false; "isSignal": true; }; "interactionMode": { "alias": "interactionMode"; "required": false; "isSignal": true; }; "deleteKeyCode": { "alias": "deleteKeyCode"; "required": false; "isSignal": true; }; "defaultEdgeOptions": { "alias": "defaultEdgeOptions"; "required": false; "isSignal": true; }; }, { "nodeClick": "nodeClick"; "nodesChange": "nodesChange"; "nodeDragStop": "nodeDragStop"; "edgesChange": "edgesChange"; "connect": "connect"; "nodeData": "nodeData"; "nodeResizeEnd": "nodeResizeEnd"; "viewportChange": "viewportChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlowTemplate, "templates-flow", never, { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "edges": { "alias": "edges"; "required": false; "isSignal": true; }; "interactionMode": { "alias": "interactionMode"; "required": false; "isSignal": true; }; "deleteKeyCode": { "alias": "deleteKeyCode"; "required": false; "isSignal": true; }; "defaultEdgeOptions": { "alias": "defaultEdgeOptions"; "required": false; "isSignal": true; }; }, { "nodeClick": "nodeClick"; "nodesChange": "nodesChange"; "nodeDragStop": "nodeDragStop"; "edgesChange": "edgesChange"; "connect": "connect"; "nodeData": "nodeData"; "nodeResizeEnd": "nodeResizeEnd"; "viewportChange": "viewportChange"; }, never, ["[top]"], true, never>;
 }
 
 export { FlowNodeStore, FlowTemplate };

package/types/xxmachina-components-templates-flow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"xxmachina-components-templates-flow.d.ts","sources":["../../../../../packages/@xxmachina/components/src/lib/templates/flow/flow.template.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAUA;AACE;AACD;AAED;AAGE;;;;;;;AAKD;AAED;AAwDE;;;;AAMA;AACA;;AAEA;;;;;;;;;;AAUG;;;;;;;AAQH;;;;AAAqF;;AAGrF;AAIA;;;AAGG;;AASH;;;AAAyE;;;AAO1E;;;"}
+{"version":3,"file":"xxmachina-components-templates-flow.d.ts","sources":["../../../../../packages/@xxmachina/components/src/lib/templates/flow/flow.template.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAWA;AACE;AACD;AAED;AAGE;;;;;;;AAKD;AAED;AA4DE;;;;AAMA;AACA;;AAEA;;;;;;;;;;AAUG;;;;;;;AAQH;;;;AAAqF;;AAGrF;AAIA;;;AAGG;;AASH;;;AAAyE;;;AAO1E;;;"}