npm - @progress/kendo-vue-inputs - Versions diffs - 7.1.0-develop.5 → 7.1.0-develop.6 - Mend

@progress/kendo-vue-inputs 7.1.0-develop.5 → 7.1.0-develop.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/cdn/js/kendo-vue-inputs.js +1 -1
package/package-metadata.js +1 -1
package/package-metadata.mjs +2 -2
package/package.json +9 -9

package/dist/cdn/js/kendo-vue-inputs.js CHANGED Viewed

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@progress/kendo-vue-common"),require("vue"),require("@progress/kendo-drawing"),require("@progress/kendo-vue-labels"),require("@progress/kendo-svg-icons"),require("@progress/kendo-vue-buttons"),require("@progress/kendo-vue-intl"),require("@progress/kendo-vue-popup"),require("@progress/kendo-vue-layout"),require("@progress/kendo-vue-dialogs"),require("@progress/kendo-inputs-common")):"function"==typeof define&&define.amd?define(["exports","@progress/kendo-vue-common","vue","@progress/kendo-drawing","@progress/kendo-vue-labels","@progress/kendo-svg-icons","@progress/kendo-vue-buttons","@progress/kendo-vue-intl","@progress/kendo-vue-popup","@progress/kendo-vue-layout","@progress/kendo-vue-dialogs","@progress/kendo-inputs-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueInputs={},e.KendoVueCommon,e.Vue,e.KendoDrawing,e.KendoVueLabels,e.KendoSVGIcons,e.KendoVueButtons,e.KendoVueIntl,e.KendoVuePopup,e.KendoVueLayout,e.KendoVueDialogs,e.KendoInputsCommon)}(this,(function(e,t,i,a,s,n,o,r,l,d,u,c){"use strict";const h={name:"@progress/kendo-vue-inputs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1658759014,version:"7.1.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"},p=e=>null!=e,m=(e,t,i)=>!p(e)||isNaN(e)||e<=t?t:e>=i?i:e,g=(e,t,i=!1,s=!0)=>{if(-1===["hex","rgba"].indexOf(t))throw new Error(`Unsupported color output format '${t}'. The available options are 'hex' or 'rgba'.`);if(!p(e))return;const n=a.parseColor(e.trim(),s);return p(n)?"hex"===t?f(n,i):n.toCssRgba():void 0},f=(e,t)=>t&&e.a<1?e.toCss({alpha:!0}):e.toCss(),v=(e,t=!0)=>{const i=a.parseColor(e,t);return p(i)?i.toHSV():{}},b=(e,t=!0)=>{const i=a.parseColor(e,t);return p(i)?i.toBytes():{}},k=e=>{const t=m(e.h,0,359.9),i=m(e.s,0,1),s=m(e.v,0,1),n=m(e.a,0,1);return a.Color.fromHSV(t,i,s,n).toCssRgba()},$=e=>k({h:e,s:1,v:1,a:1}),y=(e,t)=>{const i=m(e.r,0,255),a=m(e.g,0,255),s=m(e.b,0,255),n=m(e.a,0,1),o=m(t.r,0,255),r=m(t.g,0,255),l=m(t.b,0,255);return{r:Math.round((1-n)*o+n*i),g:Math.round((1-n)*r+n*a),b:Math.round((1-n)*l+n*s)}},V=e=>{let t=[e.r,e.g,e.b].map((function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)}));return.2126*t[0]+.7152*t[1]+.0722*t[2]},C=(e,t)=>((e,t)=>(Math.max(e,t)+.05)/(Math.min(e,t)+.05))(V(y(e,t)),V(y(t,{r:0,g:0,b:0}))),S={opacity:!0};const x=i.defineComponent({model:{event:"changemodel"},inheritAttrs:!1,emits:{input:e=>!0,change:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,focus:e=>!0,blur:e=>!0,keyup:e=>!0,keydown:e=>!0,keypress:e=>!0},props:{modelValue:{type:[String,Number],default:void 0},disabled:{type:Boolean,default:void 0},defaultValue:{type:[String,Number],default:""},value:{type:[String,Number]},label:{type:String},placeholder:{type:String},required:{type:Boolean,default:!1},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},dir:{type:String},id:String,valid:{type:Boolean,default:void 0},validate:{type:Boolean},validationMessage:{type:String},validityStyles:{type:Boolean,default:!0},iconName:String,inputPrefix:[String,Function],prefix:[String,Function],inputSuffix:[String,Function],suffix:[String,Function],showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,wrapperClass:String,tabIndex:Number,role:String,title:String,ariaLabel:String,inputAttributes:Object},data:function(){return{hasMounted:!1,autofill:!1,currentValue:"",valueDuringOnChange:"",focused:!1}},created(){t.validatePackage(h),this._input=void 0,this._inputId=t.guid(),this.$data.valueDuringOnChange=void 0,this.$data.currentValue=this.$props.defaultValue},mounted(){this._input=this.inputRef,this.wrapper=this.wrapperRef,this.$data.hasMounted=!0,this.setValidity()},updated(){this.setValidity(),this.updateValidClass()},setup:()=>({inputRef:i.ref(null)}),render(){const e=!this.$props.validityStyles||this.validity().valid,{label:a,id:o,required:r,iconName:l,showValidationIcon:d,showLoadingIcon:u,showClearButton:c,inputAttributes:h}=this.$props,p=o||this._inputId,m=i.h("input",{...this.$attrs,...h,"aria-label":this.$props.ariaLabel,role:this.$props.role,title:this.$props.title,tabindex:this.$props.tabIndex,placeholder:this.$props.placeholder,id:p,required:r,disabled:this.$props.disabled,value:this.computedValue,class:this.inputInnerClass,ref:e=>{this.inputRef=e},onKeydown:this.handleKeydown,onKeyup:this.handleKeyup,onKeypress:this.handleKeypress,onChange:this.handleChange,onFocus:this.emitFocus,onBlur:this.emitBlur,onInput:this.handleInput,onAnimationstart:this.handleAutoFill,onAnimationend:this.handleAutoFillEnd}),g=t.templateRendering.call(this,this.$props.prefix||this.$props.inputPrefix,t.getListeners.call(this)),f=t.templateRendering.call(this,this.$props.suffix||this.$props.inputSuffix,t.getListeners.call(this)),v=t.getTemplate.call(this,{h:i.h,template:g,additionalProps:{value:this.computedValue,valid:e}}),b=t.getTemplate.call(this,{h:i.h,template:f,additionalProps:{value:this.computedValue,valid:e}}),k=i.createVNode("span",{class:this.inputWrapperClass(),ref:e=>{this.wrapperRef=e}},[l&&i.createVNode(t.Icon,{name:l,class:"k-input-icon"},null),(this.$props.prefix||this.$props.inputPrefix)&&i.createVNode("span",{class:"k-input-prefix"},[v]),m,(this.$props.suffix||this.$props.inputSuffix)&&i.createVNode("span",{class:"k-input-suffix"},[b]),d&&e&&i.createVNode(t.Icon,{name:"check",icon:n.checkIcon,class:"k-input-validation-icon"},null),d&&!e&&i.createVNode(t.Icon,{name:"exclamation-circle",icon:n.exclamationCircleIcon,class:"k-input-validation-icon"},null),u&&i.createVNode(t.Icon,{name:"loading",class:"k-input-loading-icon"},null),c&&this.computedValue&&i.createVNode("span",{onClick:this.clearClick,class:"k-clear-value"},[i.createVNode(t.Icon,{name:"x",icon:n.xIcon},null)])]);return a?i.createVNode(s.FloatingLabel,{label:a,editorId:p,editorValue:this.computedValue,editorValid:e,editorDisabled:this.$props.disabled,editorPlaceholder:this.$data.focused?this.$props.placeholder:"",dir:this.$props.dir},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}(k)?k:{default:()=>[k]}):k},methods:{updateValidClass(){this.wrapper.classList.toggle("k-invalid",!this.validity().valid)},emitFocus(e){this.$emit("focus",{event:e}),this.$data.focused=!0},emitBlur(e){this.$emit("blur",{event:e}),this.$data.focused=!1},handleKeydown(e){this.$emit("keydown",e)},handleKeyup(e){this.$emit("keyup",e)},handleKeypress(e){this.$emit("keypress",e)},clearClick(e){this.emitUpdate(e,"change","")},focus(){this._input&&this._input.focus()},validity(){const e={badTextBox:!!this._input&&this._input.validity.badTextBox,patternMismatch:!!this._input&&this._input.validity.patternMismatch,rangeOverflow:!!this._input&&this._input.validity.rangeOverflow,rangeUnderflow:!!this._input&&this._input.validity.rangeUnderflow,stepMismatch:!!this._input&&this._input.validity.stepMismatch,tooLong:!!this._input&&this._input.validity.tooLong,tooShort:!!this._input&&this._input.validity.tooShort,typeMismatch:!!this._input&&this._input.validity.typeMismatch,valueMissing:!!this._input&&this._input.validity.valueMissing};return{...e,customError:void 0!==this.$props.validationMessage,valid:void 0!==this.$props.valid?this.$props.valid:!this._input||!this.isInvalid(e)}},isInvalid(e){let t=!1;for(const i in e)e.hasOwnProperty(i)&&(t=t||e[i]);return t},setValidity(){this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity().valid?"":this.$props.validationMessage||"")},handleInput(e){this.emitUpdate(e,"input",e.target.value)},handleChange(e){this.emitUpdate(e,"change",e.target.value)},emitUpdate(e,t,i){this.disabled||(this.$data.currentValue=i,this.$data.valueDuringOnChange=i,this.$nextTick((()=>{this.$emit("changemodel",i),this.$emit("update:modelValue",i),this.$emit(t,{event:e,value:i,component:this,target:e.target,validity:this.validity()}),this.$data.valueDuringOnChange=void 0})))},handleAutoFill(e){if("autoFillStart"===e.animationName){const t=e.target.parentNode;t&&t.classList.contains("k-empty")&&(this.$data.autofill=!0,t.classList.remove("k-empty"))}},handleAutoFillEnd(e){"autoFillEnd"===e.animationName&&e.target.parentNode&&(this.$data.autofill=!1)},name:function(){return this.$props.name},inputWrapperClass(){const{size:e,fillMode:i,rounded:a}=this.$props,s=!this.$data.hasMounted||!this.$props.validityStyles||this.validity().valid;return{"k-textbox":!0,"k-input":!0,[`k-input-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-input-${i}`]:i,[`k-rounded-${t.kendoThemeMaps.roundedMap[a]||a}`]:a,"k-invalid":!s,"k-required":this.required,"k-disabled":this.$props.disabled,[this.wrapperClass]:this.wrapperClass}}},computed:{spanClassNames(){const e=!this.$data.hasMounted||!this.$props.validityStyles||this.validity().valid;return{"k-floating-label-container":!0,"k-focus":this.$data.focused,"k-empty":!(0===this.computedValue||this.computedValue||this.$props.placeholder||this.$data.autofill),"k-autofill":this.$data.autofill,"k-invalid":!e&&void 0!==e,"k-rtl":"rtl"===this.$props.dir}},inputInnerClass(){return{"k-input-inner":!0,[this.inputClass]:this.inputClass}},computedValue(){return void 0!==this.$data.valueDuringOnChange?this.$data.valueDuringOnChange:void 0!==this.$props.value?this.$props.value:void 0!==this.$props.modelValue?this.$props.modelValue:this.$data.currentValue}}}),w=i.defineComponent({name:"KendoHexInput",emits:{hexchange:e=>!0,blur:e=>!0,focus:e=>!0},props:{tabIndex:Number,hex:String,disabled:Boolean,id:String,size:String},computed:{isHexValid(){return!!g(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(x,{id:this.$props.id,value:this.currentHex,onInput:this.onChange,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,valid:this.isHexValid,disabled:this.$props.disabled,size:this.$props.size,tabIndex:this.tabIndex,ref:"input"},null)},methods:{onChange(e){const t=e.target.value,i=g(t,"rgba");this.currentHex=t,p(i)&&this.$emit("hexchange",{hex:t,value:i,event:e})},onBlur(e){p(g(this.hex,"rgba"))||(this.currentHex=this.originalHex),this.$emit("blur",{event:e})},onFocus(e){this.$emit("focus",{event:e})}}}),N="numerictextbox.increment",I="numerictextbox.decrement",B="slider.increment",L="slider.decrement",D="slider.dragTitle",R="colorGradient.dragHandle",O="colorGradient.r",M="colorGradient.g",z="colorGradient.b",T="colorGradient.a",P="colorGradient.hex",K="colorGradient.hexLabel",F="colorGradient.inputColorButton",_="colorGradient.rLabel",A="colorGradient.gLabel",j="colorGradient.bLabel",E="colorGradient.aLabel",H="colorGradient.contrastRatio",W="colorGradient.colorGradientAALevel",q="colorGradient.colorGradientAAALevel",G="colorGradient.colorGradientPass",U="colorGradient.colorGradientFail",X="colorGradient.hueSliderLabel",Y="colorGradient.alphaSliderLabel",Z="flatColorPicker.cancelBtn",J="flatColorPicker.applyBtn",Q="flatColorPicker.gradientBtn",ee="flatColorPicker.paletterBtn",te="flatColorPicker.clearBtn",ie="colorPicker.adaptiveTitle",ae="checkbox.validation",se="checkbox.optionalText",ne="radioButton.validation",oe="switch.validation",re="colorPicker.dropdownButtonAriaLabel",le="colorGradient.toggleInputsButton",de="rating.ariaLabel",ue="signature.clear",ce="signature.maximize",he="signature.minimize",pe={[N]:"Increase value",[I]:"Decrease value",[B]:"Increase",[L]:"Decrease",[D]:"Drag",[R]:"Color well with two-dimensional slider for selecting\n     saturation and lightness. Selected color is",[F]:"Change the color input",[O]:"r",[M]:"g",[z]:"b",[T]:"a",[_]:"red chanel",[A]:"green chanel",[j]:"blue chanel",[E]:"alpha chanel",[P]:"hex",[K]:"HEX",[H]:"Contrast ratio",[W]:"AA",[q]:"AAA",[G]:"Pass",[U]:"Fail",[X]:"Hue slider",[Y]:"Alpha slider",[le]:"Toggle colorgradient inputs",[Z]:"Cancel",[J]:"Apply",[Q]:"Gradient",[ee]:"Palette",[te]:"Clear",[ie]:"Choose color",[ae]:"Please check this box if you want to proceed!",[se]:"(Optional)",[ne]:"Please select option if you want to proceed!",[oe]:"Please turn on if you want to proceed!",[re]:"Select",[de]:"Rating",[ue]:"Clear",[ce]:"Maximize",[he]:"Minimize"},me=1111111.1111111,ge=/\d/,fe=(e,t)=>void 0!==e?e:t,ve=(e,t,i)=>null===e&&void 0===e?"":"string"==typeof e?e:i.formatNumber(e,t),be=e=>(String(e).split(".")[1]||"").length,ke=(e,t)=>Math.max(be(e),be(t)),$e=(e,t)=>{const i=(e=>Math.min(e,15))(t);return parseFloat(e.toFixed(i))},ye=(e,t,i,a,s,n,o)=>{const r=ke(e||0,i||0),l=Ce($e((e||0)+(i||0),r),a,s);t.eventValue=l,t.currentLooseValue=ve(l,n,o),t.selectionStart=t.selectionEnd=Be(t.currentLooseValue,ge)},Ve=(e,t,i,a,s,n,o)=>{const r=ke(e||0,i||0),l=Ce($e((e||0)-(i||0),r),a,s);t.eventValue=l,t.currentLooseValue=ve(l,n,o),t.selectionStart=t.selectionEnd=Be(t.currentLooseValue,ge)},Ce=(e,t,i)=>null==e?e:!(e>1||e<1||1===e)||void 0!==i&&void 0!==t&&i<t?null:(void 0!==i&&e>i&&(e=i),void 0!==t&&e<t&&(e=t),e),Se=(e,t,i,a)=>{e.selectionStart=e.selectionEnd=t,((e,t,i)=>{const a=((e,t)=>{const i=t.findIndex((([t,i])=>!!i&&e.indexOf(i)===e.length-i.length));if(-1===i)return-1;const a=t[i][1];return e.length-a.length})(e,t);if(-1!==a&&i.selectionStart>a)return void(i.selectionStart=i.selectionEnd=a);i.selectionStart>e.length&&(i.selectionStart=i.selectionEnd=e.length);const s=((e,t)=>{const i=t.findIndex((([t,i])=>!!t&&0===e.indexOf(t)));return-1===i?-1:t[i][0].length})(e,t);-1!==s&&i.selectionStart<s&&(i.selectionStart=i.selectionEnd=s),-1===i.selectionStart&&(i.selectionStart=i.selectionEnd=0)})(i,a,e)},xe=(e,t,i,a)=>{e.eventValue=a.parseNumber(e.prevLooseValue,t),e.currentLooseValue=e.prevLooseValue,e.valueIsCorrected=!0,Se(e,e.selectionStart,e.currentLooseValue,i)},we=(e,t,i)=>t.split(e).length!==i.split(e).length&&t.length===i.length+e.length,Ne=(e,t)=>{const i=e.indexOf(t.decimal);return i>-1?i:Be(e,ge)},Ie=e=>e.split("").reverse().join(""),Be=(e,t)=>e.length-Ie(e).search(t),Le=e=>e.split(e[e.search(ge)])[0],De=e=>{const t=Ie(e);return Ie(t.split(t[t.search(ge)])[0])},Re=(e,t)=>e.search(t),Oe=(e,t)=>{const i=e.indexOf(t);return i>-1?e.length-i-1:0},Me=(e,t,i,a,s)=>{const n="0"===e.replace(s,"")[0],o="0"===t.replace(s,"")[0];if(n&&!o)return i-1;if(o&&a)return i+1;let r=0;for(let t=0;t<i;t++)ge.test(e.charAt(t))&&r++;let l=0;for(;r>0&&t.length>l;)ge.test(t.charAt(l))&&r--,l++;return l},ze=(e,t,i)=>{const a={...e},{prevLooseValue:s}=a,n=i.numberSymbols(),o=((e,t)=>{const i=t.formatNumber(me,e),a=t.formatNumber(-me,e),s=t.formatNumber(0,e),n=t.formatNumber(1,e),o=t.numberSymbols(),r=new RegExp(`[\\d\\${o.decimal}${o.group}]`,"g");return[i,a,s,n].map((e=>e.replace(r,""))).join("").split("").filter(((e,t,i)=>i.indexOf(e)===t)).join("")})(t,i),r=String(a.currentLooseValue),l=String(s),d=new RegExp(`[^\\d\\${n.decimal}]`,"g"),u=new RegExp(`[^\\d\\${n.decimal}\\${n.group}]`,"g"),c=new RegExp(`[\\d\\${n.decimal}\\${n.group}]`),h=r.replace(d,""),p=Re(r,ge),m=-1===p?-1:Be(r,ge),g=r.indexOf(n.decimal),f=(r.substring(0,p)+r.substring(p,m).replace(u,"")+r.substring(m,r.length)).split("").filter((e=>-1!==o.indexOf(e)||-1!==e.search(c))).join(""),v=i.formatNumber(.31111111111111117,t).replace(d,""),b=v.indexOf(n.decimal),k=b>-1?v.length-b-1:0,$=i.formatNumber(1,t).replace(d,""),y=$.indexOf(n.decimal),V=y>-1?$.length-y-1:0,{positiveInfo:C,negativeInfo:S,zeroInfo:x,oneInfo:w}=((e,t)=>{const i=t.formatNumber(me,e),a=t.formatNumber(-me,e),s=t.formatNumber(0,e),n=t.formatNumber(1,e),o=Le(i),r=Le(a),l=Le(s),d=Le(n);return{positiveInfo:[o,De(i)],negativeInfo:[r,De(a)],zeroInfo:[l,De(s)],oneInfo:[d,De(n)]}})(t,i),N=[C,S,x,w],I=1!==N.findIndex((e=>-1!==e.findIndex((e=>!!e)))),B=r.length>0&&r.length<l.length,L="string"==typeof t&&"p"===t[0]&&r&&-1===r.indexOf(n.percentSign);if(!a.isPaste){if(""===r)return a.eventValue=null,a.currentLooseValue="",a;if(a.currentLooseValue===n.minusSign&&i.formatNumber(-0,t)!==l)return a.eventValue=-0,a.currentLooseValue=ve(a.eventValue,t,i),Se(a,Ne(a.currentLooseValue,n),a.currentLooseValue,N),a;if(a.currentLooseValue===n.decimal){a.eventValue=0;const e=ve(a.eventValue,t,i);if(0===V&&k>0){const t=Be(e,ge);a.currentLooseValue=e.substring(0,t)+n.decimal+e.substring(t)}else a.currentLooseValue=e;return Se(a,Ne(a.currentLooseValue,n)+1,a.currentLooseValue,N),a}if(((e,t)=>{const i=String(e.currentLooseValue),a=String(e.prevLooseValue);return we(t.minusSign,i,a)||we("-",i,a)||we("−",i,a)})(a,n)){const e=i.parseNumber(s,t);a.eventValue=-(null!==e?e:0),a.currentLooseValue=ve(a.eventValue,t,i);const n=Re(a.currentLooseValue,ge),o=Re(l,ge);return Se(a,a.selectionEnd-1+(n-o),a.currentLooseValue,N),a}if(((e,t)=>{const i=String(e.currentLooseValue),a=String(e.prevLooseValue);return-1===i.indexOf(t.minusSign)&&-1!==a.indexOf(t.minusSign)})(a,n))return a.eventValue=i.parseNumber(a.currentLooseValue,t),Se(a,a.selectionStart,a.currentLooseValue,N),a;if(((e,t)=>String(e.currentLooseValue).split(t.decimal).length>2)(a,n))return xe(a,t,N,i),a;if(L)return a.eventValue=i.parseNumber(r,t)/100,a.currentLooseValue=ve(a.eventValue,t,i),a;if(String(a.currentLooseValue).replace(/[^\d]/g,"").length>15||h!==r&&r&&I&&-1===N.findIndex((([e,t])=>{const i=r.indexOf(e),a=r.indexOf(t),s=0===i,o=a===r.length-t.length,l=i+e.length!==p&&-1!==p&&r[i+e.length]!==n.decimal,d=a!==m&&-1!==m&&r[a-1]!==n.decimal;return e&&t?!l&&!d&&(s&&o):e?!l&&s:!!t&&(!d&&o)})))return xe(a,t,N,i),a;if(h[h.length-1]===n.decimal&&k>0)return a.eventValue=i.parseNumber(r,t),a.currentLooseValue=f,a;if(a.currentLooseValue&&s&&(o+n.decimal+n.group).split("").findIndex((e=>r.split("").filter((t=>t===e)).length<l.split("").filter((t=>t===e)).length&&r.length+1===l.length&&!(e===n.decimal&&0===Oe(l.replace(d,""),n.decimal))))>-1)return a.eventValue=i.parseNumber(e.prevLooseValue,t),a.currentLooseValue=e.prevLooseValue,a;const u=Oe(h,n.decimal),c="0"===h[h.length-1];if(B&&c&&u<V)return a.eventValue=i.parseNumber(a.currentLooseValue,t),a.currentLooseValue=ve(a.eventValue,t,i),a;if(u>0){const e=r.substring(0,g);if(c&&(!e||0!==l.indexOf(e))){a.eventValue=i.parseNumber(a.currentLooseValue,t);const e=ve(a.eventValue,t,i);return Se(a,Me(r,e,a.selectionEnd,B,d),e,N),a.currentLooseValue=e,a}if(u>k){const e=r.indexOf(n.decimal),s=r.substring(0,e)+r.substring(e,e+1+k)+r.substring(m,String(a.currentLooseValue).length);return a.eventValue=i.parseNumber(s,t),a.currentLooseValue=s,Se(a,a.selectionStart,s,N),a}if(V!==k&&u<=k&&c)return a.eventValue=i.parseNumber(a.currentLooseValue,t),a.currentLooseValue=f,a;if(u<V)return a.eventValue=i.parseNumber(a.currentLooseValue,t),a.currentLooseValue=ve(a.eventValue,t,i),a}}if(a.eventValue=i.parseNumber(a.currentLooseValue,t),L&&(a.eventValue=a.eventValue/100),"number"==typeof a.eventValue){const e=ve(a.eventValue,t,i);1===r.length?Se(a,Ne(e,n),e,N):Se(a,Me(r,e,a.selectionEnd,B,d),e,N),a.currentLooseValue=e}else a.currentLooseValue=ve(i.parseNumber(h),t,i);return a},Te=i.defineComponent({model:{event:"changemodel"},emits:{change:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,focus:e=>!0,blur:e=>!0},props:{modelValue:Number,value:Number,defaultValue:Number,step:{type:Number,default:1},format:[String,Object],tabIndex:Number,accessKey:String,title:String,placeholder:String,min:Number,max:Number,spinners:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},dir:String,name:String,label:String,validationMessage:String,validityStyles:{type:Boolean,default:!0},valid:{type:Boolean,default:void 0},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},required:{type:Boolean,default:!1},id:String,ariaLabel:String,iconName:String,inputPrefix:[String,Function],inputSuffix:[String,Function],showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,inputType:{type:String,default:"tel"},wrapperClass:String,inputAttributes:Object},inject:{kendoIntlService:{default:null},kendoLocalizationService:{default:null}},data:()=>({hasMounted:!1,isInvalid:!1,isEmpty:!1,currentValue:0,valueDuringOnChange:0,currentLooseValue:"",selectionStart:0,selectionEnd:0,decimalSelect:!1,focused:!1,forceUpdate:!1}),created(){t.validatePackage(h),this._textBeforeInput="",this._inputId=t.guid(),this.$data.currentLooseValue=null,this.$data.valueDuringOnChange=void 0,this._intl=r.provideIntlService(this),this._symbols=this._intl.numberSymbols(),void 0!==this.$props.value?this.$data.currentValue=this.$props.value:void 0!==this.$props.modelValue?this.$data.currentValue=this.$props.modelValue:void 0!==this.$props.defaultValue?this.$data.currentValue=this.$props.defaultValue:this.$data.currentValue=null},mounted(){this._input=t.getRef(this,"input"),this._elementWrapper=this.elementWrapperRef,this.$data.hasMounted=!0,this._input&&(this._textBeforeInput=this._input.value),this.setValidity()},updated(){!(t.canUseDOM&&document.activeElement!==this._input||!this._input)&&null!==this.$data.currentLooseValue&&this.$data.forceUpdate&&"number"!==this._input.type&&(this._input.selectionStart=this.$data.selectionStart,this._input.selectionEnd=this.$data.selectionEnd,this.$data.forceUpdate=!1),this._input&&(this._textBeforeInput=this._input.value),this.setValidity()},computed:{computedValue(){return void 0!==this.$data.valueDuringOnChange?this.$data.valueDuringOnChange:this.$data.currentValue},looseValue(){return ve(this.$data.focused?this.$data.currentLooseValue:fe(this.$props.value,this.$data.currentValue),this.$props.format,this._intl)},spanClassNames(){const e=!this.$data.hasMounted||!this.$props.validityStyles||this.validity().valid,t=this.computedValue;return{"k-floating-label-container":!0,"k-focus":this.$data.focused,"k-empty":!(0===t||t||this.$props.placeholder),"k-invalid":!e&&void 0!==e,"k-rtl":"rtl"===this.$props.dir,[this.inputClass]:this.inputClass}},wrapperClassNames(){const{size:e,fillMode:i,rounded:a,required:s,disabled:n}=this.$props,o=!this.$props.validityStyles||this.validity().valid;return{"k-input":!0,"k-numerictextbox":!0,[`k-input-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-input-${i}`]:i,[`k-rounded-${t.kendoThemeMaps.roundedMap[a]||a}`]:a,"k-invalid":!o,"k-required":s,"k-disabled":n,"k-loading":this.showLoadingIcon,[this.wrapperClass]:this.wrapperClass}},inputInnerClass(){return{"k-input-inner":!0,[this.inputClass]:this.inputClass}}},methods:{validity(){const e=void 0!==this.$props.validationMessage,t=!(this.$data.valueIsOutOfRange||this.$props.required&&null===this.computedValue);return{customError:e,valid:void 0!==this.$props.valid?this.$props.valid:t,valueMissing:null===this.computedValue}},clearClick(e){void 0!==this.$props.value?this.$data.currentValue=this.$props.value:void 0!==this.$props.modelValue?this.$data.currentValue=this.$props.modelValue:this.$data.currentValue=null,this.$emit("changemodel",null),this.$emit("update:modelValue",null),this.$emit("change",{event:e,value:null,component:this,target:{name:this.$props.name,value:null},validity:this.validity()})},focus(){this._input&&this._input.focus()},emitFocus(e){this.$data.currentLooseValue=this._prevLooseValue,this.$data.focused=!0,this.$emit("focus",{event:e})},emitBlur(e){this.$data.eventValue=null,this.$data.prevLooseValue="",this.$data.currentLooseValue="",this.$data.focused=!1,this.$data.selectionStart=void 0,this.$data.selectionEnd=void 0,this.$data.decimalSelect=!1,this.$data.valueIsCorrected=!1,this.$data.valueIsOutOfRange=!1,this.$emit("blur",{event:e})},handleFocus(e){this.$data.focused=!0},handleBlur(e){this.$data.focused=!1},setValidity(){this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity().valid?"":this.$props.validationMessage||"Please enter a valid value!")},getCurrentState(){return{eventValue:fe(this.$props.value,this.$data.currentValue),prevLooseValue:this._prevLooseValue,currentLooseValue:this._input.value,selectionStart:this._input.selectionStart,selectionEnd:this._input.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:this._isPaste,focused:this.$data.focused}},parseNumber(e){return this._intl.parseNumber(e,this.$props.format)},elementChange(e){const t=this.getCurrentState();this._isPaste=!1,this.triggerChange(e,ze(t,this.$props.format,this._intl))},triggerChange(e,t){if(this.$props.disabled)return;this.$data.valueDuringOnChange=t.eventValue,this.$data.currentValue=t.eventValue;const i=ve(Ce(t.eventValue,this.$props.min,this.$props.max),this.$props.format,this._intl),a=Ce(this.parseNumber(i),this.$props.min,this.$props.max);if(a!==t.eventValue&&(t.valueIsOutOfRange=!0,t.eventValue=a,this.$data.valueDuringOnChange=a,this.$data.currentValue=a),t.valueIsCorrected){const e=this._elementWrapper;e&&-1===e.className.indexOf("k-invalid")&&(this.$data.isInvalid=!0,setTimeout((()=>{this.$data.isInvalid=!1}),50))}const s=this.$props.value!==t.eventValue;void 0!==this.$props.value?this.$data.currentValue=this.$props.value:void 0!==this.$props.modelValue?this.$data.currentValue=this.$props.modelValue:this.$data.currentValue=this.$data.valueDuringOnChange,this.$data.prevLooseValue=t.prevLooseValue,this.$data.currentLooseValue=void 0,this.$data.currentLooseValue=t.currentLooseValue,this.$data.selectionStart=t.selectionStart,this.$data.selectionEnd=t.selectionEnd,this.$data.decimalSelect=t.decimalSelect,this.$data.valueIsCorrected=t.valueIsCorrected,this.$data.valueIsOutOfRange=t.valueIsOutOfRange,this.$data.focused=t.focused,this.$data.isPaste=t.isPaste,this.$data.forceUpdate=!this.$data.forceUpdate,s&&(this.$emit("changemodel",this.$data.valueDuringOnChange),this.$emit("update:modelValue",this.$data.valueDuringOnChange),this.$emit("change",{event:e,value:this.$data.valueDuringOnChange,component:this,target:{name:this.$props.name,value:this.$data.valueDuringOnChange},validity:this.validity()})),this.$data.valueDuringOnChange=void 0},onPasteHandler(e){this._isPaste=!0},increase(e){const t=this.getCurrentState();ye(this.parseNumber(String(t.currentLooseValue)),t,this.$props.step,this.$props.min,this.$props.max,this.$props.format,this._intl),this.triggerChange(e,t)},decrease(e){const t=this.getCurrentState();Ve(this.parseNumber(String(t.currentLooseValue)),t,this.$props.step,this.$props.min,this.$props.max,this.$props.format,this._intl),this.triggerChange(e,t)},wheel(e){!t.canUseDOM||document.activeElement!==this._input||!this._input||(e.deltaY<0&&(e.preventDefault(),this.increase(e)),e.deltaY>0&&(e.preventDefault(),this.decrease(e)))},keyDown(e){let t,i,a,s,n=this.getCurrentState();const o=this.parseNumber(String(n.currentLooseValue));if(n.selectionEnd>n.selectionStart&&n.selectionEnd-n.selectionStart===String(n.currentLooseValue).length){const t=this._intl.numberSymbols(),i=t&&e.key===t.minusSign,a=t&&e.key===t.decimal;this.$data.isPaste=!i&&!a}else{switch(e.keyCode){case 38:ye(o,n,this.$props.step,this.$props.min,this.$props.max,this.$props.format,this._intl);break;case 40:Ve(o,n,this.$props.step,this.$props.min,this.$props.max,this.$props.format,this._intl);break;case 13:t=ve(Ce(o,this.$props.min,this.$props.max),this.$props.format,this._intl),i=Ce(this.parseNumber(t),this.$props.min,this.$props.max),n.eventValue=i,n.currentLooseValue=ve(i,this.$props.format,this._intl),n.selectionStart=n.selectionEnd=n.currentLooseValue.length;break;case 110:a=this._input,s=this._intl.numberSymbols(),a&&(n.currentLooseValue=n.currentLooseValue.slice(0,n.selectionStart)+s.decimal+n.currentLooseValue.slice(n.selectionEnd),n.selectionStart=n.selectionEnd=n.selectionStart+1,n=ze(n,this.$props.format,this._intl));break;default:return}e.preventDefault(),this.triggerChange(e,n)}},spinnersWrapperMouseDown(e){t.canUseDOM&&this._input&&(e.preventDefault(),document.activeElement!==this._input&&this._input.focus())}},setup:()=>({inputRef:i.ref(null),elementWrapperRef:i.ref(null),kendoLocalizationService:i.inject("kendoLocalizationService",{}),kendoIntlService:i.inject("kendoIntlService",{})}),render(){const{iconName:e,showValidationIcon:a,showLoadingIcon:s,showClearButton:l,inputAttributes:d}=this.$props,u=this.$props.id||this._inputId,c=t.getDefaultSlots(this),h=r.provideLocalizationService(this),p=this.validity().valid;void 0!==this.$props.value&&this.$props.value!==this.$data.currentValue?this.$data.currentValue=this.$props.value:void 0!==this.$props.modelValue&&this.$props.modelValue!==this.$data.currentValue&&(this.$data.currentValue=this.$props.modelValue),this._prevLooseValue=(this.$data.currentLooseValue,this.looseValue);const m=t.templateRendering.call(this,this.$props.inputPrefix,t.getListeners.call(this)),g=t.templateRendering.call(this,this.$props.inputSuffix,t.getListeners.call(this)),f=t.getTemplate.call(this,{h:i.h,template:m,additionalProps:{value:this.computedValue,valid:p}}),v=t.getTemplate.call(this,{h:i.h,template:g,additionalProps:{value:this.computedValue,valid:p}}),b=i.createVNode("span",{dir:this.$props.dir,class:this.wrapperClassNames,style:this.$attrs.style},[e&&i.createVNode(t.Icon,{name:e,class:"k-input-icon"},null),this.$props.inputPrefix&&i.createVNode("span",{class:"k-input-prefix"},[f]),i.createVNode("input",i.mergeProps({tabindex:this.$props.tabIndex,accesskey:this.$props.accessKey,disabled:this.$props.disabled,title:this.$props.title,"aria-label":this.$props.ariaLabel,"aria-valuemin":this.$props.min,"aria-valuemax":this.$props.max,"aria-disabled":this.$props.disabled?"true":void 0,placeholder:this.$props.placeholder,type:this.$props.inputType,spellcheck:!1,autocomplete:"off",autocorrect:"off",class:this.inputInnerClass,id:u,role:"spinbutton",value:this.looseValue,name:this.$props.name,onWheel:this.wheel,onKeydown:this.keyDown,onInput:this.elementChange,onFocus:this.emitFocus,onBlur:this.emitBlur,onPaste:this.onPasteHandler,ref:t.setRef(this,"input")},d),null),this.$props.inputSuffix&&i.createVNode("span",{class:"k-input-suffix"},[v]),a&&p&&i.createVNode(t.Icon,{name:"check",icon:n.checkIcon,class:"k-input-validation-icon"},null),a&&!p&&i.createVNode(t.Icon,{name:"exclamation-circle",icon:n.exclamationCircleIcon,class:"k-input-validation-icon"},null),s&&i.createVNode(t.Icon,{name:"loading",class:"k-input-loading-icon"},null),l&&void 0!==this.computedValue&&null!==this.computedValue&&i.createVNode("span",{onClick:this.clearClick,class:"k-clear-value"},[i.createVNode(t.Icon,{name:"x",icon:n.xIcon},null)]),c,this.$props.spinners&&i.createVNode("span",{class:"k-input-spinner k-spin-button",onMousedown:this.spinnersWrapperMouseDown},[i.createVNode(o.Button,{type:"button",tabIndex:-1,icon:"caret-alt-up",svgIcon:n.caretAltUpIcon,class:"k-spinner-increase",rounded:null,"aria-label":h.toLanguageString(N,pe[N]),title:h.toLanguageString(N,pe[N]),onClick:this.increase},null),i.createVNode(o.Button,{type:"button",tabIndex:-1,class:"k-spinner-decrease",icon:"caret-alt-down",svgIcon:n.caretAltDownIcon,rounded:null,"aria-label":h.toLanguageString(I,pe[I]),title:h.toLanguageString(I,pe[I]),onClick:this.decrease},null)])]);return this.$props.label?i.createVNode("span",{class:this.spanClassNames,onFocusin:this.handleFocus,onFocusout:this.handleBlur,dir:this.$props.dir},[b,this.$props.label?u?i.createVNode("label",{for:u,class:"k-floating-label"},[this.$props.label]):i.createVNode("span",{class:"k-label"},[this.$props.label]):null]):b}});function Pe(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}const Ke=["rgba","rgb","hex"],Fe=i.defineComponent({name:"KendoColorInput",emits:{hexchange:null,rgbachange:null},props:{tabIndex:Number,rgba:{type:Object,default:function(){return{}}},hex:String,opacity:Boolean,disabled:Boolean,size:String},inject:{kendoLocalizationService:{default:null}},created(){this.hexInputId=t.guid()},data:()=>({inputMode:Ke[1]}),mounted(){this.lastFocusable=this.$refs.hexinput||this.$refs.numerica||this.$refs.numericb},updated(){this.lastFocusable=this.$refs.hexinput||this.$refs.numerica||this.$refs.numericb},render(){const e=r.provideLocalizationService(this),t=e.toLanguageString(P,pe[P]),a=e.toLanguageString(F,pe[F]),l=e.toLanguageString(O,pe[O]),d=e.toLanguageString(M,pe[M]),u=e.toLanguageString(z,pe[z]),c=e.toLanguageString(T,pe[T]),h=e.toLanguageString(_,pe[_]),p=e.toLanguageString(A,pe[A]),m=e.toLanguageString(j,pe[j]),g=e.toLanguageString(E,pe[E]);return i.createVNode("div",{class:"k-colorgradient-inputs k-hstack"},[i.createVNode("div",{class:"k-vstack"},[i.createVNode(o.Button,{ariaLabel:a,tabIndex:this.tabIndex,type:"button",fillMode:"flat",icon:"caret-alt-expand",svgIcon:n.caretAltExpandIcon,class:"k-colorgradient-toggle-mode k-icon-button",onClick:this.onToggleModeChange,onKeydown:this.onKeyDown,size:this.$props.size},null)]),"hex"===this.inputMode&&i.createVNode("div",{class:"k-vstack k-flex-1"},[i.createVNode("span",{class:"k-hex-value"},[i.createVNode(w,{id:this.hexInputId,tabIndex:this.tabIndex,hex:this.$props.hex,onHexchange:this.onHexChange,disabled:this.$props.disabled,ref:"hexinput",size:this.$props.size},null)]),i.createVNode(s.Label,{class:"k-colorgradient-input-label",editorId:this.hexInputId},Pe(t)?t:{default:()=>[t]})]),("rgb"===this.inputMode||"rgba"===this.inputMode)&&[i.createVNode("div",{class:"k-vstack"},[i.createVNode(Te,{inputType:"number",tabIndex:this.tabIndex,value:this.$props.rgba.r,min:0,max:255,spinners:!1,format:"n",ariaLabel:h,onChange:this.onRgbaRChange,disabled:this.$props.disabled,size:this.$props.size},null),i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Pe(l)?l:{default:()=>[l]})]),i.createVNode("div",{class:"k-vstack"},[i.createVNode(Te,{inputType:"number",tabIndex:this.tabIndex,value:this.$props.rgba.g,min:0,max:255,spinners:!1,format:"n",ariaLabel:p,onChange:this.onRgbaGChange,disabled:this.$props.disabled,size:this.$props.size},null),i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Pe(d)?d:{default:()=>[d]})]),i.createVNode("div",{class:"k-vstack"},[i.createVNode(Te,{inputType:"number",tabIndex:this.tabIndex,value:this.$props.rgba.b,min:0,max:255,spinners:!1,format:"n",ariaLabel:m,onChange:this.onRgbaBChange,disabled:this.$props.disabled,ref:"numericb",size:this.$props.size},null),i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Pe(u)?u:{default:()=>[u]})])],"rgba"===this.inputMode&&i.createVNode("div",{class:"k-vstack"},[this.$props.opacity&&i.createVNode(Te,{inputType:"number",tabIndex:this.tabIndex,value:this.$props.rgba.a,min:0,max:1,step:.01,spinners:!1,format:"n2",ariaLabel:g,onChange:this.onRgbaAChange,disabled:this.$props.disabled,ref:"numerica",size:this.$props.size},null),this.$props.opacity&&i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Pe(c)?c:{default:()=>[c]})])])},methods:{onHexChange(e){this.$emit("hexchange",e.hex,e.value,e)},onRgbaRChange(e){this.dispatchRgbaChange({r:e.value},e)},onRgbaGChange(e){this.dispatchRgbaChange({g:e.value},e)},onRgbaBChange(e){this.dispatchRgbaChange({b:e.value},e)},onRgbaAChange(e){this.dispatchRgbaChange({a:e.value},e)},dispatchRgbaChange(e,t){let i={...this.$props.rgba};void 0!==e.r&&(i.r=e.r),void 0!==e.g&&(i.g=e.g),void 0!==e.b&&(i.b=e.b),void 0!==e.a&&(i.a=e.a),this.$emit("rgbachange",i,t)},onToggleModeChange(){const e=Ke.length-1===Ke.indexOf(this.inputMode)?0:Ke.indexOf(this.inputMode)+1;if(this.$props.opacity)this.inputMode=Ke[e];else{const t="rgba"===Ke[e]?e+1:e;this.inputMode=Ke[t]}},onKeyDown(e){e.keyCode===t.Keys.enter&&e.stopPropagation()}}}),_e=i.defineComponent({name:"KendoColorContrastLabels",props:{bgColor:Object,rgba:Object},inject:{kendoLocalizationService:{default:null}},render(){const e=r.provideLocalizationService(this),a=e.toLanguageString(H,pe[H]),s=e.toLanguageString(W,pe[W]),o=e.toLanguageString(q,pe[q]),l=e.toLanguageString(G,pe[G]),d=e.toLanguageString(U,pe[U]),u=C(this.$props.rgba,this.$props.bgColor),c=4.5.toFixed(1),h=7..toFixed(1),p=`${a}: ${u.toFixed(2)}`,m=`${s}: ${c}`,g=`${o}: ${h}`,f=u>=4.5,v=u>=7,b=i.createVNode("span",{key:1,class:"k-contrast-validation k-text-success"},[l,i.createTextVNode(" "),i.createVNode(t.Icon,{name:"check",icon:n.checkIcon},null)]),k=i.createVNode("span",{key:2,class:"k-contrast-validation k-text-error"},[d,i.createTextVNode(" "),i.createVNode(t.Icon,{name:"x",icon:n.xIcon},null)]);return i.createVNode("div",{class:"k-vbox k-colorgradient-color-contrast"},[i.createVNode("div",{class:"k-contrast-ratio"},[i.createVNode("span",{class:"k-contrast-ratio-text"},[p]),f?i.createVNode("span",{class:"k-contrast-validation k-text-success"},[i.createVNode(t.Icon,{name:"check",icon:n.checkIcon},null),v&&i.createVNode(t.Icon,{name:"check",icon:n.checkIcon},null)]):i.createVNode("span",{class:"k-contrast-validation k-text-error"},[i.createVNode(t.Icon,{name:"x",icon:n.xIcon},null)])]),i.createVNode("div",null,[i.createVNode("span",null,[m]),f?b:k]),i.createVNode("div",null,[i.createVNode("span",null,[g]),v?b:k])])}}),Ae=(e,t)=>{const i=t[0]-e[0],a=t[1]-e[1];return{length:Math.sqrt(Math.pow(i,2)+Math.pow(a,2)),angle:Math.atan2(a,i)}},je=i.defineComponent({name:"KendoColorContrastSvg",props:{metrics:Object,backgroundColor:String,hsva:Object},render(){const e=function(e,t){if(0===e.length)return"";const a=e.reduce(((e,i,a,s)=>0===a?`M ${i[0]},${i[1]}`:`${e} ${t(i,a,s)}`),"");return i.createVNode("path",{d:a,fill:"none",stroke:"white","stroke-width":"1"},null)},t=this.$props.metrics,a=(e,i,s,n,o)=>{const r=(s+n)/2,l=Object.assign({},this.$props.hsva,{s:i/t.width,v:1-r/t.height}),d=C(b(k(l)),b(this.$props.backgroundColor||""));return s+.5>n?d<e+1&&d>e-1?r:null:o(d,e)?a(e,i,s,n-(n-s)/2,o):a(e,i,s+(n-s)/2,n,o)},s=(e,i,s=!1)=>{const n=[];for(let o=0;o<=t.width;o+=t.width/i){const i=a(e,o,0,t.height,s?(e,t)=>e<t:(e,t)=>e>t);null!==i&&n.push([o,i])}return n},n=(e=>(t,i,a)=>{const[s,n]=e(a[i-1],a[i-2],t),[o,r]=e(t,a[i-1],a[i+1],!0);return`C ${s},${n} ${o},${r} ${t[0]},${t[1]}`})((e=>(t,i,a,s)=>{const n=e(i||t,a||t),o=n.angle+(s?Math.PI:0),r=.1*n.length;return[t[0]+Math.cos(o)*r,t[1]+Math.sin(o)*r]})(Ae));return i.createVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"k-color-contrast-svg",style:{position:"absolute",overflow:"visible",pointerEvents:"none",left:0,top:0,zIndex:3}},[e.call(this,s(4.5,16),n),e.call(this,s(4.5,16,!0),n),e.call(this,s(7,16),n),e.call(this,s(7,16,!0),n)])}}),Ee="data-slider-label",He=i.defineComponent({name:"KendoSliderLabel",emits:{click:null},props:{position:Number,title:String,vertical:Boolean},data:()=>({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 a=t.getDefaultSlots(this),s=100*(this.$props.position-this.kendoMin)/(this.kendoMax-this.kendoMin),n=this.kendoVertical,o=n?{bottom:`${s}%`}:{["rtl"===e?"right":"left"]:`${s}%`};return i.createVNode("li",{ref:"sliderLabelRef",class:t.classNames("k-tick","k-tick-large",n?"k-tick-vertical":"k-tick-horizontal"),title:this.$props.title,style:{zIndex:1,position:"absolute",...o}},[i.createVNode("span",{"data-slider-label":!0,class:"k-label",onClick:this.onClick},[a])])},methods:{onClick(e){this.$emit("click",e)}}}),We=i.defineComponent({name:"KendoSlider",model:{event:"changemodel"},emits:{changemodel:e=>!0,"update:modelValue":e=>!0,change:e=>!0,blur:e=>!0,focus:e=>!0},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:()=>({currentValue:void 0,currentFocused:!1,currentDir:"ltr"}),computed:{computedValue(){const e=void 0!==this.$props.value?this.$props.value:this.currentValue,{min:t,max:i}=this.$props;return void 0===e?e:Math.min(Math.max(e,t),i)},sliderTrack(){return this._sliderTrack}},created(){t.validatePackage(h),void 0!==this.$props.value?this.$data.currentValue=this.$props.value:void 0!==this.$props.modelValue?this.$data.currentValue=this.$props.modelValue:void 0!==this.$props.defaultValue?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:()=>({inputRef:i.ref(null),kendoLocalizationService:i.inject("kendoLocalizationService",{})}),render(){const e=r.provideLocalizationService(this),a=(this.computedValue-this.$props.min)/(this.$props.max-this.$props.min)*100,s=t.getDefaultSlots(this),{vertical:l}=this.$props,d="rtl"===this.currentDir?l?n.caretAltUpIcon:n.caretAltLeftIcon:l?n.caretAltUpIcon:n.caretAltRightIcon,u="rtl"===this.currentDir?l?n.caretAltDownIcon:n.caretAltRightIcon:l?n.caretAltDownIcon:n.caretAltLeftIcon,c="rtl"===this.currentDir?l?"caret-alt-up":"caret-alt-left":l?"caret-alt-up":"caret-alt-right",h="rtl"===this.currentDir?l?"caret-alt-down":"caret-alt-right":l?"caret-alt-down":"caret-alt-left";return i.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:t.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&&i.createVNode(o.Button,{type:"button",tabIndex:-1,icon:h,svgIcon:u,style:{position:"relative"},rounded:"full",class:"k-button-decrease",title:e.toLanguageString(L,pe[L]),onClick:this.decrement},null),i.createVNode(t.Draggable,{onDrag:this.dragOver,onPress:this.dragStart,ref:"draggable"},{default:()=>[i.createVNode("div",{class:"k-slider-track-wrap",style:{touchAction:"none"}},[s&&i.createVNode("ul",{class:"k-reset k-slider-items"},[s]),i.createVNode("div",{class:"k-slider-track",ref:"sliderTrack"},[i.createVNode("div",{class:"k-slider-selection",style:this.$props.vertical?{height:a+"%"}:{width:a+"%"}},null),i.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(D,pe[D]),style:this.$props.vertical?{bottom:a+"%",zIndex:1}:{["rtl"===this.currentDir?"right":"left"]:a+"%",zIndex:1}},null)])])]}),this.$props.buttons&&i.createVNode(o.Button,{type:"button",tabIndex:-1,icon:c,svgIcon:d,rounded:"full",style:{position:"relative"},class:"k-button-increase",title:e.toLanguageString(B,pe[B]),onClick:this.increment},null)])},methods:{focus(){this.$el&&this.$el.focus()},isLabel(e){let t=e;for(;t;){if(t.getAttribute(Ee))return!0;t=t.parentElement}return!1},onFocus(e){this.currentFocused=!0,this.$emit("focus",{event:e})},onBlur(e){this.currentFocused=!1,this.$emit("blur",{event:e})},onKeyDown(e){let i;e.keyCode===t.Keys.left||e.keyCode===t.Keys.down?i=this.currentValue-(this.$props.step||0):e.keyCode===t.Keys.right||e.keyCode===t.Keys.up?i=this.currentValue+(this.$props.step||0):e.keyCode===t.Keys.home?i=this.$props.min:e.keyCode===t.Keys.end&&(i=this.$props.max),void 0!==i&&(e.preventDefault(),this.change(e,i))},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(),i=(this.$props.vertical?t.bottom-e.clientY:"rtl"===this.currentDir?t.right-e.clientX:e.clientX-t.left)/(this.$props.vertical?t.height:t.width);this.change(e,this.$props.min+i*(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}})}}}),qe="rgba(255, 255, 255, 1)",Ge=i.defineComponent({name:"KendoColorGradient",model:{event:"changemodel"},emits:{change:e=>!0,focus:e=>!0,blur:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,"update:modelRgbaValue":e=>!0,keydown:e=>!0},inject:{kendoLocalizationService:{default:null}},props:{modelValue:String,modelRgbaValue:String,defaultValue:String,value:String,opacity:{type:Boolean,default:!0},backgroundColor:String,disabled:Boolean,id:String,ariaLabelledBy:String,ariaDescribedBy:String,tabIndex:Number,innerTabIndex:{type:Number,default:void 0},size:String,class:String,adaptive:Boolean},created(){t.validatePackage(h),this.guid=t.guid()},computed:{valueSet(){return this.value||this.modelValue||this.modelRgbaValue},computedValue(){let e=this.valueSet||this.currentValue||this.defaultValue||g(qe,"rgba");return p(g(e,"hex",this.opacity))||(e=qe),e},hsva(){return this.valueSet?v(this.computedValue):this.currentHsva||v(this.computedValue)},rgba(){return this.valueSet?b(this.computedValue):this.currentRgba},hex(){return this.valueSet?g(this.computedValue,"hex",this.opacity):this.currentHex},computedBgColor(){return this.currentBgColor||$(this.hsva.h)},computedTabIndex(){return void 0!==this.innerTabIndex?this.innerTabIndex:this.focused?0:-1}},data:()=>({currentValue:void 0,currentBgColor:void 0,isFirstRender:!0,currentHsva:void 0,currentRgba:void 0,currentHex:void 0,focused:!1}),mounted(){this.alphaSlider=this.alphaSliderRef,this.setAlphaSliderBackground(this.computedBgColor),this.$el&&(this.draggable=this.$refs.draggable,this.gradientWrapper=this.draggable&&this.draggable.element),this.isFirstRender&&(this.isFirstRender=!1)},destroyed(){this.guid},updated(){this.setAlphaSliderBackground(this.computedBgColor)},render(){const{size:e,disabled:a,class:s,opacity:n,id:o,tabIndex:l,ariaDescribedBy:d,ariaLabelledBy:u,adaptive:c}=this.$props,h=t.classNames("k-colorgradient",{"k-disabled":a,[`k-colorgradient-${t.kendoThemeMaps.sizeMap[e]||e}`]:e},s),m=r.provideLocalizationService(this),g=m.toLanguageString(X,pe[X]),f=m.toLanguageString(Y,pe[Y]),v=m.toLanguageString(R,pe[R]),k=function(){let e={};if(!this.isFirstRender){const t=this.getGradientRectMetrics(),i=(1-this.hsva.v)*t.height,a=this.hsva.s*t.width;e.top=`${i}px`,e.left=`${a}px`}return i.createVNode("div",{class:"k-hsv-draghandle k-draghandle",role:"slider","aria-orientation":void 0,"aria-label":v+`${this.value||"none"}`,"aria-valuenow":Math.round(100*this.hsva.s),"aria-valuetext":`\n                    saturation: ${Math.round(100*this.hsva.s)}%,\n                    value: ${Math.round(100*this.hsva.v)}%`,tabindex:this.computedTabIndex,onKeydown:this.dragKeyDown,style:e,ref:t.setRef(this,"draghandle")},null)};return i.createVNode("div",{id:o,class:h,role:-1!==l?"textbox":void 0,"aria-disabled":a,tabindex:t.getTabIndex(l,a),"aria-labelledby":u,"aria-describedby":d,onFocus:this.onFocus,onBlur:this.onBlur,onKeydown:this.onKeyDownHandler},[i.createVNode("div",{class:"k-colorgradient-canvas "+(c?"k-vstack":"k-hstack")},[i.createVNode("div",{class:"k-hsv-rectangle",style:{background:this.computedBgColor}},[i.createVNode(t.Draggable,{onDrag:this.onDrag,onRelease:this.onRelease,ref:"draggable"},{default:()=>[i.createVNode("div",{class:"k-hsv-gradient",style:{touchAction:"none"},tabindex:-1,onClick:this.onGradientWrapperClick},[k.call(this)])]}),this.backgroundColor&&!this.isFirstRender&&i.createVNode(je,{metrics:this.gradientWrapper?this.getGradientRectMetrics():void 0,hsva:this.hsva,backgroundColor:this.backgroundColor},null)]),i.createVNode("div",{class:"k-hsv-controls "+(c?"k-vstack":"k-hstack")},[i.createVNode(We,{tabIndex:this.computedTabIndex,value:this.hsva.h,buttons:!1,vertical:!c,min:0,max:360,step:5,onChange:this.onHueSliderChange,class:"k-hue-slider k-colorgradient-slider",disabled:a,ariaLabel:g},null),n&&i.createVNode(We,{tabIndex:this.computedTabIndex,value:p(this.hsva.a)?100*this.hsva.a:100,buttons:!1,vertical:!c,min:0,max:100,step:1,onChange:this.onAlphaSliderChange,class:"k-alpha-slider k-colorgradient-slider",disabled:a,ariaLabel:f,ref:e=>{this.alphaSliderRef=e}},null)])]),i.createVNode(Fe,{tabIndex:this.computedTabIndex,rgba:this.rgba,onRgbachange:this.onRgbaChange,hex:this.hex,onHexchange:this.onHexChange,opacity:n,disabled:a,ref:"colorInput",size:e},null),this.backgroundColor&&i.createVNode(_e,{bgColor:b(this.backgroundColor),rgba:this.rgba},null)])},methods:{onKeyDownHandler(e){const i=this.$el;void 0===this.innerTabIndex&&(this.focused=t.focusContainer(e,i)),this.$emit("keydown",e)},onHexChange(e,t,i){const a=b(t),s=v(t);this.currentHsva=s,this.currentBgColor=$(s.h),this.currentRgba=a,this.currentHex=e,this.dispatchChangeEvent(t,i.event,e,t)},onRgbaChange(e,t){const i=(e=>{const t=m(e.r,0,255),i=m(e.g,0,255),s=m(e.b,0,255),n=m(e.a,0,1);return a.Color.fromBytes(t,i,s,n).toCssRgba()})(e),s=g(i,"hex",this.opacity),n=v(i);this.currentHsva=n,this.currentBgColor=$(n.h),this.currentRgba=e,this.currentHex=s,this.dispatchChangeEvent(i,t.event,s,i)},onAlphaSliderChange(e){this.handleHsvaChange(Object.assign({},this.hsva,{a:e.value/100}),e.event)},onHueSliderChange(e){this.handleHsvaChange(Object.assign({},this.hsva,{h:e.value}),e.event)},onDrag(e){this.gradientWrapper.classList.add("k-dragging"),this.changePosition(e)},onRelease(){this.gradientWrapper.classList.remove("k-dragging")},onGradientWrapperClick(e){this.firstFocusable=t.getRef(this,"draghandle"),this.firstFocusable&&this.firstFocusable.focus(),this.changePosition(e)},move(e,t,i){const a=this.hsva;a[t]+=i*(e.shiftKey?.01:.05),a[t]<0&&(a[t]=0),a[t]>1&&(a[t]=1),e.preventDefault(),this.handleHsvaChange(a,e)},dragKeyDown(e){switch(e.keyCode){case t.Keys.left:this.move(e,"s",-1);break;case t.Keys.right:this.move(e,"s",1);break;case t.Keys.up:this.move(e,"v",1);break;case t.Keys.down:this.move(e,"v",-1);case t.Keys.enter:case t.Keys.esc:}},changePosition(e){const t=this.getGradientRectMetrics(),i=e.clientX-t.left,a=e.clientY-t.top,s=m(i,0,t.width),n=m(a,0,t.height),o=Object.assign({},this.hsva,{s:s/t.width,v:1-n/t.height});this.handleHsvaChange(o,e,e.event)},handleHsvaChange(e,t){const i=k(e),a=g(i,"hex",this.opacity),s=g(i,"rgba");this.currentHsva=e,this.currentBgColor=$(e.h),this.currentRgba=b(i),this.currentHex=a,this.dispatchChangeEvent(i,t,a,s)},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",{event:t,target:this,value:i,rgbaValue:a})},onFocus(e){this.$emit("focus",{event:e,target:this})},onBlur(e){this.$emit("blur",{event:e,target:this})},setAlphaSliderBackground(e){this.$props.opacity&&this.alphaSlider&&this.alphaSlider.sliderTrack&&(this.alphaSlider.sliderTrack.style.background=`linear-gradient(to ${this.$props.adaptive?"right":"top"}, transparent, ${e})`)},getGradientRectMetrics(){const e=this.gradientWrapper.getBoundingClientRect();return{top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.width,height:e.height,x:e.x,y:e.y}},focus(){this.focused=!0,setTimeout((()=>{t.focusFirstFocusableChild(this.$el)}),1)}}});let Ue=class{constructor(){this.colorRows=[]}setColorMatrix(e,t){if(this.colorRows=[],p(e)&&e.length){t=t||e.length;for(let i=0;i<e.length;i+=t){const a=e.slice(i,t+i);this.colorRows.push(a)}}}isInColors(e,t){return e.some((e=>e===t))}getCellCoordsFor(e){if(!p(e))return;const t=e&&a.parseColor(e,!0),i=[e];p(t)&&i.push(t.toCss(),t.toCssRgba());for(let e=0;e<this.colorRows.length;e++)for(let t=0;t<this.colorRows[e].length;t++)if(this.isInColors(i,this.colorRows[e][t]))return{row:e,col:t}}getColorAt(e){if(p(e)&&p(this.colorRows[e.row]))return this.colorRows[e.row][e.col]}getNextCell(e,t,i){if(!(p(e)&&p(e.row)&&p(e.col)))return{row:0,col:0};const a=this.clampIndex(e.row+i,this.colorRows.length-1);return{row:a,col:this.clampIndex(e.col+t,this.colorRows[a].length-1)}}clampIndex(e,t){return e<0?0:e>t?t:e}};const Xe={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}},Ye="office",Ze=i.defineComponent({name:"KendoColorPalette",model:{event:"changemodel"},emits:{keydown:e=>!0,focus:e=>!0,blur:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,"update:modelRgbaValue":e=>!0,change:e=>!0},props:{palette:{type:[String,Array],default:Ye},columns:Number,tileSize:{type:[Number,Object]},modelValue:String,modelRgbaValue:String,defaultValue:String,value:String,disabled:Boolean,tabIndex:Number,id:String,class:String,ariaLabelledBy:String,ariaDescribedBy:String,size:{type:[String,null],default:"medium"}},created(){t.validatePackage(h),this.guid=t.guid()},mounted(){this.wrapper=t.getRef(this,"wrapper")},updated(){this.wrapper=t.getRef(this,"wrapper")},computed:{focusedColorCooridanates(){return this.focusedColor?this.paletteService.getCellCoordsFor(this.focusedColor):void 0},isUncontrolled(){return void 0===this.$props.value},selectedColor(){return void 0!==this.$props.value?this.$props.value:void 0!==this.modelValue?this.modelValue:void 0!==this.modelRgbaValue?this.modelRgbaValue:void 0!==this.currentValue?this.currentValue:this.$props.defaultValue}},data(){return{focusedColor:this.$props.value,currentValue:void 0}},render(){const{size:e,disabled:a,class:s,tileSize:n}=this.$props,o=this.getPaletteInfo(),r=this.paletteService=new Ue;r.setColorMatrix(o.colors,o.columns);const l=r.getCellCoordsFor(this.selectedColor),d=r.getCellCoordsFor(this.focusedColor),u=t.classNames("k-colorpalette",{[`k-colorpalette-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,"k-disabled":a},s),c=function(e,a,s,o){const r=void 0!==s&&s.row===a,l=s&&s.col,d=void 0!==o&&o.row===a,u=o&&o.col,c="number"!=typeof n?n:{width:n,height:n},h=c?c.width+"px":void 0,p=c?c.height+"px":void 0;return e.map((function(e,s){const n=r&&l===s,o=t.classNames("k-colorpalette-tile",{"k-selected":n,"k-focus":d&&u===s});return i.createVNode("td",{class:o,"aria-label":e,"aria-selected":!!n||!!this.$props.disabled&&void 0,style:{backgroundColor:e,width:h,height:p,minWidth:h},onClick:t=>this.onColorClick(e,t),id:this.createCellId({row:a,col:s}),key:s,role:"gridcell"},null)}),this)};return o.colors.length?i.createVNode("div",{id:this.$props.id,class:u,onFocusin:this.onFocus,onFocusout:this.onBlur,onKeydown:this.onKeyDown,"aria-disabled":this.$props.disabled?"true":void 0,"aria-activedescendant":d&&this.createCellId(d),"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,role:"grid",tabindex:t.getTabIndex(this.$props.tabIndex,this.$props.disabled),ref:t.setRef(this,"wrapper")},[i.createVNode("table",{class:"k-colorpalette-table k-palette",role:"presentation"},[i.createVNode("tbody",null,[function(e,t,a){return e.map((function(e,s){return i.createVNode("tr",{role:"row",key:s},[c.call(this,e,s,t,a)])}),this)}.call(this,r.colorRows,l,d)])])]):""},methods:{focus(){this.wrapper&&this.wrapper.focus()},onKeyDown(e){switch(e.keyCode){case t.Keys.down:this.handleCellNavigation(e,0,1);break;case t.Keys.up:this.handleCellNavigation(e,0,-1);break;case t.Keys.right:this.handleCellNavigation(e,1,0);break;case t.Keys.left:this.handleCellNavigation(e,-1,0);break;case t.Keys.enter:this.handleEnter(e);break;default:return void this.$emit("keydown",e)}this.$emit("keydown",e)},onColorClick(e,t){this.isUncontrolled?(this.currentValue=e,this.focusedColor=e):this.focusedColor=e,this.dispatchChangeEvent(e,t)},onFocus(e){this.focusedColor=this.selectedColor||this.paletteService.colorRows[0][0],this.$emit("focus",{event:e,target:this})},onBlur(e){this.focusedColor=void 0,this.$emit("blur",{event:e,target:this})},handleCellNavigation(e,t,i){if(e.preventDefault(),this.focusedColorCooridanates){const e=this.paletteService.getNextCell(this.focusedColorCooridanates,t,i);this.focusedColor=this.paletteService.getColorAt(e)}else this.focusedColor=this.paletteService.colorRows[0][0]},handleEnter(e){this.isUncontrolled&&(this.currentValue=this.focusedColor),this.dispatchChangeEvent(this.focusedColor,e)},dispatchChangeEvent(e,t){const i=g(e,"rgba");this.$emit("changemodel",e),this.$emit("update:modelValue",e),this.$emit("update:modelRgbaValue",i),this.$emit("change",{event:t,component:this,value:e,rgbaValue:i})},getPaletteInfo(){if("string"==typeof this.$props.palette){const e=Xe[this.$props.palette];return p(e)?{colors:e.colors,columns:this.$props.columns||e.columns||10}:{colors:[],columns:0}}return{colors:this.$props.palette||[],columns:this.$props.columns||10}},createCellId(e){return`${this.guid}_${e.row}_${e.col}`}}});const Je=i.defineComponent({name:"KendoPicker",props:{popupSettings:Object,dir:String,open:Boolean,popupAnchor:String,id:String,onOpen:Function},computed:{horizontalAlign(){return"rtl"===this.$props.dir?"right":"left"},anchorAlign(){return{horizontal:this.horizontalAlign,vertical:"bottom"}},popupAlign(){return{horizontal:this.horizontalAlign,vertical:"top"}}},render(){const e=t.getDefaultSlots(this),{popupClass:a,appendTo:s,animate:n,className:o}=this.$props.popupSettings;return i.createVNode(l.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:s,animate:n,popupClass:a,class:t.classNames("k-reset",o)},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}(e)?e:{default:()=>[e]})},methods:{handleOpen(){this.$emit("open")},handleClose(){this.$emit("close")}}});function Qe(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}const et=i.defineComponent({name:"KendoFlatColorPicker",emits:{viewchange:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,"update:modelRgbaValue":e=>!0,focus:e=>!0,blur:e=>!0,focusout:e=>!0,keydown:e=>!0,change:e=>!0},props:{modelValue:String,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 S}},paletteSettings:{type:Object,default:function(){return{palette:Ye}}},size:{type:String,default:"medium"},adaptive:Boolean},inject:{kendoLocalizationService:{default:null}},created(){t.validatePackage(h)},computed:{isColorGradient(){return"combo"!==this.view?"gradient"===this.view:void 0!==this.selectedView?0===this.selectedView:"gradient"===this.currentView},computedColor(){return void 0!==this.value?this.value:void 0!==this.modelValue?this.modelValue:void 0!==this.modelRgbaValue?this.modelRgbaValue:this.colorValue},computedPrevColor(){return void 0!==this.prevValue?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{size:e,adaptive:a}=this.$props,s=r.provideLocalizationService(this),l=s.toLanguageString(Q,pe[Q]),d=s.toLanguageString(ee,pe[ee]),u=s.toLanguageString(te,pe[te]),c=s.toLanguageString(Z,pe[Z]),h=s.toLanguageString(J,pe[J]),p=t.templateRendering.call(this,this.$props.header,t.getListeners.call(this)),m=t.templateRendering.call(this,this.$props.footer,t.getListeners.call(this)),g=t.getTemplate.call(this,{h:i.h,template:p}),f=t.getTemplate.call(this,{h:i.h,template:m});return i.createVNode("div",{tabindex:t.getTabIndex(this.$props.tabIndex,this.$props.disabled),onFocus:this.onFocus,onBlur:this.onBlur,onFocusout:this.onFocusout,onKeydown:this.onKeyDownHandler,class:t.classNames("k-flatcolorpicker k-coloreditor",{[`k-coloreditor-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,"k-disabled":this.$props.disabled}),"aria-disabled":this.$props.disabled},[g,this.$props.showClearButton&&this.$props.showPreview&&i.createVNode("div",{class:"k-coloreditor-header k-hstack"},["combo"===this.$props.view&&i.createVNode("div",{class:"k-coloreditor-header-actions k-hstack"},[i.createVNode(o.ButtonGroup,{class:"k-button-group-flat"},{default:()=>[i.createVNode(o.Button,{tabIndex:this.computedTabIndex,type:"button",togglable:!0,fillMode:"flat",selected:this.isColorGradient,onKeydown:this.handleButtonKeydown,ariaLabel:l,size:e,onClick:e=>this.handleViewChange(e,"gradient")},{default:()=>[i.createVNode(t.Icon,{size:e,name:"droplet-slider",icon:n.dropletSliderIcon},null)]}),i.createVNode(o.Button,{tabIndex:this.computedTabIndex,type:"button",togglable:!0,fillMode:"flat",selected:!this.isColorGradient,onKeydown:this.handleButtonKeydown,ariaLabel:d,size:e,onClick:e=>this.handleViewChange(e,"palette")},{default:()=>[i.createVNode(t.Icon,{size:e,name:"palette",icon:n.paletteIcon},null)]})]})]),i.createVNode("div",{class:"k-spacer"},null),i.createVNode("div",{class:"k-coloreditor-header-actions k-hstack"},[this.$props.showClearButton&&i.createVNode(o.Button,{tabIndex:this.computedTabIndex,type:"button",fillMode:"flat",ariaLabel:u,size:e,onKeydown:this.handleButtonKeydown,onClick:this.handleResetColor},{default:()=>[i.createVNode(t.Icon,{size:e,name:"droplet-slash",icon:n.dropletSlashIcon},null)]}),this.$props.showPreview&&i.createVNode("div",{class:"k-coloreditor-preview k-vstack"},[i.createVNode("span",{class:this.previewClass,style:{background:this.colorValue}},[!this.colorValue&&i.createVNode("span",{class:"k-color-preview-mask"},null)]),i.createVNode("span",{class:this.currentClass,style:{background:this.computedPrevColor},onClick:this.handlePrevColorClick},[!this.computedPrevColor&&i.createVNode("span",{class:"k-color-preview-mask"},null)])])])]),i.createVNode("div",{class:"k-coloreditor-views k-vstack"},[this.isColorGradient?function(){return i.h(Ge,{ref:t.setRef(this,"gradient"),tabIndex:-1,value:this.colorValue,innerTabIndex:this.computedTabIndex,size:e,onChange:this.handleColorChange,onKeydown:this.innerKeyDown,adaptive:a,...this.gradientSettings})}.call(this):function(){return i.h(Ze,{ref:t.setRef(this,"palette"),tabIndex:this.computedTabIndex,value:this.colorValue,size:e,onChange:this.handlePaletteColorChange,onKeydown:this.gradientKeyDown,...this.paletteSettings})}.call(this)]),this.$props.showButtons&&i.createVNode("div",{class:"k-coloreditor-footer k-actions k-actions-end"},[i.createVNode(o.Button,{tabIndex:this.computedTabIndex,type:"button",class:"k-coloreditor-cancel",size:e,onKeydown:this.handleButtonKeydown,onClick:this.handleCancelBtnClick},Qe(c)?c:{default:()=>[c]}),i.createVNode(o.Button,{tabIndex:this.computedTabIndex,type:"button",class:"k-coloreditor-apply k-primary",size:e,onKeydown:this.handleButtonKeydown,onClick:this.triggerChange},Qe(h)?h:{default:()=>[h]})]),f])},methods:{focus(){this.focused=!0,setTimeout((()=>{t.focusFirstFocusableChild(this.$el)}),1)},onKeyDownHandler(e){const i=this.$el;this.focused=t.focusContainer(e,i),this.$emit("keydown",e)},handleViewChange(e,t){this.currentView=t,this.$emit("viewchange",{event:e,viewType:t})},handleResetColor(){this.colorValue=null,!this.showButtons&&!this.adaptive&&this.triggerChange()},handleColorChange(e){this.colorValue=e.value,!this.showButtons&&!this.adaptive&&this.triggerChange(e)},handlePaletteColorChange(e){this.colorValue=e.value,!this.showButtons&&!this.adaptive&&this.triggerChange(e)},triggerChange(e){const t=g(this.colorValue,"rgba");this.currentPrevColor=this.colorValue,this.$emit("changemodel",this.colorValue),this.$emit("update:modelValue",this.colorValue),this.$emit("update:modelRgbaValue",t),this.$emit("change",{event:e,value:this.colorValue,rgbaValue:t})},innerKeyDown(e){e.keyCode===t.Keys.enter&&this.triggerChange(e)},gradientKeyDown(e){e.stopPropagation(),!this.showButtons&&e.keyCode===t.Keys.enter&&this.triggerChange(e)},handleButtonKeydown(e){e.keyCode===t.Keys.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})}}});function tt(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}const it=i.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(e){this.$emit("applyBtnClick",e)}},render(){const{title:e,componentToRender:t,expand:a,applyText:s,cancelText:r,animationStyles:l,classNameAdaptive:u}=this.$props,c=function(){return i.h(i.createVNode(o.Button,{tabIndex:0,size:"large","aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",icon:"x",svgIcon:n.xIcon,onClick:this.onClose},null))}.call(this);return i.createVNode(d.ActionSheet,{onClose:this.onClose,animationStyles:l,className:u,contentClassName:"!k-overflow-hidden",footerClassName:"k-actions k-actions-stretched k-actions-horizontal",title:e,content:()=>i.h(t),footer:()=>i.h(i.createVNode(i.Fragment,null,[i.createVNode(o.Button,{size:"large",class:"k-coloreditor-cancel","aria-label":r,onClick:this.onCancel},tt(r)?r:{default:()=>[r]}),i.createVNode(o.Button,{themeColor:"primary",size:"large",class:"k-coloreditor-apply","aria-label":s,onClick:this.onApply},tt(s)?s:{default:()=>[s]})])),expand:a,actions:c},null)}});function at(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}const st=i.defineComponent({name:"KendoColorPicker",model:{event:"changemodel"},emits:{open:()=>!0,close:()=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,"update:modelRgbaValue":e=>!0,activecolorclick:e=>!0,focus:e=>!0,blur:e=>!0,change:e=>!0,viewchange:e=>!0},props:{modelValue:String,modelRgbaValue:String,value:{type:String,default:void 0},defaultValue:String,disabled:Boolean,dir:String,id:String,ariaLabelledBy:String,ariaDescribedBy:String,showClearButton:{type:Boolean,default:!0},showPreview:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0},paletteSettings:{type:Object,default:function(){return{palette:Ye}}},valid:{type:Boolean,default:!0},tabIndex:{type:Number,default:0},title:String,icon:String,svgIcon:Object,iconClassName:String,popupSettings:{type:Object,default:function(){return{}}},gradientSettings:{type:Object,default:function(){return S}},flatColorPickerSettings:{type:Object,default:function(){return{}}},open:{type:Boolean,default:void 0},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},view:{type:String,default:"combo",validator:function(e){return["gradient","palette","combo"].includes(e)}},selectedView:{type:Number,default:void 0},adaptive:{type:Boolean,default:!1},adaptiveTitle:{type:String}},inject:{kendoLocalizationService:{default:null},adaptiveModeBreakpoints:{default:{small:t.ADAPTIVE_SMALL_BREAKPOINT,medium:t.ADAPTIVE_MEDIUM_BREAKPOINT}}},data(){return{focused:!1,currentValue:this.$props.defaultValue,currentOpen:!1,flatcolorpickerRef:null,windowWidth:0,observer:null}},computed:{isValueControlled(){return void 0!==this.$props.value},isOpenControlled(){return void 0!==this.$props.open},computedValue(){return this.isValueControlled?this.$props.value:void 0!==this.$props.modelValue?this.$props.modelValue:void 0!==this.$props.modelRgbaValue?this.$props.modelRgbaValue:void 0!==this.currentValue?this.currentValue:this.defaultValue},computedOpen(){return this.isOpenControlled?this.$props.open:this.currentOpen},wrapperClassName(){const{size:e,fillMode:i,rounded:a}=this.$props;return{"k-picker":!0,"k-colorpicker":!0,"k-icon-picker":!0,[`k-picker-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-picker-${i}`]:i,[`k-rounded-${t.kendoThemeMaps.roundedMap[a]||a}`]:a,"k-invalid":!this.valid,"k-disabled":this.disabled,"k-focus":this.focused}},animationStyles(){return this.windowWidth<=this.adaptiveModeBreakpoints.small?{top:0,width:"100%",height:"100%"}:void 0},classNameAdaptive(){return this.windowWidth<=this.adaptiveModeBreakpoints.small?"k-adaptive-actionsheet k-actionsheet-fullscreen":"k-adaptive-actionsheet k-actionsheet-bottom"},adaptiveState(){return!!(this.$props.adaptive&&this.windowWidth&&this.windowWidth<=this.adaptiveModeBreakpoints.medium)}},created(){t.validatePackage(h),this._popupId="popup"+t.guid(),this.focusableElementGuid=t.guid()},mounted(){this.observer=t.canUseDOM&&window.ResizeObserver&&new ResizeObserver(this.calculateMedia),null!=document&&document.body&&this.observer&&this.observer.observe(document.body),this.flatcolorpickerRef=t.getRef(this,"flatcolorpicker"),this.button=t.getRef(this,"button")},unmounted(){var e;null!=(e=this.document)&&e.body&&this.observer&&this.observer.disconnect()},render(){let e;const{disabled:a,tabIndex:s,dir:l,view:d,selectedView:u,showClearButton:c,showPreview:h,showButtons:p,popupSettings:m,size:g,adaptiveTitle:f}=this.$props,v=r.provideLocalizationService(this),b=v.toLanguageString(re,pe[re]),k=f||v.toLanguageString(ie,pe[ie]),$=v.toLanguageString(J,pe[J]),y=v.toLanguageString(Z,pe[Z]),V=function(){return i.h(et,{onKeydown:this.onKeyDownHandler,ref:t.setRef(this,"flatcolorpicker"),view:d,selectedView:u,showClearButton:c,showPreview:h,showButtons:!this.adaptiveState&&p,size:this.adaptiveState?"large":g,value:this.computedValue||void 0,onChange:this.onFlatChangeHandler,onFocusout:this.onBlurHandler,onViewchange:this.onViewChange,paletteSettings:this.paletteSettings,gradientSettings:this.gradientSettings,adaptive:this.adaptiveState,...this.flatColorPickerSettings})};return i.createVNode("span",{class:this.wrapperClassName,role:"combobox",dir:l,id:this.$props.id,"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,"aria-disabled":this.$props.disabled,"aria-haspopup":"dialog","aria-expanded":this.computedOpen,ref:this.focusableElementGuid,tabindex:t.getTabIndex(s,a),title:this.$props.title,onKeydown:this.onButtonKeyDown,onFocusin:this.onFocusHandler,onFocusout:this.onButtonBlur},[i.createVNode("span",{onClick:this.onActiveColorClickHandler,class:"k-input-inner"},[i.createVNode("span",{class:t.classNames("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)&&i.createVNode(t.Icon,{class:t.classNames("k-color-preview-icon",this.iconClassName),name:t.getIconName(this.icon),icon:this.svgIcon},null),i.createVNode("span",{class:"k-color-preview-mask",style:{backgroundColor:this.computedValue}},null)])]),i.createVNode(o.Button,{type:"button",tabIndex:-1,ref:e=>{this.buttonRef=e},onClick:this.onClickHandler,rounded:null,class:"k-input-button",icon:"caret-alt-down",svgIcon:n.caretAltDownIcon,"aria-label":b},null),!this.adaptiveState&&i.createVNode(Je,{dir:l,id:this._popupId,open:this.computedOpen,onOpen:this.onOpenHandler,popupAnchor:this.focusableElementGuid,popupSettings:{...m}},at(e=V.call(this))?e:{default:()=>[e]}),this.adaptiveState&&i.createVNode(it,{expand:this.computedOpen,animationStyles:this.animationStyles,classNameAdaptive:this.classNameAdaptive,title:k,applyText:$,cancelText:y,componentToRender:V.call(this),onActionSheetClose:()=>this.setOpen(!this.computedOpen),onCancelBtnClick:()=>this.flatcolorpickerRef.handleCancelBtnClick(),onApplyBtnClick:e=>this.flatcolorpickerRef.triggerChange(e)},null)])},methods:{calculateMedia(e){for(let t of e)this.windowWidth=t.target.clientWidth},focusElement(){this.$el&&this.$el.focus()},setOpen(e,t){!e&&!t&&this.$el&&this.$el.focus(),this.currentOpen=e,this.$emit(e?"open":"close")},onButtonKeyDown(e){const{altKey:i,keyCode:a}=e;return a===t.Keys.esc?(e.preventDefault(),e.stopPropagation(),void this.setOpen(!1)):a===t.Keys.enter?(e.preventDefault(),e.stopPropagation(),void this.setOpen(!this.computedOpen)):void(i&&a===t.Keys.down&&(e.preventDefault(),e.stopPropagation(),this.setOpen(!0)))},onKeyDownHandler(e){const{altKey:i,keyCode:a}=e;return a===t.Keys.esc?(e.preventDefault(),e.stopPropagation(),void this.setOpen(!1)):a===t.Keys.enter?(e.preventDefault(),e.stopPropagation(),void this.focusElement()):void(i&&a===t.Keys.up&&(e.preventDefault(),e.stopPropagation(),this.setOpen(!1),this.focusElement()))},onOpenHandler(){const e=t.getRef(this,"flatcolorpicker");e&&e.focus()},onClickHandler(){this.setOpen(!this.computedOpen,!0)},onActiveColorClickHandler(e){this.$emit("activecolorclick",{event:e,value:this.computedValue})},isViewFocused(){return!(!document.activeElement||!document.activeElement.closest(`#${this._popupId}`))},onButtonBlur(e){this.focused=this.isViewFocused(),this.$emit("blur",{event:e})},onFocusHandler(e){this.blurTimeoutRef?(clearTimeout(this.blurTimeoutRef),this.blurTimeoutRef=void 0,e.target===this.$el&&this.setOpen(!1)):this.focused=!0,this.$emit("focus",{event:e})},onBlurTimeout(){const e=this.isViewFocused();e||this.setOpen(!1,!0),this.focused=e,this.blurTimeoutRef=void 0},onBlurHandler(){clearTimeout(this.blurTimeoutRef),this.palette=t.getRef(this,"palette"),this.gradient=t.getRef(this,"gradient"),this.blurTimeoutRef=setTimeout(this.onBlurTimeout,200)},onViewChange(e){this.$emit("viewchange",e)},onChangeHandler(e,t){const i=e.value;this.isValueControlled||(this.currentValue=i),t&&this.setOpen(!1),this.$emit("changemodel",i),this.$emit("update:modelRgbaValue",e.rgbaValue),this.$emit("update:modelValue",i),this.$emit("change",{value:i,rgbaValue:e.rgbaValue,event:e})},onFlatChangeHandler(e){this.onChangeHandler(e,!0)}}}),nt=i.defineComponent({name:"KendoSwitch",model:{event:"changemodel"},emits:{change:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,focus:e=>!0,blur:e=>!0},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(h),this._id=t.guid(),this.defaultValidationMessage=r.provideLocalizationService(this)},data(){return{currentChecked:this.$props.defaultChecked,valueDuringOnChange:void 0,focused:!1,currentDir:void 0}},computed:{computedValue(){return void 0!==this.valueDuringOnChange?this.valueDuringOnChange:void 0!==this.$props.checked?this.$props.checked:void 0!==this.$props.value?this.$props.value:void 0!==this.$props.modelValue?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=void 0!==this.$props.dir?this.$props.dir:t.isRtl(this.$el)?"rtl":"ltr",this.setValidity()},updated(){this.setValidity()},render(){const{disabled:e,id:a,offLabel:s,onLabel:n,tabIndex:o,required:r}=this.$props;return i.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(o,e,void 0),accesskey:this.$props.accessKey},[i.createVNode("span",{class:this.switchTrackClass,ref:t.setRef(this,"element")},[i.createVNode("input",{type:"checkbox",id:a||this._id,checked:this.$props.checked,ref:t.setRef(this,"input"),tabindex:-1,name:this.$props.name,required:void 0!==r&&r,"aria-hidden":!0,value:this.computedValue,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:t.noop},null),i.createVNode("span",{class:"k-switch-label-on"},[n]),i.createVNode("span",{class:"k-switch-label-off"},[s])]),i.createVNode("span",{class:"k-switch-thumb-wrap"},[i.createVNode("span",{class:this.switchThumbClass},null)])])},methods:{focus(){this._element&&this._element.focus()},element(){return this._element},validity(){const e=void 0!==this.$props.validationMessage,t=void 0!==this.$props.valid?this.$props.valid:!this.$props.required||!!this.computedValue;return{customError:e,valid:void 0!==this.$props.valid?this.$props.valid:t,valueMissing:null===this.computedValue}},setValidity(){this.input&&this.input.setCustomValidity&&this.input.setCustomValidity(this.validity().valid?"":this.$props.validationMessage||this.defaultValidationMessage.toLanguageString(oe,pe[oe]))},limit(e,t,i){const a=i.offsetWidth,s=t.offsetWidth;return e<0?0:e>a-s?a-s:e},toggle(e,t){this.currentChecked=e,this.valueDuringOnChange=e,this.$emit("changemodel",e),this.$emit("update:modelValue",e),this.$emit("change",{event:t,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",{event:e}))},handleWrapperBlur(e){this.$props.disabled||(this.focused=!1,this.$emit("blur",{event:e}))}}}),ot=i.defineComponent({props:{orientation:{type:String,default:"vertical"}},created(){t.validatePackage(h)},render(){return i.createVNode("span",{class:`k-input-separator k-input-separator-${this.orientation}`},null)}});const rt=i.defineComponent({model:{event:"changemodel"},emits:{input:e=>!0,change:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,focus:e=>!0,blur:e=>!0,keyup:e=>!0,keydown:e=>!0,keypress:e=>!0},props:{modelValue:{type:[String,Number],default:void 0},disabled:{type:Boolean,default:void 0},defaultValue:{type:[String,Number],default:""},value:{type:[String,Number]},label:{type:String},placeholder:{type:String},required:{type:Boolean,default:!1},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},dir:{type:String},id:String,valid:{type:Boolean,default:void 0},validate:{type:Boolean},validationMessage:{type:String},validityStyles:{type:Boolean,default:!0},inputClass:String,tabIndex:Number,ariaLabel:String,ariaLabelledBy:String,ariaDescribedBy:String},data:function(){return{hasMounted:!1,autofill:!1,currentValue:"",valueDuringOnChange:"",focused:!1}},created(){t.validatePackage(h),this._input=void 0,this._inputId=t.guid(),this.$data.valueDuringOnChange=void 0,this.$data.currentValue=this.$props.defaultValue},mounted(){this._input=this.inputRef,this.$data.hasMounted=!0,this.setValidity()},updated(){this.setValidity(),this.updateValidClass()},setup:()=>({inputRef:i.ref(null)}),render(){const e=!this.$props.validityStyles||this.validity().valid,{label:t,id:a,required:n,tabIndex:o,ariaLabel:r,ariaLabelledBy:l,ariaDescribedBy:d}=this.$props,u=a||this._inputId,c=i.h("input",{...this.$attrs,placeholder:this.$props.placeholder,id:u,tabindex:o,required:n,ariaLabel:r,ariaLabelledby:l,ariaDescribedby:d,ariaDisabled:this.$props.disabled,disabled:this.$props.disabled,value:this.computedValue,class:this.inputInnerClass,ref:e=>{this.inputRef=e},onKeydown:this.handleKeydown,onKeyup:this.handleKeyup,onKeypress:this.handleKeypress,onChange:this.handleChange,onFocus:this.emitFocus,onBlur:this.emitBlur,onInput:this.handleInput,onAnimationstart:this.handleAutoFill,onAnimationend:this.handleAutoFillEnd});return t?i.createVNode(s.FloatingLabel,{label:t,editorId:u,editorValue:this.computedValue,editorValid:e,editorDisabled:this.$props.disabled,editorPlaceholder:this.$data.focused?this.$props.placeholder:"",dir:this.$props.dir},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}(c)?c:{default:()=>[c]}):c},methods:{updateValidClass(){this._input.classList.toggle("k-invalid",!this.validity().valid)},emitFocus(e){this.$emit("focus",{event:e}),this.$data.focused=!0},emitBlur(e){this.$emit("blur",{event:e}),this.$data.focused=!1},handleKeydown(e){this.$emit("keydown",e)},handleKeyup(e){this.$emit("keyup",e)},handleKeypress(e){this.$emit("keypress",e)},clearClick(e){this.emitUpdate(e,"change","")},focus(){this._input&&this._input.focus()},validity(){const e={badInput:!!this._input&&this._input.validity.badInput,patternMismatch:!!this._input&&this._input.validity.patternMismatch,rangeOverflow:!!this._input&&this._input.validity.rangeOverflow,rangeUnderflow:!!this._input&&this._input.validity.rangeUnderflow,stepMismatch:!!this._input&&this._input.validity.stepMismatch,tooLong:!!this._input&&this._input.validity.tooLong,tooShort:!!this._input&&this._input.validity.tooShort,typeMismatch:!!this._input&&this._input.validity.typeMismatch,valueMissing:!!this._input&&this._input.validity.valueMissing};return{...e,customError:void 0!==this.$props.validationMessage,valid:void 0!==this.$props.valid?this.$props.valid:!this._input||!this.isInvalid(e)}},isInvalid(e){let t=!1;for(let i in e)e.hasOwnProperty(i)&&(t=t||e[i]);return t},setValidity(){this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity().valid?"":this.$props.validationMessage||"")},handleInput(e){this.emitUpdate(e,"input",e.target.value)},handleChange(e){this.emitUpdate(e,"change",e.target.value)},emitUpdate(e,t,i){this.disabled||(this.$data.currentValue=i,this.$data.valueDuringOnChange=i,this.$nextTick((()=>{this.$emit("changemodel",i),this.$emit("update:modelValue",i),this.$emit(t,{event:e,value:i,component:this,target:e.target,validity:this.validity()}),this.$data.valueDuringOnChange=void 0})))},handleAutoFill(e){if("autoFillStart"===e.animationName){let t=e.target.parentNode;t&&t.classList.contains("k-empty")&&(this.$data.autofill=!0,t.classList.remove("k-empty"))}},handleAutoFillEnd(e){"autoFillEnd"===e.animationName&&e.target.parentNode&&(this.$data.autofill=!1)},name:function(){return this.$props.name}},computed:{spanClassNames(){const e=!this.$data.hasMounted||!this.$props.validityStyles||this.validity().valid;return{"k-floating-label-container":!0,"k-focus":this.$data.focused,"k-empty":!(0===this.computedValue||this.computedValue||this.$props.placeholder||this.$data.autofill),"k-autofill":this.$data.autofill,"k-invalid":!e&&void 0!==e,"k-rtl":"rtl"===this.$props.dir}},inputInnerClass(){const{size:e,fillMode:i,rounded:a}=this.$props,s=!this.$data.hasMounted||!this.$props.validityStyles||this.validity().valid;return{"k-input":!0,[`k-input-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-input-${i}`]:i,[`k-rounded-${t.kendoThemeMaps.roundedMap[a]||a}`]:a,"k-invalid":!s,"k-required":this.required,"k-disabled":this.$props.disabled,[this.inputClass]:this.inputClass}},computedValue(){return void 0!==this.$data.valueDuringOnChange?this.$data.valueDuringOnChange:void 0!==this.$props.value?this.$props.value:void 0!==this.$props.modelValue?this.$props.modelValue:this.$data.currentValue}}});var lt=(e=>(e[e.Literal=0]="Literal",e[e.Mask=1]="Mask",e[e.Undefined=2]="Undefined",e))(lt||{});let dt=class e{constructor(e,t,i=2){this.value=e,this.rest=t,this.type=i}map(t){return new e(t(this.value),this.rest)}chain(e){return e(this.value,this.rest)}fold(e){return e(this.value,this.rest)}concat(e){return this.map(((t,i)=>e.chain(((e,i)=>t.concat([e])))))}toString(){return`Result({ value: '${this.value}', rest: ${this.rest} })`}},ut=class{constructor(e=[],t=[]){this.input=e,this.control=t,this.inputCursor=0,this.controlCursor=0}eof(){return this.inputCursor>=this.input.length}next(){return{char:this.input[this.inputCursor++],control:this.control[this.controlCursor++]}}peek(){return{char:this.input[this.inputCursor],control:this.control[this.controlCursor]}}eat_input(){this.inputCursor++}eat_control(){this.controlCursor++}eat(){this.inputCursor++,this.controlCursor++}};const ct=e=>(e||"").split("");let ht=class e{constructor(e){this.parse=e}run(e,t=""){return e instanceof ut?this.parse(e):this.parse(new ut(ct(e),ct(t)))}map(t){return new e((e=>this.parse(e).map(t)))}chain(t){return new e((e=>this.parse(e).chain(((e,i)=>t(e).run(i)))))}isLiteral(e){return this.run(e).type===lt.Literal}};const pt=(e,t)=>new ht((i=>{let{char:a}=i.next();const s=e[a];return"\\"===a?(a=i.next().char,new dt(t.literal(a),i)):new dt(s?t.mask(s):t.literal(a),i)})),mt=({prompt:e,promptPlaceholder:t})=>new ht((i=>{let{char:a}=i.next();return new dt(a===e?t:a,i)})),gt=e=>new ht((t=>{let{char:i}=t.next();return new dt(e?i:"",t)})),ft=e=>e.reduce(((e,t)=>((e,t)=>e.chain((e=>t.map((t=>e.concat([t]))))))(e,t)),(e=>new ht((t=>new dt(e,t))))([])),vt=e=>new ht((t=>{let i=new dt([],t);for(;!t.eof();)i=i.concat(e.run(t));return i}));class bt{constructor(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}update({mask:e="",prompt:t="",promptPlaceholder:i=" ",rules:a={},includeLiterals:s=!1}){this.mask=e,this.prompt=t,this.promptPlaceholder=i,this.rules=a,this.includeLiterals=s,this.tokenize()}validationValue(e=""){let t=e;return ft(this.validationTokens).run(e).fold((e=>{t=e.join("")})),t}rawValue(e=""){let t=e;return this.rawTokens.length&&ft(this.rawTokens).run(e).fold((e=>{t=e.join("")})),t}maskRaw(e=""){let t=e;return this.maskTokens.length&&ft(this.maskTokens).run(e).fold((e=>{t=e.join("")})),t}maskInput(e,t,i){return e.length<t.length?this.maskRemoved(e,t,i):this.maskInserted(e,t,i)}maskInRange(e,t,i,a){let s="",n=a;const o=t.split("").slice(0,i),r=t.split("").slice(a);return ft(this.maskTokens.slice(i,a)).run(e).fold((e=>{s=o.concat(e).concat(r).join("")})),{selection:n,value:s}}maskRemoved(e,t,i){let a="",s=i;const n=e.split("").slice(i),o=e.split("").slice(0,i).join(""),r=this.maskTokens.length-(e.length-i);return ft(this.maskTokens.slice(0,r)).run(o,t).fold((e=>{s=this.adjustPosition(e,s),a=e.concat(n).join("")})),{selection:s,value:a}}adjustPosition(e,t){const i=e[t];return this.maskTokens[t].isLiteral(i)||i===this.prompt?t:t+1}maskInserted(e,t,i){let a="",s=i;const n=e.slice(0,i);return ft(this.unmaskTokens).run(n,t).chain((e=>{s=e.join("").length;const i=t.slice(s);return ft(this.maskTokens).run(e.join("")+i,t)})).fold((e=>{a=e.join("")})),{selection:s,value:a}}get maskTokenCreator(){const{prompt:e,promptPlaceholder:t}=this;return{literal:e=>(e=>new ht((t=>t.peek().char===e?(t.eat(),new dt(e,t,lt.Literal)):new dt(e,t,lt.Literal))))(e),mask:i=>(({prompt:e,promptPlaceholder:t})=>i=>new ht((a=>{for(;!a.eof();){const{char:s,control:n}=a.peek();if(s===n&&n===e)return a.eat(),new dt(e,a,lt.Mask);if(i.test(s))return a.eat(),new dt(s,a,lt.Mask);if(s===t)return a.eat(),new dt(e,a,lt.Mask);a.eat_input()}return a.eat(),new dt(e,a,lt.Mask)})))({prompt:e,promptPlaceholder:t})(i)}}get unmaskTokenCreator(){return{literal:e=>(e=>new ht((t=>{if(t.eof())return new dt("",t);const{char:i}=t.peek();return i===e&&t.eat(),new dt(e,t)})))(e),mask:e=>(e=>t=>new ht((i=>{for(;!i.eof();){const{char:a,control:s}=i.peek();if(a===e&&s===e)return i.eat(),new dt(a,i);if(t.test(a))return i.eat(),new dt(a,i);i.eat_input()}return i.eat(),new dt("",i)})))(this.prompt)(e)}}get rawTokenCreator(){const{prompt:e,promptPlaceholder:t,includeLiterals:i}=this;return{literal:e=>gt(i),mask:i=>mt({prompt:e,promptPlaceholder:t})}}get validationTokenCreator(){const{prompt:e}=this;return{literal:e=>gt(!1),mask:t=>mt({prompt:e,promptPlaceholder:""})}}tokenize(){vt(pt(this.rules,this.maskTokenCreator)).run(this.mask).fold(((e,t)=>{this.maskTokens=e})),vt(pt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold(((e,t)=>{this.unmaskTokens=e})),vt(pt(this.rules,this.rawTokenCreator)).run(this.mask).fold(((e,t)=>{this.rawTokens=e})),vt(pt(this.rules,this.validationTokenCreator)).run(this.mask).fold(((e,t)=>{this.validationTokens=e}))}}const kt={"#":/[\d\s\+\-]/,"&":/[\S]/,0:/[\d]/,9:/[\d\s]/,"?":/[a-zA-Z\s]/,A:/[a-zA-Z0-9]/,C:/./,L:/[a-zA-Z]/,a:/[a-zA-Z0-9\s]/},$t=()=>!1,yt=(e,t)=>{if(!!e!=!!t)return!1;if(e===t||!e||!t)return!0;let i=!0;for(const a in e)if(e[a]!==t[a]){i=!1;break}if(i)for(const a in t)if(!e.hasOwnProperty(a)){i=!1;break}return i},Vt=i.defineComponent({model:{event:"changemodel"},emits:{change:e=>!0,focus:e=>!0,blur:e=>!0,"update:modelValue":e=>!0,"update:modelRawValue":e=>!0,changemodel:e=>!0},props:{type:{type:String,default:"text"},modelValue:String,modelRawValue:String,value:String,defaultValue:String,placeholder:String,title:String,dir:String,id:String,ariaLabelledBy:String,ariaDescribedBy:String,tabIndex:Number,accessKey:String,disabled:Boolean,readonly:Boolean,size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},prompt:{type:String,default:"_"},promptPlaceholder:{type:String,default:" "},includeLiterals:{type:Boolean,default:!1},maskValidation:{type:Boolean,default:!0},mask:String,rules:{type:Object,default:function(){return kt}},selection:Object,name:String,label:String,validationMessage:String,required:{type:Boolean,default:!1},valid:{type:Boolean,default:void 0},validityStyles:{type:Boolean,default:!0},iconName:String,inputPrefix:t.templateDefinition,inputSuffix:t.templateDefinition,showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,wrapperClass:String,inputAttributes:Object},data:()=>({currentValue:void 0,currentFocused:!1,inputValue:void 0,currentSelection:[null,null]}),created(){t.validatePackage(h),this.hasMounted=!1,this.valueDuringOnChange=void 0,this.inputId=`k-${t.guid()}`,this.service=new bt,this.isPasted=!1},setup:()=>({inputRef:i.ref(null)}),mounted(){this.hasMounted=!0,this.element=this.input=this.inputRef,this.updateService(),this.setValidity()},watch:{currentFocused:function(e,t){this.prevCurrentFocused=t},selection:function(e,t){this.prevSelection=t},includeLiterals:function(e,t){this.prevIncludeLiterals=t},mask:function(e,t){this.prevMask=t},prompt:function(e,t){this.prevPrompt=t},promptPlaceholder:function(e,t){this.prevPromptPlaceholder=t},rules:function(e,t){this.prevRules=t}},updated(){if(this.element&&this.currentFocused){let[e,t]=this.currentSelection;const i=this.prevSelection,a=this.$props.selection;(!i&&a||i&&a&&(i.start!==a.start||i.end!==a.end))&&(e=a.start,t=a.end),null!==e&&null!==t&&this.element.setSelectionRange(e,t)}((e,t)=>e.includeLiterals!==t.includeLiterals||e.mask!==t.mask||e.prompt!==t.prompt||e.promptPlaceholder!==t.promptPlaceholder||!yt(e.rules,t.rules))({includeLiterals:this.prevIncludeLiterals,mask:this.prevMask,prompt:this.prevPrompt,promptPlaceholder:this.prevPromptPlaceholder,rules:this.prevRules},this.$props)&&this.updateService(),this.setValidity()},computed:{computedRules(){return Object.assign({},kt,this.$props.rules)},spanClassNames(){const e=!this.hasMounted||!this.$props.validityStyles||this.validity().valid;return{"k-floating-label-container":!0,"k-focus":this.currentFocused,"k-empty":!this.computedValue(),"k-invalid":!e&&void 0!==e,"k-rtl":"rtl"===this.$props.dir,"k-loading":this.showLoadingIcon,[this.wrapperClass]:this.wrapperClass}},wrapperSpanClass(){const{size:e,fillMode:i,rounded:a}=this.$props,s=!this.$props.validityStyles||this.validity().valid;return{"k-maskedtextbox":!0,"k-input":!0,[`k-input-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-input-${i}`]:i,[`k-rounded-${t.kendoThemeMaps.roundedMap[a]||a}`]:a,"k-invalid":!s,"k-required":this.required,"k-disabled":this.$props.disabled,"k-loading":this.showLoadingIcon,[this.wrapperClass]:this.wrapperClass}},inputInnerClass(){return{"k-input-inner":!0,[this.inputClass]:this.inputClass}}},methods:{focus(){this.input&&this.input.focus()},computedValue(){let e;return void 0!==this.valueDuringOnChange?e=this.valueDuringOnChange:void 0!==this.$props.value?e=this.$props.value:void 0!==this.$props.modelValue?e=this.$props.modelValue:void 0!==this.currentValue?e=this.currentValue:void 0!==this.$props.defaultValue&&(e=this.$props.defaultValue),e||""},rawValue(){return this.service.rawValue(this.computedValue())},validity(){const e=this.computedValue(),t=this.service.validationValue(e);return{customError:void 0!==this.$props.validationMessage,valid:void 0!==this.$props.valid?this.$props.valid:!(this.$props.required&&!t||this.$props.maskValidation&&this.$props.prompt&&-1!==e.indexOf(this.$props.prompt)),valueMissing:!t}},pasteHandler(e){const{selectionStart:t,selectionEnd:i}=e.target;i!==t&&(this.isPasted=!0,this.currentSelection=[t||0,i||0])},clearClick(e){this.triggerOnChange("",e)},onChangeHandler(e){const t=e.currentTarget,i=this.inputValue=t.value,a=this.currentSelection[0]||0,s=this.currentSelection[1]||0;if(!this.$props.mask)return this.isPasted=!1,this.currentSelection=[null,null],void this.triggerOnChange(i,e);const n=this.computedValue();let o;if(this.isPasted){this.isPasted=!1;const e=n.length-s,t=i.length-e;o=this.service.maskInRange(i.slice(a,t),n,a,s)}else o=this.service.maskInput(i,n,t.selectionStart||0);this.currentSelection=[o.selection,o.selection],this.triggerOnChange(o.value,e),this.inputValue=void 0},focusHandler(e){this.currentFocused||(this.currentFocused=!0,this.$emit("focus",{event:e,target:this}))},blurHandler(e){this.currentFocused&&(this.currentFocused=!1,this.$emit("blur",{event:e,target:this}))},triggerOnChange(e,t){this.currentValue=e,this.valueDuringOnChange=e,this.$emit("change",{event:t,selectionStart:this.currentSelection[0],selectionEnd:this.currentSelection[1],value:this.computedValue(),component:this,target:{name:this.$props.name,value:this.computedValue(),rawValue:this.rawValue()},validity:this.validity()}),this.$emit("update:modelValue",this.computedValue()),this.$emit("update:modelRawValue",this.rawValue()),this.$emit("changemodel",this.computedValue()),this.valueDuringOnChange=void 0},updateService(e){const t=Object.assign({includeLiterals:this.$props.includeLiterals,mask:this.$props.mask,prompt:this.$props.prompt,promptPlaceholder:this.$props.promptPlaceholder,rules:this.$props.rules},e);this.service.update(t)},setValidity(){this.element&&this.element.setCustomValidity(this.validity().valid?"":this.$props.validationMessage||"")}},render(){const e=this.$props.id||this.inputId,{iconName:a,showValidationIcon:s,showLoadingIcon:o,showClearButton:r,inputAttributes:l}=this.$props,d=!this.$props.validityStyles||this.validity().valid,u=this.computedValue();this.inputValue;const c=t.templateRendering.call(this,this.$props.inputPrefix,t.getListeners.call(this)),h=t.templateRendering.call(this,this.$props.inputSuffix,t.getListeners.call(this)),p=t.getTemplate.call(this,{h:i.h,template:c,additionalProps:{value:u,valid:d}}),m=t.getTemplate.call(this,{h:i.h,template:h,additionalProps:{value:u,valid:d}}),g=i.createVNode("span",{dir:this.$props.dir,class:this.wrapperSpanClass,style:this.$props.label?void 0:{width:this.$props.width}},[a&&i.createVNode(t.Icon,{name:a,class:"k-input-icon"},null),this.$props.inputPrefix&&i.createVNode("span",{class:"k-input-prefix"},[p]),i.createVNode("input",i.mergeProps({type:this.$props.type,autocomplete:"off",autocorrect:"off",autocapitalize:"off",spellcheck:!1,class:this.inputInnerClass,value:u,id:e,"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,"aria-disabled":this.$props.disabled,name:this.$props.name,tabindex:t.getTabIndex(this.$props.tabIndex,this.$props.disabled,!0),accesskey:this.$props.accessKey,title:this.$props.title,disabled:this.$props.disabled||void 0,readonly:this.$props.readonly||void 0,placeholder:this.$props.placeholder,"aria-placeholder":this.$props.placeholder,required:this.$props.required,ref:t.setRef(this,"input")},l,{onInput:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragstart:$t,onDrop:$t}),null),this.$props.inputSuffix&&i.createVNode("span",{class:"k-input-suffix"},[m]),s&&d&&i.createVNode(t.Icon,{name:"check",icon:n.checkIcon,class:"k-input-validation-icon"},null),s&&!d&&i.createVNode(t.Icon,{name:"exclamation-circle",icon:n.exclamationCircleIcon,class:"k-input-validation-icon"},null),o&&i.createVNode(t.Icon,{name:"loading",class:"k-input-loading-icon"},null),r&&u&&i.createVNode("span",{onClick:this.clearClick,class:"k-clear-value"},[i.createVNode(t.Icon,{name:"x",icon:n.xIcon},null)])]);return this.$props.label?i.createVNode("span",{class:this.spanClassNames,dir:this.$props.dir},[g,this.$props.label?e?i.createVNode("label",{for:e,class:"k-floating-label"},[this.$props.label]):i.createVNode("span",{class:"k-label"},[this.$props.label]):null]):g}});let Ct=function(e){return e.start="start",e.end="end",e.min="min",e.max="max",e.increase="increase",e.decrease="decrease",e}({});const St=i.defineComponent({name:"KendoRangeSlider",model:{event:"changemodel"},props:{id:String,value:{type:Object,validator:function(e){return e.start<=e.end}},defaultValue:{type:Object,default:function(){return{start:0,end:0}},validator:function(e){return e.start<=e.end}},step:{type:Number,default:1},min:{type:Number,required:!0},max:{type:Number,required:!0},vertical:Boolean,disabled:Boolean,dir:{type:String,default:"ltr",validator:function(e){return[null,"ltr","rtl"].includes(e)}},startTabIndex:Number,endTabIndex:Number},provide(){return{kendoMin:this.$props.min,kendoMax:this.$props.max,kendoVertical:this.$props.vertical}},inject:{kendoLocalizationService:{default:null}},created(){t.validatePackage(h)},data(){return{currentValue:this.defaultValue,currentDrag:"",currentDir:"ltr"}},computed:{computedValue(){return void 0!==this.$props.value?this.$props.value:this.currentValue},percentStart(){return(this.computedValue.start-this.min)/(this.max-this.min)*100},percentEnd(){return(this.computedValue.end-this.min)/(this.max-this.min)*100},sliderItemsStyle(){return this.vertical?{paddingTop:0,height:"100%"}:{}},trackStyles(){return this.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"}}},mounted(){if(this.sliderRef=this.$refs.sliderRef,this.sliderSelectionRef=this.$refs.sliderSelectionRef,this.startHandle=this.$refs.startHandle,this.endHandle=this.$refs.endHandle,this.sliderTrackRef=this.$refs.sliderTrackRef,this.sliderTrackWrapRef=this.$refs.sliderTrackWrapRef,!this.currentDir&&window&&this.$el){const e=window.getComputedStyle(this.$el).direction;e&&(this.currentDir=e)}},setup:()=>({inputRef:i.ref(null),kendoLocalizationService:i.inject("kendoLocalizationService",{})}),render(){const e=r.provideLocalizationService(this),a=t.getDefaultSlots(this),{id:s,dir:n}=this.$props;return i.createVNode("div",{id:s,dir:this.currentDir,class:t.classNames("k-slider",{"k-rtl":"rtl"===this.currentDir,"k-disabled":this.$props.disabled,"k-slider-vertical":this.$props.vertical,"k-slider-horizontal":!this.$props.vertical},this.$props.class),"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy},[i.createVNode(t.Draggable,{onDrag:this.handleTrackDrag,onPress:this.handleTrackPress,onRelease:this.handleTrackRelease,ref:"draggable"},{default:()=>[i.createVNode("div",{ref:"sliderTrackWrapRef",class:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...this.trackStyles}},[a&&i.createVNode("ul",{class:"k-reset k-slider-items",style:{...this.sliderItemsStyle}},[a]),i.createVNode("div",{ref:"sliderTrackRef",class:"k-slider-track",style:this.$props.vertical?{bottom:0,height:"100%"}:{["rtl"===this.currentDir?"right":"left"]:0,width:"100%"}},[null!==this.percentStart&&null!==this.percentEnd&&i.createVNode("div",{"data-selection":!0,ref:"sliderSelectionRef",title:`${this.computedValue.start} - ${this.computedValue.end}`,class:"k-slider-selection",style:this.vertical?{height:this.percentEnd-this.percentStart+"%",bottom:this.percentStart+"%"}:{["rtl"===this.currentDir?"right":"left"]:this.percentStart+"%",width:this.percentEnd-this.percentStart+"%"}},null),i.createVNode("span",{ref:"startHandle",role:"slider",tabindex:t.getTabIndex(this.startTabIndex,this.$props.disabled,void 0),"aria-valuemin":this.min,"aria-valuemax":Math.max(this.max,this.computedValue.end),"aria-valuenow":this.computedValue.start,"aria-disabled":this.disabled?"true":void 0,"aria-valuetext":this.computedValue.start,class:"k-draghandle",title:e.toLanguageString(D,pe[D]),style:this.vertical?{bottom:"calc("+this.percentStart+"%)",zIndex:1}:"rtl"===this.currentDir?{right:"calc("+this.percentStart+"% - 13px)",zIndex:1}:{left:"calc("+this.percentStart+"%)",zIndex:1},onKeydown:this.handleStartKeyDown},null),i.createVNode("span",{ref:"endHandle",role:"slider",tabindex:t.getTabIndex(this.endTabIndex,this.$props.disabled,void 0),"aria-valuemin":Math.min(this.min,this.computedValue.start),"aria-valuemax":this.max,"aria-valuenow":this.computedValue.end,"aria-disabled":this.disabled?"true":void 0,"aria-valuetext":this.computedValue.end,class:"k-draghandle",title:e.toLanguageString(D,pe[D]),style:this.vertical?{bottom:"calc("+this.percentEnd+"%)",zIndex:1}:"rtl"===this.currentDir?{right:"calc("+this.percentEnd+"% - 13px)",zIndex:1}:{left:"calc("+this.percentEnd+"%)",zIndex:1},onKeydown:this.handleEndKeyDown},null)])])]})])},methods:{dispatchStateValue(e){const t=((e,t)=>{let i,a;switch(t.type){case Ct.start:if(void 0===t.payload)return e;i={start:t.payload>e.end?e.end:Math.max(t.payload,t.min),end:e.end};break;case Ct.end:if(void 0===t.payload)return e;i={start:e.start,end:t.payload<e.start?e.start:Math.min(t.payload,t.max)};break;case Ct.min:i="start"===t.key?{...e,start:t.min}:{...e,end:Math.max(t.min,e.start)};break;case Ct.max:i="start"===t.key?{...e,start:Math.min(t.max,e.end)}:{...e,end:t.max};break;case Ct.increase:if(void 0===t.step||void 0===t.key)return e;a=e[t.key]+t.step,i="start"===t.key?a<t.min?{...e,start:t.min}:{...e,start:Math.min(a,e.end)}:a>t.max?{...e,end:t.max}:{...e,end:Math.max(a,e.start)};break;case Ct.decrease:if(void 0===t.step||void 0===t.key)return e;a=e[t.key]-t.step,i="start"===t.key?a<t.min?{...e,start:t.min}:{...e,start:Math.min(a,e.end)}:a>t.max?{...e,end:t.max}:{...e,end:Math.max(a,e.start)};break;default:i=e}return i})({start:this.computedValue.start,end:this.computedValue.end},{...e,min:this.min,max:this.max,step:this.step});this.currentValue.start=t.start,this.currentValue.end=t.end,this.$emit("change",{min:this.min,max:this.max,step:this.step,value:{start:t.start,end:t.end}})},focus(){this.startHandle&&this.startHandle.focus()},handleChange(e,t){this.$emit("change",{value:e,event:t})},calcNewDistance(e){if(!this.sliderTrackWrapRef)return;e.originalEvent.preventDefault();const t=this.sliderTrackWrapRef.getBoundingClientRect(),i=(this.$props.vertical?t.bottom-e.clientY:"rtl"===this.currentDir?t.right-e.clientX:e.clientX-t.left)/(this.$props.vertical?t.height:t.width);return this.min+i*(this.max-this.min)},calcKey(e){return e<=this.computedValue.start?"start":e>=this.computedValue.end?"end":2*e<this.computedValue.end+this.computedValue.start?"start":"end"},handleStartKeyDown(e){switch(e.keyCode){case t.Keys.right:e.preventDefault(),this.dispatchStateValue({type:"rtl"===this.currentDir?Ct.decrease:Ct.increase,key:"start",event:e});break;case t.Keys.up:e.preventDefault(),this.dispatchStateValue({type:Ct.increase,key:"start",event:e});break;case t.Keys.left:e.preventDefault(),this.dispatchStateValue({type:"rtl"===this.currentDir?Ct.increase:Ct.decrease,key:"start",event:e});break;case t.Keys.down:e.preventDefault(),this.dispatchStateValue({type:Ct.decrease,key:"start",event:e});break;case t.Keys.home:e.preventDefault(),this.dispatchStateValue({type:Ct.min,key:"start",event:e});break;case t.Keys.end:e.preventDefault(),this.dispatchStateValue({type:Ct.max,key:"start",event:e})}},handleEndKeyDown(e){switch(e.keyCode){case t.Keys.right:e.preventDefault(),this.dispatchStateValue({type:"rtl"===this.currentDir?Ct.decrease:Ct.increase,key:"end",event:e});break;case t.Keys.up:e.preventDefault(),this.dispatchStateValue({type:Ct.increase,key:"end",event:e});break;case t.Keys.left:e.preventDefault(),this.dispatchStateValue({type:"rtl"===this.currentDir?Ct.increase:Ct.decrease,key:"end",event:e});break;case t.Keys.down:e.preventDefault(),this.dispatchStateValue({type:Ct.decrease,key:"end",event:e});break;case t.Keys.home:e.preventDefault(),this.dispatchStateValue({type:Ct.min,key:"end",event:e});break;case t.Keys.end:e.preventDefault(),this.dispatchStateValue({type:Ct.max,key:"end",event:e})}},handleTrackPress(e){const t=this.calcNewDistance(e),i=this.calcKey(t);this.currentDrag=i,"end"===i?this.endHandle.focus():this.startHandle.focus();const a="end"===i?Ct.end:Ct.start;this.dispatchStateValue({type:a,payload:t,event:e})},handleTrackDrag(e){const t=this.calcNewDistance(e),i="end"===this.currentDrag?Ct.end:Ct.start;this.dispatchStateValue({type:i,payload:t,event:e})},handleTrackRelease(e){const t=this.calcNewDistance(e),i="end"===this.currentDrag?Ct.end:Ct.start;this.dispatchStateValue({type:i,payload:t,event:e}),this.currentDrag=""}}}),xt=i.defineComponent({name:"KendoCheckbox",emits:{changemodel:e=>!0,"update:modelValue":e=>!0,change:e=>!0,focus:e=>!0,blur:e=>!0},model:{event:"changemodel"},inject:{kendoLocalizationService:{default:null}},props:{checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:void 0},defaultValue:{type:[String,Boolean],default:void 0},modelValue:{type:[String,Boolean],default:void 0},dir:String,disabled:Boolean,id:String,ariaLabelledBy:String,ariaDescribedBy:String,label:String,labelRender:[String,Number,Boolean,Object],labelPlacement:String,labelOptional:Boolean,labelClass:String,name:String,size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},tabIndex:Number,value:{type:[String,Boolean],default:void 0},validationMessage:String,required:Boolean,valid:{type:Boolean,default:void 0},validityStyles:{type:Boolean,default:!0}},data:()=>({valueDuringOnChange:void 0,currentDir:"ltr",currentChecked:void 0,currentValue:void 0}),created(){t.validatePackage(h),this.calculatedId=t.guid(),void 0!==this.$props.defaultChecked&&(this.currentChecked=this.$props.defaultChecked),void 0!==this.$props.defaultValue&&(this.currentValue=this.$props.defaultValue),this.currentDir=this.$props.dir},computed:{valueIsBooleanOrNull(){const e=this.$props.value;return"boolean"==typeof e||null===e},isCheckedControlled(){return void 0!==this.$props.checked},isValueControlled(){return void 0!==this.$props.value&&this.valueIsBooleanOrNull},computedValue(){return void 0!==this.$data.valueDuringOnChange?this.$data.valueDuringOnChange:void 0!==this.$props.value?this.$props.value:void 0!==this.$props.modelValue?this.$props.modelValue:this.$data.currentValue},computedChecked(){return void 0!==this.$data.valueDuringOnChange?this.$data.valueDuringOnChange:void 0!==this.$props.checked?this.$props.checked:void 0!==this.$props.modelValue?this.$props.modelValue:this.$data.currentChecked},useValueAsChecked(){return void 0===this.computedChecked&&this.computedValue},checkedProp(){return this.useValueAsChecked?this.computedValue:this.computedChecked},valueProp(){const e=this.$props.value;return this.useValueAsChecked||this.isValueControlled?null===e?e:void 0:e||this.computedValue},indeterminateProp(){return null===this.checkedProp||null===this.valueProp},isValid(){const e=this.$props.valid;return void 0!==e?e:!this.$props.required||!!this.computedChecked},labelComputedClass(){return{"k-checkbox-label":!0,[this.$props.labelClass]:this.$props.labelClass}}},mounted(){if(this.input=t.getRef(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=t.getRef(this,"input")),this.setValidity()},setup:()=>({inputRef:i.ref(null),kendoLocalizationService:i.inject("kendoLocalizationService",{})}),render(){const{ariaDescribedBy:e,ariaLabelledBy:a,disabled:s,id:n,label:o,labelRender:l,labelPlacement:d,name:u,labelOptional:c,tabIndex:h,required:p,validityStyles:m,size:g,rounded:f}=this.$props,v=t.getDefaultSlots(this);let b=o;this.localizationService=r.provideLocalizationService(this),this.defaultValidationMessage=this.localizeMessage(ae),this.optionalMessage=this.localizeMessage(se);const k=t.classNames({"k-checkbox-wrap":!0,"k-disabled":s}),$=t.classNames({"k-checkbox":!0,[`k-checkbox-${t.kendoThemeMaps.sizeMap[g]}`]:g,[`k-rounded-${t.kendoThemeMaps.roundedMap[f]}`]:f,"k-indeterminate":this.indeterminateProp,"k-disabled":s,"k-invalid":!this.isValid&&!1!==m}),y=function(){return i.createVNode("input",{type:"checkbox",class:$,name:u,id:n||this.calculatedId,ref:t.setRef(this,"input"),"aria-labelledby":a,"aria-describedby":e,checked:!!this.checkedProp,disabled:s,tabindex:t.getTabIndex(h,s),role:"checkbox",required:void 0!==p&&p,"aria-checked":!(!this.computedChecked&&!this.checkedProp)||!!this.indeterminateProp&&"mixed","aria-disabled":s||void 0,onChange:this.onChangeHandler,onKeydown:this.onKeyDownHandler,onFocus:this.onFocusHandler,onBlur:this.onBlurHandler},null)};if(l){const e=l?t.templateRendering.call(this,l,t.getListeners.call(this)):null;b=t.getTemplate.call(this,{h:i.h,template:e})}const V=function(){return void 0!==b?i.createVNode("label",{class:this.labelComputedClass,for:n||this.calculatedId,style:{userSelect:"none"}},[b,c&&i.createVNode("span",{class:"k-label-optional"},[this.optionalMessage])]):null};return"before"===d?i.createVNode("span",{class:k,dir:"rtl"},[y.call(this),V.call(this),v]):i.createVNode("span",{class:k,dir:this.currentDir},[y.call(this),V.call(this),v])},methods:{setValidity(){const e=void 0!==this.$props.valid?this.$props.valid:!this.$props.required||!!this.computedChecked;this.input&&this.input.setCustomValidity&&this.input.setCustomValidity(e?"":this.$props.validationMessage||this.defaultValidationMessage)},localizeMessage(e){return this.localizationService.toLanguageString(e,pe[e])},focusElement(){this.input&&this.input.focus()},setValue(e,t){this.$data.valueDuringOnChange=t,this.$nextTick((()=>{if(!this.isCheckedControlled&&!this.isValueControlled&&!this.$props.disabled&&(this.currentValue=t,this.currentChecked=t),!this.$props.disabled){const i={element:this.$el,focus:null};this.$emit("changemodel",t),this.$emit("update:modelValue",t),this.$emit("change",{e:e,event:e,handle:i,target:e.target,value:t})}this.$data.valueDuringOnChange=void 0}))},onChangeHandler(e){let t=e.target.checked;this.setValue(e,t)},onKeyDownHandler(e){if(this.$props.disabled)return;const{keyCode:i}=e;let a=e.currentTarget.checked;i===t.Keys.space&&(e.preventDefault(),e.stopPropagation(),this.setValue(e,!a))},onBlurHandler(e){this.$props.disabled||this.$emit("blur",{event:e})},onFocusHandler(e){this.$props.disabled||this.$emit("focus",{event:e})}}}),wt=i.defineComponent({name:"KendoRadioButton",props:{ariaDescribedBy:String,checked:Boolean,disabled:Boolean,className:String,content:[String,Number,Boolean,Object],dataItem:Object,id:String,label:String,labelRender:[String,Number,Boolean,Object],item:[String,Number,Boolean,Object],labelPlacement:String,name:String,index:Number,tag:{type:String,default:"div"},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},tabIndex:Number,value:[String,Number,Object],valid:{type:Boolean,default:void 0},role:String},emits:{change:e=>!0,focus:e=>!0,blur:e=>!0},created(){this.calculatedId=t.guid(),t.validatePackage(h)},mounted(){this.input=t.getRef(this,"input")},computed:{inputClassName(){return{"k-radio":!0,[`k-radio-${t.kendoThemeMaps.sizeMap[this.$props.size]}`]:this.$props.size,"k-invalid":!1===this.$props.valid,[this.$props.className]:this.$props.className}}},methods:{focusElement(){this.input&&this.input.focus()},handleChange(e){this.$emit("change",{event:e,value:this.$props.value})},handleFocus(e){this.$props.disabled||this.$emit("focus",{event:e,target:this})},handleBlur(e){this.$props.disabled||this.$emit("blur",{event:e,target:this})}},setup:()=>({inputRef:i.ref(null)}),render(){const e=t.getDefaultSlots(this),{ariaDescribedBy:a,checked:s,disabled:n,id:o,label:r,labelRender:l,labelPlacement:d,name:u,tabIndex:c,value:h,tag:p,role:m}=this.$props;let g=r;if(l){const e=l?t.templateRendering.call(this,l,t.getListeners.call(this)):null;g=t.getTemplate.call(this,{h:i.h,template:e})}const f=t.getTemplate.call(this,{h:i.h,template:this.$props.content}),v=void 0!==g?i.createVNode("label",{class:"k-radio-label",for:o||this.calculatedId,style:{userSelect:"none"},"aria-label":r},[g]):null,b=i.createVNode("input",{role:m,type:"radio",id:o||this.calculatedId,name:u,class:this.inputClassName,ref:t.setRef(this,"input"),disabled:n,tabindex:t.getTabIndex(c,n),checked:s,style:this.$attrs.style,"aria-describedby":a,value:h,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur},null),k="before"===d?i.h(p,[v,b,f,e]):i.h(p,[b,v,f,e]);return t.getTemplate.call(this,{h:i.h,template:this.$props.item,defaultRendering:k,defaultSlots:e,additionalListeners:{change:this.handleChange,focus:this.handleFocus,blur:this.handleBlur},additionalProps:{dataItem:this.$props.dataItem}})}}),Nt=i.defineComponent({name:"KendoRadioGroup",props:{ariaLabelledBy:String,ariaDescribedBy:String,dataItems:Array,defaultValue:[String,Number,Object],dir:String,disabled:Boolean,labelPlacement:String,item:{type:String,default:void 0},layout:{type:String,default:"vertical",validator:function(e){return["horizontal","vertical"].includes(e)}},name:String,modelValue:[String,Number,Object],value:[String,Number,Object],valid:{type:Boolean,default:void 0}},emits:{changemodel:e=>!0,"update:modelValue":e=>!0,change:e=>!0,focus:e=>!0,blur:e=>!0},model:{event:"changemodel"},created(){this.radioGroupName=t.guid(),t.validatePackage(h),this.stateChecked=this.$props.defaultValue},watch:{value(e){void 0===e&&(this.stateChecked=this.$props.defaultValue)}},mounted(){this.rtl=t.isRtl(this.$el)},computed:{radioGroupClasses(){const e=this.$props.layout;return{"k-radio-list":!0,"k-list-horizontal":"horizontal"===e,"k-list-vertical":"vertical"===e||void 0===e}},checkedRadioValue(){const e=this.$props.value;return void 0!==e?e:void 0!==this.$props.modelValue?this.$props.modelValue:this.stateChecked},currentDir(){return this.$props.dir||(this.rtl?"rtl":void 0)}},data:()=>({rtl:!1,stateChecked:void 0}),methods:{focusElement(){this.$el&&t.focusFirstFocusableChild(this.$el)},handleChange(e){let t=e.value;void 0===this.$props.value&&!this.$props.disabled&&(this.stateChecked=t),this.$props.disabled||(this.$emit("changemodel",t),this.$emit("update:modelValue",t),this.$emit("change",{event:e,value:t}))},handleFocus(e){this.$props.disabled||this.$emit("focus",e)},handleBlur(e){this.$props.disabled||this.$emit("blur",e)}},setup:()=>({inputRef:i.ref(null)}),render(){const{ariaLabelledBy:e,ariaDescribedBy:a,dataItems:s,disabled:n,name:o,labelPlacement:r,valid:l}=this.$props,d=s&&s.map((function(e,a){const s=this.checkedRadioValue===e.value,d=null===this.checkedRadioValue||void 0===this.checkedRadioValue,u=t.templateRendering.call(this,this.$props.item||e.item,t.getListeners.call(this));return i.createVNode(wt,{class:t.classNames("k-radio-item",{"k-disabled":e.disabled||n}),style:e.style,key:a,item:u,role:"none",tag:"li",valid:l,className:e.className,label:e.label,value:e.value,dataItem:e,checked:s,disabled:!(!e.disabled&&!n),labelPlacement:e.labelPlacement?e.labelPlacement:r,tabIndex:e.tabIndex?e.tabIndex:d&&0===a||s?0:-1,index:a,name:o||e.name||this.radioGroupName,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur},{default:()=>[e.content]})}),this);return i.createVNode("ul",{role:"radiogroup",class:this.radioGroupClasses,dir:this.currentDir,"aria-labelledby":e,"aria-describedby":a},[d])}});var It=(e=>(e.both="both",e.horizontal="horizontal",e.vertical="vertical",e.none="none",e))(It||{});const Bt=i.defineComponent({name:"KendoTextArea",model:{event:"changemodel"},emits:{input:e=>!0,change:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,focus:e=>!0,blur:e=>!0},props:{title:String,ariaDescribedBy:String,ariaLabelledBy:String,autoSize:Boolean,modelValue:{type:[String,Array,Number],default:void 0},defaultValue:[String,Number],dir:String,disabled:Boolean,readOnly:Boolean,rows:Number,id:String,name:String,validationMessage:String,size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},required:Boolean,placeholder:String,tabIndex:Number,valid:{type:Boolean,default:void 0},value:[String,Array,Number],validityStyles:{type:Boolean,default:!0},iconName:String,inputPrefix:[String,Function],inputSuffix:[String,Function],showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,wrapperClass:String,flow:{type:String,default:"horizontal",validator:function(e){return["horizontal","vertical"].includes(e)}},resizable:{type:String,default:"vertical",validator:function(e){return["both","horizontal","vertical","none"].includes(e)}},inputAttributes:Object},created(){t.validatePackage(h),this.calculatedId=t.guid()},computed:{resizableClass(){const{resizable:e,autoSize:t}=this.$props;return t||e===It.none?"k-resize-none":e===It.vertical?"k-resize-y":e===It.horizontal?"k-resize-x":"k-resize"},rootClassName(){const{size:e,fillMode:i,rounded:a,required:s,showLoadingIcon:n}=this.$props,o=!0===this.validityStyles&&!this.isValid;return{"k-input":!0,"k-textarea":!0,[`k-input-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-input-${i}`]:i,[`k-rounded-${t.kendoThemeMaps.roundedMap[a]||a}`]:a,"k-disabled":this.$props.disabled,"k-invalid":o,"k-required":s,"k-loading":n,[this.resizableClass]:!0,"!k-flex-col":"vertical"===this.flow,"!k-flex-row":"horizontal"===this.flow,[this.wrapperClass]:this.wrapperClass}},inputInnerClass(){return{"k-input-inner":!0,"!k-resize-none":!0,"!k-overflow-auto":!0,"k-flex":!0,[this.inputClass]:this.inputClass}},prefixRenderClass(){return{"k-input-prefix":!0,"!k-align-items-start":"horizontal"===this.flow,"k-input-prefix-horizontal":"vertical"===this.flow,"k-input-prefix-vertical":"horizontal"===this.flow}},suffixRenderClass(){return{"k-input-suffix":!0,"!k-align-items-start":"horizontal"===this.flow,"k-input-suffix-horizontal":"vertical"===this.flow,"k-input-suffix-vertical":"horizontal"===this.flow}},suffixIconWrapClass:()=>({"k-flex-wrap":!0,"!k-align-items-start":!0}),computedValue(){let e;return e=void 0!==this.$props.value?this.$props.value:void 0!==this.$props.modelValue?this.$props.modelValue:this.currentValue,e},isValid(){return void 0!==this.valid?this.valid:!this.required||!!this.computedValue}},data(){return{currentValue:this.$props.defaultValue,textAreaHeight:"auto",currentDir:"ltr"}},watch:{size(){this.textAreaHeight="auto"},computedValue(){this.textAreaHeight="auto"}},mounted(){let e;this.element=this.elementRef,e=void 0!==this.$props.dir?this.$props.dir:t.isRtl(this.$el)?"rtl":"ltr",this.currentDir=e,this.setValidity()},updated(){this.element=this.elementRef,this.setValidity()},render(){const{ariaDescribedBy:e,ariaLabelledBy:a,autoSize:s,disabled:o,readOnly:r,required:l,rows:d,id:u,name:c,placeholder:h,tabIndex:p,iconName:m,showValidationIcon:g,showLoadingIcon:f,showClearButton:v,title:b,inputAttributes:k}=this.$props,$={...k,id:u||this.calculatedId,name:c,disabled:o,rows:d,title:b,placeholder:h,readOnly:r,required:l,tabIndex:t.getTabIndex(p,o),"aria-labelledby":a,"aria-describedby":e,"aria-multiline":!0,"aria-disabled":o||void 0,...this.$attrs},y=t.templateRendering.call(this,this.$props.inputPrefix,t.getListeners.call(this)),V=t.templateRendering.call(this,this.$props.inputSuffix,t.getListeners.call(this)),C=t.getTemplate.call(this,{h:i.h,template:y,additionalProps:{value:this.computedValue,valid:this.isValid,className:this.prefixRenderClass}}),S=t.getTemplate.call(this,{h:i.h,template:V,additionalProps:{value:this.computedValue,valid:this.isValid,className:this.suffixRenderClass}}),x=i.h("textarea",{...$,class:this.inputInnerClass,ref:e=>{this.elementRef=e},style:s?{overflow:"hidden",height:this.textAreaHeight}:{},value:this.computedValue,onChange:this.handleChange,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),w=[m&&i.createVNode("span",{class:"k-flex-wrap"},[i.createVNode(t.Icon,{name:m,class:"k-input-icon"},null)]),x,g&&this.isValid&&i.createVNode("span",{class:this.suffixIconWrapClass},[i.createVNode(t.Icon,{name:"check",icon:n.checkCircleIcon,class:"k-input-validation-icon"},null)]),g&&!this.isValid&&i.createVNode("span",{class:this.suffixIconWrapClass},[i.createVNode(t.Icon,{name:"exclamation-circle",icon:n.exclamationCircleIcon,class:"k-input-validation-icon"},null)]),f&&i.createVNode("span",{class:this.suffixIconWrapClass},[i.createVNode(t.Icon,{name:"loading",class:"k-input-loading-icon"},null)]),v&&this.computedValue&&i.createVNode("span",{class:this.suffixIconWrapClass},[i.createVNode("span",{onClick:this.clearClick,class:"k-clear-value"},[i.createVNode(t.Icon,{name:"x",icon:n.xIcon},null)])])];return i.createVNode("span",{class:this.rootClassName,dir:"rtl"===this.currentDir?this.currentDir:"",style:this.$attrs.style},[this.$props.inputPrefix&&C,m||g||f||v?i.createVNode("span",{class:"k-hstack k-flex"},[w]):w,this.$props.inputSuffix&&S])},methods:{setValidity(){var e,t;null==(t=null==(e=this.element)?void 0:e.setCustomValidity)||t.call(e,this.isValid?"":this.validationMessage||""),this.element&&(this.textAreaHeight=`${this.element.scrollHeight}px`)},clearClick(e){this.emitUpdate(e,"change","")},focus(){this.element&&this.element.focus()},emitUpdate(e,t,i){const a=i;this.$props.disabled||(this.currentValue=a),this.$props.disabled||(this.$emit("changemodel",a),this.$emit("update:modelValue",a),this.$emit(t,{event:e,component:this,name:this.element.name,value:a}))},handleChange(e){this.emitUpdate(e,"change",e.target.value)},handleInput(e){this.emitUpdate(e,"input",e.target.value)},handleFocus(e){this.$props.disabled||this.$emit("focus",{event:e,component:this,name:this.element.name})},handleBlur(e){this.$props.disabled||this.$emit("blur",{event:e,component:this,name:this.element.name})}}}),Lt=i.defineComponent({name:"KendoSignatureBottomActions",emits:{clear:null},props:{showClear:Boolean,size:String,title:String},methods:{onClear(e){this.$emit("clear",e)}},render(){const{showClear:e,title:t,size:a}=this.$props;return i.createVNode("div",{class:"k-signature-actions k-signature-actions-bottom"},[e&&i.createVNode(o.Button,{class:"k-signature-action k-signature-clear",icon:"x",svgIcon:n.xIcon,shape:null,fillMode:"flat",size:a,onClick:this.onClear,"aria-label":t,title:t},null)])}}),Dt=i.defineComponent({name:"KendoSignatureLine",render:()=>i.createVNode("div",{class:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}},null)}),Rt=i.defineComponent({name:"KendoSignatureCanvas",emits:{change:null,draw:null,drawend:null},inject:{kendoIntlService:{default:null}},props:{strokeWidth:Number,popupScale:Number,scale:Number,name:String,value:String,tabIndex:Number,disabled:Boolean,readOnly:Boolean,color:String,backgroundColor:String,elementSize:Function,smooth:Boolean},watch:{color(){this.setOptions()},backgroundColor(){this.setOptions()},smooth(){this.setOptions()},strokeWidth(){this.setOptions()},readOnly(){this.setOptions()}},mounted(){this.canvas=this.$el;const e=new c.SignaturePad(this.canvas,this.getOptions());this.value&&e.loadImage(this.value),this.instance=e,this.instance.setOptions({onChange:this.onValueChange,onDraw:this.onDraw,onDrawEnd:this.onDrawEnd})},unmounted(){this.instance&&this.instance.destroy()},render(){return i.createVNode("div",{class:"k-signature-canvas",tabindex:t.getTabIndex(this.$props.tabIndex,this.$props.disabled),role:"img",id:this.$props.id,"aria-label":this.$props.ariaLabel,"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,"aria-disabled":this.$props.disabled?"true":void 0},null)},methods:{onValueChange(){this.exportImage(this.elementSize()).then((e=>{this.$emit("change",e)}))},onDraw(){this.$emit("draw")},onDrawEnd(){this.$emit("drawend")},loadImage(e){this.instance.loadImage(e)},clear(){this.instance.clear()},getOptions(){return{scale:this.popupScale,color:this.color,backgroundColor:this.backgroundColor,strokeWidth:this.$props.strokeWidth,smooth:this.$props.smooth,readonly:this.$props.readOnly}},exportImage(e){var t;const{width:i,height:a}=e;return null==(t=this.instance)?void 0:t.exportImage({width:i*this.scale,height:a*this.scale})},setOptions(){this.instance&&this.instance.setOptions(this.getOptions())}}}),Ot=i.defineComponent({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:()=>({isDrawing:!1}),mounted(){this.openCanvas=t.getRef(this,"openCanvas")},render(){const{showClear:e,popupWidth:a,popupHeight:s,dir:l,size:d,value:c,tabIndex:h,disabled:p,readOnly:m,color:g,backgroundColor:f,strokeWidth:v,smooth:b,popupScale:k,scale:$,elementSize:y}=this.$props,V=r.provideLocalizationService(this),C=V.toLanguageString(he,pe[he]),S=V.toLanguageString(ue,pe[ue]),x=!this.$props.hideLine&&i.createVNode(Dt,null,null),w=i.createVNode(Lt,{showClear:e,size:d,onClear:this.onClear,title:S},null);return i.createVNode(u.Dialog,{ref:t.setRef(this,"dialog"),onOverlayclick:this.onOverlayClick},{default:()=>[i.createVNode("div",{style:{width:a+"px",height:s+"px"},dir:l,class:this.openWrapperClass,onFocus:this.onFocus,onBlur:this.onBlur},[i.createVNode(Rt,{ref:t.setRef(this,"openCanvas"),value:c,tabIndex:h,disabled:p,readOnly:m,color:g,backgroundColor:f,strokeWidth:v,smooth:b,popupScale:k,scale:$,onChange:this.onValueChange,elementSize:y,onDraw:this.onDraw,onDrawend:this.onDrawEnd},null),i.createVNode("div",{class:"k-signature-actions k-signature-actions-top"},[!this.isDrawing&&i.createVNode(o.Button,{class:"k-signature-action k-signature-minimize k-rotate-180",ref:t.setRef(this,"minimizeButton"),icon:"hyperlink-open",svgIcon:n.hyperlinkOpenIcon,shape:null,fillMode:"flat",size:this.$props.size,onClick:this.onMinimizeClick,"aria-label":C,title:C},null)]),x,w])]})},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)}}});const Mt=i.defineComponent({name:"KendoSignature",model:{event:"changemodel"},emits:{change:e=>!0,focus:e=>!0,blur:e=>!0,open:e=>!0,close:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0},inject:{kendoLocalizationService:{default:null}},props:{strokeWidth:{type:Number,default:1},smooth:Boolean,popupScale:{type:Number,default:3},exportScale:{type:Number,default:2},modelValue:String,name:String,value:String,tabIndex:Number,dir:String,ariaDescribedBy:String,ariaLabelledBy:String,ariaLabel:String,hideLine:Boolean,open:{type:Boolean,default:void 0},readOnly:Boolean,disabled:Boolean,validationMessage:String,maximizable:{type:Boolean,default:!0},color:String,backgroundColor:String,validityStyles:{type:Boolean,default:!0},required:{type:Boolean,default:!1},valid:{type:Boolean,default:void 0},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}}},created(){t.validatePackage(h)},computed:{wrapperClass(){return{...this.openWrapperClass,"k-signature-maximized":!1}},openWrapperClass(){const e=!this.validityStyles||this.validityGetter().valid;return{"k-input":!0,"k-signature":!0,"k-signature-maximized":!0,[`k-signature-${t.kendoThemeMaps.sizeMap[this.$props.size]||this.$props.size}`]:this.$props.size,[`k-input-${this.$props.fillMode}`]:this.$props.fillMode,[`k-rounded-${t.kendoThemeMaps.roundedMap[this.$props.rounded]||this.$props.rounded}`]:this.$props.rounded,"k-invalid":!e,"k-required":this.$props.required,"k-disabled":this.$props.disabled,"k-focus":this.focused}},computedValue(){return void 0!==this.value?this.value:void 0!==this.$props.modelValue?this.$props.modelValue:this.currentValue},computedOpen(){return void 0!==this.open?this.open:this.currentOpen},computedColor(){let e="#000000";return!this.$props.color&&"undefined"!=typeof document&&this.$el&&(e=getComputedStyle(this.$el).color),this.$props.color||e},computedBgColor(){let e="#ffffff";return!this.$props.backgroundColor&&"undefined"!=typeof document&&this.$el&&(e=getComputedStyle(this.$el).backgroundColor),this.$props.backgroundColor||e}},watch:{computedValue(e){e!==this.currentValue&&this.loadImage(e)},computedOpen(){this.loadImage(this.computedValue)}},data:()=>({focused:!1,isDrawing:!1,currentValue:void 0,popupValue:void 0,currentOpen:!1}),mounted(){this.setRefs()},updated(){this.setRefs()},setup:()=>({inputRef:i.ref(null)}),render(){const e=r.provideLocalizationService(this),a=!(this.computedOpen||this.isDrawing||!this.$props.maximizable||this.$props.disabled),s=!(!this.computedValue||this.isDrawing||this.$props.readOnly||this.$props.disabled),l=e.toLanguageString(ce,pe[ce]),d=e.toLanguageString(ue,pe[ue]),u=i.createVNode("div",{class:"k-signature-actions k-signature-actions-top"},[a&&i.createVNode(o.Button,{class:"k-signature-action k-signature-maximize",ref:t.setRef(this,"maximizeButton"),icon:"hyperlink-open",svgIcon:n.hyperlinkOpenIcon,shape:null,fillMode:"flat",size:this.$props.size,onClick:this.onMaximizeClick,"aria-label":l,title:l},null)]),c=!this.$props.hideLine&&i.createVNode(Dt,null,null),h=i.createVNode(Lt,{showClear:s,size:this.size,onClear:this.onClear,title:d},null);return i.createVNode("div",{dir:this.$props.dir,class:this.wrapperClass,onFocus:this.onFocus,onBlur:this.onBlur},[i.createVNode(Rt,{ref:t.setRef(this,"canvas"),name:this.name,value:this.computedValue,tabIndex:this.tabIndex,disabled:this.disabled,readOnly:this.readOnly,color:this.computedColor,backgroundColor:this.computedBgColor,strokeWidth:this.strokeWidth,smooth:this.smooth,popupScale:1,scale:this.exportScale,onChange:this.onValueChange,elementSize:this.elementSize,onDraw:this.onDraw,onDrawend:this.onDrawEnd},null),u,c,h,this.computedOpen&&i.createVNode(Ot,{ref:t.setRef(this,"dialog"),openWrapperClass:this.openWrapperClass,popupWidth:this.popupWidth,popupHeight:this.popupHeight,showClear:s,onClose:this.onMinimizeClick,onClear:this.onClear,onOverlayclick:this.onOverlayClick,onFocus:this.onFocus,onBlur:this.onBlur,value:this.computedValue,tabIndex:this.tabIndex,disabled:this.disabled,readOnly:this.readOnly,color:this.computedColor,backgroundColor:this.computedBgColor,strokeWidth:this.strokeWidth,smooth:this.smooth,popupScale:this.$props.popupScale,scale:1/this.popupScale*this.exportScale,onChange:this.onValueChange,elementSize:this.elementSize,onDraw:this.onDraw,onDrawend:this.onDrawEnd},null)])},methods:{setRefs(){this.canvas=t.getRef(this,"canvas"),this.minimizeButton=t.getRef(this,"minimizeButton"),this.maximizeButton=t.getRef(this,"maximizeButton"),this.dialog=t.getRef(this,"dialog"),this.popupWidth=this.popupSize().width,this.popupHeight=this.popupSize().height},onOverlayClick(){this.currentOpen=!1},onValueChange(e){this.currentValue=e,this.$emit("changemodel",e),this.$emit("update:modelValue",e),this.$emit("change",{value:e})},onDialogChange(e){this.onValueChange(e.value)},reset(){this.clear(),this.onValueChange()},clear(){this.canvas&&this.canvas.clear(),this.dialog&&this.dialog.openCanvas&&this.dialog.openCanvas.clear()},loadImage(e){this.canvas&&this.canvas.loadImage(e),this.dialog&&this.dialog.openCanvas&&this.dialog.openCanvas.loadImage(e)},onDialogClose(e){var t;this.onMinimizeClick(e),null==(t=this.maximizeButton||this.canvas.$el)||t.focus()},exportImage(e){var t;const{width:i,height:a}=e;return null==(t=this.canvas.instance)?void 0:t.exportImage({width:i*this.exportScale,height:a*this.exportScale})},validityGetter(){const e=void 0!==this.$props.validationMessage,t=!this.computedValue;return{customError:e,valid:void 0!==this.$props.valid?this.$props.valid:!this.required||!t,valueMissing:t}},focusElement(){this.canvas.$el.focus()},getImperativeHandle(){const e={element:this.$el,focus:this.focusElement()};return Object.defineProperty(e,"name",{get:()=>this.name}),Object.defineProperty(e,"value",{get:()=>this.computedValue}),Object.defineProperty(e,"validity",{get:()=>this.validityGetter()}),Object.defineProperty(e,"validityStyles",{get:()=>this.validityStyles}),Object.defineProperty(e,"required",{get:()=>this.required}),Object.defineProperty(e,"color",{get:()=>this.computedColor}),Object.defineProperty(e,"backgroundColor",{get:()=>this.computedBgColor}),e},onFocus(e){this.focused||this.computedOpen||(this.focused(!0),this.$emit("focus",{event:e,...this.getImperativeHandle()}))},onBlur(e){(function(e,t){let i=e;for(;i&&i!==t;)i=i.parentNode;return!!i})(e.relatedTarget,this.$el)||(this.focused=!1,this.$emit("blur",{event:e,...this.getImperativeHandle()}))},onMaximizeClick:async function(e){this.exportImage(this.popupSize()).then((e=>{this.currentValue=e})),this.currentOpen=!0,this.$emit("open",{event:e,...this.getImperativeHandle()})},onMinimizeClick(e){this.currentOpen=!1,this.$emit("close",{event:e,...this.getImperativeHandle()})},onClear(){this.reset(),this.focusElement()},elementSize(){return{width:this.$props.width||this.$el&&this.$el.offsetWidth||250,height:this.$props.height||this.$el&&this.$el.offsetHeight||84}},popupSize(){const{width:e,height:t}=this.elementSize();return{width:e*this.popupScale,height:t*this.popupScale}},onDraw(){this.isDrawing=!0},onDrawEnd(){this.isDrawing=!1}}}),zt=i.defineComponent({name:"KendoVueRatingItem",emits:{click:e=>!0,keydown:null,focus:null,blur:null,mouseenter:e=>!0,mouseleave:e=>!0,mousemove:e=>!0},props:{id:String,tabIndex:Number,half:Boolean,title:String,icon:Object,selected:Boolean,hovered:Boolean,onClick:Function,onKeyDown:Function,onFocus:Function,onBlur:Function,onMouseEnter:Function,svgIconOutline:Object,svgIcon:Object,haveSelectedValue:Boolean,item:String,itemTemplate:Object,dir:{type:String,default:"ltr",validator:function(e){return[null,"ltr","rtl"].includes(e)}},value:{type:Number,required:!0}},setup:()=>({inputRef:i.ref(null)}),computed:{wrapperClass(){return t.classNames(`k-rating-item${"rtl"===this.$props.dir?" k-rtl":""}${this.$props.haveSelectedValue||this.$props.selected?" k-selected":""}${this.$props.hovered?" k-hover":""}`)}},render(){const{id:e,dir:a,half:s,tabIndex:o,title:r,icon:l,svgIcon:d,svgIconOutline:u,hovered:c,selected:h,haveSelectedValue:p,item:m,itemTemplate:g}=this.$props,f=t.getTemplate.call(this,{h:i.h,template:g,additionalProps:{dir:a,half:s,title:r,icon:l,svgIcon:d,svgIconOutline:u,hovered:c,selected:h,haveSelectedValue:p},additionalListeners:{onclick:this.handleClick,onkeydown:this.handleKeyDown,onfocus:this.handleFocus,onblur:this.handleBlur,onmouseenter:this.handleMouseEnter,onmouseleave:this.handleMouseLeave,onmousemove:this.handleMouseMove}});return i.createVNode("span",{id:e,dir:a,"data-half":s,tabindex:o,title:r,class:this.wrapperClass,onClick:this.handleClick,onKeydown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave,onMousemove:this.handleMouseMove},[m?f:[s&&i.createVNode("span",{class:"k-rating-precision-complement"},[!(l||u)&&i.createVNode(t.Icon,{name:"star-outline",icon:n.starOutlineIcon,style:"rtl"===a?{clipPath:"inset(0 50% 0 0)"}:{clipPath:"inset(0 0 0 50%)"},size:"xlarge"},null),(l||u)&&i.createVNode(t.Icon,{name:t.getIconName(`${l}-outline`),icon:u,size:"xlarge"},null)]),s&&i.createVNode("span",{class:"k-rating-precision-part"},[!(l||d)&&i.createVNode(t.Icon,{name:"star",icon:n.starIcon,style:"rtl"===a?{clipPath:"inset(0 0 0 50%)"}:{clipPath:"inset(0 50% 0 0)"},size:"xlarge"},null),(l||d)&&i.createVNode(t.Icon,{name:l?t.getIconName(l):void 0,icon:d,size:"xlarge"},null)]),s&&i.createVNode("span",{style:{width:"24px",height:"24px",display:"block"}},null),!s&&(!(l||d)&&(c||h&&!c)&&i.createVNode(t.Icon,{name:"star",icon:n.starIcon,size:"xlarge"},null)||!(l||d)&&!c&&!h&&i.createVNode(t.Icon,{name:"star-outline",icon:n.starOutlineIcon,size:"xlarge"},null)||(l||d)&&(c||h&&!c)&&i.createVNode(t.Icon,{name:l,icon:d,size:"xlarge"},null)||(l||d)&&!c&&i.createVNode(t.Icon,{name:t.getIconName(`${l}-outline`),icon:u,size:"xlarge"},null))]])},methods:{handleClick(e){this.$emit("click",{value:this.$props.value,target:this.$el,event:e})},handleMouseLeave(e){this.$emit("mouseleave",{target:this.$el,event:e})},handleMouseMove(e){this.$emit("mousemove",{value:this.$props.value,target:this.$el,event:e})},handleMouseEnter(e){this.$emit("mouseenter",{target:this.$el,event:e})},handleKeyDown(e){this.$emit("keydown",e)},handleFocus(e){this.$emit("focus",e)},handleBlur(e){this.$emit("blur",e)}}}),Tt=(e,t)=>{if(e%1){const i=Math.pow(10,(t.toString().split(".")[1]||t.toString().split(".")[0]).length);return Math.round(e*i)/i}return e},Pt=(e,t,i)=>Tt(e-i,i)<t&&t<e,Kt=(e,t,i,a)=>null!==t&&("continues"===a?Pt(e,t,i)?Tt(e-i/2,i/2)<=t:e<=t:"single"===a&&(Pt(e,t,i)?Tt(e-i/2,i/2)===t:e===t)),Ft=(e,t,i)=>"ltr"===e?i<t.x+t.width/2:i>t.x+t.width/2;var _t=(e=>(e.select="select",e.deselect="deselect",e.increase="increase",e.decrease="decrease",e.min="min",e.max="max",e.reset="reset",e))(_t||{});const At=(e,t)=>{switch(t.type){case"select":return void 0===t.payload||void 0===t.step?e:t.payload===e?null:t.payload>=t.min?t.payload<t.max?Tt(t.payload,t.step):t.max:t.min;case"deselect":case"reset":return null;case"increase":return void 0===t.step?e:e<t.min?t.min:e+t.step<t.max?Tt(e+t.step,t.step):t.max;case"decrease":return void 0===t.step?e:Tt(e-t.step,t.step)>=t.min?Tt(e-t.step,t.step):t.min;case"min":return void 0===t.step?e:t.min;case"max":return t.max;default:return e}},jt=i.defineComponent({name:"Rating",emits:{change:e=>!0,keydown:e=>!0,focus:e=>!0,blur:e=>!0,click:e=>!0,mouseleave:e=>!0,mousemove:e=>!0},props:{min:{type:Number,default:1},max:{type:Number,default:5},step:{type:Number,default:1},item:{type:[String,Object,Function]},precision:{type:String,default:"item",validator:function(e){return["item","half"].includes(e)}},selection:{type:String,default:"continues",validator:function(e){return["continues","single"].includes(e)}},value:Number,icon:String,svgIconOutline:Object,svgIcon:Object,tabIndex:Number,disabled:Boolean,readonly:Boolean,id:String,half:Boolean,defaultValue:Number,label:String},created(){t.validatePackage(h)},inject:{kendoLocalizationService:{default:null}},data:function(){return{focused:!1,currentValue:this.defaultValue||null,currentHovered:null}},setup:()=>({inputRef:i.ref(null)}),computed:{base(){return this.$props.step/("half"===this.$props.precision?2:1)},computedValue(){return void 0!==this.$props.value?this.$props.value:this.$data.currentValue}},render(){const e=r.provideLocalizationService(this),{min:a,max:s,step:n,id:o,dir:l,label:d,selection:u,precision:c,svgIcon:h,icon:p,item:m,value:g,tabIndex:f,disabled:v,readonly:b,ariaLabelledBy:k,ariaDescribedBy:$,svgIconOutline:y}=this.$props,V=Array.from({length:s-a+1},((e,t)=>a+t)),C=((e,t)=>e-t*Math.floor(e/t))(Tt(s-a,this.base),n),S=this.computedValue,x=this.$data.currentHovered;return i.createVNode("span",{id:o,ref:"ratingRef",role:"slider",dir:l,tabindex:t.getTabIndex(f,v,void 0),class:t.classNames("k-rating",{"k-rtl":"rtl"===l,"k-readonly":b,"k-disabled":v}),onKeydown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:()=>this.$data.focused=!0,"aria-valuemin":a,"aria-valuemax":s,"aria-valuenow":null!==g?g:void 0,"aria-disabled":v?"true":void 0,"aria-label":e.toLanguageString(de,pe[de]),"aria-labelledby":k,"aria-describedby":$},[i.createVNode("input",{id:"rating",class:"k-hidden",readonly:b,disabled:v},null),i.createVNode("span",{class:"k-rating-container"},[V.map((function(e){const a=Tt(e+C,this.base),s="half"===c&&Pt(a,null!==x?x:null!==S?S:0,n),o=Kt(a,S,n,u),r=Kt(a,null!==x?x:S,n,u),d=Kt(a,x,n,u),g=t.templateRendering.call(this,m,t.getListeners.call(this));return i.createVNode(zt,{key:a,value:a,dir:l,title:String(s?Tt(a-n/2,this.base):a),icon:p,svgIcon:h,svgIconOutline:y,haveSelectedValue:o,half:s,selected:r,hovered:d,item:m,itemTemplate:g,onClick:this.handleItemClick,onMousemove:this.handleMouseMove,onMouseleave:this.handleMouseLeave},null)}),this)]),d&&i.createVNode("span",{class:"k-rating-label"},[d])])},methods:{handleFocus(e){this.$emit("focus",{event:e})},handleBlur(e){this.$emit("blur",{event:e})},handleChange(e,t){this.$emit("change",{value:e,target:this.$refs.ratingRef,event:t})},handleKeyDown(e){if(!this.$props.readonly&&!this.$props.disabled){switch(e.keyCode){case t.Keys.right:e.preventDefault(),this.dispatchValue({type:"rtl"===this.$props.dir?_t.decrease:_t.increase,event:e});break;case t.Keys.left:e.preventDefault(),this.dispatchValue({type:"rtl"===this.$props.dir?_t.increase:_t.decrease,event:e});break;case t.Keys.home:e.preventDefault(),this.dispatchValue({type:"rtl"===this.$props.dir?_t.min:_t.max,event:e});break;case t.Keys.end:e.preventDefault(),this.dispatchValue({type:"rtl"===this.$props.dir?_t.max:_t.min,event:e});break;case t.Keys.esc:e.preventDefault(),this.dispatchValue({type:_t.deselect,event:e})}this.$emit("keydown",{value:this.$data.currentValue,event:e})}},handleItemClick(e){const{event:t,value:i,target:a}=e;if(a&&i&&!this.$props.readonly&&!this.$props.disabled){if("half"===this.$props.precision){const s=a.getBoundingClientRect(),n=Ft(this.$props.dir?this.$props.dir:"ltr",s,e.event.clientX)?Tt(i-this.$props.step/2,this.base):i;this.dispatchValue({type:_t.select,payload:n,event:t})}else this.dispatchValue({type:_t.select,payload:i,event:t});this.$emit("click",t)}},handleMouseMove(e){const{event:t,value:i,target:a}=e;if(a&&i)if("half"===this.$props.precision){const e=a.getBoundingClientRect(),s=Ft(this.$props.dir?this.$props.dir:"ltr",e,t.clientX)?i-this.$props.step/2:i;this.dispatchHover({type:_t.select,payload:s,event:t})}else this.dispatchHover({type:_t.select,payload:i,event:t})},handleMouseLeave(e){this.dispatchHover({type:_t.reset,event:e.event})},dispatchValue(e){const t={state:this.$props.value,min:this.$props.min,max:this.$props.max,step:this.base},i=t.state||this.$data.currentValue,a=At(i,{...e,...t}),s=e.event;this.handleChange(a,s),this.$data.currentValue=a},dispatchHover(e){const t={state:this.$props.value,min:this.$props.min,max:this.$props.max,step:this.base,precision:this.$props.precision},i=At(t.state,{...e,...t});this.$data.currentHovered=i}}});e.Checkbox=xt,e.ColorGradient=Ge,e.ColorPalette=Ze,e.ColorPicker=st,e.FlatColorPicker=et,e.Input=rt,e.InputSeparator=ot,e.MaskedTextBox=Vt,e.NumericTextBox=Te,e.RadioButton=wt,e.RadioGroup=Nt,e.RangeSlider=St,e.Rating=jt,e.SLIDER_LABEL_ATTRIBUTE=Ee,e.Signature=Mt,e.Slider=We,e.SliderLabel=He,e.Switch=nt,e.TextArea=Bt,e.TextAreaResizeEnum=It,e.TextBox=x}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@progress/kendo-vue-common"),require("vue"),require("@progress/kendo-drawing"),require("@progress/kendo-vue-labels"),require("@progress/kendo-svg-icons"),require("@progress/kendo-vue-buttons"),require("@progress/kendo-vue-intl"),require("@progress/kendo-vue-popup"),require("@progress/kendo-vue-layout"),require("@progress/kendo-vue-dialogs"),require("@progress/kendo-inputs-common")):"function"==typeof define&&define.amd?define(["exports","@progress/kendo-vue-common","vue","@progress/kendo-drawing","@progress/kendo-vue-labels","@progress/kendo-svg-icons","@progress/kendo-vue-buttons","@progress/kendo-vue-intl","@progress/kendo-vue-popup","@progress/kendo-vue-layout","@progress/kendo-vue-dialogs","@progress/kendo-inputs-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueInputs={},e.KendoVueCommon,e.Vue,e.KendoDrawing,e.KendoVueLabels,e.KendoSVGIcons,e.KendoVueButtons,e.KendoVueIntl,e.KendoVuePopup,e.KendoVueLayout,e.KendoVueDialogs,e.KendoInputsCommon)}(this,(function(e,t,i,a,s,n,o,r,l,d,u,c){"use strict";const h={name:"@progress/kendo-vue-inputs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1658759014,version:"7.1.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"},p=e=>null!=e,m=(e,t,i)=>!p(e)||isNaN(e)||e<=t?t:e>=i?i:e,g=(e,t,i=!1,s=!0)=>{if(-1===["hex","rgba"].indexOf(t))throw new Error(`Unsupported color output format '${t}'. The available options are 'hex' or 'rgba'.`);if(!p(e))return;const n=a.parseColor(e.trim(),s);return p(n)?"hex"===t?f(n,i):n.toCssRgba():void 0},f=(e,t)=>t&&e.a<1?e.toCss({alpha:!0}):e.toCss(),v=(e,t=!0)=>{const i=a.parseColor(e,t);return p(i)?i.toHSV():{}},b=(e,t=!0)=>{const i=a.parseColor(e,t);return p(i)?i.toBytes():{}},k=e=>{const t=m(e.h,0,359.9),i=m(e.s,0,1),s=m(e.v,0,1),n=m(e.a,0,1);return a.Color.fromHSV(t,i,s,n).toCssRgba()},$=e=>k({h:e,s:1,v:1,a:1}),y=(e,t)=>{const i=m(e.r,0,255),a=m(e.g,0,255),s=m(e.b,0,255),n=m(e.a,0,1),o=m(t.r,0,255),r=m(t.g,0,255),l=m(t.b,0,255);return{r:Math.round((1-n)*o+n*i),g:Math.round((1-n)*r+n*a),b:Math.round((1-n)*l+n*s)}},V=e=>{let t=[e.r,e.g,e.b].map((function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)}));return.2126*t[0]+.7152*t[1]+.0722*t[2]},C=(e,t)=>((e,t)=>(Math.max(e,t)+.05)/(Math.min(e,t)+.05))(V(y(e,t)),V(y(t,{r:0,g:0,b:0}))),S={opacity:!0};const x=i.defineComponent({model:{event:"changemodel"},inheritAttrs:!1,emits:{input:e=>!0,change:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,focus:e=>!0,blur:e=>!0,keyup:e=>!0,keydown:e=>!0,keypress:e=>!0},props:{modelValue:{type:[String,Number],default:void 0},disabled:{type:Boolean,default:void 0},defaultValue:{type:[String,Number],default:""},value:{type:[String,Number]},label:{type:String},placeholder:{type:String},required:{type:Boolean,default:!1},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},dir:{type:String},id:String,valid:{type:Boolean,default:void 0},validate:{type:Boolean},validationMessage:{type:String},validityStyles:{type:Boolean,default:!0},iconName:String,inputPrefix:[String,Function],prefix:[String,Function],inputSuffix:[String,Function],suffix:[String,Function],showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,wrapperClass:String,tabIndex:Number,role:String,title:String,ariaLabel:String,inputAttributes:Object},data:function(){return{hasMounted:!1,autofill:!1,currentValue:"",valueDuringOnChange:"",focused:!1}},created(){t.validatePackage(h),this._input=void 0,this._inputId=t.guid(),this.$data.valueDuringOnChange=void 0,this.$data.currentValue=this.$props.defaultValue},mounted(){this._input=this.inputRef,this.wrapper=this.wrapperRef,this.$data.hasMounted=!0,this.setValidity()},updated(){this.setValidity(),this.updateValidClass()},setup:()=>({inputRef:i.ref(null)}),render(){const e=!this.$props.validityStyles||this.validity().valid,{label:a,id:o,required:r,iconName:l,showValidationIcon:d,showLoadingIcon:u,showClearButton:c,inputAttributes:h}=this.$props,p=o||this._inputId,m=i.h("input",{...this.$attrs,...h,"aria-label":this.$props.ariaLabel,role:this.$props.role,title:this.$props.title,tabindex:this.$props.tabIndex,placeholder:this.$props.placeholder,id:p,required:r,disabled:this.$props.disabled,value:this.computedValue,class:this.inputInnerClass,ref:e=>{this.inputRef=e},onKeydown:this.handleKeydown,onKeyup:this.handleKeyup,onKeypress:this.handleKeypress,onChange:this.handleChange,onFocus:this.emitFocus,onBlur:this.emitBlur,onInput:this.handleInput,onAnimationstart:this.handleAutoFill,onAnimationend:this.handleAutoFillEnd}),g=t.templateRendering.call(this,this.$props.prefix||this.$props.inputPrefix,t.getListeners.call(this)),f=t.templateRendering.call(this,this.$props.suffix||this.$props.inputSuffix,t.getListeners.call(this)),v=t.getTemplate.call(this,{h:i.h,template:g,additionalProps:{value:this.computedValue,valid:e}}),b=t.getTemplate.call(this,{h:i.h,template:f,additionalProps:{value:this.computedValue,valid:e}}),k=i.createVNode("span",{class:this.inputWrapperClass(),ref:e=>{this.wrapperRef=e}},[l&&i.createVNode(t.Icon,{name:l,class:"k-input-icon"},null),(this.$props.prefix||this.$props.inputPrefix)&&i.createVNode("span",{class:"k-input-prefix"},[v]),m,(this.$props.suffix||this.$props.inputSuffix)&&i.createVNode("span",{class:"k-input-suffix"},[b]),d&&e&&i.createVNode(t.Icon,{name:"check",icon:n.checkIcon,class:"k-input-validation-icon"},null),d&&!e&&i.createVNode(t.Icon,{name:"exclamation-circle",icon:n.exclamationCircleIcon,class:"k-input-validation-icon"},null),u&&i.createVNode(t.Icon,{name:"loading",class:"k-input-loading-icon"},null),c&&this.computedValue&&i.createVNode("span",{onClick:this.clearClick,class:"k-clear-value"},[i.createVNode(t.Icon,{name:"x",icon:n.xIcon},null)])]);return a?i.createVNode(s.FloatingLabel,{label:a,editorId:p,editorValue:this.computedValue,editorValid:e,editorDisabled:this.$props.disabled,editorPlaceholder:this.$data.focused?this.$props.placeholder:"",dir:this.$props.dir},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}(k)?k:{default:()=>[k]}):k},methods:{updateValidClass(){this.wrapper.classList.toggle("k-invalid",!this.validity().valid)},emitFocus(e){this.$emit("focus",{event:e}),this.$data.focused=!0},emitBlur(e){this.$emit("blur",{event:e}),this.$data.focused=!1},handleKeydown(e){this.$emit("keydown",e)},handleKeyup(e){this.$emit("keyup",e)},handleKeypress(e){this.$emit("keypress",e)},clearClick(e){this.emitUpdate(e,"change","")},focus(){this._input&&this._input.focus()},validity(){const e={badTextBox:!!this._input&&this._input.validity.badTextBox,patternMismatch:!!this._input&&this._input.validity.patternMismatch,rangeOverflow:!!this._input&&this._input.validity.rangeOverflow,rangeUnderflow:!!this._input&&this._input.validity.rangeUnderflow,stepMismatch:!!this._input&&this._input.validity.stepMismatch,tooLong:!!this._input&&this._input.validity.tooLong,tooShort:!!this._input&&this._input.validity.tooShort,typeMismatch:!!this._input&&this._input.validity.typeMismatch,valueMissing:!!this._input&&this._input.validity.valueMissing};return{...e,customError:void 0!==this.$props.validationMessage,valid:void 0!==this.$props.valid?this.$props.valid:!this._input||!this.isInvalid(e)}},isInvalid(e){let t=!1;for(const i in e)e.hasOwnProperty(i)&&(t=t||e[i]);return t},setValidity(){this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity().valid?"":this.$props.validationMessage||"")},handleInput(e){this.emitUpdate(e,"input",e.target.value)},handleChange(e){this.emitUpdate(e,"change",e.target.value)},emitUpdate(e,t,i){this.disabled||(this.$data.currentValue=i,this.$data.valueDuringOnChange=i,this.$nextTick((()=>{this.$emit("changemodel",i),this.$emit("update:modelValue",i),this.$emit(t,{event:e,value:i,component:this,target:e.target,validity:this.validity()}),this.$data.valueDuringOnChange=void 0})))},handleAutoFill(e){if("autoFillStart"===e.animationName){const t=e.target.parentNode;t&&t.classList.contains("k-empty")&&(this.$data.autofill=!0,t.classList.remove("k-empty"))}},handleAutoFillEnd(e){"autoFillEnd"===e.animationName&&e.target.parentNode&&(this.$data.autofill=!1)},name:function(){return this.$props.name},inputWrapperClass(){const{size:e,fillMode:i,rounded:a}=this.$props,s=!this.$data.hasMounted||!this.$props.validityStyles||this.validity().valid;return{"k-textbox":!0,"k-input":!0,[`k-input-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-input-${i}`]:i,[`k-rounded-${t.kendoThemeMaps.roundedMap[a]||a}`]:a,"k-invalid":!s,"k-required":this.required,"k-disabled":this.$props.disabled,[this.wrapperClass]:this.wrapperClass}}},computed:{spanClassNames(){const e=!this.$data.hasMounted||!this.$props.validityStyles||this.validity().valid;return{"k-floating-label-container":!0,"k-focus":this.$data.focused,"k-empty":!(0===this.computedValue||this.computedValue||this.$props.placeholder||this.$data.autofill),"k-autofill":this.$data.autofill,"k-invalid":!e&&void 0!==e,"k-rtl":"rtl"===this.$props.dir}},inputInnerClass(){return{"k-input-inner":!0,[this.inputClass]:this.inputClass}},computedValue(){return void 0!==this.$data.valueDuringOnChange?this.$data.valueDuringOnChange:void 0!==this.$props.value?this.$props.value:void 0!==this.$props.modelValue?this.$props.modelValue:this.$data.currentValue}}}),w=i.defineComponent({name:"KendoHexInput",emits:{hexchange:e=>!0,blur:e=>!0,focus:e=>!0},props:{tabIndex:Number,hex:String,disabled:Boolean,id:String,size:String},computed:{isHexValid(){return!!g(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(x,{id:this.$props.id,value:this.currentHex,onInput:this.onChange,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,valid:this.isHexValid,disabled:this.$props.disabled,size:this.$props.size,tabIndex:this.tabIndex,ref:"input"},null)},methods:{onChange(e){const t=e.target.value,i=g(t,"rgba");this.currentHex=t,p(i)&&this.$emit("hexchange",{hex:t,value:i,event:e})},onBlur(e){p(g(this.hex,"rgba"))||(this.currentHex=this.originalHex),this.$emit("blur",{event:e})},onFocus(e){this.$emit("focus",{event:e})}}}),N="numerictextbox.increment",I="numerictextbox.decrement",B="slider.increment",L="slider.decrement",D="slider.dragTitle",R="colorGradient.dragHandle",O="colorGradient.r",M="colorGradient.g",z="colorGradient.b",T="colorGradient.a",P="colorGradient.hex",K="colorGradient.hexLabel",F="colorGradient.inputColorButton",_="colorGradient.rLabel",A="colorGradient.gLabel",j="colorGradient.bLabel",E="colorGradient.aLabel",H="colorGradient.contrastRatio",W="colorGradient.colorGradientAALevel",q="colorGradient.colorGradientAAALevel",G="colorGradient.colorGradientPass",U="colorGradient.colorGradientFail",X="colorGradient.hueSliderLabel",Y="colorGradient.alphaSliderLabel",Z="flatColorPicker.cancelBtn",J="flatColorPicker.applyBtn",Q="flatColorPicker.gradientBtn",ee="flatColorPicker.paletterBtn",te="flatColorPicker.clearBtn",ie="colorPicker.adaptiveTitle",ae="checkbox.validation",se="checkbox.optionalText",ne="radioButton.validation",oe="switch.validation",re="colorPicker.dropdownButtonAriaLabel",le="colorGradient.toggleInputsButton",de="rating.ariaLabel",ue="signature.clear",ce="signature.maximize",he="signature.minimize",pe={[N]:"Increase value",[I]:"Decrease value",[B]:"Increase",[L]:"Decrease",[D]:"Drag",[R]:"Color well with two-dimensional slider for selecting\n     saturation and lightness. Selected color is",[F]:"Change the color input",[O]:"r",[M]:"g",[z]:"b",[T]:"a",[_]:"red chanel",[A]:"green chanel",[j]:"blue chanel",[E]:"alpha chanel",[P]:"hex",[K]:"HEX",[H]:"Contrast ratio",[W]:"AA",[q]:"AAA",[G]:"Pass",[U]:"Fail",[X]:"Hue slider",[Y]:"Alpha slider",[le]:"Toggle colorgradient inputs",[Z]:"Cancel",[J]:"Apply",[Q]:"Gradient",[ee]:"Palette",[te]:"Clear",[ie]:"Choose color",[ae]:"Please check this box if you want to proceed!",[se]:"(Optional)",[ne]:"Please select option if you want to proceed!",[oe]:"Please turn on if you want to proceed!",[re]:"Select",[de]:"Rating",[ue]:"Clear",[ce]:"Maximize",[he]:"Minimize"},me=1111111.1111111,ge=/\d/,fe=(e,t)=>void 0!==e?e:t,ve=(e,t,i)=>null===e&&void 0===e?"":"string"==typeof e?e:i.formatNumber(e,t),be=e=>(String(e).split(".")[1]||"").length,ke=(e,t)=>Math.max(be(e),be(t)),$e=(e,t)=>{const i=(e=>Math.min(e,15))(t);return parseFloat(e.toFixed(i))},ye=(e,t,i,a,s,n,o)=>{const r=ke(e||0,i||0),l=Ce($e((e||0)+(i||0),r),a,s);t.eventValue=l,t.currentLooseValue=ve(l,n,o),t.selectionStart=t.selectionEnd=Be(t.currentLooseValue,ge)},Ve=(e,t,i,a,s,n,o)=>{const r=ke(e||0,i||0),l=Ce($e((e||0)-(i||0),r),a,s);t.eventValue=l,t.currentLooseValue=ve(l,n,o),t.selectionStart=t.selectionEnd=Be(t.currentLooseValue,ge)},Ce=(e,t,i)=>null==e?e:!(e>1||e<1||1===e)||void 0!==i&&void 0!==t&&i<t?null:(void 0!==i&&e>i&&(e=i),void 0!==t&&e<t&&(e=t),e),Se=(e,t,i,a)=>{e.selectionStart=e.selectionEnd=t,((e,t,i)=>{const a=((e,t)=>{const i=t.findIndex((([t,i])=>!!i&&e.indexOf(i)===e.length-i.length));if(-1===i)return-1;const a=t[i][1];return e.length-a.length})(e,t);if(-1!==a&&i.selectionStart>a)return void(i.selectionStart=i.selectionEnd=a);i.selectionStart>e.length&&(i.selectionStart=i.selectionEnd=e.length);const s=((e,t)=>{const i=t.findIndex((([t,i])=>!!t&&0===e.indexOf(t)));return-1===i?-1:t[i][0].length})(e,t);-1!==s&&i.selectionStart<s&&(i.selectionStart=i.selectionEnd=s),-1===i.selectionStart&&(i.selectionStart=i.selectionEnd=0)})(i,a,e)},xe=(e,t,i,a)=>{e.eventValue=a.parseNumber(e.prevLooseValue,t),e.currentLooseValue=e.prevLooseValue,e.valueIsCorrected=!0,Se(e,e.selectionStart,e.currentLooseValue,i)},we=(e,t,i)=>t.split(e).length!==i.split(e).length&&t.length===i.length+e.length,Ne=(e,t)=>{const i=e.indexOf(t.decimal);return i>-1?i:Be(e,ge)},Ie=e=>e.split("").reverse().join(""),Be=(e,t)=>e.length-Ie(e).search(t),Le=e=>e.split(e[e.search(ge)])[0],De=e=>{const t=Ie(e);return Ie(t.split(t[t.search(ge)])[0])},Re=(e,t)=>e.search(t),Oe=(e,t)=>{const i=e.indexOf(t);return i>-1?e.length-i-1:0},Me=(e,t,i,a,s)=>{const n="0"===e.replace(s,"")[0],o="0"===t.replace(s,"")[0];if(n&&!o)return i-1;if(o&&a)return i+1;let r=0;for(let t=0;t<i;t++)ge.test(e.charAt(t))&&r++;let l=0;for(;r>0&&t.length>l;)ge.test(t.charAt(l))&&r--,l++;return l},ze=(e,t,i)=>{const a={...e},{prevLooseValue:s}=a,n=i.numberSymbols(),o=((e,t)=>{const i=t.formatNumber(me,e),a=t.formatNumber(-me,e),s=t.formatNumber(0,e),n=t.formatNumber(1,e),o=t.numberSymbols(),r=new RegExp(`[\\d\\${o.decimal}${o.group}]`,"g");return[i,a,s,n].map((e=>e.replace(r,""))).join("").split("").filter(((e,t,i)=>i.indexOf(e)===t)).join("")})(t,i),r=String(a.currentLooseValue),l=String(s),d=new RegExp(`[^\\d\\${n.decimal}]`,"g"),u=new RegExp(`[^\\d\\${n.decimal}\\${n.group}]`,"g"),c=new RegExp(`[\\d\\${n.decimal}\\${n.group}]`),h=r.replace(d,""),p=Re(r,ge),m=-1===p?-1:Be(r,ge),g=r.indexOf(n.decimal),f=(r.substring(0,p)+r.substring(p,m).replace(u,"")+r.substring(m,r.length)).split("").filter((e=>-1!==o.indexOf(e)||-1!==e.search(c))).join(""),v=i.formatNumber(.31111111111111117,t).replace(d,""),b=v.indexOf(n.decimal),k=b>-1?v.length-b-1:0,$=i.formatNumber(1,t).replace(d,""),y=$.indexOf(n.decimal),V=y>-1?$.length-y-1:0,{positiveInfo:C,negativeInfo:S,zeroInfo:x,oneInfo:w}=((e,t)=>{const i=t.formatNumber(me,e),a=t.formatNumber(-me,e),s=t.formatNumber(0,e),n=t.formatNumber(1,e),o=Le(i),r=Le(a),l=Le(s),d=Le(n);return{positiveInfo:[o,De(i)],negativeInfo:[r,De(a)],zeroInfo:[l,De(s)],oneInfo:[d,De(n)]}})(t,i),N=[C,S,x,w],I=1!==N.findIndex((e=>-1!==e.findIndex((e=>!!e)))),B=r.length>0&&r.length<l.length,L="string"==typeof t&&"p"===t[0]&&r&&-1===r.indexOf(n.percentSign);if(!a.isPaste){if(""===r)return a.eventValue=null,a.currentLooseValue="",a;if(a.currentLooseValue===n.minusSign&&i.formatNumber(-0,t)!==l)return a.eventValue=-0,a.currentLooseValue=ve(a.eventValue,t,i),Se(a,Ne(a.currentLooseValue,n),a.currentLooseValue,N),a;if(a.currentLooseValue===n.decimal){a.eventValue=0;const e=ve(a.eventValue,t,i);if(0===V&&k>0){const t=Be(e,ge);a.currentLooseValue=e.substring(0,t)+n.decimal+e.substring(t)}else a.currentLooseValue=e;return Se(a,Ne(a.currentLooseValue,n)+1,a.currentLooseValue,N),a}if(((e,t)=>{const i=String(e.currentLooseValue),a=String(e.prevLooseValue);return we(t.minusSign,i,a)||we("-",i,a)||we("−",i,a)})(a,n)){const e=i.parseNumber(s,t);a.eventValue=-(null!==e?e:0),a.currentLooseValue=ve(a.eventValue,t,i);const n=Re(a.currentLooseValue,ge),o=Re(l,ge);return Se(a,a.selectionEnd-1+(n-o),a.currentLooseValue,N),a}if(((e,t)=>{const i=String(e.currentLooseValue),a=String(e.prevLooseValue);return-1===i.indexOf(t.minusSign)&&-1!==a.indexOf(t.minusSign)})(a,n))return a.eventValue=i.parseNumber(a.currentLooseValue,t),Se(a,a.selectionStart,a.currentLooseValue,N),a;if(((e,t)=>String(e.currentLooseValue).split(t.decimal).length>2)(a,n))return xe(a,t,N,i),a;if(L)return a.eventValue=i.parseNumber(r,t)/100,a.currentLooseValue=ve(a.eventValue,t,i),a;if(String(a.currentLooseValue).replace(/[^\d]/g,"").length>15||h!==r&&r&&I&&-1===N.findIndex((([e,t])=>{const i=r.indexOf(e),a=r.indexOf(t),s=0===i,o=a===r.length-t.length,l=i+e.length!==p&&-1!==p&&r[i+e.length]!==n.decimal,d=a!==m&&-1!==m&&r[a-1]!==n.decimal;return e&&t?!l&&!d&&(s&&o):e?!l&&s:!!t&&(!d&&o)})))return xe(a,t,N,i),a;if(h[h.length-1]===n.decimal&&k>0)return a.eventValue=i.parseNumber(r,t),a.currentLooseValue=f,a;if(a.currentLooseValue&&s&&(o+n.decimal+n.group).split("").findIndex((e=>r.split("").filter((t=>t===e)).length<l.split("").filter((t=>t===e)).length&&r.length+1===l.length&&!(e===n.decimal&&0===Oe(l.replace(d,""),n.decimal))))>-1)return a.eventValue=i.parseNumber(e.prevLooseValue,t),a.currentLooseValue=e.prevLooseValue,a;const u=Oe(h,n.decimal),c="0"===h[h.length-1];if(B&&c&&u<V)return a.eventValue=i.parseNumber(a.currentLooseValue,t),a.currentLooseValue=ve(a.eventValue,t,i),a;if(u>0){const e=r.substring(0,g);if(c&&(!e||0!==l.indexOf(e))){a.eventValue=i.parseNumber(a.currentLooseValue,t);const e=ve(a.eventValue,t,i);return Se(a,Me(r,e,a.selectionEnd,B,d),e,N),a.currentLooseValue=e,a}if(u>k){const e=r.indexOf(n.decimal),s=r.substring(0,e)+r.substring(e,e+1+k)+r.substring(m,String(a.currentLooseValue).length);return a.eventValue=i.parseNumber(s,t),a.currentLooseValue=s,Se(a,a.selectionStart,s,N),a}if(V!==k&&u<=k&&c)return a.eventValue=i.parseNumber(a.currentLooseValue,t),a.currentLooseValue=f,a;if(u<V)return a.eventValue=i.parseNumber(a.currentLooseValue,t),a.currentLooseValue=ve(a.eventValue,t,i),a}}if(a.eventValue=i.parseNumber(a.currentLooseValue,t),L&&(a.eventValue=a.eventValue/100),"number"==typeof a.eventValue){const e=ve(a.eventValue,t,i);1===r.length?Se(a,Ne(e,n),e,N):Se(a,Me(r,e,a.selectionEnd,B,d),e,N),a.currentLooseValue=e}else a.currentLooseValue=ve(i.parseNumber(h),t,i);return a},Te=i.defineComponent({model:{event:"changemodel"},emits:{change:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,focus:e=>!0,blur:e=>!0},props:{modelValue:Number,value:Number,defaultValue:Number,step:{type:Number,default:1},format:[String,Object],tabIndex:Number,accessKey:String,title:String,placeholder:String,min:Number,max:Number,spinners:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},dir:String,name:String,label:String,validationMessage:String,validityStyles:{type:Boolean,default:!0},valid:{type:Boolean,default:void 0},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},required:{type:Boolean,default:!1},id:String,ariaLabel:String,iconName:String,inputPrefix:[String,Function],inputSuffix:[String,Function],showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,inputType:{type:String,default:"tel"},wrapperClass:String,inputAttributes:Object},inject:{kendoIntlService:{default:null},kendoLocalizationService:{default:null}},data:()=>({hasMounted:!1,isInvalid:!1,isEmpty:!1,currentValue:0,valueDuringOnChange:0,currentLooseValue:"",selectionStart:0,selectionEnd:0,decimalSelect:!1,focused:!1,forceUpdate:!1}),created(){t.validatePackage(h),this._textBeforeInput="",this._inputId=t.guid(),this.$data.currentLooseValue=null,this.$data.valueDuringOnChange=void 0,this._intl=r.provideIntlService(this),this._symbols=this._intl.numberSymbols(),void 0!==this.$props.value?this.$data.currentValue=this.$props.value:void 0!==this.$props.modelValue?this.$data.currentValue=this.$props.modelValue:void 0!==this.$props.defaultValue?this.$data.currentValue=this.$props.defaultValue:this.$data.currentValue=null},mounted(){this._input=t.getRef(this,"input"),this._elementWrapper=this.elementWrapperRef,this.$data.hasMounted=!0,this._input&&(this._textBeforeInput=this._input.value),this.setValidity()},updated(){!(t.canUseDOM&&document.activeElement!==this._input||!this._input)&&null!==this.$data.currentLooseValue&&this.$data.forceUpdate&&"number"!==this._input.type&&(this._input.selectionStart=this.$data.selectionStart,this._input.selectionEnd=this.$data.selectionEnd,this.$data.forceUpdate=!1),this._input&&(this._textBeforeInput=this._input.value),this.setValidity()},computed:{computedValue(){return void 0!==this.$data.valueDuringOnChange?this.$data.valueDuringOnChange:this.$data.currentValue},looseValue(){return ve(this.$data.focused?this.$data.currentLooseValue:fe(this.$props.value,this.$data.currentValue),this.$props.format,this._intl)},spanClassNames(){const e=!this.$data.hasMounted||!this.$props.validityStyles||this.validity().valid,t=this.computedValue;return{"k-floating-label-container":!0,"k-focus":this.$data.focused,"k-empty":!(0===t||t||this.$props.placeholder),"k-invalid":!e&&void 0!==e,"k-rtl":"rtl"===this.$props.dir,[this.inputClass]:this.inputClass}},wrapperClassNames(){const{size:e,fillMode:i,rounded:a,required:s,disabled:n}=this.$props,o=!this.$props.validityStyles||this.validity().valid;return{"k-input":!0,"k-numerictextbox":!0,[`k-input-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-input-${i}`]:i,[`k-rounded-${t.kendoThemeMaps.roundedMap[a]||a}`]:a,"k-invalid":!o,"k-required":s,"k-disabled":n,"k-loading":this.showLoadingIcon,[this.wrapperClass]:this.wrapperClass}},inputInnerClass(){return{"k-input-inner":!0,[this.inputClass]:this.inputClass}}},methods:{validity(){const e=void 0!==this.$props.validationMessage,t=!(this.$data.valueIsOutOfRange||this.$props.required&&null===this.computedValue);return{customError:e,valid:void 0!==this.$props.valid?this.$props.valid:t,valueMissing:null===this.computedValue}},clearClick(e){void 0!==this.$props.value?this.$data.currentValue=this.$props.value:void 0!==this.$props.modelValue?this.$data.currentValue=this.$props.modelValue:this.$data.currentValue=null,this.$emit("changemodel",null),this.$emit("update:modelValue",null),this.$emit("change",{event:e,value:null,component:this,target:{name:this.$props.name,value:null},validity:this.validity()})},focus(){this._input&&this._input.focus()},emitFocus(e){this.$data.currentLooseValue=this._prevLooseValue,this.$data.focused=!0,this.$emit("focus",{event:e})},emitBlur(e){this.$data.eventValue=null,this.$data.prevLooseValue="",this.$data.currentLooseValue="",this.$data.focused=!1,this.$data.selectionStart=void 0,this.$data.selectionEnd=void 0,this.$data.decimalSelect=!1,this.$data.valueIsCorrected=!1,this.$data.valueIsOutOfRange=!1,this.$emit("blur",{event:e})},handleFocus(e){this.$data.focused=!0},handleBlur(e){this.$data.focused=!1},setValidity(){this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity().valid?"":this.$props.validationMessage||"Please enter a valid value!")},getCurrentState(){return{eventValue:fe(this.$props.value,this.$data.currentValue),prevLooseValue:this._prevLooseValue,currentLooseValue:this._input.value,selectionStart:this._input.selectionStart,selectionEnd:this._input.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:this._isPaste,focused:this.$data.focused}},parseNumber(e){return this._intl.parseNumber(e,this.$props.format)},elementChange(e){const t=this.getCurrentState();this._isPaste=!1,this.triggerChange(e,ze(t,this.$props.format,this._intl))},triggerChange(e,t){if(this.$props.disabled)return;this.$data.valueDuringOnChange=t.eventValue,this.$data.currentValue=t.eventValue;const i=ve(Ce(t.eventValue,this.$props.min,this.$props.max),this.$props.format,this._intl),a=Ce(this.parseNumber(i),this.$props.min,this.$props.max);if(a!==t.eventValue&&(t.valueIsOutOfRange=!0,t.eventValue=a,this.$data.valueDuringOnChange=a,this.$data.currentValue=a),t.valueIsCorrected){const e=this._elementWrapper;e&&-1===e.className.indexOf("k-invalid")&&(this.$data.isInvalid=!0,setTimeout((()=>{this.$data.isInvalid=!1}),50))}const s=this.$props.value!==t.eventValue;void 0!==this.$props.value?this.$data.currentValue=this.$props.value:void 0!==this.$props.modelValue?this.$data.currentValue=this.$props.modelValue:this.$data.currentValue=this.$data.valueDuringOnChange,this.$data.prevLooseValue=t.prevLooseValue,this.$data.currentLooseValue=void 0,this.$data.currentLooseValue=t.currentLooseValue,this.$data.selectionStart=t.selectionStart,this.$data.selectionEnd=t.selectionEnd,this.$data.decimalSelect=t.decimalSelect,this.$data.valueIsCorrected=t.valueIsCorrected,this.$data.valueIsOutOfRange=t.valueIsOutOfRange,this.$data.focused=t.focused,this.$data.isPaste=t.isPaste,this.$data.forceUpdate=!this.$data.forceUpdate,s&&(this.$emit("changemodel",this.$data.valueDuringOnChange),this.$emit("update:modelValue",this.$data.valueDuringOnChange),this.$emit("change",{event:e,value:this.$data.valueDuringOnChange,component:this,target:{name:this.$props.name,value:this.$data.valueDuringOnChange},validity:this.validity()})),this.$data.valueDuringOnChange=void 0},onPasteHandler(e){this._isPaste=!0},increase(e){const t=this.getCurrentState();ye(this.parseNumber(String(t.currentLooseValue)),t,this.$props.step,this.$props.min,this.$props.max,this.$props.format,this._intl),this.triggerChange(e,t)},decrease(e){const t=this.getCurrentState();Ve(this.parseNumber(String(t.currentLooseValue)),t,this.$props.step,this.$props.min,this.$props.max,this.$props.format,this._intl),this.triggerChange(e,t)},wheel(e){!t.canUseDOM||document.activeElement!==this._input||!this._input||(e.deltaY<0&&(e.preventDefault(),this.increase(e)),e.deltaY>0&&(e.preventDefault(),this.decrease(e)))},keyDown(e){let t,i,a,s,n=this.getCurrentState();const o=this.parseNumber(String(n.currentLooseValue));if(n.selectionEnd>n.selectionStart&&n.selectionEnd-n.selectionStart===String(n.currentLooseValue).length){const t=this._intl.numberSymbols(),i=t&&e.key===t.minusSign,a=t&&e.key===t.decimal;this.$data.isPaste=!i&&!a}else{switch(e.keyCode){case 38:ye(o,n,this.$props.step,this.$props.min,this.$props.max,this.$props.format,this._intl);break;case 40:Ve(o,n,this.$props.step,this.$props.min,this.$props.max,this.$props.format,this._intl);break;case 13:t=ve(Ce(o,this.$props.min,this.$props.max),this.$props.format,this._intl),i=Ce(this.parseNumber(t),this.$props.min,this.$props.max),n.eventValue=i,n.currentLooseValue=ve(i,this.$props.format,this._intl),n.selectionStart=n.selectionEnd=n.currentLooseValue.length;break;case 110:a=this._input,s=this._intl.numberSymbols(),a&&(n.currentLooseValue=n.currentLooseValue.slice(0,n.selectionStart)+s.decimal+n.currentLooseValue.slice(n.selectionEnd),n.selectionStart=n.selectionEnd=n.selectionStart+1,n=ze(n,this.$props.format,this._intl));break;default:return}e.preventDefault(),this.triggerChange(e,n)}},spinnersWrapperMouseDown(e){t.canUseDOM&&this._input&&(e.preventDefault(),document.activeElement!==this._input&&this._input.focus())}},setup:()=>({inputRef:i.ref(null),elementWrapperRef:i.ref(null),kendoLocalizationService:i.inject("kendoLocalizationService",{}),kendoIntlService:i.inject("kendoIntlService",{})}),render(){const{iconName:e,showValidationIcon:a,showLoadingIcon:s,showClearButton:l,inputAttributes:d}=this.$props,u=this.$props.id||this._inputId,c=t.getDefaultSlots(this),h=r.provideLocalizationService(this),p=this.validity().valid;void 0!==this.$props.value&&this.$props.value!==this.$data.currentValue?this.$data.currentValue=this.$props.value:void 0!==this.$props.modelValue&&this.$props.modelValue!==this.$data.currentValue&&(this.$data.currentValue=this.$props.modelValue),this._prevLooseValue=(this.$data.currentLooseValue,this.looseValue);const m=t.templateRendering.call(this,this.$props.inputPrefix,t.getListeners.call(this)),g=t.templateRendering.call(this,this.$props.inputSuffix,t.getListeners.call(this)),f=t.getTemplate.call(this,{h:i.h,template:m,additionalProps:{value:this.computedValue,valid:p}}),v=t.getTemplate.call(this,{h:i.h,template:g,additionalProps:{value:this.computedValue,valid:p}}),b=i.createVNode("span",{dir:this.$props.dir,class:this.wrapperClassNames,style:this.$attrs.style},[e&&i.createVNode(t.Icon,{name:e,class:"k-input-icon"},null),this.$props.inputPrefix&&i.createVNode("span",{class:"k-input-prefix"},[f]),i.createVNode("input",i.mergeProps({tabindex:this.$props.tabIndex,accesskey:this.$props.accessKey,disabled:this.$props.disabled,title:this.$props.title,"aria-label":this.$props.ariaLabel,"aria-valuemin":this.$props.min,"aria-valuemax":this.$props.max,"aria-disabled":this.$props.disabled?"true":void 0,placeholder:this.$props.placeholder,type:this.$props.inputType,spellcheck:!1,autocomplete:"off",autocorrect:"off",class:this.inputInnerClass,id:u,role:"spinbutton",value:this.looseValue,name:this.$props.name,onWheel:this.wheel,onKeydown:this.keyDown,onInput:this.elementChange,onFocus:this.emitFocus,onBlur:this.emitBlur,onPaste:this.onPasteHandler,ref:t.setRef(this,"input")},d),null),this.$props.inputSuffix&&i.createVNode("span",{class:"k-input-suffix"},[v]),a&&p&&i.createVNode(t.Icon,{name:"check",icon:n.checkIcon,class:"k-input-validation-icon"},null),a&&!p&&i.createVNode(t.Icon,{name:"exclamation-circle",icon:n.exclamationCircleIcon,class:"k-input-validation-icon"},null),s&&i.createVNode(t.Icon,{name:"loading",class:"k-input-loading-icon"},null),l&&void 0!==this.computedValue&&null!==this.computedValue&&i.createVNode("span",{onClick:this.clearClick,class:"k-clear-value"},[i.createVNode(t.Icon,{name:"x",icon:n.xIcon},null)]),c,this.$props.spinners&&i.createVNode("span",{class:"k-input-spinner k-spin-button",onMousedown:this.spinnersWrapperMouseDown},[i.createVNode(o.Button,{type:"button",tabIndex:-1,icon:"caret-alt-up",svgIcon:n.caretAltUpIcon,class:"k-spinner-increase",rounded:null,"aria-label":h.toLanguageString(N,pe[N]),title:h.toLanguageString(N,pe[N]),onClick:this.increase},null),i.createVNode(o.Button,{type:"button",tabIndex:-1,class:"k-spinner-decrease",icon:"caret-alt-down",svgIcon:n.caretAltDownIcon,rounded:null,"aria-label":h.toLanguageString(I,pe[I]),title:h.toLanguageString(I,pe[I]),onClick:this.decrease},null)])]);return this.$props.label?i.createVNode("span",{class:this.spanClassNames,onFocusin:this.handleFocus,onFocusout:this.handleBlur,dir:this.$props.dir},[b,this.$props.label?u?i.createVNode("label",{for:u,class:"k-floating-label"},[this.$props.label]):i.createVNode("span",{class:"k-label"},[this.$props.label]):null]):b}});function Pe(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}const Ke=["rgba","rgb","hex"],Fe=i.defineComponent({name:"KendoColorInput",emits:{hexchange:null,rgbachange:null},props:{tabIndex:Number,rgba:{type:Object,default:function(){return{}}},hex:String,opacity:Boolean,disabled:Boolean,size:String},inject:{kendoLocalizationService:{default:null}},created(){this.hexInputId=t.guid()},data:()=>({inputMode:Ke[1]}),mounted(){this.lastFocusable=this.$refs.hexinput||this.$refs.numerica||this.$refs.numericb},updated(){this.lastFocusable=this.$refs.hexinput||this.$refs.numerica||this.$refs.numericb},render(){const e=r.provideLocalizationService(this),t=e.toLanguageString(P,pe[P]),a=e.toLanguageString(F,pe[F]),l=e.toLanguageString(O,pe[O]),d=e.toLanguageString(M,pe[M]),u=e.toLanguageString(z,pe[z]),c=e.toLanguageString(T,pe[T]),h=e.toLanguageString(_,pe[_]),p=e.toLanguageString(A,pe[A]),m=e.toLanguageString(j,pe[j]),g=e.toLanguageString(E,pe[E]);return i.createVNode("div",{class:"k-colorgradient-inputs k-hstack"},[i.createVNode("div",{class:"k-vstack"},[i.createVNode(o.Button,{ariaLabel:a,tabIndex:this.tabIndex,type:"button",fillMode:"flat",icon:"caret-alt-expand",svgIcon:n.caretAltExpandIcon,class:"k-colorgradient-toggle-mode k-icon-button",onClick:this.onToggleModeChange,onKeydown:this.onKeyDown,size:this.$props.size},null)]),"hex"===this.inputMode&&i.createVNode("div",{class:"k-vstack k-flex-1"},[i.createVNode("span",{class:"k-hex-value"},[i.createVNode(w,{id:this.hexInputId,tabIndex:this.tabIndex,hex:this.$props.hex,onHexchange:this.onHexChange,disabled:this.$props.disabled,ref:"hexinput",size:this.$props.size},null)]),i.createVNode(s.Label,{class:"k-colorgradient-input-label",editorId:this.hexInputId},Pe(t)?t:{default:()=>[t]})]),("rgb"===this.inputMode||"rgba"===this.inputMode)&&[i.createVNode("div",{class:"k-vstack"},[i.createVNode(Te,{inputType:"number",tabIndex:this.tabIndex,value:this.$props.rgba.r,min:0,max:255,spinners:!1,format:"n",ariaLabel:h,onChange:this.onRgbaRChange,disabled:this.$props.disabled,size:this.$props.size},null),i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Pe(l)?l:{default:()=>[l]})]),i.createVNode("div",{class:"k-vstack"},[i.createVNode(Te,{inputType:"number",tabIndex:this.tabIndex,value:this.$props.rgba.g,min:0,max:255,spinners:!1,format:"n",ariaLabel:p,onChange:this.onRgbaGChange,disabled:this.$props.disabled,size:this.$props.size},null),i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Pe(d)?d:{default:()=>[d]})]),i.createVNode("div",{class:"k-vstack"},[i.createVNode(Te,{inputType:"number",tabIndex:this.tabIndex,value:this.$props.rgba.b,min:0,max:255,spinners:!1,format:"n",ariaLabel:m,onChange:this.onRgbaBChange,disabled:this.$props.disabled,ref:"numericb",size:this.$props.size},null),i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Pe(u)?u:{default:()=>[u]})])],"rgba"===this.inputMode&&i.createVNode("div",{class:"k-vstack"},[this.$props.opacity&&i.createVNode(Te,{inputType:"number",tabIndex:this.tabIndex,value:this.$props.rgba.a,min:0,max:1,step:.01,spinners:!1,format:"n2",ariaLabel:g,onChange:this.onRgbaAChange,disabled:this.$props.disabled,ref:"numerica",size:this.$props.size},null),this.$props.opacity&&i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Pe(c)?c:{default:()=>[c]})])])},methods:{onHexChange(e){this.$emit("hexchange",e.hex,e.value,e)},onRgbaRChange(e){this.dispatchRgbaChange({r:e.value},e)},onRgbaGChange(e){this.dispatchRgbaChange({g:e.value},e)},onRgbaBChange(e){this.dispatchRgbaChange({b:e.value},e)},onRgbaAChange(e){this.dispatchRgbaChange({a:e.value},e)},dispatchRgbaChange(e,t){let i={...this.$props.rgba};void 0!==e.r&&(i.r=e.r),void 0!==e.g&&(i.g=e.g),void 0!==e.b&&(i.b=e.b),void 0!==e.a&&(i.a=e.a),this.$emit("rgbachange",i,t)},onToggleModeChange(){const e=Ke.length-1===Ke.indexOf(this.inputMode)?0:Ke.indexOf(this.inputMode)+1;if(this.$props.opacity)this.inputMode=Ke[e];else{const t="rgba"===Ke[e]?e+1:e;this.inputMode=Ke[t]}},onKeyDown(e){e.keyCode===t.Keys.enter&&e.stopPropagation()}}}),_e=i.defineComponent({name:"KendoColorContrastLabels",props:{bgColor:Object,rgba:Object},inject:{kendoLocalizationService:{default:null}},render(){const e=r.provideLocalizationService(this),a=e.toLanguageString(H,pe[H]),s=e.toLanguageString(W,pe[W]),o=e.toLanguageString(q,pe[q]),l=e.toLanguageString(G,pe[G]),d=e.toLanguageString(U,pe[U]),u=C(this.$props.rgba,this.$props.bgColor),c=4.5.toFixed(1),h=7..toFixed(1),p=`${a}: ${u.toFixed(2)}`,m=`${s}: ${c}`,g=`${o}: ${h}`,f=u>=4.5,v=u>=7,b=i.createVNode("span",{key:1,class:"k-contrast-validation k-text-success"},[l,i.createTextVNode(" "),i.createVNode(t.Icon,{name:"check",icon:n.checkIcon},null)]),k=i.createVNode("span",{key:2,class:"k-contrast-validation k-text-error"},[d,i.createTextVNode(" "),i.createVNode(t.Icon,{name:"x",icon:n.xIcon},null)]);return i.createVNode("div",{class:"k-vbox k-colorgradient-color-contrast"},[i.createVNode("div",{class:"k-contrast-ratio"},[i.createVNode("span",{class:"k-contrast-ratio-text"},[p]),f?i.createVNode("span",{class:"k-contrast-validation k-text-success"},[i.createVNode(t.Icon,{name:"check",icon:n.checkIcon},null),v&&i.createVNode(t.Icon,{name:"check",icon:n.checkIcon},null)]):i.createVNode("span",{class:"k-contrast-validation k-text-error"},[i.createVNode(t.Icon,{name:"x",icon:n.xIcon},null)])]),i.createVNode("div",null,[i.createVNode("span",null,[m]),f?b:k]),i.createVNode("div",null,[i.createVNode("span",null,[g]),v?b:k])])}}),Ae=(e,t)=>{const i=t[0]-e[0],a=t[1]-e[1];return{length:Math.sqrt(Math.pow(i,2)+Math.pow(a,2)),angle:Math.atan2(a,i)}},je=i.defineComponent({name:"KendoColorContrastSvg",props:{metrics:Object,backgroundColor:String,hsva:Object},render(){const e=function(e,t){if(0===e.length)return"";const a=e.reduce(((e,i,a,s)=>0===a?`M ${i[0]},${i[1]}`:`${e} ${t(i,a,s)}`),"");return i.createVNode("path",{d:a,fill:"none",stroke:"white","stroke-width":"1"},null)},t=this.$props.metrics,a=(e,i,s,n,o)=>{const r=(s+n)/2,l=Object.assign({},this.$props.hsva,{s:i/t.width,v:1-r/t.height}),d=C(b(k(l)),b(this.$props.backgroundColor||""));return s+.5>n?d<e+1&&d>e-1?r:null:o(d,e)?a(e,i,s,n-(n-s)/2,o):a(e,i,s+(n-s)/2,n,o)},s=(e,i,s=!1)=>{const n=[];for(let o=0;o<=t.width;o+=t.width/i){const i=a(e,o,0,t.height,s?(e,t)=>e<t:(e,t)=>e>t);null!==i&&n.push([o,i])}return n},n=(e=>(t,i,a)=>{const[s,n]=e(a[i-1],a[i-2],t),[o,r]=e(t,a[i-1],a[i+1],!0);return`C ${s},${n} ${o},${r} ${t[0]},${t[1]}`})((e=>(t,i,a,s)=>{const n=e(i||t,a||t),o=n.angle+(s?Math.PI:0),r=.1*n.length;return[t[0]+Math.cos(o)*r,t[1]+Math.sin(o)*r]})(Ae));return i.createVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"k-color-contrast-svg",style:{position:"absolute",overflow:"visible",pointerEvents:"none",left:0,top:0,zIndex:3}},[e.call(this,s(4.5,16),n),e.call(this,s(4.5,16,!0),n),e.call(this,s(7,16),n),e.call(this,s(7,16,!0),n)])}}),Ee="data-slider-label",He=i.defineComponent({name:"KendoSliderLabel",emits:{click:null},props:{position:Number,title:String,vertical:Boolean},data:()=>({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 a=t.getDefaultSlots(this),s=100*(this.$props.position-this.kendoMin)/(this.kendoMax-this.kendoMin),n=this.kendoVertical,o=n?{bottom:`${s}%`}:{["rtl"===e?"right":"left"]:`${s}%`};return i.createVNode("li",{ref:"sliderLabelRef",class:t.classNames("k-tick","k-tick-large",n?"k-tick-vertical":"k-tick-horizontal"),title:this.$props.title,style:{zIndex:1,position:"absolute",...o}},[i.createVNode("span",{"data-slider-label":!0,class:"k-label",onClick:this.onClick},[a])])},methods:{onClick(e){this.$emit("click",e)}}}),We=i.defineComponent({name:"KendoSlider",model:{event:"changemodel"},emits:{changemodel:e=>!0,"update:modelValue":e=>!0,change:e=>!0,blur:e=>!0,focus:e=>!0},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:()=>({currentValue:void 0,currentFocused:!1,currentDir:"ltr"}),computed:{computedValue(){const e=void 0!==this.$props.value?this.$props.value:this.currentValue,{min:t,max:i}=this.$props;return void 0===e?e:Math.min(Math.max(e,t),i)},sliderTrack(){return this._sliderTrack}},created(){t.validatePackage(h),void 0!==this.$props.value?this.$data.currentValue=this.$props.value:void 0!==this.$props.modelValue?this.$data.currentValue=this.$props.modelValue:void 0!==this.$props.defaultValue?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:()=>({inputRef:i.ref(null),kendoLocalizationService:i.inject("kendoLocalizationService",{})}),render(){const e=r.provideLocalizationService(this),a=(this.computedValue-this.$props.min)/(this.$props.max-this.$props.min)*100,s=t.getDefaultSlots(this),{vertical:l}=this.$props,d="rtl"===this.currentDir?l?n.caretAltUpIcon:n.caretAltLeftIcon:l?n.caretAltUpIcon:n.caretAltRightIcon,u="rtl"===this.currentDir?l?n.caretAltDownIcon:n.caretAltRightIcon:l?n.caretAltDownIcon:n.caretAltLeftIcon,c="rtl"===this.currentDir?l?"caret-alt-up":"caret-alt-left":l?"caret-alt-up":"caret-alt-right",h="rtl"===this.currentDir?l?"caret-alt-down":"caret-alt-right":l?"caret-alt-down":"caret-alt-left";return i.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:t.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&&i.createVNode(o.Button,{type:"button",tabIndex:-1,icon:h,svgIcon:u,style:{position:"relative"},rounded:"full",class:"k-button-decrease",title:e.toLanguageString(L,pe[L]),onClick:this.decrement},null),i.createVNode(t.Draggable,{onDrag:this.dragOver,onPress:this.dragStart,ref:"draggable"},{default:()=>[i.createVNode("div",{class:"k-slider-track-wrap",style:{touchAction:"none"}},[s&&i.createVNode("ul",{class:"k-reset k-slider-items"},[s]),i.createVNode("div",{class:"k-slider-track",ref:"sliderTrack"},[i.createVNode("div",{class:"k-slider-selection",style:this.$props.vertical?{height:a+"%"}:{width:a+"%"}},null),i.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(D,pe[D]),style:this.$props.vertical?{bottom:a+"%",zIndex:1}:{["rtl"===this.currentDir?"right":"left"]:a+"%",zIndex:1}},null)])])]}),this.$props.buttons&&i.createVNode(o.Button,{type:"button",tabIndex:-1,icon:c,svgIcon:d,rounded:"full",style:{position:"relative"},class:"k-button-increase",title:e.toLanguageString(B,pe[B]),onClick:this.increment},null)])},methods:{focus(){this.$el&&this.$el.focus()},isLabel(e){let t=e;for(;t;){if(t.getAttribute(Ee))return!0;t=t.parentElement}return!1},onFocus(e){this.currentFocused=!0,this.$emit("focus",{event:e})},onBlur(e){this.currentFocused=!1,this.$emit("blur",{event:e})},onKeyDown(e){let i;e.keyCode===t.Keys.left||e.keyCode===t.Keys.down?i=this.currentValue-(this.$props.step||0):e.keyCode===t.Keys.right||e.keyCode===t.Keys.up?i=this.currentValue+(this.$props.step||0):e.keyCode===t.Keys.home?i=this.$props.min:e.keyCode===t.Keys.end&&(i=this.$props.max),void 0!==i&&(e.preventDefault(),this.change(e,i))},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(),i=(this.$props.vertical?t.bottom-e.clientY:"rtl"===this.currentDir?t.right-e.clientX:e.clientX-t.left)/(this.$props.vertical?t.height:t.width);this.change(e,this.$props.min+i*(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}})}}}),qe="rgba(255, 255, 255, 1)",Ge=i.defineComponent({name:"KendoColorGradient",model:{event:"changemodel"},emits:{change:e=>!0,focus:e=>!0,blur:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,"update:modelRgbaValue":e=>!0,keydown:e=>!0},inject:{kendoLocalizationService:{default:null}},props:{modelValue:String,modelRgbaValue:String,defaultValue:String,value:String,opacity:{type:Boolean,default:!0},backgroundColor:String,disabled:Boolean,id:String,ariaLabelledBy:String,ariaDescribedBy:String,tabIndex:Number,innerTabIndex:{type:Number,default:void 0},size:String,class:String,adaptive:Boolean},created(){t.validatePackage(h),this.guid=t.guid()},computed:{valueSet(){return this.value||this.modelValue||this.modelRgbaValue},computedValue(){let e=this.valueSet||this.currentValue||this.defaultValue||g(qe,"rgba");return p(g(e,"hex",this.opacity))||(e=qe),e},hsva(){return this.valueSet?v(this.computedValue):this.currentHsva||v(this.computedValue)},rgba(){return this.valueSet?b(this.computedValue):this.currentRgba},hex(){return this.valueSet?g(this.computedValue,"hex",this.opacity):this.currentHex},computedBgColor(){return this.currentBgColor||$(this.hsva.h)},computedTabIndex(){return void 0!==this.innerTabIndex?this.innerTabIndex:this.focused?0:-1}},data:()=>({currentValue:void 0,currentBgColor:void 0,isFirstRender:!0,currentHsva:void 0,currentRgba:void 0,currentHex:void 0,focused:!1}),mounted(){this.alphaSlider=this.alphaSliderRef,this.setAlphaSliderBackground(this.computedBgColor),this.$el&&(this.draggable=this.$refs.draggable,this.gradientWrapper=this.draggable&&this.draggable.element),this.isFirstRender&&(this.isFirstRender=!1)},destroyed(){this.guid},updated(){this.setAlphaSliderBackground(this.computedBgColor)},render(){const{size:e,disabled:a,class:s,opacity:n,id:o,tabIndex:l,ariaDescribedBy:d,ariaLabelledBy:u,adaptive:c}=this.$props,h=t.classNames("k-colorgradient",{"k-disabled":a,[`k-colorgradient-${t.kendoThemeMaps.sizeMap[e]||e}`]:e},s),m=r.provideLocalizationService(this),g=m.toLanguageString(X,pe[X]),f=m.toLanguageString(Y,pe[Y]),v=m.toLanguageString(R,pe[R]),k=function(){let e={};if(!this.isFirstRender){const t=this.getGradientRectMetrics(),i=(1-this.hsva.v)*t.height,a=this.hsva.s*t.width;e.top=`${i}px`,e.left=`${a}px`}return i.createVNode("div",{class:"k-hsv-draghandle k-draghandle",role:"slider","aria-orientation":void 0,"aria-label":v+`${this.value||"none"}`,"aria-valuenow":Math.round(100*this.hsva.s),"aria-valuetext":`\n                    saturation: ${Math.round(100*this.hsva.s)}%,\n                    value: ${Math.round(100*this.hsva.v)}%`,tabindex:this.computedTabIndex,onKeydown:this.dragKeyDown,style:e,ref:t.setRef(this,"draghandle")},null)};return i.createVNode("div",{id:o,class:h,role:-1!==l?"textbox":void 0,"aria-disabled":a,tabindex:t.getTabIndex(l,a),"aria-labelledby":u,"aria-describedby":d,onFocus:this.onFocus,onBlur:this.onBlur,onKeydown:this.onKeyDownHandler},[i.createVNode("div",{class:"k-colorgradient-canvas "+(c?"k-vstack":"k-hstack")},[i.createVNode("div",{class:"k-hsv-rectangle",style:{background:this.computedBgColor}},[i.createVNode(t.Draggable,{onDrag:this.onDrag,onRelease:this.onRelease,ref:"draggable"},{default:()=>[i.createVNode("div",{class:"k-hsv-gradient",style:{touchAction:"none"},tabindex:-1,onClick:this.onGradientWrapperClick},[k.call(this)])]}),this.backgroundColor&&!this.isFirstRender&&i.createVNode(je,{metrics:this.gradientWrapper?this.getGradientRectMetrics():void 0,hsva:this.hsva,backgroundColor:this.backgroundColor},null)]),i.createVNode("div",{class:"k-hsv-controls "+(c?"k-vstack":"k-hstack")},[i.createVNode(We,{tabIndex:this.computedTabIndex,value:this.hsva.h,buttons:!1,vertical:!c,min:0,max:360,step:5,onChange:this.onHueSliderChange,class:"k-hue-slider k-colorgradient-slider",disabled:a,ariaLabel:g},null),n&&i.createVNode(We,{tabIndex:this.computedTabIndex,value:p(this.hsva.a)?100*this.hsva.a:100,buttons:!1,vertical:!c,min:0,max:100,step:1,onChange:this.onAlphaSliderChange,class:"k-alpha-slider k-colorgradient-slider",disabled:a,ariaLabel:f,ref:e=>{this.alphaSliderRef=e}},null)])]),i.createVNode(Fe,{tabIndex:this.computedTabIndex,rgba:this.rgba,onRgbachange:this.onRgbaChange,hex:this.hex,onHexchange:this.onHexChange,opacity:n,disabled:a,ref:"colorInput",size:e},null),this.backgroundColor&&i.createVNode(_e,{bgColor:b(this.backgroundColor),rgba:this.rgba},null)])},methods:{onKeyDownHandler(e){const i=this.$el;void 0===this.innerTabIndex&&(this.focused=t.focusContainer(e,i)),this.$emit("keydown",e)},onHexChange(e,t,i){const a=b(t),s=v(t);this.currentHsva=s,this.currentBgColor=$(s.h),this.currentRgba=a,this.currentHex=e,this.dispatchChangeEvent(t,i.event,e,t)},onRgbaChange(e,t){const i=(e=>{const t=m(e.r,0,255),i=m(e.g,0,255),s=m(e.b,0,255),n=m(e.a,0,1);return a.Color.fromBytes(t,i,s,n).toCssRgba()})(e),s=g(i,"hex",this.opacity),n=v(i);this.currentHsva=n,this.currentBgColor=$(n.h),this.currentRgba=e,this.currentHex=s,this.dispatchChangeEvent(i,t.event,s,i)},onAlphaSliderChange(e){this.handleHsvaChange(Object.assign({},this.hsva,{a:e.value/100}),e.event)},onHueSliderChange(e){this.handleHsvaChange(Object.assign({},this.hsva,{h:e.value}),e.event)},onDrag(e){this.gradientWrapper.classList.add("k-dragging"),this.changePosition(e)},onRelease(){this.gradientWrapper.classList.remove("k-dragging")},onGradientWrapperClick(e){this.firstFocusable=t.getRef(this,"draghandle"),this.firstFocusable&&this.firstFocusable.focus(),this.changePosition(e)},move(e,t,i){const a=this.hsva;a[t]+=i*(e.shiftKey?.01:.05),a[t]<0&&(a[t]=0),a[t]>1&&(a[t]=1),e.preventDefault(),this.handleHsvaChange(a,e)},dragKeyDown(e){switch(e.keyCode){case t.Keys.left:this.move(e,"s",-1);break;case t.Keys.right:this.move(e,"s",1);break;case t.Keys.up:this.move(e,"v",1);break;case t.Keys.down:this.move(e,"v",-1);case t.Keys.enter:case t.Keys.esc:}},changePosition(e){const t=this.getGradientRectMetrics(),i=e.clientX-t.left,a=e.clientY-t.top,s=m(i,0,t.width),n=m(a,0,t.height),o=Object.assign({},this.hsva,{s:s/t.width,v:1-n/t.height});this.handleHsvaChange(o,e,e.event)},handleHsvaChange(e,t){const i=k(e),a=g(i,"hex",this.opacity),s=g(i,"rgba");this.currentHsva=e,this.currentBgColor=$(e.h),this.currentRgba=b(i),this.currentHex=a,this.dispatchChangeEvent(i,t,a,s)},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",{event:t,target:this,value:i,rgbaValue:a})},onFocus(e){this.$emit("focus",{event:e,target:this})},onBlur(e){this.$emit("blur",{event:e,target:this})},setAlphaSliderBackground(e){this.$props.opacity&&this.alphaSlider&&this.alphaSlider.sliderTrack&&(this.alphaSlider.sliderTrack.style.background=`linear-gradient(to ${this.$props.adaptive?"right":"top"}, transparent, ${e})`)},getGradientRectMetrics(){const e=this.gradientWrapper.getBoundingClientRect();return{top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.width,height:e.height,x:e.x,y:e.y}},focus(){this.focused=!0,setTimeout((()=>{t.focusFirstFocusableChild(this.$el)}),1)}}});let Ue=class{constructor(){this.colorRows=[]}setColorMatrix(e,t){if(this.colorRows=[],p(e)&&e.length){t=t||e.length;for(let i=0;i<e.length;i+=t){const a=e.slice(i,t+i);this.colorRows.push(a)}}}isInColors(e,t){return e.some((e=>e===t))}getCellCoordsFor(e){if(!p(e))return;const t=e&&a.parseColor(e,!0),i=[e];p(t)&&i.push(t.toCss(),t.toCssRgba());for(let e=0;e<this.colorRows.length;e++)for(let t=0;t<this.colorRows[e].length;t++)if(this.isInColors(i,this.colorRows[e][t]))return{row:e,col:t}}getColorAt(e){if(p(e)&&p(this.colorRows[e.row]))return this.colorRows[e.row][e.col]}getNextCell(e,t,i){if(!(p(e)&&p(e.row)&&p(e.col)))return{row:0,col:0};const a=this.clampIndex(e.row+i,this.colorRows.length-1);return{row:a,col:this.clampIndex(e.col+t,this.colorRows[a].length-1)}}clampIndex(e,t){return e<0?0:e>t?t:e}};const Xe={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}},Ye="office",Ze=i.defineComponent({name:"KendoColorPalette",model:{event:"changemodel"},emits:{keydown:e=>!0,focus:e=>!0,blur:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,"update:modelRgbaValue":e=>!0,change:e=>!0},props:{palette:{type:[String,Array],default:Ye},columns:Number,tileSize:{type:[Number,Object]},modelValue:String,modelRgbaValue:String,defaultValue:String,value:String,disabled:Boolean,tabIndex:Number,id:String,class:String,ariaLabelledBy:String,ariaDescribedBy:String,size:{type:[String,null],default:"medium"}},created(){t.validatePackage(h),this.guid=t.guid()},mounted(){this.wrapper=t.getRef(this,"wrapper")},updated(){this.wrapper=t.getRef(this,"wrapper")},computed:{focusedColorCooridanates(){return this.focusedColor?this.paletteService.getCellCoordsFor(this.focusedColor):void 0},isUncontrolled(){return void 0===this.$props.value},selectedColor(){return void 0!==this.$props.value?this.$props.value:void 0!==this.modelValue?this.modelValue:void 0!==this.modelRgbaValue?this.modelRgbaValue:void 0!==this.currentValue?this.currentValue:this.$props.defaultValue}},data(){return{focusedColor:this.$props.value,currentValue:void 0}},render(){const{size:e,disabled:a,class:s,tileSize:n}=this.$props,o=this.getPaletteInfo(),r=this.paletteService=new Ue;r.setColorMatrix(o.colors,o.columns);const l=r.getCellCoordsFor(this.selectedColor),d=r.getCellCoordsFor(this.focusedColor),u=t.classNames("k-colorpalette",{[`k-colorpalette-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,"k-disabled":a},s),c=function(e,a,s,o){const r=void 0!==s&&s.row===a,l=s&&s.col,d=void 0!==o&&o.row===a,u=o&&o.col,c="number"!=typeof n?n:{width:n,height:n},h=c?c.width+"px":void 0,p=c?c.height+"px":void 0;return e.map((function(e,s){const n=r&&l===s,o=t.classNames("k-colorpalette-tile",{"k-selected":n,"k-focus":d&&u===s});return i.createVNode("td",{class:o,"aria-label":e,"aria-selected":!!n||!!this.$props.disabled&&void 0,style:{backgroundColor:e,width:h,height:p,minWidth:h},onClick:t=>this.onColorClick(e,t),id:this.createCellId({row:a,col:s}),key:s,role:"gridcell"},null)}),this)};return o.colors.length?i.createVNode("div",{id:this.$props.id,class:u,onFocusin:this.onFocus,onFocusout:this.onBlur,onKeydown:this.onKeyDown,"aria-disabled":this.$props.disabled?"true":void 0,"aria-activedescendant":d&&this.createCellId(d),"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,role:"grid",tabindex:t.getTabIndex(this.$props.tabIndex,this.$props.disabled),ref:t.setRef(this,"wrapper")},[i.createVNode("table",{class:"k-colorpalette-table k-palette",role:"presentation"},[i.createVNode("tbody",null,[function(e,t,a){return e.map((function(e,s){return i.createVNode("tr",{role:"row",key:s},[c.call(this,e,s,t,a)])}),this)}.call(this,r.colorRows,l,d)])])]):""},methods:{focus(){this.wrapper&&this.wrapper.focus()},onKeyDown(e){switch(e.keyCode){case t.Keys.down:this.handleCellNavigation(e,0,1);break;case t.Keys.up:this.handleCellNavigation(e,0,-1);break;case t.Keys.right:this.handleCellNavigation(e,1,0);break;case t.Keys.left:this.handleCellNavigation(e,-1,0);break;case t.Keys.enter:this.handleEnter(e);break;default:return void this.$emit("keydown",e)}this.$emit("keydown",e)},onColorClick(e,t){this.isUncontrolled?(this.currentValue=e,this.focusedColor=e):this.focusedColor=e,this.dispatchChangeEvent(e,t)},onFocus(e){this.focusedColor=this.selectedColor||this.paletteService.colorRows[0][0],this.$emit("focus",{event:e,target:this})},onBlur(e){this.focusedColor=void 0,this.$emit("blur",{event:e,target:this})},handleCellNavigation(e,t,i){if(e.preventDefault(),this.focusedColorCooridanates){const e=this.paletteService.getNextCell(this.focusedColorCooridanates,t,i);this.focusedColor=this.paletteService.getColorAt(e)}else this.focusedColor=this.paletteService.colorRows[0][0]},handleEnter(e){this.isUncontrolled&&(this.currentValue=this.focusedColor),this.dispatchChangeEvent(this.focusedColor,e)},dispatchChangeEvent(e,t){const i=g(e,"rgba");this.$emit("changemodel",e),this.$emit("update:modelValue",e),this.$emit("update:modelRgbaValue",i),this.$emit("change",{event:t,component:this,value:e,rgbaValue:i})},getPaletteInfo(){if("string"==typeof this.$props.palette){const e=Xe[this.$props.palette];return p(e)?{colors:e.colors,columns:this.$props.columns||e.columns||10}:{colors:[],columns:0}}return{colors:this.$props.palette||[],columns:this.$props.columns||10}},createCellId(e){return`${this.guid}_${e.row}_${e.col}`}}});const Je=i.defineComponent({name:"KendoPicker",props:{popupSettings:Object,dir:String,open:Boolean,popupAnchor:String,id:String,onOpen:Function},computed:{horizontalAlign(){return"rtl"===this.$props.dir?"right":"left"},anchorAlign(){return{horizontal:this.horizontalAlign,vertical:"bottom"}},popupAlign(){return{horizontal:this.horizontalAlign,vertical:"top"}}},render(){const e=t.getDefaultSlots(this),{popupClass:a,appendTo:s,animate:n,className:o}=this.$props.popupSettings;return i.createVNode(l.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:s,animate:n,popupClass:a,class:t.classNames("k-reset",o)},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}(e)?e:{default:()=>[e]})},methods:{handleOpen(){this.$emit("open")},handleClose(){this.$emit("close")}}});function Qe(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}const et=i.defineComponent({name:"KendoFlatColorPicker",emits:{viewchange:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,"update:modelRgbaValue":e=>!0,focus:e=>!0,blur:e=>!0,focusout:e=>!0,keydown:e=>!0,change:e=>!0},props:{modelValue:String,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 S}},paletteSettings:{type:Object,default:function(){return{palette:Ye}}},size:{type:String,default:"medium"},adaptive:Boolean},inject:{kendoLocalizationService:{default:null}},created(){t.validatePackage(h)},computed:{isColorGradient(){return"combo"!==this.view?"gradient"===this.view:void 0!==this.selectedView?0===this.selectedView:"gradient"===this.currentView},computedColor(){return void 0!==this.value?this.value:void 0!==this.modelValue?this.modelValue:void 0!==this.modelRgbaValue?this.modelRgbaValue:this.colorValue},computedPrevColor(){return void 0!==this.prevValue?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{size:e,adaptive:a}=this.$props,s=r.provideLocalizationService(this),l=s.toLanguageString(Q,pe[Q]),d=s.toLanguageString(ee,pe[ee]),u=s.toLanguageString(te,pe[te]),c=s.toLanguageString(Z,pe[Z]),h=s.toLanguageString(J,pe[J]),p=t.templateRendering.call(this,this.$props.header,t.getListeners.call(this)),m=t.templateRendering.call(this,this.$props.footer,t.getListeners.call(this)),g=t.getTemplate.call(this,{h:i.h,template:p}),f=t.getTemplate.call(this,{h:i.h,template:m});return i.createVNode("div",{tabindex:t.getTabIndex(this.$props.tabIndex,this.$props.disabled),onFocus:this.onFocus,onBlur:this.onBlur,onFocusout:this.onFocusout,onKeydown:this.onKeyDownHandler,class:t.classNames("k-flatcolorpicker k-coloreditor",{[`k-coloreditor-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,"k-disabled":this.$props.disabled}),"aria-disabled":this.$props.disabled},[g,this.$props.showClearButton&&this.$props.showPreview&&i.createVNode("div",{class:"k-coloreditor-header k-hstack"},["combo"===this.$props.view&&i.createVNode("div",{class:"k-coloreditor-header-actions k-hstack"},[i.createVNode(o.ButtonGroup,{class:"k-button-group-flat"},{default:()=>[i.createVNode(o.Button,{tabIndex:this.computedTabIndex,type:"button",togglable:!0,fillMode:"flat",selected:this.isColorGradient,onKeydown:this.handleButtonKeydown,ariaLabel:l,size:e,onClick:e=>this.handleViewChange(e,"gradient")},{default:()=>[i.createVNode(t.Icon,{size:e,name:"droplet-slider",icon:n.dropletSliderIcon},null)]}),i.createVNode(o.Button,{tabIndex:this.computedTabIndex,type:"button",togglable:!0,fillMode:"flat",selected:!this.isColorGradient,onKeydown:this.handleButtonKeydown,ariaLabel:d,size:e,onClick:e=>this.handleViewChange(e,"palette")},{default:()=>[i.createVNode(t.Icon,{size:e,name:"palette",icon:n.paletteIcon},null)]})]})]),i.createVNode("div",{class:"k-spacer"},null),i.createVNode("div",{class:"k-coloreditor-header-actions k-hstack"},[this.$props.showClearButton&&i.createVNode(o.Button,{tabIndex:this.computedTabIndex,type:"button",fillMode:"flat",ariaLabel:u,size:e,onKeydown:this.handleButtonKeydown,onClick:this.handleResetColor},{default:()=>[i.createVNode(t.Icon,{size:e,name:"droplet-slash",icon:n.dropletSlashIcon},null)]}),this.$props.showPreview&&i.createVNode("div",{class:"k-coloreditor-preview k-vstack"},[i.createVNode("span",{class:this.previewClass,style:{background:this.colorValue}},[!this.colorValue&&i.createVNode("span",{class:"k-color-preview-mask"},null)]),i.createVNode("span",{class:this.currentClass,style:{background:this.computedPrevColor},onClick:this.handlePrevColorClick},[!this.computedPrevColor&&i.createVNode("span",{class:"k-color-preview-mask"},null)])])])]),i.createVNode("div",{class:"k-coloreditor-views k-vstack"},[this.isColorGradient?function(){return i.h(Ge,{ref:t.setRef(this,"gradient"),tabIndex:-1,value:this.colorValue,innerTabIndex:this.computedTabIndex,size:e,onChange:this.handleColorChange,onKeydown:this.innerKeyDown,adaptive:a,...this.gradientSettings})}.call(this):function(){return i.h(Ze,{ref:t.setRef(this,"palette"),tabIndex:this.computedTabIndex,value:this.colorValue,size:e,onChange:this.handlePaletteColorChange,onKeydown:this.gradientKeyDown,...this.paletteSettings})}.call(this)]),this.$props.showButtons&&i.createVNode("div",{class:"k-coloreditor-footer k-actions k-actions-end"},[i.createVNode(o.Button,{tabIndex:this.computedTabIndex,type:"button",class:"k-coloreditor-cancel",size:e,onKeydown:this.handleButtonKeydown,onClick:this.handleCancelBtnClick},Qe(c)?c:{default:()=>[c]}),i.createVNode(o.Button,{tabIndex:this.computedTabIndex,type:"button",class:"k-coloreditor-apply k-primary",size:e,onKeydown:this.handleButtonKeydown,onClick:this.triggerChange},Qe(h)?h:{default:()=>[h]})]),f])},methods:{focus(){this.focused=!0,setTimeout((()=>{t.focusFirstFocusableChild(this.$el)}),1)},onKeyDownHandler(e){const i=this.$el;this.focused=t.focusContainer(e,i),this.$emit("keydown",e)},handleViewChange(e,t){this.currentView=t,this.$emit("viewchange",{event:e,viewType:t})},handleResetColor(){this.colorValue=null,!this.showButtons&&!this.adaptive&&this.triggerChange()},handleColorChange(e){this.colorValue=e.value,!this.showButtons&&!this.adaptive&&this.triggerChange(e)},handlePaletteColorChange(e){this.colorValue=e.value,!this.showButtons&&!this.adaptive&&this.triggerChange(e)},triggerChange(e){const t=g(this.colorValue,"rgba");this.currentPrevColor=this.colorValue,this.$emit("changemodel",this.colorValue),this.$emit("update:modelValue",this.colorValue),this.$emit("update:modelRgbaValue",t),this.$emit("change",{event:e,value:this.colorValue,rgbaValue:t})},innerKeyDown(e){e.keyCode===t.Keys.enter&&this.triggerChange(e)},gradientKeyDown(e){e.stopPropagation(),!this.showButtons&&e.keyCode===t.Keys.enter&&this.triggerChange(e)},handleButtonKeydown(e){e.keyCode===t.Keys.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})}}});function tt(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}const it=i.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(e){this.$emit("applyBtnClick",e)}},render(){const{title:e,componentToRender:t,expand:a,applyText:s,cancelText:r,animationStyles:l,classNameAdaptive:u}=this.$props,c=function(){return i.h(i.createVNode(o.Button,{tabIndex:0,size:"large","aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",icon:"x",svgIcon:n.xIcon,onClick:this.onClose},null))}.call(this);return i.createVNode(d.ActionSheet,{onClose:this.onClose,animationStyles:l,className:u,contentClassName:"!k-overflow-hidden",footerClassName:"k-actions k-actions-stretched k-actions-horizontal",title:e,content:()=>i.h(t),footer:()=>i.h(i.createVNode(i.Fragment,null,[i.createVNode(o.Button,{size:"large",class:"k-coloreditor-cancel","aria-label":r,onClick:this.onCancel},tt(r)?r:{default:()=>[r]}),i.createVNode(o.Button,{themeColor:"primary",size:"large",class:"k-coloreditor-apply","aria-label":s,onClick:this.onApply},tt(s)?s:{default:()=>[s]})])),expand:a,actions:c},null)}});function at(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}const st=i.defineComponent({name:"KendoColorPicker",model:{event:"changemodel"},emits:{open:()=>!0,close:()=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,"update:modelRgbaValue":e=>!0,activecolorclick:e=>!0,focus:e=>!0,blur:e=>!0,change:e=>!0,viewchange:e=>!0},props:{modelValue:String,modelRgbaValue:String,value:{type:String,default:void 0},defaultValue:String,disabled:Boolean,dir:String,id:String,ariaLabelledBy:String,ariaDescribedBy:String,showClearButton:{type:Boolean,default:!0},showPreview:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0},paletteSettings:{type:Object,default:function(){return{palette:Ye}}},valid:{type:Boolean,default:!0},tabIndex:{type:Number,default:0},title:String,icon:String,svgIcon:Object,iconClassName:String,popupSettings:{type:Object,default:function(){return{}}},gradientSettings:{type:Object,default:function(){return S}},flatColorPickerSettings:{type:Object,default:function(){return{}}},open:{type:Boolean,default:void 0},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},view:{type:String,default:"combo",validator:function(e){return["gradient","palette","combo"].includes(e)}},selectedView:{type:Number,default:void 0},adaptive:{type:Boolean,default:!1},adaptiveTitle:{type:String}},inject:{kendoLocalizationService:{default:null},adaptiveModeBreakpoints:{default:{small:t.ADAPTIVE_SMALL_BREAKPOINT,medium:t.ADAPTIVE_MEDIUM_BREAKPOINT}}},data(){return{focused:!1,currentValue:this.$props.defaultValue,currentOpen:!1,flatcolorpickerRef:null,windowWidth:0,observer:null}},computed:{isValueControlled(){return void 0!==this.$props.value},isOpenControlled(){return void 0!==this.$props.open},computedValue(){return this.isValueControlled?this.$props.value:void 0!==this.$props.modelValue?this.$props.modelValue:void 0!==this.$props.modelRgbaValue?this.$props.modelRgbaValue:void 0!==this.currentValue?this.currentValue:this.defaultValue},computedOpen(){return this.isOpenControlled?this.$props.open:this.currentOpen},wrapperClassName(){const{size:e,fillMode:i,rounded:a}=this.$props;return{"k-picker":!0,"k-colorpicker":!0,"k-icon-picker":!0,[`k-picker-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-picker-${i}`]:i,[`k-rounded-${t.kendoThemeMaps.roundedMap[a]||a}`]:a,"k-invalid":!this.valid,"k-disabled":this.disabled,"k-focus":this.focused}},animationStyles(){return this.windowWidth<=this.adaptiveModeBreakpoints.small?{top:0,width:"100%",height:"100%"}:void 0},classNameAdaptive(){return this.windowWidth<=this.adaptiveModeBreakpoints.small?"k-adaptive-actionsheet k-actionsheet-fullscreen":"k-adaptive-actionsheet k-actionsheet-bottom"},adaptiveState(){return!!(this.$props.adaptive&&this.windowWidth&&this.windowWidth<=this.adaptiveModeBreakpoints.medium)}},created(){t.validatePackage(h),this._popupId="popup"+t.guid(),this.focusableElementGuid=t.guid()},mounted(){this.observer=t.canUseDOM&&window.ResizeObserver&&new ResizeObserver(this.calculateMedia),null!=document&&document.body&&this.observer&&this.observer.observe(document.body),this.flatcolorpickerRef=t.getRef(this,"flatcolorpicker"),this.button=t.getRef(this,"button")},unmounted(){var e;null!=(e=this.document)&&e.body&&this.observer&&this.observer.disconnect()},render(){let e;const{disabled:a,tabIndex:s,dir:l,view:d,selectedView:u,showClearButton:c,showPreview:h,showButtons:p,popupSettings:m,size:g,adaptiveTitle:f}=this.$props,v=r.provideLocalizationService(this),b=v.toLanguageString(re,pe[re]),k=f||v.toLanguageString(ie,pe[ie]),$=v.toLanguageString(J,pe[J]),y=v.toLanguageString(Z,pe[Z]),V=function(){return i.h(et,{onKeydown:this.onKeyDownHandler,ref:t.setRef(this,"flatcolorpicker"),view:d,selectedView:u,showClearButton:c,showPreview:h,showButtons:!this.adaptiveState&&p,size:this.adaptiveState?"large":g,value:this.computedValue||void 0,onChange:this.onFlatChangeHandler,onFocusout:this.onBlurHandler,onViewchange:this.onViewChange,paletteSettings:this.paletteSettings,gradientSettings:this.gradientSettings,adaptive:this.adaptiveState,...this.flatColorPickerSettings})};return i.createVNode("span",{class:this.wrapperClassName,role:"combobox",dir:l,id:this.$props.id,"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,"aria-disabled":this.$props.disabled,"aria-haspopup":"dialog","aria-expanded":this.computedOpen,ref:this.focusableElementGuid,tabindex:t.getTabIndex(s,a),title:this.$props.title,onKeydown:this.onButtonKeyDown,onFocusin:this.onFocusHandler,onFocusout:this.onButtonBlur},[i.createVNode("span",{onClick:this.onActiveColorClickHandler,class:"k-input-inner"},[i.createVNode("span",{class:t.classNames("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)&&i.createVNode(t.Icon,{class:t.classNames("k-color-preview-icon",this.iconClassName),name:t.getIconName(this.icon),icon:this.svgIcon},null),i.createVNode("span",{class:"k-color-preview-mask",style:{backgroundColor:this.computedValue}},null)])]),i.createVNode(o.Button,{type:"button",tabIndex:-1,ref:e=>{this.buttonRef=e},onClick:this.onClickHandler,rounded:null,class:"k-input-button",icon:"caret-alt-down",svgIcon:n.caretAltDownIcon,"aria-label":b},null),!this.adaptiveState&&i.createVNode(Je,{dir:l,id:this._popupId,open:this.computedOpen,onOpen:this.onOpenHandler,popupAnchor:this.focusableElementGuid,popupSettings:{...m}},at(e=V.call(this))?e:{default:()=>[e]}),this.adaptiveState&&i.createVNode(it,{expand:this.computedOpen,animationStyles:this.animationStyles,classNameAdaptive:this.classNameAdaptive,title:k,applyText:$,cancelText:y,componentToRender:V.call(this),onActionSheetClose:()=>this.setOpen(!this.computedOpen),onCancelBtnClick:()=>this.flatcolorpickerRef.handleCancelBtnClick(),onApplyBtnClick:e=>this.flatcolorpickerRef.triggerChange(e)},null)])},methods:{calculateMedia(e){for(let t of e)this.windowWidth=t.target.clientWidth},focusElement(){this.$el&&this.$el.focus()},setOpen(e,t){!e&&!t&&this.$el&&this.$el.focus(),this.currentOpen=e,this.$emit(e?"open":"close")},onButtonKeyDown(e){const{altKey:i,keyCode:a}=e;return a===t.Keys.esc?(e.preventDefault(),e.stopPropagation(),void this.setOpen(!1)):a===t.Keys.enter?(e.preventDefault(),e.stopPropagation(),void this.setOpen(!this.computedOpen)):void(i&&a===t.Keys.down&&(e.preventDefault(),e.stopPropagation(),this.setOpen(!0)))},onKeyDownHandler(e){const{altKey:i,keyCode:a}=e;return a===t.Keys.esc?(e.preventDefault(),e.stopPropagation(),void this.setOpen(!1)):a===t.Keys.enter?(e.preventDefault(),e.stopPropagation(),void this.focusElement()):void(i&&a===t.Keys.up&&(e.preventDefault(),e.stopPropagation(),this.setOpen(!1),this.focusElement()))},onOpenHandler(){const e=t.getRef(this,"flatcolorpicker");e&&e.focus()},onClickHandler(){this.setOpen(!this.computedOpen,!0)},onActiveColorClickHandler(e){this.$emit("activecolorclick",{event:e,value:this.computedValue})},isViewFocused(){return!(!document.activeElement||!document.activeElement.closest(`#${this._popupId}`))},onButtonBlur(e){this.focused=this.isViewFocused(),this.$emit("blur",{event:e})},onFocusHandler(e){this.blurTimeoutRef?(clearTimeout(this.blurTimeoutRef),this.blurTimeoutRef=void 0,e.target===this.$el&&this.setOpen(!1)):this.focused=!0,this.$emit("focus",{event:e})},onBlurTimeout(){const e=this.isViewFocused();e||this.setOpen(!1,!0),this.focused=e,this.blurTimeoutRef=void 0},onBlurHandler(){clearTimeout(this.blurTimeoutRef),this.palette=t.getRef(this,"palette"),this.gradient=t.getRef(this,"gradient"),this.blurTimeoutRef=setTimeout(this.onBlurTimeout,200)},onViewChange(e){this.$emit("viewchange",e)},onChangeHandler(e,t){const i=e.value;this.isValueControlled||(this.currentValue=i),t&&this.setOpen(!1),this.$emit("changemodel",i),this.$emit("update:modelRgbaValue",e.rgbaValue),this.$emit("update:modelValue",i),this.$emit("change",{value:i,rgbaValue:e.rgbaValue,event:e})},onFlatChangeHandler(e){this.onChangeHandler(e,!0)}}}),nt=i.defineComponent({name:"KendoSwitch",model:{event:"changemodel"},emits:{change:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,focus:e=>!0,blur:e=>!0},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(h),this._id=t.guid(),this.defaultValidationMessage=r.provideLocalizationService(this)},data(){return{currentChecked:this.$props.defaultChecked,valueDuringOnChange:void 0,focused:!1,currentDir:void 0}},computed:{computedValue(){return void 0!==this.valueDuringOnChange?this.valueDuringOnChange:void 0!==this.$props.checked?this.$props.checked:void 0!==this.$props.value?this.$props.value:void 0!==this.$props.modelValue?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=void 0!==this.$props.dir?this.$props.dir:t.isRtl(this.$el)?"rtl":"ltr",this.setValidity()},updated(){this.setValidity()},render(){const{disabled:e,id:a,offLabel:s,onLabel:n,tabIndex:o,required:r}=this.$props;return i.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(o,e,void 0),accesskey:this.$props.accessKey},[i.createVNode("span",{class:this.switchTrackClass,ref:t.setRef(this,"element")},[i.createVNode("input",{type:"checkbox",id:a||this._id,checked:this.$props.checked,ref:t.setRef(this,"input"),tabindex:-1,name:this.$props.name,required:void 0!==r&&r,"aria-hidden":!0,value:this.computedValue,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:t.noop},null),i.createVNode("span",{class:"k-switch-label-on"},[n]),i.createVNode("span",{class:"k-switch-label-off"},[s])]),i.createVNode("span",{class:"k-switch-thumb-wrap"},[i.createVNode("span",{class:this.switchThumbClass},null)])])},methods:{focus(){this._element&&this._element.focus()},element(){return this._element},validity(){const e=void 0!==this.$props.validationMessage,t=void 0!==this.$props.valid?this.$props.valid:!this.$props.required||!!this.computedValue;return{customError:e,valid:void 0!==this.$props.valid?this.$props.valid:t,valueMissing:null===this.computedValue}},setValidity(){this.input&&this.input.setCustomValidity&&this.input.setCustomValidity(this.validity().valid?"":this.$props.validationMessage||this.defaultValidationMessage.toLanguageString(oe,pe[oe]))},limit(e,t,i){const a=i.offsetWidth,s=t.offsetWidth;return e<0?0:e>a-s?a-s:e},toggle(e,t){this.currentChecked=e,this.valueDuringOnChange=e,this.$emit("changemodel",e),this.$emit("update:modelValue",e),this.$emit("change",{event:t,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",{event:e}))},handleWrapperBlur(e){this.$props.disabled||(this.focused=!1,this.$emit("blur",{event:e}))}}}),ot=i.defineComponent({props:{orientation:{type:String,default:"vertical"}},created(){t.validatePackage(h)},render(){return i.createVNode("span",{class:`k-input-separator k-input-separator-${this.orientation}`},null)}});const rt=i.defineComponent({model:{event:"changemodel"},emits:{input:e=>!0,change:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,focus:e=>!0,blur:e=>!0,keyup:e=>!0,keydown:e=>!0,keypress:e=>!0},props:{modelValue:{type:[String,Number],default:void 0},disabled:{type:Boolean,default:void 0},defaultValue:{type:[String,Number],default:""},value:{type:[String,Number]},label:{type:String},placeholder:{type:String},required:{type:Boolean,default:!1},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},dir:{type:String},id:String,valid:{type:Boolean,default:void 0},validate:{type:Boolean},validationMessage:{type:String},validityStyles:{type:Boolean,default:!0},inputClass:String,tabIndex:Number,ariaLabel:String,ariaLabelledBy:String,ariaDescribedBy:String},data:function(){return{hasMounted:!1,autofill:!1,currentValue:"",valueDuringOnChange:"",focused:!1}},created(){t.validatePackage(h),this._input=void 0,this._inputId=t.guid(),this.$data.valueDuringOnChange=void 0,this.$data.currentValue=this.$props.defaultValue},mounted(){this._input=this.inputRef,this.$data.hasMounted=!0,this.setValidity()},updated(){this.setValidity(),this.updateValidClass()},setup:()=>({inputRef:i.ref(null)}),render(){const e=!this.$props.validityStyles||this.validity().valid,{label:t,id:a,required:n,tabIndex:o,ariaLabel:r,ariaLabelledBy:l,ariaDescribedBy:d}=this.$props,u=a||this._inputId,c=i.h("input",{...this.$attrs,placeholder:this.$props.placeholder,id:u,tabindex:o,required:n,ariaLabel:r,ariaLabelledby:l,ariaDescribedby:d,ariaDisabled:this.$props.disabled,disabled:this.$props.disabled,value:this.computedValue,class:this.inputInnerClass,ref:e=>{this.inputRef=e},onKeydown:this.handleKeydown,onKeyup:this.handleKeyup,onKeypress:this.handleKeypress,onChange:this.handleChange,onFocus:this.emitFocus,onBlur:this.emitBlur,onInput:this.handleInput,onAnimationstart:this.handleAutoFill,onAnimationend:this.handleAutoFillEnd});return t?i.createVNode(s.FloatingLabel,{label:t,editorId:u,editorValue:this.computedValue,editorValid:e,editorDisabled:this.$props.disabled,editorPlaceholder:this.$data.focused?this.$props.placeholder:"",dir:this.$props.dir},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}(c)?c:{default:()=>[c]}):c},methods:{updateValidClass(){this._input.classList.toggle("k-invalid",!this.validity().valid)},emitFocus(e){this.$emit("focus",{event:e}),this.$data.focused=!0},emitBlur(e){this.$emit("blur",{event:e}),this.$data.focused=!1},handleKeydown(e){this.$emit("keydown",e)},handleKeyup(e){this.$emit("keyup",e)},handleKeypress(e){this.$emit("keypress",e)},clearClick(e){this.emitUpdate(e,"change","")},focus(){this._input&&this._input.focus()},validity(){const e={badInput:!!this._input&&this._input.validity.badInput,patternMismatch:!!this._input&&this._input.validity.patternMismatch,rangeOverflow:!!this._input&&this._input.validity.rangeOverflow,rangeUnderflow:!!this._input&&this._input.validity.rangeUnderflow,stepMismatch:!!this._input&&this._input.validity.stepMismatch,tooLong:!!this._input&&this._input.validity.tooLong,tooShort:!!this._input&&this._input.validity.tooShort,typeMismatch:!!this._input&&this._input.validity.typeMismatch,valueMissing:!!this._input&&this._input.validity.valueMissing};return{...e,customError:void 0!==this.$props.validationMessage,valid:void 0!==this.$props.valid?this.$props.valid:!this._input||!this.isInvalid(e)}},isInvalid(e){let t=!1;for(let i in e)e.hasOwnProperty(i)&&(t=t||e[i]);return t},setValidity(){this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity().valid?"":this.$props.validationMessage||"")},handleInput(e){this.emitUpdate(e,"input",e.target.value)},handleChange(e){this.emitUpdate(e,"change",e.target.value)},emitUpdate(e,t,i){this.disabled||(this.$data.currentValue=i,this.$data.valueDuringOnChange=i,this.$nextTick((()=>{this.$emit("changemodel",i),this.$emit("update:modelValue",i),this.$emit(t,{event:e,value:i,component:this,target:e.target,validity:this.validity()}),this.$data.valueDuringOnChange=void 0})))},handleAutoFill(e){if("autoFillStart"===e.animationName){let t=e.target.parentNode;t&&t.classList.contains("k-empty")&&(this.$data.autofill=!0,t.classList.remove("k-empty"))}},handleAutoFillEnd(e){"autoFillEnd"===e.animationName&&e.target.parentNode&&(this.$data.autofill=!1)},name:function(){return this.$props.name}},computed:{spanClassNames(){const e=!this.$data.hasMounted||!this.$props.validityStyles||this.validity().valid;return{"k-floating-label-container":!0,"k-focus":this.$data.focused,"k-empty":!(0===this.computedValue||this.computedValue||this.$props.placeholder||this.$data.autofill),"k-autofill":this.$data.autofill,"k-invalid":!e&&void 0!==e,"k-rtl":"rtl"===this.$props.dir}},inputInnerClass(){const{size:e,fillMode:i,rounded:a}=this.$props,s=!this.$data.hasMounted||!this.$props.validityStyles||this.validity().valid;return{"k-input":!0,[`k-input-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-input-${i}`]:i,[`k-rounded-${t.kendoThemeMaps.roundedMap[a]||a}`]:a,"k-invalid":!s,"k-required":this.required,"k-disabled":this.$props.disabled,[this.inputClass]:this.inputClass}},computedValue(){return void 0!==this.$data.valueDuringOnChange?this.$data.valueDuringOnChange:void 0!==this.$props.value?this.$props.value:void 0!==this.$props.modelValue?this.$props.modelValue:this.$data.currentValue}}});var lt=(e=>(e[e.Literal=0]="Literal",e[e.Mask=1]="Mask",e[e.Undefined=2]="Undefined",e))(lt||{});let dt=class e{constructor(e,t,i=2){this.value=e,this.rest=t,this.type=i}map(t){return new e(t(this.value),this.rest)}chain(e){return e(this.value,this.rest)}fold(e){return e(this.value,this.rest)}concat(e){return this.map(((t,i)=>e.chain(((e,i)=>t.concat([e])))))}toString(){return`Result({ value: '${this.value}', rest: ${this.rest} })`}},ut=class{constructor(e=[],t=[]){this.input=e,this.control=t,this.inputCursor=0,this.controlCursor=0}eof(){return this.inputCursor>=this.input.length}next(){return{char:this.input[this.inputCursor++],control:this.control[this.controlCursor++]}}peek(){return{char:this.input[this.inputCursor],control:this.control[this.controlCursor]}}eat_input(){this.inputCursor++}eat_control(){this.controlCursor++}eat(){this.inputCursor++,this.controlCursor++}};const ct=e=>(e||"").split("");let ht=class e{constructor(e){this.parse=e}run(e,t=""){return e instanceof ut?this.parse(e):this.parse(new ut(ct(e),ct(t)))}map(t){return new e((e=>this.parse(e).map(t)))}chain(t){return new e((e=>this.parse(e).chain(((e,i)=>t(e).run(i)))))}isLiteral(e){return this.run(e).type===lt.Literal}};const pt=(e,t)=>new ht((i=>{let{char:a}=i.next();const s=e[a];return"\\"===a?(a=i.next().char,new dt(t.literal(a),i)):new dt(s?t.mask(s):t.literal(a),i)})),mt=({prompt:e,promptPlaceholder:t})=>new ht((i=>{let{char:a}=i.next();return new dt(a===e?t:a,i)})),gt=e=>new ht((t=>{let{char:i}=t.next();return new dt(e?i:"",t)})),ft=e=>e.reduce(((e,t)=>((e,t)=>e.chain((e=>t.map((t=>e.concat([t]))))))(e,t)),(e=>new ht((t=>new dt(e,t))))([])),vt=e=>new ht((t=>{let i=new dt([],t);for(;!t.eof();)i=i.concat(e.run(t));return i}));class bt{constructor(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}update({mask:e="",prompt:t="",promptPlaceholder:i=" ",rules:a={},includeLiterals:s=!1}){this.mask=e,this.prompt=t,this.promptPlaceholder=i,this.rules=a,this.includeLiterals=s,this.tokenize()}validationValue(e=""){let t=e;return ft(this.validationTokens).run(e).fold((e=>{t=e.join("")})),t}rawValue(e=""){let t=e;return this.rawTokens.length&&ft(this.rawTokens).run(e).fold((e=>{t=e.join("")})),t}maskRaw(e=""){let t=e;return this.maskTokens.length&&ft(this.maskTokens).run(e).fold((e=>{t=e.join("")})),t}maskInput(e,t,i){return e.length<t.length?this.maskRemoved(e,t,i):this.maskInserted(e,t,i)}maskInRange(e,t,i,a){let s="",n=a;const o=t.split("").slice(0,i),r=t.split("").slice(a);return ft(this.maskTokens.slice(i,a)).run(e).fold((e=>{s=o.concat(e).concat(r).join("")})),{selection:n,value:s}}maskRemoved(e,t,i){let a="",s=i;const n=e.split("").slice(i),o=e.split("").slice(0,i).join(""),r=this.maskTokens.length-(e.length-i);return ft(this.maskTokens.slice(0,r)).run(o,t).fold((e=>{s=this.adjustPosition(e,s),a=e.concat(n).join("")})),{selection:s,value:a}}adjustPosition(e,t){const i=e[t];return this.maskTokens[t].isLiteral(i)||i===this.prompt?t:t+1}maskInserted(e,t,i){let a="",s=i;const n=e.slice(0,i);return ft(this.unmaskTokens).run(n,t).chain((e=>{s=e.join("").length;const i=t.slice(s);return ft(this.maskTokens).run(e.join("")+i,t)})).fold((e=>{a=e.join("")})),{selection:s,value:a}}get maskTokenCreator(){const{prompt:e,promptPlaceholder:t}=this;return{literal:e=>(e=>new ht((t=>t.peek().char===e?(t.eat(),new dt(e,t,lt.Literal)):new dt(e,t,lt.Literal))))(e),mask:i=>(({prompt:e,promptPlaceholder:t})=>i=>new ht((a=>{for(;!a.eof();){const{char:s,control:n}=a.peek();if(s===n&&n===e)return a.eat(),new dt(e,a,lt.Mask);if(i.test(s))return a.eat(),new dt(s,a,lt.Mask);if(s===t)return a.eat(),new dt(e,a,lt.Mask);a.eat_input()}return a.eat(),new dt(e,a,lt.Mask)})))({prompt:e,promptPlaceholder:t})(i)}}get unmaskTokenCreator(){return{literal:e=>(e=>new ht((t=>{if(t.eof())return new dt("",t);const{char:i}=t.peek();return i===e&&t.eat(),new dt(e,t)})))(e),mask:e=>(e=>t=>new ht((i=>{for(;!i.eof();){const{char:a,control:s}=i.peek();if(a===e&&s===e)return i.eat(),new dt(a,i);if(t.test(a))return i.eat(),new dt(a,i);i.eat_input()}return i.eat(),new dt("",i)})))(this.prompt)(e)}}get rawTokenCreator(){const{prompt:e,promptPlaceholder:t,includeLiterals:i}=this;return{literal:e=>gt(i),mask:i=>mt({prompt:e,promptPlaceholder:t})}}get validationTokenCreator(){const{prompt:e}=this;return{literal:e=>gt(!1),mask:t=>mt({prompt:e,promptPlaceholder:""})}}tokenize(){vt(pt(this.rules,this.maskTokenCreator)).run(this.mask).fold(((e,t)=>{this.maskTokens=e})),vt(pt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold(((e,t)=>{this.unmaskTokens=e})),vt(pt(this.rules,this.rawTokenCreator)).run(this.mask).fold(((e,t)=>{this.rawTokens=e})),vt(pt(this.rules,this.validationTokenCreator)).run(this.mask).fold(((e,t)=>{this.validationTokens=e}))}}const kt={"#":/[\d\s\+\-]/,"&":/[\S]/,0:/[\d]/,9:/[\d\s]/,"?":/[a-zA-Z\s]/,A:/[a-zA-Z0-9]/,C:/./,L:/[a-zA-Z]/,a:/[a-zA-Z0-9\s]/},$t=()=>!1,yt=(e,t)=>{if(!!e!=!!t)return!1;if(e===t||!e||!t)return!0;let i=!0;for(const a in e)if(e[a]!==t[a]){i=!1;break}if(i)for(const a in t)if(!e.hasOwnProperty(a)){i=!1;break}return i},Vt=i.defineComponent({model:{event:"changemodel"},emits:{change:e=>!0,focus:e=>!0,blur:e=>!0,"update:modelValue":e=>!0,"update:modelRawValue":e=>!0,changemodel:e=>!0},props:{type:{type:String,default:"text"},modelValue:String,modelRawValue:String,value:String,defaultValue:String,placeholder:String,title:String,dir:String,id:String,ariaLabelledBy:String,ariaDescribedBy:String,tabIndex:Number,accessKey:String,disabled:Boolean,readonly:Boolean,size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},prompt:{type:String,default:"_"},promptPlaceholder:{type:String,default:" "},includeLiterals:{type:Boolean,default:!1},maskValidation:{type:Boolean,default:!0},mask:String,rules:{type:Object,default:function(){return kt}},selection:Object,name:String,label:String,validationMessage:String,required:{type:Boolean,default:!1},valid:{type:Boolean,default:void 0},validityStyles:{type:Boolean,default:!0},iconName:String,inputPrefix:t.templateDefinition,inputSuffix:t.templateDefinition,showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,wrapperClass:String,inputAttributes:Object},data:()=>({currentValue:void 0,currentFocused:!1,inputValue:void 0,currentSelection:[null,null]}),created(){t.validatePackage(h),this.hasMounted=!1,this.valueDuringOnChange=void 0,this.inputId=`k-${t.guid()}`,this.service=new bt,this.isPasted=!1},setup:()=>({inputRef:i.ref(null)}),mounted(){this.hasMounted=!0,this.element=this.input=this.inputRef,this.updateService(),this.setValidity()},watch:{currentFocused:function(e,t){this.prevCurrentFocused=t},selection:function(e,t){this.prevSelection=t},includeLiterals:function(e,t){this.prevIncludeLiterals=t},mask:function(e,t){this.prevMask=t},prompt:function(e,t){this.prevPrompt=t},promptPlaceholder:function(e,t){this.prevPromptPlaceholder=t},rules:function(e,t){this.prevRules=t}},updated(){if(this.element&&this.currentFocused){let[e,t]=this.currentSelection;const i=this.prevSelection,a=this.$props.selection;(!i&&a||i&&a&&(i.start!==a.start||i.end!==a.end))&&(e=a.start,t=a.end),null!==e&&null!==t&&this.element.setSelectionRange(e,t)}((e,t)=>e.includeLiterals!==t.includeLiterals||e.mask!==t.mask||e.prompt!==t.prompt||e.promptPlaceholder!==t.promptPlaceholder||!yt(e.rules,t.rules))({includeLiterals:this.prevIncludeLiterals,mask:this.prevMask,prompt:this.prevPrompt,promptPlaceholder:this.prevPromptPlaceholder,rules:this.prevRules},this.$props)&&this.updateService(),this.setValidity()},computed:{computedRules(){return Object.assign({},kt,this.$props.rules)},spanClassNames(){const e=!this.hasMounted||!this.$props.validityStyles||this.validity().valid;return{"k-floating-label-container":!0,"k-focus":this.currentFocused,"k-empty":!this.computedValue(),"k-invalid":!e&&void 0!==e,"k-rtl":"rtl"===this.$props.dir,"k-loading":this.showLoadingIcon,[this.wrapperClass]:this.wrapperClass}},wrapperSpanClass(){const{size:e,fillMode:i,rounded:a}=this.$props,s=!this.$props.validityStyles||this.validity().valid;return{"k-maskedtextbox":!0,"k-input":!0,[`k-input-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-input-${i}`]:i,[`k-rounded-${t.kendoThemeMaps.roundedMap[a]||a}`]:a,"k-invalid":!s,"k-required":this.required,"k-disabled":this.$props.disabled,"k-loading":this.showLoadingIcon,[this.wrapperClass]:this.wrapperClass}},inputInnerClass(){return{"k-input-inner":!0,[this.inputClass]:this.inputClass}}},methods:{focus(){this.input&&this.input.focus()},computedValue(){let e;return void 0!==this.valueDuringOnChange?e=this.valueDuringOnChange:void 0!==this.$props.value?e=this.$props.value:void 0!==this.$props.modelValue?e=this.$props.modelValue:void 0!==this.currentValue?e=this.currentValue:void 0!==this.$props.defaultValue&&(e=this.$props.defaultValue),e||""},rawValue(){return this.service.rawValue(this.computedValue())},validity(){const e=this.computedValue(),t=this.service.validationValue(e);return{customError:void 0!==this.$props.validationMessage,valid:void 0!==this.$props.valid?this.$props.valid:!(this.$props.required&&!t||this.$props.maskValidation&&this.$props.prompt&&-1!==e.indexOf(this.$props.prompt)),valueMissing:!t}},pasteHandler(e){const{selectionStart:t,selectionEnd:i}=e.target;i!==t&&(this.isPasted=!0,this.currentSelection=[t||0,i||0])},clearClick(e){this.triggerOnChange("",e)},onChangeHandler(e){const t=e.currentTarget,i=this.inputValue=t.value,a=this.currentSelection[0]||0,s=this.currentSelection[1]||0;if(!this.$props.mask)return this.isPasted=!1,this.currentSelection=[null,null],void this.triggerOnChange(i,e);const n=this.computedValue();let o;if(this.isPasted){this.isPasted=!1;const e=n.length-s,t=i.length-e;o=this.service.maskInRange(i.slice(a,t),n,a,s)}else o=this.service.maskInput(i,n,t.selectionStart||0);this.currentSelection=[o.selection,o.selection],this.triggerOnChange(o.value,e),this.inputValue=void 0},focusHandler(e){this.currentFocused||(this.currentFocused=!0,this.$emit("focus",{event:e,target:this}))},blurHandler(e){this.currentFocused&&(this.currentFocused=!1,this.$emit("blur",{event:e,target:this}))},triggerOnChange(e,t){this.currentValue=e,this.valueDuringOnChange=e,this.$emit("change",{event:t,selectionStart:this.currentSelection[0],selectionEnd:this.currentSelection[1],value:this.computedValue(),component:this,target:{name:this.$props.name,value:this.computedValue(),rawValue:this.rawValue()},validity:this.validity()}),this.$emit("update:modelValue",this.computedValue()),this.$emit("update:modelRawValue",this.rawValue()),this.$emit("changemodel",this.computedValue()),this.valueDuringOnChange=void 0},updateService(e){const t=Object.assign({includeLiterals:this.$props.includeLiterals,mask:this.$props.mask,prompt:this.$props.prompt,promptPlaceholder:this.$props.promptPlaceholder,rules:this.$props.rules},e);this.service.update(t)},setValidity(){this.element&&this.element.setCustomValidity(this.validity().valid?"":this.$props.validationMessage||"")}},render(){const e=this.$props.id||this.inputId,{iconName:a,showValidationIcon:s,showLoadingIcon:o,showClearButton:r,inputAttributes:l}=this.$props,d=!this.$props.validityStyles||this.validity().valid,u=this.computedValue();this.inputValue;const c=t.templateRendering.call(this,this.$props.inputPrefix,t.getListeners.call(this)),h=t.templateRendering.call(this,this.$props.inputSuffix,t.getListeners.call(this)),p=t.getTemplate.call(this,{h:i.h,template:c,additionalProps:{value:u,valid:d}}),m=t.getTemplate.call(this,{h:i.h,template:h,additionalProps:{value:u,valid:d}}),g=i.createVNode("span",{dir:this.$props.dir,class:this.wrapperSpanClass,style:this.$props.label?void 0:{width:this.$props.width}},[a&&i.createVNode(t.Icon,{name:a,class:"k-input-icon"},null),this.$props.inputPrefix&&i.createVNode("span",{class:"k-input-prefix"},[p]),i.createVNode("input",i.mergeProps({type:this.$props.type,autocomplete:"off",autocorrect:"off",autocapitalize:"off",spellcheck:!1,class:this.inputInnerClass,value:u,id:e,"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,"aria-disabled":this.$props.disabled,name:this.$props.name,tabindex:t.getTabIndex(this.$props.tabIndex,this.$props.disabled,!0),accesskey:this.$props.accessKey,title:this.$props.title,disabled:this.$props.disabled||void 0,readonly:this.$props.readonly||void 0,placeholder:this.$props.placeholder,"aria-placeholder":this.$props.placeholder,required:this.$props.required,ref:t.setRef(this,"input")},l,{onInput:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragstart:$t,onDrop:$t}),null),this.$props.inputSuffix&&i.createVNode("span",{class:"k-input-suffix"},[m]),s&&d&&i.createVNode(t.Icon,{name:"check",icon:n.checkIcon,class:"k-input-validation-icon"},null),s&&!d&&i.createVNode(t.Icon,{name:"exclamation-circle",icon:n.exclamationCircleIcon,class:"k-input-validation-icon"},null),o&&i.createVNode(t.Icon,{name:"loading",class:"k-input-loading-icon"},null),r&&u&&i.createVNode("span",{onClick:this.clearClick,class:"k-clear-value"},[i.createVNode(t.Icon,{name:"x",icon:n.xIcon},null)])]);return this.$props.label?i.createVNode("span",{class:this.spanClassNames,dir:this.$props.dir},[g,this.$props.label?e?i.createVNode("label",{for:e,class:"k-floating-label"},[this.$props.label]):i.createVNode("span",{class:"k-label"},[this.$props.label]):null]):g}});let Ct=function(e){return e.start="start",e.end="end",e.min="min",e.max="max",e.increase="increase",e.decrease="decrease",e}({});const St=i.defineComponent({name:"KendoRangeSlider",model:{event:"changemodel"},props:{id:String,value:{type:Object,validator:function(e){return e.start<=e.end}},defaultValue:{type:Object,default:function(){return{start:0,end:0}},validator:function(e){return e.start<=e.end}},step:{type:Number,default:1},min:{type:Number,required:!0},max:{type:Number,required:!0},vertical:Boolean,disabled:Boolean,dir:{type:String,default:"ltr",validator:function(e){return[null,"ltr","rtl"].includes(e)}},startTabIndex:Number,endTabIndex:Number},provide(){return{kendoMin:this.$props.min,kendoMax:this.$props.max,kendoVertical:this.$props.vertical}},inject:{kendoLocalizationService:{default:null}},created(){t.validatePackage(h)},data(){return{currentValue:this.defaultValue,currentDrag:"",currentDir:"ltr"}},computed:{computedValue(){return void 0!==this.$props.value?this.$props.value:this.currentValue},percentStart(){return(this.computedValue.start-this.min)/(this.max-this.min)*100},percentEnd(){return(this.computedValue.end-this.min)/(this.max-this.min)*100},sliderItemsStyle(){return this.vertical?{paddingTop:0,height:"100%"}:{}},trackStyles(){return this.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"}}},mounted(){if(this.sliderRef=this.$refs.sliderRef,this.sliderSelectionRef=this.$refs.sliderSelectionRef,this.startHandle=this.$refs.startHandle,this.endHandle=this.$refs.endHandle,this.sliderTrackRef=this.$refs.sliderTrackRef,this.sliderTrackWrapRef=this.$refs.sliderTrackWrapRef,!this.currentDir&&window&&this.$el){const e=window.getComputedStyle(this.$el).direction;e&&(this.currentDir=e)}},setup:()=>({inputRef:i.ref(null),kendoLocalizationService:i.inject("kendoLocalizationService",{})}),render(){const e=r.provideLocalizationService(this),a=t.getDefaultSlots(this),{id:s,dir:n}=this.$props;return i.createVNode("div",{id:s,dir:this.currentDir,class:t.classNames("k-slider",{"k-rtl":"rtl"===this.currentDir,"k-disabled":this.$props.disabled,"k-slider-vertical":this.$props.vertical,"k-slider-horizontal":!this.$props.vertical},this.$props.class),"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy},[i.createVNode(t.Draggable,{onDrag:this.handleTrackDrag,onPress:this.handleTrackPress,onRelease:this.handleTrackRelease,ref:"draggable"},{default:()=>[i.createVNode("div",{ref:"sliderTrackWrapRef",class:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...this.trackStyles}},[a&&i.createVNode("ul",{class:"k-reset k-slider-items",style:{...this.sliderItemsStyle}},[a]),i.createVNode("div",{ref:"sliderTrackRef",class:"k-slider-track",style:this.$props.vertical?{bottom:0,height:"100%"}:{["rtl"===this.currentDir?"right":"left"]:0,width:"100%"}},[null!==this.percentStart&&null!==this.percentEnd&&i.createVNode("div",{"data-selection":!0,ref:"sliderSelectionRef",title:`${this.computedValue.start} - ${this.computedValue.end}`,class:"k-slider-selection",style:this.vertical?{height:this.percentEnd-this.percentStart+"%",bottom:this.percentStart+"%"}:{["rtl"===this.currentDir?"right":"left"]:this.percentStart+"%",width:this.percentEnd-this.percentStart+"%"}},null),i.createVNode("span",{ref:"startHandle",role:"slider",tabindex:t.getTabIndex(this.startTabIndex,this.$props.disabled,void 0),"aria-valuemin":this.min,"aria-valuemax":Math.max(this.max,this.computedValue.end),"aria-valuenow":this.computedValue.start,"aria-disabled":this.disabled?"true":void 0,"aria-valuetext":this.computedValue.start,class:"k-draghandle",title:e.toLanguageString(D,pe[D]),style:this.vertical?{bottom:"calc("+this.percentStart+"%)",zIndex:1}:"rtl"===this.currentDir?{right:"calc("+this.percentStart+"% - 13px)",zIndex:1}:{left:"calc("+this.percentStart+"%)",zIndex:1},onKeydown:this.handleStartKeyDown},null),i.createVNode("span",{ref:"endHandle",role:"slider",tabindex:t.getTabIndex(this.endTabIndex,this.$props.disabled,void 0),"aria-valuemin":Math.min(this.min,this.computedValue.start),"aria-valuemax":this.max,"aria-valuenow":this.computedValue.end,"aria-disabled":this.disabled?"true":void 0,"aria-valuetext":this.computedValue.end,class:"k-draghandle",title:e.toLanguageString(D,pe[D]),style:this.vertical?{bottom:"calc("+this.percentEnd+"%)",zIndex:1}:"rtl"===this.currentDir?{right:"calc("+this.percentEnd+"% - 13px)",zIndex:1}:{left:"calc("+this.percentEnd+"%)",zIndex:1},onKeydown:this.handleEndKeyDown},null)])])]})])},methods:{dispatchStateValue(e){const t=((e,t)=>{let i,a;switch(t.type){case Ct.start:if(void 0===t.payload)return e;i={start:t.payload>e.end?e.end:Math.max(t.payload,t.min),end:e.end};break;case Ct.end:if(void 0===t.payload)return e;i={start:e.start,end:t.payload<e.start?e.start:Math.min(t.payload,t.max)};break;case Ct.min:i="start"===t.key?{...e,start:t.min}:{...e,end:Math.max(t.min,e.start)};break;case Ct.max:i="start"===t.key?{...e,start:Math.min(t.max,e.end)}:{...e,end:t.max};break;case Ct.increase:if(void 0===t.step||void 0===t.key)return e;a=e[t.key]+t.step,i="start"===t.key?a<t.min?{...e,start:t.min}:{...e,start:Math.min(a,e.end)}:a>t.max?{...e,end:t.max}:{...e,end:Math.max(a,e.start)};break;case Ct.decrease:if(void 0===t.step||void 0===t.key)return e;a=e[t.key]-t.step,i="start"===t.key?a<t.min?{...e,start:t.min}:{...e,start:Math.min(a,e.end)}:a>t.max?{...e,end:t.max}:{...e,end:Math.max(a,e.start)};break;default:i=e}return i})({start:this.computedValue.start,end:this.computedValue.end},{...e,min:this.min,max:this.max,step:this.step});this.currentValue.start=t.start,this.currentValue.end=t.end,this.$emit("change",{min:this.min,max:this.max,step:this.step,value:{start:t.start,end:t.end}})},focus(){this.startHandle&&this.startHandle.focus()},handleChange(e,t){this.$emit("change",{value:e,event:t})},calcNewDistance(e){if(!this.sliderTrackWrapRef)return;e.originalEvent.preventDefault();const t=this.sliderTrackWrapRef.getBoundingClientRect(),i=(this.$props.vertical?t.bottom-e.clientY:"rtl"===this.currentDir?t.right-e.clientX:e.clientX-t.left)/(this.$props.vertical?t.height:t.width);return this.min+i*(this.max-this.min)},calcKey(e){return e<=this.computedValue.start?"start":e>=this.computedValue.end?"end":2*e<this.computedValue.end+this.computedValue.start?"start":"end"},handleStartKeyDown(e){switch(e.keyCode){case t.Keys.right:e.preventDefault(),this.dispatchStateValue({type:"rtl"===this.currentDir?Ct.decrease:Ct.increase,key:"start",event:e});break;case t.Keys.up:e.preventDefault(),this.dispatchStateValue({type:Ct.increase,key:"start",event:e});break;case t.Keys.left:e.preventDefault(),this.dispatchStateValue({type:"rtl"===this.currentDir?Ct.increase:Ct.decrease,key:"start",event:e});break;case t.Keys.down:e.preventDefault(),this.dispatchStateValue({type:Ct.decrease,key:"start",event:e});break;case t.Keys.home:e.preventDefault(),this.dispatchStateValue({type:Ct.min,key:"start",event:e});break;case t.Keys.end:e.preventDefault(),this.dispatchStateValue({type:Ct.max,key:"start",event:e})}},handleEndKeyDown(e){switch(e.keyCode){case t.Keys.right:e.preventDefault(),this.dispatchStateValue({type:"rtl"===this.currentDir?Ct.decrease:Ct.increase,key:"end",event:e});break;case t.Keys.up:e.preventDefault(),this.dispatchStateValue({type:Ct.increase,key:"end",event:e});break;case t.Keys.left:e.preventDefault(),this.dispatchStateValue({type:"rtl"===this.currentDir?Ct.increase:Ct.decrease,key:"end",event:e});break;case t.Keys.down:e.preventDefault(),this.dispatchStateValue({type:Ct.decrease,key:"end",event:e});break;case t.Keys.home:e.preventDefault(),this.dispatchStateValue({type:Ct.min,key:"end",event:e});break;case t.Keys.end:e.preventDefault(),this.dispatchStateValue({type:Ct.max,key:"end",event:e})}},handleTrackPress(e){const t=this.calcNewDistance(e),i=this.calcKey(t);this.currentDrag=i,"end"===i?this.endHandle.focus():this.startHandle.focus();const a="end"===i?Ct.end:Ct.start;this.dispatchStateValue({type:a,payload:t,event:e})},handleTrackDrag(e){const t=this.calcNewDistance(e),i="end"===this.currentDrag?Ct.end:Ct.start;this.dispatchStateValue({type:i,payload:t,event:e})},handleTrackRelease(e){const t=this.calcNewDistance(e),i="end"===this.currentDrag?Ct.end:Ct.start;this.dispatchStateValue({type:i,payload:t,event:e}),this.currentDrag=""}}}),xt=i.defineComponent({name:"KendoCheckbox",emits:{changemodel:e=>!0,"update:modelValue":e=>!0,change:e=>!0,focus:e=>!0,blur:e=>!0},model:{event:"changemodel"},inject:{kendoLocalizationService:{default:null}},props:{checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:void 0},defaultValue:{type:[String,Boolean],default:void 0},modelValue:{type:[String,Boolean],default:void 0},dir:String,disabled:Boolean,id:String,ariaLabelledBy:String,ariaDescribedBy:String,label:String,labelRender:[String,Number,Boolean,Object],labelPlacement:String,labelOptional:Boolean,labelClass:String,name:String,size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},tabIndex:Number,value:{type:[String,Boolean],default:void 0},validationMessage:String,required:Boolean,valid:{type:Boolean,default:void 0},validityStyles:{type:Boolean,default:!0}},data:()=>({valueDuringOnChange:void 0,currentDir:"ltr",currentChecked:void 0,currentValue:void 0}),created(){t.validatePackage(h),this.calculatedId=t.guid(),void 0!==this.$props.defaultChecked&&(this.currentChecked=this.$props.defaultChecked),void 0!==this.$props.defaultValue&&(this.currentValue=this.$props.defaultValue),this.currentDir=this.$props.dir},computed:{valueIsBooleanOrNull(){const e=this.$props.value;return"boolean"==typeof e||null===e},isCheckedControlled(){return void 0!==this.$props.checked},isValueControlled(){return void 0!==this.$props.value&&this.valueIsBooleanOrNull},computedValue(){return void 0!==this.$data.valueDuringOnChange?this.$data.valueDuringOnChange:void 0!==this.$props.value?this.$props.value:void 0!==this.$props.modelValue?this.$props.modelValue:this.$data.currentValue},computedChecked(){return void 0!==this.$data.valueDuringOnChange?this.$data.valueDuringOnChange:void 0!==this.$props.checked?this.$props.checked:void 0!==this.$props.modelValue?this.$props.modelValue:this.$data.currentChecked},useValueAsChecked(){return void 0===this.computedChecked&&this.computedValue},checkedProp(){return this.useValueAsChecked?this.computedValue:this.computedChecked},valueProp(){const e=this.$props.value;return this.useValueAsChecked||this.isValueControlled?null===e?e:void 0:e||this.computedValue},indeterminateProp(){return null===this.checkedProp||null===this.valueProp},isValid(){const e=this.$props.valid;return void 0!==e?e:!this.$props.required||!!this.computedChecked},labelComputedClass(){return{"k-checkbox-label":!0,[this.$props.labelClass]:this.$props.labelClass}}},mounted(){if(this.input=t.getRef(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=t.getRef(this,"input")),this.setValidity()},setup:()=>({inputRef:i.ref(null),kendoLocalizationService:i.inject("kendoLocalizationService",{})}),render(){const{ariaDescribedBy:e,ariaLabelledBy:a,disabled:s,id:n,label:o,labelRender:l,labelPlacement:d,name:u,labelOptional:c,tabIndex:h,required:p,validityStyles:m,size:g,rounded:f}=this.$props,v=t.getDefaultSlots(this);let b=o;this.localizationService=r.provideLocalizationService(this),this.defaultValidationMessage=this.localizeMessage(ae),this.optionalMessage=this.localizeMessage(se);const k=t.classNames({"k-checkbox-wrap":!0,"k-disabled":s}),$=t.classNames({"k-checkbox":!0,[`k-checkbox-${t.kendoThemeMaps.sizeMap[g]}`]:g,[`k-rounded-${t.kendoThemeMaps.roundedMap[f]}`]:f,"k-indeterminate":this.indeterminateProp,"k-disabled":s,"k-invalid":!this.isValid&&!1!==m}),y=function(){return i.createVNode("input",{type:"checkbox",class:$,name:u,id:n||this.calculatedId,ref:t.setRef(this,"input"),"aria-labelledby":a,"aria-describedby":e,checked:!!this.checkedProp,disabled:s,tabindex:t.getTabIndex(h,s),role:"checkbox",required:void 0!==p&&p,"aria-checked":!(!this.computedChecked&&!this.checkedProp)||!!this.indeterminateProp&&"mixed","aria-disabled":s||void 0,onChange:this.onChangeHandler,onKeydown:this.onKeyDownHandler,onFocus:this.onFocusHandler,onBlur:this.onBlurHandler},null)};if(l){const e=l?t.templateRendering.call(this,l,t.getListeners.call(this)):null;b=t.getTemplate.call(this,{h:i.h,template:e})}const V=function(){return void 0!==b?i.createVNode("label",{class:this.labelComputedClass,for:n||this.calculatedId,style:{userSelect:"none"}},[b,c&&i.createVNode("span",{class:"k-label-optional"},[this.optionalMessage])]):null};return"before"===d?i.createVNode("span",{class:k,dir:"rtl"},[y.call(this),V.call(this),v]):i.createVNode("span",{class:k,dir:this.currentDir},[y.call(this),V.call(this),v])},methods:{setValidity(){const e=void 0!==this.$props.valid?this.$props.valid:!this.$props.required||!!this.computedChecked;this.input&&this.input.setCustomValidity&&this.input.setCustomValidity(e?"":this.$props.validationMessage||this.defaultValidationMessage)},localizeMessage(e){return this.localizationService.toLanguageString(e,pe[e])},focusElement(){this.input&&this.input.focus()},setValue(e,t){this.$data.valueDuringOnChange=t,this.$nextTick((()=>{if(!this.isCheckedControlled&&!this.isValueControlled&&!this.$props.disabled&&(this.currentValue=t,this.currentChecked=t),!this.$props.disabled){const i={element:this.$el,focus:null};this.$emit("changemodel",t),this.$emit("update:modelValue",t),this.$emit("change",{e:e,event:e,handle:i,target:e.target,value:t})}this.$data.valueDuringOnChange=void 0}))},onChangeHandler(e){let t=e.target.checked;this.setValue(e,t)},onKeyDownHandler(e){if(this.$props.disabled)return;const{keyCode:i}=e;let a=e.currentTarget.checked;i===t.Keys.space&&(e.preventDefault(),e.stopPropagation(),this.setValue(e,!a))},onBlurHandler(e){this.$props.disabled||this.$emit("blur",{event:e})},onFocusHandler(e){this.$props.disabled||this.$emit("focus",{event:e})}}}),wt=i.defineComponent({name:"KendoRadioButton",props:{ariaDescribedBy:String,checked:Boolean,disabled:Boolean,className:String,content:[String,Number,Boolean,Object],dataItem:Object,id:String,label:String,labelRender:[String,Number,Boolean,Object],item:[String,Number,Boolean,Object],labelPlacement:String,name:String,index:Number,tag:{type:String,default:"div"},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},tabIndex:Number,value:[String,Number,Object],valid:{type:Boolean,default:void 0},role:String},emits:{change:e=>!0,focus:e=>!0,blur:e=>!0},created(){this.calculatedId=t.guid(),t.validatePackage(h)},mounted(){this.input=t.getRef(this,"input")},computed:{inputClassName(){return{"k-radio":!0,[`k-radio-${t.kendoThemeMaps.sizeMap[this.$props.size]}`]:this.$props.size,"k-invalid":!1===this.$props.valid,[this.$props.className]:this.$props.className}}},methods:{focusElement(){this.input&&this.input.focus()},handleChange(e){this.$emit("change",{event:e,value:this.$props.value})},handleFocus(e){this.$props.disabled||this.$emit("focus",{event:e,target:this})},handleBlur(e){this.$props.disabled||this.$emit("blur",{event:e,target:this})}},setup:()=>({inputRef:i.ref(null)}),render(){const e=t.getDefaultSlots(this),{ariaDescribedBy:a,checked:s,disabled:n,id:o,label:r,labelRender:l,labelPlacement:d,name:u,tabIndex:c,value:h,tag:p,role:m}=this.$props;let g=r;if(l){const e=l?t.templateRendering.call(this,l,t.getListeners.call(this)):null;g=t.getTemplate.call(this,{h:i.h,template:e})}const f=t.getTemplate.call(this,{h:i.h,template:this.$props.content}),v=void 0!==g?i.createVNode("label",{class:"k-radio-label",for:o||this.calculatedId,style:{userSelect:"none"},"aria-label":r},[g]):null,b=i.createVNode("input",{role:m,type:"radio",id:o||this.calculatedId,name:u,class:this.inputClassName,ref:t.setRef(this,"input"),disabled:n,tabindex:t.getTabIndex(c,n),checked:s,style:this.$attrs.style,"aria-describedby":a,value:h,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur},null),k="before"===d?i.h(p,[v,b,f,e]):i.h(p,[b,v,f,e]);return t.getTemplate.call(this,{h:i.h,template:this.$props.item,defaultRendering:k,defaultSlots:e,additionalListeners:{change:this.handleChange,focus:this.handleFocus,blur:this.handleBlur},additionalProps:{dataItem:this.$props.dataItem}})}}),Nt=i.defineComponent({name:"KendoRadioGroup",props:{ariaLabelledBy:String,ariaDescribedBy:String,dataItems:Array,defaultValue:[String,Number,Object],dir:String,disabled:Boolean,labelPlacement:String,item:{type:String,default:void 0},layout:{type:String,default:"vertical",validator:function(e){return["horizontal","vertical"].includes(e)}},name:String,modelValue:[String,Number,Object],value:[String,Number,Object],valid:{type:Boolean,default:void 0}},emits:{changemodel:e=>!0,"update:modelValue":e=>!0,change:e=>!0,focus:e=>!0,blur:e=>!0},model:{event:"changemodel"},created(){this.radioGroupName=t.guid(),t.validatePackage(h),this.stateChecked=this.$props.defaultValue},watch:{value(e){void 0===e&&(this.stateChecked=this.$props.defaultValue)}},mounted(){this.rtl=t.isRtl(this.$el)},computed:{radioGroupClasses(){const e=this.$props.layout;return{"k-radio-list":!0,"k-list-horizontal":"horizontal"===e,"k-list-vertical":"vertical"===e||void 0===e}},checkedRadioValue(){const e=this.$props.value;return void 0!==e?e:void 0!==this.$props.modelValue?this.$props.modelValue:this.stateChecked},currentDir(){return this.$props.dir||(this.rtl?"rtl":void 0)}},data:()=>({rtl:!1,stateChecked:void 0}),methods:{focusElement(){this.$el&&t.focusFirstFocusableChild(this.$el)},handleChange(e){let t=e.value;void 0===this.$props.value&&!this.$props.disabled&&(this.stateChecked=t),this.$props.disabled||(this.$emit("changemodel",t),this.$emit("update:modelValue",t),this.$emit("change",{event:e,value:t}))},handleFocus(e){this.$props.disabled||this.$emit("focus",e)},handleBlur(e){this.$props.disabled||this.$emit("blur",e)}},setup:()=>({inputRef:i.ref(null)}),render(){const{ariaLabelledBy:e,ariaDescribedBy:a,dataItems:s,disabled:n,name:o,labelPlacement:r,valid:l}=this.$props,d=s&&s.map((function(e,a){const s=this.checkedRadioValue===e.value,d=null===this.checkedRadioValue||void 0===this.checkedRadioValue,u=t.templateRendering.call(this,this.$props.item||e.item,t.getListeners.call(this));return i.createVNode(wt,{class:t.classNames("k-radio-item",{"k-disabled":e.disabled||n}),style:e.style,key:a,item:u,role:"none",tag:"li",valid:l,className:e.className,label:e.label,value:e.value,dataItem:e,checked:s,disabled:!(!e.disabled&&!n),labelPlacement:e.labelPlacement?e.labelPlacement:r,tabIndex:e.tabIndex?e.tabIndex:d&&0===a||s?0:-1,index:a,name:o||e.name||this.radioGroupName,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur},{default:()=>[e.content]})}),this);return i.createVNode("ul",{role:"radiogroup",class:this.radioGroupClasses,dir:this.currentDir,"aria-labelledby":e,"aria-describedby":a},[d])}});var It=(e=>(e.both="both",e.horizontal="horizontal",e.vertical="vertical",e.none="none",e))(It||{});const Bt=i.defineComponent({name:"KendoTextArea",model:{event:"changemodel"},emits:{input:e=>!0,change:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0,focus:e=>!0,blur:e=>!0},props:{title:String,ariaDescribedBy:String,ariaLabelledBy:String,autoSize:Boolean,modelValue:{type:[String,Array,Number],default:void 0},defaultValue:[String,Number],dir:String,disabled:Boolean,readOnly:Boolean,rows:Number,id:String,name:String,validationMessage:String,size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},required:Boolean,placeholder:String,tabIndex:Number,valid:{type:Boolean,default:void 0},value:[String,Array,Number],validityStyles:{type:Boolean,default:!0},iconName:String,inputPrefix:[String,Function],inputSuffix:[String,Function],showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,wrapperClass:String,flow:{type:String,default:"horizontal",validator:function(e){return["horizontal","vertical"].includes(e)}},resizable:{type:String,default:"vertical",validator:function(e){return["both","horizontal","vertical","none"].includes(e)}},inputAttributes:Object},created(){t.validatePackage(h),this.calculatedId=t.guid()},computed:{resizableClass(){const{resizable:e,autoSize:t}=this.$props;return t||e===It.none?"k-resize-none":e===It.vertical?"k-resize-y":e===It.horizontal?"k-resize-x":"k-resize"},rootClassName(){const{size:e,fillMode:i,rounded:a,required:s,showLoadingIcon:n}=this.$props,o=!0===this.validityStyles&&!this.isValid;return{"k-input":!0,"k-textarea":!0,[`k-input-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-input-${i}`]:i,[`k-rounded-${t.kendoThemeMaps.roundedMap[a]||a}`]:a,"k-disabled":this.$props.disabled,"k-invalid":o,"k-required":s,"k-loading":n,[this.resizableClass]:!0,"!k-flex-col":"vertical"===this.flow,"!k-flex-row":"horizontal"===this.flow,[this.wrapperClass]:this.wrapperClass}},inputInnerClass(){return{"k-input-inner":!0,"!k-resize-none":!0,"!k-overflow-auto":!0,"k-flex":!0,[this.inputClass]:this.inputClass}},prefixRenderClass(){return{"k-input-prefix":!0,"!k-align-items-start":"horizontal"===this.flow,"k-input-prefix-horizontal":"vertical"===this.flow,"k-input-prefix-vertical":"horizontal"===this.flow}},suffixRenderClass(){return{"k-input-suffix":!0,"!k-align-items-start":"horizontal"===this.flow,"k-input-suffix-horizontal":"vertical"===this.flow,"k-input-suffix-vertical":"horizontal"===this.flow}},suffixIconWrapClass:()=>({"k-flex-wrap":!0,"!k-align-items-start":!0}),computedValue(){let e;return e=void 0!==this.$props.value?this.$props.value:void 0!==this.$props.modelValue?this.$props.modelValue:this.currentValue,e},isValid(){return void 0!==this.valid?this.valid:!this.required||!!this.computedValue}},data(){return{currentValue:this.$props.defaultValue,textAreaHeight:"auto",currentDir:"ltr"}},watch:{size(){this.textAreaHeight="auto"},computedValue(){this.textAreaHeight="auto"}},mounted(){let e;this.element=this.elementRef,e=void 0!==this.$props.dir?this.$props.dir:t.isRtl(this.$el)?"rtl":"ltr",this.currentDir=e,this.setValidity()},updated(){this.element=this.elementRef,this.setValidity()},render(){const{ariaDescribedBy:e,ariaLabelledBy:a,autoSize:s,disabled:o,readOnly:r,required:l,rows:d,id:u,name:c,placeholder:h,tabIndex:p,iconName:m,showValidationIcon:g,showLoadingIcon:f,showClearButton:v,title:b,inputAttributes:k}=this.$props,$={...k,id:u||this.calculatedId,name:c,disabled:o,rows:d,title:b,placeholder:h,readOnly:r,required:l,tabIndex:t.getTabIndex(p,o),"aria-labelledby":a,"aria-describedby":e,"aria-multiline":!0,"aria-disabled":o||void 0,...this.$attrs},y=t.templateRendering.call(this,this.$props.inputPrefix,t.getListeners.call(this)),V=t.templateRendering.call(this,this.$props.inputSuffix,t.getListeners.call(this)),C=t.getTemplate.call(this,{h:i.h,template:y,additionalProps:{value:this.computedValue,valid:this.isValid,className:this.prefixRenderClass}}),S=t.getTemplate.call(this,{h:i.h,template:V,additionalProps:{value:this.computedValue,valid:this.isValid,className:this.suffixRenderClass}}),x=i.h("textarea",{...$,class:this.inputInnerClass,ref:e=>{this.elementRef=e},style:s?{overflow:"hidden",height:this.textAreaHeight}:{},value:this.computedValue,onChange:this.handleChange,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),w=[m&&i.createVNode("span",{class:"k-flex-wrap"},[i.createVNode(t.Icon,{name:m,class:"k-input-icon"},null)]),x,g&&this.isValid&&i.createVNode("span",{class:this.suffixIconWrapClass},[i.createVNode(t.Icon,{name:"check",icon:n.checkCircleIcon,class:"k-input-validation-icon"},null)]),g&&!this.isValid&&i.createVNode("span",{class:this.suffixIconWrapClass},[i.createVNode(t.Icon,{name:"exclamation-circle",icon:n.exclamationCircleIcon,class:"k-input-validation-icon"},null)]),f&&i.createVNode("span",{class:this.suffixIconWrapClass},[i.createVNode(t.Icon,{name:"loading",class:"k-input-loading-icon"},null)]),v&&this.computedValue&&i.createVNode("span",{class:this.suffixIconWrapClass},[i.createVNode("span",{onClick:this.clearClick,class:"k-clear-value"},[i.createVNode(t.Icon,{name:"x",icon:n.xIcon},null)])])];return i.createVNode("span",{class:this.rootClassName,dir:"rtl"===this.currentDir?this.currentDir:"",style:this.$attrs.style},[this.$props.inputPrefix&&C,m||g||f||v?i.createVNode("span",{class:"k-hstack k-flex"},[w]):w,this.$props.inputSuffix&&S])},methods:{setValidity(){var e,t;null==(t=null==(e=this.element)?void 0:e.setCustomValidity)||t.call(e,this.isValid?"":this.validationMessage||""),this.element&&(this.textAreaHeight=`${this.element.scrollHeight}px`)},clearClick(e){this.emitUpdate(e,"change","")},focus(){this.element&&this.element.focus()},emitUpdate(e,t,i){const a=i;this.$props.disabled||(this.currentValue=a),this.$props.disabled||(this.$emit("changemodel",a),this.$emit("update:modelValue",a),this.$emit(t,{event:e,component:this,name:this.element.name,value:a}))},handleChange(e){this.emitUpdate(e,"change",e.target.value)},handleInput(e){this.emitUpdate(e,"input",e.target.value)},handleFocus(e){this.$props.disabled||this.$emit("focus",{event:e,component:this,name:this.element.name})},handleBlur(e){this.$props.disabled||this.$emit("blur",{event:e,component:this,name:this.element.name})}}}),Lt=i.defineComponent({name:"KendoSignatureBottomActions",emits:{clear:null},props:{showClear:Boolean,size:String,title:String},methods:{onClear(e){this.$emit("clear",e)}},render(){const{showClear:e,title:t,size:a}=this.$props;return i.createVNode("div",{class:"k-signature-actions k-signature-actions-bottom"},[e&&i.createVNode(o.Button,{class:"k-signature-action k-signature-clear",icon:"x",svgIcon:n.xIcon,shape:null,fillMode:"flat",size:a,onClick:this.onClear,"aria-label":t,title:t},null)])}}),Dt=i.defineComponent({name:"KendoSignatureLine",render:()=>i.createVNode("div",{class:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}},null)}),Rt=i.defineComponent({name:"KendoSignatureCanvas",emits:{change:null,draw:null,drawend:null},inject:{kendoIntlService:{default:null}},props:{strokeWidth:Number,popupScale:Number,scale:Number,name:String,value:String,tabIndex:Number,disabled:Boolean,readOnly:Boolean,color:String,backgroundColor:String,elementSize:Function,smooth:Boolean},watch:{color(){this.setOptions()},backgroundColor(){this.setOptions()},smooth(){this.setOptions()},strokeWidth(){this.setOptions()},readOnly(){this.setOptions()}},mounted(){this.canvas=this.$el;const e=new c.SignaturePad(this.canvas,this.getOptions());this.value&&e.loadImage(this.value),this.instance=e,this.instance.setOptions({onChange:this.onValueChange,onDraw:this.onDraw,onDrawEnd:this.onDrawEnd})},unmounted(){this.instance&&this.instance.destroy()},render(){return i.createVNode("div",{class:"k-signature-canvas",tabindex:t.getTabIndex(this.$props.tabIndex,this.$props.disabled),role:"img",id:this.$props.id,"aria-label":this.$props.ariaLabel,"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,"aria-disabled":this.$props.disabled?"true":void 0},null)},methods:{onValueChange(){this.exportImage(this.elementSize()).then((e=>{this.$emit("change",e)}))},onDraw(){this.$emit("draw")},onDrawEnd(){this.$emit("drawend")},loadImage(e){this.instance.loadImage(e)},clear(){this.instance.clear()},getOptions(){return{scale:this.popupScale,color:this.color,backgroundColor:this.backgroundColor,strokeWidth:this.$props.strokeWidth,smooth:this.$props.smooth,readonly:this.$props.readOnly}},exportImage(e){var t;const{width:i,height:a}=e;return null==(t=this.instance)?void 0:t.exportImage({width:i*this.scale,height:a*this.scale})},setOptions(){this.instance&&this.instance.setOptions(this.getOptions())}}}),Ot=i.defineComponent({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:()=>({isDrawing:!1}),mounted(){this.openCanvas=t.getRef(this,"openCanvas")},render(){const{showClear:e,popupWidth:a,popupHeight:s,dir:l,size:d,value:c,tabIndex:h,disabled:p,readOnly:m,color:g,backgroundColor:f,strokeWidth:v,smooth:b,popupScale:k,scale:$,elementSize:y}=this.$props,V=r.provideLocalizationService(this),C=V.toLanguageString(he,pe[he]),S=V.toLanguageString(ue,pe[ue]),x=!this.$props.hideLine&&i.createVNode(Dt,null,null),w=i.createVNode(Lt,{showClear:e,size:d,onClear:this.onClear,title:S},null);return i.createVNode(u.Dialog,{ref:t.setRef(this,"dialog"),onOverlayclick:this.onOverlayClick},{default:()=>[i.createVNode("div",{style:{width:a+"px",height:s+"px"},dir:l,class:this.openWrapperClass,onFocus:this.onFocus,onBlur:this.onBlur},[i.createVNode(Rt,{ref:t.setRef(this,"openCanvas"),value:c,tabIndex:h,disabled:p,readOnly:m,color:g,backgroundColor:f,strokeWidth:v,smooth:b,popupScale:k,scale:$,onChange:this.onValueChange,elementSize:y,onDraw:this.onDraw,onDrawend:this.onDrawEnd},null),i.createVNode("div",{class:"k-signature-actions k-signature-actions-top"},[!this.isDrawing&&i.createVNode(o.Button,{class:"k-signature-action k-signature-minimize k-rotate-180",ref:t.setRef(this,"minimizeButton"),icon:"hyperlink-open",svgIcon:n.hyperlinkOpenIcon,shape:null,fillMode:"flat",size:this.$props.size,onClick:this.onMinimizeClick,"aria-label":C,title:C},null)]),x,w])]})},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)}}});const Mt=i.defineComponent({name:"KendoSignature",model:{event:"changemodel"},emits:{change:e=>!0,focus:e=>!0,blur:e=>!0,open:e=>!0,close:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0},inject:{kendoLocalizationService:{default:null}},props:{strokeWidth:{type:Number,default:1},smooth:Boolean,popupScale:{type:Number,default:3},exportScale:{type:Number,default:2},modelValue:String,name:String,value:String,tabIndex:Number,dir:String,ariaDescribedBy:String,ariaLabelledBy:String,ariaLabel:String,hideLine:Boolean,open:{type:Boolean,default:void 0},readOnly:Boolean,disabled:Boolean,validationMessage:String,maximizable:{type:Boolean,default:!0},color:String,backgroundColor:String,validityStyles:{type:Boolean,default:!0},required:{type:Boolean,default:!1},valid:{type:Boolean,default:void 0},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}}},created(){t.validatePackage(h)},computed:{wrapperClass(){return{...this.openWrapperClass,"k-signature-maximized":!1}},openWrapperClass(){const e=!this.validityStyles||this.validityGetter().valid;return{"k-input":!0,"k-signature":!0,"k-signature-maximized":!0,[`k-signature-${t.kendoThemeMaps.sizeMap[this.$props.size]||this.$props.size}`]:this.$props.size,[`k-input-${this.$props.fillMode}`]:this.$props.fillMode,[`k-rounded-${t.kendoThemeMaps.roundedMap[this.$props.rounded]||this.$props.rounded}`]:this.$props.rounded,"k-invalid":!e,"k-required":this.$props.required,"k-disabled":this.$props.disabled,"k-focus":this.focused}},computedValue(){return void 0!==this.value?this.value:void 0!==this.$props.modelValue?this.$props.modelValue:this.currentValue},computedOpen(){return void 0!==this.open?this.open:this.currentOpen},computedColor(){let e="#000000";return!this.$props.color&&"undefined"!=typeof document&&this.$el&&(e=getComputedStyle(this.$el).color),this.$props.color||e},computedBgColor(){let e="#ffffff";return!this.$props.backgroundColor&&"undefined"!=typeof document&&this.$el&&(e=getComputedStyle(this.$el).backgroundColor),this.$props.backgroundColor||e}},watch:{computedValue(e){e!==this.currentValue&&this.loadImage(e)},computedOpen(){this.loadImage(this.computedValue)}},data:()=>({focused:!1,isDrawing:!1,currentValue:void 0,popupValue:void 0,currentOpen:!1}),mounted(){this.setRefs()},updated(){this.setRefs()},setup:()=>({inputRef:i.ref(null)}),render(){const e=r.provideLocalizationService(this),a=!(this.computedOpen||this.isDrawing||!this.$props.maximizable||this.$props.disabled),s=!(!this.computedValue||this.isDrawing||this.$props.readOnly||this.$props.disabled),l=e.toLanguageString(ce,pe[ce]),d=e.toLanguageString(ue,pe[ue]),u=i.createVNode("div",{class:"k-signature-actions k-signature-actions-top"},[a&&i.createVNode(o.Button,{class:"k-signature-action k-signature-maximize",ref:t.setRef(this,"maximizeButton"),icon:"hyperlink-open",svgIcon:n.hyperlinkOpenIcon,shape:null,fillMode:"flat",size:this.$props.size,onClick:this.onMaximizeClick,"aria-label":l,title:l},null)]),c=!this.$props.hideLine&&i.createVNode(Dt,null,null),h=i.createVNode(Lt,{showClear:s,size:this.size,onClear:this.onClear,title:d},null);return i.createVNode("div",{dir:this.$props.dir,class:this.wrapperClass,onFocus:this.onFocus,onBlur:this.onBlur},[i.createVNode(Rt,{ref:t.setRef(this,"canvas"),name:this.name,value:this.computedValue,tabIndex:this.tabIndex,disabled:this.disabled,readOnly:this.readOnly,color:this.computedColor,backgroundColor:this.computedBgColor,strokeWidth:this.strokeWidth,smooth:this.smooth,popupScale:1,scale:this.exportScale,onChange:this.onValueChange,elementSize:this.elementSize,onDraw:this.onDraw,onDrawend:this.onDrawEnd},null),u,c,h,this.computedOpen&&i.createVNode(Ot,{ref:t.setRef(this,"dialog"),openWrapperClass:this.openWrapperClass,popupWidth:this.popupWidth,popupHeight:this.popupHeight,showClear:s,onClose:this.onMinimizeClick,onClear:this.onClear,onOverlayclick:this.onOverlayClick,onFocus:this.onFocus,onBlur:this.onBlur,value:this.computedValue,tabIndex:this.tabIndex,disabled:this.disabled,readOnly:this.readOnly,color:this.computedColor,backgroundColor:this.computedBgColor,strokeWidth:this.strokeWidth,smooth:this.smooth,popupScale:this.$props.popupScale,scale:1/this.popupScale*this.exportScale,onChange:this.onValueChange,elementSize:this.elementSize,onDraw:this.onDraw,onDrawend:this.onDrawEnd},null)])},methods:{setRefs(){this.canvas=t.getRef(this,"canvas"),this.minimizeButton=t.getRef(this,"minimizeButton"),this.maximizeButton=t.getRef(this,"maximizeButton"),this.dialog=t.getRef(this,"dialog"),this.popupWidth=this.popupSize().width,this.popupHeight=this.popupSize().height},onOverlayClick(){this.currentOpen=!1},onValueChange(e){this.currentValue=e,this.$emit("changemodel",e),this.$emit("update:modelValue",e),this.$emit("change",{value:e})},onDialogChange(e){this.onValueChange(e.value)},reset(){this.clear(),this.onValueChange()},clear(){this.canvas&&this.canvas.clear(),this.dialog&&this.dialog.openCanvas&&this.dialog.openCanvas.clear()},loadImage(e){this.canvas&&this.canvas.loadImage(e),this.dialog&&this.dialog.openCanvas&&this.dialog.openCanvas.loadImage(e)},onDialogClose(e){var t;this.onMinimizeClick(e),null==(t=this.maximizeButton||this.canvas.$el)||t.focus()},exportImage(e){var t;const{width:i,height:a}=e;return null==(t=this.canvas.instance)?void 0:t.exportImage({width:i*this.exportScale,height:a*this.exportScale})},validityGetter(){const e=void 0!==this.$props.validationMessage,t=!this.computedValue;return{customError:e,valid:void 0!==this.$props.valid?this.$props.valid:!this.required||!t,valueMissing:t}},focusElement(){this.canvas.$el.focus()},getImperativeHandle(){const e={element:this.$el,focus:this.focusElement()};return Object.defineProperty(e,"name",{get:()=>this.name}),Object.defineProperty(e,"value",{get:()=>this.computedValue}),Object.defineProperty(e,"validity",{get:()=>this.validityGetter()}),Object.defineProperty(e,"validityStyles",{get:()=>this.validityStyles}),Object.defineProperty(e,"required",{get:()=>this.required}),Object.defineProperty(e,"color",{get:()=>this.computedColor}),Object.defineProperty(e,"backgroundColor",{get:()=>this.computedBgColor}),e},onFocus(e){this.focused||this.computedOpen||(this.focused(!0),this.$emit("focus",{event:e,...this.getImperativeHandle()}))},onBlur(e){(function(e,t){let i=e;for(;i&&i!==t;)i=i.parentNode;return!!i})(e.relatedTarget,this.$el)||(this.focused=!1,this.$emit("blur",{event:e,...this.getImperativeHandle()}))},onMaximizeClick:async function(e){this.exportImage(this.popupSize()).then((e=>{this.currentValue=e})),this.currentOpen=!0,this.$emit("open",{event:e,...this.getImperativeHandle()})},onMinimizeClick(e){this.currentOpen=!1,this.$emit("close",{event:e,...this.getImperativeHandle()})},onClear(){this.reset(),this.focusElement()},elementSize(){return{width:this.$props.width||this.$el&&this.$el.offsetWidth||250,height:this.$props.height||this.$el&&this.$el.offsetHeight||84}},popupSize(){const{width:e,height:t}=this.elementSize();return{width:e*this.popupScale,height:t*this.popupScale}},onDraw(){this.isDrawing=!0},onDrawEnd(){this.isDrawing=!1}}}),zt=i.defineComponent({name:"KendoVueRatingItem",emits:{click:e=>!0,keydown:null,focus:null,blur:null,mouseenter:e=>!0,mouseleave:e=>!0,mousemove:e=>!0},props:{id:String,tabIndex:Number,half:Boolean,title:String,icon:Object,selected:Boolean,hovered:Boolean,onClick:Function,onKeyDown:Function,onFocus:Function,onBlur:Function,onMouseEnter:Function,svgIconOutline:Object,svgIcon:Object,haveSelectedValue:Boolean,item:String,itemTemplate:Object,dir:{type:String,default:"ltr",validator:function(e){return[null,"ltr","rtl"].includes(e)}},value:{type:Number,required:!0}},setup:()=>({inputRef:i.ref(null)}),computed:{wrapperClass(){return t.classNames(`k-rating-item${"rtl"===this.$props.dir?" k-rtl":""}${this.$props.haveSelectedValue||this.$props.selected?" k-selected":""}${this.$props.hovered?" k-hover":""}`)}},render(){const{id:e,dir:a,half:s,tabIndex:o,title:r,icon:l,svgIcon:d,svgIconOutline:u,hovered:c,selected:h,haveSelectedValue:p,item:m,itemTemplate:g}=this.$props,f=t.getTemplate.call(this,{h:i.h,template:g,additionalProps:{dir:a,half:s,title:r,icon:l,svgIcon:d,svgIconOutline:u,hovered:c,selected:h,haveSelectedValue:p},additionalListeners:{onclick:this.handleClick,onkeydown:this.handleKeyDown,onfocus:this.handleFocus,onblur:this.handleBlur,onmouseenter:this.handleMouseEnter,onmouseleave:this.handleMouseLeave,onmousemove:this.handleMouseMove}});return i.createVNode("span",{id:e,dir:a,"data-half":s,tabindex:o,title:r,class:this.wrapperClass,onClick:this.handleClick,onKeydown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave,onMousemove:this.handleMouseMove},[m?f:[s&&i.createVNode("span",{class:"k-rating-precision-complement"},[!(l||u)&&i.createVNode(t.Icon,{name:"star-outline",icon:n.starOutlineIcon,style:"rtl"===a?{clipPath:"inset(0 50% 0 0)"}:{clipPath:"inset(0 0 0 50%)"},size:"xlarge"},null),(l||u)&&i.createVNode(t.Icon,{name:t.getIconName(`${l}-outline`),icon:u,size:"xlarge"},null)]),s&&i.createVNode("span",{class:"k-rating-precision-part"},[!(l||d)&&i.createVNode(t.Icon,{name:"star",icon:n.starIcon,style:"rtl"===a?{clipPath:"inset(0 0 0 50%)"}:{clipPath:"inset(0 50% 0 0)"},size:"xlarge"},null),(l||d)&&i.createVNode(t.Icon,{name:l?t.getIconName(l):void 0,icon:d,size:"xlarge"},null)]),s&&i.createVNode("span",{style:{width:"24px",height:"24px",display:"block"}},null),!s&&(!(l||d)&&(c||h&&!c)&&i.createVNode(t.Icon,{name:"star",icon:n.starIcon,size:"xlarge"},null)||!(l||d)&&!c&&!h&&i.createVNode(t.Icon,{name:"star-outline",icon:n.starOutlineIcon,size:"xlarge"},null)||(l||d)&&(c||h&&!c)&&i.createVNode(t.Icon,{name:l,icon:d,size:"xlarge"},null)||(l||d)&&!c&&i.createVNode(t.Icon,{name:t.getIconName(`${l}-outline`),icon:u,size:"xlarge"},null))]])},methods:{handleClick(e){this.$emit("click",{value:this.$props.value,target:this.$el,event:e})},handleMouseLeave(e){this.$emit("mouseleave",{target:this.$el,event:e})},handleMouseMove(e){this.$emit("mousemove",{value:this.$props.value,target:this.$el,event:e})},handleMouseEnter(e){this.$emit("mouseenter",{target:this.$el,event:e})},handleKeyDown(e){this.$emit("keydown",e)},handleFocus(e){this.$emit("focus",e)},handleBlur(e){this.$emit("blur",e)}}}),Tt=(e,t)=>{if(e%1){const i=Math.pow(10,(t.toString().split(".")[1]||t.toString().split(".")[0]).length);return Math.round(e*i)/i}return e},Pt=(e,t,i)=>Tt(e-i,i)<t&&t<e,Kt=(e,t,i,a)=>null!==t&&("continues"===a?Pt(e,t,i)?Tt(e-i/2,i/2)<=t:e<=t:"single"===a&&(Pt(e,t,i)?Tt(e-i/2,i/2)===t:e===t)),Ft=(e,t,i)=>"ltr"===e?i<t.x+t.width/2:i>t.x+t.width/2;var _t=(e=>(e.select="select",e.deselect="deselect",e.increase="increase",e.decrease="decrease",e.min="min",e.max="max",e.reset="reset",e))(_t||{});const At=(e,t)=>{switch(t.type){case"select":return void 0===t.payload||void 0===t.step?e:t.payload===e?null:t.payload>=t.min?t.payload<t.max?Tt(t.payload,t.step):t.max:t.min;case"deselect":case"reset":return null;case"increase":return void 0===t.step?e:e<t.min?t.min:e+t.step<t.max?Tt(e+t.step,t.step):t.max;case"decrease":return void 0===t.step?e:Tt(e-t.step,t.step)>=t.min?Tt(e-t.step,t.step):t.min;case"min":return void 0===t.step?e:t.min;case"max":return t.max;default:return e}},jt=i.defineComponent({name:"Rating",emits:{change:e=>!0,keydown:e=>!0,focus:e=>!0,blur:e=>!0,click:e=>!0,mouseleave:e=>!0,mousemove:e=>!0},props:{min:{type:Number,default:1},max:{type:Number,default:5},step:{type:Number,default:1},item:{type:[String,Object,Function]},precision:{type:String,default:"item",validator:function(e){return["item","half"].includes(e)}},selection:{type:String,default:"continues",validator:function(e){return["continues","single"].includes(e)}},value:Number,icon:String,svgIconOutline:Object,svgIcon:Object,tabIndex:Number,disabled:Boolean,readonly:Boolean,id:String,half:Boolean,defaultValue:Number,label:String},created(){t.validatePackage(h)},inject:{kendoLocalizationService:{default:null}},data:function(){return{focused:!1,currentValue:this.defaultValue||null,currentHovered:null}},setup:()=>({inputRef:i.ref(null)}),computed:{base(){return this.$props.step/("half"===this.$props.precision?2:1)},computedValue(){return void 0!==this.$props.value?this.$props.value:this.$data.currentValue}},render(){const e=r.provideLocalizationService(this),{min:a,max:s,step:n,id:o,dir:l,label:d,selection:u,precision:c,svgIcon:h,icon:p,item:m,value:g,tabIndex:f,disabled:v,readonly:b,ariaLabelledBy:k,ariaDescribedBy:$,svgIconOutline:y}=this.$props,V=Array.from({length:s-a+1},((e,t)=>a+t)),C=((e,t)=>e-t*Math.floor(e/t))(Tt(s-a,this.base),n),S=this.computedValue,x=this.$data.currentHovered;return i.createVNode("span",{id:o,ref:"ratingRef",role:"slider",dir:l,tabindex:t.getTabIndex(f,v,void 0),class:t.classNames("k-rating",{"k-rtl":"rtl"===l,"k-readonly":b,"k-disabled":v}),onKeydown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:()=>this.$data.focused=!0,"aria-valuemin":a,"aria-valuemax":s,"aria-valuenow":null!==g?g:void 0,"aria-disabled":v?"true":void 0,"aria-label":e.toLanguageString(de,pe[de]),"aria-labelledby":k,"aria-describedby":$},[i.createVNode("input",{id:"rating",class:"k-hidden",readonly:b,disabled:v},null),i.createVNode("span",{class:"k-rating-container"},[V.map((function(e){const a=Tt(e+C,this.base),s="half"===c&&Pt(a,null!==x?x:null!==S?S:0,n),o=Kt(a,S,n,u),r=Kt(a,null!==x?x:S,n,u),d=Kt(a,x,n,u),g=t.templateRendering.call(this,m,t.getListeners.call(this));return i.createVNode(zt,{key:a,value:a,dir:l,title:String(s?Tt(a-n/2,this.base):a),icon:p,svgIcon:h,svgIconOutline:y,haveSelectedValue:o,half:s,selected:r,hovered:d,item:m,itemTemplate:g,onClick:this.handleItemClick,onMousemove:this.handleMouseMove,onMouseleave:this.handleMouseLeave},null)}),this)]),d&&i.createVNode("span",{class:"k-rating-label"},[d])])},methods:{handleFocus(e){this.$emit("focus",{event:e})},handleBlur(e){this.$emit("blur",{event:e})},handleChange(e,t){this.$emit("change",{value:e,target:this.$refs.ratingRef,event:t})},handleKeyDown(e){if(!this.$props.readonly&&!this.$props.disabled){switch(e.keyCode){case t.Keys.right:e.preventDefault(),this.dispatchValue({type:"rtl"===this.$props.dir?_t.decrease:_t.increase,event:e});break;case t.Keys.left:e.preventDefault(),this.dispatchValue({type:"rtl"===this.$props.dir?_t.increase:_t.decrease,event:e});break;case t.Keys.home:e.preventDefault(),this.dispatchValue({type:"rtl"===this.$props.dir?_t.min:_t.max,event:e});break;case t.Keys.end:e.preventDefault(),this.dispatchValue({type:"rtl"===this.$props.dir?_t.max:_t.min,event:e});break;case t.Keys.esc:e.preventDefault(),this.dispatchValue({type:_t.deselect,event:e})}this.$emit("keydown",{value:this.$data.currentValue,event:e})}},handleItemClick(e){const{event:t,value:i,target:a}=e;if(a&&i&&!this.$props.readonly&&!this.$props.disabled){if("half"===this.$props.precision){const s=a.getBoundingClientRect(),n=Ft(this.$props.dir?this.$props.dir:"ltr",s,e.event.clientX)?Tt(i-this.$props.step/2,this.base):i;this.dispatchValue({type:_t.select,payload:n,event:t})}else this.dispatchValue({type:_t.select,payload:i,event:t});this.$emit("click",t)}},handleMouseMove(e){const{event:t,value:i,target:a}=e;if(a&&i)if("half"===this.$props.precision){const e=a.getBoundingClientRect(),s=Ft(this.$props.dir?this.$props.dir:"ltr",e,t.clientX)?i-this.$props.step/2:i;this.dispatchHover({type:_t.select,payload:s,event:t})}else this.dispatchHover({type:_t.select,payload:i,event:t})},handleMouseLeave(e){this.dispatchHover({type:_t.reset,event:e.event})},dispatchValue(e){const t={state:this.$props.value,min:this.$props.min,max:this.$props.max,step:this.base},i=t.state||this.$data.currentValue,a=At(i,{...e,...t}),s=e.event;this.handleChange(a,s),this.$data.currentValue=a},dispatchHover(e){const t={state:this.$props.value,min:this.$props.min,max:this.$props.max,step:this.base,precision:this.$props.precision},i=At(t.state,{...e,...t});this.$data.currentHovered=i}}});e.Checkbox=xt,e.ColorGradient=Ge,e.ColorPalette=Ze,e.ColorPicker=st,e.FlatColorPicker=et,e.Input=rt,e.InputSeparator=ot,e.MaskedTextBox=Vt,e.NumericTextBox=Te,e.RadioButton=wt,e.RadioGroup=Nt,e.RangeSlider=St,e.Rating=jt,e.SLIDER_LABEL_ATTRIBUTE=Ee,e.Signature=Mt,e.Slider=We,e.SliderLabel=He,e.Switch=nt,e.TextArea=Bt,e.TextAreaResizeEnum=It,e.TextBox=x}));

package/package-metadata.js CHANGED Viewed

@@ -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={name:"@progress/kendo-vue-inputs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1769424432,version:"7.1.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-inputs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1769676059,version:"7.1.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs CHANGED Viewed

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1769424432,
-  version: "7.1.0-develop.5",
+  publishDate: 1769676059,
+  version: "7.1.0-develop.6",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
 export {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-inputs",
-  "version": "7.1.0-develop.5",
+  "version": "7.1.0-develop.6",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -20,13 +20,13 @@
   "peerDependencies": {
     "@progress/kendo-drawing": "^1.21.1",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-animation": "7.1.0-develop.5",
-    "@progress/kendo-vue-buttons": "7.1.0-develop.5",
-    "@progress/kendo-vue-common": "7.1.0-develop.5",
-    "@progress/kendo-vue-dialogs": "7.1.0-develop.5",
-    "@progress/kendo-vue-intl": "7.1.0-develop.5",
-    "@progress/kendo-vue-labels": "7.1.0-develop.5",
-    "@progress/kendo-vue-popup": "7.1.0-develop.5",
+    "@progress/kendo-vue-animation": "7.1.0-develop.6",
+    "@progress/kendo-vue-buttons": "7.1.0-develop.6",
+    "@progress/kendo-vue-common": "7.1.0-develop.6",
+    "@progress/kendo-vue-dialogs": "7.1.0-develop.6",
+    "@progress/kendo-vue-intl": "7.1.0-develop.6",
+    "@progress/kendo-vue-labels": "7.1.0-develop.6",
+    "@progress/kendo-vue-popup": "7.1.0-develop.6",
     "@progress/kendo-svg-icons": "^4.4.0",
     "vue": "^3.0.2"
   },
@@ -49,7 +49,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1769424432,
+      "publishDate": 1769676059,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
     }
   },