@syncfusion/ej2-angular-gantt 21.2.10 → 22.1.34

package/styles/material3.scss

@@ -0,0 +1,3 @@
+
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'gantt/material3.scss';

package/styles/tailwind-dark.css

@@ -345,9 +345,6 @@
 .e-bigger .e-gantt .e-dialog .e-dlg-header {
   line-height: 28px;
 }
-.e-bigger .e-gantt .e-filter-popup.e-popup {
-  width: 319px !important;
-}
 .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
   padding: 24px 0 0 !important;
 }
@@ -688,6 +685,9 @@
   line-height: 10px;
   vertical-align: middle;
 }
+.e-gantt .e-gantt-tree-grid-pane .e-grid .e-gantt-resource-parent .e-rowdragdrop {
+  pointer-events: none;
+}
 .e-gantt .e-gantt-chart {
   height: 100%;
   overflow: hidden;
@@ -1614,6 +1614,9 @@
   background: #6b7280;
   opacity: 0.9;
 }
+.e-gantt .e-taskbar-resize-div {
+  border-color: #22d3ee;
+}
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   background: #232e3e;
   border-bottom-color: #4b5563;
@@ -1661,7 +1664,7 @@
   outline-color: #6b7280;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
-  background-color: #0891b2;
+  background: #0891b2;
   outline: 1px solid #22d3ee;
   border-radius: 4px;
 }
@@ -1698,7 +1701,7 @@
   border-radius: 3px;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
-  background-color: #dcfce7;
+  background: #dcfce7;
   outline: 1px solid #22c55e;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1866,23 +1869,16 @@
 .e-gantt .e-gantt-chart .e-icon {
   color: #000;
 }
