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

package/signature/SignatureDialog.mjs

@@ -0,0 +1,160 @@
+/**
+ * @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 $, createVNode as i } from "vue";
+import { Dialog as B } from "@progress/kendo-vue-dialogs";
+import { SignatureBottomActions as O } from "./SignatureBottomActions.mjs";
+import { SignatureLine as L } from "./SignatureLine.mjs";
+import { Button as N } from "@progress/kendo-vue-buttons";
+import { provideLocalizationService as W } from "@progress/kendo-vue-intl";
+import { getRef as x, setRef as o } from "@progress/kendo-vue-common";
+import { hyperlinkOpenIcon as I } from "@progress/kendo-svg-icons";
+import { SignatureCanvas as F } from "./SignatureCanvas.mjs";
+import { signatureMinimize as r, messages as l, signatureClear as a } from "../messages/main.mjs";
+const J = /* @__PURE__ */ $({
+  name: "KendoSignatureDialog",
+  emits: {
+    change: null,
+    clear: null,
+    close: null,
+    focus: null,
+    blur: null,
+    overlayclick: null,
+    draw: null,
+    drawend: null
+  },
+  props: {
+    openWrapperClass: Object,
+    size: String,
+    dir: String,
+    popupWidth: Number,
+    popupHeight: Number,
+    showClear: Boolean,
+    strokeWidth: Number,
+    popupScale: Number,
+    scale: Number,
+    value: String,
+    tabIndex: Number,
+    disabled: Boolean,
+    readOnly: Boolean,
+    color: String,
+    backgroundColor: String,
+    elementSize: Function,
+    smooth: Boolean
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  data() {
+    return {
+      isDrawing: !1
+    };
+  },
+  mounted() {
+    this.openCanvas = x(this, "openCanvas");
+  },
+  render() {
+    const {
+      showClear: e,
+      popupWidth: s,
+      popupHeight: u,
+      dir: c,
+      size: p,
+      value: m,
+      tabIndex: h,
+      disabled: d,
+      readOnly: g,
+      color: C,
+      backgroundColor: f,
+      strokeWidth: k,
+      smooth: b,
+      popupScale: S,
+      scale: v,
+      elementSize: w
+    } = this.$props, n = W(this), t = n.toLanguageString(r, l[r]), z = n.toLanguageString(a, l[a]), D = !this.$props.hideLine && i(L, null, null), y = i(O, {
+      showClear: e,
+      size: p,
+      onClear: this.onClear,
+      title: z
+    }, null);
+    return i(B, {
+      ref: o(this, "dialog"),
+      onOverlayclick: this.onOverlayClick
+    }, {
+      default: () => [i("div", {
+        style: {
+          width: s + "px",
+          height: u + "px"
+        },
+        dir: c,
+        class: this.openWrapperClass,
+        onFocus: this.onFocus,
+        onBlur: this.onBlur
+      }, [i(F, {
+        ref: o(this, "openCanvas"),
+        value: m,
+        tabIndex: h,
+        disabled: d,
+        readOnly: g,
+        color: C,
+        backgroundColor: f,
+        strokeWidth: k,
+        smooth: b,
+        popupScale: S,
+        scale: v,
+        onChange: this.onValueChange,
+        elementSize: w,
+        onDraw: this.onDraw,
+        onDrawend: this.onDrawEnd
+      }, null), i("div", {
+        class: "k-signature-actions k-signature-actions-top"
+      }, [!this.isDrawing && i(N, {
+        class: "k-signature-action k-signature-minimize k-rotate-180",
+        ref: o(this, "minimizeButton"),
+        icon: "hyperlink-open",
+        svgIcon: I,
+        shape: null,
+        fillMode: "flat",
+        size: this.$props.size,
+        onClick: this.onMinimizeClick,
+        "aria-label": t,
+        title: t
+      }, null)]), D, y])]
+    });
+  },
+  methods: {
+    onDraw() {
+      this.isDrawing = !0, this.$emit("draw");
+    },
+    onDrawEnd() {
+      this.isDrawing = !1, this.$emit("drawend");
+    },
+    onValueChange(e) {
+      this.$emit("change", e);
+    },
+    onClear() {
+      this.$emit("clear");
+    },
+    onMinimizeClick() {
+      this.$emit("close");
+    },
+    onFocus(e) {
+      this.$emit("focus", e);
+    },
+    onBlur(e) {
+      this.$emit("blur", e);
+    },
+    onOverlayClick(e) {
+      this.$emit("overlayclick", e);
+    }
+  }
+});
+export {
+  J as SignatureDialog
+};

package/signature/SignatureLine.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("vue"),n=e.defineComponent({name:"KendoSignatureLine",render(){return e.createVNode("div",{class:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}},null)}});exports.SignatureLine=n;

