@progress/kendo-vue-inputs 3.4.5-dev.202207300828 → 3.4.5-dev.202208010452

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 (10) hide show
  1. package/dist/cdn/js/kendo-vue-inputs.js +1 -1
  2. package/dist/es/colors/ColorGradient.js +19 -40
  3. package/dist/es/colors/ColorPicker.js +3 -1
  4. package/dist/es/colors/FlatColorPicker.js +4 -4
  5. package/dist/es/package-metadata.js +1 -1
  6. package/dist/npm/colors/ColorGradient.js +18 -39
  7. package/dist/npm/colors/ColorPicker.js +3 -1
  8. package/dist/npm/colors/FlatColorPicker.js +4 -4
  9. package/dist/npm/package-metadata.js +1 -1
  10. package/package.json +11 -11
package/dist/es/colors/ColorGradient.js CHANGED
@@ -9,7 +9,7 @@ import { packageMetadata } from '../package-metadata';
9
9
  import { Slider } from './../main';
10
10
  import { fitIntoBounds, isPresent } from './utils/misc';
11
11
  import { getColorFromHue, parseColor, getHSV, getColorFromHSV, getRGBA, getColorFromRGBA } from './utils/color-parser';
12
- import { cacheHsva, removeCachedColor, getCachedHsva, getCachedRgba, getCachedHex, cacheRgba, cacheHex } from './utils/color-cache';
12
+ import { removeCachedColor, getCachedHsva, getCachedRgba, getCachedHex } from './utils/color-cache';
13
13
  import { ColorInput } from './ColorInput';
14
14
  import { ColorContrastLabels } from './ColorContrastLabels';
15
15
  import { ColorContrastSvg } from './ColorContrastSvg';
@@ -66,9 +66,6 @@ var ColorGradientVue2 = {
66
66
  this.guid = guid();
67
67
  },
