@progress/kendo-angular-inputs 18.1.0-develop.30 → 18.1.0-develop.5

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 (33) hide show
  1. package/colorpicker/color-gradient.component.d.ts +1 -19
  2. package/colorpicker/color-input.component.d.ts +3 -15
  3. package/colorpicker/color-palette.component.d.ts +6 -16
  4. package/colorpicker/colorpicker.component.d.ts +8 -55
  5. package/colorpicker/flatcolorpicker-actions.component.d.ts +1 -3
  6. package/colorpicker/flatcolorpicker-header.component.d.ts +1 -3
  7. package/colorpicker/flatcolorpicker.component.d.ts +1 -19
  8. package/colorpicker/localization/messages.d.ts +1 -9
  9. package/esm2022/colorpicker/color-gradient.component.mjs +17 -75
  10. package/esm2022/colorpicker/color-input.component.mjs +23 -56
  11. package/esm2022/colorpicker/color-palette.component.mjs +15 -45
  12. package/esm2022/colorpicker/colorpicker.component.mjs +41 -182
  13. package/esm2022/colorpicker/flatcolorpicker-actions.component.mjs +7 -22
  14. package/esm2022/colorpicker/flatcolorpicker-header.component.mjs +3 -8
  15. package/esm2022/colorpicker/flatcolorpicker.component.mjs +17 -72
  16. package/esm2022/colorpicker/localization/messages.mjs +1 -13
  17. package/esm2022/colorpicker/services/flatcolorpicker.service.mjs +3 -3
  18. package/esm2022/colorpicker.module.mjs +2 -3
  19. package/esm2022/inputs.module.mjs +2 -3
  20. package/esm2022/otpinput/otpinput.component.mjs +45 -75
  21. package/esm2022/package-metadata.mjs +2 -2
  22. package/fesm2022/progress-kendo-angular-inputs.mjs +3092 -3765
  23. package/otpinput/models/separator-icon.d.ts +3 -9
  24. package/otpinput/otpinput.component.d.ts +7 -4
  25. package/package.json +11 -13
  26. package/colorpicker/adaptiveness/adaptive-close-button.component.d.ts +0 -20
  27. package/colorpicker/adaptiveness/adaptive-renderer.component.d.ts +0 -38
  28. package/colorpicker/color-gradient-text-label.directive.d.ts +0 -19
  29. package/colorpicker/models/adaptive-mode.d.ts +0 -23
  30. package/esm2022/colorpicker/adaptiveness/adaptive-close-button.component.mjs +0 -62
  31. package/esm2022/colorpicker/adaptiveness/adaptive-renderer.component.mjs +0 -205
  32. package/esm2022/colorpicker/color-gradient-text-label.directive.mjs +0 -34
  33. package/esm2022/colorpicker/models/adaptive-mode.mjs +0 -27
@@ -10,7 +10,6 @@ import { OutputFormat, HSVA } from './models';
10
10
  import { KendoDragEvent } from './events/kendo-drag-event';
11
11
  import { ColorInputComponent } from './color-input.component';
12
12
  import { SVGIcon } from '@progress/kendo-angular-icons';
13
- import { InputSize } from '../common/models';
14
13
  import * as i0 from "@angular/core";
15
14
  /**
16
15
  * The ColorGradient component enables smooth color transitions and provides options for selecting specific colors over the drag handle.
@@ -44,10 +43,6 @@ export declare class ColorGradientComponent implements OnInit, OnChanges, OnDest
44
43
  * @hidden
45
44
  */
46
45
  focusHandler(ev: any): void;
47
- /**
48
- * @hidden
49
- */
50
- adaptiveMode: boolean;
51
46
  /**
52
47
  * @hidden
53
48
  */
@@ -58,17 +53,6 @@ export declare class ColorGradientComponent implements OnInit, OnChanges, OnDest
58
53
  * @default true
59
54
  */
60
55
  opacity: boolean;
