@progress/kendo-angular-grid 17.0.0-develop.37 → 17.0.0-develop.39

package/esm2022/selection/selection-checkbox.directive.mjs

@@ -2,15 +2,17 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, HostBinding, ElementRef, Input, Renderer2, NgZone } from '@angular/core';
+import { Directive, ElementRef, Input, Renderer2, NgZone, Host, Optional } from '@angular/core';
 import { SelectionService } from './selection.service';
 import { Keys } from '@progress/kendo-angular-common';
 import { CellSelectionAggregateService } from '../aggregates/selection-aggregate.service';
 import { CellSelectionService } from './cell-selection.service';
+import { CheckBoxComponent } from '@progress/kendo-angular-inputs';
 import * as i0 from "@angular/core";
 import * as i1 from "./selection.service";
 import * as i2 from "./cell-selection.service";
 import * as i3 from "../aggregates/selection-aggregate.service";
+import * as i4 from "@progress/kendo-angular-inputs";
 /**
  * Represents the row-selection checkbox of the Grid. The directive expects the
  * index of the current row as an input parameter. Inside the [`CellTemplateDirective`](slug:api_grid_celltemplatedirective), apply the
@@ -36,23 +38,24 @@ export class SelectionCheckboxDirective {
     el;
     renderer;
     ngZone;
+    checkbox;
     /**
      * The current index of the `dataItem` that will be selected.
      */
     itemIndex;
-    type = 'checkbox';
     destroyClick;
     destroyKeyDown;
     ngAfterContentChecked() {
         this.setCheckedState();
     }
-    constructor(selectionService, cellSelectionService, aggregateService, el, renderer, ngZone) {
+    constructor(selectionService, cellSelectionService, aggregateService, el, renderer, ngZone, checkbox) {
         this.selectionService = selectionService;
         this.cellSelectionService = cellSelectionService;
         this.aggregateService = aggregateService;
         this.el = el;
         this.renderer = renderer;
         this.ngZone = ngZone;
+        this.checkbox = checkbox;
         this.ngZone.runOutsideAngular(() => {
             this.destroyClick = this.renderer.listen(this.el.nativeElement, 'click', this.onClick.bind(this));
             this.destroyKeyDown = this.renderer.listen(this.el.nativeElement, 'keydown', this.onKeyDown.bind(this));
@@ -102,10 +105,10 @@ export class SelectionCheckboxDirective {
      */
     setCheckedState() {
         const isSelected = this.selectionService.nonSelectableRows.has(this.itemIndex) ? false : this.selectionService.isSelected(this.itemIndex);
-        this.renderer.setProperty(this.el.nativeElement, 'checked', isSelected);
+        this.checkbox.checkedState = isSelected;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionCheckboxDirective, deps: [{ token: i1.SelectionService }, { token: i2.CellSelectionService }, { token: i3.CellSelectionAggregateService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SelectionCheckboxDirective, isStandalone: true, selector: "[kendoGridSelectionCheckbox]", inputs: { itemIndex: ["kendoGridSelectionCheckbox", "itemIndex"] }, host: { properties: { "attr.type": "this.type" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionCheckboxDirective, deps: [{ token: i1.SelectionService }, { token: i2.CellSelectionService }, { token: i3.CellSelectionAggregateService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i4.CheckBoxComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SelectionCheckboxDirective, isStandalone: true, selector: "[kendoGridSelectionCheckbox]", inputs: { itemIndex: ["kendoGridSelectionCheckbox", "itemIndex"] }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionCheckboxDirective, decorators: [{
             type: Directive,
@@ -113,10 +116,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: '[kendoGridSelectionCheckbox]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1.SelectionService }, { type: i2.CellSelectionService }, { type: i3.CellSelectionAggregateService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { itemIndex: [{
+        }], ctorParameters: function () { return [{ type: i1.SelectionService }, { type: i2.CellSelectionService }, { type: i3.CellSelectionAggregateService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i4.CheckBoxComponent, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { itemIndex: [{
                 type: Input,
                 args: ['kendoGridSelectionCheckbox']
-            }], type: [{
-                type: HostBinding,
-                args: ['attr.type']
             }] } });