@progress/kendo-vue-inputs 6.1.0-develop.4 → 6.1.0-develop.6

package/colors/HexInput.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as o, createVNode as s } from "vue";
-import { parseColor as n } from "./utils/color-parser.mjs";
+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 { TextBox as h } from "../textbox/TextBox.mjs";
-const p = /* @__PURE__ */ o({
+const x = /* @__PURE__ */ s({
   name: "KendoHexInput",
   emits: {
     hexchange: null,
@@ -20,11 +20,12 @@ const p = /* @__PURE__ */ o({
     tabIndex: Number,
     hex: String,
     disabled: Boolean,
-    id: String
+    id: String,
+    size: String
   },
   computed: {
     isHexValid() {
-      return !!n(this.currentHex, "rgba");
+      return !!i(this.currentHex, "rgba");
     }
   },
   data() {
@@ -42,7 +43,7 @@ const p = /* @__PURE__ */ o({
     }
   },
   render() {
-    return s(h, {
+    return o(h, {
       id: this.$props.id,
       value: this.currentHex,
       onInput: this.onChange,
@@ -51,21 +52,22 @@ const p = /* @__PURE__ */ o({
       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 = n(t, "rgba");
-      this.currentHex = t, r(i) && this.$emit("hexchange", {
+      const t = e.target.value, n = i(t, "rgba");
+      this.currentHex = t, r(n) && this.$emit("hexchange", {
         hex: t,
-        value: i,
+        value: n,
         event: e
       });
     },
     onBlur(e) {
-      r(n(this.hex, "rgba")) || (this.currentHex = this.originalHex), this.$emit("blur", e);
+      r(i(this.hex, "rgba")) || (this.currentHex = this.originalHex), this.$emit("blur", e);
     },
     onFocus(e) {
       this.$emit("focus", e);
@@ -73,5 +75,5 @@ const p = /* @__PURE__ */ o({
   }
 });
 export {
-  p as HexInput
+  x as HexInput
 };

package/colors/common/ColorsAdaptiveMode.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("@progress/kendo-vue-layout"),l=require("@progress/kendo-vue-buttons"),h=require("@progress/kendo-svg-icons");function a(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const m=e.defineComponent({name:"KendoActionSheet",props:{expand:Boolean,animationStyles:Object,classNameAdaptive:String,title:String,componentToRender:Object,applyText:String,cancelText:String},emits:["actionSheetClose","cancelBtnClick","applyBtnClick"],methods:{onClose(){this.$emit("actionSheetClose")},onCancel(){this.$emit("cancelBtnClick")},onApply(t){this.$emit("applyBtnClick",t)}},render(){const{title:t,componentToRender:i,expand:c,applyText:o,cancelText:n,animationStyles:r,classNameAdaptive:s}=this.$props,d=function(){return e.h(e.createVNode(l.Button,{tabIndex:0,size:"large","aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",icon:"x",svgIcon:h.xIcon,onClick:this.onClose},null))}.call(this),p=()=>e.h(e.createVNode(e.Fragment,null,[e.createVNode(l.Button,{size:"large",class:"k-coloreditor-cancel","aria-label":n,onClick:this.onCancel},a(n)?n:{default:()=>[n]}),e.createVNode(l.Button,{themeColor:"primary",size:"large",class:"k-coloreditor-apply","aria-label":o,onClick:this.onApply},a(o)?o:{default:()=>[o]})])),u=()=>e.h(i);return e.createVNode(C.ActionSheet,{onClose:this.onClose,animationStyles:r,className:s,contentClassName:"!k-overflow-hidden",footerClassName:"k-actions k-actions-stretched k-actions-horizontal",title:t,content:u,footer:p,expand:c,actions:d},null)}});exports.ColorsAdaptiveMode=m;

package/colors/common/ColorsAdaptiveMode.mjs

@@ -0,0 +1,91 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as h, h as l, createVNode as t, Fragment as f, isVNode as u } from "vue";
+import { ActionSheet as y } from "@progress/kendo-vue-layout";
+import { Button as a } from "@progress/kendo-vue-buttons";
+import { xIcon as k } from "@progress/kendo-svg-icons";
+function i(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !u(e);
+}
+const A = /* @__PURE__ */ h({
+  name: "KendoActionSheet",
+  props: {
+    expand: Boolean,
+    animationStyles: Object,
+    classNameAdaptive: String,
+    title: String,
+    componentToRender: Object,
+    applyText: String,
+    cancelText: String
+  },
+  emits: ["actionSheetClose", "cancelBtnClick", "applyBtnClick"],
+  methods: {
+    onClose() {
+      this.$emit("actionSheetClose");
+    },
+    onCancel() {
+      this.$emit("cancelBtnClick");
+    },
+    onApply(e) {
+      this.$emit("applyBtnClick", e);
+    }
+  },
+  render() {
+    const {
+      title: e,
+      componentToRender: c,
+      expand: r,
+      applyText: o,
+      cancelText: n,
+      animationStyles: s,
+      classNameAdaptive: p
+    } = this.$props, d = function() {
+      return l(t(a, {
+        tabIndex: 0,
+        size: "large",
+        "aria-label": "Cancel",
+        "aria-disabled": "false",
+        type: "button",
+        fillMode: "flat",
+        icon: "x",
+        svgIcon: k,
+        onClick: this.onClose
+      }, null));
+    }.call(this), m = () => l(t(f, null, [t(a, {
+      size: "large",
+      class: "k-coloreditor-cancel",
+      "aria-label": n,
+      onClick: this.onCancel
+    }, i(n) ? n : {
+      default: () => [n]
+    }), t(a, {
+      themeColor: "primary",
+      size: "large",
+      class: "k-coloreditor-apply",
+      "aria-label": o,
+      onClick: this.onApply
+    }, i(o) ? o : {
+      default: () => [o]
+    })])), C = () => l(c);
+    return t(y, {
+      onClose: this.onClose,
+      animationStyles: s,
+      className: p,
+      contentClassName: "!k-overflow-hidden",
+      footerClassName: "k-actions k-actions-stretched k-actions-horizontal",
+      title: e,
+      content: C,
+      footer: m,
+      expand: r,
+      actions: d
+    }, null);
+  }
+});
+export {
+  A as ColorsAdaptiveMode
+};

package/colors/utils/color-cache.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 e=require("../ColorPalette.js"),T={opacity:!0},E={palette:e.DEFAULT_PRESET,tileSize:e.DEFAULT_TILE_SIZE};function o(t){}exports.DEFAULT_GRADIENT_SETTINGS=T;exports.DEFAULT_PALETTE_SETTINGS=E;exports.removeCachedColor=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={opacity:!0};function o(t){}exports.DEFAULT_GRADIENT_SETTINGS=e;exports.removeCachedColor=o;

package/colors/utils/color-cache.mjs

@@ -5,17 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { DEFAULT_PRESET as E, DEFAULT_TILE_SIZE as T } from "../ColorPalette.mjs";
 const e = {
   opacity: !0
-}, S = {
-  palette: E,
-  tileSize: T
 };
-function _(o) {
+function t(o) {
 }
 export {
   e as DEFAULT_GRADIENT_SETTINGS,
-  S as DEFAULT_PALETTE_SETTINGS,
-  _ as removeCachedColor
+  t as removeCachedColor
 };