@progress/kendo-angular-gantt 21.1.1-develop.2 → 21.2.0-develop.1

package/esm2022/toolbar/toolbar.component.mjs

@@ -8,7 +8,7 @@ import { ToolbarNavigationService } from './toolbar-navigation.service';
 import { closest, focusableSelector, isDocumentAvailable, isFocusable, isVisible } from '@progress/kendo-angular-common';
 import { ViewSelectorComponent } from './view-selector.component';
 import { GanttAddTaskComponent } from '../editing/add-task.component';
-import { NgIf, NgTemplateOutlet } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "./toolbar-navigation.service";
 /**
@@ -87,23 +87,27 @@ export class ToolbarComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarComponent, deps: [{ token: i0.ElementRef }, { token: i1.ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ToolbarComponent, isStandalone: true, selector: "kendo-gantt-toolbar", inputs: { showAddTask: "showAddTask", showViewSelector: "showViewSelector", views: "views", activeView: "activeView", toolbarTemplate: "toolbarTemplate", navigable: "navigable", position: "position" }, outputs: { activeViewChange: "activeViewChange" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)" }, properties: { "attr.role": "this.role", "class.k-gantt-toolbar": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "class.k-toolbar-md": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses" } }, providers: [ToolbarNavigationService], ngImport: i0, template: `
-        <ng-container *ngIf="!renderTemplate">
-            <kendo-gantt-add-task *ngIf="showAddTask"></kendo-gantt-add-task>
-            <span class="k-spacer k-toolbar-spacer"></span>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ToolbarComponent, isStandalone: true, selector: "kendo-gantt-toolbar", inputs: { showAddTask: "showAddTask", showViewSelector: "showViewSelector", views: "views", activeView: "activeView", toolbarTemplate: "toolbarTemplate", navigable: "navigable", position: "position" }, outputs: { activeViewChange: "activeViewChange" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)" }, properties: { "attr.role": "this.role", "class.k-gantt-toolbar": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "class.k-toolbar-md": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses" } }, providers: [ToolbarNavigationService], ngImport: i0, template: `
+        @if (!renderTemplate) {
+          @if (showAddTask) {
+            <kendo-gantt-add-task></kendo-gantt-add-task>
+          }
+          <span class="k-spacer k-toolbar-spacer"></span>
+          @if (showViewSelector) {
             <kendo-gantt-view-selector
-                *ngIf="showViewSelector"
-                [views]="views"
-                [activeView]="activeView"
-                (activeViewChange)="handleViewChange($event)"></kendo-gantt-view-selector>
-        </ng-container>
-        <ng-template
-            *ngIf="renderTemplate"
+              [views]="views"
+              [activeView]="activeView"
+            (activeViewChange)="handleViewChange($event)"></kendo-gantt-view-selector>
+          }
+        }
+        @if (renderTemplate) {
+          <ng-template
             [ngTemplateOutlet]="toolbarTemplateRef"
             [ngTemplateOutletContext]="context"
             >
-        </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GanttAddTaskComponent, selector: "kendo-gantt-add-task", inputs: ["data", "icon", "svgIcon"] }, { kind: "component", type: ViewSelectorComponent, selector: "kendo-gantt-view-selector", inputs: ["views", "activeView"], outputs: ["activeViewChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+          </ng-template>
+        }
+        `, isInline: true, dependencies: [{ kind: "component", type: GanttAddTaskComponent, selector: "kendo-gantt-add-task", inputs: ["data", "icon", "svgIcon"] }, { kind: "component", type: ViewSelectorComponent, selector: "kendo-gantt-view-selector", inputs: ["views", "activeView"], outputs: ["activeViewChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
@@ -111,24 +115,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     selector: 'kendo-gantt-toolbar',
                     providers: [ToolbarNavigationService],
                     template: `
-        <ng-container *ngIf="!renderTemplate">
-            <kendo-gantt-add-task *ngIf="showAddTask"></kendo-gantt-add-task>
-            <span class="k-spacer k-toolbar-spacer"></span>
+        @if (!renderTemplate) {
+          @if (showAddTask) {
+            <kendo-gantt-add-task></kendo-gantt-add-task>
+          }
+          <span class="k-spacer k-toolbar-spacer"></span>
+          @if (showViewSelector) {
             <kendo-gantt-view-selector
-                *ngIf="showViewSelector"
-                [views]="views"
-                [activeView]="activeView"
-                (activeViewChange)="handleViewChange($event)"></kendo-gantt-view-selector>
-        </ng-container>
-        <ng-template
-            *ngIf="renderTemplate"
+              [views]="views"
+              [activeView]="activeView"
+            (activeViewChange)="handleViewChange($event)"></kendo-gantt-view-selector>
+          }
+        }
+        @if (renderTemplate) {
+          <ng-template
             [ngTemplateOutlet]="toolbarTemplateRef"
             [ngTemplateOutletContext]="context"
             >
-        </ng-template>
-    `,
+          </ng-template>
+        }
+        `,
                     standalone: true,
-                    imports: [NgIf, GanttAddTaskComponent, ViewSelectorComponent, NgTemplateOutlet]
+                    imports: [GanttAddTaskComponent, ViewSelectorComponent, NgTemplateOutlet]
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ToolbarNavigationService }], propDecorators: { role: [{
                 type: HostBinding,

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

@@ -5,7 +5,6 @@
 import { Component, EventEmitter, Input, Output, HostBinding } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ReactiveFormsModule } from '@angular/forms';
-import { NgFor } from '@angular/common';
 import { ButtonComponent, ButtonGroupComponent } from '@progress/kendo-angular-buttons';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
@@ -53,22 +52,26 @@ export class ViewSelectorComponent {
         this.activeViewChange.emit(event.target.value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ViewSelectorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: `
         <select
-            class="k-dropdownlist k-picker k-rounded-md k-views-dropdown"
-            aria-label="View Selector"
-            [value]="activeView"
-            (change)="onActiveViewChange($event)">
-            <option *ngFor="let view of views" [value]="view">{{getViewTypeText(view)}}</option>
+          class="k-dropdownlist k-picker k-rounded-md k-views-dropdown"
+          aria-label="View Selector"
+          [value]="activeView"
+          (change)="onActiveViewChange($event)">
+          @for (view of views; track view) {
+            <option [value]="view">{{getViewTypeText(view)}}</option>
+          }
         </select>
         <kendo-buttongroup class="k-gantt-views" selection="single" [navigable]="false">
-            <button *ngFor="let view of views"
-                kendoButton
-                type="button"
-                [selected]="view === activeView"
-                (click)="onClick(view)">{{getViewTypeText(view)}}</button>
+          @for (view of views; track view) {
+            <button
+              kendoButton
+              type="button"
+              [selected]="view === activeView"
+            (click)="onClick(view)">{{getViewTypeText(view)}}</button>
+          }
         </kendo-buttongroup>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵ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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+        `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵ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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ViewSelectorComponent, decorators: [{
             type: Component,
@@ -76,22 +79,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     selector: 'kendo-gantt-view-selector',
                     template: `
         <select
-            class="k-dropdownlist k-picker k-rounded-md k-views-dropdown"
-            aria-label="View Selector"
-            [value]="activeView"
-            (change)="onActiveViewChange($event)">
-            <option *ngFor="let view of views" [value]="view">{{getViewTypeText(view)}}</option>
+          class="k-dropdownlist k-picker k-rounded-md k-views-dropdown"
+          aria-label="View Selector"
+          [value]="activeView"
+          (change)="onActiveViewChange($event)">
+          @for (view of views; track view) {
+            <option [value]="view">{{getViewTypeText(view)}}</option>
+          }
         </select>
         <kendo-buttongroup class="k-gantt-views" selection="single" [navigable]="false">
-            <button *ngFor="let view of views"
-                kendoButton
-                type="button"
-                [selected]="view === activeView"
-                (click)="onClick(view)">{{getViewTypeText(view)}}</button>
+          @for (view of views; track view) {
+            <button
+              kendoButton
+              type="button"
+              [selected]="view === activeView"
+            (click)="onClick(view)">{{getViewTypeText(view)}}</button>
+          }
         </kendo-buttongroup>
-    `,
+        `,
                     standalone: true,
-                    imports: [NgFor, ReactiveFormsModule, ButtonGroupComponent, ButtonComponent]
+                    imports: [ReactiveFormsModule, ButtonGroupComponent, ButtonComponent]
                 }]
         }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { hostClass: [{
                 type: HostBinding,