68
68
  computed: {
69
- isUncontrolled: function isUncontrolled() {
70
- return this.$props.value === undefined;
71
- },
72
69
  computedValue: function computedValue() {
73
70
  var value = this.value || this.defaultValue || this.modelValue || this.modelRgbaValue || this.currentValue || parseColor(DEFAULT_SELECTED_COLOR, FORMAT);
74
71
 
@@ -196,13 +193,13 @@ var ColorGradientVue2 = {
196
193
  tabindex: getTabIndex(this.$props.tabIndex, this.$props.disabled),
197
194
  "aria-labelledby": this.$props.ariaLabelledBy,
198
195
  "aria-describedby": this.$props.ariaDescribedBy,
199
- onFocusin: this.onFocus,
196
+ onFocus: this.onFocus,
200
197
  on: this.v3 ? undefined : {
201
- "focusin": this.onFocus,
202
- "focusout": this.onBlur,
198
+ "focus": this.onFocus,
199
+ "blur": this.onBlur,
203
200
  "keydown": this.onKeyDownHandler
204
201
  },
205
- onFocusout: this.onBlur,
202
+ onBlur: this.onBlur,
206
203
  onKeydown: this.onKeyDownHandler
207
204
  }, [h("div", {
208
205
  "class": "k-colorgradient-canvas k-hstack"
@@ -351,33 +348,21 @@ var ColorGradientVue2 = {
351
348
  },
352
349
  onHexChange: function onHexChange(hex, value, event) {
353
350
  var rgba = getRGBA(value);
354
-
355
- if (this.isUncontrolled) {
356
- var hsva = getHSV(value);
357
- this.currentHsva = hsva;
358
- this.currentBgColor = getColorFromHue(hsva.h);
359
- this.currentRgba = rgba;
360
- this.currentHex = hex;
361
- } else {
362
- cacheHex(this.guid, value, hex);
363
- }
364
-
351
+ var hsva = getHSV(value);
352
+ this.currentHsva = hsva;
353
+ this.currentBgColor = getColorFromHue(hsva.h);
354
+ this.currentRgba = rgba;
355
+ this.currentHex = hex;
365
356
  this.dispatchChangeEvent(value, event.event, hex, value);
366
357
  },
367
358
  onRgbaChange: function onRgbaChange(rgba, event) {
368
359
  var value = getColorFromRGBA(rgba);
369
360
  var hex = parseColor(value, 'hex', this.opacity);
370
-
371
- if (this.isUncontrolled) {
372
- var hsva = getHSV(value);
373
- this.currentHsva = hsva;
374
- this.currentBgColor = getColorFromHue(hsva.h);
375
- this.currentRgba = rgba;
376
- this.currentHex = hex;
377
- } else {
378
- cacheRgba(this.guid, value, rgba);
379
- }
380
-
361
+ var hsva = getHSV(value);
362
+ this.currentHsva = hsva;
363
+ this.currentBgColor = getColorFromHue(hsva.h);
364
+ this.currentRgba = rgba;
365
+ this.currentHex = hex;
381
366
  this.dispatchChangeEvent(value, event.event, hex, value);
382
367
  },
383
368
  onAlphaSliderChange: function onAlphaSliderChange(event) {
@@ -461,16 +446,10 @@ var ColorGradientVue2 = {
461
446
  var value = getColorFromHSV(hsva);
462
447
  var hex = parseColor(value, 'hex', this.opacity);
463
448
  var rgba = parseColor(value, 'rgba');
464
-
465
- if (this.isUncontrolled) {
466
- this.currentHsva = hsva;
467
- this.currentBgColor = getColorFromHue(hsva.h);
468
- this.currentRgba = getRGBA(value);
469
- this.currentHex = hex;
470
- } else {
471
- cacheHsva(this.guid, value, hsva);
472
- }
473
-
449
+ this.currentHsva = hsva;
450
+ this.currentBgColor = getColorFromHue(hsva.h);
451
+ this.currentRgba = getRGBA(value);
452
+ this.currentHex = hex;
474
453
  this.dispatchChangeEvent(value, event, hex, rgba);
475
454
  },
476
455
  dispatchChangeEvent: function dispatchChangeEvent(value, event, hex, rgbaValue) {
package/dist/es/colors/ColorPicker.js CHANGED
@@ -256,7 +256,9 @@ var ColorPickerVue2 = {
256
256
  }, this.flatColorPickerSettings),
257
257
  onChange: this.onFlatChangeHandler,
258
258
  onBlur: this.onBlurHandler,
259
- onViewchange: this.onViewChange
259
+ onViewchange: this.onViewChange,
260
+ paletteSettings: this.paletteSettings,
261
+ gradientSettings: this.gradientSettings
260
262
  }, this.flatColorPickerSettings));
261
263
  }; // const dir = useDir(focusableElementGuid, props.dir);
262
264
 
package/dist/es/colors/FlatColorPicker.js CHANGED
@@ -210,13 +210,13 @@ var FlatColorPickerVue2 = {
210
210
  tabindex: getTabIndex(this.$props.tabIndex, this.$props.disabled),
211
211
  "aria-disabled": this.$props.disabled
212
212
  },
213
- onFocusin: this.onFocus,
213
+ onFocus: this.onFocus,
214
214
  on: this.v3 ? undefined : {
215
- "focusin": this.onFocus,
216
- "focusout": this.onBlur,
215
+ "focus": this.onFocus,
216
+ "blur": this.onBlur,
217
217
  "keydown": this.onKeyDownHandler
218
218
  },
219
- onFocusout: this.onBlur,
219
+ onBlur: this.onBlur,
220
220
  onKeydown: this.onKeyDownHandler,
221
221
  "class": classNames('k-flatcolorpicker k-coloreditor', {
222
222
  'k-disabled': this.$props.disabled
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-inputs',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1659169206,
8
+ publishDate: 1659329089,
9
9
  version: '',
10
10
  licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
11
11
  };
package/dist/npm/colors/ColorGradient.js CHANGED
@@ -86,9 +86,6 @@ var ColorGradientVue2 = {
86
86
  this.guid = kendo_vue_common_1.guid();
87
87
  },
88
88
  computed: {
89
- isUncontrolled: function isUncontrolled() {
90
- return this.$props.value === undefined;
91
- },
92
89
  computedValue: function computedValue() {
93
90
  var value = this.value || this.defaultValue || this.modelValue || this.modelRgbaValue || this.currentValue || color_parser_1.parseColor(DEFAULT_SELECTED_COLOR, FORMAT);
94
91
 
@@ -216,13 +213,13 @@ var ColorGradientVue2 = {
216
213
  tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
217
214
  "aria-labelledby": this.$props.ariaLabelledBy,
218
215
  "aria-describedby": this.$props.ariaDescribedBy,
219
- onFocusin: this.onFocus,
216
+ onFocus: this.onFocus,
220
217
  on: this.v3 ? undefined : {
221
- "focusin": this.onFocus,
222
- "focusout": this.onBlur,
218
+ "focus": this.onFocus,
219
+ "blur": this.onBlur,
223
220
  "keydown": this.onKeyDownHandler
224
221
  },
225
- onFocusout: this.onBlur,
222
+ onBlur: this.onBlur,
226
223
  onKeydown: this.onKeyDownHandler
227
224
  }, [h("div", {
228
225
  "class": "k-colorgradient-canvas k-hstack"
@@ -371,33 +368,21 @@ var ColorGradientVue2 = {
371
368
  },
372
369
  onHexChange: function onHexChange(hex, value, event) {
373
370
  var rgba = color_parser_1.getRGBA(value);
374
-
375
- if (this.isUncontrolled) {
376
- var hsva = color_parser_1.getHSV(value);
377
- this.currentHsva = hsva;
378
- this.currentBgColor = color_parser_1.getColorFromHue(hsva.h);
379
- this.currentRgba = rgba;
380
- this.currentHex = hex;
381
- } else {
382
- color_cache_1.cacheHex(this.guid, value, hex);
383
- }
384
-
371
+ var hsva = color_parser_1.getHSV(value);
372
+ this.currentHsva = hsva;
373
+ this.currentBgColor = color_parser_1.getColorFromHue(hsva.h);
374
+ this.currentRgba = rgba;
375
+ this.currentHex = hex;
385
376
  this.dispatchChangeEvent(value, event.event, hex, value);
386
377
  },
387
378
  onRgbaChange: function onRgbaChange(rgba, event) {
388
379
  var value = color_parser_1.getColorFromRGBA(rgba);
389
380
  var hex = color_parser_1.parseColor(value, 'hex', this.opacity);
390
-
391
- if (this.isUncontrolled) {
392
- var hsva = color_parser_1.getHSV(value);
393
- this.currentHsva = hsva;
394
- this.currentBgColor = color_parser_1.getColorFromHue(hsva.h);
395
- this.currentRgba = rgba;
396
- this.currentHex = hex;
397
- } else {
398
- color_cache_1.cacheRgba(this.guid, value, rgba);
399
- }
400
-
381
+ var hsva = color_parser_1.getHSV(value);
382
+ this.currentHsva = hsva;
383
+ this.currentBgColor = color_parser_1.getColorFromHue(hsva.h);
384
+ this.currentRgba = rgba;
385
+ this.currentHex = hex;
401
386
  this.dispatchChangeEvent(value, event.event, hex, value);
402
387
  },
403
388
  onAlphaSliderChange: function onAlphaSliderChange(event) {
@@ -481,16 +466,10 @@ var ColorGradientVue2 = {
481
466
  var value = color_parser_1.getColorFromHSV(hsva);
482
467
  var hex = color_parser_1.parseColor(value, 'hex', this.opacity);
483
468
  var rgba = color_parser_1.parseColor(value, 'rgba');
484
-
485
- if (this.isUncontrolled) {
486
- this.currentHsva = hsva;
487
- this.currentBgColor = color_parser_1.getColorFromHue(hsva.h);
488
- this.currentRgba = color_parser_1.getRGBA(value);
489
- this.currentHex = hex;
490
- } else {
491
- color_cache_1.cacheHsva(this.guid, value, hsva);
492
- }
493
-
469
+ this.currentHsva = hsva;
470
+ this.currentBgColor = color_parser_1.getColorFromHue(hsva.h);
471
+ this.currentRgba = color_parser_1.getRGBA(value);
472
+ this.currentHex = hex;
494
473
  this.dispatchChangeEvent(value, event, hex, rgba);
495
474
  },
496
475
  dispatchChangeEvent: function dispatchChangeEvent(value, event, hex, rgbaValue) {
package/dist/npm/colors/ColorPicker.js CHANGED
@@ -269,7 +269,9 @@ var ColorPickerVue2 = {
269
269
  }, this.flatColorPickerSettings),
270
270
  onChange: this.onFlatChangeHandler,
271
271
  onBlur: this.onBlurHandler,
272
- onViewchange: this.onViewChange
272
+ onViewchange: this.onViewChange,
273
+ paletteSettings: this.paletteSettings,
274
+ gradientSettings: this.gradientSettings
273
275
  }, this.flatColorPickerSettings));
274
276
  }; // const dir = useDir(focusableElementGuid, props.dir);
275
277
 
package/dist/npm/colors/FlatColorPicker.js CHANGED
@@ -227,13 +227,13 @@ var FlatColorPickerVue2 = {
227
227
  tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
228
228
  "aria-disabled": this.$props.disabled
229
229
  },
230
- onFocusin: this.onFocus,
230
+ onFocus: this.onFocus,
231
231
  on: this.v3 ? undefined : {
232
- "focusin": this.onFocus,
233
- "focusout": this.onBlur,
232
+ "focus": this.onFocus,
233
+ "blur": this.onBlur,
234
234
  "keydown": this.onKeyDownHandler
235
235
  },
236
- onFocusout: this.onBlur,
236
+ onBlur: this.onBlur,
237
237
  onKeydown: this.onKeyDownHandler,
238
238
  "class": kendo_vue_common_1.classNames('k-flatcolorpicker k-coloreditor', {
239
239
  'k-disabled': this.$props.disabled
package/dist/npm/package-metadata.js CHANGED
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-inputs',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1659169206,
11
+ publishDate: 1659329089,
12
12
  version: '',
13
13
  licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
14
14
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-inputs",
3
3
  "description": "Kendo UI for Vue Input package",
4
- "version": "3.4.5-dev.202207300828",
4
+ "version": "3.4.5-dev.202208010452",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -38,22 +38,22 @@
38
38
  "vue": "^2.6.12 || ^3.0.2"
39
39
  },
40
40
  "dependencies": {
41
- "@progress/kendo-vue-buttons": "3.4.5-dev.202207300828",
42
- "@progress/kendo-vue-common": "3.4.5-dev.202207300828",
43
- "@progress/kendo-vue-labels": "3.4.5-dev.202207300828",
44
- "@progress/kendo-vue-popup": "3.4.5-dev.202207300828"
41
+ "@progress/kendo-vue-buttons": "3.4.5-dev.202208010452",
42
+ "@progress/kendo-vue-common": "3.4.5-dev.202208010452",
43
+ "@progress/kendo-vue-labels": "3.4.5-dev.202208010452",
44
+ "@progress/kendo-vue-popup": "3.4.5-dev.202208010452"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@progress/kendo-data-query": "^1.5.5",
48
48
  "@progress/kendo-date-math": "^1.5.4",
49
49
  "@progress/kendo-drawing": "^1.8.0",
50
50
  "@progress/kendo-licensing": "^1.1.0",
51
- "@progress/kendo-vue-buttons": "3.4.5-dev.202207300828",
52
- "@progress/kendo-vue-dropdowns": "3.4.5-dev.202207300828",
53
- "@progress/kendo-vue-form": "3.4.5-dev.202207300828",
54
- "@progress/kendo-vue-intl": "3.4.5-dev.202207300828",
55
- "@progress/kendo-vue-labels": "3.4.5-dev.202207300828",
56
- "@progress/kendo-vue-tooltip": "3.4.5-dev.202207300828",
51
+ "@progress/kendo-vue-buttons": "3.4.5-dev.202208010452",
52
+ "@progress/kendo-vue-dropdowns": "3.4.5-dev.202208010452",
53
+ "@progress/kendo-vue-form": "3.4.5-dev.202208010452",
54
+ "@progress/kendo-vue-intl": "3.4.5-dev.202208010452",
55
+ "@progress/kendo-vue-labels": "3.4.5-dev.202208010452",
56
+ "@progress/kendo-vue-tooltip": "3.4.5-dev.202208010452",
57
57
  "cldr-core": "^41.0.0",
58
58
  "cldr-dates-full": "^41.0.0",
59
59
  "cldr-numbers-full": "^41.0.0"