@progress/kendo-angular-grid 19.3.0-develop.22 → 19.3.0-develop.24

package/esm2022/rendering/toolbar/tools/ai-assistant/ai-assistant.component.mjs

@@ -132,9 +132,7 @@ export class AiAssistantComponent {
             prompt: this.lastMessage,
             output: responseContentStart.concat(responseContentBody).join(''),
         };
-        if (this.promptOutputs[0].id === this.loadingOutput.id) {
-            this.promptOutputs.splice(0, 1);
-        }
+        this.deleteDummyLoadingOutput();
         this.promptOutputs.unshift(output);
         this.aiToolDirective.responseSuccess.emit(response);
     }
@@ -144,9 +142,15 @@ export class AiAssistantComponent {
             prompt: this.lastMessage,
             output: error.message
         };
+        this.deleteDummyLoadingOutput();
         this.promptOutputs.unshift(output);
         this.aiToolDirective.responseError.emit(error);
     }
+    deleteDummyLoadingOutput() {
+        if (this.promptOutputs[0].id === this.loadingOutput.id) {
+            this.promptOutputs.splice(0, 1);
+        }
+    }
     unsubscribeCurrentRequest() {
         if (this.currentRequestSubscription) {
             this.currentRequestSubscription.unsubscribe();

package/esm2022/rendering/toolbar/tools/ai-assistant/ai-tool.directive.mjs

@@ -49,7 +49,7 @@ export class AIAssistantToolbarDirective extends ToolbarToolBase {
      * Configures the request options that the AI Assistant tool sends with the AI request.
      *
      * @default
-     * ```typescript
+     * ```ts
      * {
      *   headers: new HttpHeaders({ 'Content-Type': 'application/json' }),
      *   role: 'user',

package/esm2022/rendering/toolbar/tools/select-all-command-tool.directive.mjs

@@ -0,0 +1,93 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { ContextService } from '../../../common/provider.service';
+import { CheckBoxComponent } from '@progress/kendo-angular-inputs';
+import { IdService } from '../../../common/id.service';
+import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
+import { SelectAllCheckboxDirective } from '../../../selection/selectall-checkbox.directive';
+import { FocusableDirective } from '../../../navigation/focusable.directive';
+import { LabelDirective } from '@progress/kendo-angular-label';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../common/id.service";
+import * as i2 from "../../../common/provider.service";
+/**
+ * Represents the toolbar tool for showing a select-all `kendoGridSelectAllCheckbox` checkbox.
+ * Use this component inside a ToolbarComponent in the Grid.
+ *
+ * @example
+ * ```html
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-grid-select-all-tool text="Select All"></kendo-grid-select-all-tool>
+ *      </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ */
+export class SelectAllToolbarToolComponent extends ToolBarToolComponent {
+    idService;
+    ctx;
+    constructor(idService, ctx) {
+        super();
+        this.idService = idService;
+        this.ctx = ctx;
+    }
+    /**
+     * @hidden
+     */
+    selectAllCheckboxId() {
+        return this.idService.selectAllCheckboxId();
+    }
+    /**
+     * @hidden
+     */
+    get selectAllCheckboxLabel() {
+        return this.ctx.localization.get('selectAllCheckboxLabel');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectAllToolbarToolComponent, deps: [{ token: i1.IdService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectAllToolbarToolComponent, isStandalone: true, selector: "kendo-grid-select-all-tool", providers: [
+            {
+                provide: ToolBarToolComponent,
+                useExisting: forwardRef(() => SelectAllToolbarToolComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #toolbarTemplate #sectionTemplate #popupTemplate>
+            <kendo-checkbox #checkbox
+                [attr.id]="selectAllCheckboxId()"
+                size="large"
+                [inputAttributes]="{'aria-label': selectAllCheckboxLabel}"
+                kendoGridSelectAllCheckbox
+                kendoGridFocusable
+            ></kendo-checkbox>
+            <label class="k-checkbox-label" [for]="checkbox.focusableId">{{selectAllCheckboxLabel}}</label>
+        </ng-template>
+    `, isInline: true, dependencies: [{ kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }, { kind: "directive", type: SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: ["state"], outputs: ["selectAllChange"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectAllToolbarToolComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: ToolBarToolComponent,
+                            useExisting: forwardRef(() => SelectAllToolbarToolComponent)
+                        }
+                    ],
+                    selector: 'kendo-grid-select-all-tool',
+                    template: `
+        <ng-template #toolbarTemplate #sectionTemplate #popupTemplate>
+            <kendo-checkbox #checkbox
+                [attr.id]="selectAllCheckboxId()"
+                size="large"
+                [inputAttributes]="{'aria-label': selectAllCheckboxLabel}"
+                kendoGridSelectAllCheckbox
+                kendoGridFocusable
+            ></kendo-checkbox>
+            <label class="k-checkbox-label" [for]="checkbox.focusableId">{{selectAllCheckboxLabel}}</label>
+        </ng-template>
+    `,
+                    standalone: true,
+                    imports: [CheckBoxComponent, SelectAllCheckboxDirective, FocusableDirective, LabelDirective]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.IdService }, { type: i2.ContextService }]; } });

package/esm2022/row-reordering/row-reorder.service.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter, Injectable, Output, Renderer2 } from '@angular/core';
 import { isDocumentAvailable, isPresent } from '@progress/kendo-angular-common';
-import { getOffset, isNextSibling, isPreviousSibling, dropPosition, hintIcons, hintSVGIcons, hintClasses, hintStyles, dropIndicatorClasses, dropIndicatorStyles, isDifferentParent, defaultSelectors } from './utils';
+import { getOffset, isNextSibling, isPreviousSibling, dropPosition, hintIcons, hintSVGIcons, hintClasses, hintStyles, dropIndicatorClasses, dropIndicatorStyles, isDifferentParent, getDefaultSelectors } from './utils';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -12,7 +12,7 @@ import * as i0 from "@angular/core";
 export class RowReorderService {
     renderer;
     hintElement = null;
-    defaultSelectors = defaultSelectors;
+    defaultSelectors = getDefaultSelectors;
     hintText = '';
     skip;
     dropIndicator;

package/esm2022/row-reordering/utils.mjs

@@ -77,10 +77,12 @@ export const dropIndicatorClasses = ['k-drop-hint', 'k-drop-hint-h'];
 /**
  * @hidden
  */
-export const defaultSelectors = {
-    handle: '.k-table-td.k-drag-cell',
-    dragTarget: '.k-master-row',
-    dropTarget: '.k-master-row'
+export const getDefaultSelectors = (isStacked) => {
+    return {
+        handle: isStacked ? '.k-grid-stack-cell.k-drag-cell' : '.k-table-td.k-drag-cell',
+        dragTarget: '.k-master-row',
+        dropTarget: '.k-master-row'
+    };
 };
 const getDocument = element => element?.ownerDocument.documentElement;
 const getWindow = element => element?.ownerDocument.defaultView;

package/esm2022/selection/cell-selection.service.mjs

@@ -31,7 +31,7 @@ export class CellSelectionService {
     nonSelectableRows = new Map();
     get enableMarquee() {
         const checkboxOnly = this.settings && typeof this.settings === 'object' && this.settings.checkboxOnly;
-        if (!this.settings || checkboxOnly) {
+        if (!this.settings || checkboxOnly || this.settings.isStacked) {
             return false;
         }
         const selectableSettings = this.settings.selectable;
@@ -67,7 +67,7 @@ export class CellSelectionService {
         this.settings = settings;
         this.currentSelection = [];
         this.nonSelectableRows = new Map();
-        if (settings.selectable && settings.selectable.enabled !== false) {
+        if (settings.selectable && settings.selectable.enabled !== false && !settings.isStacked) {
             const iterator = this.getIterator();
             let item = iterator.next();
             while (!item.done) {
@@ -91,7 +91,7 @@ export class CellSelectionService {
         }
     }
     isCellSelected(item, col) {
-        if (this.settings && this.active) {
+        if (this.settings && this.active && !this.settings.isStacked) {
             const selectedCellArgs = this.settings.cellSelected({ dataItem: item.data, index: item.index }, col, col.leafIndex);
             return this.options.enabled && selectedCellArgs.selected && !this.nonSelectableRows.has(item.index);
         }
@@ -102,6 +102,9 @@ export class CellSelectionService {
             this.dragging = false;
             return;
         }
+        if (this.settings.isStacked) {
+            return;
+        }
         let ev;
         const ctrlKey = event.ctrlKey || event.metaKey;
         if (this.options.mode === "single" && ctrlKey && this.isCellSelected(item, item.column)) {