package/signature/SignatureLine.mjs

@@ -0,0 +1,23 @@
+/**
+ * @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 e, createVNode as n } from "vue";
+const t = /* @__PURE__ */ e({
+  name: "KendoSignatureLine",
+  render() {
+    return n("div", {
+      class: "k-signature-line",
+      style: {
+        zIndex: 2,
+        pointerEvents: "none"
+      }
+    }, null);
+  }
+});
+export {
+  t as SignatureLine
+};

package/signature/utils/main.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"});function n(t,r){let e=t;for(;e&&e!==r;)e=e.parentNode;return!!e}exports.hasParent=n;

package/signature/utils/main.mjs

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+function n(r, t) {
+  let e = r;
+  for (; e && e !== t; )
+    e = e.parentNode;
+  return !!e;
+}
+export {
+  n as hasParent
+};

package/slider/Slider.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 r=require("vue"),c=require("@progress/kendo-vue-buttons"),s=require("@progress/kendo-vue-common"),p=require("@progress/kendo-vue-intl"),a=require("../messages/main.js"),g=require("./SliderLabel.js"),m=require("../package-metadata.js"),n=require("@progress/kendo-svg-icons"),f=r.defineComponent({name:"KendoSlider",model:{event:"changemodel"},emits:{changemodel:null,"update:modelValue":null,change:null,blur:null,focus:null},props:{modelValue:{type:Number,default:void 0},defaultValue:{type:Number,default:void 0},name:String,buttons:Boolean,tabIndex:Number,disabled:Boolean,dir:String,step:Number,min:{type:Number,required:!0},max:{type:Number,required:!0},value:Number,vertical:Boolean,id:String,ariaLabelledBy:String,ariaDescribedBy:String,ariaLabel:String},provide(){return{kendoMin:this.$props.min,kendoMax:this.$props.max,kendoVertical:this.$props.vertical}},inject:{kendoLocalizationService:{default:null}},data(){return{currentValue:void 0,currentFocused:!1,currentDir:"ltr"}},computed:{computedValue(){const e=this.$props.value!==void 0?this.$props.value:this.currentValue,{min:t,max:l}=this.$props;return e===void 0?e:Math.min(Math.max(e,t),l)},sliderTrack(){return this._sliderTrack}},created(){s.validatePackage(m.packageMetadata),this.$props.value!==void 0?this.$data.currentValue=this.$props.value:this.$props.modelValue!==void 0?this.$data.currentValue=this.$props.modelValue:this.$props.defaultValue!==void 0?this.$data.currentValue=this.$props.defaultValue:this.$data.currentValue=this.$props.min,this.currentFocused=!1,this.currentDir=this.$props.dir},mounted(){if(this._sliderTrack=this.$refs.sliderTrack,this.$el&&(this.draggable=this.$refs.draggable),!this.currentDir&&window&&this.$el){const e=window.getComputedStyle(this.$el).direction;e&&(this.currentDir=e)}},updated(){this.$el&&(this.draggable=this.$refs.draggable)},setup(){const e=r.ref(null),t=r.inject("kendoLocalizationService",{});return{inputRef:e,kendoLocalizationService:t}},render(){const e=p.provideLocalizationService(this),t=(this.computedValue-this.$props.min)/(this.$props.max-this.$props.min)*100,l=s.getDefaultSlots(this),{vertical:i}=this.$props,o=this.currentDir==="rtl"?i?n.caretAltUpIcon:n.caretAltLeftIcon:i?n.caretAltUpIcon:n.caretAltRightIcon,u=this.currentDir==="rtl"?i?n.caretAltDownIcon:n.caretAltRightIcon:i?n.caretAltDownIcon:n.caretAltLeftIcon,d=this.currentDir==="rtl"?i?"caret-alt-up":"caret-alt-left":i?"caret-alt-up":"caret-alt-right",h=this.currentDir==="rtl"?i?"caret-alt-down":"caret-alt-right":i?"caret-alt-down":"caret-alt-left";return r.createVNode("div",{dir:this.currentDir,id:this.$props.id,style:this.$props.style,onFocus:this.onFocus,onBlur:this.onBlur,onKeydown:this.onKeyDown,"aria-label":this.$props.ariaLabel,class:s.classNames("k-slider",{"k-focus":this.currentFocused,"k-disabled":this.$props.disabled,"k-slider-horizontal":!this.$props.vertical,"k-slider-vertical":this.$props.vertical},this.$props.className)},[this.$props.buttons&&r.createVNode(c.Button,{type:"button",tabIndex:-1,icon:h,svgIcon:u,style:{position:"relative"},rounded:"full",class:"k-button-decrease",title:e.toLanguageString(a.sliderDecreaseValue,a.messages[a.sliderDecreaseValue]),onClick:this.decrement},null),r.createVNode(s.Draggable,{onDrag:this.dragOver,onPress:this.dragStart,ref:"draggable"},{default:()=>[r.createVNode("div",{class:"k-slider-track-wrap",style:{touchAction:"none"}},[l&&r.createVNode("ul",{class:"k-reset k-slider-items"},[l]),r.createVNode("div",{class:"k-slider-track",ref:"sliderTrack"},[r.createVNode("div",{class:"k-slider-selection",style:this.$props.vertical?{height:t+"%"}:{width:t+"%"}},null),r.createVNode("span",{class:"k-draghandle",role:"slider",tabindex:"0","aria-valuenow":this.computedValue,"aria-valuemin":this.$props.min,"aria-valuemax":this.$props.max,"aria-valuetext":this.computedValue.toString(),"aria-disabled":this.$props.disabled?"true":void 0,title:e.toLanguageString(a.sliderDragTitle,a.messages[a.sliderDragTitle]),style:this.$props.vertical?{bottom:t+"%",zIndex:1}:{[this.currentDir==="rtl"?"right":"left"]:t+"%",zIndex:1}},null)])])]}),this.$props.buttons&&r.createVNode(c.Button,{type:"button",tabIndex:-1,icon:d,svgIcon:o,rounded:"full",style:{position:"relative"},class:"k-button-increase",title:e.toLanguageString(a.sliderIncreaseValue,a.messages[a.sliderIncreaseValue]),onClick:this.increment},null)])},methods:{focus(){this.$el&&this.$el.focus()},isLabel(e){let t=e;for(;t;){if(t.getAttribute(g.SLIDER_LABEL_ATTRIBUTE))return!0;t=t.parentElement}return!1},onFocus(e){this.currentFocused=!0,this.$emit("focus",e)},onBlur(e){this.currentFocused=!1,this.$emit("blur",e)},onKeyDown(e){let t;e.keyCode===s.Keys.left||e.keyCode===s.Keys.down?t=this.currentValue-(this.$props.step||0):e.keyCode===s.Keys.right||e.keyCode===s.Keys.up?t=this.currentValue+(this.$props.step||0):e.keyCode===s.Keys.home?t=this.$props.min:e.keyCode===s.Keys.end&&(t=this.$props.max),t!==void 0&&(e.preventDefault(),this.change(e,t))},decrement(e){e.preventDefault(),this.change(e,this.currentValue-(this.$props.step||0))},increment(e){e.preventDefault(),this.change(e,this.currentValue+(this.$props.step||0))},dragStart(e){this.isLabel(e.originalEvent.target)||(e.isTouch&&e.originalEvent.preventDefault(),this.drag(e))},dragOver(e){e.originalEvent.preventDefault(),this.drag(e)},drag(e){const t=this.draggable.element.getBoundingClientRect(),l=this.$props.vertical?t.bottom-e.clientY:this.currentDir==="rtl"?t.right-e.clientX:e.clientX-t.left,i=this.$props.vertical?t.height:t.width,o=l/i;this.change(e,this.$props.min+o*(this.$props.max-this.$props.min))},change(e,t){t=Math.min(Math.max(t,this.$props.min),this.$props.max),this.currentValue=t,this.$emit("changemodel",t),this.$emit("update:modelValue",t),this.$emit("change",{event:e,value:t,component:this,target:{name:this.$props.name,value:t}})}}});exports.Slider=f;

