@progress/kendo-angular-grid 19.1.1-develop.2 → 19.1.2-develop.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/esm2022/columns/column-base.mjs +2 -2
  2. package/esm2022/package-metadata.mjs +2 -2
  3. package/esm2022/rendering/toolbar/toolbar-navigation.service.mjs +5 -1
  4. package/esm2022/rendering/toolbar/toolbar.component.mjs +6 -3
  5. package/fesm2022/progress-kendo-angular-grid.mjs +15 -8
  6. package/package.json +20 -20
  7. package/rendering/toolbar/toolbar-navigation.service.d.ts +2 -0
  8. package/schematics/ngAdd/index.js +4 -4
package/esm2022/columns/column-base.mjs CHANGED
@@ -364,8 +364,8 @@ export class ColumnBase {
364
364
  this._id = `k-grid-column-${columnId++}`;
365
365
  }
366
366
  ngAfterViewInit() {
367
- this.initialMaxResizableWidth = this.maxResizableWidth;
368
- this.initialMinResizableWidth = this.minResizableWidth;
367
+ this.initialMinResizableWidth = this.minResizableWidth || 10;
368
+ this.initialMaxResizableWidth = this.maxResizableWidth || Number.MAX_SAFE_INTEGER;
369
369
  }
370
370
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnBase, deps: [{ token: ColumnBase }, { token: i1.IdService }], target: i0.ɵɵFactoryTarget.Component });
371
371
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnBase, selector: "kendo-grid-column-base", inputs: { resizable: "resizable", reorderable: "reorderable", minResizableWidth: "minResizableWidth", maxResizableWidth: "maxResizableWidth", title: "title", width: "width", autoSize: "autoSize", locked: "locked", sticky: "sticky", hidden: "hidden", media: "media", lockable: "lockable", stickable: "stickable", columnMenu: "columnMenu", includeInChooser: "includeInChooser", tableCellsRole: "tableCellsRole", style: "style", headerStyle: "headerStyle", filterStyle: "filterStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", filterClass: "filterClass", footerClass: "footerClass", cellRowspan: "cellRowspan" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], ngImport: i0, template: ``, isInline: true });
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1749196787,
14
- version: '19.1.1-develop.2',
13
+ publishDate: 1749804368,
14
+ version: '19.1.2-develop.1',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
package/esm2022/rendering/toolbar/toolbar-navigation.service.mjs CHANGED
@@ -10,6 +10,7 @@ import * as i0 from "@angular/core";
10
10
  */
