@progress/kendo-angular-icons 11.0.1-develop.1 → 11.0.1-develop.3

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 (7) hide show
  1. package/common/icon-settings.d.ts +12 -1
  2. package/esm2020/common/icon-base.mjs +4 -2
  3. package/esm2020/common/icon-settings.mjs +12 -1
  4. package/esm2020/package-metadata.mjs +2 -2
  5. package/fesm2015/progress-kendo-angular-icons.mjs +18 -5
  6. package/fesm2020/progress-kendo-angular-icons.mjs +18 -5
  7. package/package.json +3 -3
package/common/icon-settings.d.ts CHANGED
@@ -5,6 +5,17 @@
5
5
  import { InjectionToken } from '@angular/core';
6
6
  import { IconSettings } from './models';
7
7
  /**
8
- * A token that specifies the icons [settings ('size', 'themeColor', 'flip')](appearance_svgicon) of Kendo UI for Angular components.
8
+ * A token that specifies the [IconSettings](slug:api_icons_iconsettings) of the Kendo UI for Angular components ([see example](slug:icon_settings#toc-icons-configuration)).
9
+ *
10
+ * ```ts
11
+ * import { NgModule } from '@angular/core';
12
+ *
13
+ * @NgModule({
14
+ * ...
15
+ * providers: [{ provide: ICON_SETTINGS, useValue: { type: 'svg', size: 'xsmall' }}]
16
+ * })
17
+ * export class AppModule {}
18
+ * ```
19
+ *
9
20
  */
10
21
  export declare const ICON_SETTINGS: InjectionToken<IconSettings>;
