@xxmachina/components 19.21.8 → 19.25.0

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

@@ -0,0 +1,337 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { input, output, Component, Directive } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactFlowComponent, FlowNodeDirective } from '@xxmachina/components/extras/flow';
+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';
+
+var ActionId$1;
+(function (ActionId) {
+    ActionId["EXPANDED_CHANGE"] = "EXPANDED_CHANGE";
+})(ActionId$1 || (ActionId$1 = {}));
+class GroupNodeComponent extends NgAtomicComponent {
+    static ActionId = ActionId$1;
+    data = input();
+    expandedChange = output();
+    getStatusLabel(status) {
+        const labels = {
+            'root': 'ROOT',
+            'in_progress': 'WIP',
+            'completed': 'DONE',
+            'pending': 'TODO',
+            'sprint_planned': 'PLAN',
+            'needs_breakdown': 'BREAK',
+            'under_consideration': 'REVIEW',
+            'abandoned': 'DROP'
+        };
+        return labels[status || ''] || status?.toUpperCase() || '';
+    }
+    onExpandedChange(expanded) {
+        this.dispatch({ id: ActionId$1.EXPANDED_CHANGE, payload: { expanded, data: this.data() } });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: GroupNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: GroupNodeComponent, isStandalone: true, selector: "flow-group-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="group-node" [class]="'s-' + data()?.status">
+      <div class="group-header">
+        <span class="dot"></span>
+        <span class="status-badge">{{ getStatusLabel(data()?.status) }}</span>
+        @if (data()?.childCount) {
+          <span class="child-count">{{ data()?.childCount }}</span>
+        }
+      </div>
+      <div class="group-title">{{ data()?.label }}</div>
+      @if (data()?.assignee) {
+        <div class="group-footer">
+          <span class="assignee">
+            @if (data()?.assigneeIcon) {
+              <img [src]="data()?.assigneeIcon" class="assignee-avatar" alt="" />
+            } @else {
+              <mat-icon class="assignee-icon">group</mat-icon>
+            }
+            {{ data()?.assignee }}
+          </span>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:180px}.group-node{background:#0a0a0a;border:1px solid rgba(51,51,51,.8);border-radius:10px;padding:12px;font-family:SF Mono,Monaco,monospace;transition:all .2s ease;box-shadow:0 4px 16px #00000080}.group-node:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0009;border-color:#505050cc}.group-node.s-root{border-color:#6366f199}.group-node.s-completed{border-color:#10b98199}.group-node.s-in_progress{border-color:#3b82f699}.group-node.s-pending{border-color:#8889}.group-node.s-sprint_planned{border-color:#8b5cf699}.group-node.s-needs_breakdown{border-color:#f59e0b99}.group-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor}.s-root .dot{background:#6366f1;color:#6366f1}.s-completed .dot{background:#10b981;color:#10b981}.s-in_progress .dot{background:#3b82f6;color:#3b82f6;animation:pulse 2s infinite}.s-pending .dot{background:#888;color:#888}.s-sprint_planned .dot{background:#8b5cf6;color:#8b5cf6}.s-needs_breakdown .dot{background:#f59e0b;color:#f59e0b}@keyframes pulse{0%,to{box-shadow:0 0 4px #3b82f666}50%{box-shadow:0 0 12px #3b82f6cc}}.status-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.s-root .status-badge{background:#6366f133;color:#6366f1}.s-completed .status-badge{background:#10b98133;color:#10b981}.s-in_progress .status-badge{background:#3b82f633;color:#3b82f6}.s-pending .status-badge{background:#8883;color:#888}.s-sprint_planned .status-badge{background:#8b5cf633;color:#8b5cf6}.s-needs_breakdown .status-badge{background:#f59e0b33;color:#f59e0b}.child-count{margin-left:auto;font-size:11px;font-weight:600;color:#888;background:#ffffff0d;padding:2px 8px;border-radius:10px}.group-title{font-size:14px;font-weight:500;color:#e0e0e0;line-height:1.4;margin-bottom:8px}.group-footer{padding-top:8px;border-top:1px solid rgba(51,51,51,.5)}.assignee{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#888;font-weight:500}.assignee-icon{font-size:14px;width:14px;height:14px;color:#666}.assignee-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.1)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: GroupNodeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'flow-group-node', standalone: true, imports: [MatIconModule], template: `
+    <div class="group-node" [class]="'s-' + data()?.status">
+      <div class="group-header">
+        <span class="dot"></span>
+        <span class="status-badge">{{ getStatusLabel(data()?.status) }}</span>
+        @if (data()?.childCount) {
+          <span class="child-count">{{ data()?.childCount }}</span>
+        }
+      </div>
+      <div class="group-title">{{ data()?.label }}</div>
+      @if (data()?.assignee) {
+        <div class="group-footer">
+          <span class="assignee">
+            @if (data()?.assigneeIcon) {
+              <img [src]="data()?.assigneeIcon" class="assignee-avatar" alt="" />
+            } @else {
+              <mat-icon class="assignee-icon">group</mat-icon>
+            }
+            {{ data()?.assignee }}
+          </span>
+        </div>
+      }
+    </div>
+  `, styles: [":host{display:block;width:180px}.group-node{background:#0a0a0a;border:1px solid rgba(51,51,51,.8);border-radius:10px;padding:12px;font-family:SF Mono,Monaco,monospace;transition:all .2s ease;box-shadow:0 4px 16px #00000080}.group-node:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0009;border-color:#505050cc}.group-node.s-root{border-color:#6366f199}.group-node.s-completed{border-color:#10b98199}.group-node.s-in_progress{border-color:#3b82f699}.group-node.s-pending{border-color:#8889}.group-node.s-sprint_planned{border-color:#8b5cf699}.group-node.s-needs_breakdown{border-color:#f59e0b99}.group-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor}.s-root .dot{background:#6366f1;color:#6366f1}.s-completed .dot{background:#10b981;color:#10b981}.s-in_progress .dot{background:#3b82f6;color:#3b82f6;animation:pulse 2s infinite}.s-pending .dot{background:#888;color:#888}.s-sprint_planned .dot{background:#8b5cf6;color:#8b5cf6}.s-needs_breakdown .dot{background:#f59e0b;color:#f59e0b}@keyframes pulse{0%,to{box-shadow:0 0 4px #3b82f666}50%{box-shadow:0 0 12px #3b82f6cc}}.status-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.s-root .status-badge{background:#6366f133;color:#6366f1}.s-completed .status-badge{background:#10b98133;color:#10b981}.s-in_progress .status-badge{background:#3b82f633;color:#3b82f6}.s-pending .status-badge{background:#8883;color:#888}.s-sprint_planned .status-badge{background:#8b5cf633;color:#8b5cf6}.s-needs_breakdown .status-badge{background:#f59e0b33;color:#f59e0b}.child-count{margin-left:auto;font-size:11px;font-weight:600;color:#888;background:#ffffff0d;padding:2px 8px;border-radius:10px}.group-title{font-size:14px;font-weight:500;color:#e0e0e0;line-height:1.4;margin-bottom:8px}.group-footer{padding-top:8px;border-top:1px solid rgba(51,51,51,.5)}.assignee{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#888;font-weight:500}.assignee-icon{font-size:14px;width:14px;height:14px;color:#666}.assignee-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.1)}\n"] }]
+        }] });
+
+const groupNodeMeta = {
+    title: 'Flow Group Node',
+    group: 'molecules',
+    component: GroupNodeComponent,
+    viewport: { width: 280, height: 180 },
+    variants: [
+        {
+            name: 'root',
+            inputs: {
+                data: {
+                    label: 'Project Tasks',
+                    status: 'root',
+                    childCount: 12,
+                },
+            },
+        },
+        {
+            name: 'in progress',
+            inputs: {
+                data: {
+                    label: 'Sprint 1 Tasks',
+                    status: 'in_progress',
+                    assignee: 'Team Alpha',
+                    childCount: 5,
+                },
+            },
+        },
+        {
+            name: 'completed',
+            inputs: {
+                data: {
+                    label: 'Completed Features',
+                    status: 'completed',
+                    assignee: 'Team Beta',
+                    childCount: 8,
+                },
+            },
+        },
+        {
+            name: 'pending',
+            inputs: {
+                data: {
+                    label: 'Backlog Items',
+                    status: 'pending',
+                    childCount: 15,
+                },
+            },
+        },
+        {
+            name: 'sprint planned',
+            inputs: {
+                data: {
+                    label: 'Sprint 2 Planned',
+                    status: 'sprint_planned',
+                    assignee: 'Team Gamma',
+                    childCount: 6,
+                },
+            },
+        },
+        {
+            name: 'with avatar',
+            inputs: {
+                data: {
+                    label: 'Design Review',
+                    status: 'in_progress',
+                    assignee: 'Design Team',
+                    assigneeIcon: 'https://api.dicebear.com/7.x/avataaars/svg?seed=Team',
+                    childCount: 3,
+                },
+            },
+        },
+    ],
+};
+
+var FlowNodeStore_1;
+var ActionId;
+(function (ActionId) {
+    ActionId["EXPANDED_CHANGE"] = "[FlowTemplate] EXPANDED_CHANGE";
+})(ActionId || (ActionId = {}));
+let FlowNodeStore = class FlowNodeStore extends InjectableComponent {
+    static { FlowNodeStore_1 = this; }
+    static provideComponent(loader) {
+        return provideComponent(FlowNodeStore_1, loader);
+    }
+    data = input();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FlowNodeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: FlowNodeStore, isStandalone: true, selector: "flow-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+};
+FlowNodeStore = FlowNodeStore_1 = __decorate([
+    TokenizedType()
+], FlowNodeStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FlowNodeStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'flow-node' }]
+        }] });
+class FlowTemplate extends NgAtomicComponent {
+    static ActionId = ActionId;
+    nodes = input([]);
+    edges = input([]);
+    deleteKeyCode = input(null); // nullで削除機能を無効化
+    defaultEdgeOptions = input({
+        type: 'smoothstep',
+        animated: true,
+        markerEnd: {
+            type: MarkerType.ArrowClosed,
+        },
+        style: {
+            stroke: '#333',
+            strokeWidth: 2,
+        }
+    });
+    nodeClick = output();
+    nodesChange = output();
+    nodeDragStop = output();
+    edgesChange = output();
+    connect = output();
+    nodeData = output();
+    nodeResizeEnd = output();
+    viewportChange = output();
+    onViewportMove([_event, viewport]) {
+        this.viewportChange.emit(viewport);
+    }
+    /**
+     * Handle ReactFlow initialization.
+     * Uses requestAnimationFrame to wait for fitView completion before emitting viewport.
+     */
+    onFlowInit([instance]) {
+        requestAnimationFrame(() => {
+            const viewport = instance.getViewport();
+            this.viewportChange.emit(viewport);
+        });
+    }
+    onGroupExpandedChange(payload) {
+        const nodeId = payload.data?.task?.id;
+        console.log('FlowTemplate - GroupNode EXPANDED_CHANGE:', { nodeId, expanded: payload.expanded });
+        if (nodeId) {
+            this.dispatch({ id: ActionId.EXPANDED_CHANGE, payload: { nodeId, expanded: payload.expanded } });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FlowTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.5", 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 }, 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
+      [nodes]="nodes()"
+      [edges]="edges()"
+      [deleteKeyCode]="deleteKeyCode()"
+      [defaultEdgeOptions]="defaultEdgeOptions()"
+      [minZoom]="0.05"
+      [maxZoom]="2"
+      [fitView]="true"
+      [fitViewOptions]="{ padding: 0.1, minZoom: 0.1, maxZoom: 0.5 }"
+      [defaultViewport]="{ x: 0, y: 0, zoom: 0.3 }"
+      [nodesDraggable]="true"
+      [nodesConnectable]="true"
+      [elementsSelectable]="true"
+      [panOnDrag]="true"
+      [panOnScroll]="true"
+      [selectionOnDrag]="false"
+      [zoomOnScroll]="true"
+      [zoomOnPinch]="true"
+      [zoomOnDoubleClick]="true"
+      (action)="dispatch($event)"
+      (onNodeClick)="nodeClick.emit($event)"
+      (onNodesChange)="nodesChange.emit($event)"
+      (onNodeDragStop)="nodeDragStop.emit($event)"
+      (onEdgesChange)="edgesChange.emit($event)"
+      (onConnect)="connect.emit($event)"
+      (onNodeResizeEnd)="nodeResizeEnd.emit($event)"
+      (onMove)="onViewportMove($event)"
+      (onMoveEnd)="onViewportMove($event)"
+      (onInit)="onFlowInit($event)"
+    >
+      <flow-node injectable
+        *flowNode="'task'; let data"
+        [data]="data"
+        (action)="dispatch($event)"
+      />
+      <flow-group-node
+        *flowNode="'group'; let data; let node"
+        [data]="data"
+        (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: "ngmodule", type: CommonModule }, { kind: "component", type: ReactFlowComponent, selector: "machina-react-flow" }, { 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"] }] });
+}
+__decorate([
+    Effect(GroupNodeComponent.ActionId.EXPANDED_CHANGE),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], FlowTemplate.prototype, "onGroupExpandedChange", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FlowTemplate, decorators: [{
+            type: Component,
+            args: [{ selector: 'templates-flow', standalone: true, imports: [
+                        CommonModule,
+                        ReactFlowComponent,
+                        FlowNodeDirective,
+                        GroupNodeComponent,
+                        FlowNodeStore,
+                    ], template: `
+    <machina-react-flow
+      [nodes]="nodes()"
+      [edges]="edges()"
+      [deleteKeyCode]="deleteKeyCode()"
+      [defaultEdgeOptions]="defaultEdgeOptions()"
+      [minZoom]="0.05"
+      [maxZoom]="2"
+      [fitView]="true"
+      [fitViewOptions]="{ padding: 0.1, minZoom: 0.1, maxZoom: 0.5 }"
+      [defaultViewport]="{ x: 0, y: 0, zoom: 0.3 }"
+      [nodesDraggable]="true"
+      [nodesConnectable]="true"
+      [elementsSelectable]="true"
+      [panOnDrag]="true"
+      [panOnScroll]="true"
+      [selectionOnDrag]="false"
+      [zoomOnScroll]="true"
+      [zoomOnPinch]="true"
+      [zoomOnDoubleClick]="true"
+      (action)="dispatch($event)"
+      (onNodeClick)="nodeClick.emit($event)"
+      (onNodesChange)="nodesChange.emit($event)"
+      (onNodeDragStop)="nodeDragStop.emit($event)"
+      (onEdgesChange)="edgesChange.emit($event)"
+      (onConnect)="connect.emit($event)"
+      (onNodeResizeEnd)="nodeResizeEnd.emit($event)"
+      (onMove)="onViewportMove($event)"
+      (onMoveEnd)="onViewportMove($event)"
+      (onInit)="onFlowInit($event)"
+    >
+      <flow-node injectable
+        *flowNode="'task'; let data"
+        [data]="data"
+        (action)="dispatch($event)"
+      />
+      <flow-group-node
+        *flowNode="'group'; let data; let node"
+        [data]="data"
+        (action)="dispatch($event)"
+      />
+    </machina-react-flow>
+  `, 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: { onGroupExpandedChange: [] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FlowNodeStore, FlowTemplate };
+//# sourceMappingURL=xxmachina-components-templates-flow.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xxmachina-components-templates-flow.mjs","sources":["../tmp-esm2022/templates/flow/nodes/group/group.node.js","../tmp-esm2022/templates/flow/nodes/group/group.node.meta.js","../tmp-esm2022/templates/flow/flow.template.js","../tmp-esm2022/templates/flow/xxmachina-components-templates-flow.js"],"sourcesContent":["import { Component, input, output } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/material/icon\";\nvar ActionId;\n(function (ActionId) {\n    ActionId[\"EXPANDED_CHANGE\"] = \"EXPANDED_CHANGE\";\n})(ActionId || (ActionId = {}));\nexport class GroupNodeComponent extends NgAtomicComponent {\n    static ActionId = ActionId;\n    data = input();\n    expandedChange = output();\n    getStatusLabel(status) {\n        const labels = {\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    onExpandedChange(expanded) {\n        this.dispatch({ id: ActionId.EXPANDED_CHANGE, payload: { expanded, data: this.data() } });\n    }\n    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: GroupNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });\n    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.5\", type: GroupNodeComponent, isStandalone: true, selector: \"flow-group-node\", inputs: { data: { classPropertyName: \"data\", publicName: \"data\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: \"expandedChange\" }, usesInheritance: true, ngImport: i0, 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  `, isInline: true, styles: [\":host{display:block;width:180px}.group-node{background:#0a0a0a;border:1px solid rgba(51,51,51,.8);border-radius:10px;padding:12px;font-family:SF Mono,Monaco,monospace;transition:all .2s ease;box-shadow:0 4px 16px #00000080}.group-node:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0009;border-color:#505050cc}.group-node.s-root{border-color:#6366f199}.group-node.s-completed{border-color:#10b98199}.group-node.s-in_progress{border-color:#3b82f699}.group-node.s-pending{border-color:#8889}.group-node.s-sprint_planned{border-color:#8b5cf699}.group-node.s-needs_breakdown{border-color:#f59e0b99}.group-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor}.s-root .dot{background:#6366f1;color:#6366f1}.s-completed .dot{background:#10b981;color:#10b981}.s-in_progress .dot{background:#3b82f6;color:#3b82f6;animation:pulse 2s infinite}.s-pending .dot{background:#888;color:#888}.s-sprint_planned .dot{background:#8b5cf6;color:#8b5cf6}.s-needs_breakdown .dot{background:#f59e0b;color:#f59e0b}@keyframes pulse{0%,to{box-shadow:0 0 4px #3b82f666}50%{box-shadow:0 0 12px #3b82f6cc}}.status-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.s-root .status-badge{background:#6366f133;color:#6366f1}.s-completed .status-badge{background:#10b98133;color:#10b981}.s-in_progress .status-badge{background:#3b82f633;color:#3b82f6}.s-pending .status-badge{background:#8883;color:#888}.s-sprint_planned .status-badge{background:#8b5cf633;color:#8b5cf6}.s-needs_breakdown .status-badge{background:#f59e0b33;color:#f59e0b}.child-count{margin-left:auto;font-size:11px;font-weight:600;color:#888;background:#ffffff0d;padding:2px 8px;border-radius:10px}.group-title{font-size:14px;font-weight:500;color:#e0e0e0;line-height:1.4;margin-bottom:8px}.group-footer{padding-top:8px;border-top:1px solid rgba(51,51,51,.5)}.assignee{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#888;font-weight:500}.assignee-icon{font-size:14px;width:14px;height:14px;color:#666}.assignee-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.1)}\\n\"], dependencies: [{ kind: \"ngmodule\", type: MatIconModule }, { kind: \"component\", type: i1.MatIcon, selector: \"mat-icon\", inputs: [\"color\", \"inline\", \"svgIcon\", \"fontSet\", \"fontIcon\"], exportAs: [\"matIcon\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: GroupNodeComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'flow-group-node', standalone: true, imports: [MatIconModule], 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  `, styles: [\":host{display:block;width:180px}.group-node{background:#0a0a0a;border:1px solid rgba(51,51,51,.8);border-radius:10px;padding:12px;font-family:SF Mono,Monaco,monospace;transition:all .2s ease;box-shadow:0 4px 16px #00000080}.group-node:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0009;border-color:#505050cc}.group-node.s-root{border-color:#6366f199}.group-node.s-completed{border-color:#10b98199}.group-node.s-in_progress{border-color:#3b82f699}.group-node.s-pending{border-color:#8889}.group-node.s-sprint_planned{border-color:#8b5cf699}.group-node.s-needs_breakdown{border-color:#f59e0b99}.group-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor}.s-root .dot{background:#6366f1;color:#6366f1}.s-completed .dot{background:#10b981;color:#10b981}.s-in_progress .dot{background:#3b82f6;color:#3b82f6;animation:pulse 2s infinite}.s-pending .dot{background:#888;color:#888}.s-sprint_planned .dot{background:#8b5cf6;color:#8b5cf6}.s-needs_breakdown .dot{background:#f59e0b;color:#f59e0b}@keyframes pulse{0%,to{box-shadow:0 0 4px #3b82f666}50%{box-shadow:0 0 12px #3b82f6cc}}.status-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.s-root .status-badge{background:#6366f133;color:#6366f1}.s-completed .status-badge{background:#10b98133;color:#10b981}.s-in_progress .status-badge{background:#3b82f633;color:#3b82f6}.s-pending .status-badge{background:#8883;color:#888}.s-sprint_planned .status-badge{background:#8b5cf633;color:#8b5cf6}.s-needs_breakdown .status-badge{background:#f59e0b33;color:#f59e0b}.child-count{margin-left:auto;font-size:11px;font-weight:600;color:#888;background:#ffffff0d;padding:2px 8px;border-radius:10px}.group-title{font-size:14px;font-weight:500;color:#e0e0e0;line-height:1.4;margin-bottom:8px}.group-footer{padding-top:8px;border-top:1px solid rgba(51,51,51,.5)}.assignee{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#888;font-weight:500}.assignee-icon{font-size:14px;width:14px;height:14px;color:#666}.assignee-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.1)}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAubm9kZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0B4eG1hY2hpbmEvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9mbG93L25vZGVzL2dyb3VwL2dyb3VwLm5vZGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBV3BELElBQUssUUFFSjtBQUZELFdBQUssUUFBUTtJQUNYLCtDQUFtQyxDQUFBO0FBQ3JDLENBQUMsRUFGSSxRQUFRLEtBQVIsUUFBUSxRQUVaO0FBbUpELE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxpQkFBaUI7SUFDdkQsTUFBTSxDQUFVLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFFM0IsSUFBSSxHQUFHLEtBQUssRUFBaUIsQ0FBQztJQUM5QixjQUFjLEdBQUcsTUFBTSxFQUFXLENBQUM7SUFFNUMsY0FBYyxDQUFDLE1BQWU7UUFDNUIsTUFBTSxNQUFNLEdBQTJCO1lBQ3JDLE1BQU0sRUFBRSxNQUFNO1lBQ2QsYUFBYSxFQUFFLEtBQUs7WUFDcEIsV0FBVyxFQUFFLE1BQU07WUFDbkIsU0FBUyxFQUFFLE1BQU07WUFDakIsZ0JBQWdCLEVBQUUsTUFBTTtZQUN4QixpQkFBaUIsRUFBRSxPQUFPO1lBQzFCLHFCQUFxQixFQUFFLFFBQVE7WUFDL0IsV0FBVyxFQUFFLE1BQU07U0FDcEIsQ0FBQztRQUNGLE9BQU8sTUFBTSxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsSUFBSSxNQUFNLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxDQUFDO0lBQzdELENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxRQUFpQjtRQUNoQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUMsRUFBRSxFQUFFLFFBQVEsQ0FBQyxlQUFlLEVBQUUsT0FBTyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsRUFBQyxDQUFDLENBQUM7SUFDMUYsQ0FBQzt1R0F0QlUsa0JBQWtCOzJGQUFsQixrQkFBa0Isa1JBN0luQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQscXhFQXhCUyxhQUFhOzsyRkE4SVosa0JBQWtCO2tCQWpKOUIsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxhQUFhLENBQUMsWUFDZDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBHcm91cE5vZGVEYXRhIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgc3RhdHVzPzogc3RyaW5nO1xuICBhc3NpZ25lZT86IHN0cmluZztcbiAgYXNzaWduZWVJY29uPzogc3RyaW5nO1xuICBjaGlsZENvdW50PzogbnVtYmVyO1xuICBleHBhbmRlZD86IGJvb2xlYW47XG59XG5cbmVudW0gQWN0aW9uSWQge1xuICBFWFBBTkRFRF9DSEFOR0UgPSAnRVhQQU5ERURfQ0hBTkdFJyxcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZmxvdy1ncm91cC1ub2RlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW01hdEljb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJncm91cC1ub2RlXCIgW2NsYXNzXT1cIidzLScgKyBkYXRhKCk/LnN0YXR1c1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImdyb3VwLWhlYWRlclwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImRvdFwiPjwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzdGF0dXMtYmFkZ2VcIj57eyBnZXRTdGF0dXNMYWJlbChkYXRhKCk/LnN0YXR1cykgfX08L3NwYW4+XG4gICAgICAgIEBpZiAoZGF0YSgpPy5jaGlsZENvdW50KSB7XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJjaGlsZC1jb3VudFwiPnt7IGRhdGEoKT8uY2hpbGRDb3VudCB9fTwvc3Bhbj5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZ3JvdXAtdGl0bGVcIj57eyBkYXRhKCk/LmxhYmVsIH19PC9kaXY+XG4gICAgICBAaWYgKGRhdGEoKT8uYXNzaWduZWUpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImdyb3VwLWZvb3RlclwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXNzaWduZWVcIj5cbiAgICAgICAgICAgIEBpZiAoZGF0YSgpPy5hc3NpZ25lZUljb24pIHtcbiAgICAgICAgICAgICAgPGltZyBbc3JjXT1cImRhdGEoKT8uYXNzaWduZWVJY29uXCIgY2xhc3M9XCJhc3NpZ25lZS1hdmF0YXJcIiBhbHQ9XCJcIiAvPlxuICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImFzc2lnbmVlLWljb25cIj5ncm91cDwvbWF0LWljb24+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICB7eyBkYXRhKCk/LmFzc2lnbmVlIH19XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHsgZGlzcGxheTogYmxvY2s7IHdpZHRoOiAxODBweDsgfVxuXG4gICAgLmdyb3VwLW5vZGUge1xuICAgICAgYmFja2dyb3VuZDogIzBhMGEwYTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoNTEsIDUxLCA1MSwgMC44KTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgICBwYWRkaW5nOiAxMnB4O1xuICAgICAgZm9udC1mYW1pbHk6ICdTRiBNb25vJywgTW9uYWNvLCBtb25vc3BhY2U7XG4gICAgICB0cmFuc2l0aW9uOiBhbGwgMC4ycyBlYXNlO1xuICAgICAgYm94LXNoYWRvdzogMCA0cHggMTZweCByZ2JhKDAsIDAsIDAsIDAuNSk7XG4gICAgfVxuXG4gICAgLmdyb3VwLW5vZGU6aG92ZXIge1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0ycHgpO1xuICAgICAgYm94LXNoYWRvdzogMCA4cHggMzJweCByZ2JhKDAsIDAsIDAsIDAuNik7XG4gICAgICBib3JkZXItY29sb3I6IHJnYmEoODAsIDgwLCA4MCwgMC44KTtcbiAgICB9XG5cbiAgICAuZ3JvdXAtbm9kZS5zLXJvb3QgeyBib3JkZXItY29sb3I6IHJnYmEoOTksIDEwMiwgMjQxLCAwLjYpOyB9XG4gICAgLmdyb3VwLW5vZGUucy1jb21wbGV0ZWQgeyBib3JkZXItY29sb3I6IHJnYmEoMTYsIDE4NSwgMTI5LCAwLjYpOyB9XG4gICAgLmdyb3VwLW5vZGUucy1pbl9wcm9ncmVzcyB7IGJvcmRlci1jb2xvcjogcmdiYSg1OSwgMTMwLCAyNDYsIDAuNik7IH1cbiAgICAuZ3JvdXAtbm9kZS5zLXBlbmRpbmcgeyBib3JkZXItY29sb3I6IHJnYmEoMTM2LCAxMzYsIDEzNiwgMC42KTsgfVxuICAgIC5ncm91cC1ub2RlLnMtc3ByaW50X3BsYW5uZWQgeyBib3JkZXItY29sb3I6IHJnYmEoMTM5LCA5MiwgMjQ2LCAwLjYpOyB9XG4gICAgLmdyb3VwLW5vZGUucy1uZWVkc19icmVha2Rvd24geyBib3JkZXItY29sb3I6IHJnYmEoMjQ1LCAxNTgsIDExLCAwLjYpOyB9XG5cbiAgICAuZ3JvdXAtaGVhZGVyIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZ2FwOiA2cHg7XG4gICAgICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gICAgfVxuXG4gICAgLmRvdCB7XG4gICAgICB3aWR0aDogMTBweDtcbiAgICAgIGhlaWdodDogMTBweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgYm94LXNoYWRvdzogMCAwIDEwcHggY3VycmVudENvbG9yO1xuICAgIH1cblxuICAgIC5zLXJvb3QgLmRvdCB7IGJhY2tncm91bmQ6ICM2MzY2ZjE7IGNvbG9yOiAjNjM2NmYxOyB9XG4gICAgLnMtY29tcGxldGVkIC5kb3QgeyBiYWNrZ3JvdW5kOiAjMTBiOTgxOyBjb2xvcjogIzEwYjk4MTsgfVxuICAgIC5zLWluX3Byb2dyZXNzIC5kb3QgeyBiYWNrZ3JvdW5kOiAjM2I4MmY2OyBjb2xvcjogIzNiODJmNjsgYW5pbWF0aW9uOiBwdWxzZSAycyBpbmZpbml0ZTsgfVxuICAgIC5zLXBlbmRpbmcgLmRvdCB7IGJhY2tncm91bmQ6ICM4ODg7IGNvbG9yOiAjODg4OyB9XG4gICAgLnMtc3ByaW50X3BsYW5uZWQgLmRvdCB7IGJhY2tncm91bmQ6ICM4YjVjZjY7IGNvbG9yOiAjOGI1Y2Y2OyB9XG4gICAgLnMtbmVlZHNfYnJlYWtkb3duIC5kb3QgeyBiYWNrZ3JvdW5kOiAjZjU5ZTBiOyBjb2xvcjogI2Y1OWUwYjsgfVxuXG4gICAgQGtleWZyYW1lcyBwdWxzZSB7XG4gICAgICAwJSwgMTAwJSB7IGJveC1zaGFkb3c6IDAgMCA0cHggcmdiYSg1OSwgMTMwLCAyNDYsIDAuNCk7IH1cbiAgICAgIDUwJSB7IGJveC1zaGFkb3c6IDAgMCAxMnB4IHJnYmEoNTksIDEzMCwgMjQ2LCAwLjgpOyB9XG4gICAgfVxuXG4gICAgLnN0YXR1cy1iYWRnZSB7XG4gICAgICBmb250LXNpemU6IDEwcHg7XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgcGFkZGluZzogMnB4IDhweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgICAgbGV0dGVyLXNwYWNpbmc6IDAuNXB4O1xuICAgIH1cblxuICAgIC5zLXJvb3QgLnN0YXR1cy1iYWRnZSB7IGJhY2tncm91bmQ6IHJnYmEoOTksIDEwMiwgMjQxLCAwLjIpOyBjb2xvcjogIzYzNjZmMTsgfVxuICAgIC5zLWNvbXBsZXRlZCAuc3RhdHVzLWJhZGdlIHsgYmFja2dyb3VuZDogcmdiYSgxNiwgMTg1LCAxMjksIDAuMik7IGNvbG9yOiAjMTBiOTgxOyB9XG4gICAgLnMtaW5fcHJvZ3Jlc3MgLnN0YXR1cy1iYWRnZSB7IGJhY2tncm91bmQ6IHJnYmEoNTksIDEzMCwgMjQ2LCAwLjIpOyBjb2xvcjogIzNiODJmNjsgfVxuICAgIC5zLXBlbmRpbmcgLnN0YXR1cy1iYWRnZSB7IGJhY2tncm91bmQ6IHJnYmEoMTM2LCAxMzYsIDEzNiwgMC4yKTsgY29sb3I6ICM4ODg7IH1cbiAgICAucy1zcHJpbnRfcGxhbm5lZCAuc3RhdHVzLWJhZGdlIHsgYmFja2dyb3VuZDogcmdiYSgxMzksIDkyLCAyNDYsIDAuMik7IGNvbG9yOiAjOGI1Y2Y2OyB9XG4gICAgLnMtbmVlZHNfYnJlYWtkb3duIC5zdGF0dXMtYmFkZ2UgeyBiYWNrZ3JvdW5kOiByZ2JhKDI0NSwgMTU4LCAxMSwgMC4yKTsgY29sb3I6ICNmNTllMGI7IH1cblxuICAgIC5jaGlsZC1jb3VudCB7XG4gICAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICBjb2xvcjogIzg4ODtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4wNSk7XG4gICAgICBwYWRkaW5nOiAycHggOHB4O1xuICAgICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgICB9XG5cbiAgICAuZ3JvdXAtdGl0bGUge1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgIGNvbG9yOiAjZTBlMGUwO1xuICAgICAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDhweDtcbiAgICB9XG5cbiAgICAuZ3JvdXAtZm9vdGVyIHtcbiAgICAgIHBhZGRpbmctdG9wOiA4cHg7XG4gICAgICBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSg1MSwgNTEsIDUxLCAwLjUpO1xuICAgIH1cblxuICAgIC5hc3NpZ25lZSB7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBnYXA6IDRweDtcbiAgICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICAgIGNvbG9yOiAjODg4O1xuICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICB9XG5cbiAgICAuYXNzaWduZWUtaWNvbiB7XG4gICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICB3aWR0aDogMTRweDtcbiAgICAgIGhlaWdodDogMTRweDtcbiAgICAgIGNvbG9yOiAjNjY2O1xuICAgIH1cblxuICAgIC5hc3NpZ25lZS1hdmF0YXIge1xuICAgICAgd2lkdGg6IDE4cHg7XG4gICAgICBoZWlnaHQ6IDE4cHg7XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4xKTtcbiAgICB9XG4gIGBdXG59KVxuZXhwb3J0IGNsYXNzIEdyb3VwTm9kZUNvbXBvbmVudCBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IEFjdGlvbklkID0gQWN0aW9uSWQ7XG5cbiAgcmVhZG9ubHkgZGF0YSA9IGlucHV0PEdyb3VwTm9kZURhdGE+KCk7XG4gIHJlYWRvbmx5IGV4cGFuZGVkQ2hhbmdlID0gb3V0cHV0PGJvb2xlYW4+KCk7XG5cbiAgZ2V0U3RhdHVzTGFiZWwoc3RhdHVzPzogc3RyaW5nKTogc3RyaW5nIHtcbiAgICBjb25zdCBsYWJlbHM6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgICAncm9vdCc6ICdST09UJyxcbiAgICAgICdpbl9wcm9ncmVzcyc6ICdXSVAnLFxuICAgICAgJ2NvbXBsZXRlZCc6ICdET05FJyxcbiAgICAgICdwZW5kaW5nJzogJ1RPRE8nLFxuICAgICAgJ3NwcmludF9wbGFubmVkJzogJ1BMQU4nLFxuICAgICAgJ25lZWRzX2JyZWFrZG93bic6ICdCUkVBSycsXG4gICAgICAndW5kZXJfY29uc2lkZXJhdGlvbic6ICdSRVZJRVcnLFxuICAgICAgJ2FiYW5kb25lZCc6ICdEUk9QJ1xuICAgIH07XG4gICAgcmV0dXJuIGxhYmVsc1tzdGF0dXMgfHwgJyddIHx8IHN0YXR1cz8udG9VcHBlckNhc2UoKSB8fCAnJztcbiAgfVxuXG4gIG9uRXhwYW5kZWRDaGFuZ2UoZXhwYW5kZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc3BhdGNoKHtpZDogQWN0aW9uSWQuRVhQQU5ERURfQ0hBTkdFLCBwYXlsb2FkOiB7IGV4cGFuZGVkLCBkYXRhOiB0aGlzLmRhdGEoKSB9fSk7XG4gIH1cbn1cbiJdfQ==","import { GroupNodeComponent } from './group.node';\nexport const groupNodeMeta = {\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                },\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                },\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                },\n            },\n        },\n        {\n            name: 'pending',\n            inputs: {\n                data: {\n                    label: 'Backlog Items',\n                    status: 'pending',\n                    childCount: 15,\n                },\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                },\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                },\n            },\n        },\n    ],\n};\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAubm9kZS5tZXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQHh4bWFjaGluYS9jb21wb25lbnRzL3NyYy9saWIvdGVtcGxhdGVzL2Zsb3cvbm9kZXMvZ3JvdXAvZ3JvdXAubm9kZS5tZXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxrQkFBa0IsRUFBaUIsTUFBTSxjQUFjLENBQUM7QUFXakUsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFrQjtJQUMxQyxLQUFLLEVBQUUsaUJBQWlCO0lBQ3hCLEtBQUssRUFBRSxXQUFXO0lBQ2xCLFNBQVMsRUFBRSxrQkFBa0I7SUFDN0IsUUFBUSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFO0lBQ3JDLFFBQVEsRUFBRTtRQUNSO1lBQ0UsSUFBSSxFQUFFLE1BQU07WUFDWixNQUFNLEVBQUU7Z0JBQ04sSUFBSSxFQUFFO29CQUNKLEtBQUssRUFBRSxlQUFlO29CQUN0QixNQUFNLEVBQUUsTUFBTTtvQkFDZCxVQUFVLEVBQUUsRUFBRTtpQkFDRTthQUNuQjtTQUNGO1FBQ0Q7WUFDRSxJQUFJLEVBQUUsYUFBYTtZQUNuQixNQUFNLEVBQUU7Z0JBQ04sSUFBSSxFQUFFO29CQUNKLEtBQUssRUFBRSxnQkFBZ0I7b0JBQ3ZCLE1BQU0sRUFBRSxhQUFhO29CQUNyQixRQUFRLEVBQUUsWUFBWTtvQkFDdEIsVUFBVSxFQUFFLENBQUM7aUJBQ0c7YUFDbkI7U0FDRjtRQUNEO1lBQ0UsSUFBSSxFQUFFLFdBQVc7WUFDakIsTUFBTSxFQUFFO2dCQUNOLElBQUksRUFBRTtvQkFDSixLQUFLLEVBQUUsb0JBQW9CO29CQUMzQixNQUFNLEVBQUUsV0FBVztvQkFDbkIsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLFVBQVUsRUFBRSxDQUFDO2lCQUNHO2FBQ25CO1NBQ0Y7UUFDRDtZQUNFLElBQUksRUFBRSxTQUFTO1lBQ2YsTUFBTSxFQUFFO2dCQUNOLElBQUksRUFBRTtvQkFDSixLQUFLLEVBQUUsZUFBZTtvQkFDdEIsTUFBTSxFQUFFLFNBQVM7b0JBQ2pCLFVBQVUsRUFBRSxFQUFFO2lCQUNFO2FBQ25CO1NBQ0Y7UUFDRDtZQUNFLElBQUksRUFBRSxnQkFBZ0I7WUFDdEIsTUFBTSxFQUFFO2dCQUNOLElBQUksRUFBRTtvQkFDSixLQUFLLEVBQUUsa0JBQWtCO29CQUN6QixNQUFNLEVBQUUsZ0JBQWdCO29CQUN4QixRQUFRLEVBQUUsWUFBWTtvQkFDdEIsVUFBVSxFQUFFLENBQUM7aUJBQ0c7YUFDbkI7U0FDRjtRQUNEO1lBQ0UsSUFBSSxFQUFFLGFBQWE7WUFDbkIsTUFBTSxFQUFFO2dCQUNOLElBQUksRUFBRTtvQkFDSixLQUFLLEVBQUUsZUFBZTtvQkFDdEIsTUFBTSxFQUFFLGFBQWE7b0JBQ3JCLFFBQVEsRUFBRSxhQUFhO29CQUN2QixZQUFZLEVBQUUsc0RBQXNEO29CQUNwRSxVQUFVLEVBQUUsQ0FBQztpQkFDRzthQUNuQjtTQUNGO0tBQ0Y7Q0FDRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVHlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR3JvdXBOb2RlQ29tcG9uZW50LCBHcm91cE5vZGVEYXRhIH0gZnJvbSAnLi9ncm91cC5ub2RlJztcblxuaW50ZXJmYWNlIENvbXBvbmVudE1ldGE8VCA9IHVua25vd24+IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZ3JvdXA/OiAnYXRvbXMnIHwgJ21vbGVjdWxlcycgfCAnb3JnYW5pc21zJyB8ICd0ZW1wbGF0ZXMnIHwgJ3ByZXNlbnRlcnMnIHwgJ2V4dHJhcyc7XG4gIGNvbXBvbmVudDogVHlwZTxUPjtcbiAgaW5wdXRzPzogUmVjb3JkPHN0cmluZywgdW5rbm93bj47XG4gIHZpZXdwb3J0PzogeyB3aWR0aD86IG51bWJlcjsgaGVpZ2h0PzogbnVtYmVyIH07XG4gIHZhcmlhbnRzPzogeyBuYW1lOiBzdHJpbmc7IGlucHV0czogUmVjb3JkPHN0cmluZywgdW5rbm93bj4gfVtdO1xufVxuXG5leHBvcnQgY29uc3QgZ3JvdXBOb2RlTWV0YTogQ29tcG9uZW50TWV0YSA9IHtcbiAgdGl0bGU6ICdGbG93IEdyb3VwIE5vZGUnLFxuICBncm91cDogJ21vbGVjdWxlcycsXG4gIGNvbXBvbmVudDogR3JvdXBOb2RlQ29tcG9uZW50LFxuICB2aWV3cG9ydDogeyB3aWR0aDogMjgwLCBoZWlnaHQ6IDE4MCB9LFxuICB2YXJpYW50czogW1xuICAgIHtcbiAgICAgIG5hbWU6ICdyb290JyxcbiAgICAgIGlucHV0czoge1xuICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgbGFiZWw6ICdQcm9qZWN0IFRhc2tzJyxcbiAgICAgICAgICBzdGF0dXM6ICdyb290JyxcbiAgICAgICAgICBjaGlsZENvdW50OiAxMixcbiAgICAgICAgfSBhcyBHcm91cE5vZGVEYXRhLFxuICAgICAgfSxcbiAgICB9LFxuICAgIHtcbiAgICAgIG5hbWU6ICdpbiBwcm9ncmVzcycsXG4gICAgICBpbnB1dHM6IHtcbiAgICAgICAgZGF0YToge1xuICAgICAgICAgIGxhYmVsOiAnU3ByaW50IDEgVGFza3MnLFxuICAgICAgICAgIHN0YXR1czogJ2luX3Byb2dyZXNzJyxcbiAgICAgICAgICBhc3NpZ25lZTogJ1RlYW0gQWxwaGEnLFxuICAgICAgICAgIGNoaWxkQ291bnQ6IDUsXG4gICAgICAgIH0gYXMgR3JvdXBOb2RlRGF0YSxcbiAgICAgIH0sXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lOiAnY29tcGxldGVkJyxcbiAgICAgIGlucHV0czoge1xuICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgbGFiZWw6ICdDb21wbGV0ZWQgRmVhdHVyZXMnLFxuICAgICAgICAgIHN0YXR1czogJ2NvbXBsZXRlZCcsXG4gICAgICAgICAgYXNzaWduZWU6ICdUZWFtIEJldGEnLFxuICAgICAgICAgIGNoaWxkQ291bnQ6IDgsXG4gICAgICAgIH0gYXMgR3JvdXBOb2RlRGF0YSxcbiAgICAgIH0sXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lOiAncGVuZGluZycsXG4gICAgICBpbnB1dHM6IHtcbiAgICAgICAgZGF0YToge1xuICAgICAgICAgIGxhYmVsOiAnQmFja2xvZyBJdGVtcycsXG4gICAgICAgICAgc3RhdHVzOiAncGVuZGluZycsXG4gICAgICAgICAgY2hpbGRDb3VudDogMTUsXG4gICAgICAgIH0gYXMgR3JvdXBOb2RlRGF0YSxcbiAgICAgIH0sXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lOiAnc3ByaW50IHBsYW5uZWQnLFxuICAgICAgaW5wdXRzOiB7XG4gICAgICAgIGRhdGE6IHtcbiAgICAgICAgICBsYWJlbDogJ1NwcmludCAyIFBsYW5uZWQnLFxuICAgICAgICAgIHN0YXR1czogJ3NwcmludF9wbGFubmVkJyxcbiAgICAgICAgICBhc3NpZ25lZTogJ1RlYW0gR2FtbWEnLFxuICAgICAgICAgIGNoaWxkQ291bnQ6IDYsXG4gICAgICAgIH0gYXMgR3JvdXBOb2RlRGF0YSxcbiAgICAgIH0sXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lOiAnd2l0aCBhdmF0YXInLFxuICAgICAgaW5wdXRzOiB7XG4gICAgICAgIGRhdGE6IHtcbiAgICAgICAgICBsYWJlbDogJ0Rlc2lnbiBSZXZpZXcnLFxuICAgICAgICAgIHN0YXR1czogJ2luX3Byb2dyZXNzJyxcbiAgICAgICAgICBhc3NpZ25lZTogJ0Rlc2lnbiBUZWFtJyxcbiAgICAgICAgICBhc3NpZ25lZUljb246ICdodHRwczovL2FwaS5kaWNlYmVhci5jb20vNy54L2F2YXRhYWFycy9zdmc/c2VlZD1UZWFtJyxcbiAgICAgICAgICBjaGlsZENvdW50OiAzLFxuICAgICAgICB9IGFzIEdyb3VwTm9kZURhdGEsXG4gICAgICB9LFxuICAgIH0sXG4gIF0sXG59O1xuIl19","var FlowNodeStore_1;\nimport { __decorate, __metadata } from \"tslib\";\nimport { Component, Directive, input, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactFlowComponent, FlowNodeDirective } from '@xxmachina/components/extras/flow';\nimport { MarkerType } from 'reactflow';\nimport { GroupNodeComponent } from './nodes/group';\nimport { Effect, InjectableComponent, NgAtomicComponent, provideComponent, TokenizedType } from '@ng-atomic/core';\nimport * as i0 from \"@angular/core\";\nvar ActionId;\n(function (ActionId) {\n    ActionId[\"EXPANDED_CHANGE\"] = \"[FlowTemplate] EXPANDED_CHANGE\";\n})(ActionId || (ActionId = {}));\nlet FlowNodeStore = class FlowNodeStore extends InjectableComponent {\n    static { FlowNodeStore_1 = this; }\n    static provideComponent(loader) {\n        return provideComponent(FlowNodeStore_1, loader);\n    }\n    data = input();\n    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: FlowNodeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive });\n    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"17.1.0\", version: \"20.0.5\", type: FlowNodeStore, isStandalone: true, selector: \"flow-node\", inputs: { data: { classPropertyName: \"data\", publicName: \"data\", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });\n};\nFlowNodeStore = FlowNodeStore_1 = __decorate([\n    TokenizedType()\n], FlowNodeStore);\nexport { FlowNodeStore };\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: FlowNodeStore, decorators: [{\n            type: Directive,\n            args: [{ standalone: true, selector: 'flow-node' }]\n        }] });\nexport class FlowTemplate extends NgAtomicComponent {\n    static ActionId = ActionId;\n    nodes = input([]);\n    edges = input([]);\n    deleteKeyCode = input(null); // nullで削除機能を無効化\n    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    nodeClick = output();\n    nodesChange = output();\n    nodeDragStop = output();\n    edgesChange = output();\n    connect = output();\n    nodeData = output();\n    nodeResizeEnd = output();\n    viewportChange = output();\n    onViewportMove([_event, viewport]) {\n        this.viewportChange.emit(viewport);\n    }\n    /**\n     * Handle ReactFlow initialization.\n     * Uses requestAnimationFrame to wait for fitView completion before emitting viewport.\n     */\n    onFlowInit([instance]) {\n        requestAnimationFrame(() => {\n            const viewport = instance.getViewport();\n            this.viewportChange.emit(viewport);\n        });\n    }\n    onGroupExpandedChange(payload) {\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    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: FlowTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component });\n    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.0.5\", 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 }, 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: `\n    <machina-react-flow\n      [nodes]=\"nodes()\"\n      [edges]=\"edges()\"\n      [deleteKeyCode]=\"deleteKeyCode()\"\n      [defaultEdgeOptions]=\"defaultEdgeOptions()\"\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]=\"true\"\n      [nodesConnectable]=\"true\"\n      [elementsSelectable]=\"true\"\n      [panOnDrag]=\"true\"\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  `, 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: \"ngmodule\", type: CommonModule }, { kind: \"component\", type: ReactFlowComponent, selector: \"machina-react-flow\" }, { 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\"] }] });\n}\n__decorate([\n    Effect(GroupNodeComponent.ActionId.EXPANDED_CHANGE),\n    __metadata(\"design:type\", Function),\n    __metadata(\"design:paramtypes\", [Object]),\n    __metadata(\"design:returntype\", void 0)\n], FlowTemplate.prototype, \"onGroupExpandedChange\", null);\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: FlowTemplate, decorators: [{\n            type: Component,\n            args: [{ selector: 'templates-flow', standalone: true, imports: [\n                        CommonModule,\n                        ReactFlowComponent,\n                        FlowNodeDirective,\n                        GroupNodeComponent,\n                        FlowNodeStore,\n                    ], template: `\n    <machina-react-flow\n      [nodes]=\"nodes()\"\n      [edges]=\"edges()\"\n      [deleteKeyCode]=\"deleteKeyCode()\"\n      [defaultEdgeOptions]=\"defaultEdgeOptions()\"\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]=\"true\"\n      [nodesConnectable]=\"true\"\n      [elementsSelectable]=\"true\"\n      [panOnDrag]=\"true\"\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  `, 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\"] }]\n        }], propDecorators: { onGroupExpandedChange: [] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvdy50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0B4eG1hY2hpbmEvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9mbG93L2Zsb3cudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFRLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRixPQUFPLEVBQWtELFVBQVUsRUFBK0IsTUFBTSxXQUFXLENBQUM7QUFDcEgsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRW5ELE9BQU8sRUFBRSxNQUFNLEVBQUUsbUJBQW1CLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBRWxILElBQUssUUFFSjtBQUZELFdBQUssUUFBUTtJQUNYLDhEQUFrRCxDQUFBO0FBQ3BELENBQUMsRUFGSSxRQUFRLEtBQVIsUUFBUSxRQUVaO0FBSU0sSUFBTSxhQUFhLEdBQW5CLE1BQU0sYUFBaUIsU0FBUSxtQkFBbUI7O0lBQ3ZELE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxNQUE0QztRQUNsRSxPQUFPLGdCQUFnQixDQUFDLGVBQWEsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRVEsSUFBSSxHQUFHLEtBQUssRUFBSyxDQUFDO3VHQUxoQixhQUFhOzJGQUFiLGFBQWE7O0FBQWIsYUFBYTtJQUZ6QixhQUFhLEVBQUU7R0FFSCxhQUFhLENBTXpCOzsyRkFOWSxhQUFhO2tCQUR6QixTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFOztBQWdFdEQsTUFBTSxPQUFPLFlBQWEsU0FBUSxpQkFBaUI7SUFDakQsTUFBTSxDQUFVLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFFM0IsS0FBSyxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztJQUMxQixLQUFLLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO0lBQzFCLGFBQWEsR0FBRyxLQUFLLENBQWdCLElBQUksQ0FBQyxDQUFDLENBQUMsZ0JBQWdCO0lBQzVELGtCQUFrQixHQUFHLEtBQUssQ0FBQztRQUNsQyxJQUFJLEVBQUUsWUFBWTtRQUNsQixRQUFRLEVBQUUsSUFBSTtRQUNkLFNBQVMsRUFBRTtZQUNULElBQUksRUFBRSxVQUFVLENBQUMsV0FBVztTQUM3QjtRQUNELEtBQUssRUFBRTtZQUNMLE1BQU0sRUFBRSxNQUFNO1lBQ2QsV0FBVyxFQUFFLENBQUM7U0FDZjtLQUNGLENBQUMsQ0FBQztJQUVNLFNBQVMsR0FBRyxNQUFNLEVBQXNCLENBQUM7SUFDekMsV0FBVyxHQUFHLE1BQU0sRUFBZ0IsQ0FBQztJQUNyQyxZQUFZLEdBQUcsTUFBTSxFQUE4QixDQUFDO0lBQ3BELFdBQVcsR0FBRyxNQUFNLEVBQWdCLENBQUM7SUFDckMsT0FBTyxHQUFHLE1BQU0sRUFBYyxDQUFDO0lBQy9CLFFBQVEsR0FBRyxNQUFNLEVBQWlCLENBQUM7SUFDbkMsYUFBYSxHQUFHLE1BQU0sRUFBcUQsQ0FBQztJQUM1RSxjQUFjLEdBQUcsTUFBTSxFQUFZLENBQUM7SUFFbkMsY0FBYyxDQUFDLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBeUI7UUFDakUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVEOzs7T0FHRztJQUNPLFVBQVUsQ0FBQyxDQUFDLFFBQVEsQ0FBc0I7UUFDbEQscUJBQXFCLENBQUMsR0FBRyxFQUFFO1lBQ3pCLE1BQU0sUUFBUSxHQUFHLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUN4QyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNyQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFHUyxxQkFBcUIsQ0FBQyxPQUF5QztRQUN2RSxNQUFNLE1BQU0sR0FBRyxPQUFPLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxFQUFFLENBQUM7UUFDdEMsT0FBTyxDQUFDLEdBQUcsQ0FBQywyQ0FBMkMsRUFBRSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFDakcsSUFBSSxNQUFNLEVBQUUsQ0FBQztZQUNYLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLGVBQWUsRUFBRSxPQUFPLEVBQUUsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE9BQU8sQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDbkcsQ0FBQztJQUNILENBQUM7dUdBakRVLFlBQVk7MkZBQVosWUFBWSxtM0JBN0NiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQ1QsMFlBaERDLFlBQVksK0JBQ1osa0JBQWtCLCtEQUNsQixpQkFBaUIsNkVBQ2pCLGtCQUFrQiwyR0FmVCxhQUFhOztBQTBHZDtJQURULE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDOzs7O3lEQU9uRDsyRkFqRFUsWUFBWTtrQkF2RHhCLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osa0JBQWtCO3dCQUNsQixpQkFBaUI7d0JBQ2pCLGtCQUFrQjt3QkFDbEIsYUFBYTtxQkFDZCxZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQ1Q7OEJBOENTLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRGlyZWN0aXZlLCBpbnB1dCwgb3V0cHV0LCBUeXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUmVhY3RGbG93Q29tcG9uZW50LCBGbG93Tm9kZURpcmVjdGl2ZSB9IGZyb20gJ0B4eG1hY2hpbmEvY29tcG9uZW50cy9leHRyYXMvZmxvdyc7XG5pbXBvcnQgeyBOb2RlLCBFZGdlLCBOb2RlQ2hhbmdlLCBFZGdlQ2hhbmdlLCBDb25uZWN0aW9uLCBNYXJrZXJUeXBlLCBWaWV3cG9ydCwgUmVhY3RGbG93SW5zdGFuY2UgfSBmcm9tICdyZWFjdGZsb3cnO1xuaW1wb3J0IHsgR3JvdXBOb2RlQ29tcG9uZW50IH0gZnJvbSAnLi9ub2Rlcy9ncm91cCc7XG5pbXBvcnQgeyBUYXNrTm9kZUNvbXBvbmVudCB9IGZyb20gJy4vbm9kZXMvdGFzayc7XG5pbXBvcnQgeyBFZmZlY3QsIEluamVjdGFibGVDb21wb25lbnQsIE5nQXRvbWljQ29tcG9uZW50LCBwcm92aWRlQ29tcG9uZW50LCBUb2tlbml6ZWRUeXBlIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcblxuZW51bSBBY3Rpb25JZCB7XG4gIEVYUEFOREVEX0NIQU5HRSA9ICdbRmxvd1RlbXBsYXRlXSBFWFBBTkRFRF9DSEFOR0UnLFxufVxuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdmbG93LW5vZGUnIH0pXG5leHBvcnQgY2xhc3MgRmxvd05vZGVTdG9yZTxUPiBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICBzdGF0aWMgcHJvdmlkZUNvbXBvbmVudChsb2FkZXI6ICgpID0+IFByb21pc2U8VHlwZTxhbnk+PiB8IFR5cGU8YW55Pikge1xuICAgIHJldHVybiBwcm92aWRlQ29tcG9uZW50KEZsb3dOb2RlU3RvcmUsIGxvYWRlcik7XG4gIH1cblxuICByZWFkb25seSBkYXRhID0gaW5wdXQ8VD4oKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLWZsb3cnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJlYWN0Rmxvd0NvbXBvbmVudCxcbiAgICBGbG93Tm9kZURpcmVjdGl2ZSxcbiAgICBHcm91cE5vZGVDb21wb25lbnQsXG4gICAgRmxvd05vZGVTdG9yZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bWFjaGluYS1yZWFjdC1mbG93XG4gICAgICBbbm9kZXNdPVwibm9kZXMoKVwiXG4gICAgICBbZWRnZXNdPVwiZWRnZXMoKVwiXG4gICAgICBbZGVsZXRlS2V5Q29kZV09XCJkZWxldGVLZXlDb2RlKClcIlxuICAgICAgW2RlZmF1bHRFZGdlT3B0aW9uc109XCJkZWZhdWx0RWRnZU9wdGlvbnMoKVwiXG4gICAgICBbbWluWm9vbV09XCIwLjA1XCJcbiAgICAgIFttYXhab29tXT1cIjJcIlxuICAgICAgW2ZpdFZpZXddPVwidHJ1ZVwiXG4gICAgICBbZml0Vmlld09wdGlvbnNdPVwieyBwYWRkaW5nOiAwLjEsIG1pblpvb206IDAuMSwgbWF4Wm9vbTogMC41IH1cIlxuICAgICAgW2RlZmF1bHRWaWV3cG9ydF09XCJ7IHg6IDAsIHk6IDAsIHpvb206IDAuMyB9XCJcbiAgICAgIFtub2Rlc0RyYWdnYWJsZV09XCJ0cnVlXCJcbiAgICAgIFtub2Rlc0Nvbm5lY3RhYmxlXT1cInRydWVcIlxuICAgICAgW2VsZW1lbnRzU2VsZWN0YWJsZV09XCJ0cnVlXCJcbiAgICAgIFtwYW5PbkRyYWddPVwidHJ1ZVwiXG4gICAgICBbcGFuT25TY3JvbGxdPVwidHJ1ZVwiXG4gICAgICBbc2VsZWN0aW9uT25EcmFnXT1cImZhbHNlXCJcbiAgICAgIFt6b29tT25TY3JvbGxdPVwidHJ1ZVwiXG4gICAgICBbem9vbU9uUGluY2hdPVwidHJ1ZVwiXG4gICAgICBbem9vbU9uRG91YmxlQ2xpY2tdPVwidHJ1ZVwiXG4gICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgKG9uTm9kZUNsaWNrKT1cIm5vZGVDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgKG9uTm9kZXNDaGFuZ2UpPVwibm9kZXNDaGFuZ2UuZW1pdCgkZXZlbnQpXCJcbiAgICAgIChvbk5vZGVEcmFnU3RvcCk9XCJub2RlRHJhZ1N0b3AuZW1pdCgkZXZlbnQpXCJcbiAgICAgIChvbkVkZ2VzQ2hhbmdlKT1cImVkZ2VzQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gICAgICAob25Db25uZWN0KT1cImNvbm5lY3QuZW1pdCgkZXZlbnQpXCJcbiAgICAgIChvbk5vZGVSZXNpemVFbmQpPVwibm9kZVJlc2l6ZUVuZC5lbWl0KCRldmVudClcIlxuICAgICAgKG9uTW92ZSk9XCJvblZpZXdwb3J0TW92ZSgkZXZlbnQpXCJcbiAgICAgIChvbk1vdmVFbmQpPVwib25WaWV3cG9ydE1vdmUoJGV2ZW50KVwiXG4gICAgICAob25Jbml0KT1cIm9uRmxvd0luaXQoJGV2ZW50KVwiXG4gICAgPlxuICAgICAgPGZsb3ctbm9kZSBpbmplY3RhYmxlXG4gICAgICAgICpmbG93Tm9kZT1cIid0YXNrJzsgbGV0IGRhdGFcIlxuICAgICAgICBbZGF0YV09XCJkYXRhXCJcbiAgICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgIC8+XG4gICAgICA8Zmxvdy1ncm91cC1ub2RlXG4gICAgICAgICpmbG93Tm9kZT1cIidncm91cCc7IGxldCBkYXRhOyBsZXQgbm9kZVwiXG4gICAgICAgIFtkYXRhXT1cImRhdGFcIlxuICAgICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgLz5cbiAgICA8L21hY2hpbmEtcmVhY3QtZmxvdz5cbiAgYCxcbiAgc3R5bGVVcmw6ICcuL2Zsb3cudGVtcGxhdGUuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIEZsb3dUZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IEFjdGlvbklkID0gQWN0aW9uSWQ7XG5cbiAgcmVhZG9ubHkgbm9kZXMgPSBpbnB1dDxOb2RlW10+KFtdKTtcbiAgcmVhZG9ubHkgZWRnZXMgPSBpbnB1dDxFZGdlW10+KFtdKTtcbiAgcmVhZG9ubHkgZGVsZXRlS2V5Q29kZSA9IGlucHV0PHN0cmluZyB8IG51bGw+KG51bGwpOyAvLyBudWxs44Gn5YmK6Zmk5qmf6IO944KS54Sh5Yq55YyWXG4gIHJlYWRvbmx5IGRlZmF1bHRFZGdlT3B0aW9ucyA9IGlucHV0KHtcbiAgICB0eXBlOiAnc21vb3Roc3RlcCcsXG4gICAgYW5pbWF0ZWQ6IHRydWUsXG4gICAgbWFya2VyRW5kOiB7XG4gICAgICB0eXBlOiBNYXJrZXJUeXBlLkFycm93Q2xvc2VkLFxuICAgIH0sXG4gICAgc3R5bGU6IHtcbiAgICAgIHN0cm9rZTogJyMzMzMnLFxuICAgICAgc3Ryb2tlV2lkdGg6IDIsXG4gICAgfVxuICB9KTtcblxuICByZWFkb25seSBub2RlQ2xpY2sgPSBvdXRwdXQ8W01vdXNlRXZlbnQsIE5vZGVdPigpO1xuICByZWFkb25seSBub2Rlc0NoYW5nZSA9IG91dHB1dDxOb2RlQ2hhbmdlW10+KCk7XG4gIHJlYWRvbmx5IG5vZGVEcmFnU3RvcCA9IG91dHB1dDxbTW91c2VFdmVudCwgTm9kZSwgTm9kZVtdXT4oKTtcbiAgcmVhZG9ubHkgZWRnZXNDaGFuZ2UgPSBvdXRwdXQ8RWRnZUNoYW5nZVtdPigpO1xuICByZWFkb25seSBjb25uZWN0ID0gb3V0cHV0PENvbm5lY3Rpb24+KCk7XG4gIHJlYWRvbmx5IG5vZGVEYXRhID0gb3V0cHV0PFtzdHJpbmcsIGFueV0+KCk7XG4gIHJlYWRvbmx5IG5vZGVSZXNpemVFbmQgPSBvdXRwdXQ8eyBub2RlSWQ6IHN0cmluZzsgd2lkdGg6IG51bWJlcjsgaGVpZ2h0OiBudW1iZXIgfT4oKTtcbiAgcmVhZG9ubHkgdmlld3BvcnRDaGFuZ2UgPSBvdXRwdXQ8Vmlld3BvcnQ+KCk7XG5cbiAgcHJvdGVjdGVkIG9uVmlld3BvcnRNb3ZlKFtfZXZlbnQsIHZpZXdwb3J0XTogW01vdXNlRXZlbnQsIFZpZXdwb3J0XSk6IHZvaWQge1xuICAgIHRoaXMudmlld3BvcnRDaGFuZ2UuZW1pdCh2aWV3cG9ydCk7XG4gIH1cblxuICAvKipcbiAgICogSGFuZGxlIFJlYWN0RmxvdyBpbml0aWFsaXphdGlvbi5cbiAgICogVXNlcyByZXF1ZXN0QW5pbWF0aW9uRnJhbWUgdG8gd2FpdCBmb3IgZml0VmlldyBjb21wbGV0aW9uIGJlZm9yZSBlbWl0dGluZyB2aWV3cG9ydC5cbiAgICovXG4gIHByb3RlY3RlZCBvbkZsb3dJbml0KFtpbnN0YW5jZV06IFtSZWFjdEZsb3dJbnN0YW5jZV0pOiB2b2lkIHtcbiAgICByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4ge1xuICAgICAgY29uc3Qgdmlld3BvcnQgPSBpbnN0YW5jZS5nZXRWaWV3cG9ydCgpO1xuICAgICAgdGhpcy52aWV3cG9ydENoYW5nZS5lbWl0KHZpZXdwb3J0KTtcbiAgICB9KTtcbiAgfVxuXG4gIEBFZmZlY3QoR3JvdXBOb2RlQ29tcG9uZW50LkFjdGlvbklkLkVYUEFOREVEX0NIQU5HRSlcbiAgcHJvdGVjdGVkIG9uR3JvdXBFeHBhbmRlZENoYW5nZShwYXlsb2FkOiB7IGV4cGFuZGVkOiBib29sZWFuLCBkYXRhOiBhbnkgfSk6IHZvaWQge1xuICAgIGNvbnN0IG5vZGVJZCA9IHBheWxvYWQuZGF0YT8udGFzaz8uaWQ7XG4gICAgY29uc29sZS5sb2coJ0Zsb3dUZW1wbGF0ZSAtIEdyb3VwTm9kZSBFWFBBTkRFRF9DSEFOR0U6JywgeyBub2RlSWQsIGV4cGFuZGVkOiBwYXlsb2FkLmV4cGFuZGVkIH0pO1xuICAgIGlmIChub2RlSWQpIHtcbiAgICAgIHRoaXMuZGlzcGF0Y2goeyBpZDogQWN0aW9uSWQuRVhQQU5ERURfQ0hBTkdFLCBwYXlsb2FkOiB7IG5vZGVJZCwgZXhwYW5kZWQ6IHBheWxvYWQuZXhwYW5kZWQgfSB9KTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoieHhtYWNoaW5hLWNvbXBvbmVudHMtdGVtcGxhdGVzLWZsb3cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AeHhtYWNoaW5hL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvZmxvdy94eG1hY2hpbmEtY29tcG9uZW50cy10ZW1wbGF0ZXMtZmxvdy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":["ActionId"],"mappings":"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"}

package/fesm2022/xxmachina-components.mjs

@@ -216,7 +216,7 @@ class SessionNavigatorOrganism extends NgAtomicComponent {
         }
       </div>
     </mat-toolbar>
-  `, isInline: true, styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-4fV5: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-4fV5: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-4fV5: var(--border);--primary-color: rgba(26, 26, 26, .6);--primary-color-SCOPED-IN-session-navigator-4fV5: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-4fV5: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-4fV5: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-4fV5: var(--on-secondary-color);--background-color: rgba(26, 26, 26, .6);--background-color-SCOPED-IN-session-navigator-4fV5: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-4fV5: 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(--background-color-SCOPED-IN-session-navigator-4fV5);color:var(--on-background-color-SCOPED-IN-session-navigator-4fV5);background:#1a1a1a99!important;border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-4fV5)!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-4fV5)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-4fV5)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-4fV5)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-4fV5)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-4fV5)!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}@media (prefers-color-scheme: light){:host{--text: #333;--text-SCOPED-IN-session-navigator-4fV5: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-4fV5: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-4fV5: 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-qKxE: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-qKxE: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-qKxE: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-qKxE: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-qKxE: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-qKxE: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-qKxE: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-qKxE: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-qKxE: 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-qKxE);color:var(--on-primary-color-SCOPED-IN-session-navigator-qKxE);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-qKxE)!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-qKxE)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-qKxE)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-qKxE)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-qKxE)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-qKxE)!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-qKxE: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-qKxE: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-qKxE: 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: "20.0.5", ngImport: i0, type: SessionNavigatorOrganism, decorators: [{
             type: Component,
@@ -250,7 +250,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                             directive: SessionNavigatorOrganismStore,
                             inputs: ['startActions', 'endActions', 'title'],
                         }
-                    ], styles: [":host{display:block;--text: #e0e0e0;--text-SCOPED-IN-session-navigator-4fV5: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-4fV5: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-4fV5: var(--border);--primary-color: rgba(26, 26, 26, .6);--primary-color-SCOPED-IN-session-navigator-4fV5: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-4fV5: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-4fV5: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-4fV5: var(--on-secondary-color);--background-color: rgba(26, 26, 26, .6);--background-color-SCOPED-IN-session-navigator-4fV5: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-4fV5: 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(--background-color-SCOPED-IN-session-navigator-4fV5);color:var(--on-background-color-SCOPED-IN-session-navigator-4fV5);background:#1a1a1a99!important;border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-4fV5)!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-4fV5)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-4fV5)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-4fV5)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-4fV5)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-4fV5)!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}@media (prefers-color-scheme: light){:host{--text: #333;--text-SCOPED-IN-session-navigator-4fV5: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-4fV5: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-4fV5: 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-qKxE: var(--text);--sys: #888;--sys-SCOPED-IN-session-navigator-qKxE: var(--sys);--border: rgba(51, 51, 51, .5);--border-SCOPED-IN-session-navigator-qKxE: var(--border);--primary-color: #0f0f11;--primary-color-SCOPED-IN-session-navigator-qKxE: var(--primary-color);--on-primary-color: #e0e0e0;--on-primary-color-SCOPED-IN-session-navigator-qKxE: var(--on-primary-color);--secondary-color: #888;--secondary-color-SCOPED-IN-session-navigator-qKxE: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-session-navigator-qKxE: var(--on-secondary-color);--background-color: #0f0f11;--background-color-SCOPED-IN-session-navigator-qKxE: var(--background-color);--on-background-color: #e0e0e0;--on-background-color-SCOPED-IN-session-navigator-qKxE: 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-qKxE);color:var(--on-primary-color-SCOPED-IN-session-navigator-qKxE);border-bottom:1px solid var(--border-SCOPED-IN-session-navigator-qKxE)!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-qKxE)!important}:host mat-toolbar .mat-button{color:var(--sys-SCOPED-IN-session-navigator-qKxE)!important;font-family:SF Mono,Monaco,monospace!important}:host mat-toolbar .mat-button:hover{color:var(--text-SCOPED-IN-session-navigator-qKxE)!important}:host mat-toolbar .mat-icon-button{color:var(--sys-SCOPED-IN-session-navigator-qKxE)!important;opacity:.7}:host mat-toolbar .mat-icon-button:hover{color:var(--text-SCOPED-IN-session-navigator-qKxE)!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-qKxE: var(--text);--sys: #666;--sys-SCOPED-IN-session-navigator-qKxE: var(--sys);--border: #ddd;--border-SCOPED-IN-session-navigator-qKxE: var(--border)}}@media (max-width: 600px){:host mat-toolbar span{font-size:11px!important}}\n"] }]
         }] });
 
 var InvoiceAppActionId;