61
- /**
62
- * The size property specifies the padding of the ColorGradient internal elements.
63
- *
64
- * The possible values are:
65
- * * `small`
66
- * * `medium` (default)
67
- * * `large`
68
- * * `none`
69
- */
70
- set size(size: InputSize);
71
- get size(): InputSize;
72
56
  /**
73
57
  * Sets the disabled state of the ColorGradient. To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_colorgradient#toc-managing-the-colorgradient-disabled-state-in-reactive-forms).
74
58
  *
@@ -176,7 +160,6 @@ export declare class ColorGradientComponent implements OnInit, OnChanges, OnDest
176
160
  private listeners;
177
161
  private hueSliderTouched;
178
162
  private alphaSliderTouched;
179
- private _size;
180
163
  private updateValues;
181
164
  private changeRequestsSubscription;
182
165
  private dynamicRTLSubscription;
@@ -293,7 +276,6 @@ export declare class ColorGradientComponent implements OnInit, OnChanges, OnDest
293
276
  private addEventListeners;
294
277
  private subscribeChanges;
295
278
  private unsubscribeChanges;
296
- private handleClasses;
297
279
  static ɵfac: i0.ɵɵFactoryDeclaration<ColorGradientComponent, never>;
298
- static ɵcmp: i0.ɵɵComponentDeclaration<ColorGradientComponent, "kendo-colorgradient", ["kendoColorGradient"], { "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; "id": { "alias": "id"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "value": { "alias": "value"; "required": false; }; "contrastTool": { "alias": "contrastTool"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "format": { "alias": "format"; "required": false; }; "gradientSliderStep": { "alias": "gradientSliderStep"; "required": false; }; "gradientSliderSmallStep": { "alias": "gradientSliderSmallStep"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
280
+ static ɵcmp: i0.ɵɵComponentDeclaration<ColorGradientComponent, "kendo-colorgradient", ["kendoColorGradient"], { "id": { "alias": "id"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "value": { "alias": "value"; "required": false; }; "contrastTool": { "alias": "contrastTool"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "format": { "alias": "format"; "required": false; }; "gradientSliderStep": { "alias": "gradientSliderStep"; "required": false; }; "gradientSliderSmallStep": { "alias": "gradientSliderSmallStep"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
299
281
  }
@@ -2,12 +2,11 @@
2
2
  * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { OnChanges, SimpleChanges, EventEmitter, ElementRef, AfterViewInit, Renderer2, ChangeDetectorRef } from '@angular/core';
5
+ import { OnChanges, SimpleChanges, EventEmitter, ElementRef, AfterViewInit, Renderer2 } from '@angular/core';
6
6
  import { RGBA } from './models';
7
7
  import { LocalizationService } from '@progress/kendo-angular-l10n';
8
8
  import { NumericTextBoxComponent } from './../numerictextbox/numerictextbox.component';
9
9
  import { SVGIcon } from '@progress/kendo-svg-icons';
10
- import { InputSize } from '../common/models';
11
10
  import * as i0 from "@angular/core";
12
11
  /**
13
12
  * @hidden
@@ -15,7 +14,6 @@ import * as i0 from "@angular/core";
15
14
  export declare class ColorInputComponent implements AfterViewInit, OnChanges {
16
15
  private host;
17
16
  private renderer;
18
- private cdr;
19
17
  localizationService: LocalizationService;
20
18
  /**
21
19
  * The id of the hex input.
@@ -25,16 +23,6 @@ export declare class ColorInputComponent implements AfterViewInit, OnChanges {
25
23
  * The color format view.
26
24
  */
27
25
  formatView: string;
28
- /**
29
- * The size property specifies the padding of the ColorInput.
30
- *
31
- * The possible values are:
32
- * * `small`
33
- * * `medium` (default)
34
- * * `large`
35
- * * `none`
36
- */
37
- size: InputSize;
38
26
  /**
39
27
  * The inputs tabindex.
40
28
  */
