@memberjunction/ng-gantt 6.1.0-edge.4 → 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.
@@ -581,7 +581,7 @@ export class MjGanttChartComponent {
581
581
  i0.ɵɵconditional(ctx.ShowZoomControls && !ctx.loading ? 1 : -1);
582
582
  i0.ɵɵadvance();
583
583
  i0.ɵɵstyleProp("height", ctx.Height)("display", ctx.loading ? "none" : "block");
584
- } }, dependencies: [CommonModule], styles: ["\n\n\n\n\n[_nghost-%COMP%] {\n color-scheme: inherit;\n\n --dhx-gantt-font-family: var(--mj-font-family);\n --dhx-gantt-font-size: var(--mj-text-sm);\n\n --dhx-gantt-base-colors-white: var(--mj-bg-surface);\n --dhx-gantt-base-colors-background: var(--mj-bg-surface);\n --dhx-gantt-base-colors-background-alt: var(--mj-bg-surface-sunken);\n --dhx-gantt-base-colors-text-base: var(--mj-text-primary);\n --dhx-gantt-base-colors-text-light: var(--mj-text-secondary);\n --dhx-gantt-base-colors-text-on-fill: var(--mj-text-inverse);\n --dhx-gantt-base-colors-border: var(--mj-border-default);\n --dhx-gantt-base-colors-border-light: var(--mj-border-subtle);\n --dhx-gantt-base-colors-icons: var(--mj-text-muted);\n --dhx-gantt-base-colors-icons-hover: var(--mj-text-secondary);\n --dhx-gantt-base-colors-icons-active: var(--mj-text-primary);\n --dhx-gantt-base-colors-disabled: var(--mj-bg-surface-sunken);\n --dhx-gantt-base-colors-readonly: var(--mj-text-disabled);\n --dhx-gantt-base-colors-select: color-mix(in srgb, var(--mj-brand-primary) 16%, var(--mj-bg-surface));\n --dhx-gantt-base-colors-hover-color: var(--mj-bg-surface-hover);\n --dhx-gantt-base-colors-primary: var(--mj-brand-primary);\n --dhx-gantt-base-colors-primary-hover: var(--mj-brand-primary-hover);\n --dhx-gantt-base-colors-primary-active: var(--mj-brand-primary-active);\n --dhx-gantt-base-colors-primary-lighter: color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n --dhx-gantt-base-colors-success: var(--mj-status-success);\n --dhx-gantt-base-colors-warning: var(--mj-status-warning);\n --dhx-gantt-base-colors-error: var(--mj-status-error);\n --dhx-gantt-base-colors-error-text: var(--mj-text-inverse);\n\n --dhx-gantt-container-background: var(--mj-bg-surface);\n --dhx-gantt-container-color: var(--mj-text-primary);\n --dhx-gantt-offtime-background: var(--mj-bg-surface-sunken);\n\n --dhx-gantt-scale-background: var(--mj-bg-surface-sunken);\n --dhx-gantt-scale-color: var(--mj-text-muted);\n --dhx-gantt-scale-border-vertical: 1px solid var(--mj-border-subtle);\n --dhx-gantt-scale-border-horizontal: 1px solid var(--mj-border-default);\n\n --dhx-gantt-grid-body-background: var(--mj-bg-surface);\n --dhx-gantt-grid-scale-background: var(--mj-bg-surface-sunken);\n --dhx-gantt-grid-scale-color: var(--mj-text-muted);\n --dhx-gantt-timeline-scale-background: var(--mj-bg-surface-sunken);\n --dhx-gantt-timeline-scale-color: var(--mj-text-muted);\n\n --dhx-gantt-task-row-background: var(--mj-bg-surface);\n --dhx-gantt-task-row-background--odd: var(--mj-bg-surface);\n --dhx-gantt-task-row-border: 1px solid var(--mj-border-subtle);\n --dhx-gantt-grid-row-border: 1px solid var(--mj-border-subtle);\n\n --dhx-gantt-task-blue: var(--mj-brand-primary);\n --dhx-gantt-task-background: var(--mj-brand-primary);\n --dhx-gantt-task-background-primary: var(--mj-brand-primary);\n --dhx-gantt-task-color: var(--mj-text-inverse);\n --dhx-gantt-task-line-text: var(--mj-text-primary);\n --dhx-gantt-task-border-radius: var(--mj-radius-sm);\n --dhx-gantt-task-progress-color: color-mix(in srgb, var(--mj-text-inverse) 22%, transparent);\n --dhx-gantt-project-background: var(--mj-status-success);\n --dhx-gantt-project-color: var(--mj-text-inverse);\n --dhx-gantt-milestone-background: var(--mj-brand-accent, var(--mj-status-info));\n\n --dhx-gantt-link-background: var(--mj-text-muted);\n --dhx-gantt-link-background-hover: var(--mj-text-secondary);\n --dhx-gantt-link-critical-background: var(--mj-status-error);\n\n --dhx-gantt-popup-background: var(--mj-bg-surface-elevated);\n --dhx-gantt-popup-color: var(--mj-text-primary);\n --dhx-gantt-popup-border: 1px solid var(--mj-border-default);\n --dhx-gantt-tooltip-background: var(--mj-text-primary);\n --dhx-gantt-tooltip-color: var(--mj-bg-surface);\n\n --dhx-gantt-default-border: 1px solid var(--mj-border-default);\n --dhx-gantt-border-radius: var(--mj-radius-sm);\n}\n\n[_nghost-%COMP%] .gantt_container {\n border-color: var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n overflow: hidden;\n}\n\n[_nghost-%COMP%] .gantt_layout_cell.gantt_resizer {\n cursor: col-resize;\n background: var(--mj-border-default);\n}\n\n[_nghost-%COMP%] .gantt_layout_cell.gantt_resizer:hover {\n background: var(--mj-brand-primary);\n}\n\n[_nghost-%COMP%] .gantt_hor_scroll, \n[_nghost-%COMP%] .gantt_ver_scroll {\n color-scheme: inherit;\n}\n\n[_nghost-%COMP%] .gantt_tree_content {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}", "[_nghost-%COMP%] { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; flex: 1; font-family: var(--mj-font-family); }\n\n .mj-gantt-container[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n min-height: 0;\n flex: 1;\n position: relative;\n }\n\n .mj-gantt-loading[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--mj-space-16) var(--mj-space-5);\n color: var(--mj-text-muted);\n font-size: var(--mj-text-sm);\n }\n\n .mj-gantt-zoom[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: var(--mj-space-1);\n margin-bottom: var(--mj-space-2);\n }\n .mj-gantt-zoom__btn[_ngcontent-%COMP%] {\n width: 28px;\n height: 28px;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-sm);\n background: var(--mj-bg-surface);\n color: var(--mj-text-primary);\n cursor: pointer;\n font-size: var(--mj-text-base);\n line-height: 1;\n }\n .mj-gantt-zoom__btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n background: var(--mj-bg-surface-hover);\n border-color: var(--mj-border-strong);\n }\n .mj-gantt-zoom__btn[_ngcontent-%COMP%]:disabled {\n color: var(--mj-text-disabled);\n cursor: default;\n }\n .mj-gantt-zoom__label[_ngcontent-%COMP%] {\n min-width: 3.25rem;\n text-align: center;\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-secondary);\n }\n\n [_nghost-%COMP%] .gantt_task .gantt_task_content { font-weight: var(--mj-font-medium); }"], changeDetection: 0 });
584
+ } }, dependencies: [CommonModule], styles: ["\n\n\n\n[_nghost-%COMP%] {\n color-scheme: inherit;\n\n --dhx-gantt-font-family: var(--mj-font-family);\n --dhx-gantt-font-size: var(--mj-text-sm);\n\n --dhx-gantt-base-colors-white: var(--mj-bg-surface);\n --dhx-gantt-base-colors-background: var(--mj-bg-surface);\n --dhx-gantt-base-colors-background-alt: var(--mj-bg-surface-sunken);\n --dhx-gantt-base-colors-text-base: var(--mj-text-primary);\n --dhx-gantt-base-colors-text-light: var(--mj-text-secondary);\n --dhx-gantt-base-colors-text-on-fill: var(--mj-text-inverse);\n --dhx-gantt-base-colors-border: var(--mj-border-default);\n --dhx-gantt-base-colors-border-light: var(--mj-border-subtle);\n --dhx-gantt-base-colors-icons: var(--mj-text-muted);\n --dhx-gantt-base-colors-icons-hover: var(--mj-text-secondary);\n --dhx-gantt-base-colors-icons-active: var(--mj-text-primary);\n --dhx-gantt-base-colors-disabled: var(--mj-bg-surface-sunken);\n --dhx-gantt-base-colors-readonly: var(--mj-text-disabled);\n --dhx-gantt-base-colors-select: color-mix(in srgb, var(--mj-brand-primary) 16%, var(--mj-bg-surface));\n --dhx-gantt-base-colors-hover-color: var(--mj-bg-surface-hover);\n --dhx-gantt-base-colors-primary: var(--mj-brand-primary);\n --dhx-gantt-base-colors-primary-hover: var(--mj-brand-primary-hover);\n --dhx-gantt-base-colors-primary-active: var(--mj-brand-primary-active);\n --dhx-gantt-base-colors-primary-lighter: color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n --dhx-gantt-base-colors-success: var(--mj-status-success);\n --dhx-gantt-base-colors-warning: var(--mj-status-warning);\n --dhx-gantt-base-colors-error: var(--mj-status-error);\n --dhx-gantt-base-colors-error-text: var(--mj-text-inverse);\n\n --dhx-gantt-container-background: var(--mj-bg-surface);\n --dhx-gantt-container-color: var(--mj-text-primary);\n --dhx-gantt-offtime-background: var(--mj-bg-surface-sunken);\n\n --dhx-gantt-scale-background: var(--mj-bg-surface-sunken);\n --dhx-gantt-scale-color: var(--mj-text-muted);\n --dhx-gantt-scale-border-vertical: 1px solid var(--mj-border-subtle);\n --dhx-gantt-scale-border-horizontal: 1px solid var(--mj-border-default);\n\n --dhx-gantt-grid-body-background: var(--mj-bg-surface);\n --dhx-gantt-grid-scale-background: var(--mj-bg-surface-sunken);\n --dhx-gantt-grid-scale-color: var(--mj-text-muted);\n --dhx-gantt-timeline-scale-background: var(--mj-bg-surface-sunken);\n --dhx-gantt-timeline-scale-color: var(--mj-text-muted);\n\n --dhx-gantt-task-row-background: var(--mj-bg-surface);\n --dhx-gantt-task-row-background--odd: var(--mj-bg-surface);\n --dhx-gantt-task-row-border: 1px solid var(--mj-border-subtle);\n --dhx-gantt-grid-row-border: 1px solid var(--mj-border-subtle);\n\n --dhx-gantt-task-blue: var(--mj-brand-primary);\n --dhx-gantt-task-background: var(--mj-brand-primary);\n --dhx-gantt-task-background-primary: var(--mj-brand-primary);\n --dhx-gantt-task-color: var(--mj-text-inverse);\n --dhx-gantt-task-line-text: var(--mj-text-primary);\n --dhx-gantt-task-border-radius: var(--mj-radius-sm);\n --dhx-gantt-task-progress-color: color-mix(in srgb, var(--mj-text-inverse) 22%, transparent);\n --dhx-gantt-project-background: var(--mj-status-success);\n --dhx-gantt-project-color: var(--mj-text-inverse);\n --dhx-gantt-milestone-background: var(--mj-brand-accent, var(--mj-status-info));\n\n --dhx-gantt-link-background: var(--mj-text-muted);\n --dhx-gantt-link-background-hover: var(--mj-text-secondary);\n --dhx-gantt-link-critical-background: var(--mj-status-error);\n\n --dhx-gantt-popup-background: var(--mj-bg-surface-elevated);\n --dhx-gantt-popup-color: var(--mj-text-primary);\n --dhx-gantt-popup-border: 1px solid var(--mj-border-default);\n --dhx-gantt-tooltip-background: var(--mj-text-primary);\n --dhx-gantt-tooltip-color: var(--mj-bg-surface);\n\n --dhx-gantt-default-border: 1px solid var(--mj-border-default);\n --dhx-gantt-border-radius: var(--mj-radius-sm);\n}\n\n[_nghost-%COMP%] .gantt_container {\n border-color: var(--mj-border-default);\n border-radius: var(--mj-radius-md);\n overflow: hidden;\n}\n\n[_nghost-%COMP%] .gantt_layout_cell.gantt_resizer {\n cursor: col-resize;\n background: var(--mj-border-default);\n}\n\n[_nghost-%COMP%] .gantt_layout_cell.gantt_resizer:hover {\n background: var(--mj-brand-primary);\n}\n\n[_nghost-%COMP%] .gantt_hor_scroll, \n[_nghost-%COMP%] .gantt_ver_scroll {\n color-scheme: inherit;\n}\n\n[_nghost-%COMP%] .gantt_tree_content {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}", "[_nghost-%COMP%] { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; flex: 1; font-family: var(--mj-font-family); }\n\n .mj-gantt-container[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n min-height: 0;\n flex: 1;\n position: relative;\n }\n\n .mj-gantt-loading[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--mj-space-16) var(--mj-space-5);\n color: var(--mj-text-muted);\n font-size: var(--mj-text-sm);\n }\n\n .mj-gantt-zoom[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: var(--mj-space-1);\n margin-bottom: var(--mj-space-2);\n }\n .mj-gantt-zoom__btn[_ngcontent-%COMP%] {\n width: 28px;\n height: 28px;\n border: 1px solid var(--mj-border-default);\n border-radius: var(--mj-radius-sm);\n background: var(--mj-bg-surface);\n color: var(--mj-text-primary);\n cursor: pointer;\n font-size: var(--mj-text-base);\n line-height: 1;\n }\n .mj-gantt-zoom__btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n background: var(--mj-bg-surface-hover);\n border-color: var(--mj-border-strong);\n }\n .mj-gantt-zoom__btn[_ngcontent-%COMP%]:disabled {\n color: var(--mj-text-disabled);\n cursor: default;\n }\n .mj-gantt-zoom__label[_ngcontent-%COMP%] {\n min-width: 3.25rem;\n text-align: center;\n font-size: var(--mj-text-xs);\n font-weight: var(--mj-font-semibold);\n color: var(--mj-text-secondary);\n }\n\n [_nghost-%COMP%] .gantt_task .gantt_task_content { font-weight: var(--mj-font-medium); }"], changeDetection: 0 });
585
585
  }
