@progress/kendo-vue-inputs 5.3.0-dev.202409130647 → 5.3.0-develop.1

package/colors/FlatColorPicker.mjs

@@ -0,0 +1,323 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as K, h as i, createVNode as t, isVNode as T } from "vue";
+import { dropletSliderIcon as x, paletteIcon as F, dropletSlashIcon as L } from "@progress/kendo-svg-icons";
+import { validatePackage as G, templateRendering as u, getListeners as h, getTemplate as p, getTabIndex as R, classNames as D, Icon as d, focusFirstFocusableChild as M, focusContainer as j, Keys as c, setRef as g } from "@progress/kendo-vue-common";
+import { ButtonGroup as N, Button as l } from "@progress/kendo-vue-buttons";
+import { ColorPalette as E } from "./ColorPalette.mjs";
+import { ColorGradient as O } from "./ColorGradient.mjs";
+import { packageMetadata as A } from "../package-metadata.mjs";
+import { flatColorPickerGradientBtn as m, messages as a, flatColorPickerPaletteBtn as f, flatColorPickerClearBtn as C, flatColorPickerCancelBtn as k, flatColorPickerApplyBtn as b } from "../messages/main.mjs";
+import { parseColor as _ } from "./utils/color-parser.mjs";
+import { DEFAULT_GRADIENT_SETTINGS as z, DEFAULT_PALETTE_SETTINGS as H } from "./utils/color-cache.mjs";
+import { provideLocalizationService as U } from "@progress/kendo-vue-intl";
+function w(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !T(e);
+}
+const ae = /* @__PURE__ */ K({
+  name: "KendoFlatColorPicker",
+  emits: {
+    viewchange: null,
+    changemodel: null,
+    "update:modelValue": null,
+    "update:modelRgbaValue": null,
+    focus: null,
+    blur: null,
+    focusout: null,
+    keydown: null,
+    change: null
+  },
+  props: {
+    modelValue: String,
+    modelRgbaValue: String,
+    value: String,
+    prevValue: String,
+    tabIndex: Number,
+    disabled: Boolean,
+    view: {
+      type: String,
+      default: "combo",
+      validator: function(e) {
+        return ["gradient", "palette", "combo"].includes(e);
+      }
+    },
+    selectedView: {
+      type: Number,
+      default: void 0
+    },
+    header: [String, Function, Object],
+    footer: [String, Function, Object],
+    showClearButton: {
+      type: Boolean,
+      default: !0
+    },
+    showPreview: {
+      type: Boolean,
+      default: !0
+    },
+    showButtons: {
+      type: Boolean,
+      default: !0
+    },
+    gradientSettings: {
+      type: Object,
+      default: function() {
+        return z;
+      }
+    },
+    paletteSettings: {
+      type: Object,
+      default: function() {
+        return H;
+      }
+    }
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  created() {
+    G(A);
+  },
+  computed: {
+    isColorGradient() {
+      return this.view !== "combo" ? this.view === "gradient" : this.selectedView !== void 0 ? this.selectedView === 0 : this.currentView === "gradient";
+    },
+    computedColor() {
+      return this.value !== void 0 ? this.value : this.modelValue !== void 0 ? this.modelValue : this.modelRgbaValue !== void 0 ? this.modelRgbaValue : this.colorValue;
+    },
+    computedPrevColor() {
+      return this.prevValue !== void 0 ? this.prevValue : this.currentPrevColor;
+    },
+    previewClass() {
+      return {
+        "k-coloreditor-preview-color": !0,
+        "k-color-preview": !0,
+        "k-no-color": !this.colorValue
+      };
+    },
+    currentClass() {
+      return {
+        "k-coloreditor-current-color": !0,
+        "k-color-preview": !0,
+        "k-no-color": !this.computedPrevColor
+      };
+    },
+    computedTabIndex() {
+      return this.focused ? 0 : -1;
+    }
+  },
+  data() {
+    const e = this.value || this.defaultValue || this.modelValue || this.modelRgbaValue;
+    return {
+      currentView: "gradient",
+      colorValue: e,
+      currentPrevColor: e,
+      focused: !1
+    };
+  },
+  render() {
+    const e = U(this), o = e.toLanguageString(m, a[m]), v = e.toLanguageString(f, a[f]), V = e.toLanguageString(C, a[C]), n = e.toLanguageString(k, a[k]), r = e.toLanguageString(b, a[b]), y = u.call(this, this.$props.header, h.call(this)), B = u.call(this, this.$props.footer, h.call(this)), P = p.call(this, {
+      h: i,
+      template: y
+    }), S = p.call(this, {
+      h: i,
+      template: B
+    }), I = function() {
+      return i(O, {
+        ref: g(this, "gradient"),
+        tabIndex: -1,
+        value: this.colorValue,
+        innerTabIndex: this.computedTabIndex,
+        onChange: this.handleColorChange,
+        onKeydown: this.innerKeyDown,
+        ...this.gradientSettings
+      });
+    }, $ = function() {
+      return i(E, {
+        ref: g(this, "palette"),
+        tabIndex: this.computedTabIndex,
+        value: this.colorValue,
+        onChange: this.handlePaletteColorChange,
+        onKeydown: this.gradientKeyDown,
+        ...this.paletteSettings
+      });
+    };
+    return t("div", {
+      tabindex: R(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-disabled": this.$props.disabled
+      }),
+      "aria-disabled": this.$props.disabled
+    }, [P, this.$props.showClearButton && this.$props.showPreview && t("div", {
+      class: "k-coloreditor-header k-hstack"
+    }, [this.$props.view === "combo" && t("div", {
+      class: "k-coloreditor-header-actions k-hstack"
+    }, [t(N, {
+      class: "k-button-group-flat"
+    }, {
+      default: () => [t(l, {
+        tabIndex: this.computedTabIndex,
+        type: "button",
+        togglable: !0,
+        fillMode: "flat",
+        selected: this.isColorGradient,
+        onKeydown: this.handleButtonKeydown,
+        ariaLabel: o,
+        onClick: (s) => this.handleViewChange(s, "gradient")
+      }, {
+        default: () => [t(d, {
+          name: "droplet-slider",
+          icon: x
+        }, null)]
+      }), t(l, {
+        tabIndex: this.computedTabIndex,
+        type: "button",
+        togglable: !0,
+        fillMode: "flat",
+        selected: !this.isColorGradient,
+        onKeydown: this.handleButtonKeydown,
+        ariaLabel: v,
+        onClick: (s) => this.handleViewChange(s, "palette")
+      }, {
+        default: () => [t(d, {
+          name: "palette",
+          icon: F
+        }, null)]
+      })]
+    })]), t("div", {
+      class: "k-spacer"
+    }, null), t("div", {
+      class: "k-coloreditor-header-actions k-hstack"
+    }, [this.$props.showClearButton && t(l, {
+      tabIndex: this.computedTabIndex,
+      type: "button",
+      fillMode: "flat",
+      ariaLabel: V,
+      onKeydown: this.handleButtonKeydown,
+      onClick: this.handleResetColor
+    }, {
+      default: () => [t(d, {
+        name: "droplet-slash",
+        icon: L
+      }, null)]
+    }), this.$props.showPreview && t("div", {
+      class: "k-coloreditor-preview k-vstack"
+    }, [t("span", {
+      class: this.previewClass,
+      style: {
+        background: this.colorValue
+      }
+    }, [!this.colorValue && t("span", {
+      class: "k-color-preview-mask"
+    }, null)]), t("span", {
+      class: this.currentClass,
+      style: {
+        background: this.computedPrevColor
+      },
+      onClick: this.handlePrevColorClick
+    }, [!this.computedPrevColor && t("span", {
+      class: "k-color-preview-mask"
+    }, null)])])])]), t("div", {
+      class: "k-coloreditor-views k-vstack"
+    }, [this.isColorGradient ? I.call(this) : $.call(this)]), this.$props.showButtons && t("div", {
+      class: "k-coloreditor-footer k-actions k-actions-end"
+    }, [t(l, {
+      tabIndex: this.computedTabIndex,
+      type: "button",
+      class: "k-coloreditor-cancel",
+      onKeydown: this.handleButtonKeydown,
+      onClick: this.handleCancelBtnClick
+    }, w(n) ? n : {
+      default: () => [n]
+    }), t(l, {
+      tabIndex: this.computedTabIndex,
+      type: "button",
+      class: "k-coloreditor-apply k-primary",
+      onKeydown: this.handleButtonKeydown,
+      onClick: this.triggerChange
+    }, w(r) ? r : {
+      default: () => [r]
+    })]), S]);
+  },
+  methods: {
+    focus() {
+      this.focused = !0, setTimeout(() => {
+        M(this.$el);
+      }, 1);
+    },
+    onKeyDownHandler(e) {
+      const o = this.$el;
+      this.focused = j(e, o), this.$emit("keydown", e);
+    },
+    handleViewChange(e, o) {
+      this.currentView = o, this.$emit("viewchange", {
+        event: e,
+        viewType: o
+      });
+    },
+    handleResetColor() {
+      this.colorValue = null, this.showButtons || this.triggerChange();
+    },
+    handleColorChange(e) {
+      this.colorValue = e.value, this.showButtons || this.triggerChange(e);
+    },
+    handlePaletteColorChange(e) {
+      this.colorValue = e.value, this.showButtons || this.triggerChange(e);
+    },
+    triggerChange(e) {
+      const o = _(this.colorValue, "rgba");
+      this.currentPrevColor = this.colorValue, this.$emit("changemodel", this.colorValue), this.$emit("update:modelValue", this.colorValue), this.$emit("update:modelRgbaValue", o), this.$emit("change", {
+        event: e,
+        value: this.colorValue,
+        rgbaValue: o
+      });
+    },
+    innerKeyDown(e) {
+      e.keyCode === c.enter && this.triggerChange(e);
+    },
+    gradientKeyDown(e) {
+      e.stopPropagation(), !this.showButtons && e.keyCode === c.enter && this.triggerChange(e);
+    },
+    handleButtonKeydown(e) {
+      e.keyCode === c.enter && e.stopPropagation();
+    },
+    handleCancelBtnClick() {
+      this.colorValue = this.computedPrevColor;
+    },
+    handlePrevColorClick() {
+      this.colorValue = this.computedPrevColor;
+    },
+    onFocus(e) {
+      this.$emit("focus", {
+        event: e,
+        target: this
+      });
+    },
+    onBlur(e) {
+      this.$emit("blur", {
+        event: e,
+        target: this
+      });
+    },
+    onFocusout(e) {
+      this.$emit("focusout", {
+        event: e,
+        target: this
+      });
+    }
+  }
+});
+export {
+  ae as FlatColorPicker
+};

