@progress/kendo-vue-inputs 7.0.1-develop.2 → 7.0.1-develop.4

package/colors/FlatColorPicker.mjs

@@ -5,32 +5,32 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as T, h as n, createVNode as t, isVNode as z } from "vue";
+import { defineComponent as T, h as l, createVNode as t, isVNode as z } from "vue";
 import { dropletSliderIcon as F, paletteIcon as L, dropletSlashIcon as R } from "@progress/kendo-svg-icons";
-import { Keys as c, focusContainer as M, focusFirstFocusableChild as G, templateRendering as h, getListeners as p, getTemplate as g, classNames as D, getTabIndex as j, kendoThemeMaps as N, Icon as u, validatePackage as E, setRef as m } from "@progress/kendo-vue-common";
-import { ButtonGroup as O, Button as l } from "@progress/kendo-vue-buttons";
+import { Keys as u, focusContainer as M, focusFirstFocusableChild as G, templateRendering as h, getListeners as p, getTemplate as g, classNames as D, getTabIndex as j, kendoThemeMaps as N, Icon as c, validatePackage as E, setRef as m } from "@progress/kendo-vue-common";
+import { ButtonGroup as O, Button as a } from "@progress/kendo-vue-buttons";
 import { DEFAULT_PRESET as A, ColorPalette as _ } from "./ColorPalette.mjs";
 import { ColorGradient as H } from "./ColorGradient.mjs";
 import { packageMetadata as U } from "../package-metadata.mjs";
-import { flatColorPickerGradientBtn as f, messages as a, flatColorPickerPaletteBtn as C, flatColorPickerClearBtn as k, flatColorPickerCancelBtn as b, flatColorPickerApplyBtn as w } from "../messages/main.mjs";
+import { flatColorPickerGradientBtn as f, messages as r, flatColorPickerPaletteBtn as C, flatColorPickerClearBtn as k, flatColorPickerCancelBtn as v, flatColorPickerApplyBtn as b } from "../messages/main.mjs";
 import { parseColor as q } from "./utils/color-parser.mjs";
 import { DEFAULT_GRADIENT_SETTINGS as J } from "./utils/color-cache.mjs";
 import { provideLocalizationService as Q } from "@progress/kendo-vue-intl";
