@progress/kendo-vue-inputs 2.7.1 → 2.7.3-dev.202201070829
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/dist/cdn/js/kendo-vue-inputs.js +1 -1
- package/dist/es/colors/ColorPalette.d.ts +55 -0
- package/dist/es/colors/ColorPalette.js +340 -0
- package/dist/es/colors/ColorPicker.d.ts +52 -0
- package/dist/es/colors/ColorPicker.js +382 -0
- package/dist/es/colors/Picker.d.ts +41 -0
- package/dist/es/colors/Picker.js +94 -0
- package/dist/es/colors/interfaces/ColorPaletteChangeEvent.d.ts +13 -0
- package/dist/es/colors/interfaces/ColorPaletteChangeEvent.js +0 -0
- package/dist/es/colors/interfaces/ColorPaletteProps.d.ts +75 -0
- package/dist/es/colors/interfaces/ColorPaletteProps.js +0 -0
- package/dist/es/colors/interfaces/ColorPickerActiveColorClick.d.ts +13 -0
- package/dist/es/colors/interfaces/ColorPickerActiveColorClick.js +0 -0
- package/dist/es/colors/interfaces/ColorPickerBlurEvent.d.ts +9 -0
- package/dist/es/colors/interfaces/ColorPickerBlurEvent.js +0 -0
- package/dist/es/colors/interfaces/ColorPickerChangeEvent.d.ts +13 -0
- package/dist/es/colors/interfaces/ColorPickerChangeEvent.js +0 -0
- package/dist/es/colors/interfaces/ColorPickerFocusEvent.d.ts +9 -0
- package/dist/es/colors/interfaces/ColorPickerFocusEvent.js +0 -0
- package/dist/es/colors/interfaces/ColorPickerPaletteSettings.d.ts +32 -0
- package/dist/es/colors/interfaces/ColorPickerPaletteSettings.js +0 -0
- package/dist/es/colors/interfaces/ColorPickerPopupSettings.d.ts +14 -0
- package/dist/es/colors/interfaces/ColorPickerPopupSettings.js +0 -0
- package/dist/es/colors/interfaces/ColorPickerProps.d.ts +142 -0
- package/dist/es/colors/interfaces/ColorPickerProps.js +0 -0
- package/dist/es/colors/interfaces/ColorPickerView.d.ts +10 -0
- package/dist/es/colors/interfaces/ColorPickerView.js +0 -0
- package/dist/es/colors/interfaces/PickerPopupSettings.d.ts +14 -0
- package/dist/es/colors/interfaces/PickerPopupSettings.js +0 -0
- package/dist/es/colors/interfaces/PickerProps.d.ts +42 -0
- package/dist/es/colors/interfaces/PickerProps.js +0 -0
- package/dist/es/colors/models/hsva.d.ts +9 -0
- package/dist/es/colors/models/hsva.js +0 -0
- package/dist/es/colors/models/output-format.d.ts +4 -0
- package/dist/es/colors/models/output-format.js +0 -0
- package/dist/es/colors/models/palette-presets.d.ts +53 -0
- package/dist/es/colors/models/palette-presets.js +54 -0
- package/dist/es/colors/models/rgb.d.ts +8 -0
- package/dist/es/colors/models/rgb.js +0 -0
- package/dist/es/colors/models/rgba.d.ts +9 -0
- package/dist/es/colors/models/rgba.js +0 -0
- package/dist/es/colors/models/table-cell.d.ts +7 -0
- package/dist/es/colors/models/table-cell.js +0 -0
- package/dist/es/colors/models/tile-size.d.ts +11 -0
- package/dist/es/colors/models/tile-size.js +0 -0
- package/dist/es/colors/utils/color-cache.d.ts +30 -0
- package/dist/es/colors/utils/color-cache.js +61 -0
- package/dist/es/colors/utils/color-palette.service.d.ts +12 -0
- package/dist/es/colors/utils/color-palette.service.js +76 -0
- package/dist/es/colors/utils/color-parser.d.ts +65 -0
- package/dist/es/colors/utils/color-parser.js +136 -0
- package/dist/es/colors/utils/misc.d.ts +15 -0
- package/dist/es/colors/utils/misc.js +20 -0
- package/dist/es/colors/utils/svg-calc.d.ts +62 -0
- package/dist/es/colors/utils/svg-calc.js +103 -0
- package/dist/es/main.d.ts +10 -0
- package/dist/es/main.js +10 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/switch/Switch.js +4 -1
- package/dist/npm/colors/ColorPalette.d.ts +55 -0
- package/dist/npm/colors/ColorPalette.js +355 -0
- package/dist/npm/colors/ColorPicker.d.ts +52 -0
- package/dist/npm/colors/ColorPicker.js +395 -0
- package/dist/npm/colors/Picker.d.ts +41 -0
- package/dist/npm/colors/Picker.js +105 -0
- package/dist/npm/colors/interfaces/ColorPaletteChangeEvent.d.ts +13 -0
- package/dist/npm/colors/interfaces/ColorPaletteChangeEvent.js +2 -0
- package/dist/npm/colors/interfaces/ColorPaletteProps.d.ts +75 -0
- package/dist/npm/colors/interfaces/ColorPaletteProps.js +2 -0
- package/dist/npm/colors/interfaces/ColorPickerActiveColorClick.d.ts +13 -0
- package/dist/npm/colors/interfaces/ColorPickerActiveColorClick.js +2 -0
- package/dist/npm/colors/interfaces/ColorPickerBlurEvent.d.ts +9 -0
- package/dist/npm/colors/interfaces/ColorPickerBlurEvent.js +2 -0
- package/dist/npm/colors/interfaces/ColorPickerChangeEvent.d.ts +13 -0
- package/dist/npm/colors/interfaces/ColorPickerChangeEvent.js +2 -0
- package/dist/npm/colors/interfaces/ColorPickerFocusEvent.d.ts +9 -0
- package/dist/npm/colors/interfaces/ColorPickerFocusEvent.js +2 -0
- package/dist/npm/colors/interfaces/ColorPickerPaletteSettings.d.ts +32 -0
- package/dist/npm/colors/interfaces/ColorPickerPaletteSettings.js +2 -0
- package/dist/npm/colors/interfaces/ColorPickerPopupSettings.d.ts +14 -0
- package/dist/npm/colors/interfaces/ColorPickerPopupSettings.js +2 -0
- package/dist/npm/colors/interfaces/ColorPickerProps.d.ts +142 -0
- package/dist/npm/colors/interfaces/ColorPickerProps.js +2 -0
- package/dist/npm/colors/interfaces/ColorPickerView.d.ts +10 -0
- package/dist/npm/colors/interfaces/ColorPickerView.js +2 -0
- package/dist/npm/colors/interfaces/PickerPopupSettings.d.ts +14 -0
- package/dist/npm/colors/interfaces/PickerPopupSettings.js +2 -0
- package/dist/npm/colors/interfaces/PickerProps.d.ts +42 -0
- package/dist/npm/colors/interfaces/PickerProps.js +2 -0
- package/dist/npm/colors/models/hsva.d.ts +9 -0
- package/dist/npm/colors/models/hsva.js +2 -0
- package/dist/npm/colors/models/output-format.d.ts +4 -0
- package/dist/npm/colors/models/output-format.js +2 -0
- package/dist/npm/colors/models/palette-presets.d.ts +53 -0
- package/dist/npm/colors/models/palette-presets.js +57 -0
- package/dist/npm/colors/models/rgb.d.ts +8 -0
- package/dist/npm/colors/models/rgb.js +2 -0
- package/dist/npm/colors/models/rgba.d.ts +9 -0
- package/dist/npm/colors/models/rgba.js +2 -0
- package/dist/npm/colors/models/table-cell.d.ts +7 -0
- package/dist/npm/colors/models/table-cell.js +2 -0
- package/dist/npm/colors/models/tile-size.d.ts +11 -0
- package/dist/npm/colors/models/tile-size.js +2 -0
- package/dist/npm/colors/utils/color-cache.d.ts +30 -0
- package/dist/npm/colors/utils/color-cache.js +71 -0
- package/dist/npm/colors/utils/color-palette.service.d.ts +12 -0
- package/dist/npm/colors/utils/color-palette.service.js +79 -0
- package/dist/npm/colors/utils/color-parser.d.ts +65 -0
- package/dist/npm/colors/utils/color-parser.js +139 -0
- package/dist/npm/colors/utils/misc.d.ts +15 -0
- package/dist/npm/colors/utils/misc.js +23 -0
- package/dist/npm/colors/utils/svg-calc.d.ts +62 -0
- package/dist/npm/colors/utils/svg-calc.js +106 -0
- package/dist/npm/main.d.ts +10 -0
- package/dist/npm/main.js +11 -0
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/switch/Switch.js +4 -1
- package/package.json +13 -7
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { TileSize } from '../models/tile-size';
|
|
2
|
+
/**
|
|
3
|
+
* The settings of the ColorPalette that is nested inside the popup of the ColorPicker
|
|
4
|
+
* ([see example]({% slug customizecolorpicker_colorpicker %}#toc-customizing-the-palette-popup)).
|
|
5
|
+
*/
|
|
6
|
+
export interface ColorPickerPaletteSettings {
|
|
7
|
+
/**
|
|
8
|
+
* Specifies the set of colors.
|
|
9
|
+
* Provides a set of predefined palette presets (for example, `office`, `basic`, and `apex`)
|
|
10
|
+
* and enables you to implement a custom color palette.
|
|
11
|
+
* Defaults to the `office` preset.
|
|
12
|
+
*
|
|
13
|
+
* The supported values are:
|
|
14
|
+
* * The name of the predefined palette preset (for example, `office`, `basic`, and `apex`).
|
|
15
|
+
* * A string with comma-separated colors.
|
|
16
|
+
* * A string array.
|
|
17
|
+
*/
|
|
18
|
+
palette?: string | Array<string>;
|
|
19
|
+
/**
|
|
20
|
+
* Specifies the number of columns that will be displayed.
|
|
21
|
+
* Defaults to `10`.
|
|
22
|
+
*/
|
|
23
|
+
columns?: number;
|
|
24
|
+
/**
|
|
25
|
+
* Specifies the size of a color cell.
|
|
26
|
+
*
|
|
27
|
+
* The possible values are:
|
|
28
|
+
* * (Default) `24`
|
|
29
|
+
* * `{ width: number, height: number }`
|
|
30
|
+
*/
|
|
31
|
+
tileSize?: number | TileSize;
|
|
32
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { PopupAnimation } from '@progress/kendo-vue-popup';
|
|
2
|
+
/**
|
|
3
|
+
* The settings of the popup container of the ColorPicker.
|
|
4
|
+
*/
|
|
5
|
+
export interface ColorPickerPopupSettings {
|
|
6
|
+
/**
|
|
7
|
+
* Controls the popup animation. By default, the open and close animations are enabled.
|
|
8
|
+
*/
|
|
9
|
+
animate?: boolean | PopupAnimation;
|
|
10
|
+
/**
|
|
11
|
+
* Specifies a list of CSS classes that will be added to the Popup element.
|
|
12
|
+
*/
|
|
13
|
+
className?: string | Array<string>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import { ColorPickerBlurEvent } from './ColorPickerBlurEvent';
|
|
2
|
+
import { ColorPickerFocusEvent } from './ColorPickerFocusEvent';
|
|
3
|
+
import { ColorPickerChangeEvent } from './ColorPickerChangeEvent';
|
|
4
|
+
import { ColorPickerActiveColorClick } from './ColorPickerActiveColorClick';
|
|
5
|
+
import { ColorPickerPopupSettings } from './ColorPickerPopupSettings';
|
|
6
|
+
import { ColorPickerPaletteSettings } from './ColorPickerPaletteSettings';
|
|
7
|
+
import { ColorPickerView } from './ColorPickerView';
|
|
8
|
+
/**
|
|
9
|
+
* Represents the props of the [KendoReact ColorPicker component]({% slug overview_colorpicker %}).
|
|
10
|
+
*/
|
|
11
|
+
export interface ColorPickerProps {
|
|
12
|
+
/**
|
|
13
|
+
* The default value of the ColorPicker
|
|
14
|
+
* ([see example]({% slug default_value_colorpicker %})).
|
|
15
|
+
*/
|
|
16
|
+
defaultValue?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Specifies the value of the ColorPicker. Currently, only the RGBA format is supported.
|
|
19
|
+
*/
|
|
20
|
+
value?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Overrides the validity state of the component.
|
|
23
|
+
* If `valid` is set, the `required` property will be ignored.
|
|
24
|
+
*
|
|
25
|
+
* This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
|
|
26
|
+
*/
|
|
27
|
+
valid?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Sets the disabled state of the ColorPicker
|
|
30
|
+
* ([see example]({% slug disabled_colorpicker %})).
|
|
31
|
+
*/
|
|
32
|
+
disabled?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Sets the `tabIndex` property of the ColorPicker.
|
|
35
|
+
* Defaults to `0`.
|
|
36
|
+
*/
|
|
37
|
+
tabIndex?: number;
|
|
38
|
+
/**
|
|
39
|
+
* Sets the `title` property of the ColorPicker.
|
|
40
|
+
*/
|
|
41
|
+
title?: string;
|
|
42
|
+
/**
|
|
43
|
+
* Sets the view which the ColorPicker will render in the popup
|
|
44
|
+
* ([see example]({% slug combinedview_colorpicker %})).
|
|
45
|
+
*/
|
|
46
|
+
view?: ColorPickerView;
|
|
47
|
+
/**
|
|
48
|
+
* Represents the `dir` HTML attribute.
|
|
49
|
+
*/
|
|
50
|
+
dir?: string;
|
|
51
|
+
/**
|
|
52
|
+
* Defines the name of an [existing icon in the KendoReact theme]({% slug icons %}).
|
|
53
|
+
* You have to provide only the name of the icon without the `k-icon` or the `k-i-` prefixes.
|
|
54
|
+
* For example, `edit-tools` will be parsed to `k-icon k-i-edit-tools`
|
|
55
|
+
* ([see example]({% slug customizecolorpicker_colorpicker %}#toc-displaying-kendo-ui-icons)).
|
|
56
|
+
*/
|
|
57
|
+
icon?: string;
|
|
58
|
+
/**
|
|
59
|
+
* The class name which displays an icon in the ColorPicker button
|
|
60
|
+
* ([see example]({% slug customizecolorpicker_colorpicker %}#toc-displaying-custom-icons)).
|
|
61
|
+
*/
|
|
62
|
+
iconClassName?: string;
|
|
63
|
+
/**
|
|
64
|
+
* Configures the ColorPalette that is displayed in the ColorPicker popup
|
|
65
|
+
* ([see example]({% slug customizecolorpicker_colorpicker %}#toc-customizing-the-palette-popup)).
|
|
66
|
+
*/
|
|
67
|
+
paletteSettings?: ColorPickerPaletteSettings;
|
|
68
|
+
/**
|
|
69
|
+
* Configures the popup of the ColorPicker.
|
|
70
|
+
*/
|
|
71
|
+
popupSettings?: ColorPickerPopupSettings;
|
|
72
|
+
/**
|
|
73
|
+
* Sets the open and close state of the ColorPicker.
|
|
74
|
+
*/
|
|
75
|
+
open?: boolean;
|
|
76
|
+
/**
|
|
77
|
+
* Specifies the id of the component.
|
|
78
|
+
*/
|
|
79
|
+
id?: string;
|
|
80
|
+
/**
|
|
81
|
+
* Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
|
|
82
|
+
* For example these elements could contain error or hint message.
|
|
83
|
+
*/
|
|
84
|
+
ariaDescribedBy?: string;
|
|
85
|
+
/**
|
|
86
|
+
* Identifies the element(s) which will label the component.
|
|
87
|
+
*/
|
|
88
|
+
ariaLabelledBy?: string;
|
|
89
|
+
/**
|
|
90
|
+
* The event handler that will be fired when the user edits the value.
|
|
91
|
+
*/
|
|
92
|
+
onChange?: (event: ColorPickerChangeEvent) => void;
|
|
93
|
+
/**
|
|
94
|
+
* The event handler that will be fired when ColorPicker is focused.
|
|
95
|
+
*/
|
|
96
|
+
onFocus?: (event: ColorPickerFocusEvent) => void;
|
|
97
|
+
/**
|
|
98
|
+
* The event handler that will be fired when ColorPicker is blurred.
|
|
99
|
+
*/
|
|
100
|
+
onBlur?: (event: ColorPickerBlurEvent) => void;
|
|
101
|
+
/**
|
|
102
|
+
* The event handler that will be fired when the left side of the ColorPicker is clicked.
|
|
103
|
+
*/
|
|
104
|
+
onActiveColorClick?: (event: ColorPickerActiveColorClick) => void;
|
|
105
|
+
/**
|
|
106
|
+
* Configures the `size` of the ColorPicker.
|
|
107
|
+
*
|
|
108
|
+
* The available options are:
|
|
109
|
+
* - small
|
|
110
|
+
* - medium
|
|
111
|
+
* - large
|
|
112
|
+
* - null—Does not set a size `className`.
|
|
113
|
+
*
|
|
114
|
+
* @default `medium`
|
|
115
|
+
*/
|
|
116
|
+
size?: null | 'small' | 'medium' | 'large' | string;
|
|
117
|
+
/**
|
|
118
|
+
* Configures the `roundness` of the ColorPicker.
|
|
119
|
+
*
|
|
120
|
+
* The available options are:
|
|
121
|
+
* - small
|
|
122
|
+
* - medium
|
|
123
|
+
* - large
|
|
124
|
+
* - pill
|
|
125
|
+
* - null—Does not set a rounded `className`.
|
|
126
|
+
*
|
|
127
|
+
* @default `medium`
|
|
128
|
+
*/
|
|
129
|
+
rounded?: null | 'small' | 'medium' | 'large' | 'pill' | string;
|
|
130
|
+
/**
|
|
131
|
+
* Configures the `fillMode` of the ColorPicker.
|
|
132
|
+
*
|
|
133
|
+
* The available options are:
|
|
134
|
+
* - solid
|
|
135
|
+
* - outline
|
|
136
|
+
* - flat
|
|
137
|
+
* - null—Does not set a fillMode `className`.
|
|
138
|
+
*
|
|
139
|
+
* @default `solid`
|
|
140
|
+
*/
|
|
141
|
+
fillMode?: null | 'solid' | 'flat' | 'outline' | string;
|
|
142
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Specifies the view which the ColorPicker will render in the popup
|
|
3
|
+
* ([see example]({% slug combinedview_colorpicker %})).
|
|
4
|
+
*
|
|
5
|
+
* The possible values are:
|
|
6
|
+
* * (Default) `palette`
|
|
7
|
+
* * `gradient`
|
|
8
|
+
* * `combo`
|
|
9
|
+
*/
|
|
10
|
+
export declare type ColorPickerView = 'gradient' | 'palette' | 'combo';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { PopupAnimation } from '@progress/kendo-vue-popup';
|
|
2
|
+
/**
|
|
3
|
+
* @hidden
|
|
4
|
+
*/
|
|
5
|
+
export interface PickerPopupSettings {
|
|
6
|
+
/**
|
|
7
|
+
* Controls the popup animation. By default, the open and close animations are enabled.
|
|
8
|
+
*/
|
|
9
|
+
animate?: boolean | PopupAnimation;
|
|
10
|
+
/**
|
|
11
|
+
* Specifies a list of CSS classes that will be added to the Popup element.
|
|
12
|
+
*/
|
|
13
|
+
className?: string | Array<string>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { PickerPopupSettings } from './PickerPopupSettings';
|
|
2
|
+
/**
|
|
3
|
+
* @hidden
|
|
4
|
+
*/
|
|
5
|
+
export interface PickerProps {
|
|
6
|
+
/**
|
|
7
|
+
* The popup settings.
|
|
8
|
+
*/
|
|
9
|
+
popupSettings: PickerPopupSettings;
|
|
10
|
+
/**
|
|
11
|
+
* The rendered input element.
|
|
12
|
+
*/
|
|
13
|
+
input?: any;
|
|
14
|
+
/**
|
|
15
|
+
* The rendered button element.
|
|
16
|
+
*/
|
|
17
|
+
button?: any;
|
|
18
|
+
/**
|
|
19
|
+
* The content of the popup.
|
|
20
|
+
*/
|
|
21
|
+
content?: any;
|
|
22
|
+
/**
|
|
23
|
+
* The `direction` CSS property of the popup content.
|
|
24
|
+
*/
|
|
25
|
+
dir?: string;
|
|
26
|
+
/**
|
|
27
|
+
* The open state of the popup.
|
|
28
|
+
*/
|
|
29
|
+
open: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Specifies the element which will be used as an anchor for the popup. The popup opens next to that element.
|
|
32
|
+
*/
|
|
33
|
+
popupAnchor?: String;
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
onOpen?: () => void;
|
|
38
|
+
/**
|
|
39
|
+
* @hidden
|
|
40
|
+
*/
|
|
41
|
+
onClose?: () => void;
|
|
42
|
+
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @hidden
|
|
3
|
+
*/
|
|
4
|
+
export declare const PALETTEPRESETS: {
|
|
5
|
+
basic: {
|
|
6
|
+
colors: string[];
|
|
7
|
+
columns: number;
|
|
8
|
+
};
|
|
9
|
+
office: {
|
|
10
|
+
colors: string[];
|
|
11
|
+
columns: number;
|
|
12
|
+
};
|
|
13
|
+
apex: {
|
|
14
|
+
colors: string[];
|
|
15
|
+
columns: number;
|
|
16
|
+
};
|
|
17
|
+
austin: {
|
|
18
|
+
colors: string[];
|
|
19
|
+
columns: number;
|
|
20
|
+
};
|
|
21
|
+
clarity: {
|
|
22
|
+
colors: string[];
|
|
23
|
+
columns: number;
|
|
24
|
+
};
|
|
25
|
+
slipstream: {
|
|
26
|
+
colors: string[];
|
|
27
|
+
columns: number;
|
|
28
|
+
};
|
|
29
|
+
metro: {
|
|
30
|
+
colors: string[];
|
|
31
|
+
columns: number;
|
|
32
|
+
};
|
|
33
|
+
flow: {
|
|
34
|
+
colors: string[];
|
|
35
|
+
columns: number;
|
|
36
|
+
};
|
|
37
|
+
hardcover: {
|
|
38
|
+
colors: string[];
|
|
39
|
+
columns: number;
|
|
40
|
+
};
|
|
41
|
+
trek: {
|
|
42
|
+
colors: string[];
|
|
43
|
+
columns: number;
|
|
44
|
+
};
|
|
45
|
+
verve: {
|
|
46
|
+
colors: string[];
|
|
47
|
+
columns: number;
|
|
48
|
+
};
|
|
49
|
+
monochrome: {
|
|
50
|
+
colors: string[];
|
|
51
|
+
columns: number;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PALETTEPRESETS = void 0;
|
|
4
|
+
/* eslint-disable max-len */
|
|
5
|
+
/**
|
|
6
|
+
* @hidden
|
|
7
|
+
*/
|
|
8
|
+
exports.PALETTEPRESETS = {
|
|
9
|
+
basic: {
|
|
10
|
+
colors: ['#000000', '#7f7f7f', '#880015', '#ed1c24', '#ff7f27', '#fff200', '#22b14c', '#00a2e8', '#3f48cc', '#a349a4', ' ffffff', '#c3c3c3', '#b97a57', '#ffaec9', '#ffc90e', '#efe4b0', '#b5e61d', '#99d9ea', '#7092be', '#c8bfe7'],
|
|
11
|
+
columns: 10
|
|
12
|
+
},
|
|
13
|
+
office: {
|
|
14
|
+
colors: ['#ffffff', '#000000', '#e6e6e6', '#435569', '#4371c4', '#ed7e32', '#a5a4a5', '#febf04', '#5a9bd5', '#71ae48', '#f2f2f3', '#7f7f7f', '#d1cece', '#d5dde3', '#dae1f4', '#fce5d4', '#deeded', '#fff2cc', '#deeaf6', '#e1efd9', '#d7d8d8', '#585959', '#aeabab', '#adbaca', '#b4c5e7', '#f6caac', '#dbdbdb', '#ffe498', '#bcd6ee', '#c5e0b2', '#bfbfc0', '#3f3f3f', '#767070', '#8595b1', '#8fabdb', '#f5b183', '#c9c8c9', '#fed965', '#9bc4e5', '#a8d08d', '#a5a5a6', '#262625', '#393939', '#334050', '#2e5496', '#c45a11', '#7b7b7a', '#bf9000', '#2f75b5', '#548235', '#7f7f7f', '#0b0c0c', '#161616', '#222a34', '#203764', '#843d0b', '#525252', '#7f6000', '#1d4d79', '#375623'],
|
|
15
|
+
columns: 10
|
|
16
|
+
},
|
|
17
|
+
apex: {
|
|
18
|
+
colors: ['#ffffff', '#000000', '#c9c2d1', '#69676d', '#ceb966', '#9cb084', '#6bb1c9', '#6585cf', '#7e6bc9', '#a379bb', '#f2f2f2', '#7f7f7f', '#f4f2f5', '#e0e0e2', '#f5f1e0', '#ebefe6', '#e1eff4', '#e0e6f5', '#e5e1f4', '#ece4f1', '#d8d8d8', '#595959', '#e9e6ec', '#c2c1c5', '#ebe3c1', '#d7dfcd', '#c3dfe9', '#c1ceeb', '#cbc3e9', '#dac9e3', '#bfbfbf', '#3f3f3f', '#dedae3', '#a4a3a8', '#e1d5a3', '#c3cfb5', '#a6d0de', '#a2b5e2', '#b1a6de', '#c7aed6', '#a5a5a5', '#262626', '#9688a5', '#4e4d51', '#ae9638', '#758c5a', '#3d8da9', '#365bb0', '#533da9', '#7d4d99', '#7f7f7f', '#0c0c0c', '#635672', '#343336', '#746425', '#4e5d3c', '#295e70', '#243c75', '#372970', '#533366'],
|
|
19
|
+
columns: 10
|
|
20
|
+
},
|
|
21
|
+
austin: {
|
|
22
|
+
colors: ['#ffffff', '#000000', '#caf278', '#3e3d2d', '#94c600', '#71685a', '#ff6700', '#909465', '#956b43', '#fea022', '#f2f2f2', '#7f7f7f', '#f4fce4', '#dddcd0', '#efffc0', '#e3e1dc', '#ffe0cb', '#e8e9df', '#ece1d6', '#feecd2', '#d8d8d8', '#595959', '#e9f9c9', '#bbb9a1', '#dfff82', '#c8c3ba', '#ffc299', '#d2d4c0', '#dac3ad', '#fed9a6', '#bfbfbf', '#3f3f3f', '#dff7ae', '#ada598', '#cfff43', '#ada598', '#ffa365', '#bcbfa1', '#c8a585', '#fec67a', '#a5a5a5', '#262626', '#a9ea25', '#2e2d21', '#6f9400', '#544e43', '#bf4d00', '#6c6f4b', '#6f5032', '#d77b00', '#7f7f7f', '#0c0c0c', '#74a50f', '#1f1e16', '#4a6300', '#38342d', '#7f3300', '#484a32', '#4a3521', '#8f5200'],
|
|
23
|
+
columns: 10
|
|
24
|
+
},
|
|
25
|
+
clarity: {
|
|
26
|
+
colors: ['#ffffff', '#292934', '#f3f2dc', '#d2533c', '#93a299', '#ad8f67', '#726056', '#4c5a6a', '#808da0', '#79463d', '#f2f2f2', '#e7e7ec', '#e7e5b9', '#f6dcd8', '#e9ecea', '#eee8e0', '#e4dedb', '#d8dde3', '#e5e8ec', '#e9d6d3', '#d8d8d8', '#c4c4d1', '#d5d185', '#edbab1', '#d3d9d6', '#ded2c2', '#c9beb8', '#b2bcc8', '#ccd1d9', '#d3aea7', '#bfbfbf', '#8a8aa3', '#aca73b', '#e4978a', '#bec7c1', '#cdbba3', '#af9e94', '#8c9bac', '#b2bac6', '#bd857c', '#a5a5a5', '#56566e', '#56531d', '#a43925', '#6b7c72', '#866b48', '#554840', '#39434f', '#5c697b', '#5a342d', '#7f7f7f', '#3b3b4b', '#22210b', '#6d2619', '#47534c', '#594730', '#39302b', '#262d35', '#3d4652', '#3c231e'],
|
|
27
|
+
columns: 10
|
|
28
|
+
},
|
|
29
|
+
slipstream: {
|
|
30
|
+
colors: ['#ffffff', '#000000', '#b4dcfa', '#212745', '#4e67c8', '#5eccf3', '#a7ea52', '#5dceaf', '#ff8021', '#f14124', '#f2f2f2', '#7f7f7f', '#8bc9f7', '#c7cce4', '#dbe0f4', '#def4fc', '#edfadc', '#def5ef', '#ffe5d2', '#fcd9d3', '#d8d8d8', '#595959', '#4facf3', '#909aca', '#b8c2e9', '#beeafa', '#dbf6b9', '#beebdf', '#ffcca6', '#f9b3a7', '#bfbfbf', '#3f3f3f', '#0d78c9', '#5967af', '#94a3de', '#9ee0f7', '#caf297', '#9de1cf', '#ffb279', '#f68d7b', '#a5a5a5', '#262626', '#063c64', '#181d33', '#31479f', '#11b2eb', '#81d319', '#34ac8b', '#d85c00', '#c3260c', '#7f7f7f', '#0c0c0c', '#021828', '#101322', '#202f6a', '#0b769c', '#568c11', '#22725c', '#903d00', '#821908'],
|
|
31
|
+
columns: 10
|
|
32
|
+
},
|
|
33
|
+
metro: {
|
|
34
|
+
colors: ['#ffffff', '#000000', '#d6ecff', '#4e5b6f', '#7fd13b', '#ea157a', '#feb80a', '#00addc', '#738ac8', '#1ab39f', '#f2f2f2', '#7f7f7f', '#a7d6ff', '#d9dde4', '#e5f5d7', '#fad0e4', '#fef0cd', '#c5f2ff', '#e2e7f4', '#c9f7f1', '#d8d8d8', '#595959', '#60b5ff', '#b3bcca', '#cbecb0', '#f6a1c9', '#fee29c', '#8be6ff', '#c7d0e9', '#94efe3', '#bfbfbf', '#3f3f3f', '#007dea', '#8d9baf', '#b2e389', '#f272af', '#fed46b', '#51d9ff', '#aab8de', '#5fe7d5', '#a5a5a5', '#262626', '#003e75', '#3a4453', '#5ea226', '#af0f5b', '#c58c00', '#0081a5', '#425ea9', '#138677', '#7f7f7f', '#0c0c0c', '#00192e', '#272d37', '#3f6c19', '#750a3d', '#835d00', '#00566e', '#2c3f71', '#0c594f'],
|
|
35
|
+
columns: 10
|
|
36
|
+
},
|
|
37
|
+
flow: {
|
|
38
|
+
colors: ['#ffffff', '#000000', '#dbf5f9', '#04617b', '#0f6fc6', '#009dd9', '#0bd0d9', '#10cf9b', '#7cca62', '#a5c249', '#f2f2f2', '#7f7f7f', '#b2e9f2', '#b4ecfc', '#c7e2fa', '#c4eeff', '#c9fafc', '#c9faed', '#e4f4df', '#edf2da', '#d8d8d8', '#595959', '#76d9e8', '#6adafa', '#90c6f6', '#89deff', '#93f5f9', '#94f6db', '#cae9c0', '#dbe6b6', '#bfbfbf', '#3f3f3f', '#21b2c8', '#20c8f7', '#59a9f2', '#4fceff', '#5df0f6', '#5ff2ca', '#b0dfa0', '#c9da91', '#a5a5a5', '#262626', '#105964', '#02485c', '#0b5394', '#0075a2', '#089ca2', '#0b9b74', '#54a838', '#7e9532', '#7f7f7f', '#0c0c0c', '#062328', '#01303d', '#073763', '#004e6c', '#05686c', '#07674d', '#387025', '#546321'],
|
|
39
|
+
columns: 10
|
|
40
|
+
},
|
|
41
|
+
hardcover: {
|
|
42
|
+
colors: ['#ffffff', '#000000', '#ece9c6', '#895d1d', '#873624', '#d6862d', '#d0be40', '#877f6c', '#972109', '#aeb795', '#f2f2f2', '#7f7f7f', '#e1dca5', '#f2e0c6', '#f0d0c9', '#f6e6d5', '#f5f2d8', '#e7e5e1', '#fbc7bc', '#eef0e9', '#d8d8d8', '#595959', '#d0c974', '#e6c28d', '#e2a293', '#eeceaa', '#ece5b2', '#cfccc3', '#f78f7a', '#dee2d4', '#bfbfbf', '#3f3f3f', '#a29a36', '#daa454', '#d4735e', '#e6b681', '#e2d88c', '#b7b2a5', '#f35838', '#ced3bf', '#a5a5a5', '#262626', '#514d1b', '#664515', '#65281a', '#a2641f', '#a39428', '#655f50', '#711806', '#879464', '#7f7f7f', '#0c0c0c', '#201e0a', '#442e0e', '#431b11', '#6c4315', '#6d621a', '#433f35', '#4b1004', '#5a6243'],
|
|
43
|
+
columns: 10
|
|
44
|
+
},
|
|
45
|
+
trek: {
|
|
46
|
+
colors: ['#ffffff', '#000000', '#fbeec9', '#4e3b30', '#f0a22e', '#a5644e', '#b58b80', '#c3986d', '#a19574', '#c17529', '#f2f2f2', '#7f7f7f', '#f7e09e', '#e1d6cf', '#fcecd5', '#eddfda', '#f0e7e5', '#f3eae1', '#ece9e3', '#f5e3d1', '#d8d8d8', '#595959', '#f3cc5f', '#c4ad9f', '#f9d9ab', '#dcc0b6', '#e1d0cc', '#e7d5c4', '#d9d4c7', '#ebc7a3', '#bfbfbf', '#3f3f3f', '#d29f0f', '#a78470', '#f6c781', '#cba092', '#d2b9b2', '#dbc1a7', '#c6bfab', '#e1ac76', '#a5a5a5', '#262626', '#694f07', '#3a2c24', '#c87d0e', '#7b4b3a', '#926255', '#a17242', '#7b7153', '#90571e', '#7f7f7f', '#0c0c0c', '#2a1f03', '#271d18', '#855309', '#523226', '#614138', '#6b4c2c', '#524b37', '#603a14'],
|
|
47
|
+
columns: 10
|
|
48
|
+
},
|
|
49
|
+
verve: {
|
|
50
|
+
colors: ['#ffffff', '#000000', '#d2d2d2', '#666666', '#ff388c', '#e40059', '#9c007f', '#68007f', '#005bd3', '#00349e', '#f2f2f2', '#7f7f7f', '#bdbdbd', '#e0e0e0', '#ffd7e8', '#ffc6dc', '#ffb8f1', '#f1b2ff', '#c3dcff', '#b8cfff', '#d8d8d8', '#595959', '#9d9d9d', '#c1c1c1', '#ffafd1', '#ff8eba', '#ff71e4', '#e365ff', '#87baff', '#72a0ff', '#bfbfbf', '#3f3f3f', '#696969', '#a3a3a3', '#ff87ba', '#ff5597', '#ff2ad7', '#d519ff', '#4b98ff', '#2b71ff', '#a5a5a5', '#262626', '#343434', '#4c4c4c', '#e90062', '#ab0042', '#75005f', '#4e005f', '#00449e', '#002676', '#7f7f7f', '#0c0c0c', '#151515', '#333333', '#9b0041', '#72002c', '#4e003f', '#34003f', '#002d69', '#00194f'],
|
|
51
|
+
columns: 10
|
|
52
|
+
},
|
|
53
|
+
monochrome: {
|
|
54
|
+
colors: ['#000000', '#1a1a1a', '#333333', '#4d4d4d', '#666666', '#808080', '#999999', '#b3b3b3', '#cccccc', '#e6e6e6', '#f2f2f2', '#ffffff'],
|
|
55
|
+
columns: 12
|
|
56
|
+
}
|
|
57
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { HSVA } from '../models/hsva';
|
|
2
|
+
import { RGBA } from '../models/rgba';
|
|
3
|
+
/**
|
|
4
|
+
* @hidden
|
|
5
|
+
*/
|
|
6
|
+
export declare function cacheHsva(componentGuid: string, value: string, hsva: HSVA): void;
|
|
7
|
+
/**
|
|
8
|
+
* @hidden
|
|
9
|
+
*/
|
|
10
|
+
export declare function cacheRgba(componentGuid: string, value: string, rgba: RGBA): void;
|
|
11
|
+
/**
|
|
12
|
+
* @hidden
|
|
13
|
+
*/
|
|
14
|
+
export declare function cacheHex(componentGuid: string, value: string, hex: string): void;
|
|
15
|
+
/**
|
|
16
|
+
* @hidden
|
|
17
|
+
*/
|
|
18
|
+
export declare function removeCachedColor(componentGuid: string): void;
|
|
19
|
+
/**
|
|
20
|
+
* @hidden
|
|
21
|
+
*/
|
|
22
|
+
export declare function getCachedHex(componentGuid: string | undefined, value: string): any;
|
|
23
|
+
/**
|
|
24
|
+
* @hidden
|
|
25
|
+
*/
|
|
26
|
+
export declare function getCachedHsva(componentGuid: string | undefined, value: string): any;
|
|
27
|
+
/**
|
|
28
|
+
* @hidden
|
|
29
|
+
*/
|
|
30
|
+
export declare function getCachedRgba(componentGuid: string | undefined, value: string): any;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getCachedRgba = exports.getCachedHsva = exports.getCachedHex = exports.removeCachedColor = exports.cacheHex = exports.cacheRgba = exports.cacheHsva = void 0;
|
|
4
|
+
var cache = {};
|
|
5
|
+
/**
|
|
6
|
+
* @hidden
|
|
7
|
+
*/
|
|
8
|
+
function cacheHsva(componentGuid, value, hsva) {
|
|
9
|
+
cache[componentGuid] = { value: value, hsva: hsva };
|
|
10
|
+
}
|
|
11
|
+
exports.cacheHsva = cacheHsva;
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
function cacheRgba(componentGuid, value, rgba) {
|
|
16
|
+
cache[componentGuid] = { value: value, rgba: rgba };
|
|
17
|
+
}
|
|
18
|
+
exports.cacheRgba = cacheRgba;
|
|
19
|
+
/**
|
|
20
|
+
* @hidden
|
|
21
|
+
*/
|
|
22
|
+
function cacheHex(componentGuid, value, hex) {
|
|
23
|
+
cache[componentGuid] = { value: value, hex: hex };
|
|
24
|
+
}
|
|
25
|
+
exports.cacheHex = cacheHex;
|
|
26
|
+
/**
|
|
27
|
+
* @hidden
|
|
28
|
+
*/
|
|
29
|
+
function removeCachedColor(componentGuid) {
|
|
30
|
+
delete cache[componentGuid];
|
|
31
|
+
}
|
|
32
|
+
exports.removeCachedColor = removeCachedColor;
|
|
33
|
+
/**
|
|
34
|
+
* @hidden
|
|
35
|
+
*/
|
|
36
|
+
function getCachedHex(componentGuid, value) {
|
|
37
|
+
if (componentGuid) {
|
|
38
|
+
var cachedColor = cache[componentGuid];
|
|
39
|
+
return cachedColor && cachedColor.value === value ? cachedColor.hex : undefined;
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
return undefined;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
exports.getCachedHex = getCachedHex;
|
|
46
|
+
/**
|
|
47
|
+
* @hidden
|
|
48
|
+
*/
|
|
49
|
+
function getCachedHsva(componentGuid, value) {
|
|
50
|
+
if (componentGuid) {
|
|
51
|
+
var cachedColor = cache[componentGuid];
|
|
52
|
+
return cachedColor && cachedColor.value === value ? cachedColor.hsva : undefined;
|
|
53
|
+
}
|
|
54
|
+
else {
|
|
55
|
+
return undefined;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
exports.getCachedHsva = getCachedHsva;
|
|
59
|
+
/**
|
|
60
|
+
* @hidden
|
|
61
|
+
*/
|
|
62
|
+
function getCachedRgba(componentGuid, value) {
|
|
63
|
+
if (componentGuid) {
|
|
64
|
+
var cachedColor = cache[componentGuid];
|
|
65
|
+
return cachedColor && cachedColor.value === value ? cachedColor.rgba : undefined;
|
|
66
|
+
}
|
|
67
|
+
else {
|
|
68
|
+
return undefined;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
exports.getCachedRgba = getCachedRgba;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TableCell } from '../models/table-cell';
|
|
2
|
+
/**
|
|
3
|
+
* @hidden
|
|
4
|
+
*/
|
|
5
|
+
export declare class ColorPaletteService {
|
|
6
|
+
colorRows: string[][];
|
|
7
|
+
setColorMatrix(palette: string[], columns: number): void;
|
|
8
|
+
getCellCoordsFor(color?: string): TableCell | undefined;
|
|
9
|
+
getColorAt(cellCoords: TableCell): string | undefined;
|
|
10
|
+
getNextCell(current: TableCell, horizontalStep: number, verticalStep: number): TableCell;
|
|
11
|
+
private clampIndex;
|
|
12
|
+
}
|