@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.
Files changed (118) hide show
  1. package/dist/cdn/js/kendo-vue-inputs.js +1 -1
  2. package/dist/es/colors/ColorPalette.d.ts +55 -0
  3. package/dist/es/colors/ColorPalette.js +340 -0
  4. package/dist/es/colors/ColorPicker.d.ts +52 -0
  5. package/dist/es/colors/ColorPicker.js +382 -0
  6. package/dist/es/colors/Picker.d.ts +41 -0
  7. package/dist/es/colors/Picker.js +94 -0
  8. package/dist/es/colors/interfaces/ColorPaletteChangeEvent.d.ts +13 -0
  9. package/dist/es/colors/interfaces/ColorPaletteChangeEvent.js +0 -0
  10. package/dist/es/colors/interfaces/ColorPaletteProps.d.ts +75 -0
  11. package/dist/es/colors/interfaces/ColorPaletteProps.js +0 -0
  12. package/dist/es/colors/interfaces/ColorPickerActiveColorClick.d.ts +13 -0
  13. package/dist/es/colors/interfaces/ColorPickerActiveColorClick.js +0 -0
  14. package/dist/es/colors/interfaces/ColorPickerBlurEvent.d.ts +9 -0
  15. package/dist/es/colors/interfaces/ColorPickerBlurEvent.js +0 -0
  16. package/dist/es/colors/interfaces/ColorPickerChangeEvent.d.ts +13 -0
  17. package/dist/es/colors/interfaces/ColorPickerChangeEvent.js +0 -0
  18. package/dist/es/colors/interfaces/ColorPickerFocusEvent.d.ts +9 -0
  19. package/dist/es/colors/interfaces/ColorPickerFocusEvent.js +0 -0
  20. package/dist/es/colors/interfaces/ColorPickerPaletteSettings.d.ts +32 -0
  21. package/dist/es/colors/interfaces/ColorPickerPaletteSettings.js +0 -0
  22. package/dist/es/colors/interfaces/ColorPickerPopupSettings.d.ts +14 -0
  23. package/dist/es/colors/interfaces/ColorPickerPopupSettings.js +0 -0
  24. package/dist/es/colors/interfaces/ColorPickerProps.d.ts +142 -0
  25. package/dist/es/colors/interfaces/ColorPickerProps.js +0 -0
  26. package/dist/es/colors/interfaces/ColorPickerView.d.ts +10 -0
  27. package/dist/es/colors/interfaces/ColorPickerView.js +0 -0
  28. package/dist/es/colors/interfaces/PickerPopupSettings.d.ts +14 -0
  29. package/dist/es/colors/interfaces/PickerPopupSettings.js +0 -0
  30. package/dist/es/colors/interfaces/PickerProps.d.ts +42 -0
  31. package/dist/es/colors/interfaces/PickerProps.js +0 -0
  32. package/dist/es/colors/models/hsva.d.ts +9 -0
  33. package/dist/es/colors/models/hsva.js +0 -0
  34. package/dist/es/colors/models/output-format.d.ts +4 -0
  35. package/dist/es/colors/models/output-format.js +0 -0
  36. package/dist/es/colors/models/palette-presets.d.ts +53 -0
  37. package/dist/es/colors/models/palette-presets.js +54 -0
  38. package/dist/es/colors/models/rgb.d.ts +8 -0
  39. package/dist/es/colors/models/rgb.js +0 -0
  40. package/dist/es/colors/models/rgba.d.ts +9 -0
  41. package/dist/es/colors/models/rgba.js +0 -0
  42. package/dist/es/colors/models/table-cell.d.ts +7 -0
  43. package/dist/es/colors/models/table-cell.js +0 -0
  44. package/dist/es/colors/models/tile-size.d.ts +11 -0
  45. package/dist/es/colors/models/tile-size.js +0 -0
  46. package/dist/es/colors/utils/color-cache.d.ts +30 -0
  47. package/dist/es/colors/utils/color-cache.js +61 -0
  48. package/dist/es/colors/utils/color-palette.service.d.ts +12 -0
  49. package/dist/es/colors/utils/color-palette.service.js +76 -0
  50. package/dist/es/colors/utils/color-parser.d.ts +65 -0
  51. package/dist/es/colors/utils/color-parser.js +136 -0
  52. package/dist/es/colors/utils/misc.d.ts +15 -0
  53. package/dist/es/colors/utils/misc.js +20 -0
  54. package/dist/es/colors/utils/svg-calc.d.ts +62 -0
  55. package/dist/es/colors/utils/svg-calc.js +103 -0
  56. package/dist/es/main.d.ts +10 -0
  57. package/dist/es/main.js +10 -0
  58. package/dist/es/package-metadata.js +1 -1
  59. package/dist/es/switch/Switch.js +4 -1
  60. package/dist/npm/colors/ColorPalette.d.ts +55 -0
  61. package/dist/npm/colors/ColorPalette.js +355 -0
  62. package/dist/npm/colors/ColorPicker.d.ts +52 -0
  63. package/dist/npm/colors/ColorPicker.js +395 -0
  64. package/dist/npm/colors/Picker.d.ts +41 -0
  65. package/dist/npm/colors/Picker.js +105 -0
  66. package/dist/npm/colors/interfaces/ColorPaletteChangeEvent.d.ts +13 -0
  67. package/dist/npm/colors/interfaces/ColorPaletteChangeEvent.js +2 -0
  68. package/dist/npm/colors/interfaces/ColorPaletteProps.d.ts +75 -0
  69. package/dist/npm/colors/interfaces/ColorPaletteProps.js +2 -0
  70. package/dist/npm/colors/interfaces/ColorPickerActiveColorClick.d.ts +13 -0
  71. package/dist/npm/colors/interfaces/ColorPickerActiveColorClick.js +2 -0
  72. package/dist/npm/colors/interfaces/ColorPickerBlurEvent.d.ts +9 -0
  73. package/dist/npm/colors/interfaces/ColorPickerBlurEvent.js +2 -0
  74. package/dist/npm/colors/interfaces/ColorPickerChangeEvent.d.ts +13 -0
  75. package/dist/npm/colors/interfaces/ColorPickerChangeEvent.js +2 -0
  76. package/dist/npm/colors/interfaces/ColorPickerFocusEvent.d.ts +9 -0
  77. package/dist/npm/colors/interfaces/ColorPickerFocusEvent.js +2 -0
  78. package/dist/npm/colors/interfaces/ColorPickerPaletteSettings.d.ts +32 -0
  79. package/dist/npm/colors/interfaces/ColorPickerPaletteSettings.js +2 -0
  80. package/dist/npm/colors/interfaces/ColorPickerPopupSettings.d.ts +14 -0
  81. package/dist/npm/colors/interfaces/ColorPickerPopupSettings.js +2 -0
  82. package/dist/npm/colors/interfaces/ColorPickerProps.d.ts +142 -0
  83. package/dist/npm/colors/interfaces/ColorPickerProps.js +2 -0
  84. package/dist/npm/colors/interfaces/ColorPickerView.d.ts +10 -0
  85. package/dist/npm/colors/interfaces/ColorPickerView.js +2 -0
  86. package/dist/npm/colors/interfaces/PickerPopupSettings.d.ts +14 -0
  87. package/dist/npm/colors/interfaces/PickerPopupSettings.js +2 -0
  88. package/dist/npm/colors/interfaces/PickerProps.d.ts +42 -0
  89. package/dist/npm/colors/interfaces/PickerProps.js +2 -0
  90. package/dist/npm/colors/models/hsva.d.ts +9 -0
  91. package/dist/npm/colors/models/hsva.js +2 -0
  92. package/dist/npm/colors/models/output-format.d.ts +4 -0
  93. package/dist/npm/colors/models/output-format.js +2 -0
  94. package/dist/npm/colors/models/palette-presets.d.ts +53 -0
  95. package/dist/npm/colors/models/palette-presets.js +57 -0
  96. package/dist/npm/colors/models/rgb.d.ts +8 -0
  97. package/dist/npm/colors/models/rgb.js +2 -0
  98. package/dist/npm/colors/models/rgba.d.ts +9 -0
  99. package/dist/npm/colors/models/rgba.js +2 -0
  100. package/dist/npm/colors/models/table-cell.d.ts +7 -0
  101. package/dist/npm/colors/models/table-cell.js +2 -0
  102. package/dist/npm/colors/models/tile-size.d.ts +11 -0
  103. package/dist/npm/colors/models/tile-size.js +2 -0
  104. package/dist/npm/colors/utils/color-cache.d.ts +30 -0
  105. package/dist/npm/colors/utils/color-cache.js +71 -0
  106. package/dist/npm/colors/utils/color-palette.service.d.ts +12 -0
  107. package/dist/npm/colors/utils/color-palette.service.js +79 -0
  108. package/dist/npm/colors/utils/color-parser.d.ts +65 -0
  109. package/dist/npm/colors/utils/color-parser.js +139 -0
  110. package/dist/npm/colors/utils/misc.d.ts +15 -0
  111. package/dist/npm/colors/utils/misc.js +23 -0
  112. package/dist/npm/colors/utils/svg-calc.d.ts +62 -0
  113. package/dist/npm/colors/utils/svg-calc.js +106 -0
  114. package/dist/npm/main.d.ts +10 -0
  115. package/dist/npm/main.js +11 -0
  116. package/dist/npm/package-metadata.js +1 -1
  117. package/dist/npm/switch/Switch.js +4 -1
  118. 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,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -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,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -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&mdash;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&mdash;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&mdash;Does not set a fillMode `className`.
