smart-webcomponents-angular/fesm2015/smart-webcomponents-angular-ganttchart.mjs.map

[](https://jqwidgets.com/license/)

{"version":3,"file":"smart-webcomponents-angular-ganttchart.mjs","sources":["../../ganttchart/src/smart.element.ts","../../ganttchart/src/smart.ganttchart.ts","../../ganttchart/src/smart.ganttchart.module.ts","../../ganttchart/src/smart-webcomponents-angular-ganttchart.ts"],"sourcesContent":["\ndeclare global {\n    interface Window {\n        Smart: any;\n}\n}\n\n\nimport { Directive, ElementRef, Input, Output, EventEmitter } from '@angular/core';\nimport { ElementRenderMode } from './../index';\n\n@Directive()\nexport class BaseElement {\n    constructor(ref: ElementRef) {\n        const that = this;\n        this.nativeElement = ref.nativeElement as any;\n\n        that.nativeElement.onAttached = () => {\n            that.onAttach.emit(that.nativeElement);\n        }\n\n        that.nativeElement.onDetached = () => {\n            that.onDetach.emit(that.nativeElement);\n        }\n    }\n\n    @Output() onCreate: EventEmitter<any> = new EventEmitter();\n    @Output() onReady: EventEmitter<any> = new EventEmitter();\n    @Output() onAttach: EventEmitter<any> = new EventEmitter();\n    @Output() onDetach: EventEmitter<any> = new EventEmitter();\n\n    public nativeElement: any;\n\n    public addEventListener(type: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions = false): void {\n        this.nativeElement.addEventListener(type, listener, options);\n\t}\n\n\tpublic removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions = false): void {\n\t\tthis.nativeElement.removeEventListener(type, listener, options);\n\t}\n\n\tpublic dispatchEvent(event: Event): boolean {\n\t\treturn this.nativeElement.dispatchEvent(event);\n\t}\n\n\tpublic blur(): void {\n\t\tthis.nativeElement.blur();\n\t}\n\n\tpublic click(): void {\n\t\tthis.nativeElement.click();\n\t}\n\n\tpublic focus(options?: FocusOptions): void {\n\t\tthis.nativeElement.focus(options);\n\t}\n\n/** @description Sets or gets the license.  */\n\t@Input()\n\tget license(): string {\n\t\treturn this.nativeElement ? this.nativeElement.license : undefined;\n\t}\n\tset license(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.license = value : undefined;\n\t}\n\t\n/** @description Sets or gets the language. Used in conjunction with the property messages.  */\n\t@Input()\n\tget locale(): string {\n\t\treturn this.nativeElement ? this.nativeElement.locale : undefined;\n\t}\n\tset locale(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.locale = value : undefined;\n\t}\n\n\t/** @description Callback used to customize the format of the messages that are returned from the Localization Module. */\n\t@Input()\n\tget localizeFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;\n\t}\n\tset localizeFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.localizeFormatFunction = value : undefined;\n\t}\n\n\t/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.  */\n\t@Input()\n\tget messages(): any {\n\t\treturn this.nativeElement ? this.nativeElement.messages : undefined;\n\t}\n\tset messages(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.messages = value : undefined;\n\t}\n\n\t/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */\n\t@Input()\n\tget rightToLeft(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.rightToLeft : undefined;\n\t}\n\tset rightToLeft(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.rightToLeft = value : undefined;\n\t}\n\n\t/** @description Determines the theme. Theme defines the look of the element */\n\t@Input()\n\tget theme(): string {\n\t\treturn this.nativeElement ? this.nativeElement.theme : undefined;\n\t}\n\tset theme(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.theme = value : undefined;\n\t}\n}\n\nlet Smart: any;\nif (typeof window !== \"undefined\") {\n\tSmart = window.Smart;\n}\nexport { Smart };\n\n","import { GanttChart } from './../index';\nimport { GanttChartDataExportItemType, GanttDayFormat, Duration, HorizontalScrollBarVisibility, HourFormat, MonthFormat, MonthScale, QuarterFormat, GanttChartResourceTimelineMode, GanttChartResourceTimelineView, GanttChartSelectionMode, GanttChartSortMode, GanttChartTaskType, VerticalScrollBarVisibility, GanttChartView, YearFormat, WeekFormat, GanttChartDataExport, GanttChartDateMarker, GanttChartResource, GanttChartResourceColumn, GanttChartTask, GanttChartTaskIndicator, GanttChartTaskPlanned, GanttChartTaskSegment, GanttChartTaskColumn, GanttChartTooltip, ElementRenderMode} from './../index';\nimport { Component, Directive, AfterViewInit, ElementRef, Input, OnInit, OnChanges, OnDestroy, SimpleChanges, Output, EventEmitter } from '@angular/core';\nimport { BaseElement, Smart } from './smart.element';\nexport { GanttChartDataExportItemType, GanttDayFormat, Duration, HorizontalScrollBarVisibility, HourFormat, MonthFormat, MonthScale, QuarterFormat, GanttChartResourceTimelineMode, GanttChartResourceTimelineView, GanttChartSelectionMode, GanttChartSortMode, GanttChartTaskType, VerticalScrollBarVisibility, GanttChartView, YearFormat, WeekFormat, GanttChartDataExport, GanttChartDateMarker, GanttChartResource, GanttChartResourceColumn, GanttChartTask, GanttChartTaskIndicator, GanttChartTaskPlanned, GanttChartTaskSegment, GanttChartTaskColumn, GanttChartTooltip, ElementRenderMode} from './../index';\nexport { Smart } from './smart.element';\nexport { GanttChart } from './../index';\n\n\n@Directive({\n\texportAs: 'smart-gantt-chart',\tselector: 'smart-gantt-chart, [smart-gantt-chart]'\n})\n\nexport class GanttChartComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {\n\tconstructor(ref: ElementRef<GanttChart>) {\n\t\tsuper(ref);\n\t\tthis.nativeElement = ref.nativeElement as GanttChart;\n\t}\n\n\tprivate eventHandlers: any[] = [];\n\n\tpublic declare nativeElement: GanttChart;\n\t/** @description Creates the component on demand.\n\t * @param properties An optional object of properties, which will be added to the template binded ones.\n\t */\n\tpublic createComponent(properties = {}): any {\n    \tthis.nativeElement = <GanttChart>document.createElement('smart-gantt-chart');\n\t\tfor (let propertyName in properties) { \n \t\t\tthis.nativeElement[propertyName] = properties[propertyName];\n\t\t}\n\t\treturn this.nativeElement;\n\t}\n\t/** @description Determines whether nonworkingDays/nonworkingHours are taken into considuration when determining the dateEnd of the tasks. When this property is enabled the dateEnd of the tasks is calculated to include only the actual working time. By default it's disabled and only calendar time is used. */\n\t@Input()\n\tget adjustToNonworkingTime(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.adjustToNonworkingTime : undefined;\n\t}\n\tset adjustToNonworkingTime(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.adjustToNonworkingTime = value : undefined;\n\t}\n\n\t/** @description Recalculates the tasks that are connected and re-schedules them according to their connections. If no connections are present, autoScheduling has no effect until a connection is created. Connection types determines the start/end date limits of the tasks. */\n\t@Input()\n\tget autoSchedule(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.autoSchedule : undefined;\n\t}\n\tset autoSchedule(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.autoSchedule = value : undefined;\n\t}\n\n\t/** @description Affects the tasks only when autoSchedule is enabled. When set to true, the tasks are strictly scheduled ( according to their connections ) and dragging is not allowed.  Users can set lag to specific connections to determine a delay of overlap of between the two tasks ( interval of time in miliseconds ). Lag one of the attributes of a task connection and should be set in the dataSource where the task connections are defined. */\n\t@Input()\n\tget autoScheduleStrictMode(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.autoScheduleStrictMode : undefined;\n\t}\n\tset autoScheduleStrictMode(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.autoScheduleStrictMode = value : undefined;\n\t}\n\n\t/** @description Determines the scroll speed when dragging when autoScroll property is set.  */\n\t@Input()\n\tget autoScrollStep(): number {\n\t\treturn this.nativeElement ? this.nativeElement.autoScrollStep : undefined;\n\t}\n\tset autoScrollStep(value: number) {\n\t\tthis.nativeElement ? this.nativeElement.autoScrollStep = value : undefined;\n\t}\n\n\t/** @description Enabled/Disables the colummn header menu. When enabled and the user hovers a column header, a drop down button will appear that triggers a column menu for quick actions like sorting, filtering, etc. The actions depend on the enabled Gantt features, for example the filtering action will be available only if filtering is enabled for the element. */\n\t@Input()\n\tget columnMenu(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.columnMenu : undefined;\n\t}\n\tset columnMenu(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.columnMenu = value : undefined;\n\t}\n\n\t/** @description Determines whether the Table columns are resizable or not. When enabled it is possible to resize the columns from the header cells of the Table in both Task and Resource timelines. */\n\t@Input()\n\tget columnResize(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.columnResize : undefined;\n\t}\n\tset columnResize(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.columnResize = value : undefined;\n\t}\n\n\t/** @description Determines resize feedback is used during column resizing. This property is applicable only when columnResize is enabled. */\n\t@Input()\n\tget columnResizeFeedback(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.columnResizeFeedback : undefined;\n\t}\n\tset columnResizeFeedback(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.columnResizeFeedback = value : undefined;\n\t}\n\n\t/** @description Gantt's current time. By default it is the today's date. */\n\t@Input()\n\tget currentTime(): string | Date {\n\t\treturn this.nativeElement ? this.nativeElement.currentTime : undefined;\n\t}\n\tset currentTime(value: string | Date) {\n\t\tthis.nativeElement ? this.nativeElement.currentTime = value : undefined;\n\t}\n\n\t/** @description Enables/Disables the current time indicator. Current time indicator shows the current time in the appropriate view cells. */\n\t@Input()\n\tget currentTimeIndicator(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.currentTimeIndicator : undefined;\n\t}\n\tset currentTimeIndicator(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.currentTimeIndicator = value : undefined;\n\t}\n\n\t/** @description Determines the refresh interval in seconds for the currentTimeIndicator.  */\n\t@Input()\n\tget currentTimeIndicatorInterval(): number {\n\t\treturn this.nativeElement ? this.nativeElement.currentTimeIndicatorInterval : undefined;\n\t}\n\tset currentTimeIndicatorInterval(value: number) {\n\t\tthis.nativeElement ? this.nativeElement.currentTimeIndicatorInterval = value : undefined;\n\t}\n\n\t/** @description Sets the GanttChart's Data Export options. */\n\t@Input()\n\tget dataExport(): GanttChartDataExport {\n\t\treturn this.nativeElement ? this.nativeElement.dataExport : undefined;\n\t}\n\tset dataExport(value: GanttChartDataExport) {\n\t\tthis.nativeElement ? this.nativeElement.dataExport = value : undefined;\n\t}\n\n\t/** @description Determines the tasks that will be loaded inside the Timeline. Each item represents an object that should contain the following properties: label - the label of the TaskdateStart - the starting date of the Task. Should be a string representing a valid date.dateEnd - the ending date of the Task. Should be a string representing a valid date.type - determines the type of the task. Whether it's a simple task, a project or a milestone. Each type of task has specific behavior and additional attributes..  Additional properties: connections - an array of objects representing the connection between two tasks. Each connection (object) should have the following properties : target - a number representing the index of the target tasktype - a number representing the type of the connection. Four types of connections are available: 0 - is a connection of type Start-to-Start 1 - is a connection of type End-to-Start 2 - is a connection of type End-to-End3 - is a connection of type Start-to-End lag - a number that determines the delay between two connected auto scheduled tasks. Lag property can be a positive or a negative number. When negative it determines the overlap between two connected tasks. This property is used in conjuction with autoSchedule.duration - determines the duration of a Task in days, hours, minutes, seconds or miliseconds. Very usefull when the the dateEnd of a Task is unknown. The duration always shows the calendar time whether it is in days/hours or other.minDuration - sets the minimum duration of a task. maxDuration - sets the maximum duration of a task.minDateStart - determines the mininum date that a task can start from. Must be if type string and should represent a valid date.maxDateStart - determines the maximum date that a task can start from. Must be if type string and should represent a valid date.minDateEnd - determines the mininum date that a task can end. Must be if type string and should represent a valid date.maxDateEnd - determines the maximum date that a task can end. Must be if type string and should represent a valid date.progress - a number that determines the progress of a task ( from 0 to 100 ).overdue - a boolean that indicates whether the task's dateEnd has surpassed it's deadline date.disableDrag - a boolean property that disables the dragging of a task when set to true.disableResize - a boolean property that disables the resizing of a task when set to true.dragProject - a boolean that determines whether or not the whole project (along with the tasks) can be dragged while dragging the project task. Applicalbe only to Projects.segments - an array of objects that allows to devide a task into multiple segements. Each segment (except the first) can have a different starting date, duration and label.synchronized - a boolean that if set the project task's start/end dates are automatically calculated based on the tasks. By default a synchronized project task can't be dragged alone. Applicable only to Project tasks.expanded - a boolean that determines if a project is expanded or not. If not all of it's sub-tasks are not visible. Only the project task itself is visible. By default no projects are expanded. Applicable only to project tasks..GanttChart also accepts a DataAdapter instance as dataSource. You can read more about the dataAdapter here - https://www.htmlelements.com/docs/data-adapter/. */\n\t@Input()\n\tget dataSource(): any {\n\t\treturn this.nativeElement ? this.nativeElement.dataSource : undefined;\n\t}\n\tset dataSource(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.dataSource = value : undefined;\n\t}\n\n\t/** @description Determines the format of the dates in the timeline header when they represent days. */\n\t@Input()\n\tget dayFormat(): GanttDayFormat | string {\n\t\treturn this.nativeElement ? this.nativeElement.dayFormat : undefined;\n\t}\n\tset dayFormat(value: GanttDayFormat | string) {\n\t\tthis.nativeElement ? this.nativeElement.dayFormat = value : undefined;\n\t}\n\n\t/** @description Determines a specific end date for the Timeline. Usefull when the user wants custom ending date for the Timeline. If no date is set the end date of the timeline is automatically determined from the tasks. */\n\t@Input()\n\tget dateEnd(): string | Date {\n\t\treturn this.nativeElement ? this.nativeElement.dateEnd : undefined;\n\t}\n\tset dateEnd(value: string | Date) {\n\t\tthis.nativeElement ? this.nativeElement.dateEnd = value : undefined;\n\t}\n\n\t/** @description Determines a specific starting date for the Timeline. Usefull when the user wants custom starting date for the Timeline. If no date is set the start date of the timeline is automatically determined from the tasks. */\n\t@Input()\n\tget dateStart(): string | Date {\n\t\treturn this.nativeElement ? this.nativeElement.dateStart : undefined;\n\t}\n\tset dateStart(value: string | Date) {\n\t\tthis.nativeElement ? this.nativeElement.dateStart = value : undefined;\n\t}\n\n\t/** @description Determines the date markers that will be displayed inside the timeline. Date markers allow to mark and even label specific dates (including time) inside the GanttChart timeline. */\n\t@Input()\n\tget dateMarkers(): GanttChartDateMarker[] {\n\t\treturn this.nativeElement ? this.nativeElement.dateMarkers : undefined;\n\t}\n\tset dateMarkers(value: GanttChartDateMarker[]) {\n\t\tthis.nativeElement ? this.nativeElement.dateMarkers = value : undefined;\n\t}\n\n\t/** @description Enables or disables the element. */\n\t@Input()\n\tget disabled(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.disabled : undefined;\n\t}\n\tset disabled(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.disabled = value : undefined;\n\t}\n\n\t/** @description Disables auto scrolling while dragging/resizing a task bar inside the Timeline. */\n\t@Input()\n\tget disableAutoScroll(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.disableAutoScroll : undefined;\n\t}\n\tset disableAutoScroll(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.disableAutoScroll = value : undefined;\n\t}\n\n\t/** @description Disables dragging of tasks in the Timeline. */\n\t@Input()\n\tget disableTaskDrag(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.disableTaskDrag : undefined;\n\t}\n\tset disableTaskDrag(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.disableTaskDrag = value : undefined;\n\t}\n\n\t/** @description Disables task progress changing in the Timeline. */\n\t@Input()\n\tget disableTaskProgressChange(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.disableTaskProgressChange : undefined;\n\t}\n\tset disableTaskProgressChange(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.disableTaskProgressChange = value : undefined;\n\t}\n\n\t/** @description Disables resizing of tasks in the Timeline. */\n\t@Input()\n\tget disableTaskResize(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.disableTaskResize : undefined;\n\t}\n\tset disableTaskResize(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.disableTaskResize = value : undefined;\n\t}\n\n\t/** @description Disables the selection inside the GanttChart. */\n\t@Input()\n\tget disableSelection(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.disableSelection : undefined;\n\t}\n\tset disableSelection(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.disableSelection = value : undefined;\n\t}\n\n\t/** @description Disables the task segment dragging. */\n\t@Input()\n\tget disableSegmentDrag(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.disableSegmentDrag : undefined;\n\t}\n\tset disableSegmentDrag(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.disableSegmentDrag = value : undefined;\n\t}\n\n\t/** @description Disables the task segment resizing. */\n\t@Input()\n\tget disableSegmentResize(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.disableSegmentResize : undefined;\n\t}\n\tset disableSegmentResize(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.disableSegmentResize = value : undefined;\n\t}\n\n\t/** @description Disables the window editor for the GanttChart. */\n\t@Input()\n\tget disableWindowEditor(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.disableWindowEditor : undefined;\n\t}\n\tset disableWindowEditor(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.disableWindowEditor = value : undefined;\n\t}\n\n\t/** @description Determines in what unit is task duration property measured. */\n\t@Input()\n\tget durationUnit(): Duration | string {\n\t\treturn this.nativeElement ? this.nativeElement.durationUnit : undefined;\n\t}\n\tset durationUnit(value: Duration | string) {\n\t\tthis.nativeElement ? this.nativeElement.durationUnit = value : undefined;\n\t}\n\n\t/** @description Determines whether a dedicated filter row is used for Table filtering instead of the default filter input. This property has no effect if filtering is not enabled. */\n\t@Input()\n\tget filterRow(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.filterRow : undefined;\n\t}\n\tset filterRow(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.filterRow = value : undefined;\n\t}\n\n\t/** @description Determines the view start day. Sunday is 0, Monday is 1, Saturday is 6. By default it's Sunday. */\n\t@Input()\n\tget firstDayOfWeek(): number {\n\t\treturn this.nativeElement ? this.nativeElement.firstDayOfWeek : undefined;\n\t}\n\tset firstDayOfWeek(value: number) {\n\t\tthis.nativeElement ? this.nativeElement.firstDayOfWeek = value : undefined;\n\t}\n\n\t/** @description Groups the tasks inside the Task timeline according to the resources they are assigned to. Unassigned tasks are placed in a default group labeled 'Unassigned'. */\n\t@Input()\n\tget groupByResources(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.groupByResources : undefined;\n\t}\n\tset groupByResources(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.groupByResources = value : undefined;\n\t}\n\n\t/** @description Allows to create a custom header content for the Task Panel. The attribute accepts an HTMLTemplate element, it's id or a function. */\n\t@Input()\n\tget headerTemplate(): any {\n\t\treturn this.nativeElement ? this.nativeElement.headerTemplate : undefined;\n\t}\n\tset headerTemplate(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.headerTemplate = value : undefined;\n\t}\n\n\t/** @description Determines whether the dateMarkers are visible or not. */\n\t@Input()\n\tget hideDateMarkers(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.hideDateMarkers : undefined;\n\t}\n\tset hideDateMarkers(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.hideDateMarkers = value : undefined;\n\t}\n\n\t/** @description By default the Timeline has a three level header - timeline details, timeline second details and timeline header. This property hides the header container( the bottom container ). */\n\t@Input()\n\tget hideTimelineHeader(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.hideTimelineHeader : undefined;\n\t}\n\tset hideTimelineHeader(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.hideTimelineHeader = value : undefined;\n\t}\n\n\t/** @description By default the Timeline has a three level header - timeline details, timeline second details and timeline header. This property hides the header details container( the top container ). */\n\t@Input()\n\tget hideTimelineHeaderDetails(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.hideTimelineHeaderDetails : undefined;\n\t}\n\tset hideTimelineHeaderDetails(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.hideTimelineHeaderDetails = value : undefined;\n\t}\n\n\t/** @description By default the Timeline has a three level header - timeline details and timeline header. This property hides the second header details container( the middle container ). */\n\t@Input()\n\tget hideTimelineSecondHeaderDetails(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.hideTimelineSecondHeaderDetails : undefined;\n\t}\n\tset hideTimelineSecondHeaderDetails(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.hideTimelineSecondHeaderDetails = value : undefined;\n\t}\n\n\t/** @description Hides the Resource panel regardless of the resources availability By default the Resource panel is visible if resources are added to the GanttChart. This property allows to hide the Resource panel permanently. */\n\t@Input()\n\tget hideResourcePanel(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.hideResourcePanel : undefined;\n\t}\n\tset hideResourcePanel(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.hideResourcePanel = value : undefined;\n\t}\n\n\t/** @description Determines weather or not horizontal scrollbar is shown. */\n\t@Input()\n\tget horizontalScrollBarVisibility(): HorizontalScrollBarVisibility | string {\n\t\treturn this.nativeElement ? this.nativeElement.horizontalScrollBarVisibility : undefined;\n\t}\n\tset horizontalScrollBarVisibility(value: HorizontalScrollBarVisibility | string) {\n\t\tthis.nativeElement ? this.nativeElement.horizontalScrollBarVisibility = value : undefined;\n\t}\n\n\t/** @description Determines the format of the dates inside the timeline header when they represent hours. */\n\t@Input()\n\tget hourFormat(): HourFormat | string {\n\t\treturn this.nativeElement ? this.nativeElement.hourFormat : undefined;\n\t}\n\tset hourFormat(value: HourFormat | string) {\n\t\tthis.nativeElement ? this.nativeElement.hourFormat = value : undefined;\n\t}\n\n\t/** @description When enabled, scrolling to the end of the horizotal timeline, triggers the creation of additional to extend the time range. The number of cells to be added when the scrollbar reaches the end position is determined by the infiniteTimelineStep. */\n\t@Input()\n\tget infiniteTimeline(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.infiniteTimeline : undefined;\n\t}\n\tset infiniteTimeline(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.infiniteTimeline = value : undefined;\n\t}\n\n\t/** @description Determines the number of cells to be added when the horizontal scroll bar of the Timeline reaches it's end position when infiniteTimeline is enabled. */\n\t@Input()\n\tget infiniteTimelineStep(): number {\n\t\treturn this.nativeElement ? this.nativeElement.infiniteTimelineStep : undefined;\n\t}\n\tset infiniteTimelineStep(value: number) {\n\t\tthis.nativeElement ? this.nativeElement.infiniteTimelineStep = value : undefined;\n\t}\n\n\t/** @description When set the Timeline is positioned on the left side while the Task Tree is positioned on the right. By default it's vice versa. */\n\t@Input()\n\tget inverted(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.inverted : undefined;\n\t}\n\tset inverted(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.inverted = value : undefined;\n\t}\n\n\t/** @description Determines whether keyboard navigation inside the Table is enabled or not. Keyboard navigation affects both Task and Resource Tables. It allows to navigate between items. the following keyboard shortcut keys are available for focused tasks inside the Task Table: Enter - opens the Window editor to edit the currently focused task.Delete - opens a confirmation window regarding the deletion of the currently focused task. */\n\t@Input()\n\tget keyboardNavigation(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.keyboardNavigation : undefined;\n\t}\n\tset keyboardNavigation(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.keyboardNavigation = value : undefined;\n\t}\n\n\t/** @description Sets or gets the license which unlocks the product. */\n\t@Input()\n\tget license(): string {\n\t\treturn this.nativeElement ? this.nativeElement.license : undefined;\n\t}\n\tset license(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.license = value : undefined;\n\t}\n\n\t/** @description  Determines the language of the GanttChart.  */\n\t@Input()\n\tget locale(): string {\n\t\treturn this.nativeElement ? this.nativeElement.locale : undefined;\n\t}\n\tset locale(value: string) {\n\t\tthis.nativeElement ? this.nativeElement.locale = value : undefined;\n\t}\n\n\t/** @description Detetmines the maximum possible date of the Timeline. */\n\t@Input()\n\tget max(): string | Date {\n\t\treturn this.nativeElement ? this.nativeElement.max : undefined;\n\t}\n\tset max(value: string | Date) {\n\t\tthis.nativeElement ? this.nativeElement.max = value : undefined;\n\t}\n\n\t/** @description Detetmines the minimum possible date of the Timeline. */\n\t@Input()\n\tget min(): string | Date {\n\t\treturn this.nativeElement ? this.nativeElement.min : undefined;\n\t}\n\tset min(value: string | Date) {\n\t\tthis.nativeElement ? this.nativeElement.min = value : undefined;\n\t}\n\n\t/** @description Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.  */\n\t@Input()\n\tget messages(): any {\n\t\treturn this.nativeElement ? this.nativeElement.messages : undefined;\n\t}\n\tset messages(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.messages = value : undefined;\n\t}\n\n\t/** @description Determines the format of the dates the timeline header when they represent months. */\n\t@Input()\n\tget monthFormat(): MonthFormat | string {\n\t\treturn this.nativeElement ? this.nativeElement.monthFormat : undefined;\n\t}\n\tset monthFormat(value: MonthFormat | string) {\n\t\tthis.nativeElement ? this.nativeElement.monthFormat = value : undefined;\n\t}\n\n\t/** @description Determines the scale in Month view. */\n\t@Input()\n\tget monthScale(): MonthScale | string {\n\t\treturn this.nativeElement ? this.nativeElement.monthScale : undefined;\n\t}\n\tset monthScale(value: MonthScale | string) {\n\t\tthis.nativeElement ? this.nativeElement.monthScale = value : undefined;\n\t}\n\n\t/** @description Determines the nonworking days of the week from 0 to 6, where 0 is the first day of the week and 6 is the last day. Nonworking days will be displayed with colored cells inside the timeline and will not affect the dateEnd of the tasks unless the adjustToNonworkingTime property is enabled. */\n\t@Input()\n\tget nonworkingDays(): number[] {\n\t\treturn this.nativeElement ? this.nativeElement.nonworkingDays : undefined;\n\t}\n\tset nonworkingDays(value: number[]) {\n\t\tthis.nativeElement ? this.nativeElement.nonworkingDays = value : undefined;\n\t}\n\n\t/** @description Determines the nonworking hours of a day. Hours are represented as numbers inside an array (e.g. [1,2,3] - means 1,2 and 3 AM) or number ranges represented as nested arrays(e.g. [[0,6]] - means from 0 to 6 AM). In the timline the cells that represent nonworking days are colored differently from the rest and will not affect the dateEnd of the tasks unless the adjustToNonworkingTime property is enabled. */\n\t@Input()\n\tget nonworkingHours(): number[] | number[][] {\n\t\treturn this.nativeElement ? this.nativeElement.nonworkingHours : undefined;\n\t}\n\tset nonworkingHours(value: number[] | number[][]) {\n\t\tthis.nativeElement ? this.nativeElement.nonworkingHours = value : undefined;\n\t}\n\n\t/** @description A function that can be used to completly customize the task element. The function has five arguments: task - the task object.segment - the task current segment object. If the task has only one segment, the task object is passed again.taskElement - the task's html element.segmentElement - the task's segment html element.labelElement - the task's segment label html element. */\n\t@Input()\n\tget onTaskRender(): any {\n\t\treturn this.nativeElement ? this.nativeElement.onTaskRender : undefined;\n\t}\n\tset onTaskRender(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.onTaskRender = value : undefined;\n\t}\n\n\t/** @description A function that can be used to completly customize the task element. The function has two arguments: task - the task object.taskElement - the task's html element. */\n\t@Input()\n\tget taskFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.taskFormatFunction : undefined;\n\t}\n\tset taskFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.taskFormatFunction = value : undefined;\n\t}\n\n\t/** @description A function that can be used to completly customize the tooltip. The function has three arguments: tooltipObject - the tooltip object.event - the event that triggered the tooltip.content - the tooltip's label element. */\n\t@Input()\n\tget tooltipFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.tooltipFormatFunction : undefined;\n\t}\n\tset tooltipFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.tooltipFormatFunction = value : undefined;\n\t}\n\n\t/** @description A function that can be used to completly customize the popup Window that is used to interact width tasks by changing their properties. The function as three arguments: target - the target popup Window that is about to be opened.type - the type of the window. The type determines the purpose of the window. Three possible values: 'task' (task editing), 'confirm' ( confirmation window), 'connection' (used when deleting a connection between tasks). item - the connection/task object that is the target of the window. */\n\t@Input()\n\tget popupWindowCustomizationFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.popupWindowCustomizationFunction : undefined;\n\t}\n\tset popupWindowCustomizationFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.popupWindowCustomizationFunction = value : undefined;\n\t}\n\n\t/** @description Determines which Tab items are visible inside the popup window. Three possible values are allowed: general - the general tab with task properties determines by the taskColumns property.dependency - the dependency tab which shows the connections to the task and allows to create/delete connections.segments - the segments tab which shows the segments of the task and allows to created/delete segments.. */\n\t@Input()\n\tget popupWindowTabs(): string[] {\n\t\treturn this.nativeElement ? this.nativeElement.popupWindowTabs : undefined;\n\t}\n\tset popupWindowTabs(value: string[]) {\n\t\tthis.nativeElement ? this.nativeElement.popupWindowTabs = value : undefined;\n\t}\n\n\t/** @description A format function for the Timeline task progress label. The expected result from the function is a string. The label is hidden by default can be shown with the showProgressLabel property. */\n\t@Input()\n\tget progressLabelFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.progressLabelFormatFunction : undefined;\n\t}\n\tset progressLabelFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.progressLabelFormatFunction = value : undefined;\n\t}\n\n\t/** @description Determines the format of the dates the timeline header when they represent quarters. */\n\t@Input()\n\tget quarterFormat(): QuarterFormat | string {\n\t\treturn this.nativeElement ? this.nativeElement.quarterFormat : undefined;\n\t}\n\tset quarterFormat(value: QuarterFormat | string) {\n\t\tthis.nativeElement ? this.nativeElement.quarterFormat = value : undefined;\n\t}\n\n\t/** @description A getter that returns a flat structure as an array of all resources inside the element. */\n\t@Input()\n\tget resources(): GanttChartResource[] {\n\t\treturn this.nativeElement ? this.nativeElement.resources : undefined;\n\t}\n\tset resources(value: GanttChartResource[]) {\n\t\tthis.nativeElement ? this.nativeElement.resources = value : undefined;\n\t}\n\n\t/** @description Deteremines the columns that will be visible in the Resource Tree. Each entry in the value of this property must be of type Object.  It should contain the label and value keys. The value of label determines the column header label inside the Task Tree. The value of value determines the content of the cells in the column. By default, one column with all resource labels is visible.  Additional properties: formatFunction - a function that allows to customize the content of each record in the column. The function accepts two arguments - the actual label as string that is going to be inserted and the index of the resource. The function must return a string as the new content. min - controls the min size of the column max - controls the max size of the columnsize - controls the actual size of the column */\n\t@Input()\n\tget resourceColumns(): GanttChartResourceColumn[] {\n\t\treturn this.nativeElement ? this.nativeElement.resourceColumns : undefined;\n\t}\n\tset resourceColumns(value: GanttChartResourceColumn[]) {\n\t\tthis.nativeElement ? this.nativeElement.resourceColumns = value : undefined;\n\t}\n\n\t/** @description Determines whether the Resource Table is filterable or not. */\n\t@Input()\n\tget resourceFiltering(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.resourceFiltering : undefined;\n\t}\n\tset resourceFiltering(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.resourceFiltering = value : undefined;\n\t}\n\n\t/** @description A format function that allows to re-format the group row labels when groupByResources is enabled. */\n\t@Input()\n\tget resourceGroupFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.resourceGroupFormatFunction : undefined;\n\t}\n\tset resourceGroupFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.resourceGroupFormatFunction = value : undefined;\n\t}\n\n\t/** @description Allows to create a custom header content for the Resource Panel. The attribute accepts an HTMLTemplate element, it's id or a function. */\n\t@Input()\n\tget resourcePanelHeaderTemplate(): any {\n\t\treturn this.nativeElement ? this.nativeElement.resourcePanelHeaderTemplate : undefined;\n\t}\n\tset resourcePanelHeaderTemplate(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.resourcePanelHeaderTemplate = value : undefined;\n\t}\n\n\t/** @description Determines the min size of the Resource Panel. */\n\t@Input()\n\tget resourcePanelMin(): number | string {\n\t\treturn this.nativeElement ? this.nativeElement.resourcePanelMin : undefined;\n\t}\n\tset resourcePanelMin(value: number | string) {\n\t\tthis.nativeElement ? this.nativeElement.resourcePanelMin = value : undefined;\n\t}\n\n\t/** @description Determines the size of the Resource Panel. */\n\t@Input()\n\tget resourcePanelSize(): number | string {\n\t\treturn this.nativeElement ? this.nativeElement.resourcePanelSize : undefined;\n\t}\n\tset resourcePanelSize(value: number | string) {\n\t\tthis.nativeElement ? this.nativeElement.resourcePanelSize = value : undefined;\n\t}\n\n\t/** @description Determines the refresh rate of the Resource Panel when dragging/resizing/progress changing a Task from the Timeline. This property allows to customize the interval between resource Tree/Timeline refreshes. By default they refresh immediately after a change. */\n\t@Input()\n\tget resourcePanelRefreshRate(): number {\n\t\treturn this.nativeElement ? this.nativeElement.resourcePanelRefreshRate : undefined;\n\t}\n\tset resourcePanelRefreshRate(value: number) {\n\t\tthis.nativeElement ? this.nativeElement.resourcePanelRefreshRate = value : undefined;\n\t}\n\n\t/** @description A callback that can be used to customize the content of the resource Timeline cells. The callback accepts three arguments: taskIndexes - an array of task indexes that are assigned to the resource for the current cell.resourceIndex - the index of the resource.cellDate - the date of the current cell. This property is used when resourceTimelineView is set to custom. Depending on the resourceTimelineMode, it should return: string - when the resourceTimelineMode is set to 'diagram'.object - when the resourceTimelineMode is set to 'histogram'. The object should have two attributes: capacity and maxCapacity, in order to be visualized as a histogram.. Another usage of this callback is to customize the timeline resource representation completely if resourceTimelineMode is set to custom. */\n\t@Input()\n\tget resourceTimelineFormatFunction(): any {\n\t\treturn this.nativeElement ? this.nativeElement.resourceTimelineFormatFunction : undefined;\n\t}\n\tset resourceTimelineFormatFunction(value: any) {\n\t\tthis.nativeElement ? this.nativeElement.resourceTimelineFormatFunction = value : undefined;\n\t}\n\n\t/** @description Determines how the capacity of the resources will be visualized inside the resource timeline. By default, the capacity is measured in hours depending on the view property of the element. */\n\t@Input()\n\tget resourceTimelineMode(): GanttChartResourceTimelineMode | string {\n\t\treturn this.nativeElement ? this.nativeElement.resourceTimelineMode : undefined;\n\t}\n\tset resourceTimelineMode(value: GanttChartResourceTimelineMode | string) {\n\t\tthis.nativeElement ? this.nativeElement.resourceTimelineMode = value : undefined;\n\t}\n\n\t/** @description Determines how the resources will be displayed inside the resource Timeline. */\n\t@Input()\n\tget resourceTimelineView(): GanttChartResourceTimelineView | string {\n\t\treturn this.nativeElement ? this.nativeElement.resourceTimelineView : undefined;\n\t}\n\tset resourceTimelineView(value: GanttChartResourceTimelineView | string) {\n\t\tthis.nativeElement ? this.nativeElement.resourceTimelineView = value : undefined;\n\t}\n\n\t/** @description Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. */\n\t@Input()\n\tget rightToLeft(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.rightToLeft : undefined;\n\t}\n\tset rightToLeft(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.rightToLeft = value : undefined;\n\t}\n\n\t/** @description Sets which tasks to select by their id or gets the currently selected task ids. If no id is provided for the task, an internal id is generated for each task according to it's index(tree path). */\n\t@Input()\n\tget selectedTaskIds(): number[] | string[] {\n\t\treturn this.nativeElement ? this.nativeElement.selectedTaskIds : undefined;\n\t}\n\tset selectedTaskIds(value: number[] | string[]) {\n\t\tthis.nativeElement ? this.nativeElement.selectedTaskIds = value : undefined;\n\t}\n\n\t/** @description Sets which resources to select by their id or gets the currently selected resource ids. If no id is provided for the resource, an internal id is generated for each resource according to it's index(tree path). */\n\t@Input()\n\tget selectedResourceIds(): number[] | string[] {\n\t\treturn this.nativeElement ? this.nativeElement.selectedResourceIds : undefined;\n\t}\n\tset selectedResourceIds(value: number[] | string[]) {\n\t\tthis.nativeElement ? this.nativeElement.selectedResourceIds = value : undefined;\n\t}\n\n\t/** @description Sets or gets the selection mode. Only applicable when selection is enabled. */\n\t@Input()\n\tget selectionMode(): GanttChartSelectionMode | string {\n\t\treturn this.nativeElement ? this.nativeElement.selectionMode : undefined;\n\t}\n\tset selectionMode(value: GanttChartSelectionMode | string) {\n\t\tthis.nativeElement ? this.nativeElement.selectionMode = value : undefined;\n\t}\n\n\t/** @description Enables/Disables the current time shader. If enabled all cells that represent past time will be shaded. */\n\t@Input()\n\tget shadeUntilCurrentTime(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.shadeUntilCurrentTime : undefined;\n\t}\n\tset shadeUntilCurrentTime(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.shadeUntilCurrentTime = value : undefined;\n\t}\n\n\t/** @description Shows the selection column of the Task/Resource Table. When applied a checkbox column is displayed that allows to select tasks/resources. */\n\t@Input()\n\tget showSelectionColumn(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.showSelectionColumn : undefined;\n\t}\n\tset showSelectionColumn(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.showSelectionColumn = value : undefined;\n\t}\n\n\t/** @description Determines whether the baselnes of the tasks are visible or not. Baselines are defined via the 'planned' attribute on the task objects of the dataSource property. */\n\t@Input()\n\tget showBaseline(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.showBaseline : undefined;\n\t}\n\tset showBaseline(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.showBaseline = value : undefined;\n\t}\n\n\t/** @description Shows the progress label inside the progress bars of the Timeline tasks. */\n\t@Input()\n\tget showProgressLabel(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.showProgressLabel : undefined;\n\t}\n\tset showProgressLabel(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.showProgressLabel = value : undefined;\n\t}\n\n\t/** @description If set the dateStart/dateEnd of the tasks will be coerced to the nearest timeline cell date ( according to the view ). Affects the dragging operation as well. */\n\t@Input()\n\tget snapToNearest(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.snapToNearest : undefined;\n\t}\n\tset snapToNearest(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.snapToNearest = value : undefined;\n\t}\n\n\t/** @description Determines whether the GanttChart can be sorted by one, more then one or no columns. */\n\t@Input()\n\tget sortFunction(): { (dataSource: any, sortColumns: string[], directions: string[], defaultCompareFunctions: { (firstRecord: any, secondRecord: any): number }[]): void } {\n\t\treturn this.nativeElement ? this.nativeElement.sortFunction : undefined;\n\t}\n\tset sortFunction(value: { (dataSource: any, sortColumns: string[], directions: string[], defaultCompareFunctions: { (firstRecord: any, secondRecord: any): number }[]): void }) {\n\t\tthis.nativeElement ? this.nativeElement.sortFunction = value : undefined;\n\t}\n\n\t/** @description A getter that returns a flat structure as an array of all tasks inside the element. */\n\t@Input()\n\tget sortMode(): GanttChartSortMode | string {\n\t\treturn this.nativeElement ? this.nativeElement.sortMode : undefined;\n\t}\n\tset sortMode(value: GanttChartSortMode | string) {\n\t\tthis.nativeElement ? this.nativeElement.sortMode = value : undefined;\n\t}\n\n\t/** @description Deteremines the columns that will be visible in the Task Tree. Each entry in the value of this property must be of type Object.  It should contain the label and value keys. The value of label determines the column header label inside the Task Tree. The value of value determines the content of the cells in the column. It should reference a task attribute from the dataSource. By default, one column with all task labels is visible.  Additional properties: formatFunction - a function that allows to customize the content of each record in the column. The function accepts one argument - the actual label as string that is going to be inserted and must return some content. min - controls the min size of the column max - controls the max size of the column size - controls the actual size of the columncustomEditor - a callback that can be used to set a custom editor for the column when editing via the window. It accepts two arguments label - the label of the columnvalue - the value of the column. The callback must return the editor.setCustomEditorValue - a callback that is used to set the value of the custom editor.getCustomEditorValue - a callback that is used to get the value of the custom editor. */\n\t@Input()\n\tget tasks(): GanttChartTask[] {\n\t\treturn this.nativeElement ? this.nativeElement.tasks : undefined;\n\t}\n\tset tasks(value: GanttChartTask[]) {\n\t\tthis.nativeElement ? this.nativeElement.tasks = value : undefined;\n\t}\n\n\t/** @description Determines whether the Task Table is filterable or not. */\n\t@Input()\n\tget taskColumns(): GanttChartTaskColumn[] {\n\t\treturn this.nativeElement ? this.nativeElement.taskColumns : undefined;\n\t}\n\tset taskColumns(value: GanttChartTaskColumn[]) {\n\t\tthis.nativeElement ? this.nativeElement.taskColumns = value : undefined;\n\t}\n\n\t/** @description Determines the min size of the Task Panel. Used when Resource Panel is visible. */\n\t@Input()\n\tget taskFiltering(): boolean {\n\t\treturn this.nativeElement ? this.nativeElement.taskFiltering : undefined;\n\t}\n\tset taskFiltering(value: boolean) {\n\t\tthis.nativeElement ? this.nativeElement.taskFiltering = value : undefined;\n\t}\n\n\t/** @description Determines the size of the Task Panel. Used when Resource Panel is visible. */\n\t@Input()\n\tget taskPanelMin(): string | number {\n\t\treturn this.nativeElement ? this.nativeElement.taskPanelMin : undefined;\n\t}\n\tset taskPanelMin(value: string | number) {\n\t\tthis.nativeElement ? this.nativeElement.taskPanelMin = value : undefined;\n\t}\n\n\t/** @description Determines the min width of the timeline. */\n\t@Input()\n\tget taskPanelSize(): string | number {\n\t\treturn this.nativeElement ? this.nativeElement.taskPanelSize : undefined;\n\t}\n\tset taskPanelSize(value: string | number) {\n\t\tthis.nativeElement ? this.nativeElement.taskPanelSize = value : undefined;\n\t}\n\n\t/** @description Determines the min width of the task table. */\n\t@Input()\n\tget timelineMin(): string | number {\n\t\treturn this.nativeElement ? this.nativeElement.timelineMin : undefined;\n\t}\n\tset timelineMin(value: string | number) {\n\t\tthis.nativeElement ? this.nativeElement.timelineMin = value : undefined;\n\t}\n\n\t/** @description Determines the size(width) of the task table. */\n\t@Input()\n\tget treeMin(): string | number {\n\t\treturn this.nativeElement ? this.nativeElement.treeMin : undefined;\n\t}\n\tset treeMin(value: string | number) {\n\t\tthis.nativeElement ? th