@progress/kendo-angular-menu 11.0.0-develop.119 → 11.0.0-develop.121

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/esm2020/menu-item.component.mjs +3 -1
  2. package/esm2020/package-metadata.mjs +2 -2
  3. package/esm2020/rendering/list.component.mjs +2 -2
  4. package/fesm2015/progress-kendo-angular-menu.mjs +7 -5
  5. package/fesm2020/progress-kendo-angular-menu.mjs +7 -5
  6. package/menu-item.component.d.ts +3 -1
  7. package/menu-item.interface.d.ts +6 -0
  8. package/package.json +6 -6
package/esm2020/menu-item.component.mjs CHANGED
@@ -87,7 +87,7 @@ export class MenuItemComponent {
87
87
  }
88
88
  }
89
89
  MenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
90
- MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuItemComponent, selector: "kendo-menu-item", inputs: { text: "text", url: "url", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle", icon: "icon", data: "data", separator: "separator" }, queries: [{ propertyName: "itemTemplate", predicate: ItemTemplateDirective }, { propertyName: "itemLinkTemplate", predicate: ItemLinkTemplateDirective }, { propertyName: "itemContentTemplate", predicate: ItemContentTemplateDirective }, { propertyName: "children", predicate: MenuItemComponent }], ngImport: i0, template: ``, isInline: true });
90
+ MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuItemComponent, selector: "kendo-menu-item", inputs: { text: "text", url: "url", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle", icon: "icon", svgIcon: "svgIcon", data: "data", separator: "separator" }, queries: [{ propertyName: "itemTemplate", predicate: ItemTemplateDirective }, { propertyName: "itemLinkTemplate", predicate: ItemLinkTemplateDirective }, { propertyName: "itemContentTemplate", predicate: ItemContentTemplateDirective }, { propertyName: "children", predicate: MenuItemComponent }], ngImport: i0, template: ``, isInline: true });
91
91
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuItemComponent, decorators: [{
92
92
  type: Component,
93
93
  args: [{
@@ -106,6 +106,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
106
106
  type: Input
107
107
  }], icon: [{
108
108
  type: Input
109
+ }], svgIcon: [{
110
+ type: Input
109
111
  }], data: [{
110
112
  type: Input
111
113
  }], separator: [{
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-menu',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1673969178,
13
- version: '11.0.0-develop.119',
12
+ publishDate: 1674024926,
13
+ version: '11.0.0-develop.121',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/esm2020/rendering/list.component.mjs CHANGED
@@ -455,7 +455,7 @@ ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
455
455
  </ng-template>
456
456
 
457
457
  <ng-template #itemcontent>
458
- <span *ngIf="item.icon" class="k-icon" [ngClass]="iconClass" role="presentation"></span>
458
+ <kendo-icon-wrapper *ngIf="item.icon || item.svgIcon" [name]="item.icon" [svgIcon]="item.svgIcon" role="presentation"></kendo-icon-wrapper>
459
459
  <ng-container *ngIf="!template">
460
460
  <span class="k-menu-link-text">{{ item.text }}</span>
461
461
  </ng-container>
@@ -511,7 +511,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
511
511
  </ng-template>
512
512
 
513
513
  <ng-template #itemcontent>
514
- <span *ngIf="item.icon" class="k-icon" [ngClass]="iconClass" role="presentation"></span>
514
+ <kendo-icon-wrapper *ngIf="item.icon || item.svgIcon" [name]="item.icon" [svgIcon]="item.svgIcon" role="presentation"></kendo-icon-wrapper>
515
515
  <ng-container *ngIf="!template">
516
516
  <span class="k-menu-link-text">{{ item.text }}</span>
517
517
  </ng-container>
package/fesm2015/progress-kendo-angular-menu.mjs CHANGED
@@ -23,8 +23,8 @@ const packageMetadata = {
23
23
  name: '@progress/kendo-angular-menu',
24
24
  productName: 'Kendo UI for Angular',
25
25
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
26
- publishDate: 1673969178,
27
- version: '11.0.0-develop.119',
26
+ publishDate: 1674024926,
27
+ version: '11.0.0-develop.121',
28
28
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
29
29
  };
30
30
 
@@ -1024,7 +1024,7 @@ class MenuItemComponent {
1024
1024
  }
1025
1025
  }
1026
1026
  MenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1027
- MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuItemComponent, selector: "kendo-menu-item", inputs: { text: "text", url: "url", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle", icon: "icon", data: "data", separator: "separator" }, queries: [{ propertyName: "itemTemplate", predicate: ItemTemplateDirective }, { propertyName: "itemLinkTemplate", predicate: ItemLinkTemplateDirective }, { propertyName: "itemContentTemplate", predicate: ItemContentTemplateDirective }, { propertyName: "children", predicate: MenuItemComponent }], ngImport: i0, template: ``, isInline: true });
1027
+ MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuItemComponent, selector: "kendo-menu-item", inputs: { text: "text", url: "url", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle", icon: "icon", svgIcon: "svgIcon", data: "data", separator: "separator" }, queries: [{ propertyName: "itemTemplate", predicate: ItemTemplateDirective }, { propertyName: "itemLinkTemplate", predicate: ItemLinkTemplateDirective }, { propertyName: "itemContentTemplate", predicate: ItemContentTemplateDirective }, { propertyName: "children", predicate: MenuItemComponent }], ngImport: i0, template: ``, isInline: true });
1028
1028
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuItemComponent, decorators: [{
1029
1029
  type: Component,
1030
1030
  args: [{
@@ -1043,6 +1043,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
1043
1043
  type: Input
1044
1044
  }], icon: [{
1045
1045
  type: Input
1046
+ }], svgIcon: [{
1047
+ type: Input
1046
1048
  }], data: [{
1047
1049
  type: Input
1048
1050
  }], separator: [{
@@ -1698,7 +1700,7 @@ ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
1698
1700
  </ng-template>
1699
1701
 
1700
1702
  <ng-template #itemcontent>
1701
- <span *ngIf="item.icon" class="k-icon" [ngClass]="iconClass" role="presentation"></span>
1703
+ <kendo-icon-wrapper *ngIf="item.icon || item.svgIcon" [name]="item.icon" [svgIcon]="item.svgIcon" role="presentation"></kendo-icon-wrapper>
1702
1704
  <ng-container *ngIf="!template">
1703
1705
  <span class="k-menu-link-text">{{ item.text }}</span>
1704
1706
  </ng-container>
@@ -1754,7 +1756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
1754
1756
  </ng-template>
1755
1757
 
1756
1758
  <ng-template #itemcontent>
1757
- <span *ngIf="item.icon" class="k-icon" [ngClass]="iconClass" role="presentation"></span>
1759
+ <kendo-icon-wrapper *ngIf="item.icon || item.svgIcon" [name]="item.icon" [svgIcon]="item.svgIcon" role="presentation"></kendo-icon-wrapper>
1758
1760
  <ng-container *ngIf="!template">
1759
1761
  <span class="k-menu-link-text">{{ item.text }}</span>
1760
1762
  </ng-container>
package/fesm2020/progress-kendo-angular-menu.mjs CHANGED
@@ -23,8 +23,8 @@ const packageMetadata = {
23
23
  name: '@progress/kendo-angular-menu',
24
24
  productName: 'Kendo UI for Angular',
25
25
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
26
- publishDate: 1673969178,
27
- version: '11.0.0-develop.119',
26
+ publishDate: 1674024926,
27
+ version: '11.0.0-develop.121',
28
28
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
29
29
  };
30
30
 
@@ -1041,7 +1041,7 @@ class MenuItemComponent {
1041
1041
  }
1042
1042
  }
1043
1043
  MenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1044
- MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuItemComponent, selector: "kendo-menu-item", inputs: { text: "text", url: "url", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle", icon: "icon", data: "data", separator: "separator" }, queries: [{ propertyName: "itemTemplate", predicate: ItemTemplateDirective }, { propertyName: "itemLinkTemplate", predicate: ItemLinkTemplateDirective }, { propertyName: "itemContentTemplate", predicate: ItemContentTemplateDirective }, { propertyName: "children", predicate: MenuItemComponent }], ngImport: i0, template: ``, isInline: true });
1044
+ MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuItemComponent, selector: "kendo-menu-item", inputs: { text: "text", url: "url", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle", icon: "icon", svgIcon: "svgIcon", data: "data", separator: "separator" }, queries: [{ propertyName: "itemTemplate", predicate: ItemTemplateDirective }, { propertyName: "itemLinkTemplate", predicate: ItemLinkTemplateDirective }, { propertyName: "itemContentTemplate", predicate: ItemContentTemplateDirective }, { propertyName: "children", predicate: MenuItemComponent }], ngImport: i0, template: ``, isInline: true });
1045
1045
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuItemComponent, decorators: [{
1046
1046
  type: Component,
1047
1047
  args: [{
@@ -1060,6 +1060,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
1060
1060
  type: Input
1061
1061
  }], icon: [{
1062
1062
  type: Input
1063
+ }], svgIcon: [{
1064
+ type: Input
1063
1065
  }], data: [{
1064
1066
  type: Input
1065
1067
  }], separator: [{
@@ -1692,7 +1694,7 @@ ItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
1692
1694
  </ng-template>
1693
1695
 
1694
1696
  <ng-template #itemcontent>
1695
- <span *ngIf="item.icon" class="k-icon" [ngClass]="iconClass" role="presentation"></span>
1697
+ <kendo-icon-wrapper *ngIf="item.icon || item.svgIcon" [name]="item.icon" [svgIcon]="item.svgIcon" role="presentation"></kendo-icon-wrapper>
1696
1698
  <ng-container *ngIf="!template">
1697
1699
  <span class="k-menu-link-text">{{ item.text }}</span>
1698
1700
  </ng-container>
@@ -1748,7 +1750,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
1748
1750
  </ng-template>
1749
1751
 
1750
1752
  <ng-template #itemcontent>
1751
- <span *ngIf="item.icon" class="k-icon" [ngClass]="iconClass" role="presentation"></span>
1753
+ <kendo-icon-wrapper *ngIf="item.icon || item.svgIcon" [name]="item.icon" [svgIcon]="item.svgIcon" role="presentation"></kendo-icon-wrapper>
1752
1754
  <ng-container *ngIf="!template">
1753
1755
  <span class="k-menu-link-text">{{ item.text }}</span>
1754
1756
  </ng-container>
package/menu-item.component.d.ts CHANGED
@@ -7,6 +7,7 @@ import { ItemTemplateDirective } from './templates/item-template.directive';
7
7
  import { ItemLinkTemplateDirective } from './templates/item-link-template.directive';
8
8
  import { ItemContentTemplateDirective } from './templates/item-content-template.directive';
9
9
  import { MenuItem } from './menu-item.interface';
10
+ import { SVGIcon } from '@progress/kendo-svg-icons';
10
11
  import * as i0 from "@angular/core";
11
12
  /**
12
13
  * A component that can be used to specify the Menu items
@@ -60,6 +61,7 @@ export declare class MenuItemComponent implements MenuItem {
60
61
  cssClass: any;
61
62
  cssStyle: any;
62
63
  icon: string;
64
+ svgIcon: SVGIcon;
63
65
  data: any;
64
66
  separator: boolean;
65
67
  /**
@@ -95,5 +97,5 @@ export declare class MenuItemComponent implements MenuItem {
95
97
  */
96
98
  get items(): any[];
97
99
  static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, never>;
98
- static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "kendo-menu-item", never, { "text": "text"; "url": "url"; "disabled": "disabled"; "cssClass": "cssClass"; "cssStyle": "cssStyle"; "icon": "icon"; "data": "data"; "separator": "separator"; }, {}, ["itemTemplate", "itemLinkTemplate", "itemContentTemplate", "children"], never>;
100
+ static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "kendo-menu-item", never, { "text": "text"; "url": "url"; "disabled": "disabled"; "cssClass": "cssClass"; "cssStyle": "cssStyle"; "icon": "icon"; "svgIcon": "svgIcon"; "data": "data"; "separator": "separator"; }, {}, ["itemTemplate", "itemLinkTemplate", "itemContentTemplate", "children"], never>;
99
101
  }
package/menu-item.interface.d.ts CHANGED
@@ -3,6 +3,7 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { TemplateRef } from '@angular/core';
6
+ import { SVGIcon } from '@progress/kendo-angular-icons';
6
7
  /**
7
8
  * An interface for the Menu items.
8
9
  */
@@ -21,6 +22,11 @@ export interface MenuItem {
21
22
  * be rendered for the item ([see example]({% slug items_menu %}#toc-icon)).
22
23
  */
23
24
  icon?: string;
25
+ /**
26
+ * Defines an [`SVGIcon`](slug:api_icons_svgicon) that will be
27
+ * rendered for the item using a [`KendoSVGIcon`](slug:api_icons_svgiconcomponent) component.
28
+ */
29
+ svgIcon?: SVGIcon;
24
30
  /**
25
31
  * Specifies if the item is disabled ([see example]({% slug items_menu %}#toc-disabled-state)).
26
32
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-menu",
3
- "version": "11.0.0-develop.119",
3
+ "version": "11.0.0-develop.121",
4
4
  "description": "Kendo UI Angular Menu component",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -23,15 +23,15 @@
23
23
  "@angular/core": "13 - 15",
24
24
  "@angular/platform-browser": "13 - 15",
25
25
  "@progress/kendo-licensing": "^1.0.2",
26
- "@progress/kendo-angular-common": "11.0.0-develop.119",
27
- "@progress/kendo-angular-l10n": "11.0.0-develop.119",
28
- "@progress/kendo-angular-icons": "11.0.0-develop.119",
29
- "@progress/kendo-angular-popup": "11.0.0-develop.119",
26
+ "@progress/kendo-angular-common": "11.0.0-develop.121",
27
+ "@progress/kendo-angular-l10n": "11.0.0-develop.121",
28
+ "@progress/kendo-angular-icons": "11.0.0-develop.121",
29
+ "@progress/kendo-angular-popup": "11.0.0-develop.121",
30
30
  "rxjs": "^6.5.3 || ^7.0.0"
31
31
  },
32
32
  "dependencies": {
33
33
  "tslib": "^2.3.1",
34
- "@progress/kendo-angular-schematics": "11.0.0-develop.119"
34
+ "@progress/kendo-angular-schematics": "11.0.0-develop.121"
35
35
  },
36
36
  "schematics": "./schematics/collection.json",
37
37
  "module": "fesm2015/progress-kendo-angular-menu.mjs",