@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.
- package/colorpicker/color-gradient.component.d.ts +1 -19
- package/colorpicker/color-input.component.d.ts +3 -15
- package/colorpicker/color-palette.component.d.ts +6 -16
- package/colorpicker/colorpicker.component.d.ts +8 -55
- package/colorpicker/flatcolorpicker-actions.component.d.ts +1 -3
- package/colorpicker/flatcolorpicker-header.component.d.ts +1 -3
- package/colorpicker/flatcolorpicker.component.d.ts +1 -19
- package/colorpicker/localization/messages.d.ts +1 -9
- package/esm2022/colorpicker/color-gradient.component.mjs +17 -75
- package/esm2022/colorpicker/color-input.component.mjs +23 -56
- package/esm2022/colorpicker/color-palette.component.mjs +15 -45
- package/esm2022/colorpicker/colorpicker.component.mjs +41 -182
- package/esm2022/colorpicker/flatcolorpicker-actions.component.mjs +7 -22
- package/esm2022/colorpicker/flatcolorpicker-header.component.mjs +3 -8
- package/esm2022/colorpicker/flatcolorpicker.component.mjs +17 -72
- package/esm2022/colorpicker/localization/messages.mjs +1 -13
- package/esm2022/colorpicker/services/flatcolorpicker.service.mjs +3 -3
- package/esm2022/colorpicker.module.mjs +2 -3
- package/esm2022/inputs.module.mjs +2 -3
- package/esm2022/otpinput/otpinput.component.mjs +45 -75
- package/esm2022/package-metadata.mjs +2 -2
- package/fesm2022/progress-kendo-angular-inputs.mjs +3092 -3765
- package/otpinput/models/separator-icon.d.ts +3 -9
- package/otpinput/otpinput.component.d.ts +7 -4
- package/package.json +11 -13
- package/colorpicker/adaptiveness/adaptive-close-button.component.d.ts +0 -20
- package/colorpicker/adaptiveness/adaptive-renderer.component.d.ts +0 -38
- package/colorpicker/color-gradient-text-label.directive.d.ts +0 -19
- package/colorpicker/models/adaptive-mode.d.ts +0 -23
- package/esm2022/colorpicker/adaptiveness/adaptive-close-button.component.mjs +0 -62
- package/esm2022/colorpicker/adaptiveness/adaptive-renderer.component.mjs +0 -205
- package/esm2022/colorpicker/color-gradient-text-label.directive.mjs +0 -34
- 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"], { "
|
|
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
|
|
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,
|
|
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; }; "
|
|
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.
|
|
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; }; "
|
|
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
|
|
211
|
-
* This event is preventable. If you cancel it, the
|
|
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
|
|
216
|
-
* This event is preventable. If you cancel it, the
|
|
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
|
-
|
|
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
|
|
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
|
|
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; }; "
|
|
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; };
|
|
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; };
|
|
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; }; "
|
|
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; };
|
|
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
|
}
|