-function v(e) {
+function w(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !z(e);
 }
-const re = /* @__PURE__ */ T({
+const ne = /* @__PURE__ */ T({
   name: "KendoFlatColorPicker",
   emits: {
-    viewchange: null,
-    changemodel: null,
-    "update:modelValue": null,
-    "update:modelRgbaValue": null,
-    focus: null,
-    blur: null,
-    focusout: null,
-    keydown: null,
-    change: null
+    viewchange: (e) => !0,
+    changemodel: (e) => !0,
+    "update:modelValue": (e) => !0,
+    "update:modelRgbaValue": (e) => !0,
+    focus: (e) => !0,
+    blur: (e) => !0,
+    focusout: (e) => !0,
+    keydown: (e) => !0,
+    change: (e) => !0
   },
   props: {
     modelValue: String,
@@ -133,14 +133,14 @@ const re = /* @__PURE__ */ T({
     const {
       size: e,
       adaptive: o
-    } = this.$props, i = Q(this), y = i.toLanguageString(f, a[f]), V = i.toLanguageString(C, a[C]), B = i.toLanguageString(k, a[k]), r = i.toLanguageString(b, a[b]), s = i.toLanguageString(w, a[w]), P = h.call(this, this.$props.header, p.call(this)), S = h.call(this, this.$props.footer, p.call(this)), I = g.call(this, {
-      h: n,
+    } = this.$props, i = Q(this), y = i.toLanguageString(f, r[f]), V = i.toLanguageString(C, r[C]), B = i.toLanguageString(k, r[k]), n = i.toLanguageString(v, r[v]), s = i.toLanguageString(b, r[b]), P = h.call(this, this.$props.header, p.call(this)), S = h.call(this, this.$props.footer, p.call(this)), I = g.call(this, {
+      h: l,
       template: P
     }), $ = g.call(this, {
-      h: n,
+      h: l,
       template: S
     }), K = function() {
-      return n(H, {
+      return l(H, {
         ref: m(this, "gradient"),
         tabIndex: -1,
         value: this.colorValue,
@@ -152,7 +152,7 @@ const re = /* @__PURE__ */ T({
         ...this.gradientSettings
       });
     }, x = function() {
-      return n(_, {
+      return l(_, {
         ref: m(this, "palette"),
         tabIndex: this.computedTabIndex,
         value: this.colorValue,
@@ -180,7 +180,7 @@ const re = /* @__PURE__ */ T({
     }, [t(O, {
       class: "k-button-group-flat"
     }, {
-      default: () => [t(l, {
+      default: () => [t(a, {
         tabIndex: this.computedTabIndex,
         type: "button",
         togglable: !0,
@@ -191,12 +191,12 @@ const re = /* @__PURE__ */ T({
         size: e,
         onClick: (d) => this.handleViewChange(d, "gradient")
       }, {
-        default: () => [t(u, {
+        default: () => [t(c, {
           size: e,
           name: "droplet-slider",
           icon: F
         }, null)]
-      }), t(l, {
+      }), t(a, {
         tabIndex: this.computedTabIndex,
         type: "button",
         togglable: !0,
@@ -207,7 +207,7 @@ const re = /* @__PURE__ */ T({
         size: e,
         onClick: (d) => this.handleViewChange(d, "palette")
       }, {
-        default: () => [t(u, {
+        default: () => [t(c, {
           size: e,
           name: "palette",
           icon: L
@@ -217,7 +217,7 @@ const re = /* @__PURE__ */ T({
       class: "k-spacer"
     }, null), t("div", {
       class: "k-coloreditor-header-actions k-hstack"
-    }, [this.$props.showClearButton && t(l, {
+    }, [this.$props.showClearButton && t(a, {
       tabIndex: this.computedTabIndex,
       type: "button",
       fillMode: "flat",
@@ -226,7 +226,7 @@ const re = /* @__PURE__ */ T({
       onKeydown: this.handleButtonKeydown,
       onClick: this.handleResetColor
     }, {
-      default: () => [t(u, {
+      default: () => [t(c, {
         size: e,
         name: "droplet-slash",
         icon: R
@@ -252,23 +252,23 @@ const re = /* @__PURE__ */ T({
       class: "k-coloreditor-views k-vstack"
     }, [this.isColorGradient ? K.call(this) : x.call(this)]), this.$props.showButtons && t("div", {
       class: "k-coloreditor-footer k-actions k-actions-end"
-    }, [t(l, {
+    }, [t(a, {
       tabIndex: this.computedTabIndex,
       type: "button",
       class: "k-coloreditor-cancel",
       size: e,
       onKeydown: this.handleButtonKeydown,
       onClick: this.handleCancelBtnClick
-    }, v(r) ? r : {
-      default: () => [r]
-    }), t(l, {
+    }, w(n) ? n : {
+      default: () => [n]
+    }), t(a, {
       tabIndex: this.computedTabIndex,
       type: "button",
       class: "k-coloreditor-apply k-primary",
       size: e,
       onKeydown: this.handleButtonKeydown,
       onClick: this.triggerChange
-    }, v(s) ? s : {
+    }, w(s) ? s : {
       default: () => [s]
     })]), $]);
   },
@@ -306,13 +306,13 @@ const re = /* @__PURE__ */ T({
       });
     },
     innerKeyDown(e) {
-      e.keyCode === c.enter && this.triggerChange(e);
+      e.keyCode === u.enter && this.triggerChange(e);
     },
     gradientKeyDown(e) {
-      e.stopPropagation(), !this.showButtons && e.keyCode === c.enter && this.triggerChange(e);
+      e.stopPropagation(), !this.showButtons && e.keyCode === u.enter && this.triggerChange(e);
     },
     handleButtonKeydown(e) {
-      e.keyCode === c.enter && e.stopPropagation();
+      e.keyCode === u.enter && e.stopPropagation();
     },
     handleCancelBtnClick() {
       this.colorValue = this.computedPrevColor;
@@ -341,5 +341,5 @@ const re = /* @__PURE__ */ T({
   }
 });
 export {
-  re as FlatColorPicker
+  ne as FlatColorPicker
 };

package/colors/HexInput.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),r=require("./utils/color-parser.js"),s=require("./utils/misc.js"),o=require("../textbox/TextBox.js"),u=n.defineComponent({name:"KendoHexInput",emits:{hexchange:null,blur:null,focus:null},props:{tabIndex:Number,hex:String,disabled:Boolean,id:String,size:String},computed:{isHexValid(){return!!r.parseColor(this.currentHex,"rgba")}},data(){return{currentHex:this.$props.hex,originalHex:this.$props.hex}},mounted(){this._input=this.$refs.input._input},watch:{hex:function(e){this.currentHex=e}},render(){return n.createVNode(o.TextBox,{id:this.$props.id,value:this.currentHex,onInput:this.onChange,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,valid:this.isHexValid,disabled:this.$props.disabled,size:this.$props.size,tabIndex:this.tabIndex,ref:"input"},null)},methods:{onChange(e){const t=e.target.value,i=r.parseColor(t,"rgba");this.currentHex=t,s.isPresent(i)&&this.$emit("hexchange",{hex:t,value:i,event:e})},onBlur(e){s.isPresent(r.parseColor(this.hex,"rgba"))||(this.currentHex=this.originalHex),this.$emit("blur",e)},onFocus(e){this.$emit("focus",e)}}});exports.HexInput=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),r=require("./utils/color-parser.js"),s=require("./utils/misc.js"),o=require("../textbox/TextBox.js"),u=n.defineComponent({name:"KendoHexInput",emits:{hexchange:e=>!0,blur:e=>!0,focus:e=>!0},props:{tabIndex:Number,hex:String,disabled:Boolean,id:String,size:String},computed:{isHexValid(){return!!r.parseColor(this.currentHex,"rgba")}},data(){return{currentHex:this.$props.hex,originalHex:this.$props.hex}},mounted(){this._input=this.$refs.input._input},watch:{hex:function(e){this.currentHex=e}},render(){return n.createVNode(o.TextBox,{id:this.$props.id,value:this.currentHex,onInput:this.onChange,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,valid:this.isHexValid,disabled:this.$props.disabled,size:this.$props.size,tabIndex:this.tabIndex,ref:"input"},null)},methods:{onChange(e){const t=e.target.value,i=r.parseColor(t,"rgba");this.currentHex=t,s.isPresent(i)&&this.$emit("hexchange",{hex:t,value:i,event:e})},onBlur(e){s.isPresent(r.parseColor(this.hex,"rgba"))||(this.currentHex=this.originalHex),this.$emit("blur",{event:e})},onFocus(e){this.$emit("focus",{event:e})}}});exports.HexInput=u;

package/colors/HexInput.mjs

@@ -7,14 +7,14 @@
  */
 import { defineComponent as s, createVNode as o } from "vue";
 import { parseColor as i } from "./utils/color-parser.mjs";
-import { isPresent as r } from "./utils/misc.mjs";
+import { isPresent as n } from "./utils/misc.mjs";
 import { TextBox as h } from "../textbox/TextBox.mjs";
-const x = /* @__PURE__ */ s({
+const d = /* @__PURE__ */ s({
   name: "KendoHexInput",
   emits: {
-    hexchange: null,
-    blur: null,
-    focus: null
+    hexchange: (e) => !0,
+    blur: (e) => !0,
+    focus: (e) => !0
   },
   props: {
     tabIndex: Number,
@@ -59,21 +59,25 @@ const x = /* @__PURE__ */ s({
   },
   methods: {
     onChange(e) {
-      const t = e.target.value, n = i(t, "rgba");
-      this.currentHex = t, r(n) && this.$emit("hexchange", {
+      const t = e.target.value, r = i(t, "rgba");
+      this.currentHex = t, n(r) && this.$emit("hexchange", {
         hex: t,
-        value: n,
+        value: r,
         event: e
       });
     },
     onBlur(e) {
-      r(i(this.hex, "rgba")) || (this.currentHex = this.originalHex), this.$emit("blur", e);
+      n(i(this.hex, "rgba")) || (this.currentHex = this.originalHex), this.$emit("blur", {
+        event: e
+      });
     },
     onFocus(e) {
-      this.$emit("focus", e);
+      this.$emit("focus", {
+        event: e
+      });
     }
   }
 });
 export {
-  x as HexInput
+  d as HexInput
 };