138
+ *
139
+ * @default `solid`
140
+ */
141
+ fillMode?: null | 'solid' | 'flat' | 'outline' | string;
142
+ }
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -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,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -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,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -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,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @hidden
3
+ */
4
+ export interface HSVA {
5
+ h?: number;
6
+ s?: number;
7
+ v?: number;
8
+ a?: number;
9
+ }
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,4 @@
1
+ /**
2
+ * @hidden
3
+ */
4
+ export declare type OutputFormat = 'hex' | 'rgba';
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -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,8 @@
1
+ /**
2
+ * @hidden
3
+ */
4
+ export interface RGB {
5
+ r?: number;
6
+ g?: number;
7
+ b?: number;
8
+ }
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @hidden
3
+ */
4
+ export interface RGBA {
5
+ r?: number;
6
+ g?: number;
7
+ b?: number;
8
+ a?: number;
9
+ }
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,7 @@
1
+ /**
2
+ * @hidden
3
+ */
4
+ export interface TableCell {
5
+ row: number;
6
+ col: number;
7
+ }
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Specifies the size of a color cell.
3
+ *
4
+ * The possible values are:
5
+ * * (Default) `number = 24`
6
+ * * `{ width: number, height: number }`
7
+ */
8
+ export declare type TileSize = {
9
+ width: number;
10
+ height: number;
11
+ };
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -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
+ }