586
586
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MjGanttChartComponent, [{
587
587
  type: Component,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@memberjunction/ng-gantt",
3
- "version": "6.1.0-edge.4",
3
+ "version": "6.1.0-edge.6",
4
4
  "description": "MemberJunction: Generic Gantt chart component wrapping DHTMLX Gantt",
5
5
  "main": "./dist/public-api.js",
6
6
  "typings": "./dist/public-api.d.ts",
@@ -11,19 +11,17 @@
11
11
  "author": "",
12
12
  "license": "BUSL-1.1",
13
13
  "devDependencies": {
14
- "@angular/compiler": "21.1.3",
15
- "@angular/compiler-cli": "21.1.3",
16
- "@memberjunction/ng-test-utils": "6.1.0-edge.4",
14
+ "@angular/compiler": "21.2.22",
15
+ "@angular/compiler-cli": "21.2.22",
16
+ "@memberjunction/ng-test-utils": "6.1.0-edge.6",
17
17
  "vitest": "^4.0.18"
18
18
  },
19
19
  "peerDependencies": {
20
- "@angular/common": "^21.1.3",
21
- "@angular/core": "^21.1.3"
20
+ "@angular/common": "^21.2.22",
21
+ "@angular/core": "^21.2.22"
22
22
  },
23
23
  "dependencies": {
24
- "@angular/common": "21.1.3",
25
- "@angular/core": "21.1.3",
26
- "@memberjunction/global": "6.1.0-edge.4",
24
+ "@memberjunction/global": "6.1.0-edge.6",
27
25
  "dhtmlx-gantt": "^9.1.1",
28
26
  "tslib": "^2.8.1"
29
27
  },