-.e-gantt .e-gantt-chart .e-milestone-top {
-  border-bottom-color: #9ca3af;
-}
-.e-gantt .e-gantt-chart .e-milestone-bottom {
-  border-top-color: #9ca3af;
-}
-.e-gantt .e-gantt-chart .e-parent-milestone-top {
-  border-bottom-color: #9ca3af;
-}
-.e-gantt .e-gantt-chart .e-parent-milestone-bottom {
-  border-top-color: #9ca3af;
+.e-gantt .e-gantt-chart .e-gantt-milestone {
+  background-color: #9ca3af;
+  border-color: #22d3ee;
 }
-.e-gantt .e-gantt-chart .e-manualparent-milestone-top {
-  border-bottom-color: #9ca3af;
+.e-gantt .e-gantt-chart .e-gantt-parent-milestone {
+  background-color: #9ca3af;
 }
-.e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
-  border-top-color: #9ca3af;
+.e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
+  background-color: #9ca3af;
+  border-color: #22d3ee;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%);
@@ -1902,11 +1898,8 @@
 .e-gantt .e-gantt-chart .e-baseline-bar {
   background-color: #f97316;
 }
-.e-gantt .e-gantt-chart .e-baseline-milestone-top {
-  border-bottom-color: #f97316;
-}
-.e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
-  border-top-color: #f97316;
+.e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
+  background-color: #f97316;
 }
 .e-gantt .e-gantt-chart .e-uptail::before {
   border-bottom-color: #4b5563;
@@ -1960,11 +1953,8 @@
   background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
   border: transparent !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
-  border-bottom-color: #0891b2 !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
-  border-top-color: #0891b2 !important; /* stylelint-disable-line declaration-no-important */
+.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-milestone {
+  background-color: #0891b2 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
   background-color: #6b7280 !important; /* stylelint-disable-line declaration-no-important */
@@ -1978,21 +1968,15 @@
   background: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
   border: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
-  border-bottom-color: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
-  border-top-color: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
+.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-gantt-milestone {
+  background-color: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
   background: #81e6f5 !important; /* stylelint-disable-line declaration-no-important */
   border: #81e6f5 !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
-  border-bottom-color: #81e6f5 !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
-  border-top-color: #81e6f5 !important; /* stylelint-disable-line declaration-no-important */
+.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-milestone {
+  background-color: #81e6f5 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
   border-color: #22d3ee !important; /* stylelint-disable-line declaration-no-important */
@@ -2092,7 +2076,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
-  background-color: #fee2e2;
+  background: #fee2e2;
   outline: 1px solid #fee2e2;
   border-radius: 4px;
 }
@@ -2111,10 +2095,6 @@
   border-radius: 2px;
 }
 
-.e-gantt .e-gantt-chart .e-critical-milestone-top {
-  border-bottom-color: #f87171;
-}
-
-.e-gantt .e-gantt-chart .e-critical-milestone-bottom {
-  border-top-color: #f87171;
+.e-gantt .e-gantt-chart .e-critical-milestone {
+  background-color: #f87171;
 }

package/styles/tailwind.css

@@ -345,9 +345,6 @@
 .e-bigger .e-gantt .e-dialog .e-dlg-header {
   line-height: 28px;
 }
-.e-bigger .e-gantt .e-filter-popup.e-popup {
-  width: 319px !important;
-}
 .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
   padding: 24px 0 0 !important;
 }
@@ -688,6 +685,9 @@
   line-height: 10px;
   vertical-align: middle;
 }
+.e-gantt .e-gantt-tree-grid-pane .e-grid .e-gantt-resource-parent .e-rowdragdrop {
+  pointer-events: none;
+}
 .e-gantt .e-gantt-chart {
   height: 100%;
   overflow: hidden;
@@ -1614,6 +1614,9 @@
   background: #e5e7eb;
   opacity: 0.9;
 }
+.e-gantt .e-taskbar-resize-div {
+  border-color: #4f46e5;
+}
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   background: #f9fafb;
   border-bottom-color: #e5e7eb;
@@ -1661,7 +1664,7 @@
   outline-color: #d1d5db;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
-  background-color: #818cf8;
+  background: #818cf8;
   outline: 1px solid #4f46e5;
   border-radius: 4px;
 }
@@ -1698,7 +1701,7 @@
   border-radius: 3px;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
-  background-color: #dcfce7;
+  background: #dcfce7;
   outline: 1px solid #15803d;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -1866,23 +1869,16 @@
 .e-gantt .e-gantt-chart .e-icon {
   color: #fff;
 }
-.e-gantt .e-gantt-chart .e-milestone-top {
-  border-bottom-color: #9ca3af;
-}
-.e-gantt .e-gantt-chart .e-milestone-bottom {
-  border-top-color: #9ca3af;
-}
-.e-gantt .e-gantt-chart .e-parent-milestone-top {
-  border-bottom-color: #9ca3af;
-}
-.e-gantt .e-gantt-chart .e-parent-milestone-bottom {
-  border-top-color: #9ca3af;
+.e-gantt .e-gantt-chart .e-gantt-milestone {
+  background-color: #9ca3af;
+  border-color: #4f46e5;
 }
-.e-gantt .e-gantt-chart .e-manualparent-milestone-top {
-  border-bottom-color: #9ca3af;
+.e-gantt .e-gantt-chart .e-gantt-parent-milestone {
+  background-color: #9ca3af;
 }
-.e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
-  border-top-color: #9ca3af;
+.e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
+  background-color: #9ca3af;
+  border-color: #4f46e5;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%);
@@ -1902,11 +1898,8 @@
 .e-gantt .e-gantt-chart .e-baseline-bar {
   background-color: #c2410c;
 }
-.e-gantt .e-gantt-chart .e-baseline-milestone-top {
-  border-bottom-color: #c2410c;
-}
-.e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
-  border-top-color: #c2410c;
+.e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
+  background-color: #c2410c;
 }
 .e-gantt .e-gantt-chart .e-uptail::before {
   border-bottom-color: #e5e7eb;
@@ -1960,11 +1953,8 @@
   background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
   border: transparent !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
-  border-bottom-color: #818cf8 !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
-  border-top-color: #818cf8 !important; /* stylelint-disable-line declaration-no-important */
+.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-milestone {
+  background-color: #818cf8 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
   background-color: #d1d5db !important; /* stylelint-disable-line declaration-no-important */
@@ -1978,21 +1968,15 @@
   background: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
   border: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
-  border-bottom-color: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
-  border-top-color: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
+.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-gantt-milestone {
+  background-color: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
   background: #a49ff2 !important; /* stylelint-disable-line declaration-no-important */
   border: #a49ff2 !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
-  border-bottom-color: #a49ff2 !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
-  border-top-color: #a49ff2 !important; /* stylelint-disable-line declaration-no-important */
+.e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-milestone {
+  background-color: #a49ff2 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
   border-color: #4f46e5 !important; /* stylelint-disable-line declaration-no-important */
@@ -2092,7 +2076,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
-  background-color: #fee2e2;
+  background: #fee2e2;
   outline: 1px solid #fee2e2;
   border-radius: 4px;
 }
@@ -2111,10 +2095,6 @@
   border-radius: 2px;
 }
 
-.e-gantt .e-gantt-chart .e-critical-milestone-top {
-  border-bottom-color: #dc2626;
-}
-
-.e-gantt .e-gantt-chart .e-critical-milestone-bottom {
-  border-top-color: #dc2626;
+.e-gantt .e-gantt-chart .e-critical-milestone {
+  background-color: #dc2626;
 }

package/schematics/collection.json

@@ -1,30 +0,0 @@
-{
-  "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
-  "schematics": {
-    "ng-add": {
-      "description": "Adds Essential JS 2 specific Angular package to an application",
-      "factory": "./ng-add",
-      "schema": "./ng-add/schema.json"
-    },
-    "gantt-daymarkers": {
-      "description": "Create an Angular Gantt component with daymarkers feature",
-      "factory": "./generators/gantt-daymarkers",
-      "schema": "./generators/gantt-daymarkers/schema.json"
-    },
-    "gantt-default": {
-      "description": "Create an Angular component with EJ2 gantt with default",
-      "factory": "./generators/gantt-default",
-      "schema": "./generators/gantt-default/schema.json"
-    },
-    "gantt-editing": {
-      "description": "Create an Angular Gantt component with editing features and toolbars",
-      "factory": "./generators/gantt-editing",
-      "schema": "./generators/gantt-editing/schema.json"
-    },
-    "gantt-localdata": {
-      "description": "Create an Angular Gantt component with local datasource",
-      "factory": "./generators/gantt-localdata",
-      "schema": "./generators/gantt-localdata/schema.json"
-    }
-  }
-}

package/schematics/generators/gantt-daymarkers/index.d.ts

@@ -1,3 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { Schema } from './schema';
-export default function (options: Schema): Rule;

package/schematics/generators/gantt-daymarkers/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
-const sampleDetails = require("./sample-details");
-function default_1(options) {
-    return schematics_1.componentBuilder(options, sampleDetails);
-}
-exports.default = default_1;

package/schematics/generators/gantt-daymarkers/sample-details.d.ts

@@ -1,5 +0,0 @@
-export declare const componentName: string;
-export declare const sampleName: string;
-export declare const diModules: string;
-export declare const packageName: string;
-export declare const libModules: string;

package/schematics/generators/gantt-daymarkers/sample-details.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentName = 'gantt';
-exports.sampleName = 'daymarkers';
-exports.diModules = 'DayMarkersService';
-exports.packageName = '@syncfusion/ej2-angular-gantt';
-exports.libModules = 'GanttModule';

package/schematics/generators/gantt-daymarkers/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -1,9 +0,0 @@
-.control-section {
-    overflow: auto;
-    padding-bottom: 10px;
-  }  
-  .e-gantt .e-gantt-chart .e-custom-holiday {
-    background-color: cadetblue;
-    font-weight: 500;
-    color: white;
-}

package/schematics/generators/gantt-daymarkers/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -1,6 +0,0 @@
-<div class="control-section">
-        <!-- Gantt element -->
-        <ejs-gantt id="ganttDefault" height="430px" [dataSource]="data" [taskFields]="taskSettings" [eventMarkers]="eventMarkers" [highlightWeekends]="true" [holidays]="holidays">
-        </ejs-gantt>
-   </div>
-   

package/schematics/generators/gantt-daymarkers/schema.d.ts

@@ -1,3 +0,0 @@
-import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
-export interface Schema extends ComponentSchema {
-}

package/schematics/generators/gantt-daymarkers/schema.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/generators/gantt-daymarkers/schema.json

@@ -1,125 +0,0 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "EJ2SchemaTemplateID",
-  "title": "gantt-daymarkers",
-  "type": "object",
-  "properties": {
-    "path": {
-      "type": "string",
-      "format": "path",
-      "description": "The path to create the component.",
-      "visible": false
-    },
-    "project": {
-      "type": "string",
-      "description": "The name of the project.",
-      "$default": {
-        "$source": "projectName"
-      }
-    },
-    "name": {
-      "type": "string",
-      "description": "The name of the component.",
-      "$default": {
-        "$source": "argv",
-        "index": 0
-      }
-    },
-    "inlineStyle": {
-      "description": "Specifies if the style will be in the ts file.",
-      "type": "boolean",
-      "default": false,
-      "alias": "s"
-    },
-    "inlineTemplate": {
-      "description": "Specifies if the template will be in the ts file.",
-      "type": "boolean",
-      "default": false,
-      "alias": "t"
-    },
-    "viewEncapsulation": {
-      "description": "Specifies the view encapsulation strategy.",
-      "enum": [
-        "Emulated",
-        "Native",
-        "None",
-        "ShadowDom"
-      ],
-      "type": "string",
-      "alias": "v"
-    },
-    "changeDetection": {
-      "description": "Specifies the change detection strategy.",
-      "enum": [
-        "Default",
-        "OnPush"
-      ],
-      "type": "string",
-      "default": "Default",
-      "alias": "c"
-    },
-    "prefix": {
-      "type": "string",
-      "description": "The prefix to apply to generated selectors.",
-      "alias": "p",
-      "oneOf": [
-        {
-          "maxLength": 0
-        },
-        {
-          "minLength": 1,
-          "format": "html-selector"
-        }
-      ]
-    },
-    "styleext": {
-      "description": "The file extension to be used for style files.",
-      "type": "string",
-      "default": "css"
-    },
-    "spec": {
-      "type": "boolean",
-      "description": "Specifies if a spec file is generated.",
-      "default": true
-    },
-    "flat": {
-      "type": "boolean",
-      "description": "Flag to indicate if a dir is created.",
-      "default": false
-    },
-    "skipImport": {
-      "type": "boolean",
-      "description": "Flag to skip the module import.",
-      "default": false
-    },
-    "selector": {
-      "type": "string",
-      "format": "html-selector",
-      "description": "The selector to use for the component."
-    },
-    "module": {
-      "type": "string",
-      "description": "Allows specification of the declaring module.",
-      "alias": "m"
-    },
-    "export": {
-      "type": "boolean",
-      "default": false,
-      "description": "Specifies if declaring module exports the component."
-    },
-    "entryComponent": {
-      "type": "boolean",
-      "default": false,
-      "description": "Specifies if the component is an entry component of declaring module."
-    },
-    "lintFix": {
-      "type": "boolean",
-      "default": false,
-      "description": "Specifies whether to apply lint fixes after generating the component."
-    }
-  },
-  "required": [
-    "name"
-  ],
-  "id": "gantt-daymarkers"
-}

package/schematics/generators/gantt-default/index.d.ts

@@ -1,3 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { Schema } from './schema';
-export default function (options: Schema): Rule;

package/schematics/generators/gantt-default/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
-const sampleDetails = require("./sample-details");
-function default_1(options) {
-    return schematics_1.componentBuilder(options, sampleDetails);
-}
-exports.default = default_1;

package/schematics/generators/gantt-default/sample-details.d.ts

@@ -1,5 +0,0 @@
-export declare const componentName: string;
-export declare const sampleName: string;
-export declare const diModules: string;
-export declare const packageName: string;
-export declare const libModules: string;

package/schematics/generators/gantt-default/sample-details.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentName = 'gantt';
-exports.sampleName = 'default';
-exports.diModules = null;
-exports.packageName = '@syncfusion/ej2-angular-gantt';
-exports.libModules = 'GanttModule';

package/schematics/generators/gantt-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -1,5 +0,0 @@
-
-.control-section {
-  overflow: auto;
-  padding-bottom: 10px;
-}

package/schematics/generators/gantt-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -1,4 +0,0 @@
-<div class="control-section">
-    <ejs-gantt [dataSource]='data' height='350'>
-    </ejs-gantt>
-</div>

package/schematics/generators/gantt-default/schema.d.ts

@@ -1,3 +0,0 @@
-import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
-export interface Schema extends ComponentSchema {
-}

package/schematics/generators/gantt-default/schema.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });