@progress/kendo-angular-gantt
Version:
Kendo UI Angular Gantt
123 lines (122 loc) • 6.14 kB
JavaScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { Component, ContentChild, ContentChildren, forwardRef, Host, Input, Optional, QueryList, SkipSelf } from '@angular/core';
import { ColumnComponent } from '@progress/kendo-angular-treelist';
import { OptionChangesService } from '../common/option-changes.service';
import { GanttColumnBase } from './column-base.component';
import { CellTemplateDirective } from './cell-template.directive';
import { ColumnMenuTemplateDirective } from './column-menu-template.directive';
import { FilterCellTemplateDirective } from './filter-cell-template.directive';
import { FilterMenuTemplateDirective } from './filter-menu-template.directive';
import { FooterTemplateDirective } from './footer-template.directive';
import { HeaderTemplateDirective } from './header-template.directive';
import { EditTemplateDirective } from './edit-template.directive';
import * as i0 from "@angular/core";
import * as i1 from "../common/option-changes.service";
import * as i2 from "./column-base.component";
/**
* Represents a column in the Gantt. Use this component to define columns and customize their behavior and appearance.
*
* @example
* ```html
* <kendo-gantt-column field="title" title="Task"></kendo-gantt-column>
* ```
*/
export class GanttColumnComponent extends ColumnComponent {
options;
headerTemplates = new QueryList();
footerTemplate;
columnMenuTemplates = new QueryList();
template;
editTemplate;
filterCellTemplate;
filterMenuTemplate;
/**
* Sets the filter type for the filter row. The default value is `text`.
* @default 'text'
*/
filter = 'text';
/**
* Shows or hides the filter UI for this column. The default value is `true`.
* @default true
*/
filterable = true;
/**
* @hidden
*
* Defines the editor type.
* Used when the column enters the edit mode. The default value is `text`.
*/
editor = 'text';
/**
* @hidden
*
* Defines whether the column is editable. The default value is `true`.
*/
editable = true;
constructor(options, parent) {
super(parent);
this.options = options;
}
ngOnChanges() {
this.options.notifyColumnChanges();
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttColumnComponent, deps: [{ token: i1.OptionChangesService }, { token: i2.GanttColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GanttColumnComponent, isStandalone: true, selector: "kendo-gantt-column", inputs: { filter: "filter", filterable: "filterable", editor: "editor", editable: "editable" }, providers: [
{
provide: GanttColumnBase,
useExisting: forwardRef(() => GanttColumnComponent)
}
], queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "editTemplate", first: true, predicate: EditTemplateDirective, descendants: true }, { propertyName: "filterCellTemplate", first: true, predicate: FilterCellTemplateDirective, descendants: true }, { propertyName: "filterMenuTemplate", first: true, predicate: FilterMenuTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GanttColumnComponent, decorators: [{
type: Component,
args: [{
selector: 'kendo-gantt-column',
template: '',
providers: [
{
provide: GanttColumnBase,
useExisting: forwardRef(() => GanttColumnComponent)
}
],
standalone: true
}]
}], ctorParameters: () => [{ type: i1.OptionChangesService }, { type: i2.GanttColumnBase, decorators: [{
type: SkipSelf
}, {
type: Host
}, {
type: Optional
}] }], propDecorators: { headerTemplates: [{
type: ContentChildren,
args: [HeaderTemplateDirective, { descendants: false }]
}], footerTemplate: [{
type: ContentChild,
args: [FooterTemplateDirective, { static: false }]
}], columnMenuTemplates: [{
type: ContentChildren,
args: [ColumnMenuTemplateDirective]
}], template: [{
type: ContentChild,
args: [CellTemplateDirective, { static: false }]
}], editTemplate: [{
type: ContentChild,
args: [EditTemplateDirective, { static: false }]
}], filterCellTemplate: [{
type: ContentChild,
args: [FilterCellTemplateDirective, { static: false }]
}], filterMenuTemplate: [{
type: ContentChild,
args: [FilterMenuTemplateDirective, { static: false }]
}], filter: [{
type: Input
}], filterable: [{
type: Input
}], editor: [{
type: Input
}], editable: [{
type: Input
}] } });