11
11
  export class GridToolbarNavigationService {
12
12
  renderer;
13
+ toolbarElement;
13
14
  navigableElements = [];
14
15
  currentActiveIndex = 0;
15
16
  defaultFocusableSelector = `
@@ -27,10 +28,13 @@ export class GridToolbarNavigationService {
27
28
  }
28
29
  notify() {
29
30
  // ensure focusable elements are in the same order as in the DOM
30
- this.navigableElements = (this.navigableElements.length && this.navigableElements[0]?.parentElement) ? Array.from(this.navigableElements[0]?.parentElement?.querySelectorAll(this.defaultFocusableSelector) || []) : [];
31
+ this.navigableElements = this.findNavigableElements();
31
32
  this.currentActiveIndex = 0;
32
33
  this.updateFocus();
33
34
  }
35
+ findNavigableElements() {
36
+ return Array.from(this.toolbarElement.querySelectorAll(this.defaultFocusableSelector) || []);
37
+ }
34
38
  focus() {
35
39
  this.navigableElements[this.currentActiveIndex]?.focus();
36
40
  }
package/esm2022/rendering/toolbar/toolbar.component.mjs CHANGED
@@ -3,7 +3,7 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { Component, Input, ElementRef, HostBinding, HostListener } from '@angular/core';
6
- import { closest, isDocumentAvailable, isFocusable } from '@progress/kendo-angular-common';
6
+ import { closestInScope, isDocumentAvailable, isFocusable } from '@progress/kendo-angular-common';
7
7
  import { ContextService } from './../../common/provider.service';
8
8
  import { NgIf, NgTemplateOutlet } from '@angular/common';
9
9
  import * as i0 from "@angular/core";
@@ -37,8 +37,8 @@ export class ToolbarComponent {
37
37
  }
38
38
  clickHandler(ev) {
39
39
  if (this.navigable && isDocumentAvailable()) {
40
- const closestFocusable = closest(ev.target, isFocusable);
41
- const targetIndex = this.navigationService.navigableElements.indexOf(closestFocusable);
40
+ const closestFocusableElement = closestInScope(ev.target, isFocusable, this.wrapper.nativeElement)?.closest('[kendoGridToolbarFocusable]');
41
+ const targetIndex = this.navigationService.navigableElements.indexOf(closestFocusableElement);
42
42
  if (targetIndex > -1) {
43
43
  this.navigationService.currentActiveIndex = targetIndex;
44
44
  }
@@ -90,6 +90,9 @@ export class ToolbarComponent {
90
90
  this.ctx = ctx;
91
91
  this.wrapper = wrapper;
92
92
  this.navigationService = this.ctx[`${this.wrapper.nativeElement.getAttribute('position')}ToolbarNavigation`];
93
+ if (this.navigationService) {
94
+ this.navigationService.toolbarElement = this.wrapper.nativeElement;
95
+ }
93
96
  }
94
97
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.ContextService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
95
98
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar": "this.hostClasses", "class.k-grid-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
package/fesm2022/progress-kendo-angular-grid.mjs CHANGED
@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
6
6
  import { EventEmitter, Injectable, SecurityContext, InjectionToken, Optional, Inject, Directive, SkipSelf, Input, isDevMode, QueryList, Component, ContentChildren, ContentChild, forwardRef, Host, Output, HostBinding, Pipe, TemplateRef, ChangeDetectionStrategy, ViewChildren, ViewChild, Self, NgZone, HostListener, ElementRef, ViewContainerRef, ViewEncapsulation, inject, Injector, NgModule } from '@angular/core';
7
7
  import { merge, of, Subject, zip as zip$1, from, Subscription, interval, fromEvent, Observable, BehaviorSubject } from 'rxjs';
8
8
  import * as i1$3 from '@progress/kendo-angular-common';
9
- import { isDocumentAvailable, Keys, isPresent as isPresent$1, anyChanged, TemplateContextDirective, DraggableDirective, EventsOutsideAngularDirective, isChanged as isChanged$1, KendoInput, guid, closest as closest$1, hasObservers, ResizeSensorComponent, isFocusable as isFocusable$1, shouldShowValidationUI, WatermarkOverlayComponent, PreventableEvent as PreventableEvent$1, ResizeBatchService } from '@progress/kendo-angular-common';
9
+ import { isDocumentAvailable, Keys, isPresent as isPresent$1, anyChanged, TemplateContextDirective, DraggableDirective, EventsOutsideAngularDirective, isChanged as isChanged$1, KendoInput, guid, closest as closest$1, hasObservers, ResizeSensorComponent, closestInScope as closestInScope$1, isFocusable as isFocusable$1, shouldShowValidationUI, WatermarkOverlayComponent, PreventableEvent as PreventableEvent$1, ResizeBatchService } from '@progress/kendo-angular-common';
10
10
  import * as i1 from '@angular/platform-browser';
11
11
  import * as i1$1 from '@progress/kendo-angular-icons';
12
12
  import { IconWrapperComponent, IconsService, KENDO_ICONS } from '@progress/kendo-angular-icons';
@@ -787,6 +787,7 @@ const EMPTY_CELL_CONTEXT = {};
787
787
  */
788
788
  class GridToolbarNavigationService {
789
789
  renderer;
790
+ toolbarElement;
790
791
  navigableElements = [];
791
792
  currentActiveIndex = 0;
792
793
  defaultFocusableSelector = `
@@ -804,10 +805,13 @@ class GridToolbarNavigationService {
804
805
  }
805
806
  notify() {
806
807
  // ensure focusable elements are in the same order as in the DOM
807
- this.navigableElements = (this.navigableElements.length && this.navigableElements[0]?.parentElement) ? Array.from(this.navigableElements[0]?.parentElement?.querySelectorAll(this.defaultFocusableSelector) || []) : [];
808
+ this.navigableElements = this.findNavigableElements();
808
809
  this.currentActiveIndex = 0;
809
810
  this.updateFocus();
810
811
  }
812
+ findNavigableElements() {
813
+ return Array.from(this.toolbarElement.querySelectorAll(this.defaultFocusableSelector) || []);
814
+ }
811
815
  focus() {
812
816
  this.navigableElements[this.currentActiveIndex]?.focus();
813
817
  }
@@ -2498,8 +2502,8 @@ class ColumnBase {
2498
2502
  this._id = `k-grid-column-${columnId++}`;
2499
2503
  }
2500
2504
  ngAfterViewInit() {
2501
- this.initialMaxResizableWidth = this.maxResizableWidth;
2502
- this.initialMinResizableWidth = this.minResizableWidth;
2505
+ this.initialMinResizableWidth = this.minResizableWidth || 10;
2506
+ this.initialMaxResizableWidth = this.maxResizableWidth || Number.MAX_SAFE_INTEGER;
2503
2507
  }
2504
2508
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnBase, deps: [{ token: ColumnBase }, { token: IdService }], target: i0.ɵɵFactoryTarget.Component });
2505
2509
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnBase, selector: "kendo-grid-column-base", inputs: { resizable: "resizable", reorderable: "reorderable", minResizableWidth: "minResizableWidth", maxResizableWidth: "maxResizableWidth", title: "title", width: "width", autoSize: "autoSize", locked: "locked", sticky: "sticky", hidden: "hidden", media: "media", lockable: "lockable", stickable: "stickable", columnMenu: "columnMenu", includeInChooser: "includeInChooser", tableCellsRole: "tableCellsRole", style: "style", headerStyle: "headerStyle", filterStyle: "filterStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", filterClass: "filterClass", footerClass: "footerClass", cellRowspan: "cellRowspan" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], ngImport: i0, template: ``, isInline: true });
@@ -20476,8 +20480,8 @@ const packageMetadata = {
20476
20480
  productName: 'Kendo UI for Angular',
20477
20481
  productCode: 'KENDOUIANGULAR',
20478
20482
  productCodes: ['KENDOUIANGULAR'],
20479
- publishDate: 1749196787,
20480
- version: '19.1.1-develop.2',
20483
+ publishDate: 1749804368,
20484
+ version: '19.1.2-develop.1',
20481
20485
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
20482
20486
  };
