@progress/kendo-angular-grid 24.0.0-develop.39 → 24.0.0-develop.40

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.
@@ -14,12 +14,21 @@ export declare class ColumnMenuItemBase implements OnInit {
14
14
  * This input is required.
15
15
  */
16
16
  service: ColumnMenuService;
17
- hostClass: boolean;
17
+ /**
18
+ * @hidden
19
+ *
20
+ * Set to `true` when the component is rendered inside another column menu item's content
21
+ * (for example, lock/stick items inside the position expander) to skip the
22
+ * `.k-columnmenu-item-wrapper` host class and avoid producing a duplicated wrapper.
23
+ */
24
+ nested: boolean;
25
+ get hostClass(): boolean;
26
+ hostDisplay: string;
18
27
  ngOnInit(): void;
19
28
  /**
20
29
  * @hidden
21
30
  */
22
31
  close(): void;
23
32
  static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuItemBase, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuItemBase, "kendo-grid-column-menu-item-base", never, { "service": { "alias": "service"; "required": false; }; }, {}, never, never, true, never>;
33
+ static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuItemBase, "kendo-grid-column-menu-item-base", never, { "service": { "alias": "service"; "required": false; }; "nested": { "alias": "nested"; "required": false; }; }, {}, never, never, true, never>;
25
34
  }
@@ -85,6 +85,10 @@ export declare class ColumnMenuItemComponent implements AfterViewInit, OnChanges
85
85
  * Specifies if the item is expanded.
86
86
  */
87
87
  expanded: boolean;
88
+ /**
89
+ * @hidden
90
+ */
91
+ contentClass: string;
88
92
  /**
89
93
  * @hidden
90
94
  */
@@ -132,5 +136,5 @@ export declare class ColumnMenuItemComponent implements AfterViewInit, OnChanges
132
136
  onClick(e: any): void;
133
137
  private updateContentState;
134
138
  static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuItemComponent, never>;
135
- static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuItemComponent, "kendo-grid-columnmenu-item", never, { "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "indicatorIcon": { "alias": "indicatorIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "service": { "alias": "service"; "required": false; }; "column": { "alias": "column"; "required": false; }; }, { "itemClick": "itemClick"; "expand": "expand"; "collapse": "collapse"; }, ["contentTemplate"], never, true, never>;
139
+ static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuItemComponent, "kendo-grid-columnmenu-item", never, { "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "indicatorIcon": { "alias": "indicatorIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "contentClass": { "alias": "contentClass"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "service": { "alias": "service"; "required": false; }; "column": { "alias": "column"; "required": false; }; }, { "itemClick": "itemClick"; "expand": "expand"; "collapse": "collapse"; }, ["contentTemplate"], never, true, never>;
136
140
  }
@@ -13077,7 +13077,7 @@ class ColumnListComponent {
13077
13077
  ctx;
13078
13078
  className = true;
13079
13079
  get listSizeMd() {
13080
- return !(this.ctx?.grid?.isActionSheetExpanded);
13080
+ return this.ctx?.grid?.size === 'medium' && !(this.ctx?.grid?.isActionSheetExpanded);
13081
13081
  }
13082
13082
  get listSizeLg() {
13083
13083
  return this.ctx?.grid?.isActionSheetExpanded;
@@ -14356,7 +14356,18 @@ class ColumnMenuItemBase {
14356
14356
  * This input is required.
14357
14357
  */
14358
14358
  service;
14359
- hostClass = true;
14359
+ /**
14360
+ * @hidden
14361
+ *
14362
+ * Set to `true` when the component is rendered inside another column menu item's content
14363
+ * (for example, lock/stick items inside the position expander) to skip the
14364
+ * `.k-columnmenu-item-wrapper` host class and avoid producing a duplicated wrapper.
14365
+ */
14366
+ nested = false;
14367
+ get hostClass() {
14368
+ return !this.nested;
14369
+ }
14370
+ hostDisplay = 'block';
14360
14371
  ngOnInit() {
14361
14372
  if (isDevMode() && !this.service) {
14362
14373
  throw new Error(ColumnMenuErrorMessages.serviceInput);
@@ -14369,7 +14380,7 @@ class ColumnMenuItemBase {
14369
14380
  this.service.close();
14370
14381
  }
14371
14382
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ColumnMenuItemBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
14372
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: ColumnMenuItemBase, isStandalone: true, selector: "kendo-grid-column-menu-item-base", inputs: { service: "service" }, host: { properties: { "class.k-columnmenu-item-wrapper": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
14383
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: ColumnMenuItemBase, isStandalone: true, selector: "kendo-grid-column-menu-item-base", inputs: { service: "service", nested: "nested" }, host: { properties: { "class.k-columnmenu-item-wrapper": "this.hostClass", "style.display": "this.hostDisplay" } }, ngImport: i0, template: ``, isInline: true });
14373
14384
  }
14374
14385
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ColumnMenuItemBase, decorators: [{
14375
14386
  type: Component,
@@ -14379,9 +14390,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
14379
14390
  }]
14380
14391
  }], propDecorators: { service: [{
14381
14392
  type: Input
14393
+ }], nested: [{
14394
+ type: Input
14382
14395
  }], hostClass: [{
14383
14396
  type: HostBinding,
14384
14397
  args: ['class.k-columnmenu-item-wrapper']
14398
+ }], hostDisplay: [{
14399
+ type: HostBinding,
14400
+ args: ['style.display']
14385
14401
  }] } });
14386
14402
 
14387
14403
  /**
@@ -14562,6 +14578,10 @@ class ColumnMenuItemComponent {
14562
14578
  * Specifies if the item is expanded.
14563
14579
  */
14564
14580
  expanded;
14581
+ /**
14582
+ * @hidden
14583
+ */
14584
+ contentClass;
14565
14585
  /**
14566
14586
  * @hidden
14567
14587
  */
@@ -14663,7 +14683,7 @@ class ColumnMenuItemComponent {
14663
14683
  this.contentState = this.expanded ? 'expanded' : 'collapsed';
14664
14684
  }
14665
14685
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ColumnMenuItemComponent, deps: [{ token: i0.NgZone }, { token: ContextService }, { token: AdaptiveGridService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
14666
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ColumnMenuItemComponent, isStandalone: true, selector: "kendo-grid-columnmenu-item", inputs: { icon: "icon", svgIcon: "svgIcon", indicatorIcon: "indicatorIcon", text: "text", selected: "selected", disabled: "disabled", expanded: "expanded", focused: "focused", service: "service", column: "column" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ColumnMenuItemContentTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
14686
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ColumnMenuItemComponent, isStandalone: true, selector: "kendo-grid-columnmenu-item", inputs: { icon: "icon", svgIcon: "svgIcon", indicatorIcon: "indicatorIcon", text: "text", selected: "selected", disabled: "disabled", expanded: "expanded", contentClass: "contentClass", focused: "focused", service: "service", column: "column" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ColumnMenuItemContentTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
14667
14687
  @if (contentTemplate) {
14668
14688
  <div class="k-expander">
14669
14689
  <ng-container [ngTemplateOutlet]="content"></ng-container>
@@ -14717,7 +14737,7 @@ class ColumnMenuItemComponent {
14717
14737
  }
14718
14738
  </div>
14719
14739
  @if (contentTemplate) {
14720
- <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
14740
+ <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content" [class]="contentClass">
14721
14741
  <ng-container [ngTemplateOutlet]="contentTemplate.templateRef">
14722
14742
  </ng-container>
14723
14743
  </div>
@@ -14773,7 +14793,7 @@ class ColumnMenuItemComponent {
14773
14793
  }
14774
14794
  </div>
14775
14795
  @if (contentTemplate) {
14776
- <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
14796
+ <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content" [class]="contentClass">
14777
14797
  <ng-container [ngTemplateOutlet]="contentTemplate.templateRef">
14778
14798
  </ng-container>
14779
14799
  </div>
@@ -14884,7 +14904,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
14884
14904
  }
14885
14905
  </div>
14886
14906
  @if (contentTemplate) {
14887
- <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
14907
+ <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content" [class]="contentClass">
14888
14908
  <ng-container [ngTemplateOutlet]="contentTemplate.templateRef">
14889
14909
  </ng-container>
14890
14910
  </div>
@@ -14940,7 +14960,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
14940
14960
  }
14941
14961
  </div>
14942
14962
  @if (contentTemplate) {
14943
- <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
14963
+ <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content" [class]="contentClass">
14944
14964
  <ng-container [ngTemplateOutlet]="contentTemplate.templateRef">
14945
14965
  </ng-container>
14946
14966
  </div>
@@ -14970,6 +14990,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
14970
14990
  type: Input
14971
14991
  }], expanded: [{
14972
14992
  type: Input
14993
+ }], contentClass: [{
14994
+ type: Input
14973
14995
  }], focused: [{
14974
14996
  type: Input
14975
14997
  }], service: [{
@@ -15037,7 +15059,7 @@ class ColumnMenuAutoSizeAllColumnsComponent extends ColumnMenuItemBase {
15037
15059
  (itemClick)="autoSizeAllColumns()"
15038
15060
  ></kendo-grid-columnmenu-item>
15039
15061
  }
15040
- `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }] });
15062
+ `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "contentClass", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }] });
15041
15063
  }
15042
15064
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ColumnMenuAutoSizeAllColumnsComponent, decorators: [{
15043
15065
  type: Component,
@@ -15119,7 +15141,7 @@ class ColumnMenuAutoSizeColumnComponent extends ColumnMenuItemBase {
15119
15141
  (itemClick)="autoSizeColumn()"
15120
15142
  ></kendo-grid-columnmenu-item>
15121
15143
  }
15122
- `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }] });
15144
+ `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "contentClass", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }] });
15123
15145
  }
15124
15146
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ColumnMenuAutoSizeColumnComponent, decorators: [{
15125
15147
  type: Component,
@@ -15226,6 +15248,7 @@ class ColumnMenuChooserComponent extends ColumnMenuItemBase {
15226
15248
  icon="columns"
15227
15249
  [svgIcon]="columnsIcon"
15228
15250
  [expanded]="expanded"
15251
+ contentClass="k-columns-item"
15229
15252
  (collapse)="onCollapse()"
15230
15253
  (expand)="onExpand()">
15231
15254
  <ng-template kendoGridColumnMenuItemContentTemplate>
@@ -15240,7 +15263,7 @@ class ColumnMenuChooserComponent extends ColumnMenuItemBase {
15240
15263
  </kendo-grid-column-chooser-content>
15241
15264
  </ng-template>
15242
15265
  </kendo-grid-columnmenu-item>
15243
- `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }, { kind: "component", type: ColumnChooserContentComponent, selector: "kendo-grid-column-chooser-content", inputs: ["filterable", "showSelectAll", "showCheckedCount", "allowHideAll", "autoSync", "actionsClass", "closeOnReset", "columns", "isLast", "isExpanded", "service"], outputs: ["close"] }] });
15266
+ `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "contentClass", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }, { kind: "component", type: ColumnChooserContentComponent, selector: "kendo-grid-column-chooser-content", inputs: ["filterable", "showSelectAll", "showCheckedCount", "allowHideAll", "autoSync", "actionsClass", "closeOnReset", "columns", "isLast", "isExpanded", "service"], outputs: ["close"] }] });
15244
15267
  }
15245
15268
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ColumnMenuChooserComponent, decorators: [{
15246
15269
  type: Component,
@@ -15252,6 +15275,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
15252
15275
  icon="columns"
15253
15276
  [svgIcon]="columnsIcon"
15254
15277
  [expanded]="expanded"
15278
+ contentClass="k-columns-item"
15255
15279
  (collapse)="onCollapse()"
15256
15280
  (expand)="onExpand()">
15257
15281
  <ng-template kendoGridColumnMenuItemContentTemplate>
@@ -15368,7 +15392,7 @@ class ColumnMenuStickComponent extends ColumnMenuItemBase {
15368
15392
  (itemClick)="toggleColumn()"
15369
15393
  [disabled]="disabled">
15370
15394
  </kendo-grid-columnmenu-item>
15371
- `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }] });
15395
+ `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "contentClass", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }] });
15372
15396
  }
15373
15397
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ColumnMenuStickComponent, decorators: [{
15374
15398
  type: Component,
@@ -15474,7 +15498,7 @@ class ColumnMenuLockComponent extends ColumnMenuItemBase {
15474
15498
  (itemClick)="toggleColumn()"
15475
15499
  [disabled]="disabled">
15476
15500
  </kendo-grid-columnmenu-item>
15477
- `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }] });
15501
+ `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "contentClass", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }] });
15478
15502
  }
15479
15503
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ColumnMenuLockComponent, decorators: [{
15480
15504
  type: Component,
@@ -15618,18 +15642,20 @@ class ColumnMenuPositionComponent extends ColumnMenuItemBase {
15618
15642
  @if (showLock) {
15619
15643
  <kendo-grid-columnmenu-lock
15620
15644
  (keydown.tab)="onTab($event, !showStick)"
15621
- [service]="service">
15645
+ [service]="service"
15646
+ [nested]="true">
15622
15647
  </kendo-grid-columnmenu-lock>
15623
15648
  }
15624
15649
  @if (showStick) {
15625
15650
  <kendo-grid-columnmenu-stick
15626
15651
  (keydown.tab)="onTab($event, true)"
15627
- [service]="service">
15652
+ [service]="service"
15653
+ [nested]="true">
15628
15654
  </kendo-grid-columnmenu-stick>
15629
15655
  }
15630
15656
  </ng-template>
15631
15657
  </kendo-grid-columnmenu-item>
15632
- `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }, { kind: "component", type: ColumnMenuLockComponent, selector: "kendo-grid-columnmenu-lock" }, { kind: "component", type: ColumnMenuStickComponent, selector: "kendo-grid-columnmenu-stick" }] });
15658
+ `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "contentClass", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }, { kind: "component", type: ColumnMenuLockComponent, selector: "kendo-grid-columnmenu-lock" }, { kind: "component", type: ColumnMenuStickComponent, selector: "kendo-grid-columnmenu-stick" }] });
15633
15659
  }
15634
15660
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ColumnMenuPositionComponent, decorators: [{
15635
15661
  type: Component,
@@ -15648,13 +15674,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
15648
15674
  @if (showLock) {
15649
15675
  <kendo-grid-columnmenu-lock
15650
15676
  (keydown.tab)="onTab($event, !showStick)"
15651
- [service]="service">
15677
+ [service]="service"
15678
+ [nested]="true">
15652
15679
  </kendo-grid-columnmenu-lock>
15653
15680
  }
15654
15681
  @if (showStick) {
15655
15682
  <kendo-grid-columnmenu-stick
15656
15683
  (keydown.tab)="onTab($event, true)"
15657
- [service]="service">
15684
+ [service]="service"
15685
+ [nested]="true">
15658
15686
  </kendo-grid-columnmenu-stick>
15659
15687
  }
15660
15688
  </ng-template>
@@ -15776,7 +15804,7 @@ class ColumnMenuFilterComponent extends ColumnMenuItemBase {
15776
15804
  </kendo-grid-filter-menu-container>
15777
15805
  </ng-template>
15778
15806
  </kendo-grid-columnmenu-item>
15779
- `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }] });
15807
+ `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "contentClass", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }] });
15780
15808
  }
15781
15809
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ColumnMenuFilterComponent, decorators: [{
15782
15810
  type: Component,
@@ -16115,7 +16143,7 @@ class ColumnMenuSortComponent extends ColumnMenuItemBase {
16115
16143
  (itemClick)="toggleSort('desc')"
16116
16144
  [selected]="sortedDesc">
16117
16145
  </kendo-grid-columnmenu-item>
16118
- `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }] });
16146
+ `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "contentClass", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }] });
16119
16147
  }
16120
16148
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ColumnMenuSortComponent, decorators: [{
16121
16149
  type: Component,
@@ -16142,7 +16170,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
16142
16170
  }]
16143
16171
  }], ctorParameters: () => [{ type: ContextService }, { type: SortService }, { type: i0.Renderer2 }] });
16144
16172
 
16145
- const POPUP_CLASSES = 'k-grid-columnmenu-popup k-column-menu';
16173
+ const POPUP_CLASSES = 'k-grid-columnmenu-popup';
16146
16174
  let id = 0;
16147
16175
  const getId = (gridId) => `${gridId}-column-menu-${id++}`;
16148
16176
  /**
@@ -16411,8 +16439,6 @@ class ColumnMenuComponent {
16411
16439
  ariaRoot && this.renderer.setAttribute(ariaRoot, 'aria-expanded', 'true');
16412
16440
  }
16413
16441
  if (this.settings.view === 'tabbed') {
16414
- this.renderer.addClass(popupAriaElement, 'k-column-menu-tabbed');
16415
- this.renderer.addClass(popupAriaElement, 'k-column-menu');
16416
16442
  this.cdr.detectChanges();
16417
16443
  this.tabStrip?.selectTab(0);
16418
16444
  }
@@ -16485,6 +16511,8 @@ class ColumnMenuComponent {
16485
16511
  </a>
16486
16512
  <ng-template #template>
16487
16513
  <kendo-grid-columnmenu-container
16514
+ class="k-column-menu"
16515
+ [class.k-column-menu-tabbed]="settings.view === 'tabbed'"
16488
16516
  (keydown.escape)="close(true)"
16489
16517
  (keydown.enter)="$event.stopImmediatePropagation()">
16490
16518
  <ng-container
@@ -16494,73 +16522,63 @@ class ColumnMenuComponent {
16494
16522
  </kendo-grid-columnmenu-container>
16495
16523
  </ng-template>
16496
16524
  <ng-template #defaultTemplate>
16497
- <kendo-grid-columnmenu-container
16498
- (keydown.escape)="close(true)"
16499
- (keydown.enter)="$event.stopImmediatePropagation()">
16500
- @if (hasSort) {
16501
- <kendo-grid-columnmenu-sort #sortItem [kendoGridColumnMenuItem]="sortItem" [service]="service">
16502
- </kendo-grid-columnmenu-sort>
16503
- }
16504
- @if (hasLock && !hasPosition) {
16505
- <kendo-grid-columnmenu-lock #lockItem [kendoGridColumnMenuItem]="lockItem" [service]="service">
16506
- </kendo-grid-columnmenu-lock>
16507
- }
16508
- @if (hasStick && !hasPosition) {
16509
- <kendo-grid-columnmenu-stick #stickItem [kendoGridColumnMenuItem]="stickItem" [service]="service">
16510
- </kendo-grid-columnmenu-stick>
16511
- }
16512
- @if (hasPosition) {
16513
- <kendo-grid-columnmenu-position
16514
- #positionItem
16515
- [showLock]="hasLock"
16516
- [showStick]="hasStick"
16517
- [kendoGridColumnMenuItem]="positionItem"
16518
- [service]="service"
16519
- [expanded]="expandedPosition"
16520
- >
16521
- </kendo-grid-columnmenu-position>
16522
- }
16523
- @if (hasColumnChooser || hasAutoSizeColumn || hasAutoSizeAllColumns) {
16524
- <span [style.borderColor]="'rgba(0, 0, 0, 0.08)'" class="k-separator"></span>
16525
- }
16526
- @if (hasColumnChooser) {
16527
- <kendo-grid-columnmenu-chooser
16528
- #chooserItem
16529
- [kendoGridColumnMenuItem]="chooserItem"
16530
- [service]="service"
16531
- [expanded]="expandedColumns">
16532
- </kendo-grid-columnmenu-chooser>
16533
- }
16534
- @if (hasAutoSizeColumn) {
16535
- <kendo-grid-columnmenu-autosize-column
16536
- #autoSizeColumnItem
16537
- [service]="service"
16538
- [kendoGridColumnMenuItem]="autoSizeColumnItem"
16539
- [column]="column"
16540
- >
16541
- </kendo-grid-columnmenu-autosize-column>
16542
- }
16543
-
16544
- @if (hasAutoSizeAllColumns) {
16545
- <kendo-grid-columnmenu-autosize-all-columns
16546
- #autoSizeAllColumnsItem
16547
- [service]="service"
16548
- [kendoGridColumnMenuItem]="autoSizeAllColumnsItem"
16549
- >
16550
- </kendo-grid-columnmenu-autosize-all-columns>
16551
- }
16552
- @if (hasColumnChooser || hasAutoSizeColumn || hasAutoSizeAllColumns) {
16553
- <span [style.borderColor]="'rgba(0, 0, 0, 0.08)'" class="k-separator"></span>
16554
- }
16555
- @if (hasFilter) {
16556
- <kendo-grid-columnmenu-filter
16557
- #filterItem
16558
- [kendoGridColumnMenuItem]="filterItem"
16559
- [service]="service"
16560
- [expanded]="expandedFilter">
16561
- </kendo-grid-columnmenu-filter>
16562
- }
16563
- </kendo-grid-columnmenu-container>
16525
+ @if (hasSort) {
16526
+ <kendo-grid-columnmenu-sort #sortItem [kendoGridColumnMenuItem]="sortItem" [service]="service">
16527
+ </kendo-grid-columnmenu-sort>
16528
+ }
16529
+ @if (hasLock && !hasPosition) {
16530
+ <kendo-grid-columnmenu-lock #lockItem [kendoGridColumnMenuItem]="lockItem" [service]="service">
16531
+ </kendo-grid-columnmenu-lock>
16532
+ }
16533
+ @if (hasStick && !hasPosition) {
16534
+ <kendo-grid-columnmenu-stick #stickItem [kendoGridColumnMenuItem]="stickItem" [service]="service">
16535
+ </kendo-grid-columnmenu-stick>
16536
+ }
16537
+ @if (hasPosition) {
16538
+ <kendo-grid-columnmenu-position
16539
+ #positionItem
16540
+ [showLock]="hasLock"
16541
+ [showStick]="hasStick"
16542
+ [kendoGridColumnMenuItem]="positionItem"
16543
+ [service]="service"
16544
+ [expanded]="expandedPosition"
16545
+ >
16546
+ </kendo-grid-columnmenu-position>
16547
+ }
16548
+ @if (hasColumnChooser) {
16549
+ <kendo-grid-columnmenu-chooser
16550
+ #chooserItem
16551
+ [kendoGridColumnMenuItem]="chooserItem"
16552
+ [service]="service"
16553
+ [expanded]="expandedColumns">
16554
+ </kendo-grid-columnmenu-chooser>
16555
+ }
16556
+ @if (hasAutoSizeColumn) {
16557
+ <kendo-grid-columnmenu-autosize-column
16558
+ #autoSizeColumnItem
16559
+ [service]="service"
16560
+ [kendoGridColumnMenuItem]="autoSizeColumnItem"
16561
+ [column]="column"
16562
+ >
16563
+ </kendo-grid-columnmenu-autosize-column>
16564
+ }
16565
+
16566
+ @if (hasAutoSizeAllColumns) {
16567
+ <kendo-grid-columnmenu-autosize-all-columns
16568
+ #autoSizeAllColumnsItem
16569
+ [service]="service"
16570
+ [kendoGridColumnMenuItem]="autoSizeAllColumnsItem"
16571
+ >
16572
+ </kendo-grid-columnmenu-autosize-all-columns>
16573
+ }
16574
+ @if (hasFilter) {
16575
+ <kendo-grid-columnmenu-filter
16576
+ #filterItem
16577
+ [kendoGridColumnMenuItem]="filterItem"
16578
+ [service]="service"
16579
+ [expanded]="expandedFilter">
16580
+ </kendo-grid-columnmenu-filter>
16581
+ }
16564
16582
  </ng-template>
16565
16583
  <ng-template #tabbedInterfaceTemplate>
16566
16584
  <kendo-tabstrip #tabstrip
@@ -16600,9 +16618,6 @@ class ColumnMenuComponent {
16600
16618
  <kendo-grid-columnmenu-sort #sortItem [kendoGridColumnMenuItem]="sortItem" [service]="service">
16601
16619
  </kendo-grid-columnmenu-sort>
16602
16620
  }
16603
- @if (hasSort && (hasLock || hasStick || hasPosition || hasAutoSizeColumn || hasAutoSizeAllColumns)) {
16604
- <span [style.borderColor]="'rgba(0, 0, 0, 0.08)'" class="k-separator"></span>
16605
- }
16606
16621
  @if (hasLock && !hasPosition) {
16607
16622
  <kendo-grid-columnmenu-lock #lockItem [kendoGridColumnMenuItem]="lockItem" [service]="service">
16608
16623
  </kendo-grid-columnmenu-lock>
@@ -16611,9 +16626,6 @@ class ColumnMenuComponent {
16611
16626
  <kendo-grid-columnmenu-stick #stickItem [kendoGridColumnMenuItem]="stickItem" [service]="service">
16612
16627
  </kendo-grid-columnmenu-stick>
16613
16628
  }
16614
- @if ((hasLock || hasStick) && !hasPosition && (hasAutoSizeColumn || hasAutoSizeAllColumns)) {
16615
- <span [style.borderColor]="'rgba(0, 0, 0, 0.08)'" class="k-separator"></span>
16616
- }
16617
16629
  @if (hasPosition) {
16618
16630
  <kendo-grid-columnmenu-position
16619
16631
  #positionItem
@@ -16624,9 +16636,6 @@ class ColumnMenuComponent {
16624
16636
  [expanded]="expandedPosition">
16625
16637
  </kendo-grid-columnmenu-position>
16626
16638
  }
16627
- @if (hasPosition && (hasAutoSizeColumn || hasAutoSizeAllColumns)) {
16628
- <span [style.borderColor]="'rgba(0, 0, 0, 0.08)'" class="k-separator"></span>
16629
- }
16630
16639
  @if (hasAutoSizeColumn) {
16631
16640
  <kendo-grid-columnmenu-autosize-column
16632
16641
  #autoSizeColumnItem
@@ -16697,6 +16706,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
16697
16706
  </a>
16698
16707
  <ng-template #template>
16699
16708
  <kendo-grid-columnmenu-container
16709
+ class="k-column-menu"
16710
+ [class.k-column-menu-tabbed]="settings.view === 'tabbed'"
16700
16711
  (keydown.escape)="close(true)"
16701
16712
  (keydown.enter)="$event.stopImmediatePropagation()">
16702
16713
  <ng-container
@@ -16706,73 +16717,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
16706
16717
  </kendo-grid-columnmenu-container>
16707
16718
  </ng-template>
16708
16719
  <ng-template #defaultTemplate>
16709
- <kendo-grid-columnmenu-container
16710
- (keydown.escape)="close(true)"
16711
- (keydown.enter)="$event.stopImmediatePropagation()">
16712
- @if (hasSort) {
16713
- <kendo-grid-columnmenu-sort #sortItem [kendoGridColumnMenuItem]="sortItem" [service]="service">
16714
- </kendo-grid-columnmenu-sort>
16715
- }
16716
- @if (hasLock && !hasPosition) {
16717
- <kendo-grid-columnmenu-lock #lockItem [kendoGridColumnMenuItem]="lockItem" [service]="service">
16718
- </kendo-grid-columnmenu-lock>
16719
- }
16720
- @if (hasStick && !hasPosition) {
16721
- <kendo-grid-columnmenu-stick #stickItem [kendoGridColumnMenuItem]="stickItem" [service]="service">
16722
- </kendo-grid-columnmenu-stick>
16723
- }
16724
- @if (hasPosition) {
16725
- <kendo-grid-columnmenu-position
16726
- #positionItem
16727
- [showLock]="hasLock"
16728
- [showStick]="hasStick"
16729
- [kendoGridColumnMenuItem]="positionItem"
16730
- [service]="service"
16731
- [expanded]="expandedPosition"
16732
- >
16733
- </kendo-grid-columnmenu-position>
16734
- }
16735
- @if (hasColumnChooser || hasAutoSizeColumn || hasAutoSizeAllColumns) {
16736
- <span [style.borderColor]="'rgba(0, 0, 0, 0.08)'" class="k-separator"></span>
16737
- }
16738
- @if (hasColumnChooser) {
16739
- <kendo-grid-columnmenu-chooser
16740
- #chooserItem
16741
- [kendoGridColumnMenuItem]="chooserItem"
16742
- [service]="service"
16743
- [expanded]="expandedColumns">
16744
- </kendo-grid-columnmenu-chooser>
16745
- }
16746
- @if (hasAutoSizeColumn) {
16747
- <kendo-grid-columnmenu-autosize-column
16748
- #autoSizeColumnItem
16749
- [service]="service"
16750
- [kendoGridColumnMenuItem]="autoSizeColumnItem"
16751
- [column]="column"
16752
- >
16753
- </kendo-grid-columnmenu-autosize-column>
16754
- }
16755
-
16756
- @if (hasAutoSizeAllColumns) {
16757
- <kendo-grid-columnmenu-autosize-all-columns
16758
- #autoSizeAllColumnsItem
16759
- [service]="service"
16760
- [kendoGridColumnMenuItem]="autoSizeAllColumnsItem"
16761
- >
16762
- </kendo-grid-columnmenu-autosize-all-columns>
16763
- }
16764
- @if (hasColumnChooser || hasAutoSizeColumn || hasAutoSizeAllColumns) {
16765
- <span [style.borderColor]="'rgba(0, 0, 0, 0.08)'" class="k-separator"></span>
16766
- }
16767
- @if (hasFilter) {
16768
- <kendo-grid-columnmenu-filter
16769
- #filterItem
16770
- [kendoGridColumnMenuItem]="filterItem"
16771
- [service]="service"
16772
- [expanded]="expandedFilter">
16773
- </kendo-grid-columnmenu-filter>
16774
- }
16775
- </kendo-grid-columnmenu-container>
16720
+ @if (hasSort) {
16721
+ <kendo-grid-columnmenu-sort #sortItem [kendoGridColumnMenuItem]="sortItem" [service]="service">
16722
+ </kendo-grid-columnmenu-sort>
16723
+ }
16724
+ @if (hasLock && !hasPosition) {
16725
+ <kendo-grid-columnmenu-lock #lockItem [kendoGridColumnMenuItem]="lockItem" [service]="service">
16726
+ </kendo-grid-columnmenu-lock>
16727
+ }
16728
+ @if (hasStick && !hasPosition) {
16729
+ <kendo-grid-columnmenu-stick #stickItem [kendoGridColumnMenuItem]="stickItem" [service]="service">
16730
+ </kendo-grid-columnmenu-stick>
16731
+ }
16732
+ @if (hasPosition) {
16733
+ <kendo-grid-columnmenu-position
16734
+ #positionItem
16735
+ [showLock]="hasLock"
16736
+ [showStick]="hasStick"
16737
+ [kendoGridColumnMenuItem]="positionItem"
16738
+ [service]="service"
16739
+ [expanded]="expandedPosition"
16740
+ >
16741
+ </kendo-grid-columnmenu-position>
16742
+ }
16743
+ @if (hasColumnChooser) {
16744
+ <kendo-grid-columnmenu-chooser
16745
+ #chooserItem
16746
+ [kendoGridColumnMenuItem]="chooserItem"
16747
+ [service]="service"
16748
+ [expanded]="expandedColumns">
16749
+ </kendo-grid-columnmenu-chooser>
16750
+ }
16751
+ @if (hasAutoSizeColumn) {
16752
+ <kendo-grid-columnmenu-autosize-column
16753
+ #autoSizeColumnItem
16754
+ [service]="service"
16755
+ [kendoGridColumnMenuItem]="autoSizeColumnItem"
16756
+ [column]="column"
16757
+ >
16758
+ </kendo-grid-columnmenu-autosize-column>
16759
+ }
16760
+
16761
+ @if (hasAutoSizeAllColumns) {
16762
+ <kendo-grid-columnmenu-autosize-all-columns
16763
+ #autoSizeAllColumnsItem
16764
+ [service]="service"
16765
+ [kendoGridColumnMenuItem]="autoSizeAllColumnsItem"
16766
+ >
16767
+ </kendo-grid-columnmenu-autosize-all-columns>
16768
+ }
16769
+ @if (hasFilter) {
16770
+ <kendo-grid-columnmenu-filter
16771
+ #filterItem
16772
+ [kendoGridColumnMenuItem]="filterItem"
16773
+ [service]="service"
16774
+ [expanded]="expandedFilter">
16775
+ </kendo-grid-columnmenu-filter>
16776
+ }
16776
16777
  </ng-template>
16777
16778
  <ng-template #tabbedInterfaceTemplate>
16778
16779
  <kendo-tabstrip #tabstrip
@@ -16812,9 +16813,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
16812
16813
  <kendo-grid-columnmenu-sort #sortItem [kendoGridColumnMenuItem]="sortItem" [service]="service">
16813
16814
  </kendo-grid-columnmenu-sort>
16814
16815
  }
16815
- @if (hasSort && (hasLock || hasStick || hasPosition || hasAutoSizeColumn || hasAutoSizeAllColumns)) {
16816
- <span [style.borderColor]="'rgba(0, 0, 0, 0.08)'" class="k-separator"></span>
16817
- }
16818
16816
  @if (hasLock && !hasPosition) {
16819
16817
  <kendo-grid-columnmenu-lock #lockItem [kendoGridColumnMenuItem]="lockItem" [service]="service">
16820
16818
  </kendo-grid-columnmenu-lock>
@@ -16823,9 +16821,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
16823
16821
  <kendo-grid-columnmenu-stick #stickItem [kendoGridColumnMenuItem]="stickItem" [service]="service">
16824
16822
  </kendo-grid-columnmenu-stick>
16825
16823
  }
16826
- @if ((hasLock || hasStick) && !hasPosition && (hasAutoSizeColumn || hasAutoSizeAllColumns)) {
16827
- <span [style.borderColor]="'rgba(0, 0, 0, 0.08)'" class="k-separator"></span>
16828
- }
16829
16824
  @if (hasPosition) {
16830
16825
  <kendo-grid-columnmenu-position
16831
16826
  #positionItem
@@ -16836,9 +16831,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
16836
16831
  [expanded]="expandedPosition">
16837
16832
  </kendo-grid-columnmenu-position>
16838
16833
  }
16839
- @if (hasPosition && (hasAutoSizeColumn || hasAutoSizeAllColumns)) {
16840
- <span [style.borderColor]="'rgba(0, 0, 0, 0.08)'" class="k-separator"></span>
16841
- }
16842
16834
  @if (hasAutoSizeColumn) {
16843
16835
  <kendo-grid-columnmenu-autosize-column
16844
16836
  #autoSizeColumnItem
@@ -24797,8 +24789,8 @@ const packageMetadata = {
24797
24789
  productName: 'Kendo UI for Angular',
24798
24790
  productCode: 'KENDOUIANGULAR',
24799
24791
  productCodes: ['KENDOUIANGULAR'],
24800
- publishDate: 1779209858,
24801
- version: '24.0.0-develop.39',
24792
+ publishDate: 1779215108,
24793
+ version: '24.0.0-develop.40',
24802
24794
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
24803
24795
  };
24804
24796
 
@@ -32728,7 +32720,7 @@ class FilterToolbarToolComponent {
32728
32720
  </kendo-grid-columnmenu-item>
32729
32721
  }
32730
32722
  </div>
32731
- `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }, { kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }] });
32723
+ `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }, { kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "contentClass", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }] });
32732
32724
  }
32733
32725
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FilterToolbarToolComponent, decorators: [{
32734
32726
  type: Component,
@@ -33238,7 +33230,7 @@ class FormComponent {
33238
33230
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
33239
33231
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: FormComponent, isStandalone: true, selector: "kendo-grid-external-form", inputs: { controls: "controls", formSettings: "formSettings", formGroup: "formGroup", actionButtons: "actionButtons" }, outputs: { formSubmit: "formSubmit" }, ngImport: i0, template: `
33240
33232
  <div role="form"
33241
- class="k-form k-form-md"
33233
+ class="k-form"
33242
33234
  [class.k-form-horizontal]="formSettings.orientation === 'horizontal'"
33243
33235
  [formGroup]="formGroup"
33244
33236
  (ngSubmit)="formSubmit.next({originalEvent: $event, formGroup})"
@@ -33286,7 +33278,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
33286
33278
  standalone: true,
33287
33279
  template: `
33288
33280
  <div role="form"
33289
- class="k-form k-form-md"
33281
+ class="k-form"
33290
33282
  [class.k-form-horizontal]="formSettings.orientation === 'horizontal'"
33291
33283
  [formGroup]="formGroup"
33292
33284
  (ngSubmit)="formSubmit.next({originalEvent: $event, formGroup})"
@@ -34590,7 +34582,7 @@ class AdaptiveRendererComponent {
34590
34582
  {{messageFor('filterFilterButton')}}
34591
34583
  </button>
34592
34584
  </ng-template>
34593
- `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "component", type: ActionSheetViewComponent, selector: "kendo-actionsheet-view", inputs: ["title", "subtitle", "titleId"] }, { kind: "component", type: FilterToolbarToolComponent, selector: "kendo-filter-toolbar-tool", outputs: ["close"] }, { kind: "component", type: GroupToolbarToolComponent, selector: "kendo-group-toolbar-tool", inputs: ["adaptive"], outputs: ["close", "groupClear"] }, { kind: "component", type: ButtonDirective, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: ActionSheetHeaderTemplateDirective, selector: "[kendoActionSheetHeaderTemplate]" }, { kind: "directive", type: ActionSheetContentTemplateDirective, selector: "[kendoActionSheetContentTemplate]" }, { kind: "directive", type: ActionSheetFooterTemplateDirective, selector: "[kendoActionSheetFooterTemplate]" }, { kind: "component", type: ColumnMenuContainerComponent, selector: "kendo-grid-columnmenu-container" }, { kind: "component", type: ColumnMenuFilterComponent, selector: "kendo-grid-columnmenu-filter", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuSortComponent, selector: "kendo-grid-columnmenu-sort" }, { kind: "component", type: ColumnMenuLockComponent, selector: "kendo-grid-columnmenu-lock" }, { kind: "component", type: ColumnMenuStickComponent, selector: "kendo-grid-columnmenu-stick" }, { kind: "component", type: ColumnMenuPositionComponent, selector: "kendo-grid-columnmenu-position", inputs: ["expanded", "showLock", "showStick", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuChooserComponent, selector: "kendo-grid-columnmenu-chooser", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuAutoSizeColumnComponent, selector: "kendo-grid-columnmenu-autosize-column", inputs: ["column"] }, { kind: "component", type: ColumnMenuAutoSizeAllColumnsComponent, selector: "kendo-grid-columnmenu-autosize-all-columns" }, { kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemDirective, selector: "[kendoGridColumnMenuItem]", inputs: ["kendoGridColumnMenuItem"] }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: FormComponent, selector: "kendo-grid-external-form", inputs: ["controls", "formSettings", "formGroup", "actionButtons"], outputs: ["formSubmit"] }, { kind: "component", type: ColumnChooserContentComponent, selector: "kendo-grid-column-chooser-content", inputs: ["filterable", "showSelectAll", "showCheckedCount", "allowHideAll", "autoSync", "actionsClass", "closeOnReset", "columns", "isLast", "isExpanded", "service"], outputs: ["close"] }] });
34585
+ `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "component", type: ActionSheetViewComponent, selector: "kendo-actionsheet-view", inputs: ["title", "subtitle", "titleId"] }, { kind: "component", type: FilterToolbarToolComponent, selector: "kendo-filter-toolbar-tool", outputs: ["close"] }, { kind: "component", type: GroupToolbarToolComponent, selector: "kendo-group-toolbar-tool", inputs: ["adaptive"], outputs: ["close", "groupClear"] }, { kind: "component", type: ButtonDirective, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: ActionSheetHeaderTemplateDirective, selector: "[kendoActionSheetHeaderTemplate]" }, { kind: "directive", type: ActionSheetContentTemplateDirective, selector: "[kendoActionSheetContentTemplate]" }, { kind: "directive", type: ActionSheetFooterTemplateDirective, selector: "[kendoActionSheetFooterTemplate]" }, { kind: "component", type: ColumnMenuContainerComponent, selector: "kendo-grid-columnmenu-container" }, { kind: "component", type: ColumnMenuFilterComponent, selector: "kendo-grid-columnmenu-filter", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuSortComponent, selector: "kendo-grid-columnmenu-sort" }, { kind: "component", type: ColumnMenuLockComponent, selector: "kendo-grid-columnmenu-lock" }, { kind: "component", type: ColumnMenuStickComponent, selector: "kendo-grid-columnmenu-stick" }, { kind: "component", type: ColumnMenuPositionComponent, selector: "kendo-grid-columnmenu-position", inputs: ["expanded", "showLock", "showStick", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuChooserComponent, selector: "kendo-grid-columnmenu-chooser", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuAutoSizeColumnComponent, selector: "kendo-grid-columnmenu-autosize-column", inputs: ["column"] }, { kind: "component", type: ColumnMenuAutoSizeAllColumnsComponent, selector: "kendo-grid-columnmenu-autosize-all-columns" }, { kind: "component", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "indicatorIcon", "text", "selected", "disabled", "expanded", "contentClass", "focused", "service", "column"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemDirective, selector: "[kendoGridColumnMenuItem]", inputs: ["kendoGridColumnMenuItem"] }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: FormComponent, selector: "kendo-grid-external-form", inputs: ["controls", "formSettings", "formGroup", "actionButtons"], outputs: ["formSubmit"] }, { kind: "component", type: ColumnChooserContentComponent, selector: "kendo-grid-column-chooser-content", inputs: ["filterable", "showSelectAll", "showCheckedCount", "allowHideAll", "autoSync", "actionsClass", "closeOnReset", "columns", "isLast", "isExpanded", "service"], outputs: ["close"] }] });
34594
34586
  }
34595
34587
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AdaptiveRendererComponent, decorators: [{
34596
34588
  type: Component,
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1779209858,
11
- "version": "24.0.0-develop.39",
10
+ "publishDate": 1779215108,
11
+ "version": "24.0.0-develop.40",
12
12
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-grid",
3
- "version": "24.0.0-develop.39",
3
+ "version": "24.0.0-develop.40",
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",
@@ -94,7 +94,7 @@
94
94
  "package": {
95
95
  "productName": "Kendo UI for Angular",
96
96
  "productCode": "KENDOUIANGULAR",
97
- "publishDate": 1779209858,
97
+ "publishDate": 1779215108,
98
98
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
99
99
  }
100
100
  },
@@ -107,32 +107,32 @@
107
107
  "@progress/kendo-data-query": "^1.7.3",
108
108
  "@progress/kendo-drawing": "^1.25.0",
109
109
  "@progress/kendo-licensing": "^1.11.0",
110
- "@progress/kendo-angular-buttons": "24.0.0-develop.39",
111
- "@progress/kendo-angular-common": "24.0.0-develop.39",
112
- "@progress/kendo-angular-dateinputs": "24.0.0-develop.39",
113
- "@progress/kendo-angular-layout": "24.0.0-develop.39",
114
- "@progress/kendo-angular-navigation": "24.0.0-develop.39",
115
- "@progress/kendo-angular-dropdowns": "24.0.0-develop.39",
116
- "@progress/kendo-angular-excel-export": "24.0.0-develop.39",
117
- "@progress/kendo-angular-icons": "24.0.0-develop.39",
118
- "@progress/kendo-angular-indicators": "24.0.0-develop.39",
119
- "@progress/kendo-angular-inputs": "24.0.0-develop.39",
120
- "@progress/kendo-angular-conversational-ui": "24.0.0-develop.39",
121
- "@progress/kendo-angular-intl": "24.0.0-develop.39",
122
- "@progress/kendo-angular-l10n": "24.0.0-develop.39",
123
- "@progress/kendo-angular-label": "24.0.0-develop.39",
124
- "@progress/kendo-angular-menu": "24.0.0-develop.39",
125
- "@progress/kendo-angular-pager": "24.0.0-develop.39",
126
- "@progress/kendo-angular-pdf-export": "24.0.0-develop.39",
127
- "@progress/kendo-angular-popup": "24.0.0-develop.39",
128
- "@progress/kendo-angular-toolbar": "24.0.0-develop.39",
129
- "@progress/kendo-angular-upload": "24.0.0-develop.39",
130
- "@progress/kendo-angular-utils": "24.0.0-develop.39",
110
+ "@progress/kendo-angular-buttons": "24.0.0-develop.40",
111
+ "@progress/kendo-angular-common": "24.0.0-develop.40",
112
+ "@progress/kendo-angular-dateinputs": "24.0.0-develop.40",
113
+ "@progress/kendo-angular-layout": "24.0.0-develop.40",
114
+ "@progress/kendo-angular-navigation": "24.0.0-develop.40",
115
+ "@progress/kendo-angular-dropdowns": "24.0.0-develop.40",
116
+ "@progress/kendo-angular-excel-export": "24.0.0-develop.40",
117
+ "@progress/kendo-angular-icons": "24.0.0-develop.40",
118
+ "@progress/kendo-angular-indicators": "24.0.0-develop.40",
119
+ "@progress/kendo-angular-inputs": "24.0.0-develop.40",
120
+ "@progress/kendo-angular-conversational-ui": "24.0.0-develop.40",
121
+ "@progress/kendo-angular-intl": "24.0.0-develop.40",
122
+ "@progress/kendo-angular-l10n": "24.0.0-develop.40",
123
+ "@progress/kendo-angular-label": "24.0.0-develop.40",
124
+ "@progress/kendo-angular-menu": "24.0.0-develop.40",
125
+ "@progress/kendo-angular-pager": "24.0.0-develop.40",
126
+ "@progress/kendo-angular-pdf-export": "24.0.0-develop.40",
127
+ "@progress/kendo-angular-popup": "24.0.0-develop.40",
128
+ "@progress/kendo-angular-toolbar": "24.0.0-develop.40",
129
+ "@progress/kendo-angular-upload": "24.0.0-develop.40",
130
+ "@progress/kendo-angular-utils": "24.0.0-develop.40",
131
131
  "rxjs": "^6.5.3 || ^7.0.0"
132
132
  },
133
133
  "dependencies": {
134
134
  "tslib": "^2.3.1",
135
- "@progress/kendo-angular-schematics": "24.0.0-develop.39",
135
+ "@progress/kendo-angular-schematics": "24.0.0-develop.40",
136
136
  "@progress/kendo-common": "^1.0.1",
137
137
  "@progress/kendo-file-saver": "^1.0.0",
138
138
  "@progress/kendo-csv": "^1.0.0"
@@ -9,19 +9,19 @@ const schematics_1 = require("@angular-devkit/schematics");
9
9
  function default_1(options) {
10
10
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
11
11
  // peer deps of the dropdowns
12
- '@progress/kendo-angular-treeview': '24.0.0-develop.39',
13
- '@progress/kendo-angular-navigation': '24.0.0-develop.39',
12
+ '@progress/kendo-angular-treeview': '24.0.0-develop.40',
13
+ '@progress/kendo-angular-navigation': '24.0.0-develop.40',
14
14
  // peer dependency of kendo-angular-inputs
15
- '@progress/kendo-angular-dialog': '24.0.0-develop.39',
15
+ '@progress/kendo-angular-dialog': '24.0.0-develop.40',
16
16
  // peer dependency of kendo-angular-icons
17
17
  '@progress/kendo-svg-icons': '^4.0.0',
18
18
  // peer dependency of kendo-angular-layout
19
- '@progress/kendo-angular-progressbar': '24.0.0-develop.39',
19
+ '@progress/kendo-angular-progressbar': '24.0.0-develop.40',
20
20
  // transitive peer dependencies from toolbar
21
- '@progress/kendo-angular-indicators': '24.0.0-develop.39',
21
+ '@progress/kendo-angular-indicators': '24.0.0-develop.40',
22
22
  // transitive peer dependencies from conversational-ui
23
- '@progress/kendo-angular-menu': '24.0.0-develop.39',
24
- '@progress/kendo-angular-upload': '24.0.0-develop.39'
23
+ '@progress/kendo-angular-menu': '24.0.0-develop.40',
24
+ '@progress/kendo-angular-upload': '24.0.0-develop.40'
25
25
  } });
26
26
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
27
27
  }