package/esm2020/common/icon-base.mjs CHANGED
@@ -49,9 +49,11 @@ export class IconBaseDirective {
49
49
  set themeColor(themeColor) {
50
50
  const element = this.element.nativeElement;
51
51
  this._themeColor = themeColor;
52
- this.renderer.removeClass(element, `k-color-${themeColor}`);
52
+ // needed to ensure the theme color will be always applied; e.g. the class .k-button-icon, specific
53
+ // for icon buttons applies "color: inherit" which overwrites the theme color
54
+ this.renderer.removeClass(element, `!k-color-${themeColor}`);
53
55
  if (themeColor) {
54
- this.renderer.addClass(element, `k-color-${themeColor}`);
56
+ this.renderer.addClass(element, `!k-color-${themeColor}`);
55
57
  }
56
58
  }
57
59
  get themeColor() {
package/esm2020/common/icon-settings.mjs CHANGED
@@ -4,6 +4,17 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { InjectionToken } from '@angular/core';
6
6
  /**
7
- * A token that specifies the icons [settings ('size', 'themeColor', 'flip')](appearance_svgicon) of Kendo UI for Angular components.
7
+ * A token that specifies the [IconSettings](slug:api_icons_iconsettings) of the Kendo UI for Angular components ([see example](slug:icon_settings#toc-icons-configuration)).
8
+ *
9
+ * ```ts
10
+ * import { NgModule } from '@angular/core';
11
+ *
12
+ * @NgModule({
13
+ * ...
14
+ * providers: [{ provide: ICON_SETTINGS, useValue: { type: 'svg', size: 'xsmall' }}]
15
+ * })
16
+ * export class AppModule {}
17
+ * ```
18
+ *
8
19
  */
9
20
  export const ICON_SETTINGS = new InjectionToken('Kendo UI Icon-Settings token');
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-icons',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1674059639,
13
- version: '11.0.1-develop.1',
12
+ publishDate: 1674112522,
13
+ version: '11.0.1-develop.3',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2015/progress-kendo-angular-icons.mjs CHANGED
@@ -19,8 +19,8 @@ const packageMetadata = {
19
19
  name: '@progress/kendo-angular-icons',
20
20
  productName: 'Kendo UI for Angular',
21
21
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
22
- publishDate: 1674059639,
23
- version: '11.0.1-develop.1',
22
+ publishDate: 1674112522,
23
+ version: '11.0.1-develop.3',
24
24
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
25
25
  };
26
26
 
@@ -67,9 +67,11 @@ class IconBaseDirective {
67
67
  set themeColor(themeColor) {
68
68
  const element = this.element.nativeElement;
69
69
  this._themeColor = themeColor;
70
- this.renderer.removeClass(element, `k-color-${themeColor}`);
70
+ // needed to ensure the theme color will be always applied; e.g. the class .k-button-icon, specific
71
+ // for icon buttons applies "color: inherit" which overwrites the theme color
72
+ this.renderer.removeClass(element, `!k-color-${themeColor}`);
71
73
  if (themeColor) {
72
- this.renderer.addClass(element, `k-color-${themeColor}`);
74
+ this.renderer.addClass(element, `!k-color-${themeColor}`);
73
75
  }
74
76
  }
75
77
  get themeColor() {
@@ -242,7 +244,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
242
244
  const isPresent = (value) => value !== null && value !== undefined;
243
245
 
244
246
  /**
245
- * A token that specifies the icons [settings ('size', 'themeColor', 'flip')](appearance_svgicon) of Kendo UI for Angular components.
247
+ * A token that specifies the [IconSettings](slug:api_icons_iconsettings) of the Kendo UI for Angular components ([see example](slug:icon_settings#toc-icons-configuration)).
248
+ *
249
+ * ```ts
250
+ * import { NgModule } from '@angular/core';
251
+ *
252
+ * @NgModule({
253
+ * ...
254
+ * providers: [{ provide: ICON_SETTINGS, useValue: { type: 'svg', size: 'xsmall' }}]
255
+ * })
256
+ * export class AppModule {}
257
+ * ```
258
+ *
246
259
  */
247
260
  const ICON_SETTINGS = new InjectionToken('Kendo UI Icon-Settings token');
248
261
 
package/fesm2020/progress-kendo-angular-icons.mjs CHANGED
@@ -19,8 +19,8 @@ const packageMetadata = {
19
19
  name: '@progress/kendo-angular-icons',
20
20
  productName: 'Kendo UI for Angular',
21
21
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
22
- publishDate: 1674059639,
23
- version: '11.0.1-develop.1',
22
+ publishDate: 1674112522,
23
+ version: '11.0.1-develop.3',
24
24
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
25
25
  };
26
26
 
@@ -67,9 +67,11 @@ class IconBaseDirective {
67
67
  set themeColor(themeColor) {
68
68
  const element = this.element.nativeElement;
69
69
  this._themeColor = themeColor;
70
- this.renderer.removeClass(element, `k-color-${themeColor}`);
70
+ // needed to ensure the theme color will be always applied; e.g. the class .k-button-icon, specific
71
+ // for icon buttons applies "color: inherit" which overwrites the theme color
72
+ this.renderer.removeClass(element, `!k-color-${themeColor}`);
71
73
  if (themeColor) {
72
- this.renderer.addClass(element, `k-color-${themeColor}`);
74
+ this.renderer.addClass(element, `!k-color-${themeColor}`);
73
75
  }
74
76
  }
75
77
  get themeColor() {
@@ -286,7 +288,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
286
288
  }] });
287
289
 
288
290
  /**
289
- * A token that specifies the icons [settings ('size', 'themeColor', 'flip')](appearance_svgicon) of Kendo UI for Angular components.
291
+ * A token that specifies the [IconSettings](slug:api_icons_iconsettings) of the Kendo UI for Angular components ([see example](slug:icon_settings#toc-icons-configuration)).
292
+ *
293
+ * ```ts
294
+ * import { NgModule } from '@angular/core';
295
+ *
296
+ * @NgModule({
297
+ * ...
298
+ * providers: [{ provide: ICON_SETTINGS, useValue: { type: 'svg', size: 'xsmall' }}]
299
+ * })
300
+ * export class AppModule {}
301
+ * ```
302
+ *
290
303
  */
291
304
  const ICON_SETTINGS = new InjectionToken('Kendo UI Icon-Settings token');
292
305
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-icons",
3
- "version": "11.0.1-develop.1",
3
+ "version": "11.0.1-develop.3",
4
4
  "description": "Kendo UI Angular component starter template",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -22,12 +22,12 @@
22
22
  "@angular/platform-browser": "13 - 15",
23
23
  "@progress/kendo-licensing": "^1.0.2",
24
24
  "@progress/kendo-svg-icons": "^1.0.0",
25
- "@progress/kendo-angular-common": "11.0.1-develop.1",
25
+ "@progress/kendo-angular-common": "11.0.1-develop.3",
26
26
  "rxjs": "^6.5.3 || ^7.0.0"
27
27
  },
28
28
  "dependencies": {
29
29
  "tslib": "^2.3.1",
30
- "@progress/kendo-angular-schematics": "11.0.1-develop.1"
30
+ "@progress/kendo-angular-schematics": "11.0.1-develop.3"
31
31
  },
32
32
  "schematics": "./schematics/collection.json",
33
33
  "module": "fesm2015/progress-kendo-angular-icons.mjs",