@progress/kendo-vue-inputs 6.4.1 → 6.5.0-develop.1

package/checkbox/Checkbox.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as x, ref as B, inject as D, h as M, createVNode as l } from "vue";
-import { validatePackage as O, guid as P, getRef as f, getDefaultSlots as z, classNames as m, kendoThemeMaps as g, templateRendering as L, getListeners as w, getTemplate as I, Keys as H, setRef as T, getTabIndex as N } from "@progress/kendo-vue-common";
+import { defineComponent as x, h as B, createVNode as l, ref as D, inject as M } from "vue";
+import { Keys as O, getDefaultSlots as P, classNames as f, kendoThemeMaps as m, templateRendering as z, getListeners as L, getTemplate as w, getRef as g, validatePackage as I, guid as H, getTabIndex as T, setRef as N } from "@progress/kendo-vue-common";
 import { packageMetadata as R } from "../package-metadata.mjs";
 import { provideLocalizationService as q } from "@progress/kendo-vue-intl";
-import { checkboxValidation as K, checkboxOptionalText as j, messages as A } from "../messages/main.mjs";
+import { messages as K, checkboxValidation as j, checkboxOptionalText as A } from "../messages/main.mjs";
 const U = /* @__PURE__ */ x({
   name: "KendoCheckbox",
   emits: {
@@ -94,7 +94,7 @@ const U = /* @__PURE__ */ x({
     };
   },
   created() {
-    O(R), this.calculatedId = P(), this.$props.defaultChecked !== void 0 && (this.currentChecked = this.$props.defaultChecked), this.$props.defaultValue !== void 0 && (this.currentValue = this.$props.defaultValue), this.currentDir = this.$props.dir;
+    I(R), this.calculatedId = H(), this.$props.defaultChecked !== void 0 && (this.currentChecked = this.$props.defaultChecked), this.$props.defaultValue !== void 0 && (this.currentValue = this.$props.defaultValue), this.currentDir = this.$props.dir;
   },
   computed: {
     valueIsBooleanOrNull() {
@@ -138,17 +138,17 @@ const U = /* @__PURE__ */ x({
     }
   },
   mounted() {
-    if (this.input = f(this, "input"), !this.currentDir && window && this.$el) {
+    if (this.input = g(this, "input"), !this.currentDir && window && this.$el) {
       const e = window.getComputedStyle(this.$el).direction;
       e && (this.currentDir = e);
     }
     this.setValidity();
   },
   updated() {
-    this.input || (this.input = f(this, "input")), this.setValidity();
+    this.input || (this.input = g(this, "input")), this.setValidity();
   },
   setup() {
-    const e = B(null), t = D("kendoLocalizationService", {});
+    const e = D(null), t = M("kendoLocalizationService", {});
     return {
       inputRef: e,
       kendoLocalizationService: t
@@ -170,16 +170,16 @@ const U = /* @__PURE__ */ x({
       validityStyles: v,
       size: r,
       rounded: u
-    } = this.$props, o = z(this);
+    } = this.$props, o = P(this);
     let a = b;
-    this.localizationService = q(this), this.defaultValidationMessage = this.localizeMessage(K), this.optionalMessage = this.localizeMessage(j);
-    const h = m({
+    this.localizationService = q(this), this.defaultValidationMessage = this.localizeMessage(j), this.optionalMessage = this.localizeMessage(A);
+    const h = f({
       "k-checkbox-wrap": !0,
       "k-disabled": i
-    }), y = m({
+    }), y = f({
       "k-checkbox": !0,
-      [`k-checkbox-${g.sizeMap[r]}`]: r,
-      [`k-rounded-${g.roundedMap[u]}`]: u,
+      [`k-checkbox-${m.sizeMap[r]}`]: r,
+      [`k-rounded-${m.roundedMap[u]}`]: u,
       "k-indeterminate": this.indeterminateProp,
       "k-disabled": i,
       "k-invalid": !this.isValid && v !== !1
@@ -189,12 +189,12 @@ const U = /* @__PURE__ */ x({
         class: y,
         name: $,
         id: s || this.calculatedId,
-        ref: T(this, "input"),
+        ref: N(this, "input"),
         "aria-labelledby": t,
         "aria-describedby": e,
         checked: !!this.checkedProp,
         disabled: i,
-        tabindex: N(V, i),
+        tabindex: T(V, i),
         role: "checkbox",
         required: d !== void 0 ? d : !1,
         "aria-checked": this.computedChecked || this.checkedProp ? !0 : this.indeterminateProp ? "mixed" : !1,
@@ -206,9 +206,9 @@ const U = /* @__PURE__ */ x({
       }, null);
     };
     if (n) {
-      const S = n ? L.call(this, n, w.call(this)) : null;
-      a = I.call(this, {
-        h: M,
+      const S = n ? z.call(this, n, L.call(this)) : null;
+      a = w.call(this, {
+        h: B,
         template: S
       });
     }
@@ -237,7 +237,7 @@ const U = /* @__PURE__ */ x({
       this.input && this.input.setCustomValidity && this.input.setCustomValidity(e ? "" : this.$props.validationMessage || this.defaultValidationMessage);
     },
     localizeMessage(e) {
-      return this.localizationService.toLanguageString(e, A[e]);
+      return this.localizationService.toLanguageString(e, K[e]);
     },
     focusElement() {
       this.input && this.input.focus();
@@ -270,7 +270,7 @@ const U = /* @__PURE__ */ x({
         keyCode: t
       } = e;
       let i = e.currentTarget.checked;
-      t === H.space && (e.preventDefault(), e.stopPropagation(), this.setValue(e, !i));
+      t === O.space && (e.preventDefault(), e.stopPropagation(), this.setValue(e, !i));
     },
     onBlurHandler(e) {
       this.$props.disabled || this.$emit("blur", e);

package/colors/ColorGradient.mjs

@@ -6,10 +6,10 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as w, createVNode as s } from "vue";
-import { validatePackage as D, guid as G, classNames as M, kendoThemeMaps as A, getTabIndex as K, Draggable as E, focusContainer as z, getRef as W, Keys as n, focusFirstFocusableChild as O, setRef as N } from "@progress/kendo-vue-common";
+import { focusFirstFocusableChild as D, Keys as n, getRef as G, focusContainer as M, classNames as A, kendoThemeMaps as K, getTabIndex as E, Draggable as z, validatePackage as W, guid as O, setRef as N } from "@progress/kendo-vue-common";
 import { packageMetadata as P } from "../package-metadata.mjs";
-import { isPresent as f, fitIntoBounds as C } from "./utils/misc.mjs";
-import { parseColor as o, getHSV as c, getRGBA as u, getColorFromHue as g, getColorFromRGBA as j, getColorFromHSV as X } from "./utils/color-parser.mjs";
+import { fitIntoBounds as f, isPresent as C } from "./utils/misc.mjs";
+import { getColorFromHSV as j, parseColor as o, getColorFromHue as c, getRGBA as u, getColorFromRGBA as X, getHSV as g } from "./utils/color-parser.mjs";
 import { removeCachedColor as Y } from "./utils/color-cache.mjs";
 import { ColorInput as _ } from "./ColorInput.mjs";
 import { ColorContrastLabels as U } from "./ColorContrastLabels.mjs";
@@ -60,7 +60,7 @@ const Q = "rgba", y = "rgba(255, 255, 255, 1)", ce = /* @__PURE__ */ w({
     adaptive: Boolean
   },
   created() {
-    D(P), this.guid = G();
+    W(P), this.guid = O();
   },
   computed: {
     valueSet() {
@@ -68,10 +68,10 @@ const Q = "rgba", y = "rgba(255, 255, 255, 1)", ce = /* @__PURE__ */ w({
     },
     computedValue() {
       let e = this.valueSet || this.currentValue || this.defaultValue || o(y, Q);
-      return f(o(e, "hex", this.opacity)) || (e = y), e;
+      return C(o(e, "hex", this.opacity)) || (e = y), e;
     },
     hsva() {
-      return this.valueSet ? c(this.computedValue) : this.currentHsva || c(this.computedValue);
+      return this.valueSet ? g(this.computedValue) : this.currentHsva || g(this.computedValue);
     },
     rgba() {
       return this.valueSet ? u(this.computedValue) : this.currentRgba;
@@ -80,7 +80,7 @@ const Q = "rgba", y = "rgba(255, 255, 255, 1)", ce = /* @__PURE__ */ w({
       return this.valueSet ? o(this.computedValue, "hex", this.opacity) : this.currentHex;
     },
     computedBgColor() {
-      return this.currentBgColor || g(this.hsva.h);
+      return this.currentBgColor || c(this.hsva.h);
     },
     computedTabIndex() {
       return this.innerTabIndex !== void 0 ? this.innerTabIndex : this.focused ? 0 : -1;
@@ -117,9 +117,9 @@ const Q = "rgba", y = "rgba(255, 255, 255, 1)", ce = /* @__PURE__ */ w({
       ariaDescribedBy: p,
       ariaLabelledBy: H,
       adaptive: d
-    } = this.$props, B = M("k-colorgradient", {
+    } = this.$props, B = A("k-colorgradient", {
       "k-disabled": t,
-      [`k-colorgradient-${A.sizeMap[e] || e}`]: e
+      [`k-colorgradient-${K.sizeMap[e] || e}`]: e
     }, i), b = J(this), $ = b.toLanguageString(k, m[k]), V = b.toLanguageString(S, m[S]), L = b.toLanguageString(x, m[x]), F = function() {
       let l = {};
       if (!this.isFirstRender) {
@@ -146,7 +146,7 @@ const Q = "rgba", y = "rgba(255, 255, 255, 1)", ce = /* @__PURE__ */ w({
       class: B,
       role: h !== -1 ? "textbox" : void 0,
       "aria-disabled": t,
-      tabindex: K(h, t),
+      tabindex: E(h, t),
       "aria-labelledby": H,
       "aria-describedby": p,
       onFocus: this.onFocus,
@@ -159,7 +159,7 @@ const Q = "rgba", y = "rgba(255, 255, 255, 1)", ce = /* @__PURE__ */ w({
       style: {
         background: this.computedBgColor
       }
-    }, [s(E, {
+    }, [s(z, {
       onDrag: this.onDrag,
       onRelease: this.onRelease,
       ref: "draggable"
@@ -192,7 +192,7 @@ const Q = "rgba", y = "rgba(255, 255, 255, 1)", ce = /* @__PURE__ */ w({
       ariaLabel: $
     }, null), a && s(R, {
       tabIndex: this.computedTabIndex,
-      value: f(this.hsva.a) ? this.hsva.a * 100 : 100,
+      value: C(this.hsva.a) ? this.hsva.a * 100 : 100,
       buttons: !1,
       vertical: !d,
       min: 0,
@@ -223,15 +223,15 @@ const Q = "rgba", y = "rgba(255, 255, 255, 1)", ce = /* @__PURE__ */ w({
   methods: {
     onKeyDownHandler(e) {
       const t = this.$el;
-      this.innerTabIndex === void 0 && (this.focused = z(e, t)), this.$emit("keydown", e);
+      this.innerTabIndex === void 0 && (this.focused = M(e, t)), this.$emit("keydown", e);
     },
     onHexChange(e, t, i) {
-      const a = u(t), r = c(t);
-      this.currentHsva = r, this.currentBgColor = g(r.h), this.currentRgba = a, this.currentHex = e, this.dispatchChangeEvent(t, i.event, e, t);
+      const a = u(t), r = g(t);
+      this.currentHsva = r, this.currentBgColor = c(r.h), this.currentRgba = a, this.currentHex = e, this.dispatchChangeEvent(t, i.event, e, t);
     },
     onRgbaChange(e, t) {
-      const i = j(e), a = o(i, "hex", this.opacity), r = c(i);
-      this.currentHsva = r, this.currentBgColor = g(r.h), this.currentRgba = e, this.currentHex = a, this.dispatchChangeEvent(i, t.event, a, i);
+      const i = X(e), a = o(i, "hex", this.opacity), r = g(i);
+      this.currentHsva = r, this.currentBgColor = c(r.h), this.currentRgba = e, this.currentHex = a, this.dispatchChangeEvent(i, t.event, a, i);
     },
     onAlphaSliderChange(e) {
       this.handleHsvaChange(Object.assign({}, this.hsva, {
@@ -250,7 +250,7 @@ const Q = "rgba", y = "rgba(255, 255, 255, 1)", ce = /* @__PURE__ */ w({
       this.gradientWrapper.classList.remove("k-dragging");
     },
     onGradientWrapperClick(e) {
-      this.firstFocusable = W(this, "draghandle"), this.firstFocusable && this.firstFocusable.focus(), this.changePosition(e);
+      this.firstFocusable = G(this, "draghandle"), this.firstFocusable && this.firstFocusable.focus(), this.changePosition(e);
     },
     move(e, t, i) {
       const a = this.hsva;
@@ -277,15 +277,15 @@ const Q = "rgba", y = "rgba(255, 255, 255, 1)", ce = /* @__PURE__ */ w({
       }
     },
     changePosition(e) {
-      const t = this.getGradientRectMetrics(), i = e.clientX - t.left, a = e.clientY - t.top, r = C(i, 0, t.width), h = C(a, 0, t.height), p = Object.assign({}, this.hsva, {
+      const t = this.getGradientRectMetrics(), i = e.clientX - t.left, a = e.clientY - t.top, r = f(i, 0, t.width), h = f(a, 0, t.height), p = Object.assign({}, this.hsva, {
         s: r / t.width,
         v: 1 - h / t.height
       });
       this.handleHsvaChange(p, e, e.event);
     },
     handleHsvaChange(e, t) {
-      const i = X(e), a = o(i, "hex", this.opacity), r = o(i, "rgba");
-      this.currentHsva = e, this.currentBgColor = g(e.h), this.currentRgba = u(i), this.currentHex = a, this.dispatchChangeEvent(i, t, a, r);
+      const i = j(e), a = o(i, "hex", this.opacity), r = o(i, "rgba");
+      this.currentHsva = e, this.currentBgColor = c(e.h), this.currentRgba = u(i), this.currentHex = a, this.dispatchChangeEvent(i, t, a, r);
     },
     dispatchChangeEvent(e, t, i, a) {
       this.currentValue = e, this.$emit("changemodel", i), this.$emit("update:modelRgbaValue", a), this.$emit("update:modelValue", i), this.$emit("change", {
@@ -325,7 +325,7 @@ const Q = "rgba", y = "rgba(255, 255, 255, 1)", ce = /* @__PURE__ */ w({
     },
     focus() {
       this.focused = !0, setTimeout(() => {
-        O(this.$el);
+        D(this.$el);
       }, 1);
     }
   }

package/colors/ColorInput.mjs

@@ -11,7 +11,7 @@ import { Button as G } from "@progress/kendo-vue-buttons";
 import { Label as o } from "@progress/kendo-vue-labels";
 import { provideLocalizationService as B } from "@progress/kendo-vue-intl";
 import { colorGradientHex as c, messages as a, colorGradientInputColorButton as b, colorGradientR as u, colorGradientG as f, colorGradientB as m, colorGradientA as x, colorGradientRLabel as $, colorGradientGLabel as k, colorGradientBLabel as C, colorGradientALabel as I } from "../messages/main.mjs";
-import { guid as T, Keys as j } from "@progress/kendo-vue-common";
+import { Keys as T, guid as j } from "@progress/kendo-vue-common";
 import { caretAltExpandIcon as A } from "@progress/kendo-svg-icons";
 import { NumericTextBox as l } from "../numerictextbox/NumericTextBox.mjs";
 function r(e) {
@@ -42,7 +42,7 @@ const s = ["rgba", "rgb", "hex"], q = /* @__PURE__ */ R({
     }
   },
   created() {
-    this.hexInputId = T();
+    this.hexInputId = j();
   },
   data() {
     return {
@@ -206,7 +206,7 @@ const s = ["rgba", "rgb", "hex"], q = /* @__PURE__ */ R({
       }
     },
     onKeyDown(e) {
-      e.keyCode === j.enter && e.stopPropagation();
+      e.keyCode === T.enter && e.stopPropagation();
     }
   }
 });

package/colors/ColorPalette.mjs

@@ -7,7 +7,7 @@
  */
 import { defineComponent as x, createVNode as a } from "vue";
 import { ColorPaletteService as B } from "./utils/color-palette.service.mjs";
-import { validatePackage as D, guid as F, getRef as $, classNames as w, kendoThemeMaps as U, getTabIndex as z, setRef as L, Keys as n } from "@progress/kendo-vue-common";
+import { Keys as n, classNames as $, kendoThemeMaps as D, setRef as F, getTabIndex as U, getRef as w, validatePackage as z, guid as L } from "@progress/kendo-vue-common";
 import { packageMetadata as A } from "../package-metadata.mjs";
 import { PALETTEPRESETS as K } from "./models/palette-presets.mjs";
 import { isPresent as M } from "./utils/misc.mjs";
@@ -51,13 +51,13 @@ const k = 10, O = "office", X = /* @__PURE__ */ x({
     }
   },
   created() {
-    D(A), this.guid = F();
+    z(A), this.guid = L();
   },
   mounted() {
-    this.wrapper = $(this, "wrapper");
+    this.wrapper = w(this, "wrapper");
   },
   updated() {
-    this.wrapper = $(this, "wrapper");
+    this.wrapper = w(this, "wrapper");
   },
   computed: {
     focusedColorCooridanates() {
@@ -84,8 +84,8 @@ const k = 10, O = "office", X = /* @__PURE__ */ x({
       tileSize: s
     } = this.$props, p = this.getPaletteInfo(), d = this.paletteService = new B();
     d.setColorMatrix(p.colors, p.columns);
-    const y = d.getCellCoordsFor(this.selectedColor), f = d.getCellCoordsFor(this.focusedColor), S = w("k-colorpalette", {
-      [`k-colorpalette-${U.sizeMap[e] || e}`]: e,
+    const y = d.getCellCoordsFor(this.selectedColor), f = d.getCellCoordsFor(this.focusedColor), S = $("k-colorpalette", {
+      [`k-colorpalette-${D.sizeMap[e] || e}`]: e,
       "k-disabled": t
     }, o), V = function(m, r, i, l) {
       const u = i !== void 0 && i.row === r, N = i && i.col, E = l !== void 0 && l.row === r, R = l && l.col, c = typeof s != "number" ? s : {
@@ -93,7 +93,7 @@ const k = 10, O = "office", X = /* @__PURE__ */ x({
         height: s
       }, C = c ? c.width + "px" : void 0, P = c ? c.height + "px" : void 0;
       return m.map(function(g, h) {
-        const b = u && N === h, I = w("k-colorpalette-tile", {
+        const b = u && N === h, I = $("k-colorpalette-tile", {
           "k-selected": b,
           "k-focus": E && R === h
         });
@@ -135,8 +135,8 @@ const k = 10, O = "office", X = /* @__PURE__ */ x({
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
       role: "grid",
-      tabindex: z(this.$props.tabIndex, this.$props.disabled),
-      ref: L(this, "wrapper")
+      tabindex: U(this.$props.tabIndex, this.$props.disabled),
+      ref: F(this, "wrapper")
     }, [a("table", {
       class: "k-colorpalette-table k-palette",
       role: "presentation"

package/colors/ColorPicker.mjs

@@ -7,7 +7,7 @@
  */
 import { defineComponent as A, createVNode as o, isVNode as R, h as I } from "vue";
 import { Button as D } from "@progress/kendo-vue-buttons";
-import { ADAPTIVE_SMALL_BREAKPOINT as M, ADAPTIVE_MEDIUM_BREAKPOINT as E, kendoThemeMaps as c, validatePackage as N, guid as p, canUseDOM as H, getRef as a, getTabIndex as F, classNames as h, Icon as L, getIconName as K, Keys as n, setRef as _ } from "@progress/kendo-vue-common";
+import { ADAPTIVE_MEDIUM_BREAKPOINT as M, ADAPTIVE_SMALL_BREAKPOINT as E, getRef as a, Keys as n, getTabIndex as N, classNames as c, Icon as H, getIconName as F, canUseDOM as L, validatePackage as K, guid as p, kendoThemeMaps as h, setRef as _ } from "@progress/kendo-vue-common";
 import { packageMetadata as z } from "../package-metadata.mjs";
 import { Picker as j } from "./Picker.mjs";
 import { FlatColorPicker as x } from "./FlatColorPicker.mjs";
@@ -150,8 +150,8 @@ const ue = /* @__PURE__ */ A({
     },
     adaptiveModeBreakpoints: {
       default: {
-        small: M,
-        medium: E
+        small: E,
+        medium: M
       }
     }
   },
@@ -188,9 +188,9 @@ const ue = /* @__PURE__ */ A({
         "k-picker": !0,
         "k-colorpicker": !0,
         "k-icon-picker": !0,
-        [`k-picker-${c.sizeMap[e] || e}`]: e,
+        [`k-picker-${h.sizeMap[e] || e}`]: e,
         [`k-picker-${i}`]: i,
-        [`k-rounded-${c.roundedMap[t] || t}`]: t,
+        [`k-rounded-${h.roundedMap[t] || t}`]: t,
         "k-invalid": !this.valid,
         "k-disabled": this.disabled,
         "k-focus": this.focused
@@ -211,10 +211,10 @@ const ue = /* @__PURE__ */ A({
     }
   },
   created() {
-    N(z), this._popupId = "popup" + p(), this.focusableElementGuid = p();
+    K(z), this._popupId = "popup" + p(), this.focusableElementGuid = p();
   },
   mounted() {
-    this.observer = H && window.ResizeObserver && new ResizeObserver(this.calculateMedia), document != null && document.body && this.observer && this.observer.observe(document.body), this.flatcolorpickerRef = a(this, "flatcolorpicker"), this.button = a(this, "button");
+    this.observer = L && window.ResizeObserver && new ResizeObserver(this.calculateMedia), document != null && document.body && this.observer && this.observer.observe(document.body), this.flatcolorpickerRef = a(this, "flatcolorpicker"), this.button = a(this, "button");
   },
   unmounted() {
     var e;
@@ -265,7 +265,7 @@ const ue = /* @__PURE__ */ A({
       "aria-haspopup": "dialog",
       "aria-expanded": this.computedOpen,
       ref: this.focusableElementGuid,
-      tabindex: F(t, i),
+      tabindex: N(t, i),
       title: this.$props.title,
       onKeydown: this.onButtonKeyDown,
       onFocusin: this.onFocusHandler,
@@ -274,13 +274,13 @@ const ue = /* @__PURE__ */ A({
       onClick: this.onActiveColorClickHandler,
       class: "k-input-inner"
     }, [o("span", {
-      class: h("k-value-icon", "k-color-preview", {
+      class: c("k-value-icon", "k-color-preview", {
         "k-no-color": !this.computedValue,
         "k-icon-color-preview": this.icon || this.iconClassName
       })
-    }, [(this.iconClassName || this.icon || this.svgIcon) && o(L, {
-      class: h("k-color-preview-icon", this.iconClassName),
-      name: K(this.icon),
+    }, [(this.iconClassName || this.icon || this.svgIcon) && o(H, {
+      class: c("k-color-preview-icon", this.iconClassName),
+      name: F(this.icon),
       icon: this.svgIcon
     }, null), o("span", {
       class: "k-color-preview-mask",

package/colors/FlatColorPicker.mjs

@@ -7,7 +7,7 @@
  */
 import { defineComponent as T, h as n, createVNode as t, isVNode as z } from "vue";
 import { dropletSliderIcon as F, paletteIcon as L, dropletSlashIcon as R } from "@progress/kendo-svg-icons";
-import { validatePackage as M, templateRendering as h, getListeners as p, getTemplate as g, getTabIndex as G, classNames as D, kendoThemeMaps as j, Icon as c, focusFirstFocusableChild as N, focusContainer as E, Keys as u, setRef as m } from "@progress/kendo-vue-common";
+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 { DEFAULT_PRESET as A, ColorPalette as _ } from "./ColorPalette.mjs";
 import { ColorGradient as H } from "./ColorGradient.mjs";
@@ -90,7 +90,7 @@ const re = /* @__PURE__ */ T({
     }
   },
   created() {
-    M(U);
+    E(U);
   },
   computed: {
     isColorGradient() {
@@ -163,13 +163,13 @@ const re = /* @__PURE__ */ T({
       });
     };
     return t("div", {
-      tabindex: G(this.$props.tabIndex, this.$props.disabled),
+      tabindex: j(this.$props.tabIndex, this.$props.disabled),
       onFocus: this.onFocus,
       onBlur: this.onBlur,
       onFocusout: this.onFocusout,
       onKeydown: this.onKeyDownHandler,
       class: D("k-flatcolorpicker k-coloreditor", {
-        [`k-coloreditor-${j.sizeMap[e] || e}`]: e,
+        [`k-coloreditor-${N.sizeMap[e] || e}`]: e,
         "k-disabled": this.$props.disabled
       }),
       "aria-disabled": this.$props.disabled
@@ -191,7 +191,7 @@ const re = /* @__PURE__ */ T({
         size: e,
         onClick: (d) => this.handleViewChange(d, "gradient")
       }, {
-        default: () => [t(c, {
+        default: () => [t(u, {
           size: e,
           name: "droplet-slider",
           icon: F
@@ -207,7 +207,7 @@ const re = /* @__PURE__ */ T({
         size: e,
         onClick: (d) => this.handleViewChange(d, "palette")
       }, {
-        default: () => [t(c, {
+        default: () => [t(u, {
           size: e,
           name: "palette",
           icon: L
@@ -226,7 +226,7 @@ const re = /* @__PURE__ */ T({
       onKeydown: this.handleButtonKeydown,
       onClick: this.handleResetColor
     }, {
-      default: () => [t(c, {
+      default: () => [t(u, {
         size: e,
         name: "droplet-slash",
         icon: R
@@ -275,12 +275,12 @@ const re = /* @__PURE__ */ T({
   methods: {
     focus() {
       this.focused = !0, setTimeout(() => {
-        N(this.$el);
+        G(this.$el);
       }, 1);
     },
     onKeyDownHandler(e) {
       const o = this.$el;
-      this.focused = E(e, o), this.$emit("keydown", e);
+      this.focused = M(e, o), this.$emit("keydown", e);
     },
     handleViewChange(e, o) {
       this.currentView = o, this.$emit("viewchange", {
@@ -306,13 +306,13 @@ const re = /* @__PURE__ */ T({
       });
     },
     innerKeyDown(e) {
-      e.keyCode === u.enter && this.triggerChange(e);
+      e.keyCode === c.enter && this.triggerChange(e);
     },
     gradientKeyDown(e) {
-      e.stopPropagation(), !this.showButtons && e.keyCode === u.enter && this.triggerChange(e);
+      e.stopPropagation(), !this.showButtons && e.keyCode === c.enter && this.triggerChange(e);
     },
     handleButtonKeydown(e) {
-      e.keyCode === u.enter && e.stopPropagation();
+      e.keyCode === c.enter && e.stopPropagation();
     },
     handleCancelBtnClick() {
       this.colorValue = this.computedPrevColor;

package/colors/utils/color-parser.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 a=require("@progress/kendo-drawing"),r=require("./misc.js"),p=(t,o,n=!1,s=!0)=>{if(["hex","rgba"].indexOf(o)===-1)throw new Error(`Unsupported color output format '${o}'. The available options are 'hex' or 'rgba'.`);if(!r.isPresent(t))return;const e=a.parseColor(t.trim(),s);if(r.isPresent(e))return o==="hex"?g(e,n):e.toCssRgba()},g=(t,o)=>o&&t.a<1?t.toCss({alpha:!0}):t.toCss(),C=(t,o=!0)=>{const n=a.parseColor(t,o);return r.isPresent(n)?n.toHSV():{}},h=(t,o=!0)=>{const n=a.parseColor(t,o);return r.isPresent(n)?n.toBytes():{}},B=t=>{const o=r.fitIntoBounds(t.h,0,359.9),n=r.fitIntoBounds(t.s,0,1),s=r.fitIntoBounds(t.v,0,1),u=r.fitIntoBounds(t.a,0,1);return a.Color.fromHSV(o,n,s,u).toCssRgba()},I=t=>B({h:t,s:1,v:1,a:1}),R=t=>{const o=r.fitIntoBounds(t.r,0,255),n=r.fitIntoBounds(t.g,0,255),s=r.fitIntoBounds(t.b,0,255),u=r.fitIntoBounds(t.a,0,1);return a.Color.fromBytes(o,n,s,u).toCssRgba()},i=(t,o)=>{const n=r.fitIntoBounds(t.r,0,255),s=r.fitIntoBounds(t.g,0,255),u=r.fitIntoBounds(t.b,0,255),e=r.fitIntoBounds(t.a,0,1),l=r.fitIntoBounds(o.r,0,255),f=r.fitIntoBounds(o.g,0,255),m=r.fitIntoBounds(o.b,0,255);return{r:Math.round((1-e)*l+e*n),g:Math.round((1-e)*f+e*s),b:Math.round((1-e)*m+e*u)}},c=t=>{let o=[t.r,t.g,t.b].map(function(n){return n/=255,n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4)});return o[0]*.2126+o[1]*.7152+o[2]*.0722},d=(t,o)=>{const n=Math.max(t,o),s=Math.min(t,o);return(n+.05)/(s+.05)},F=(t,o)=>d(c(i(t,o)),c(i(o,{r:0,g:0,b:0,a:1})));exports.getColorFromHSV=B;exports.getColorFromHue=I;exports.getColorFromRGBA=R;exports.getContrast=d;exports.getContrastFromTwoRGBAs=F;exports.getHSV=C;exports.getHexValue=g;exports.getLuminance=c;exports.getRGBA=h;exports.getRGBFromRGBA=i;exports.parseColor=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@progress/kendo-drawing"),r=require("./misc.js"),p=(t,o,n=!1,s=!0)=>{if(["hex","rgba"].indexOf(o)===-1)throw new Error(`Unsupported color output format '${o}'. The available options are 'hex' or 'rgba'.`);if(!r.isPresent(t))return;const e=a.parseColor(t.trim(),s);if(r.isPresent(e))return o==="hex"?g(e,n):e.toCssRgba()},g=(t,o)=>o&&t.a<1?t.toCss({alpha:!0}):t.toCss(),C=(t,o=!0)=>{const n=a.parseColor(t,o);return r.isPresent(n)?n.toHSV():{}},h=(t,o=!0)=>{const n=a.parseColor(t,o);return r.isPresent(n)?n.toBytes():{}},B=t=>{const o=r.fitIntoBounds(t.h,0,359.9),n=r.fitIntoBounds(t.s,0,1),s=r.fitIntoBounds(t.v,0,1),u=r.fitIntoBounds(t.a,0,1);return a.Color.fromHSV(o,n,s,u).toCssRgba()},I=t=>B({h:t,s:1,v:1,a:1}),R=t=>{const o=r.fitIntoBounds(t.r,0,255),n=r.fitIntoBounds(t.g,0,255),s=r.fitIntoBounds(t.b,0,255),u=r.fitIntoBounds(t.a,0,1);return a.Color.fromBytes(o,n,s,u).toCssRgba()},i=(t,o)=>{const n=r.fitIntoBounds(t.r,0,255),s=r.fitIntoBounds(t.g,0,255),u=r.fitIntoBounds(t.b,0,255),e=r.fitIntoBounds(t.a,0,1),l=r.fitIntoBounds(o.r,0,255),f=r.fitIntoBounds(o.g,0,255),m=r.fitIntoBounds(o.b,0,255);return{r:Math.round((1-e)*l+e*n),g:Math.round((1-e)*f+e*s),b:Math.round((1-e)*m+e*u)}},c=t=>{let o=[t.r,t.g,t.b].map(function(n){return n/=255,n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4)});return o[0]*.2126+o[1]*.7152+o[2]*.0722},d=(t,o)=>{const n=Math.max(t,o),s=Math.min(t,o);return(n+.05)/(s+.05)},F=(t,o)=>d(c(i(t,o)),c(i(o,{r:0,g:0,b:0})));exports.getColorFromHSV=B;exports.getColorFromHue=I;exports.getColorFromRGBA=R;exports.getContrast=d;exports.getContrastFromTwoRGBAs=F;exports.getHSV=C;exports.getHexValue=g;exports.getLuminance=c;exports.getRGBA=h;exports.getRGBFromRGBA=i;exports.parseColor=p;

package/colors/utils/color-parser.mjs

@@ -44,7 +44,7 @@ const R = (t, r, o = !1, n = !0) => {
   return (o + 0.05) / (n + 0.05);
 }, M = (t, r) => b(
   i(p(t, r)),
-  i(p(r, { r: 0, g: 0, b: 0, a: 1 }))
+  i(p(r, { r: 0, g: 0, b: 0 }))
 );
 export {
   f as getColorFromHSV,