@progress/kendo-vue-inputs 3.4.5 → 3.5.0

package/dist/es/colors/ColorGradient.js

@@ -9,7 +9,7 @@ import { packageMetadata } from '../package-metadata';
 import { Slider } from './../main';
 import { fitIntoBounds, isPresent } from './utils/misc';
 import { getColorFromHue, parseColor, getHSV, getColorFromHSV, getRGBA, getColorFromRGBA } from './utils/color-parser';
-import { removeCachedColor, getCachedHsva, getCachedRgba, getCachedHex } from './utils/color-cache';
+import { removeCachedColor } from './utils/color-cache';
 import { ColorInput } from './ColorInput';
 import { ColorContrastLabels } from './ColorContrastLabels';
 import { ColorContrastSvg } from './ColorContrastSvg';
@@ -66,8 +66,11 @@ var ColorGradientVue2 = {
     this.guid = guid();
   },
   computed: {
+    valueSet: function valueSet() {
+      return this.value || this.modelValue || this.modelRgbaValue;
+    },
     computedValue: function computedValue() {
-      var value = this.value || this.defaultValue || this.modelValue || this.modelRgbaValue || this.currentValue || parseColor(DEFAULT_SELECTED_COLOR, FORMAT);
+      var value = this.valueSet || this.currentValue || this.defaultValue || parseColor(DEFAULT_SELECTED_COLOR, FORMAT);
 
       if (!isPresent(parseColor(value, 'hex', this.opacity))) {
         // Validate/sanitize the input.
@@ -77,13 +80,13 @@ var ColorGradientVue2 = {
       return value;
     },
     hsva: function hsva() {
-      return this.currentHsva || getCachedHsva(this.guid, this.computedValue) || getHSV(this.computedValue);
+      return this.valueSet ? getHSV(this.computedValue) : this.currentHsva || getHSV(this.computedValue);
     },
     rgba: function rgba() {
-      return this.currentRgba || getCachedRgba(this.guid, this.computedValue) || getRGBA(this.computedValue);
+      return this.valueSet ? getRGBA(this.computedValue) : this.currentRgba;
     },
     hex: function hex() {
-      return this.currentHex || getCachedHex(this.guid, this.computedValue) || parseColor(this.computedValue, 'hex', this.opacity);
+      return this.valueSet ? parseColor(this.computedValue, 'hex', this.opacity) : this.currentHex;
     },
     computedBgColor: function computedBgColor() {
       return this.currentBgColor || getColorFromHue(this.hsva.h);

package/dist/es/colors/ColorInput.js

@@ -44,7 +44,12 @@ var ColorInputVue2 = {
   },
   props: {
     tabIndex: Number,
-    rgba: Object,
+    rgba: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
     hex: String,
     opacity: Boolean,
     disabled: Boolean

package/dist/es/colors/ColorPicker.js

@@ -234,7 +234,7 @@ var ColorPickerVue2 = {
         on: this.v3 ? undefined : {
           'keydown': this.onKeyDownHandler,
           'change': this.onFlatChangeHandler,
-          'blur': this.onBlurHandler,
+          'focusout': this.onBlurHandler,
           'viewchange': this.onViewChange
         },
         ref: setRef(this, 'flatcolorpicker'),
@@ -255,7 +255,7 @@ var ColorPickerVue2 = {
           gradientSettings: this.gradientSettings
         }, this.flatColorPickerSettings),
         onChange: this.onFlatChangeHandler,
-        onBlur: this.onBlurHandler,
+        onFocusout: this.onBlurHandler,
         onViewchange: this.onViewChange,
         paletteSettings: this.paletteSettings,
         gradientSettings: this.gradientSettings
@@ -431,8 +431,11 @@ var ColorPickerVue2 = {
     isViewFocused: function isViewFocused() {
       return !!(document.activeElement && document.activeElement.closest("#" + this._popupId));
     },
-    onButtonBlur: function onButtonBlur() {
+    onButtonBlur: function onButtonBlur(event) {
       this.focused = this.isViewFocused();
+      this.$emit('blur', {
+        event: event
+      });
     },
     onFocusHandler: function onFocusHandler(event) {
       if (this.blurTimeoutRef) {
@@ -460,14 +463,11 @@ var ColorPickerVue2 = {
       this.focused = viewIsFocused;
       this.blurTimeoutRef = undefined;
     },
-    onBlurHandler: function onBlurHandler(event) {
+    onBlurHandler: function onBlurHandler() {
       clearTimeout(this.blurTimeoutRef);
       this.palette = getRef(this, 'palette');
       this.gradient = getRef(this, 'gradient');
       this.blurTimeoutRef = setTimeout(this.onBlurTimeout, 200);
-      this.$emit('blur', {
-        event: event
-      });
     },
     onViewChange: function onViewChange(event) {
       this.$emit('viewchange', event);

package/dist/es/colors/FlatColorPicker.d.ts

@@ -8,7 +8,7 @@ import { FlatColorPickerViewChangeEvent } from './interfaces/FlatColorPickerView
 import { ColorGradientProps } from './interfaces/ColorGradientProps';
 import { ColorPickerPaletteSettings } from './interfaces/ColorPickerPaletteSettings';
 /**
- * Represents the properties of [FlatColorPicker](% slug api_inputs_flatcolorpicker %) component.
+ * Represents the properties of [FlatColorPicker](% slug api_inputs_flatcolorpickerprops %) component.
  */
 export interface FlatColorPickerProps {
     /**

package/dist/es/colors/FlatColorPicker.js

@@ -42,6 +42,7 @@ var FlatColorPickerVue2 = {
     'update:modelRgbaValue': null,
     'focus': null,
     'blur': null,
+    'focusout': null,
     'keydown': null,
     'change': null
   },
@@ -214,9 +215,11 @@ var FlatColorPickerVue2 = {
       on: this.v3 ? undefined : {
         "focus": this.onFocus,
         "blur": this.onBlur,
+        "focusout": this.onFocusout,
         "keydown": this.onKeyDownHandler
       },
       onBlur: this.onBlur,
+      onFocusout: this.onFocusout,
       onKeydown: this.onKeyDownHandler,
       "class": classNames('k-flatcolorpicker k-coloreditor', {
         'k-disabled': this.$props.disabled
@@ -519,6 +522,12 @@ var FlatColorPickerVue2 = {
         event: event,
         target: this
       });
+    },
+    onFocusout: function onFocusout(event) {
+      this.$emit('focusout', {
+        event: event,
+        target: this
+      });
     }
   }
 };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1659330724,
+    publishDate: 1659428896,
     version: '',
     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'
 };

package/dist/npm/colors/ColorGradient.js

@@ -86,8 +86,11 @@ var ColorGradientVue2 = {
     this.guid = kendo_vue_common_1.guid();
   },
   computed: {
+    valueSet: function valueSet() {
+      return this.value || this.modelValue || this.modelRgbaValue;
+    },
     computedValue: function computedValue() {
-      var value = this.value || this.defaultValue || this.modelValue || this.modelRgbaValue || this.currentValue || color_parser_1.parseColor(DEFAULT_SELECTED_COLOR, FORMAT);
+      var value = this.valueSet || this.currentValue || this.defaultValue || color_parser_1.parseColor(DEFAULT_SELECTED_COLOR, FORMAT);
 
       if (!misc_1.isPresent(color_parser_1.parseColor(value, 'hex', this.opacity))) {
         // Validate/sanitize the input.
@@ -97,13 +100,13 @@ var ColorGradientVue2 = {
       return value;
     },
     hsva: function hsva() {
-      return this.currentHsva || color_cache_1.getCachedHsva(this.guid, this.computedValue) || color_parser_1.getHSV(this.computedValue);
+      return this.valueSet ? color_parser_1.getHSV(this.computedValue) : this.currentHsva || color_parser_1.getHSV(this.computedValue);
     },
     rgba: function rgba() {
-      return this.currentRgba || color_cache_1.getCachedRgba(this.guid, this.computedValue) || color_parser_1.getRGBA(this.computedValue);
+      return this.valueSet ? color_parser_1.getRGBA(this.computedValue) : this.currentRgba;
     },
     hex: function hex() {
-      return this.currentHex || color_cache_1.getCachedHex(this.guid, this.computedValue) || color_parser_1.parseColor(this.computedValue, 'hex', this.opacity);
+      return this.valueSet ? color_parser_1.parseColor(this.computedValue, 'hex', this.opacity) : this.currentHex;
     },
     computedBgColor: function computedBgColor() {
       return this.currentBgColor || color_parser_1.getColorFromHue(this.hsva.h);

package/dist/npm/colors/ColorInput.js

@@ -59,7 +59,12 @@ var ColorInputVue2 = {
   },
   props: {
     tabIndex: Number,
-    rgba: Object,
+    rgba: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
     hex: String,
     opacity: Boolean,
     disabled: Boolean

package/dist/npm/colors/ColorPicker.js

@@ -247,7 +247,7 @@ var ColorPickerVue2 = {
         on: this.v3 ? undefined : {
           'keydown': this.onKeyDownHandler,
           'change': this.onFlatChangeHandler,
-          'blur': this.onBlurHandler,
+          'focusout': this.onBlurHandler,
           'viewchange': this.onViewChange
         },
         ref: kendo_vue_common_1.setRef(this, 'flatcolorpicker'),
@@ -268,7 +268,7 @@ var ColorPickerVue2 = {
           gradientSettings: this.gradientSettings
         }, this.flatColorPickerSettings),
         onChange: this.onFlatChangeHandler,
-        onBlur: this.onBlurHandler,
+        onFocusout: this.onBlurHandler,
         onViewchange: this.onViewChange,
         paletteSettings: this.paletteSettings,
         gradientSettings: this.gradientSettings
@@ -444,8 +444,11 @@ var ColorPickerVue2 = {
     isViewFocused: function isViewFocused() {
       return !!(document.activeElement && document.activeElement.closest("#" + this._popupId));
     },
-    onButtonBlur: function onButtonBlur() {
+    onButtonBlur: function onButtonBlur(event) {
       this.focused = this.isViewFocused();
+      this.$emit('blur', {
+        event: event
+      });
     },
     onFocusHandler: function onFocusHandler(event) {
       if (this.blurTimeoutRef) {
@@ -473,14 +476,11 @@ var ColorPickerVue2 = {
       this.focused = viewIsFocused;
       this.blurTimeoutRef = undefined;
     },
-    onBlurHandler: function onBlurHandler(event) {
+    onBlurHandler: function onBlurHandler() {
       clearTimeout(this.blurTimeoutRef);
       this.palette = kendo_vue_common_1.getRef(this, 'palette');
       this.gradient = kendo_vue_common_1.getRef(this, 'gradient');
       this.blurTimeoutRef = setTimeout(this.onBlurTimeout, 200);
-      this.$emit('blur', {
-        event: event
-      });
     },
     onViewChange: function onViewChange(event) {
       this.$emit('viewchange', event);

package/dist/npm/colors/FlatColorPicker.d.ts

@@ -8,7 +8,7 @@ import { FlatColorPickerViewChangeEvent } from './interfaces/FlatColorPickerView
 import { ColorGradientProps } from './interfaces/ColorGradientProps';
 import { ColorPickerPaletteSettings } from './interfaces/ColorPickerPaletteSettings';
 /**
- * Represents the properties of [FlatColorPicker](% slug api_inputs_flatcolorpicker %) component.
+ * Represents the properties of [FlatColorPicker](% slug api_inputs_flatcolorpickerprops %) component.
  */
 export interface FlatColorPickerProps {
     /**

package/dist/npm/colors/FlatColorPicker.js

@@ -59,6 +59,7 @@ var FlatColorPickerVue2 = {
     'update:modelRgbaValue': null,
     'focus': null,
     'blur': null,
+    'focusout': null,
     'keydown': null,
     'change': null
   },
@@ -231,9 +232,11 @@ var FlatColorPickerVue2 = {
       on: this.v3 ? undefined : {
         "focus": this.onFocus,
         "blur": this.onBlur,
+        "focusout": this.onFocusout,
         "keydown": this.onKeyDownHandler
       },
       onBlur: this.onBlur,
+      onFocusout: this.onFocusout,
       onKeydown: this.onKeyDownHandler,
       "class": kendo_vue_common_1.classNames('k-flatcolorpicker k-coloreditor', {
         'k-disabled': this.$props.disabled
@@ -536,6 +539,12 @@ var FlatColorPickerVue2 = {
         event: event,
         target: this
       });
+    },
+    onFocusout: function onFocusout(event) {
+      this.$emit('focusout', {
+        event: event,
+        target: this
+      });
     }
   }
 };

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1659330724,
+    publishDate: 1659428896,
     version: '',
     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'
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-inputs",
   "description": "Kendo UI for Vue Input package",
-  "version": "3.4.5",
+  "version": "3.5.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -38,22 +38,22 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.4.5",
-    "@progress/kendo-vue-common": "3.4.5",
-    "@progress/kendo-vue-labels": "3.4.5",
-    "@progress/kendo-vue-popup": "3.4.5"
+    "@progress/kendo-vue-buttons": "3.5.0",
+    "@progress/kendo-vue-common": "3.5.0",
+    "@progress/kendo-vue-labels": "3.5.0",
+    "@progress/kendo-vue-popup": "3.5.0"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.5",
     "@progress/kendo-date-math": "^1.5.4",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-buttons": "3.4.5",
-    "@progress/kendo-vue-dropdowns": "3.4.5",
-    "@progress/kendo-vue-form": "3.4.5",
-    "@progress/kendo-vue-intl": "3.4.5",
-    "@progress/kendo-vue-labels": "3.4.5",
-    "@progress/kendo-vue-tooltip": "3.4.5",
+    "@progress/kendo-vue-buttons": "3.5.0",
+    "@progress/kendo-vue-dropdowns": "3.5.0",
+    "@progress/kendo-vue-form": "3.5.0",
+    "@progress/kendo-vue-intl": "3.5.0",
+    "@progress/kendo-vue-labels": "3.5.0",
+    "@progress/kendo-vue-tooltip": "3.5.0",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0"