@progress/kendo-angular-gantt 24.0.0-develop.20 → 24.0.0-develop.22

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.
@@ -24,7 +24,7 @@ import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/k
24
24
  import * as i4 from '@angular/forms';
25
25
  import { FormArray, FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
26
26
  import { GridComponent, SelectionDirective, ToolbarTemplateDirective as ToolbarTemplateDirective$1, ColumnComponent as ColumnComponent$1, CellTemplateDirective as CellTemplateDirective$1 } from '@progress/kendo-angular-grid';
27
- import { ButtonComponent, ButtonGroupComponent, DropDownButtonComponent } from '@progress/kendo-angular-buttons';
27
+ import { ButtonComponent, SegmentedControlComponent, DropDownButtonComponent } from '@progress/kendo-angular-buttons';
28
28
  import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
29
29
  import { FormFieldComponent, TextBoxDirective, NumericTextBoxComponent } from '@progress/kendo-angular-inputs';
30
30
  import { LabelComponent } from '@progress/kendo-angular-label';
@@ -44,8 +44,8 @@ const packageMetadata = {
44
44
  productName: 'Kendo UI for Angular',
45
45
  productCode: 'KENDOUIANGULAR',
46
46
  productCodes: ['KENDOUIANGULAR'],
47
- publishDate: 1778149607,
48
- version: '24.0.0-develop.20',
47
+ publishDate: 1778164818,
48
+ version: '24.0.0-develop.22',
49
49
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
50
50
  };
51
51
 
@@ -3649,7 +3649,7 @@ class GanttTimelineComponent {
3649
3649
  </div>
3650
3650
  </div>
3651
3651
 
3652
- `, isInline: true, dependencies: [{ kind: "component", type: GanttHeaderTableBodyComponent, selector: "[kendoGanttHeaderTableBody]", inputs: ["groupSlots", "slots"] }, { kind: "directive", type: TimelineScrollableDirective, selector: "[kendoGanttTimelineScrollable]", inputs: ["scrollSettings"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "component", type: GanttTasksTableBodyComponent, selector: "[kendoGanttTasksTableBody]", inputs: ["selectable", "rows", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "isExpanded", "isTaskSelected", "renderDependencyDragClues"], outputs: ["taskPointerEnter", "taskPointerLeave"] }, { kind: "directive", type: GanttDependencyDirective, selector: "[kendoGanttDependency]", inputs: ["dependency"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[kendoTooltip]", inputs: ["filter", "position", "titleTemplate", "showOn", "showAfter", "callout", "closable", "offset", "tooltipWidth", "tooltipHeight", "tooltipClass", "tooltipContentClass", "collision", "closeTitle", "tooltipTemplate"], exportAs: ["kendoTooltip"] }, { kind: "pipe", type: DatePipe, name: "kendoDate" }, { kind: "pipe", type: NumberPipe, name: "kendoNumber" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
3652
+ `, isInline: true, dependencies: [{ kind: "component", type: GanttHeaderTableBodyComponent, selector: "[kendoGanttHeaderTableBody]", inputs: ["groupSlots", "slots"] }, { kind: "directive", type: TimelineScrollableDirective, selector: "[kendoGanttTimelineScrollable]", inputs: ["scrollSettings"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "component", type: GanttTasksTableBodyComponent, selector: "[kendoGanttTasksTableBody]", inputs: ["selectable", "rows", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "isExpanded", "isTaskSelected", "renderDependencyDragClues"], outputs: ["taskPointerEnter", "taskPointerLeave"] }, { kind: "directive", type: GanttDependencyDirective, selector: "[kendoGanttDependency]", inputs: ["dependency"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[kendoTooltip]", inputs: ["filter", "position", "titleTemplate", "showOn", "showAfter", "callout", "closable", "offset", "tooltipWidth", "tooltipHeight", "tooltipClass", "themeColor", "tooltipContentClass", "collision", "closeTitle", "tooltipTemplate"], exportAs: ["kendoTooltip"] }, { kind: "pipe", type: DatePipe, name: "kendoDate" }, { kind: "pipe", type: NumberPipe, name: "kendoNumber" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
3653
3653
  }
3654
3654
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GanttTimelineComponent, decorators: [{
3655
3655
  type: Component,
@@ -4863,7 +4863,7 @@ class DependenciesTableComponent {
4863
4863
  </ng-template>
4864
4864
  </kendo-grid-column>
4865
4865
  </kendo-grid>
4866
- `, isInline: true, dependencies: [{ kind: "component", type: GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode", "pinnable", "pinnedTopRows", "pinnedBottomRows", "isRowPinnable"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "rowPinChange", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "csvExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "directive", type: ToolbarTemplateDirective$1, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ColumnComponent$1, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: CellTemplateDirective$1, selector: "[kendoGridCellTemplate]" }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
4866
+ `, isInline: true, dependencies: [{ kind: "component", type: GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode", "pinnable", "pinnedTopRows", "pinnedBottomRows", "isRowPinnable"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "rowPinChange", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "csvExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "directive", type: ToolbarTemplateDirective$1, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ColumnComponent$1, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: CellTemplateDirective$1, selector: "[kendoGridCellTemplate]" }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
4867
4867
  }
4868
4868
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DependenciesTableComponent, decorators: [{
4869
4869
  type: Component,
@@ -5165,7 +5165,7 @@ class EditDialogComponent {
5165
5165
  </button>
5166
5166
  </kendo-dialog-actions>
5167
5167
  </kendo-dialog>
5168
- `, isInline: true, dependencies: [{ kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "closable", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "directive", type: CustomMessagesComponent$1, selector: "kendo-dialog-messages, kendo-window-messages" }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: TaskFieldsComponent, selector: "kendo-gantt-task-fields" }, { kind: "component", type: DependenciesTableComponent, selector: "kendo-gantt-dependencies-table", inputs: ["tasks", "dependencies", "dependencyType"], outputs: ["dependenciesChange"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TreeListSpacerComponent, selector: "kendo-treelist-spacer", inputs: ["width"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
5168
+ `, isInline: true, dependencies: [{ kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "closable", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "directive", type: CustomMessagesComponent$1, selector: "kendo-dialog-messages, kendo-window-messages" }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: TaskFieldsComponent, selector: "kendo-gantt-task-fields" }, { kind: "component", type: DependenciesTableComponent, selector: "kendo-gantt-dependencies-table", inputs: ["tasks", "dependencies", "dependencyType"], outputs: ["dependenciesChange"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TreeListSpacerComponent, selector: "kendo-treelist-spacer", inputs: ["width"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
5169
5169
  }
5170
5170
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EditDialogComponent, decorators: [{
5171
5171
  type: Component,
@@ -5283,7 +5283,13 @@ class ViewSelectorComponent {
5283
5283
  /**
5284
5284
  * Lists the timeline view types in the current Gantt configuration.
5285
5285
  */
5286
- views;
5286
+ set views(value) {
5287
+ this._views = value;
5288
+ this.updateSegmentedItems();
5289
+ }
5290
+ get views() {
5291
+ return this._views;
5292
+ }
5287
5293
  /**
5288
5294
  * Sets the current view type.
5289
5295
  * @default 'week'
@@ -5293,14 +5299,27 @@ class ViewSelectorComponent {
5293
5299
  * Fires when the user selects a different view type. The event data contains the type of the new view.
5294
5300
  */
5295
5301
  activeViewChange = new EventEmitter();
5302
+ /**
5303
+ * @hidden
5304
+ */
5305
+ segmentedItems = [];
5306
+ _views = [];
5296
5307
  constructor(localizationService) {
5297
5308
  this.localizationService = localizationService;
5298
5309
  }
5299
5310
  /**
5300
5311
  * @hidden
5301
5312
  */
5302
- onClick(viewType) {
5303
- if (viewType !== this.activeView) {
5313
+ get selectedIndex() {
5314
+ const index = this._views.indexOf(this.activeView);
5315
+ return index === -1 ? 0 : index;
5316
+ }
5317
+ /**
5318
+ * @hidden
5319
+ */
5320
+ onSelectedChange(index) {
5321
+ const viewType = this._views[index];
5322
+ if (viewType && viewType !== this.activeView) {
5304
5323
  this.activeViewChange.emit(viewType);
5305
5324
  }
5306
5325
  }
@@ -5316,6 +5335,9 @@ class ViewSelectorComponent {
5316
5335
  onActiveViewChange(event) {
5317
5336
  this.activeViewChange.emit(event.target.value);
5318
5337
  }
5338
+ updateSegmentedItems() {
5339
+ this.segmentedItems = (this._views || []).map(view => ({ text: this.getViewTypeText(view) }));
5340
+ }
5319
5341
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ViewSelectorComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
5320
5342
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ViewSelectorComponent, isStandalone: true, selector: "kendo-gantt-view-selector", inputs: { views: "views", activeView: "activeView" }, outputs: { activeViewChange: "activeViewChange" }, host: { properties: { "class.k-gantt-views-wrapper": "this.hostClass" } }, ngImport: i0, template: `
5321
5343
  <select
@@ -5327,16 +5349,13 @@ class ViewSelectorComponent {
5327
5349
  <option [value]="view">{{getViewTypeText(view)}}</option>
5328
5350
  }
5329
5351
  </select>
5330
- <kendo-buttongroup class="k-gantt-views" selection="single" [navigable]="false">
5331
- @for (view of views; track view) {
5332
- <button
5333
- kendoButton
5334
- type="button"
5335
- [selected]="view === activeView"
5336
- (click)="onClick(view)">{{getViewTypeText(view)}}</button>
5337
- }
5338
- </kendo-buttongroup>
5339
- `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
5352
+ <kendo-segmented-control
5353
+ class="k-gantt-views"
5354
+ [items]="segmentedItems"
5355
+ [selected]="selectedIndex"
5356
+ (selectedChange)="onSelectedChange($event)">
5357
+ </kendo-segmented-control>
5358
+ `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: SegmentedControlComponent, selector: "kendo-segmented-control", inputs: ["items", "layoutMode", "size", "selected"], outputs: ["selectedChange"] }] });
5340
5359
  }
5341
5360
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ViewSelectorComponent, decorators: [{
5342
5361
  type: Component,
@@ -5352,18 +5371,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
5352
5371
  <option [value]="view">{{getViewTypeText(view)}}</option>
5353
5372
  }
5354
5373
  </select>
5355
- <kendo-buttongroup class="k-gantt-views" selection="single" [navigable]="false">
5356
- @for (view of views; track view) {
5357
- <button
5358
- kendoButton
5359
- type="button"
5360
- [selected]="view === activeView"
5361
- (click)="onClick(view)">{{getViewTypeText(view)}}</button>
5362
- }
5363
- </kendo-buttongroup>
5374
+ <kendo-segmented-control
5375
+ class="k-gantt-views"
5376
+ [items]="segmentedItems"
5377
+ [selected]="selectedIndex"
5378
+ (selectedChange)="onSelectedChange($event)">
5379
+ </kendo-segmented-control>
5364
5380
  `,
5365
5381
  standalone: true,
5366
- imports: [ReactiveFormsModule, ButtonGroupComponent, ButtonComponent]
5382
+ imports: [ReactiveFormsModule, SegmentedControlComponent]
5367
5383
  }]
5368
5384
  }], ctorParameters: () => [{ type: i1$1.LocalizationService }], propDecorators: { hostClass: [{
5369
5385
  type: HostBinding,
@@ -7889,7 +7905,7 @@ class GanttComponent {
7889
7905
  <span>{{ getText('confirmationDialogContent') }}</span>
7890
7906
  <kendo-dialog-actions layout="start">
7891
7907
  <kendo-treelist-spacer></kendo-treelist-spacer>
7892
- <button kendoButton [primary]="true" (click)="handleDeleteConfirmation()">{{ getText('deleteButtonText') }}</button>
7908
+ <button kendoButton themeColor="primary" (click)="handleDeleteConfirmation()">{{ getText('deleteButtonText') }}</button>
7893
7909
  <button kendoButton (click)="handleConfirmationDialogClose()">{{ getText('cancelButtonText') }}</button>
7894
7910
  </kendo-dialog-actions>
7895
7911
  </kendo-dialog>
@@ -7898,7 +7914,7 @@ class GanttComponent {
7898
7914
  @if (showLicenseWatermark) {
7899
7915
  <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
7900
7916
  }
7901
- `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]" }, { kind: "component", type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: ["showAddTask", "showViewSelector", "views", "activeView", "toolbarTemplate", "navigable", "position"], outputs: ["activeViewChange"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep", "splitterBarClass"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "splitterBarAttributes", "splitterBarClass", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: TreeListComponent, selector: "kendo-treelist", inputs: ["aria-label", "data", "pageSize", "height", "rowHeight", "skip", "scrollable", "sort", "trackBy", "filter", "virtualColumns", "filterable", "sortable", "pageable", "navigable", "autoSize", "rowClass", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "idField", "selectable", "isSelected", "rowReorderable", "columns", "fetchChildren", "hasChildren", "isExpanded"], outputs: ["selectionChange", "filterChange", "pageChange", "sortChange", "dataStateChange", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "scrollBottom", "contentScroll", "expand", "collapse", "expandStateChange", "rowReorder"], exportAs: ["kendoTreeList"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: CustomMessagesComponent$2, selector: "kendo-treelist-messages" }, { kind: "component", type: GanttTimelineComponent, selector: "kendo-gantt-timeline", inputs: ["rows", "slots", "groupSlots", "tableWidth", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "renderDependencyDragClues", "dragScrollSettings", "currentTimeMarker", "customTooltipTemplate", "customDragTooltipTemplate", "tooltipOptions", "selectable", "isTaskSelected", "isExpanded", "dependencies"], outputs: ["timelineContainerPress", "timelineContainerDrag", "timelineContainerRelease"] }, { kind: "component", type: EditDialogComponent, selector: "kendo-gantt-edit-dialog", inputs: ["data"] }, { kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "closable", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: TreeListSpacerComponent, selector: "kendo-treelist-spacer", inputs: ["width"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }] });
7917
+ `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGanttLocalizedMessages]" }, { kind: "component", type: ToolbarComponent, selector: "kendo-gantt-toolbar", inputs: ["showAddTask", "showViewSelector", "views", "activeView", "toolbarTemplate", "navigable", "position"], outputs: ["activeViewChange"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep", "splitterBarClass"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "splitterBarAttributes", "splitterBarClass", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: TreeListComponent, selector: "kendo-treelist", inputs: ["aria-label", "data", "pageSize", "height", "rowHeight", "skip", "scrollable", "sort", "trackBy", "filter", "virtualColumns", "filterable", "sortable", "pageable", "navigable", "autoSize", "rowClass", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "idField", "selectable", "isSelected", "rowReorderable", "columns", "fetchChildren", "hasChildren", "isExpanded"], outputs: ["selectionChange", "filterChange", "pageChange", "sortChange", "dataStateChange", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "scrollBottom", "contentScroll", "expand", "collapse", "expandStateChange", "rowReorder"], exportAs: ["kendoTreeList"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: CustomMessagesComponent$2, selector: "kendo-treelist-messages" }, { kind: "component", type: GanttTimelineComponent, selector: "kendo-gantt-timeline", inputs: ["rows", "slots", "groupSlots", "tableWidth", "activeView", "taskContentTemplate", "taskTemplate", "summaryTaskTemplate", "taskClass", "renderDependencyDragClues", "dragScrollSettings", "currentTimeMarker", "customTooltipTemplate", "customDragTooltipTemplate", "tooltipOptions", "selectable", "isTaskSelected", "isExpanded", "dependencies"], outputs: ["timelineContainerPress", "timelineContainerDrag", "timelineContainerRelease"] }, { kind: "component", type: EditDialogComponent, selector: "kendo-gantt-edit-dialog", inputs: ["data"] }, { kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "closable", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: TreeListSpacerComponent, selector: "kendo-treelist-spacer", inputs: ["width"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }] });
7902
7918
  }
7903
7919
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GanttComponent, decorators: [{
7904
7920
  type: Component,
@@ -8314,7 +8330,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
8314
8330
  <span>{{ getText('confirmationDialogContent') }}</span>
8315
8331
  <kendo-dialog-actions layout="start">
8316
8332
  <kendo-treelist-spacer></kendo-treelist-spacer>
8317
- <button kendoButton [primary]="true" (click)="handleDeleteConfirmation()">{{ getText('deleteButtonText') }}</button>
8333
+ <button kendoButton themeColor="primary" (click)="handleDeleteConfirmation()">{{ getText('deleteButtonText') }}</button>
8318
8334
  <button kendoButton (click)="handleConfirmationDialogClose()">{{ getText('cancelButtonText') }}</button>
8319
8335
  </kendo-dialog-actions>
8320
8336
  </kendo-dialog>
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1778149607,
11
- "version": "24.0.0-develop.20",
10
+ "publishDate": 1778164818,
11
+ "version": "24.0.0-develop.22",
12
12
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-gantt",
3
- "version": "24.0.0-develop.20",
3
+ "version": "24.0.0-develop.22",
4
4
  "description": "Kendo UI Angular Gantt",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -34,7 +34,7 @@
34
34
  "package": {
35
35
  "productName": "Kendo UI for Angular",
36
36
  "productCode": "KENDOUIANGULAR",
37
- "publishDate": 1778149607,
37
+ "publishDate": 1778164818,
38
38
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
39
39
  }
40
40
  },
@@ -46,25 +46,25 @@
46
46
  "@angular/platform-browser": "19 - 21",
47
47
  "@progress/kendo-data-query": "^1.7.3",
48
48
  "@progress/kendo-licensing": "^1.11.0",
49
- "@progress/kendo-angular-buttons": "24.0.0-develop.20",
50
- "@progress/kendo-angular-common": "24.0.0-develop.20",
51
- "@progress/kendo-angular-dialog": "24.0.0-develop.20",
52
- "@progress/kendo-angular-dropdowns": "24.0.0-develop.20",
53
- "@progress/kendo-angular-grid": "24.0.0-develop.20",
54
- "@progress/kendo-angular-icons": "24.0.0-develop.20",
55
- "@progress/kendo-angular-inputs": "24.0.0-develop.20",
56
- "@progress/kendo-angular-intl": "24.0.0-develop.20",
57
- "@progress/kendo-angular-l10n": "24.0.0-develop.20",
58
- "@progress/kendo-angular-label": "24.0.0-develop.20",
59
- "@progress/kendo-angular-layout": "24.0.0-develop.20",
60
- "@progress/kendo-angular-popup": "24.0.0-develop.20",
61
- "@progress/kendo-angular-tooltip": "24.0.0-develop.20",
62
- "@progress/kendo-angular-treelist": "24.0.0-develop.20",
49
+ "@progress/kendo-angular-buttons": "24.0.0-develop.22",
50
+ "@progress/kendo-angular-common": "24.0.0-develop.22",
51
+ "@progress/kendo-angular-dialog": "24.0.0-develop.22",
52
+ "@progress/kendo-angular-dropdowns": "24.0.0-develop.22",
53
+ "@progress/kendo-angular-grid": "24.0.0-develop.22",
54
+ "@progress/kendo-angular-icons": "24.0.0-develop.22",
55
+ "@progress/kendo-angular-inputs": "24.0.0-develop.22",
56
+ "@progress/kendo-angular-intl": "24.0.0-develop.22",
57
+ "@progress/kendo-angular-l10n": "24.0.0-develop.22",
58
+ "@progress/kendo-angular-label": "24.0.0-develop.22",
59
+ "@progress/kendo-angular-layout": "24.0.0-develop.22",
60
+ "@progress/kendo-angular-popup": "24.0.0-develop.22",
61
+ "@progress/kendo-angular-tooltip": "24.0.0-develop.22",
62
+ "@progress/kendo-angular-treelist": "24.0.0-develop.22",
63
63
  "rxjs": "^6.5.3 || ^7.0.0"
64
64
  },
65
65
  "dependencies": {
66
66
  "tslib": "^2.3.1",
67
- "@progress/kendo-angular-schematics": "24.0.0-develop.20",
67
+ "@progress/kendo-angular-schematics": "24.0.0-develop.22",
68
68
  "@progress/kendo-common": "^1.0.1",
69
69
  "@progress/kendo-date-math": "^1.5.2",
70
70
  "@progress/kendo-draggable": "^3.0.0"
@@ -12,16 +12,16 @@ function default_1(options) {
12
12
  // See https://github.com/telerik/kendo-schematics/issues/28
13
13
  peerDependencies: {
14
14
  // peer deps of the treelist
15
- '@progress/kendo-angular-dateinputs': '24.0.0-develop.20',
16
- '@progress/kendo-angular-excel-export': '24.0.0-develop.20',
17
- '@progress/kendo-angular-pdf-export': '24.0.0-develop.20',
18
- '@progress/kendo-angular-utils': '24.0.0-develop.20',
15
+ '@progress/kendo-angular-dateinputs': '24.0.0-develop.22',
16
+ '@progress/kendo-angular-excel-export': '24.0.0-develop.22',
17
+ '@progress/kendo-angular-pdf-export': '24.0.0-develop.22',
18
+ '@progress/kendo-angular-utils': '24.0.0-develop.22',
19
19
  '@progress/kendo-drawing': '^1.0.0',
20
20
  // peer deps of the dropdowns
21
- '@progress/kendo-angular-treeview': '24.0.0-develop.20',
22
- '@progress/kendo-angular-navigation': '24.0.0-develop.20',
21
+ '@progress/kendo-angular-treeview': '24.0.0-develop.22',
22
+ '@progress/kendo-angular-navigation': '24.0.0-develop.22',
23
23
  // peer dep of the layout
24
- '@progress/kendo-angular-progressbar': '24.0.0-develop.20',
24
+ '@progress/kendo-angular-progressbar': '24.0.0-develop.22',
25
25
  // peer dep of the icons
26
26
  '@progress/kendo-svg-icons': '^4.0.0'
27
27
  } });
@@ -5,6 +5,7 @@
5
5
  import { EventEmitter } from '@angular/core';
6
6
  import { LocalizationService } from '@progress/kendo-angular-l10n';
7
7
  import { TimelineViewType } from './../models/timeline-view';
8
+ import { SegmentedItemSettings } from '@progress/kendo-angular-buttons';
8
9
  import * as i0 from "@angular/core";
9
10
  /**
10
11
  * The Gantt ViewSelector component. Shows the current view type and lets you switch to another view type.
@@ -15,7 +16,8 @@ export declare class ViewSelectorComponent {
15
16
  /**
16
17
  * Lists the timeline view types in the current Gantt configuration.
17
18
  */
18
- views: TimelineViewType[];
19
+ set views(value: TimelineViewType[]);
20
+ get views(): TimelineViewType[];
19
21
  /**
20
22
  * Sets the current view type.
21
23
  * @default 'week'
@@ -25,11 +27,20 @@ export declare class ViewSelectorComponent {
25
27
  * Fires when the user selects a different view type. The event data contains the type of the new view.
26
28
  */
27
29
  activeViewChange: EventEmitter<TimelineViewType>;
30
+ /**
31
+ * @hidden
32
+ */
33
+ segmentedItems: SegmentedItemSettings[];
34
+ private _views;
28
35
  constructor(localizationService: LocalizationService);
29
36
  /**
30
37
  * @hidden
31
38
  */
32
- onClick(viewType: TimelineViewType): void;
39
+ get selectedIndex(): number;
40
+ /**
41
+ * @hidden
42
+ */
43
+ onSelectedChange(index: number): void;
33
44
  /**
34
45
  * @hidden
35
46
  */
@@ -38,6 +49,7 @@ export declare class ViewSelectorComponent {
38
49
  * @hidden
39
50
  */
40
51
  onActiveViewChange(event: Event): void;
52
+ private updateSegmentedItems;
41
53
  static ɵfac: i0.ɵɵFactoryDeclaration<ViewSelectorComponent, never>;
42
54
  static ɵcmp: i0.ɵɵComponentDeclaration<ViewSelectorComponent, "kendo-gantt-view-selector", never, { "views": { "alias": "views"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; }, { "activeViewChange": "activeViewChange"; }, never, never, true, never>;
43
55
  }