@memberjunction/ng-task-graph-editor 6.1.0-edge.5 → 6.1.0-edge.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -116,7 +116,7 @@ export class TaskGraphDebugToolbarComponent {
|
|
|
116
116
|
i0.ɵɵconditional(ctx.Settled ? 1 : ctx.Paused ? 2 : 3);
|
|
117
117
|
i0.ɵɵadvance(4);
|
|
118
118
|
i0.ɵɵdomProperty("disabled", ctx.Busy || ctx.Settled || !ctx.Enabled);
|
|
119
|
-
} }, styles: ["[_nghost-%COMP%] { display: inline-flex; }\n\n.dbg-bar[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 2px;\n padding: 2px;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface-elevated);\n}\n\n.dbg-pill[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n margin: 0 4px 0 6px;\n font-size: var(--mj-font-size-xs);\n font-weight: 600;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--mj-brand-primary);\n}\n.dbg-pill[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { font-size: 10px; }\n.dbg-pill-run[_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n.dbg-pill-done[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n\n.dbg-btn[_ngcontent-%COMP%] {\n min-width: 28px;\n height: 28px;\n padding: 0 6px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: none;\n border-radius: var(--mj-radius-sm);\n background: transparent;\n color: var(--mj-text-secondary);\n cursor: pointer;\n}\n.dbg-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n background: var(--mj-bg-surface-hover);\n color: var(--mj-text-primary);\n}\n.dbg-btn[_ngcontent-%COMP%]:disabled {\n opacity: 0.45;\n cursor: default;\n}\n.dbg-btn-go[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n.dbg-btn-go[_ngcontent-%COMP%]:hover:not(:disabled) { color: var(--mj-status-success); }\n.dbg-btn-stop[_ngcontent-%COMP%] { color: var(--mj-status-error); }\n.dbg-btn-stop[_ngcontent-%COMP%]:hover:not(:disabled) { color: var(--mj-status-error); }\n\n.dbg-btn-labeled[_ngcontent-%COMP%] { gap: 4px; }\n.dbg-btn-text[_ngcontent-%COMP%] {\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 0.02em;\n}\n\n
|
|
119
|
+
} }, styles: ["[_nghost-%COMP%] { display: inline-flex; }\n\n.dbg-bar[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 2px;\n padding: 2px;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface-elevated);\n}\n\n.dbg-pill[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n margin: 0 4px 0 6px;\n font-size: var(--mj-font-size-xs);\n font-weight: 600;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--mj-brand-primary);\n}\n.dbg-pill[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { font-size: 10px; }\n.dbg-pill-run[_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n.dbg-pill-done[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n\n.dbg-btn[_ngcontent-%COMP%] {\n min-width: 28px;\n height: 28px;\n padding: 0 6px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: none;\n border-radius: var(--mj-radius-sm);\n background: transparent;\n color: var(--mj-text-secondary);\n cursor: pointer;\n}\n.dbg-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n background: var(--mj-bg-surface-hover);\n color: var(--mj-text-primary);\n}\n.dbg-btn[_ngcontent-%COMP%]:disabled {\n opacity: 0.45;\n cursor: default;\n}\n.dbg-btn-go[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n.dbg-btn-go[_ngcontent-%COMP%]:hover:not(:disabled) { color: var(--mj-status-success); }\n.dbg-btn-stop[_ngcontent-%COMP%] { color: var(--mj-status-error); }\n.dbg-btn-stop[_ngcontent-%COMP%]:hover:not(:disabled) { color: var(--mj-status-error); }\n\n.dbg-btn-labeled[_ngcontent-%COMP%] { gap: 4px; }\n.dbg-btn-text[_ngcontent-%COMP%] {\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 0.02em;\n}\n\n.dbg-icon-over[_ngcontent-%COMP%] { transform: scaleY(-1); }\n\n.dbg-sep[_ngcontent-%COMP%] {\n width: 1px;\n height: 16px;\n margin: 0 2px;\n background: var(--mj-border-default);\n}"], changeDetection: 0 });
|
|
120
120
|
}
|
|
121
121
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskGraphDebugToolbarComponent, [{
|
|
122
122
|
type: Component,
|
|
@@ -585,7 +585,7 @@ export class TaskGraphEditorComponent extends BaseAngularComponent {
|
|
|
585
585
|
} if (rf & 2) {
|
|
586
586
|
i0.ɵɵadvance();
|
|
587
587
|
i0.ɵɵconditional(ctx.IsEmpty && ctx.ReadOnly ? 1 : 2);
|
|
588
|
-
} }, dependencies: [i1.FlowEditorComponent, i2.MJEmptyStateComponent, i2.MJAlertComponent, i3.TaskGraphPropertiesPanelComponent], styles: ["\n\n\n\n
|
|
588
|
+
} }, dependencies: [i1.FlowEditorComponent, i2.MJEmptyStateComponent, i2.MJAlertComponent, i3.TaskGraphPropertiesPanelComponent], styles: ["\n\n\n\n[_nghost-%COMP%] {\n display: block;\n height: 100%;\n min-height: 0;\n}\n\n.mj-tge[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n min-height: 0;\n background: var(--mj-bg-page);\n}\n\n.mj-tge__validation[_ngcontent-%COMP%] {\n flex: 0 0 auto;\n margin: var(--mj-space-sm, 0.5rem);\n}\n\n.mj-tge__validation-list[_ngcontent-%COMP%] {\n margin: var(--mj-space-xs, 0.25rem) 0 0;\n padding-inline-start: 1.25rem;\n}\n\n\n.mj-tge__workspace[_ngcontent-%COMP%] {\n display: flex;\n flex: 1 1 auto;\n min-height: 0;\n}\n\n\n.mj-tge__canvas[_ngcontent-%COMP%] {\n flex: 1 1 auto;\n min-width: 0;\n min-height: 0;\n}\n\n.mj-tge__properties[_ngcontent-%COMP%] {\n flex: 0 0 auto;\n width: 300px;\n min-height: 0;\n overflow-y: auto;\n border-left: 1px solid var(--mj-border-default);\n}\n\n@media (max-width: 900px) {\n \n .mj-tge__workspace[_ngcontent-%COMP%] {\n flex-direction: column;\n }\n\n .mj-tge__properties[_ngcontent-%COMP%] {\n width: 100%;\n max-height: 40%;\n border-left: 0;\n border-top: 1px solid var(--mj-border-default);\n }\n}\n\n\n.mj-tge__empty-hint[_ngcontent-%COMP%] {\n margin: var(--mj-space-2) var(--mj-space-3) 0;\n}"] });
|
|
589
589
|
}
|
|
590
590
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskGraphEditorComponent, [{
|
|
591
591
|
type: Component,
|
|
@@ -333,7 +333,7 @@ export class TaskGraphPropertiesPanelComponent {
|
|
|
333
333
|
} if (rf & 2) {
|
|
334
334
|
i0.ɵɵadvance();
|
|
335
335
|
i0.ɵɵconditional(!ctx.Draft ? 1 : 2);
|
|
336
|
-
} }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJEmptyStateComponent, i2.MJAlertComponent, i2.MJButtonDirective], styles: ["\n
|
|
336
|
+
} }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJEmptyStateComponent, i2.MJAlertComponent, i2.MJButtonDirective], styles: ["\n.mj-tgp[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-sm, 0.5rem);\n padding: var(--mj-space-md, 1rem);\n overflow-y: auto;\n background: var(--mj-bg-surface);\n color: var(--mj-text-primary);\n}\n\n.mj-tgp__label[_ngcontent-%COMP%] {\n font-size: var(--mj-font-size-sm, 0.8125rem);\n font-weight: 600;\n color: var(--mj-text-secondary);\n margin-top: var(--mj-space-xs, 0.25rem);\n}\n\n.mj-tgp__assignment[_ngcontent-%COMP%] {\n display: flex;\n gap: var(--mj-space-xs, 0.25rem);\n}\n\n.mj-tgp__edge[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-2xs, 0.125rem);\n padding: var(--mj-space-xs, 0.25rem) 0;\n border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mj-tgp__edge-name[_ngcontent-%COMP%] {\n font-size: var(--mj-font-size-sm, 0.8125rem);\n color: var(--mj-text-secondary);\n}\n\n.mj-tgp__edge-condition[_ngcontent-%COMP%] {\n width: 100%;\n}"] });
|
|
337
337
|
}
|
|
338
338
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskGraphPropertiesPanelComponent, [{
|
|
339
339
|
type: Component,
|
|
@@ -757,7 +757,7 @@ export class TaskGraphRunViewComponent extends BaseAngularComponent {
|
|
|
757
757
|
i0.ɵɵconditionalCreate(0, TaskGraphRunViewComponent_Conditional_0_Template, 1, 1, "mj-alert", 0)(1, TaskGraphRunViewComponent_Conditional_1_Template, 2, 0, "div", 1)(2, TaskGraphRunViewComponent_Conditional_2_Template, 1, 0, "mj-empty-state", 2)(3, TaskGraphRunViewComponent_Conditional_3_Template, 23, 30, "div", 3);
|
|
758
758
|
} if (rf & 2) {
|
|
759
759
|
i0.ɵɵconditional(ctx.ErrorMessage ? 0 : ctx.IsLoading ? 1 : !ctx.Spec || ctx.Spec.tasks.length === 0 ? 2 : 3);
|
|
760
|
-
} }, dependencies: [i1.MJEmptyStateComponent, i1.MJAlertComponent, i2.SplitComponent, i2.SplitAreaComponent, i3.TaskGraphVariablesComponent, i4.TaskGraphEditorComponent], styles: ["\n\n
|
|
760
|
+
} }, dependencies: [i1.MJEmptyStateComponent, i1.MJAlertComponent, i2.SplitComponent, i2.SplitAreaComponent, i3.TaskGraphVariablesComponent, i4.TaskGraphEditorComponent], styles: ["\n\n[_nghost-%COMP%] { display: block; height: 100%; min-height: 0; }\n\n.run-view[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: var(--mj-space-2);\n height: 100%;\n min-height: 0;\n}\n\n.run-view-summary[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: var(--mj-space-3);\n font-size: var(--mj-font-size-sm);\n color: var(--mj-text-secondary);\n}\n\n.run-view-count[_ngcontent-%COMP%] { font-weight: 500; }\n\n\n\n.run-view-skipped[_ngcontent-%COMP%] { color: var(--mj-text-tertiary); }\n.run-view-running[_ngcontent-%COMP%] { color: var(--mj-brand-primary); font-weight: 600; }\n.run-view-waiting[_ngcontent-%COMP%] { color: var(--mj-brand-primary); font-weight: 700; }\n.run-view-done[_ngcontent-%COMP%] { color: var(--mj-status-success); font-weight: 600; }\n\n.run-view-body[_ngcontent-%COMP%] {\n display: flex;\n flex: 1 1 auto;\n min-height: 0;\n min-width: 0;\n}\n\n.run-view-vars-rail[_ngcontent-%COMP%] {\n flex: 0 0 28px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n gap: var(--mj-space-2);\n padding: var(--mj-space-3) 0;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n background: var(--mj-bg-surface-card);\n color: var(--mj-text-secondary);\n cursor: pointer;\n}\n.run-view-vars-rail[_ngcontent-%COMP%]:hover {\n color: var(--mj-text-primary);\n background: var(--mj-bg-surface-hover);\n}\n.run-view-vars-rail[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\n writing-mode: vertical-rl;\n transform: rotate(180deg);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n font-size: var(--mj-font-size-xs);\n font-weight: 700;\n}\n.run-view-vars-rail[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { font-size: 11px; }\n\n.run-view-split[_ngcontent-%COMP%] {\n flex: 1 1 auto;\n min-height: 0;\n min-width: 0;\n}\n\n[_nghost-%COMP%] .run-view-split > .as-split-gutter {\n background: transparent;\n}\n[_nghost-%COMP%] .run-view-split > .as-split-gutter::after {\n content: '';\n display: block;\n margin: auto;\n background: var(--mj-border-default);\n border-radius: 1px;\n}\n[_nghost-%COMP%] .run-view-split.as-horizontal > .as-split-gutter::after {\n width: 3px;\n height: 32px;\n}\n[_nghost-%COMP%] .run-view-split > .as-split-gutter:hover::after {\n background: var(--mj-brand-primary);\n}\n[_nghost-%COMP%] .run-view-split > .as-split-area {\n overflow: hidden;\n}\n\n\n\n\n.run-view-canvas[_ngcontent-%COMP%] {\n height: 100%;\n min-height: 0;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n overflow: hidden;\n background: var(--mj-bg-surface);\n}\n\n.run-view-vars[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 0;\n min-width: 0;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n overflow: hidden;\n background: var(--mj-bg-surface);\n}\n.run-view-vars-bar[_ngcontent-%COMP%] {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--mj-space-2);\n padding: 4px 8px;\n border-bottom: 1px solid var(--mj-border-default);\n color: var(--mj-text-secondary);\n font-size: var(--mj-font-size-xs);\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n}\n.run-view-vars-min[_ngcontent-%COMP%] {\n width: 22px;\n height: 22px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n border-radius: var(--mj-radius-sm);\n background: transparent;\n color: var(--mj-text-muted);\n cursor: pointer;\n}\n.run-view-vars-min[_ngcontent-%COMP%]:hover {\n color: var(--mj-text-primary);\n background: var(--mj-bg-surface-hover);\n}\n.run-view-vars[_ngcontent-%COMP%] mj-task-graph-variables[_ngcontent-%COMP%] {\n flex: 1 1 auto;\n min-height: 0;\n}\n\n.run-view-loading[_ngcontent-%COMP%] {\n padding: var(--mj-space-4);\n color: var(--mj-text-secondary);\n font-size: var(--mj-font-size-sm);\n}\n\n.run-view-bp[_ngcontent-%COMP%] {\n margin-left: auto;\n width: 22px;\n height: 22px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n border-radius: 50%;\n background: transparent;\n color: var(--mj-text-muted);\n cursor: pointer;\n}\n.run-view-bp[_ngcontent-%COMP%]:hover { color: var(--mj-status-error); }\n.run-view-bp-on[_ngcontent-%COMP%], \n.run-view-bp-on[_ngcontent-%COMP%]:hover { color: var(--mj-status-error); }\n.run-view-bp[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { font-size: 10px; }\n.run-view-bp-name[_ngcontent-%COMP%] {\n font-size: var(--mj-font-size-xs);\n color: var(--mj-text-muted);\n}\n\n.run-view-legend[_ngcontent-%COMP%] {\n display: flex;\n flex-wrap: wrap;\n gap: var(--mj-space-3);\n font-size: var(--mj-font-size-xs);\n color: var(--mj-text-muted);\n}\n.run-view-legend[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n.run-view-key-break[_ngcontent-%COMP%] { color: var(--mj-status-error); font-size: 8px; }\n.run-view-key-paused[_ngcontent-%COMP%] { color: var(--mj-brand-primary); font-size: 10px; }\n.run-view-key-forced[_ngcontent-%COMP%] { color: var(--mj-status-warning); font-size: 10px; }\n.run-view-key-if[_ngcontent-%COMP%] {\n font-family: var(--mj-font-mono, ui-monospace, monospace);\n font-style: italic;\n}"], changeDetection: 0 });
|
|
761
761
|
}
|
|
762
762
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskGraphRunViewComponent, [{
|
|
763
763
|
type: Component,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-task-graph-editor",
|
|
3
|
-
"version": "6.1.0-edge.
|
|
3
|
+
"version": "6.1.0-edge.6",
|
|
4
4
|
"description": "MemberJunction: View and edit a TaskGraphSpec on a canvas — the one graph contract shared by design-time flows and runtime task graphs",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -18,26 +18,26 @@
|
|
|
18
18
|
"author": "",
|
|
19
19
|
"license": "BUSL-1.1",
|
|
20
20
|
"devDependencies": {
|
|
21
|
-
"@angular/compiler": "21.
|
|
22
|
-
"@angular/compiler-cli": "21.
|
|
23
|
-
"@memberjunction/ng-test-utils": "6.1.0-edge.
|
|
21
|
+
"@angular/compiler": "21.2.22",
|
|
22
|
+
"@angular/compiler-cli": "21.2.22",
|
|
23
|
+
"@memberjunction/ng-test-utils": "6.1.0-edge.6",
|
|
24
24
|
"sass": "^1.97.3",
|
|
25
25
|
"vitest": "^4.0.18"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@angular/common": "^21.
|
|
29
|
-
"@angular/core": "^21.
|
|
30
|
-
"@angular/forms": "^21.
|
|
31
|
-
"@angular/platform-browser": "^21.
|
|
28
|
+
"@angular/common": "^21.2.22",
|
|
29
|
+
"@angular/core": "^21.2.22",
|
|
30
|
+
"@angular/forms": "^21.2.22",
|
|
31
|
+
"@angular/platform-browser": "^21.2.22"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@memberjunction/ai-core-plus": "6.1.0-edge.
|
|
35
|
-
"@memberjunction/core": "6.1.0-edge.
|
|
36
|
-
"@memberjunction/core-entities": "6.1.0-edge.
|
|
37
|
-
"@memberjunction/global": "6.1.0-edge.
|
|
38
|
-
"@memberjunction/ng-base-types": "6.1.0-edge.
|
|
39
|
-
"@memberjunction/ng-flow-editor": "6.1.0-edge.
|
|
40
|
-
"@memberjunction/ng-ui-components": "6.1.0-edge.
|
|
34
|
+
"@memberjunction/ai-core-plus": "6.1.0-edge.6",
|
|
35
|
+
"@memberjunction/core": "6.1.0-edge.6",
|
|
36
|
+
"@memberjunction/core-entities": "6.1.0-edge.6",
|
|
37
|
+
"@memberjunction/global": "6.1.0-edge.6",
|
|
38
|
+
"@memberjunction/ng-base-types": "6.1.0-edge.6",
|
|
39
|
+
"@memberjunction/ng-flow-editor": "6.1.0-edge.6",
|
|
40
|
+
"@memberjunction/ng-ui-components": "6.1.0-edge.6",
|
|
41
41
|
"angular-split": "^20.0.0",
|
|
42
42
|
"rxjs": "^7.8.2",
|
|
43
43
|
"tslib": "^2.8.1"
|