package/colors/HexInput.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 i=require("vue"),n=require("./utils/color-parser.js"),s=require("./utils/misc.js"),o=require("../textbox/TextBox.js"),u=i.defineComponent({name:"KendoHexInput",emits:{hexchange:null,blur:null,focus:null},props:{tabIndex:Number,hex:String,disabled:Boolean,id:String},computed:{isHexValid(){return!!n.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 i.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,tabIndex:this.tabIndex,ref:"input"},null)},methods:{onChange(e){const t=e.target.value,r=n.parseColor(t,"rgba");this.currentHex=t,s.isPresent(r)&&this.$emit("hexchange",{hex:t,value:r,event:e})},onBlur(e){s.isPresent(n.parseColor(this.hex,"rgba"))||(this.currentHex=this.originalHex),this.$emit("blur",e)},onFocus(e){this.$emit("focus",e)}}});exports.HexInput=u;

package/colors/HexInput.mjs

@@ -0,0 +1,77 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 { isPresent as r } from "./utils/misc.mjs";
+import { TextBox as h } from "../textbox/TextBox.mjs";
+const p = /* @__PURE__ */ o({
+  name: "KendoHexInput",
+  emits: {
+    hexchange: null,
+    blur: null,
+    focus: null
+  },
+  props: {
+    tabIndex: Number,
+    hex: String,
+    disabled: Boolean,
+    id: String
+  },
+  computed: {
+    isHexValid() {
+      return !!n(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 s(h, {
+      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,
+      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", {
+        hex: t,
+        value: i,
+        event: e
+      });
+    },
+    onBlur(e) {
+      r(n(this.hex, "rgba")) || (this.currentHex = this.originalHex), this.$emit("blur", e);
+    },
+    onFocus(e) {
+      this.$emit("focus", e);
+    }
+  }
+});
+export {
+  p as HexInput
+};

package/colors/Picker.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 t=require("vue"),s=require("@progress/kendo-vue-popup"),e=require("@progress/kendo-vue-common");function l(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!t.isVNode(o)}const a="bottom",c="top",h=t.defineComponent({name:"KendoPicker",props:{popupSettings:Object,dir:String,open:Boolean,popupAnchor:String,id:String,onOpen:Function},computed:{horizontalAlign(){return this.$props.dir==="rtl"?"right":"left"},anchorAlign(){return{horizontal:this.horizontalAlign,vertical:a}},popupAlign(){return{horizontal:this.horizontalAlign,vertical:c}}},render(){const o=e.getDefaultSlots(this),{popupClass:n,appendTo:i,animate:p,className:r}=this.$props.popupSettings;return t.createVNode(s.Popup,{id:this.id,anchor:this.$props.popupAnchor,anchorAlign:this.anchorAlign,popupAlign:this.popupAlign,show:this.$props.open,onOpen:this.handleOpen,onClose:this.handleClose,appendTo:i,animate:p,popupClass:n,class:e.classNames("k-reset",r)},l(o)?o:{default:()=>[o]})},methods:{handleOpen(){this.$emit("open")},handleClose(){this.$emit("close")}}});exports.Picker=h;

package/colors/Picker.mjs

@@ -0,0 +1,75 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as i, createVNode as r, isVNode as s } from "vue";
+import { Popup as l } from "@progress/kendo-vue-popup";
+import { getDefaultSlots as a, classNames as h } from "@progress/kendo-vue-common";
+function c(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !s(o);
+}
+const u = "bottom", d = "top", f = /* @__PURE__ */ i({
+  name: "KendoPicker",
+  props: {
+    popupSettings: Object,
+    dir: String,
+    open: Boolean,
+    popupAnchor: String,
+    id: String,
+    onOpen: Function
+  },
+  computed: {
+    horizontalAlign() {
+      return this.$props.dir === "rtl" ? "right" : "left";
+    },
+    anchorAlign() {
+      return {
+        horizontal: this.horizontalAlign,
+        vertical: u
+      };
+    },
+    popupAlign() {
+      return {
+        horizontal: this.horizontalAlign,
+        vertical: d
+      };
+    }
+  },
+  render() {
+    const o = a(this), {
+      popupClass: t,
+      appendTo: n,
+      animate: e,
+      className: p
+    } = this.$props.popupSettings;
+    return r(l, {
+      id: this.id,
+      anchor: this.$props.popupAnchor,
+      anchorAlign: this.anchorAlign,
+      popupAlign: this.popupAlign,
+      show: this.$props.open,
+      onOpen: this.handleOpen,
+      onClose: this.handleClose,
+      appendTo: n,
+      animate: e,
+      popupClass: t,
+      class: h("k-reset", p)
+    }, c(o) ? o : {
+      default: () => [o]
+    });
+  },
+  methods: {
+    handleOpen() {
+      this.$emit("open");
+    },
+    handleClose() {
+      this.$emit("close");
+    }
+  }
+});
+export {
+  f as Picker
+};

