@progress/kendo-angular-gantt 19.1.2-develop.4 → 19.1.2-develop.6

package/esm2022/gantt.module.mjs

@@ -43,34 +43,23 @@ import * as i28 from "./dragging/task-drag.directive";
 import * as i29 from "./template-directives/task-tooltip-template.directive";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Gantt component.
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Gantt component.
  *
- * @example
+ * Use this module to include the Gantt component in your NgModule-based application.
  *
- * ```ts-no-run
- * // Import the Gantt module
+ * @example
+ * ```typescript
  * import { GanttModule } from '@progress/kendo-angular-gantt';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
+ * import { BrowserModule } from '@angular/platform-browser';
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, GanttModule], // import Gantt module
- *     bootstrap:    [AppComponent]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, GanttModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 export class GanttModule {

package/esm2022/localization/custom-messages.component.mjs

@@ -8,8 +8,16 @@ import { Messages } from './messages';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Custom component messages override default component messages
- * ([see example](slug:globalization_treelist#toc-custom-messages)).
+ * Represents the custom messages component for the Kendo UI for Angular Gantt.
+ * Use this component to override default messages.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-messages
+ *   addTaskText="Add Task"
+ *   cancelButtonText="Cancel">
+ * </kendo-gantt-messages>
+ * ```
  */
 export class CustomMessagesComponent extends Messages {
     service;

package/esm2022/models/dependency-type.enum.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * The dependency type when two tasks are connected.
+ * Represents the dependency type when you connect two tasks.
  *
  * The supported values are:
  * * `FF`—from 'finish' to 'finish'
@@ -13,8 +13,20 @@
  */
 export var DependencyType;
 (function (DependencyType) {
+    /**
+     * Specifies that task B can't finish before task A finishes.
+     */
     DependencyType[DependencyType["FF"] = 0] = "FF";
+    /**
+     * Specifies that task B can't start before task A finishes.
+     */
     DependencyType[DependencyType["FS"] = 1] = "FS";
+    /**
+     * Specifies that task A can't finish before task B starts.
+     */
     DependencyType[DependencyType["SF"] = 2] = "SF";
-    DependencyType[DependencyType["SS"] = 3] = "SS"; // task B can't start before task A starts
+    /**
+     * Specifies that task B can't start before task A starts.
+     */
+    DependencyType[DependencyType["SS"] = 3] = "SS";
 })(DependencyType || (DependencyType = {}));

package/esm2022/models/events/cell-close-event.interface.mjs

@@ -4,11 +4,11 @@
 *-------------------------------------------------------------------------------------------*/
 import { PreventableEvent } from '@progress/kendo-angular-common';
 /**
- * Called every time a user leaves an edited cell.
+ * Represents the arguments for the `cellClose` event of the Gantt.
  */
 export class CellCloseEvent extends PreventableEvent {
     /**
-     * The data item.
+     * Holds the data item.
      */
     dataItem;
     /**
@@ -16,26 +16,25 @@ export class CellCloseEvent extends PreventableEvent {
      */
     isNew;
     /**
-     * The Gantt column that will be closed.
+     * Contains the Gantt column associated with the closed cell.
      */
     column;
     /**
-     * The [`FormGroup`](link:site.data.urls.angular['formgroupapi']) that is used to edit the cell which will be closed.
+     * Contains the [`FormGroup`](link:site.data.urls.angular['formgroupapi']) used to edit the cell that will be closed.
      */
     formGroup;
     /**
-     * The DOM event that caused the `cellClose` event.
-     * May not be present if `cellClose` was caused by an API call.
+     * Contains the DOM event that triggered the `cellClose` event.
+     * This property may be missing if `cellClose` is triggered by an API call.
      */
     originalEvent;
     /**
-     * The `GanttComponent` instance.
+     * Holds the `GanttComponent` instance.
      */
     sender;
     /**
-     * The `TaskEditItem` associated with the edited task.
-     * The parent item is accessible through the `parent` property,
-     * and allows traversing all ancestors that need to be updated.
+     * Contains the `TaskEditItem` for the edited task.
+     * Access the parent item through the `parent` property to traverse all ancestors that need updates.
      */
     item;
     constructor(options) {

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1750157264,
-    version: '19.1.2-develop.4',
+    publishDate: 1750434001,
+    version: '19.1.2-develop.6',
     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'
 };

package/esm2022/selection/selectable.directive.mjs

@@ -9,8 +9,16 @@ import { isPresent, isString } from '../utils';
 import * as i0 from "@angular/core";
 import * as i1 from "../gantt.component";
 /**
- * A directive which handles the [`selectionChange`]({% slug api_gantt_ganttcomponent %}#toc-selectionchange) event of the Gantt
- * ([see example]({% slug selection_gantt %}#toc-built-in-directive))
+ * Handles the [`selectionChange`]({% slug api_gantt_ganttcomponent %}#toc-selectionchange) event of the Gantt component.
+ * ([See example]({% slug selection_gantt %}#toc-built-in-directive)).
+ *
+ * @example
+ * ```html
+ * <kendo-gantt kendoGanttSelectable [(selectedKeys)]="selectedKeys"></kendo-gantt>
+ * ```
+ *
+ * @remarks
+ * Applied to: {@link GanttComponent}
  */
 export class SelectableDirective {
     gantt;
@@ -42,12 +50,12 @@ export class SelectableDirective {
         this.gantt.updateView();
     }
     /**
-     * Fires when the selected keys are changed.
+     * Emits when the selected keys change.
      */
     selectedKeysChange = new EventEmitter();
     /**
-     * The field name or a function that specifies the data item unique key identifier.
-     * By default, the string field `id` is used.
+     * Sets the field name or function that identifies the unique key for a data item.
+     * Uses the string field `id` by default.
      */
     set itemKey(value) {
         if (isString(value)) {

package/esm2022/template-directives/summary-task-template.directive.mjs

@@ -5,32 +5,23 @@
 import { Directive, Optional, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents a template that defines the whole content of the summary task component.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoGanttSummaryTaskTemplate` directive inside the `<kendo-gantt>` tag.
+ * Defines a template for the entire summary task component.
+ * Place an `<ng-template>` tag with the `kendoGanttSummaryTaskTemplate` directive inside the `<kendo-gantt>` tag to set the template.
  *
- * The template context is set to the current data item. The following additional field is passed:
- * - `elementWidth`&mdash;The current summary task wrapper element's calculated width in pixels based on its start and end date.
- * Use it as an alias for a template variable by utilizing the `let-elementWidth="elementWidth"` syntax.
- * Useful for calculations related to rendering custom elements representing the task progress.
+ * The template context uses the current data item. The following field is also available:
+ * - `elementWidth`&mdash;The calculated width in pixels of the current summary task wrapper element, based on its start and end date.
+ * Use `let-elementWidth="elementWidth"` to access it in the template.
+ * This helps you render custom elements for summary task progress.
  *
  * @example
- * ```ts-preview
- * _@Component({
- *      selector: 'my-app',
- *      template: `
- *          <kendo-gantt [kendoGanttHierarchyBinding]="data">
- *              <ng-template kendoGanttSummaryTaskTemplate let-dataItem let-elementWidth="elementWidth">
- *                  <div [style]="'color: white; font-size: 8px;'">
- *                      {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete; width: {{ elementWidth }}
- *                  </div>
- *              </ng-template>
- *          </kendo-gantt>
- *      `
- * })
- * class AppComponent {
- *     public data: any[] = sampleTasks;
- * }
+ * ```html
+ * <kendo-gantt [kendoGanttHierarchyBinding]="data">
+ *    <ng-template kendoGanttSummaryTaskTemplate let-dataItem let-elementWidth="elementWidth">
+ *      <div [style]="'color: white; font-size: 8px;'">
+ *          {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete; width: {{ elementWidth }}
+ *      </div>
+ *    </ng-template>
+ * </kendo-gantt>
  * ```
  */
 export class GanttSummaryTaskTemplateDirective {

package/esm2022/template-directives/task-content-template.directive.mjs

@@ -5,11 +5,10 @@
 import { Directive, Optional, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents a template that defines the text content section of the task component.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoGanttTaskContentTemplate` directive inside the `<kendo-gantt>` tag.
+ * Defines a template for the text content section of the task component.
+ * Place an `<ng-template>` tag with the `kendoGanttTaskContentTemplate` directive inside the `<kendo-gantt>` tag to set the template.
  *
- * The template context is set to the current data item.
+ * The template context uses the current data item.
  *
  * @example
  * ```ts-preview

package/esm2022/template-directives/task-template.directive.mjs

@@ -5,30 +5,21 @@
 import { Directive, Optional, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents a template that defines the whole content of the task component.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoGanttTaskTemplate` directive inside the `<kendo-gantt>` tag.
+ * Defines a template for the entire task component.
+ * Place an `<ng-template>` tag with the `kendoGanttTaskTemplate` directive inside the `<kendo-gantt>` tag to set the template.
  *
- * The template context is set to the current data item. The following additional field is passed:
- * - `elementWidth`&mdash;The current task wrapper element's calculated width in pixels based on its start and end date.
- * Use it as an alias for a template variable by utilizing the `let-elementWidth="elementWidth"` syntax.
- * Useful for calculations related to rendering custom elements representing the task progress.
+ * The template context uses the current data item. The following field is also available:
+ * - `elementWidth`&mdash;The calculated width in pixels of the current task wrapper element, based on its start and end date.
+ * Use `let-elementWidth="elementWidth"` to access it in the template.
+ * This helps you render custom elements for task progress.
  *
  * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-gantt [kendoGanttHierarchyBinding]="data">
- *            <ng-template kendoGanttTaskTemplate let-dataItem let-elementWidth="elementWidth">
- *                {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete
- *            </ng-template>
- *        </kendo-gantt>
- *    `
- * })
- * class AppComponent {
- *    public data: any[] = sampleTasks;
- * }
+ * ```html
+ * <kendo-gantt [kendoGanttHierarchyBinding]="data">
+ *   <ng-template kendoGanttTaskTemplate let-dataItem let-elementWidth="elementWidth">
+ *     {{ dataItem.title }} - {{ dataItem.completionRatio * 100 }}% complete
+ *   </ng-template>
+ * </kendo-gantt>
  * ```
  */
 export class GanttTaskTemplateDirective {

package/esm2022/template-directives/task-tooltip-template.directive.mjs

@@ -5,11 +5,10 @@
 import { Directive, Optional, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents a template that defines the whole content of the Task tooltip.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoGanttTaskTooltipTemplate` directive inside the `<kendo-gantt>` tag.
+ * Defines a template for the entire Task tooltip.
+ * Place an `<ng-template>` tag with the `kendoGanttTaskTooltipTemplate` directive inside the `<kendo-gantt>` tag to set the template.
  *
- * The template context is set to the respective data item.
+ * The template context uses the related data item.
  *
  * @example
  * ```ts-preview

package/esm2022/timeline/timeline-day-view.component.mjs

@@ -10,11 +10,16 @@ import * as i0 from "@angular/core";
 import * as i1 from "../common/option-changes.service";
 import * as i2 from "../dependencies/dependency-dom.service";
 /**
- * The Gantt timeline day view component.
+ * Represents the Gantt timeline day view component.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-timeline-day-view></kendo-gantt-timeline-day-view>
+ * ```
  */
 export class TimelineDayViewComponent extends ViewBase {
     /**
-     * The type for this view (`day`).
+     * Specifies the type for this view (`day`).
      */
     type = 'day';
     constructor(optionChangesService, dependencyDomService) {

package/esm2022/timeline/timeline-month-view.component.mjs

@@ -10,11 +10,16 @@ import * as i0 from "@angular/core";
 import * as i1 from "../common/option-changes.service";
 import * as i2 from "../dependencies/dependency-dom.service";
 /**
- * The Gantt timeline month view component.
+ * Represents the Gantt timeline month view component.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-timeline-month-view></kendo-gantt-timeline-month-view>
+ * ```
  */
 export class TimelineMonthViewComponent extends ViewBase {
     /**
-     * The type for this view (`month`).
+     * Specifies the type for this view (`month`).
      */
     type = 'month';
     constructor(optionChangesService, dependencyDomService) {

package/esm2022/timeline/timeline-week-view.component.mjs

@@ -10,11 +10,16 @@ import * as i0 from "@angular/core";
 import * as i1 from "../common/option-changes.service";
 import * as i2 from "../dependencies/dependency-dom.service";
 /**
- * The Gantt timeline week view component.
+ * Represents the Gantt timeline week view component.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-timeline-week-view></kendo-gantt-timeline-week-view>
+ * ```
  */
 export class TimelineWeekViewComponent extends ViewBase {
     /**
-     * The type for this view (`week`).
+     * Specifies the type for this view (`week`).
      */
     type = 'week';
     constructor(optionChangesService, dependencyDomService) {

package/esm2022/timeline/timeline-year-view.component.mjs

@@ -10,11 +10,16 @@ import * as i0 from "@angular/core";
 import * as i1 from "../common/option-changes.service";
 import * as i2 from "../dependencies/dependency-dom.service";
 /**
- * The Gantt timeline year view component.
+ * Represents the Gantt timeline year view component.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt-timeline-year-view></kendo-gantt-timeline-year-view>
+ * ```
  */
 export class TimelineYearViewComponent extends ViewBase {
     /**
-     * The type for this view (`year`).
+     * Specifies the type for this view (`year`).
      */
     type = 'year';
     constructor(optionChangesService, dependencyDomService) {

package/esm2022/timeline/view-base.mjs

@@ -10,13 +10,20 @@ import * as i0 from "@angular/core";
 import * as i1 from "../common/option-changes.service";
 import * as i2 from "../dependencies/dependency-dom.service";
 /**
- * The base class for the timeline view components of the Gantt.
+ * Serves as the base class for the timeline view components of the Gantt.
+ *
+ * @example
+ * ```typescript
+ * export class CustomTimelineViewComponent extends ViewBase {
+ *   public readonly type: TimelineViewType = 'custom';
+ * }
+ * ```
  */
 export class ViewBase {
     optionChangesService;
     dependencyDomService;
     /**
-     * The width of the time slot headers. Values are treated as pixels.
+     * Sets the width of the time slot headers in pixels.
      *
      * @default 100
      */
@@ -27,9 +34,8 @@ export class ViewBase {
     timelineHeadersDateFormat;
     /**
      * Specifies the current time marker settings.
-     * If not set, the value is taken from the Gantt component
+     * If you do not set a value, the component uses the value from the Gantt component
      * [`currentTimeMarker`]({% slug api_gantt_ganttcomponent %}#toc-currentTimeMarker) property.
-     *
      */
     currentTimeMarker;
     /**

package/esm2022/toolbar/toolbar-template.directive.mjs

@@ -7,101 +7,28 @@ import * as i0 from "@angular/core";
 /**
  * Represents the toolbar template of the Gantt.
  *
- * The template context has the following field:
- * - `position`—The position at which the toolbar template is rendered. The possible values are `'top'` and `'bottom'`.
+ * The template context includes:
+ * - `position`—The position where the toolbar template renders. Possible values are `'top'` and `'bottom'`.
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <div class="example-config">
- *         <input type="radio" kendoRadioButton id="top" name="position" value="top" checked (click)="positionChange($event)"/>
- *         <kendo-label class="k-radio-label" for="top">Top</kendo-label><br/>
- *         <input type="radio" kendoRadioButton id="bottom" name="position" value="bottom" (click)="positionChange($event)"/>
- *         <kendo-label class="k-radio-label" for="bottom">Bottom</kendo-label><br/>
- *         <input type="radio" kendoRadioButton id="both" name="position" value="both" (click)="positionChange($event)"/>
- *         <kendo-label class="k-radio-label" for="both">Both</kendo-label><br/>
- *       </div>
- *       <kendo-gantt [[kendoGanttHierarchyBinding]="data"]="data" [style.height.px]="400">
- *            <ng-template kendoGanttToolbarTemplate [position]="position" let-position="position">
- *                <button kendoButton (click)="onClick()">Custom action</button>
- *            </ng-template>
- *        </kendo-gantt>
- *     `
- * })
- *
- * class AppComponent {
- *     public position: 'top' | 'bottom' | 'both' = 'top';
- *
- *     public data = [{
- *       id: 7,
- *       title: "Software validation, research and implementation",
- *       orderId: 0,
- *       start: new Date("2014-06-02T00:00:00.000Z"),
- *       end: new Date("2014-07-12T00:00:00.000Z"),
- *       completionRatio: 0.45708333333333334,
- *       isExpanded: true,
- *       children: [{
- *               id: 11,
- *               title: "Research",
- *               orderId: 1,
- *               start: new Date("2014-06-02T00:00:00.000Z"),
- *               end: new Date("2014-06-07T00:00:00.000Z"),
- *               completionRatio: 0.5766666666666667,
- *               isExpanded: true,
- *               children: [{
- *                       id: 19,
- *                       title: "Validation with Customers",
- *                       orderId: 0,
- *                       start: new Date("2014-06-02T00:00:00.000Z"),
- *                       end: new Date("2014-06-04T00:00:00.000Z"),
- *                       completionRatio: 0.25,
- *                       isExpanded: true
- *                   },
- *                   {
- *                       id: 20,
- *                       title: "Market Research",
- *                       orderId: 1,
- *                       start: new Date("2014-06-02T00:00:00.000Z"),
- *                       end: new Date("2014-06-03T02:00:00.000Z"),
- *                       completionRatio: 0.82,
- *                       isExpanded: true
- *                   },
- *                   {
- *                       id: 39,
- *                       title: "Functional and Technical Specification",
- *                       orderId: 2,
- *                       start: new Date("2014-06-04T00:00:00.000Z"),
- *                       end: new Date("2014-06-07T00:00:00.000Z"),
- *                       completionRatio: 0.66,
- *                       isExpanded: true
- *                   }]
- *           }]
- *       };
- *
- *     public positionChange(event: MouseEvent): void {
- *        this.position = event.target['defaultValue'];
- *     }
- *
- *     public onClick(): void {
- *         console.log("button was clicked");
- *     }
- * }
- *
+ * ```html
+ * <kendo-gantt [kendoGanttHierarchyBinding]="data" [style.height.px]="400">
+ *  <ng-template kendoGanttToolbarTemplate [position]="position" let-position="position">
+ *    <button kendoButton (click)="onClick()">Custom action</button>
+ *  </ng-template>
+ * </kendo-gantt>
  * ```
  */
 export class ToolbarTemplateDirective {
     templateRef;
     _position = "top";
     /**
-     * Defines the Gantt Toolbar that will use this template.
+     * Sets the Gantt Toolbar that uses this template.
      *
-     * The possible values are:
-     * - `top`&mdash;The template will be rendered in the top toolbar (if present) only.
-     * - `bottom`&mdash;The template will be rendered in the bottom toolbar (if present) only.
-     * - `both`&mdash;The template will be rendered in both toolbars (if present).
+     * Possible values:
+     * - `top`&mdash;Renders the template in the top toolbar (if present) only.
+     * - `bottom`&mdash;Renders the template in the bottom toolbar (if present) only.
+     * - `both`&mdash;Renders the template in both toolbars (if present).
      */
     set position(position) {
         this._position = position;

package/esm2022/toolbar/view-selector.component.mjs

@@ -11,22 +11,22 @@ import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "@angular/forms";
 /**
- * The Gantt ViewSelector component. Shows the currently active view type, and allows switching to another view type.
+ * The Gantt ViewSelector component. Shows the current view type and lets you switch to another view type.
  */
 export class ViewSelectorComponent {
     localizationService;
     hostClass = true;
     /**
-     * The collection of the timeline view types in the current Gantt configuration.
+     * Lists the timeline view types in the current Gantt configuration.
      */
     views;
     /**
-     * The currently active view type.
+     * Sets the current view type.
      * @default 'week'
      */
     activeView = 'week';
     /**
-     * Fires each time the user selects a different view type. The event data contains the type of the newly selected view.
+     * Fires when the user selects a different view type. The event data contains the type of the new view.
      */
     activeViewChange = new EventEmitter();
     constructor(localizationService) {

package/expanded-state/expand-event.d.ts

@@ -3,13 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Arguments for the Gantt `expand` and `collapse` events.
+ * Represents the arguments for the Gantt `expand` and `collapse` events.
+ *
  */
 export declare class ExpandEvent {
     /** @hidden */
     constructor();
     /**
-     * The expanded/collapsed data item.
+     * The expanded or collapsed data item.
      */
     dataItem: any;
 }

package/expanded-state/expandable.directive.d.ts

@@ -5,14 +5,20 @@
 import { ExpandableDirective } from '@progress/kendo-angular-treelist';
 import * as i0 from "@angular/core";
 /**
- * A directive which controls the expanded state of the items.
+ * Represents a directive that controls the expanded state of Gantt items.
+ *
+ * @example
+ * ```html
+ * <kendo-gantt kendoGanttExpandable [expandedKeys]="expandedKeys"></kendo-gantt>
+ * ```
+ *
+ * @remarks
+ * Applied to: {@link GanttComponent}
  */
 export declare class GanttExpandableDirective extends ExpandableDirective {
     /**
-     * Defines the item key that will be stored in the expandedKeys collection.
-     * Defaults to the task data item ID field,
-     * which is specified in the [`taskModelFields`]({% slug api_gantt_ganttcomponent %}#toc-taskmodelfields) object.
-     *
+     * Sets the item key stored in the `expandedKeys` collection.
+     * The default value is the task data item ID field, specified in the `taskModelFields` object.
      */
     set expandBy(value: string | ((dataItem: any) => any));
     static ɵfac: i0.ɵɵFactoryDeclaration<GanttExpandableDirective, never>;