@@ -89,7 +77,7 @@ export declare class ColorInputComponent implements AfterViewInit, OnChanges {
89
77
  */
90
78
  caretAltExpandIcon: SVGIcon;
91
79
  private subscriptions;
92
- constructor(host: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef, localizationService: LocalizationService);
80
+ constructor(host: ElementRef, renderer: Renderer2, localizationService: LocalizationService);
93
81
  ngAfterViewInit(): void;
94
82
  ngOnDestroy(): void;
95
83
  ngOnChanges(changes: SimpleChanges): void;
@@ -105,5 +93,5 @@ export declare class ColorInputComponent implements AfterViewInit, OnChanges {
105
93
  private initDomEvents;
106
94
  private lastInput;
107
95
  static ɵfac: i0.ɵɵFactoryDeclaration<ColorInputComponent, never>;
108
- static ɵcmp: i0.ɵɵComponentDeclaration<ColorInputComponent, "kendo-colorinput", never, { "focusableId": { "alias": "focusableId"; "required": false; }; "formatView": { "alias": "formatView"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "valueChange": "valueChange"; "tabOut": "tabOut"; }, never, never, true, never>;
96
+ static ɵcmp: i0.ɵɵComponentDeclaration<ColorInputComponent, "kendo-colorinput", never, { "focusableId": { "alias": "focusableId"; "required": false; }; "formatView": { "alias": "formatView"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "valueChange": "valueChange"; "tabOut": "tabOut"; }, never, never, true, never>;
109
97
  }
@@ -7,7 +7,6 @@ import { ControlValueAccessor } from '@angular/forms';
7
7
  import { LocalizationService } from '@progress/kendo-angular-l10n';
8
8
  import { TileSize, OutputFormat, TableCell } from './models';
9
9
  import { ColorPaletteService } from './services/color-palette.service';
10
- import { InputSize } from '../common/models';
11
10
  import * as i0 from "@angular/core";
12
11
  /**
13
12
  * The ColorPalette component provides a set of predefined palette presets and enables you to implement a custom color palette.
@@ -72,17 +71,6 @@ export declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnD
72
71
  */
73
72
  set palette(value: string | Array<string>);
74
73
  get palette(): string | Array<string>;
75
- /**
76
- * The size property specifies the padding of the ColorPalette internal elements.
77
- *
78
- * The possible values are:
79
- * * `small`
80
- * * `medium` (default)
81
- * * `large`
82
- * * `none`
83
- */
84
- set size(size: InputSize);
85
- get size(): InputSize;
86
74
  /**
87
75
  * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
88
76
  */
@@ -99,7 +87,11 @@ export declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnD
99
87
  */
100
88
  readonly: boolean;
101
89
  /**
102
- * Specifies the size of a color cell. The default tile size depends on the `size` of the component.
90
+ * Specifies the size of a color cell.
91
+ *
92
+ * The possible values are:
93
+ * * (Default) `tileSize = 24`
94
+ * * `{ width: number, height: number }`
103
95
  */
104
96
  tileSize: number | TileSize;
105
97
  /**
@@ -161,7 +153,6 @@ export declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnD
161
153
  */
162
154
  uniqueId: string;
163
155
  private selection;
164
- private _size;
165
156
  private _value;
166
157
  private _columns;
167
158
  private _palette;
@@ -225,9 +216,8 @@ export declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnD
225
216
  private handleCellNavigation;
226
217
  private setHostElementAriaLabel;
227
218
  private handleEnter;
228
- private handleClasses;
229
219
  private notifyNgTouched;
230
220
  private notifyNgChanged;
231
221
  static ɵfac: i0.ɵɵFactoryDeclaration<ColorPaletteComponent, never>;
232
- static ɵcmp: i0.ɵɵComponentDeclaration<ColorPaletteComponent, "kendo-colorpalette", ["kendoColorPalette"], { "id": { "alias": "id"; "required": false; }; "format": { "alias": "format"; "required": false; }; "value": { "alias": "value"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tileSize": { "alias": "tileSize"; "required": false; }; }, { "selectionChange": "selectionChange"; "valueChange": "valueChange"; "cellSelection": "cellSelection"; }, never, never, true, never>;
222
+ static ɵcmp: i0.ɵɵComponentDeclaration<ColorPaletteComponent, "kendo-colorpalette", ["kendoColorPalette"], { "id": { "alias": "id"; "required": false; }; "format": { "alias": "format"; "required": false; }; "value": { "alias": "value"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tileSize": { "alias": "tileSize"; "required": false; }; }, { "selectionChange": "selectionChange"; "valueChange": "valueChange"; "cellSelection": "cellSelection"; }, never, never, true, never>;
233
223
  }
@@ -5,15 +5,11 @@
5
5
  import { EventEmitter, ElementRef, OnDestroy, ViewContainerRef, ChangeDetectorRef, NgZone, OnChanges, OnInit, AfterViewInit, Renderer2, Injector } from '@angular/core';
6
6
  import { ControlValueAccessor } from '@angular/forms';
7
7
  import { PopupService } from '@progress/kendo-angular-popup';
8
- import { AdaptiveService, AdaptiveSize } from '@progress/kendo-angular-utils';
9
- import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
10
8
  import { LocalizationService } from '@progress/kendo-angular-l10n';
11
9
  import { PopupSettings, PaletteSettings, OutputFormat, ColorPickerView, GradientSettings, ColorPickerActionsLayout } from './models';
12
10
  import { ActiveColorClickEvent, ColorPickerCancelEvent, ColorPickerCloseEvent, ColorPickerOpenEvent } from './events';
13
11
  import { InputFillMode, InputRounded, InputSize } from '../common/models';
14
12
  import { SVGIcon } from '@progress/kendo-angular-icons';
15
- import { AdaptiveMode } from './models/adaptive-mode';
16
- import { AdaptiveRendererComponent } from './adaptiveness/adaptive-renderer.component';
17
13
  import * as i0 from "@angular/core";
18
14
  /**
19
15
  * Represents the [Kendo UI ColorPicker component for Angular]({% slug overview_colorpicker %}).
@@ -29,7 +25,6 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
29
25
  private ngZone;
30
26
  private renderer;
31
27
  private injector;
32
- private adaptiveService;
33
28
  hostClasses: boolean;
34
29
  get focusedClass(): boolean;
35
30
  get disabledClass(): boolean;
@@ -54,10 +49,6 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
54
49
  */
55
50
  set view(view: ColorPickerView);
56
51
  get view(): ColorPickerView;
57
- /**
58
- * Enables or disables the adaptive mode. By default, adaptive rendering is disabled.
59
- */
60
- adaptiveMode: AdaptiveMode;
61
52
  /**
62
53
  * Sets the initially active view in the popup. The property supports two-way binding.
63
54
  *
@@ -207,13 +198,13 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
207
198
  */
208
199
  valueChange: EventEmitter<any>;
209
200
  /**
210
- * Fires each time the Popup (or ActionSheet in adaptive mode) is about to open.
211
- * This event is preventable. If you cancel it, the Popup (or the ActionSheet) will remain closed.
201
+ * Fires each time the popup is about to open.
202
+ * This event is preventable. If you cancel it, the popup will remain closed.
212
203
  */
213
204
  open: EventEmitter<ColorPickerOpenEvent>;
214
205
  /**
215
- * Fires each time the Popup (or ActionSheet in adaptive mode) is about to close.
216
- * This event is preventable. If you cancel it, the Popup (or the ActionSheet) will remain open.
206
+ * Fires each time the popup is about to close.
207
+ * This event is preventable. If you cancel it, the popup will remain open.
217
208
  */
218
209
  close: EventEmitter<ColorPickerCloseEvent>;
219
210
  /**
@@ -252,33 +243,13 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
252
243
  */
253
244
  isFocused: boolean;
254
245
  /**
255
- * @hidden
256
- */
257
- windowSize: AdaptiveSize;
258
- /**
259
- * Returns the current open state. Returns `true` if the Popup (or ActionSheet in adaptive mode) is currently open.
246
+ * Indicates whether the ColorPicker popup is open.
260
247
  */
261
248
  get isOpen(): boolean;
262
249
  /**
263
250
  * @hidden
264
251
  */
265
252
  get customIconStyles(): string;
266
- /**
267
- * @hidden
268
- */
269
- get isAdaptiveModeEnabled(): boolean;
270
- /**
271
- * @hidden
272
- */
273
- get isAdaptive(): boolean;
274
- /**
275
- * @hidden
276
- */
277
- get actionSheet(): ActionSheetComponent;
278
- /**
279
- * @hidden
280
- */
281
- get isActionSheetExpanded(): boolean;
282
253
  /**
283
254
  * @hidden
284
255
  */
@@ -292,10 +263,6 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
292
263
  private activeColor;
293
264
  private popupTemplate;
294
265
  private flatColorPicker;
295
- /**
296
- * @hidden
297
- */
298
- adaptiveRenderer: AdaptiveRendererComponent;
299
266
  /**
300
267
  * @hidden
301
268
  */
@@ -315,15 +282,11 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
315
282
  private popupSubs;
316
283
  private colorPickerId;
317
284
  private control;
318
- constructor(host: ElementRef, popupService: PopupService, cdr: ChangeDetectorRef, localizationService: LocalizationService, ngZone: NgZone, renderer: Renderer2, injector: Injector, adaptiveService: AdaptiveService);
285
+ constructor(host: ElementRef, popupService: PopupService, cdr: ChangeDetectorRef, localizationService: LocalizationService, ngZone: NgZone, renderer: Renderer2, injector: Injector);
319
286
  ngOnInit(): void;
320
287
  ngAfterViewInit(): void;
321
288
  ngOnChanges(changes: any): void;
322
289
  ngOnDestroy(): void;
323
- /**
324
- * @hidden
325
- */
326
- onResize(): void;
327
290
  /**
328
291
  * @hidden
329
292
  */
@@ -357,7 +320,7 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
357
320
  */
358
321
  reset(): void;
359
322
  /**
360
- * Toggles the Popup (or ActionSheet in adaptive mode) of the ColorPicker.
323
+ * Toggles the popup of the ColorPicker.
361
324
  * Does not trigger the `open` and `close` events of the component.
362
325
  *
363
326
  * @param open An optional parameter. Specifies whether the popup will be opened or closed.
@@ -391,14 +354,6 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
391
354
  * @hidden
392
355
  */
393
356
  handleWrapperKeyDown(event: any): void;
394
- /**
395
- * @hidden
396
- */
397
- onApply(): void;
398
- /**
399
- * @hidden
400
- */
401
- onCancel(e: any): void;
402
357
  /**
403
358
  * @hidden
404
359
  */
@@ -413,8 +368,6 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
413
368
  private popupBlurInvalid;
414
369
  private toggleWithEvents;
415
370
  private focusFirstElement;
416
- private openActionSheet;
417
- private closeActionSheet;
418
371
  private openPopup;
419
372
  private closePopup;
420
373
  private get firstFocusableElement();
@@ -426,5 +379,5 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
426
379
  private domFocusListener;
427
380
  private handleHostId;
428
381
  static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
429
- static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "kendo-colorpicker", ["kendoColorPicker"], { "views": { "alias": "views"; "required": false; }; "view": { "alias": "view"; "required": false; }; "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "value": { "alias": "value"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "paletteSettings": { "alias": "paletteSettings"; "required": false; }; "gradientSettings": { "alias": "gradientSettings"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; }, { "valueChange": "valueChange"; "open": "open"; "close": "close"; "onFocus": "focus"; "onBlur": "blur"; "cancel": "cancel"; "activeColorClick": "activeColorClick"; "clearButtonClick": "clearButtonClick"; "activeViewChange": "activeViewChange"; }, never, never, true, never>;
382
+ static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "kendo-colorpicker", ["kendoColorPicker"], { "views": { "alias": "views"; "required": false; }; "view": { "alias": "view"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "value": { "alias": "value"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "paletteSettings": { "alias": "paletteSettings"; "required": false; }; "gradientSettings": { "alias": "gradientSettings"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; }, { "valueChange": "valueChange"; "open": "open"; "close": "close"; "onFocus": "focus"; "onBlur": "blur"; "cancel": "cancel"; "activeColorClick": "activeColorClick"; "clearButtonClick": "clearButtonClick"; "activeViewChange": "activeViewChange"; }, never, never, true, never>;
430
383
  }
@@ -4,7 +4,6 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { EventEmitter, ElementRef } from '@angular/core';
6
6
  import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import { InputSize } from '../common/models';
8
7
  import * as i0 from "@angular/core";
9
8
  /**
10
9
  * @hidden
@@ -13,7 +12,6 @@ export declare class FlatColorPickerActionButtonsComponent {
13
12
  localizationService: LocalizationService;
14
13
  hostClasses: boolean;
15
14
  innerTabIndex: number;
16
- size: InputSize;
17
15
  actionButtonClick: EventEmitter<any>;
18
16
  tabOut: EventEmitter<any>;
19
17
  firstButton: ElementRef;
@@ -22,5 +20,5 @@ export declare class FlatColorPickerActionButtonsComponent {
22
20
  getText(text: string): string;
23
21
  onActionButtonClick(type: string, ev: any): void;
24
22
  static ɵfac: i0.ɵɵFactoryDeclaration<FlatColorPickerActionButtonsComponent, never>;
25
- static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerActionButtonsComponent, "[kendoFlatColorPickerActionButtons]", never, { "innerTabIndex": { "alias": "innerTabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "actionButtonClick": "actionButtonClick"; "tabOut": "tabOut"; }, never, never, true, never>;
23
+ static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerActionButtonsComponent, "[kendoFlatColorPickerActionButtons]", never, { "innerTabIndex": { "alias": "innerTabIndex"; "required": false; }; }, { "actionButtonClick": "actionButtonClick"; "tabOut": "tabOut"; }, never, never, true, never>;
26
24
  }
@@ -6,7 +6,6 @@ import { EventEmitter, QueryList, ElementRef, Renderer2, AfterViewInit } from '@
6
6
  import { SVGIcon } from '@progress/kendo-svg-icons';
7
7
  import { LocalizationService } from '@progress/kendo-angular-l10n';
8
8
  import { ColorPickerView } from './models';
9
- import { InputSize } from '../common/models';
10
9
  import * as i0 from "@angular/core";
11
10
  /**
12
11
  * @hidden
@@ -22,7 +21,6 @@ export declare class FlatColorPickerHeaderComponent implements AfterViewInit {
22
21
  innerTabIndex: number;
23
22
  value: string;
24
23
  selection: string;
25
- size: InputSize;
26
24
  viewChange: EventEmitter<ColorPickerView>;
27
25
  valuePaneClick: EventEmitter<any>;
28
26
  clearButtonClick: EventEmitter<any>;
@@ -41,5 +39,5 @@ export declare class FlatColorPickerHeaderComponent implements AfterViewInit {
41
39
  getText(text: string): string;
42
40
  onHeaderTabOut(ev: any, index: number): void;
43
41
  static ɵfac: i0.ɵɵFactoryDeclaration<FlatColorPickerHeaderComponent, never>;
44
- static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerHeaderComponent, "[kendoFlatColorPickerHeader]", never, { "clearButton": { "alias": "clearButton"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "views": { "alias": "views"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "innerTabIndex": { "alias": "innerTabIndex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "viewChange": "viewChange"; "valuePaneClick": "valuePaneClick"; "clearButtonClick": "clearButtonClick"; "tabOut": "tabOut"; }, never, never, true, never>;
42
+ static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerHeaderComponent, "[kendoFlatColorPickerHeader]", never, { "clearButton": { "alias": "clearButton"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "views": { "alias": "views"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "innerTabIndex": { "alias": "innerTabIndex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "viewChange": "viewChange"; "valuePaneClick": "valuePaneClick"; "clearButtonClick": "clearButtonClick"; "tabOut": "tabOut"; }, never, never, true, never>;
45
43
  }
@@ -12,7 +12,6 @@ import { ColorGradientComponent } from './color-gradient.component';
12
12
  import { ColorPaletteComponent } from './color-palette.component';
13
13
  import { FlatColorPickerHeaderComponent } from './flatcolorpicker-header.component';
14
14
  import { FlatColorPickerActionButtonsComponent } from './flatcolorpicker-actions.component';
15
- import { InputSize } from "../common/models";
16
15
  import * as i0 from "@angular/core";
17
16
  /**
18
17
  * Represents the [Kendo UI FlatColorPicker component for Angular]({% slug overview_flatcolorpicker %}).
@@ -123,26 +122,11 @@ export declare class FlatColorPickerComponent implements OnInit, AfterViewInit,
123
122
  */
124
123
  set gradientSettings(value: GradientSettings);
125
124
  get gradientSettings(): GradientSettings;
126
- /**
127
- * @hidden
128
- */
129
- adaptiveMode: boolean;
130
125
  /**
131
126
  * Configures the palette view.
132
127
  */
133
128
  set paletteSettings(value: PaletteSettings);
134
129
  get paletteSettings(): PaletteSettings;
135
- /**
136
- * The size property specifies the padding of the FlatColorPicker internal elements.
137
- *
138
- * The possible values are:
139
- * * `small`
140
- * * `medium` (default)
141
- * * `large`
142
- * * `none`
143
- */
144
- set size(size: InputSize);
145
- get size(): InputSize;
146
130
  /**
147
131
  * Fires each time the component value is changed.
148
132
  */
@@ -185,7 +169,6 @@ export declare class FlatColorPickerComponent implements OnInit, AfterViewInit,
185
169
  private dynamicRTLSubscription;
186
170
  private subscriptions;
187
171
  private internalNavigation;
188
- private _size;
189
172
  private control;
190
173
  /**
191
174
  * @hidden
@@ -279,7 +262,6 @@ export declare class FlatColorPickerComponent implements OnInit, AfterViewInit,
279
262
  private notifyNgTouched;
280
263
  private initDomEvents;
281
264
  private removeGradientAttributes;
282
- private handleClasses;
283
265
  static ɵfac: i0.ɵɵFactoryDeclaration<FlatColorPickerComponent, never>;
284
- static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerComponent, "kendo-flatcolorpicker", ["kendoFlatColorPicker"], { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "views": { "alias": "views"; "required": false; }; "gradientSettings": { "alias": "gradientSettings"; "required": false; }; "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; "paletteSettings": { "alias": "paletteSettings"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "valueChange": "valueChange"; "cancel": "cancel"; "activeViewChange": "activeViewChange"; "clearButtonClick": "clearButtonClick"; "actionButtonClick": "actionButtonClick"; }, never, never, true, never>;
266
+ static ɵcmp: i0.ɵɵComponentDeclaration<FlatColorPickerComponent, "kendo-flatcolorpicker", ["kendoFlatColorPicker"], { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "views": { "alias": "views"; "required": false; }; "gradientSettings": { "alias": "gradientSettings"; "required": false; }; "paletteSettings": { "alias": "paletteSettings"; "required": false; }; }, { "valueChange": "valueChange"; "cancel": "cancel"; "activeViewChange": "activeViewChange"; "clearButtonClick": "clearButtonClick"; "actionButtonClick": "actionButtonClick"; }, never, never, true, never>;
285
267
  }
@@ -116,14 +116,6 @@ export declare class ColorPickerMessages extends ComponentMessages {
116
116
  * The message for the Cancel action button.
117
117
  */
118
118
  cancelButton: string;
119
- /**
120
- * The title for the Close button in adaptive mode.
121
- */
122
- closeButton: string;
123
- /**
124
- * The title for the ActionSheet when in adaptive mode.
125
- */
126
- adaptiveTitle: string;
127
119
  static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerMessages, never>;
128
- static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerMessages, "kendo-colorpicker-messages-base", never, { "colorPaletteNoColor": { "alias": "colorPaletteNoColor"; "required": false; }; "colorGradientNoColor": { "alias": "colorGradientNoColor"; "required": false; }; "flatColorPickerNoColor": { "alias": "flatColorPickerNoColor"; "required": false; }; "colorPickerNoColor": { "alias": "colorPickerNoColor"; "required": false; }; "colorGradientHandle": { "alias": "colorGradientHandle"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "hueSliderHandle": { "alias": "hueSliderHandle"; "required": false; }; "opacitySliderHandle": { "alias": "opacitySliderHandle"; "required": false; }; "hexInputPlaceholder": { "alias": "hexInputPlaceholder"; "required": false; }; "redInputPlaceholder": { "alias": "redInputPlaceholder"; "required": false; }; "greenInputPlaceholder": { "alias": "greenInputPlaceholder"; "required": false; }; "blueInputPlaceholder": { "alias": "blueInputPlaceholder"; "required": false; }; "alphaInputPlaceholder": { "alias": "alphaInputPlaceholder"; "required": false; }; "redChannelLabel": { "alias": "redChannelLabel"; "required": false; }; "greenChannelLabel": { "alias": "greenChannelLabel"; "required": false; }; "blueChannelLabel": { "alias": "blueChannelLabel"; "required": false; }; "alphaChannelLabel": { "alias": "alphaChannelLabel"; "required": false; }; "passContrast": { "alias": "passContrast"; "required": false; }; "failContrast": { "alias": "failContrast"; "required": false; }; "contrastRatio": { "alias": "contrastRatio"; "required": false; }; "previewColor": { "alias": "previewColor"; "required": false; }; "revertSelection": { "alias": "revertSelection"; "required": false; }; "gradientView": { "alias": "gradientView"; "required": false; }; "paletteView": { "alias": "paletteView"; "required": false; }; "formatButton": { "alias": "formatButton"; "required": false; }; "applyButton": { "alias": "applyButton"; "required": false; }; "cancelButton": { "alias": "cancelButton"; "required": false; }; "closeButton": { "alias": "closeButton"; "required": false; }; "adaptiveTitle": { "alias": "adaptiveTitle"; "required": false; }; }, {}, never, never, false, never>;
120
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerMessages, "kendo-colorpicker-messages-base", never, { "colorPaletteNoColor": { "alias": "colorPaletteNoColor"; "required": false; }; "colorGradientNoColor": { "alias": "colorGradientNoColor"; "required": false; }; "flatColorPickerNoColor": { "alias": "flatColorPickerNoColor"; "required": false; }; "colorPickerNoColor": { "alias": "colorPickerNoColor"; "required": false; }; "colorGradientHandle": { "alias": "colorGradientHandle"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "hueSliderHandle": { "alias": "hueSliderHandle"; "required": false; }; "opacitySliderHandle": { "alias": "opacitySliderHandle"; "required": false; }; "hexInputPlaceholder": { "alias": "hexInputPlaceholder"; "required": false; }; "redInputPlaceholder": { "alias": "redInputPlaceholder"; "required": false; }; "greenInputPlaceholder": { "alias": "greenInputPlaceholder"; "required": false; }; "blueInputPlaceholder": { "alias": "blueInputPlaceholder"; "required": false; }; "alphaInputPlaceholder": { "alias": "alphaInputPlaceholder"; "required": false; }; "redChannelLabel": { "alias": "redChannelLabel"; "required": false; }; "greenChannelLabel": { "alias": "greenChannelLabel"; "required": false; }; "blueChannelLabel": { "alias": "blueChannelLabel"; "required": false; }; "alphaChannelLabel": { "alias": "alphaChannelLabel"; "required": false; }; "passContrast": { "alias": "passContrast"; "required": false; }; "failContrast": { "alias": "failContrast"; "required": false; }; "contrastRatio": { "alias": "contrastRatio"; "required": false; }; "previewColor": { "alias": "previewColor"; "required": false; }; "revertSelection": { "alias": "revertSelection"; "required": false; }; "gradientView": { "alias": "gradientView"; "required": false; }; "paletteView": { "alias": "paletteView"; "required": false; }; "formatButton": { "alias": "formatButton"; "required": false; }; "applyButton": { "alias": "applyButton"; "required": false; }; "cancelButton": { "alias": "cancelButton"; "required": false; }; }, {}, never, never, false, never>;
129
121
  }