@progress/kendo-angular-inputs 11.2.0-develop.14 → 11.2.0-develop.16

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.
@@ -421,9 +421,12 @@ export class FlatColorPickerComponent {
421
421
  setSizingVariables() {
422
422
  const paletteTileSize = this.service.paletteTileLayout(this.paletteSettings.tileSize);
423
423
  const element = this.host.nativeElement.querySelector('.k-coloreditor-views.k-vstack');
424
- this.renderer.setStyle(element, '--kendo-color-preview-columns', this.paletteSettings.columns);
425
- this.renderer.setStyle(element, '--kendo-color-preview-width', `${paletteTileSize.width}px`);
426
- this.renderer.setStyle(element, '--kendo-color-preview-height', `${paletteTileSize.height}px;`);
424
+ const cssProperties = `
425
+ --kendo-color-preview-columns: ${this.paletteSettings.columns};
426
+ --kendo-color-preview-width: ${paletteTileSize.width}px;
427
+ --kendo-color-preview-height: ${paletteTileSize.height}px;
428
+ `;
429
+ this.renderer.setProperty(element, 'style', cssProperties);
427
430
  }
428
431
  changeCurrentValue(color) {
429
432
  this.selection = color;
@@ -585,7 +588,7 @@ FlatColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
585
588
  (valueChange)="handleValueChange($event)"
586
589
  ></kendo-colorpalette>
587
590
  </div>
588
- <div kendoFlatColorPickerActionButtons
591
+ <div kendoFlatColorPickerActionButtons
589
592
  [innerTabIndex]="innerTabIndex"
590
593
  *ngIf="preview"
591
594
  #footer
@@ -708,7 +711,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
708
711
  (valueChange)="handleValueChange($event)"
709
712
  ></kendo-colorpalette>
710
713
  </div>
711
- <div kendoFlatColorPickerActionButtons
714
+ <div kendoFlatColorPickerActionButtons
712
715
  [innerTabIndex]="innerTabIndex"
713
716
  *ngIf="preview"
714
717
  #footer
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-inputs',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1675947334,
13
- version: '11.2.0-develop.14',
12
+ publishDate: 1676030153,
13
+ version: '11.2.0-develop.16',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
@@ -539,8 +539,8 @@ const packageMetadata = {
539
539
  name: '@progress/kendo-angular-inputs',
540
540
  productName: 'Kendo UI for Angular',
541
541
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
542
- publishDate: 1675947334,
543
- version: '11.2.0-develop.14',
542
+ publishDate: 1676030153,
543
+ version: '11.2.0-develop.16',
544
544
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
545
545
  };
546
546
 
@@ -11607,9 +11607,12 @@ class FlatColorPickerComponent {
11607
11607
  setSizingVariables() {
11608
11608
  const paletteTileSize = this.service.paletteTileLayout(this.paletteSettings.tileSize);
11609
11609
  const element = this.host.nativeElement.querySelector('.k-coloreditor-views.k-vstack');
11610
- this.renderer.setStyle(element, '--kendo-color-preview-columns', this.paletteSettings.columns);
11611
- this.renderer.setStyle(element, '--kendo-color-preview-width', `${paletteTileSize.width}px`);
11612
- this.renderer.setStyle(element, '--kendo-color-preview-height', `${paletteTileSize.height}px;`);
11610
+ const cssProperties = `
11611
+ --kendo-color-preview-columns: ${this.paletteSettings.columns};
11612
+ --kendo-color-preview-width: ${paletteTileSize.width}px;
11613
+ --kendo-color-preview-height: ${paletteTileSize.height}px;
11614
+ `;
11615
+ this.renderer.setProperty(element, 'style', cssProperties);
11613
11616
  }
11614
11617
  changeCurrentValue(color) {
11615
11618
  this.selection = color;
@@ -11771,7 +11774,7 @@ FlatColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
11771
11774
  (valueChange)="handleValueChange($event)"
11772
11775
  ></kendo-colorpalette>
11773
11776
  </div>
11774
- <div kendoFlatColorPickerActionButtons
11777
+ <div kendoFlatColorPickerActionButtons
11775
11778
  [innerTabIndex]="innerTabIndex"
11776
11779
  *ngIf="preview"
11777
11780
  #footer
@@ -11894,7 +11897,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
11894
11897
  (valueChange)="handleValueChange($event)"
11895
11898
  ></kendo-colorpalette>
11896
11899
  </div>
11897
- <div kendoFlatColorPickerActionButtons
11900
+ <div kendoFlatColorPickerActionButtons
11898
11901
  [innerTabIndex]="innerTabIndex"
11899
11902
  *ngIf="preview"
11900
11903
  #footer
@@ -538,8 +538,8 @@ const packageMetadata = {
538
538
  name: '@progress/kendo-angular-inputs',
539
539
  productName: 'Kendo UI for Angular',
540
540
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
541
- publishDate: 1675947334,
542
- version: '11.2.0-develop.14',
541
+ publishDate: 1676030153,
542
+ version: '11.2.0-develop.16',
543
543
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
544
544
  };
545
545
 
@@ -11578,9 +11578,12 @@ class FlatColorPickerComponent {
11578
11578
  setSizingVariables() {
11579
11579
  const paletteTileSize = this.service.paletteTileLayout(this.paletteSettings.tileSize);
11580
11580
  const element = this.host.nativeElement.querySelector('.k-coloreditor-views.k-vstack');
11581
- this.renderer.setStyle(element, '--kendo-color-preview-columns', this.paletteSettings.columns);
11582
- this.renderer.setStyle(element, '--kendo-color-preview-width', `${paletteTileSize.width}px`);
11583
- this.renderer.setStyle(element, '--kendo-color-preview-height', `${paletteTileSize.height}px;`);
11581
+ const cssProperties = `
11582
+ --kendo-color-preview-columns: ${this.paletteSettings.columns};
11583
+ --kendo-color-preview-width: ${paletteTileSize.width}px;
11584
+ --kendo-color-preview-height: ${paletteTileSize.height}px;
11585
+ `;
11586
+ this.renderer.setProperty(element, 'style', cssProperties);
11584
11587
  }
11585
11588
  changeCurrentValue(color) {
11586
11589
  this.selection = color;
@@ -11742,7 +11745,7 @@ FlatColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
11742
11745
  (valueChange)="handleValueChange($event)"
11743
11746
  ></kendo-colorpalette>
11744
11747
  </div>
11745
- <div kendoFlatColorPickerActionButtons
11748
+ <div kendoFlatColorPickerActionButtons
11746
11749
  [innerTabIndex]="innerTabIndex"
11747
11750
  *ngIf="preview"
11748
11751
  #footer
@@ -11865,7 +11868,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
11865
11868
  (valueChange)="handleValueChange($event)"
11866
11869
  ></kendo-colorpalette>
11867
11870
  </div>
11868
- <div kendoFlatColorPickerActionButtons
11871
+ <div kendoFlatColorPickerActionButtons
11869
11872
  [innerTabIndex]="innerTabIndex"
11870
11873
  *ngIf="preview"
11871
11874
  #footer
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-inputs",
3
- "version": "11.2.0-develop.14",
3
+ "version": "11.2.0-develop.16",
4
4
  "description": "Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, TextArea, and TextBox Components)",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -33,19 +33,19 @@
33
33
  "@angular/platform-browser": "13 - 15",
34
34
  "@progress/kendo-drawing": "^1.17.2",
35
35
  "@progress/kendo-licensing": "^1.0.2",
36
- "@progress/kendo-angular-buttons": "11.2.0-develop.14",
37
- "@progress/kendo-angular-common": "11.2.0-develop.14",
38
- "@progress/kendo-angular-dialog": "11.2.0-develop.14",
39
- "@progress/kendo-angular-intl": "11.2.0-develop.14",
40
- "@progress/kendo-angular-l10n": "11.2.0-develop.14",
41
- "@progress/kendo-angular-popup": "11.2.0-develop.14",
42
- "@progress/kendo-angular-icons": "11.2.0-develop.14",
36
+ "@progress/kendo-angular-buttons": "11.2.0-develop.16",
37
+ "@progress/kendo-angular-common": "11.2.0-develop.16",
38
+ "@progress/kendo-angular-dialog": "11.2.0-develop.16",
39
+ "@progress/kendo-angular-intl": "11.2.0-develop.16",
40
+ "@progress/kendo-angular-l10n": "11.2.0-develop.16",
41
+ "@progress/kendo-angular-popup": "11.2.0-develop.16",
42
+ "@progress/kendo-angular-icons": "11.2.0-develop.16",
43
43
  "rxjs": "^6.5.3 || ^7.0.0",
44
- "@progress/kendo-angular-upload": "11.2.0-develop.14"
44
+ "@progress/kendo-angular-upload": "11.2.0-develop.16"
45
45
  },
46
46
  "dependencies": {
47
47
  "tslib": "^2.3.1",
48
- "@progress/kendo-angular-schematics": "11.2.0-develop.14",
48
+ "@progress/kendo-angular-schematics": "11.2.0-develop.16",
49
49
  "@progress/kendo-common": "^0.2.2",
50
50
  "@progress/kendo-draggable": "^3.0.0",
51
51
  "@progress/kendo-inputs-common": "^3.1.0"