{
  "$schema": "https://ai.syncfusion.com/schema/registry-item.json",
  "name": "gantt-default",
  "framework": "javascript",
  "type": "registry:component",
  "component": "Gantt",
  "variant": "default",
  "dependencies": [
    "@syncfusion/ej2-gantt"
  ],
  "description": "Gantt chart displaying tasks, durations, dependencies, and project progress with selection.",
  "meta": {
    "essentialStudioRelease": "2026 Volume 2 (v34.1.29)",
    "license": "commercial-or-community",
    "licenseNote": "The Syncfusion package is licensed. The composition in this file is source you own and edit. See https://ai.syncfusion.com/licensing.md",
    "requiresLicenseKey": true,
    "requiresServerEndpoint": false,
    "platformIndex": "https://ai.syncfusion.com/javascript/llms.txt",
    "skillPack": "syncfusion/javascript-ui-components-skills",
    "docs": "https://ai.syncfusion.com/gallery/javascript/gantt-default.md"
  },
  "files": [
    {
      "target": "src/components/gantt-default/default.html",
      "content": "<div class=\"control-section\">\n    <div class=\"content-wrapper\">\n        <div id=\"DefaultFunctionalities\">\n        </div>\n    </div>\n</div>\n"
    },
    {
      "target": "src/components/gantt-default/default.ts",
      "content": "import { Gantt, Selection } from '@syncfusion/ej2-gantt';\nimport { projectNewData } from './data-source';\n\n/**\n * Default Gantt sample\n */\n\nGantt.Inject(Selection);\n(window as any).default = (): void => {\n    let gantt: Gantt = new Gantt(\n        {\n            dataSource: projectNewData,\n            height: '650px',\n            rowHeight: 46,\n            taskbarHeight: 25,\n            taskFields: {\n                id: 'TaskID',\n                name: 'TaskName',\n                startDate: 'StartDate',\n                endDate: 'EndDate',\n                duration: 'Duration',\n                progress: 'Progress',\n                dependency: 'Predecessor',\n                parentID: 'ParentId'\n            },\n            treeColumnIndex: 1,\n            columns: [\n                { field: 'TaskID', width: 80 },\n                { field: 'TaskName', headerText: 'Name', width: 280 },\n                { field: 'StartDate' },\n                { field: 'EndDate' },\n                { field: 'Duration' },\n                { field: 'Predecessor' },\n                { field: 'Progress' }\n            ],\n            labelSettings: {\n                leftLabel: 'TaskName'\n            },\n            splitterSettings: {\n                columnIndex: 2\n            },\n            created: function() {\n                if(document.querySelector('.e-bigger'))\n                {\n                    gantt.rowHeight = 48;\n                    gantt.taskbarHeight = 28;\n                }\n            },\n            projectStartDate: new Date('03/26/2025'),\n            projectEndDate: new Date('07/20/2025')\n        });\n    gantt.appendTo('#DefaultFunctionalities');\n};\n"
    }
  ]
}