package/colors/models/palette-presets.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 f={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4"," ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};exports.PALETTEPRESETS=f;

package/colors/models/palette-presets.mjs

@@ -0,0 +1,60 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const f = {
+  basic: {
+    colors: ["#000000", "#7f7f7f", "#880015", "#ed1c24", "#ff7f27", "#fff200", "#22b14c", "#00a2e8", "#3f48cc", "#a349a4", " ffffff", "#c3c3c3", "#b97a57", "#ffaec9", "#ffc90e", "#efe4b0", "#b5e61d", "#99d9ea", "#7092be", "#c8bfe7"],
+    columns: 10
+  },
+  office: {
+    colors: ["#ffffff", "#000000", "#e6e6e6", "#435569", "#4371c4", "#ed7e32", "#a5a4a5", "#febf04", "#5a9bd5", "#71ae48", "#f2f2f3", "#7f7f7f", "#d1cece", "#d5dde3", "#dae1f4", "#fce5d4", "#deeded", "#fff2cc", "#deeaf6", "#e1efd9", "#d7d8d8", "#585959", "#aeabab", "#adbaca", "#b4c5e7", "#f6caac", "#dbdbdb", "#ffe498", "#bcd6ee", "#c5e0b2", "#bfbfc0", "#3f3f3f", "#767070", "#8595b1", "#8fabdb", "#f5b183", "#c9c8c9", "#fed965", "#9bc4e5", "#a8d08d", "#a5a5a6", "#262625", "#393939", "#334050", "#2e5496", "#c45a11", "#7b7b7a", "#bf9000", "#2f75b5", "#548235", "#7f7f7f", "#0b0c0c", "#161616", "#222a34", "#203764", "#843d0b", "#525252", "#7f6000", "#1d4d79", "#375623"],
+    columns: 10
+  },
+  apex: {
+    colors: ["#ffffff", "#000000", "#c9c2d1", "#69676d", "#ceb966", "#9cb084", "#6bb1c9", "#6585cf", "#7e6bc9", "#a379bb", "#f2f2f2", "#7f7f7f", "#f4f2f5", "#e0e0e2", "#f5f1e0", "#ebefe6", "#e1eff4", "#e0e6f5", "#e5e1f4", "#ece4f1", "#d8d8d8", "#595959", "#e9e6ec", "#c2c1c5", "#ebe3c1", "#d7dfcd", "#c3dfe9", "#c1ceeb", "#cbc3e9", "#dac9e3", "#bfbfbf", "#3f3f3f", "#dedae3", "#a4a3a8", "#e1d5a3", "#c3cfb5", "#a6d0de", "#a2b5e2", "#b1a6de", "#c7aed6", "#a5a5a5", "#262626", "#9688a5", "#4e4d51", "#ae9638", "#758c5a", "#3d8da9", "#365bb0", "#533da9", "#7d4d99", "#7f7f7f", "#0c0c0c", "#635672", "#343336", "#746425", "#4e5d3c", "#295e70", "#243c75", "#372970", "#533366"],
+    columns: 10
+  },
+  austin: {
+    colors: ["#ffffff", "#000000", "#caf278", "#3e3d2d", "#94c600", "#71685a", "#ff6700", "#909465", "#956b43", "#fea022", "#f2f2f2", "#7f7f7f", "#f4fce4", "#dddcd0", "#efffc0", "#e3e1dc", "#ffe0cb", "#e8e9df", "#ece1d6", "#feecd2", "#d8d8d8", "#595959", "#e9f9c9", "#bbb9a1", "#dfff82", "#c8c3ba", "#ffc299", "#d2d4c0", "#dac3ad", "#fed9a6", "#bfbfbf", "#3f3f3f", "#dff7ae", "#ada598", "#cfff43", "#ada598", "#ffa365", "#bcbfa1", "#c8a585", "#fec67a", "#a5a5a5", "#262626", "#a9ea25", "#2e2d21", "#6f9400", "#544e43", "#bf4d00", "#6c6f4b", "#6f5032", "#d77b00", "#7f7f7f", "#0c0c0c", "#74a50f", "#1f1e16", "#4a6300", "#38342d", "#7f3300", "#484a32", "#4a3521", "#8f5200"],
+    columns: 10
+  },
+  clarity: {
+    colors: ["#ffffff", "#292934", "#f3f2dc", "#d2533c", "#93a299", "#ad8f67", "#726056", "#4c5a6a", "#808da0", "#79463d", "#f2f2f2", "#e7e7ec", "#e7e5b9", "#f6dcd8", "#e9ecea", "#eee8e0", "#e4dedb", "#d8dde3", "#e5e8ec", "#e9d6d3", "#d8d8d8", "#c4c4d1", "#d5d185", "#edbab1", "#d3d9d6", "#ded2c2", "#c9beb8", "#b2bcc8", "#ccd1d9", "#d3aea7", "#bfbfbf", "#8a8aa3", "#aca73b", "#e4978a", "#bec7c1", "#cdbba3", "#af9e94", "#8c9bac", "#b2bac6", "#bd857c", "#a5a5a5", "#56566e", "#56531d", "#a43925", "#6b7c72", "#866b48", "#554840", "#39434f", "#5c697b", "#5a342d", "#7f7f7f", "#3b3b4b", "#22210b", "#6d2619", "#47534c", "#594730", "#39302b", "#262d35", "#3d4652", "#3c231e"],
+    columns: 10
+  },
+  slipstream: {
+    colors: ["#ffffff", "#000000", "#b4dcfa", "#212745", "#4e67c8", "#5eccf3", "#a7ea52", "#5dceaf", "#ff8021", "#f14124", "#f2f2f2", "#7f7f7f", "#8bc9f7", "#c7cce4", "#dbe0f4", "#def4fc", "#edfadc", "#def5ef", "#ffe5d2", "#fcd9d3", "#d8d8d8", "#595959", "#4facf3", "#909aca", "#b8c2e9", "#beeafa", "#dbf6b9", "#beebdf", "#ffcca6", "#f9b3a7", "#bfbfbf", "#3f3f3f", "#0d78c9", "#5967af", "#94a3de", "#9ee0f7", "#caf297", "#9de1cf", "#ffb279", "#f68d7b", "#a5a5a5", "#262626", "#063c64", "#181d33", "#31479f", "#11b2eb", "#81d319", "#34ac8b", "#d85c00", "#c3260c", "#7f7f7f", "#0c0c0c", "#021828", "#101322", "#202f6a", "#0b769c", "#568c11", "#22725c", "#903d00", "#821908"],
+    columns: 10
+  },
+  metro: {
+    colors: ["#ffffff", "#000000", "#d6ecff", "#4e5b6f", "#7fd13b", "#ea157a", "#feb80a", "#00addc", "#738ac8", "#1ab39f", "#f2f2f2", "#7f7f7f", "#a7d6ff", "#d9dde4", "#e5f5d7", "#fad0e4", "#fef0cd", "#c5f2ff", "#e2e7f4", "#c9f7f1", "#d8d8d8", "#595959", "#60b5ff", "#b3bcca", "#cbecb0", "#f6a1c9", "#fee29c", "#8be6ff", "#c7d0e9", "#94efe3", "#bfbfbf", "#3f3f3f", "#007dea", "#8d9baf", "#b2e389", "#f272af", "#fed46b", "#51d9ff", "#aab8de", "#5fe7d5", "#a5a5a5", "#262626", "#003e75", "#3a4453", "#5ea226", "#af0f5b", "#c58c00", "#0081a5", "#425ea9", "#138677", "#7f7f7f", "#0c0c0c", "#00192e", "#272d37", "#3f6c19", "#750a3d", "#835d00", "#00566e", "#2c3f71", "#0c594f"],
+    columns: 10
+  },
+  flow: {
+    colors: ["#ffffff", "#000000", "#dbf5f9", "#04617b", "#0f6fc6", "#009dd9", "#0bd0d9", "#10cf9b", "#7cca62", "#a5c249", "#f2f2f2", "#7f7f7f", "#b2e9f2", "#b4ecfc", "#c7e2fa", "#c4eeff", "#c9fafc", "#c9faed", "#e4f4df", "#edf2da", "#d8d8d8", "#595959", "#76d9e8", "#6adafa", "#90c6f6", "#89deff", "#93f5f9", "#94f6db", "#cae9c0", "#dbe6b6", "#bfbfbf", "#3f3f3f", "#21b2c8", "#20c8f7", "#59a9f2", "#4fceff", "#5df0f6", "#5ff2ca", "#b0dfa0", "#c9da91", "#a5a5a5", "#262626", "#105964", "#02485c", "#0b5394", "#0075a2", "#089ca2", "#0b9b74", "#54a838", "#7e9532", "#7f7f7f", "#0c0c0c", "#062328", "#01303d", "#073763", "#004e6c", "#05686c", "#07674d", "#387025", "#546321"],
+    columns: 10
+  },
+  hardcover: {
+    colors: ["#ffffff", "#000000", "#ece9c6", "#895d1d", "#873624", "#d6862d", "#d0be40", "#877f6c", "#972109", "#aeb795", "#f2f2f2", "#7f7f7f", "#e1dca5", "#f2e0c6", "#f0d0c9", "#f6e6d5", "#f5f2d8", "#e7e5e1", "#fbc7bc", "#eef0e9", "#d8d8d8", "#595959", "#d0c974", "#e6c28d", "#e2a293", "#eeceaa", "#ece5b2", "#cfccc3", "#f78f7a", "#dee2d4", "#bfbfbf", "#3f3f3f", "#a29a36", "#daa454", "#d4735e", "#e6b681", "#e2d88c", "#b7b2a5", "#f35838", "#ced3bf", "#a5a5a5", "#262626", "#514d1b", "#664515", "#65281a", "#a2641f", "#a39428", "#655f50", "#711806", "#879464", "#7f7f7f", "#0c0c0c", "#201e0a", "#442e0e", "#431b11", "#6c4315", "#6d621a", "#433f35", "#4b1004", "#5a6243"],
+    columns: 10
+  },
+  trek: {
+    colors: ["#ffffff", "#000000", "#fbeec9", "#4e3b30", "#f0a22e", "#a5644e", "#b58b80", "#c3986d", "#a19574", "#c17529", "#f2f2f2", "#7f7f7f", "#f7e09e", "#e1d6cf", "#fcecd5", "#eddfda", "#f0e7e5", "#f3eae1", "#ece9e3", "#f5e3d1", "#d8d8d8", "#595959", "#f3cc5f", "#c4ad9f", "#f9d9ab", "#dcc0b6", "#e1d0cc", "#e7d5c4", "#d9d4c7", "#ebc7a3", "#bfbfbf", "#3f3f3f", "#d29f0f", "#a78470", "#f6c781", "#cba092", "#d2b9b2", "#dbc1a7", "#c6bfab", "#e1ac76", "#a5a5a5", "#262626", "#694f07", "#3a2c24", "#c87d0e", "#7b4b3a", "#926255", "#a17242", "#7b7153", "#90571e", "#7f7f7f", "#0c0c0c", "#2a1f03", "#271d18", "#855309", "#523226", "#614138", "#6b4c2c", "#524b37", "#603a14"],
+    columns: 10
+  },
+  verve: {
+    colors: ["#ffffff", "#000000", "#d2d2d2", "#666666", "#ff388c", "#e40059", "#9c007f", "#68007f", "#005bd3", "#00349e", "#f2f2f2", "#7f7f7f", "#bdbdbd", "#e0e0e0", "#ffd7e8", "#ffc6dc", "#ffb8f1", "#f1b2ff", "#c3dcff", "#b8cfff", "#d8d8d8", "#595959", "#9d9d9d", "#c1c1c1", "#ffafd1", "#ff8eba", "#ff71e4", "#e365ff", "#87baff", "#72a0ff", "#bfbfbf", "#3f3f3f", "#696969", "#a3a3a3", "#ff87ba", "#ff5597", "#ff2ad7", "#d519ff", "#4b98ff", "#2b71ff", "#a5a5a5", "#262626", "#343434", "#4c4c4c", "#e90062", "#ab0042", "#75005f", "#4e005f", "#00449e", "#002676", "#7f7f7f", "#0c0c0c", "#151515", "#333333", "#9b0041", "#72002c", "#4e003f", "#34003f", "#002d69", "#00194f"],
+    columns: 10
+  },
+  monochrome: {
+    colors: ["#000000", "#1a1a1a", "#333333", "#4d4d4d", "#666666", "#808080", "#999999", "#b3b3b3", "#cccccc", "#e6e6e6", "#f2f2f2", "#ffffff"],
+    columns: 12
+  }
+};
+export {
+  f as PALETTEPRESETS
+};