20483
20487
 
@@ -23464,8 +23468,8 @@ class ToolbarComponent {
23464
23468
  }
23465
23469
  clickHandler(ev) {
23466
23470
  if (this.navigable && isDocumentAvailable()) {
23467
- const closestFocusable = closest$1(ev.target, isFocusable$1);
23468
- const targetIndex = this.navigationService.navigableElements.indexOf(closestFocusable);
23471
+ const closestFocusableElement = closestInScope$1(ev.target, isFocusable$1, this.wrapper.nativeElement)?.closest('[kendoGridToolbarFocusable]');
23472
+ const targetIndex = this.navigationService.navigableElements.indexOf(closestFocusableElement);
23469
23473
  if (targetIndex > -1) {
23470
23474
  this.navigationService.currentActiveIndex = targetIndex;
23471
23475
  }
@@ -23517,6 +23521,9 @@ class ToolbarComponent {
23517
23521
  this.ctx = ctx;
23518
23522
  this.wrapper = wrapper;
23519
23523
  this.navigationService = this.ctx[`${this.wrapper.nativeElement.getAttribute('position')}ToolbarNavigation`];
23524
+ if (this.navigationService) {
23525
+ this.navigationService.toolbarElement = this.wrapper.nativeElement;
23526
+ }
23520
23527
  }
23521
23528
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComponent, deps: [{ token: ContextService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
23522
23529
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar": "this.hostClasses", "class.k-grid-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-grid",
3
- "version": "19.1.1-develop.2",
3
+ "version": "19.1.2-develop.1",
4
4
  "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -26,7 +26,7 @@
26
26
  "package": {
27
27
  "productName": "Kendo UI for Angular",
28
28
  "productCode": "KENDOUIANGULAR",
29
- "publishDate": 1749196787,
29
+ "publishDate": 1749804368,
30
30
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
31
31
  }
32
32
  },
@@ -39,28 +39,28 @@
39
39
  "@progress/kendo-data-query": "^1.0.0",
40
40
  "@progress/kendo-drawing": "^1.21.0",
41
41
  "@progress/kendo-licensing": "^1.5.0",
42
- "@progress/kendo-angular-buttons": "19.1.1-develop.2",
43
- "@progress/kendo-angular-common": "19.1.1-develop.2",
44
- "@progress/kendo-angular-dateinputs": "19.1.1-develop.2",
45
- "@progress/kendo-angular-layout": "19.1.1-develop.2",
46
- "@progress/kendo-angular-navigation": "19.1.1-develop.2",
47
- "@progress/kendo-angular-dropdowns": "19.1.1-develop.2",
48
- "@progress/kendo-angular-excel-export": "19.1.1-develop.2",
49
- "@progress/kendo-angular-icons": "19.1.1-develop.2",
50
- "@progress/kendo-angular-inputs": "19.1.1-develop.2",
51
- "@progress/kendo-angular-intl": "19.1.1-develop.2",
52
- "@progress/kendo-angular-l10n": "19.1.1-develop.2",
53
- "@progress/kendo-angular-label": "19.1.1-develop.2",
54
- "@progress/kendo-angular-pager": "19.1.1-develop.2",
55
- "@progress/kendo-angular-pdf-export": "19.1.1-develop.2",
56
- "@progress/kendo-angular-popup": "19.1.1-develop.2",
57
- "@progress/kendo-angular-toolbar": "19.1.1-develop.2",
58
- "@progress/kendo-angular-utils": "19.1.1-develop.2",
42
+ "@progress/kendo-angular-buttons": "19.1.2-develop.1",
43
+ "@progress/kendo-angular-common": "19.1.2-develop.1",
44
+ "@progress/kendo-angular-dateinputs": "19.1.2-develop.1",
45
+ "@progress/kendo-angular-layout": "19.1.2-develop.1",
46
+ "@progress/kendo-angular-navigation": "19.1.2-develop.1",
47
+ "@progress/kendo-angular-dropdowns": "19.1.2-develop.1",
48
+ "@progress/kendo-angular-excel-export": "19.1.2-develop.1",
49
+ "@progress/kendo-angular-icons": "19.1.2-develop.1",
50
+ "@progress/kendo-angular-inputs": "19.1.2-develop.1",
51
+ "@progress/kendo-angular-intl": "19.1.2-develop.1",
52
+ "@progress/kendo-angular-l10n": "19.1.2-develop.1",
53
+ "@progress/kendo-angular-label": "19.1.2-develop.1",
54
+ "@progress/kendo-angular-pager": "19.1.2-develop.1",
55
+ "@progress/kendo-angular-pdf-export": "19.1.2-develop.1",
56
+ "@progress/kendo-angular-popup": "19.1.2-develop.1",
57
+ "@progress/kendo-angular-toolbar": "19.1.2-develop.1",
58
+ "@progress/kendo-angular-utils": "19.1.2-develop.1",
59
59
  "rxjs": "^6.5.3 || ^7.0.0"
60
60
  },
61
61
  "dependencies": {
62
62
  "tslib": "^2.3.1",
63
- "@progress/kendo-angular-schematics": "19.1.1-develop.2",
63
+ "@progress/kendo-angular-schematics": "19.1.2-develop.1",
64
64
  "@progress/kendo-common": "^1.0.1",
65
65
  "@progress/kendo-file-saver": "^1.0.0"
66
66
  },
package/rendering/toolbar/toolbar-navigation.service.d.ts CHANGED
@@ -9,11 +9,13 @@ import * as i0 from "@angular/core";
9
9
  */
10
10
  export declare class GridToolbarNavigationService {
11
11
  private renderer;
12
+ toolbarElement: HTMLElement;
12
13
  navigableElements: any[];
13
14
  currentActiveIndex: number;
14
15
  private defaultFocusableSelector;
15
16
  constructor(renderer: Renderer2);
16
17
  notify(): void;
18
+ private findNavigableElements;
17
19
  focus(): void;
18
20
  updateFocus(): void;
19
21
  static ɵfac: i0.ɵɵFactoryDeclaration<GridToolbarNavigationService, never>;
package/schematics/ngAdd/index.js CHANGED
@@ -4,14 +4,14 @@ const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
5
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
6
6
  // peer deps of the dropdowns
7
- '@progress/kendo-angular-treeview': '19.1.1-develop.2',
8
- '@progress/kendo-angular-navigation': '19.1.1-develop.2',
7
+ '@progress/kendo-angular-treeview': '19.1.2-develop.1',
8
+ '@progress/kendo-angular-navigation': '19.1.2-develop.1',
9
9
  // peer dependency of kendo-angular-inputs
10
- '@progress/kendo-angular-dialog': '19.1.1-develop.2',
10
+ '@progress/kendo-angular-dialog': '19.1.2-develop.1',
11
11
  // peer dependency of kendo-angular-icons
12
12
  '@progress/kendo-svg-icons': '^4.0.0',
13
13
  // peer dependency of kendo-angular-layout
14
- '@progress/kendo-angular-progressbar': '19.1.1-develop.2'
14
+ '@progress/kendo-angular-progressbar': '19.1.2-develop.1'
15
15
  } });
16
16
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
17
17
  }