package/slider/Slider.mjs

@@ -0,0 +1,246 @@
+/**
+ * @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 b, ref as k, inject as V, createVNode as i } from "vue";
+import { Button as o } from "@progress/kendo-vue-buttons";
+import { validatePackage as y, getDefaultSlots as D, classNames as S, Draggable as w, Keys as a } from "@progress/kendo-vue-common";
+import { provideLocalizationService as x } from "@progress/kendo-vue-intl";
+import { sliderDecreaseValue as u, messages as l, sliderDragTitle as d, sliderIncreaseValue as c } from "../messages/main.mjs";
+import { SLIDER_LABEL_ATTRIBUTE as L } from "./SliderLabel.mjs";
+import { packageMetadata as I } from "../package-metadata.mjs";
+import { caretAltUpIcon as p, caretAltLeftIcon as h, caretAltRightIcon as m, caretAltDownIcon as g } from "@progress/kendo-svg-icons";
+const M = /* @__PURE__ */ b({
+  name: "KendoSlider",
+  model: {
+    event: "changemodel"
+  },
+  emits: {
+    changemodel: null,
+    "update:modelValue": null,
+    change: null,
+    blur: null,
+    focus: null
+  },
+  props: {
+    modelValue: {
+      type: Number,
+      default: void 0
+    },
+    defaultValue: {
+      type: Number,
+      default: void 0
+    },
+    name: String,
+    buttons: Boolean,
+    tabIndex: Number,
+    disabled: Boolean,
+    dir: String,
+    step: Number,
+    min: {
+      type: Number,
+      required: !0
+    },
+    max: {
+      type: Number,
+      required: !0
+    },
+    value: Number,
+    vertical: Boolean,
+    id: String,
+    ariaLabelledBy: String,
+    ariaDescribedBy: String,
+    ariaLabel: String
+  },
+  provide() {
+    return {
+      kendoMin: this.$props.min,
+      kendoMax: this.$props.max,
+      kendoVertical: this.$props.vertical
+    };
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  data() {
+    return {
+      currentValue: void 0,
+      currentFocused: !1,
+      currentDir: "ltr"
+    };
+  },
+  computed: {
+    computedValue() {
+      const e = this.$props.value !== void 0 ? this.$props.value : this.currentValue, {
+        min: t,
+        max: s
+      } = this.$props;
+      return e === void 0 ? e : Math.min(Math.max(e, t), s);
+    },
+    sliderTrack() {
+      return this._sliderTrack;
+    }
+  },
+  created() {
+    y(I), this.$props.value !== void 0 ? this.$data.currentValue = this.$props.value : this.$props.modelValue !== void 0 ? this.$data.currentValue = this.$props.modelValue : this.$props.defaultValue !== void 0 ? this.$data.currentValue = this.$props.defaultValue : this.$data.currentValue = this.$props.min, this.currentFocused = !1, this.currentDir = this.$props.dir;
+  },
+  mounted() {
+    if (this._sliderTrack = this.$refs.sliderTrack, this.$el && (this.draggable = this.$refs.draggable), !this.currentDir && window && this.$el) {
+      const e = window.getComputedStyle(this.$el).direction;
+      e && (this.currentDir = e);
+    }
+  },
+  updated() {
+    this.$el && (this.draggable = this.$refs.draggable);
+  },
+  setup() {
+    const e = k(null), t = V("kendoLocalizationService", {});
+    return {
+      inputRef: e,
+      kendoLocalizationService: t
+    };
+  },
+  render() {
+    const e = x(this), t = (this.computedValue - this.$props.min) / (this.$props.max - this.$props.min) * 100, s = D(this), {
+      vertical: r
+    } = this.$props, n = this.currentDir === "rtl" ? r ? p : h : r ? p : m, f = this.currentDir === "rtl" ? r ? g : m : r ? g : h, $ = this.currentDir === "rtl" ? r ? "caret-alt-up" : "caret-alt-left" : r ? "caret-alt-up" : "caret-alt-right", v = this.currentDir === "rtl" ? r ? "caret-alt-down" : "caret-alt-right" : r ? "caret-alt-down" : "caret-alt-left";
+    return i("div", {
+      dir: this.currentDir,
+      id: this.$props.id,
+      style: this.$props.style,
+      onFocus: this.onFocus,
+      onBlur: this.onBlur,
+      onKeydown: this.onKeyDown,
+      "aria-label": this.$props.ariaLabel,
+      class: S("k-slider", {
+        "k-focus": this.currentFocused,
+        "k-disabled": this.$props.disabled,
+        "k-slider-horizontal": !this.$props.vertical,
+        "k-slider-vertical": this.$props.vertical
+      }, this.$props.className)
+    }, [this.$props.buttons && i(o, {
+      type: "button",
+      tabIndex: -1,
+      icon: v,
+      svgIcon: f,
+      style: {
+        position: "relative"
+      },
+      rounded: "full",
+      class: "k-button-decrease",
+      title: e.toLanguageString(u, l[u]),
+      onClick: this.decrement
+    }, null), i(w, {
+      onDrag: this.dragOver,
+      onPress: this.dragStart,
+      ref: "draggable"
+    }, {
+      default: () => [i("div", {
+        class: "k-slider-track-wrap",
+        style: {
+          touchAction: "none"
+        }
+      }, [s && i("ul", {
+        class: "k-reset k-slider-items"
+      }, [s]), i("div", {
+        class: "k-slider-track",
+        ref: "sliderTrack"
+      }, [i("div", {
+        class: "k-slider-selection",
+        style: this.$props.vertical ? {
+          height: t + "%"
+        } : {
+          width: t + "%"
+        }
+      }, null), i("span", {
+        class: "k-draghandle",
+        role: "slider",
+        tabindex: "0",
+        "aria-valuenow": this.computedValue,
+        "aria-valuemin": this.$props.min,
+        "aria-valuemax": this.$props.max,
+        "aria-valuetext": this.computedValue.toString(),
+        "aria-disabled": this.$props.disabled ? "true" : void 0,
+        title: e.toLanguageString(d, l[d]),
+        style: this.$props.vertical ? {
+          bottom: t + "%",
+          zIndex: 1
+        } : {
+          [this.currentDir === "rtl" ? "right" : "left"]: t + "%",
+          zIndex: 1
+        }
+      }, null)])])]
+    }), this.$props.buttons && i(o, {
+      type: "button",
+      tabIndex: -1,
+      icon: $,
+      svgIcon: n,
+      rounded: "full",
+      style: {
+        position: "relative"
+      },
+      class: "k-button-increase",
+      title: e.toLanguageString(c, l[c]),
+      onClick: this.increment
+    }, null)]);
+  },
+  methods: {
+    focus() {
+      this.$el && this.$el.focus();
+    },
+    isLabel(e) {
+      let t = e;
+      for (; t; ) {
+        if (t.getAttribute(L))
+          return !0;
+        t = t.parentElement;
+      }
+      return !1;
+    },
+    onFocus(e) {
+      this.currentFocused = !0, this.$emit("focus", e);
+    },
+    onBlur(e) {
+      this.currentFocused = !1, this.$emit("blur", e);
+    },
+    onKeyDown(e) {
+      let t;
+      e.keyCode === a.left || e.keyCode === a.down ? t = this.currentValue - (this.$props.step || 0) : e.keyCode === a.right || e.keyCode === a.up ? t = this.currentValue + (this.$props.step || 0) : e.keyCode === a.home ? t = this.$props.min : e.keyCode === a.end && (t = this.$props.max), t !== void 0 && (e.preventDefault(), this.change(e, t));
+    },
+    decrement(e) {
+      e.preventDefault(), this.change(e, this.currentValue - (this.$props.step || 0));
+    },
+    increment(e) {
+      e.preventDefault(), this.change(e, this.currentValue + (this.$props.step || 0));
+    },
+    dragStart(e) {
+      this.isLabel(e.originalEvent.target) || (e.isTouch && e.originalEvent.preventDefault(), this.drag(e));
+    },
+    dragOver(e) {
+      e.originalEvent.preventDefault(), this.drag(e);
+    },
+    drag(e) {
+      const t = this.draggable.element.getBoundingClientRect(), s = this.$props.vertical ? t.bottom - e.clientY : this.currentDir === "rtl" ? t.right - e.clientX : e.clientX - t.left, r = this.$props.vertical ? t.height : t.width, n = s / r;
+      this.change(e, this.$props.min + n * (this.$props.max - this.$props.min));
+    },
+    change(e, t) {
+      t = Math.min(Math.max(t, this.$props.min), this.$props.max), this.currentValue = t, this.$emit("changemodel", t), this.$emit("update:modelValue", t), this.$emit("change", {
+        event: e,
+        value: t,
+        component: this,
+        target: {
+          name: this.$props.name,
+          value: t
+        }
+      });
+    }
+  }
+});
+export {
+  M as Slider
+};

package/slider/SliderLabel.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"),o=require("@progress/kendo-vue-common"),s="data-slider-label",c=t.defineComponent({name:"KendoSliderLabel",emits:{click:null},props:{position:Number,title:String,vertical:Boolean},data(){return{currentDir:"ltr"}},inject:["kendoMax","kendoMin","kendoVertical"],mounted(){if(this.sliderLabelRef=this.$refs.sliderLabelRef,!this.currentDir&&window&&this.$el){const e=window.getComputedStyle(this.$el).direction;e&&(this.currentDir=e)}},render(){let e=this.currentDir;const r=o.getDefaultSlots(this),i=100*(this.$props.position-this.kendoMin)/(this.kendoMax-this.kendoMin),l=this.kendoVertical,n=l?{bottom:`${i}%`}:{[e==="rtl"?"right":"left"]:`${i}%`};return t.createVNode("li",{ref:"sliderLabelRef",class:o.classNames("k-tick","k-tick-large",l?"k-tick-vertical":"k-tick-horizontal"),title:this.$props.title,style:{zIndex:1,position:"absolute",...n}},[t.createVNode("span",{"data-slider-label":!0,class:"k-label",onClick:this.onClick},[r])])},methods:{onClick(e){this.$emit("click",e)}}});exports.SLIDER_LABEL_ATTRIBUTE=s;exports.SliderLabel=c;

package/slider/SliderLabel.mjs

@@ -0,0 +1,63 @@
+/**
+ * @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 s, createVNode as l } from "vue";
+import { getDefaultSlots as n, classNames as a } from "@progress/kendo-vue-common";
+const k = "data-slider-label", h = /* @__PURE__ */ s({
+  name: "KendoSliderLabel",
+  emits: {
+    click: null
+  },
+  props: {
+    position: Number,
+    title: String,
+    vertical: Boolean
+  },
+  data() {
+    return {
+      currentDir: "ltr"
+    };
+  },
+  inject: ["kendoMax", "kendoMin", "kendoVertical"],
+  mounted() {
+    if (this.sliderLabelRef = this.$refs.sliderLabelRef, !this.currentDir && window && this.$el) {
+      const t = window.getComputedStyle(this.$el).direction;
+      t && (this.currentDir = t);
+    }
+  },
+  render() {
+    let t = this.currentDir;
+    const o = n(this), e = 100 * (this.$props.position - this.kendoMin) / (this.kendoMax - this.kendoMin), i = this.kendoVertical, r = i ? {
+      bottom: `${e}%`
+    } : {
+      [t === "rtl" ? "right" : "left"]: `${e}%`
+    };
+    return l("li", {
+      ref: "sliderLabelRef",
+      class: a("k-tick", "k-tick-large", i ? "k-tick-vertical" : "k-tick-horizontal"),
+      title: this.$props.title,
+      style: {
+        zIndex: 1,
+        position: "absolute",
+        ...r
+      }
+    }, [l("span", {
+      "data-slider-label": !0,
+      class: "k-label",
+      onClick: this.onClick
+    }, [o])]);
+  },
+  methods: {
+    onClick(t) {
+      this.$emit("click", t);
+    }
+  }
+});
+export {
+  k as SLIDER_LABEL_ATTRIBUTE,
+  h as SliderLabel
+};

package/switch/Switch.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 s=require("vue"),t=require("@progress/kendo-vue-common"),u=require("@progress/kendo-vue-intl"),l=require("../messages/main.js"),o=require("../package-metadata.js"),h=s.defineComponent({name:"KendoSwitch",model:{event:"changemodel"},emits:{change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null},props:{name:String,accessKey:String,checked:{type:Boolean,default:void 0},className:String,disabled:{type:Boolean,default:!1},defaultChecked:{type:Boolean,default:!1},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},trackRounded:{type:String,default:"full",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},thumbRounded:{type:String,default:"full",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},dir:String,id:String,ariaLabelledBy:String,ariaDescribedBy:String,offLabel:{type:String,default:"OFF"},onLabel:{type:String,default:"ON"},required:{type:Boolean,default:!1},tabIndex:Number,valid:Boolean,validityStyles:{type:Boolean,default:!1},validationMessage:String,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:Boolean,default:void 0}},created(){t.validatePackage(o.packageMetadata),this._id=t.guid(),this.defaultValidationMessage=u.provideLocalizationService(this)},data(){return{currentChecked:this.$props.defaultChecked,valueDuringOnChange:void 0,focused:!1,currentDir:void 0}},computed:{computedValue(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.$props.checked!==void 0?this.$props.checked:this.$props.value!==void 0?this.$props.value:this.$props.modelValue!==void 0?this.$props.modelValue:this.currentChecked},switchClassName(){const e=!this.validityStyles||this.validity().valid,i=this.$props.trackRounded;return{"k-switch":!0,[`k-switch-${t.kendoThemeMaps.sizeMap[this.$props.size]}`]:this.$props.size,[`k-rounded-${t.kendoThemeMaps.roundedMap[i]||i}`]:i,"k-switch-on":this.computedValue,"k-switch-off":!this.computedValue,"k-focus":this.focused,"k-disabled":this.$props.disabled,"k-invalid":!e}},switchTrackClass(){const e=this.$props.trackRounded;return{"k-switch-track":!0,[`k-rounded-${t.kendoThemeMaps.roundedMap[e]||e}`]:e}},switchThumbClass(){const e=this.$props.thumbRounded;return{"k-switch-thumb":!0,[`k-rounded-${t.kendoThemeMaps.roundedMap[e]||e}`]:e}}},mounted(){this._element=t.getRef(this,"element"),this.input=t.getRef(this,"input"),this.currentDir=this.$props.dir!==void 0?this.$props.dir:t.isRtl(this.$el)?"rtl":"ltr",this.setValidity()},updated(){this.setValidity()},render(){const{disabled:e,id:i,offLabel:a,onLabel:d,tabIndex:n,required:r}=this.$props;return s.createVNode("span",{class:this.switchClassName,role:"switch","aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,"aria-checked":this.computedValue,"aria-disabled":e||void 0,dir:this.currentDir,onKeydown:this.handleKeyDown,onClick:this.handleClick,onFocusout:this.handleWrapperBlur,onFocusin:this.handleWrapperFocus,tabindex:t.getTabIndex(n,e,void 0),accesskey:this.$props.accessKey},[s.createVNode("span",{class:this.switchTrackClass,ref:t.setRef(this,"element")},[s.createVNode("input",{type:"checkbox",id:i||this._id,checked:this.$props.checked,ref:t.setRef(this,"input"),tabindex:-1,name:this.$props.name,required:r!==void 0?r:!1,"aria-hidden":!0,value:this.computedValue,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:t.noop},null),s.createVNode("span",{class:"k-switch-label-on"},[d]),s.createVNode("span",{class:"k-switch-label-off"},[a])]),s.createVNode("span",{class:"k-switch-thumb-wrap"},[s.createVNode("span",{class:this.switchThumbClass},null)])])},methods:{focus(){this._element&&this._element.focus()},element(){return this._element},validity(){const e=this.$props.validationMessage!==void 0,i=this.$props.valid!==void 0?this.$props.valid:this.$props.required?!!this.computedValue:!0,a=this.$props.valid!==void 0?this.$props.valid:i;return{customError:e,valid:a,valueMissing:this.computedValue===null}},setValidity(){this.input&&this.input.setCustomValidity&&this.input.setCustomValidity(this.validity().valid?"":this.$props.validationMessage||this.defaultValidationMessage.toLanguageString(l.switchValidation,l.messages[l.switchValidation]))},limit(e,i,a){const d=a.offsetWidth,n=i.offsetWidth;return e<0?0:e>d-n?d-n:e},toggle(e,i){this.currentChecked=e,this.valueDuringOnChange=e,this.$emit("changemodel",e),this.$emit("update:modelValue",e),this.$emit("change",{event:i,component:this,target:{value:e},name:this.$props.name,value:e,validity:this.validity()}),this.valueDuringOnChange=void 0},handleClick(e){this.eventTimeStamp!==e.timeStamp&&(this.eventTimeStamp=e.timeStamp,this.toggle(!this.computedValue,e))},handleKeyDown(e){if(this.$props.disabled)return;const{keyCode:i}=e;(i===t.Keys.space||i===t.Keys.enter)&&this.toggle(!this.computedValue,e)},handleWrapperFocus(e){this.$props.disabled||(this.focused=!0,this.$emit("focus",e))},handleWrapperBlur(e){this.$props.disabled||(this.focused=!1,this.$emit("blur",e))}}});exports.Switch=h;