package/colors/utils/color-cache.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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("../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;

package/colors/utils/color-cache.mjs

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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) {
+}
+export {
+  e as DEFAULT_GRADIENT_SETTINGS,
+  S as DEFAULT_PALETTE_SETTINGS,
+  _ as removeCachedColor
+};

package/colors/utils/color-palette.service.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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("./misc.js"),n=require("@progress/kendo-drawing");class l{constructor(){this.colorRows=[]}setColorMatrix(r,o){if(this.colorRows=[],!!(e.isPresent(r)&&r.length)){o=o||r.length;for(let s=0;s<r.length;s+=o){const t=r.slice(s,o+s);this.colorRows.push(t)}}}isInColors(r,o){return r.some(s=>s===o)}getCellCoordsFor(r){if(!e.isPresent(r))return;const o=r&&n.parseColor(r,!0),s=[r];e.isPresent(o)&&s.push(o.toCss(),o.toCssRgba());for(let t=0;t<this.colorRows.length;t++)for(let i=0;i<this.colorRows[t].length;i++)if(this.isInColors(s,this.colorRows[t][i]))return{row:t,col:i}}getColorAt(r){if(e.isPresent(r)&&e.isPresent(this.colorRows[r.row]))return this.colorRows[r.row][r.col]}getNextCell(r,o,s){if(!(e.isPresent(r)&&e.isPresent(r.row)&&e.isPresent(r.col)))return{row:0,col:0};const t=this.clampIndex(r.row+s,this.colorRows.length-1),i=this.clampIndex(r.col+o,this.colorRows[t].length-1);return{row:t,col:i}}clampIndex(r,o){return r<0?0:r>o?o:r}}exports.ColorPaletteService=l;