@progress/kendo-vue-inputs 6.0.0-develop.7 → 6.0.0
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.
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
!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-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-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.KendoVueDialogs,e.KendoInputsCommon)}(this,(function(e,t,i,a,s,n,l,r,o,d,u){"use strict";const c={name:"@progress/kendo-vue-inputs",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1658759014,version:"",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"},h=e=>null!=e,p=(e,t,i)=>!h(e)||isNaN(e)||e<=t?t:e>=i?i:e,m=(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(!h(e))return;const n=a.parseColor(e.trim(),s);return h(n)?"hex"===t?g(n,i):n.toCssRgba():void 0},g=(e,t)=>t&&e.a<1?e.toCss({alpha:!0}):e.toCss(),f=(e,t=!0)=>{const i=a.parseColor(e,t);return h(i)?i.toHSV():{}},v=(e,t=!0)=>{const i=a.parseColor(e,t);return h(i)?i.toBytes():{}},b=e=>{const t=p(e.h,0,359.9),i=p(e.s,0,1),s=p(e.v,0,1),n=p(e.a,0,1);return a.Color.fromHSV(t,i,s,n).toCssRgba()},$=e=>b({h:e,s:1,v:1,a:1}),k=(e,t)=>{const i=p(e.r,0,255),a=p(e.g,0,255),s=p(e.b,0,255),n=p(e.a,0,1),l=p(t.r,0,255),r=p(t.g,0,255),o=p(t.b,0,255);return{r:Math.round((1-n)*l+n*i),g:Math.round((1-n)*r+n*a),b:Math.round((1-n)*o+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]},y=(e,t)=>((e,t)=>(Math.max(e,t)+.05)/(Math.min(e,t)+.05))(V(k(e,t)),V(k(t,{r:0,g:0,b:0,a:1})));let C=class{constructor(){this.colorRows=[]}setColorMatrix(e,t){if(this.colorRows=[],h(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(!h(e))return;const t=e&&a.parseColor(e,!0),i=[e];h(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(h(e)&&h(this.colorRows[e.row]))return this.colorRows[e.row][e.col]}getNextCell(e,t,i){if(!(h(e)&&h(e.row)&&h(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 S={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}},x="office",w=i.defineComponent({name:"KendoColorPalette",model:{event:"changemodel"},emits:{keydown:null,focus:null,blur:null,changemodel:null,"update:modelValue":null,"update:modelRgbaValue":null,change:null},props:{palette:{type:[String,Array],default:x},columns:Number,tileSize:{type:[Number,Object],default:24},modelValue:String,modelRgbaValue:String,defaultValue:String,value:String,disabled:Boolean,tabIndex:Number,id:String,ariaLabelledBy:String,ariaDescribedBy:String},created(){t.validatePackage(c),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 e=this.getPaletteInfo(),a=this.paletteService=new C;a.setColorMatrix(e.colors,e.columns);const s=a.getCellCoordsFor(this.selectedColor),n=a.getCellCoordsFor(this.focusedColor),l=t.classNames("k-colorpalette",{"k-disabled":this.$props.disabled}),r=function(e,a,s,n){const l=void 0!==s&&s.row===a,r=s&&s.col,o=void 0!==n&&n.row===a,d=n&&n.col,u="number"!=typeof this.$props.tileSize?this.$props.tileSize:{width:this.$props.tileSize,height:this.$props.tileSize},c=u.width+"px",h=u.height+"px";return e.map((function(e,s){const n=l&&r===s,u=t.classNames("k-colorpalette-tile",{"k-selected":n,"k-focus":o&&d===s});return i.createVNode("td",{class:u,"aria-label":e,"aria-selected":!!n||!!this.$props.disabled&&void 0,style:{backgroundColor:e,width:c,height:h,minWidth:c},onClick:t=>this.onColorClick(e,t),id:this.createCellId({row:a,col:s}),key:s,role:"gridcell"},null)}),this)};return e.colors.length?i.createVNode("div",{id:this.$props.id,class:l,onFocusin:this.onFocus,onFocusout:this.onBlur,onKeydown:this.onKeyDown,"aria-disabled":this.$props.disabled?"true":void 0,"aria-activedescendant":n&&this.createCellId(n),"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},[r.call(this,e,s,t,a)])}),this)}.call(this,a.colorRows,s,n)])])]):""},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=m(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=S[this.$props.palette];return h(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}`}}}),N={opacity:!0},I={palette:x,tileSize:24};const B=i.defineComponent({model:{event:"changemodel"},inheritAttrs:!1,emits:{input:null,change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null,keyup:null,keydown:null,keypress:null},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],inputSuffix:[String,Function],showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,wrapperClass:String,tabIndex:Number,role:String,title:String,ariaLabel:String},data:function(){return{hasMounted:!1,autofill:!1,currentValue:"",valueDuringOnChange:"",focused:!1}},created(){t.validatePackage(c),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:l,required:r,iconName:o,showValidationIcon:d,showLoadingIcon:u,showClearButton:c}=this.$props,h=l||this._inputId,p=i.h("input",{...this.$attrs,"aria-label":this.$props.ariaLabel,role:this.$props.role,title:this.$props.title,tabindex:this.$props.tabIndex,placeholder:this.$props.placeholder,id:h,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}),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:e}}),v=t.getTemplate.call(this,{h:i.h,template:g,additionalProps:{value:this.computedValue,valid:e}}),b=i.createVNode("span",{class:this.inputWrapperClass(),ref:e=>{this.wrapperRef=e}},[o&&i.createVNode(t.Icon,{name:o,class:"k-input-icon"},null),this.$props.inputPrefix&&i.createVNode("span",{class:"k-input-prefix"},[f]),p,this.$props.inputSuffix&&i.createVNode("span",{class:"k-input-suffix"},[v]),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:h,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)}(b)?b:{default:()=>[b]}):b},methods:{updateValidClass(){this.wrapper.classList.toggle("k-invalid",!this.validity().valid)},emitFocus(e){this.$emit("focus",e),this.$data.focused=!0},emitBlur(e){this.$emit("blur",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}}}),L=i.defineComponent({name:"KendoHexInput",emits:{hexchange:null,blur:null,focus:null},props:{tabIndex:Number,hex:String,disabled:Boolean,id:String},computed:{isHexValid(){return!!m(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(B,{id:this.$props.id,value:this.currentHex,onInput:this.onChange,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,valid:this.isHexValid,disabled:this.$props.disabled,tabIndex:this.tabIndex,ref:"input"},null)},methods:{onChange(e){const t=e.target.value,i=m(t,"rgba");this.currentHex=t,h(i)&&this.$emit("hexchange",{hex:t,value:i,event:e})},onBlur(e){h(m(this.hex,"rgba"))||(this.currentHex=this.originalHex),this.$emit("blur",e)},onFocus(e){this.$emit("focus",e)}}}),D="numerictextbox.increment",R="numerictextbox.decrement",O="slider.increment",M="slider.decrement",z="slider.dragTitle",T="colorGradient.dragHandle",P="colorGradient.r",K="colorGradient.g",F="colorGradient.b",_="colorGradient.a",H="colorGradient.hex",E="colorGradient.hexLabel",j="colorGradient.inputColorButton",A="colorGradient.rLabel",q="colorGradient.gLabel",W="colorGradient.bLabel",G="colorGradient.aLabel",U="colorGradient.contrastRatio",X="colorGradient.colorGradientAALevel",Y="colorGradient.colorGradientAAALevel",Z="colorGradient.colorGradientPass",J="colorGradient.colorGradientFail",Q="colorGradient.hueSliderLabel",ee="colorGradient.alphaSliderLabel",te="flatColorPicker.cancelBtn",ie="flatColorPicker.applyBtn",ae="flatColorPicker.gradientBtn",se="flatColorPicker.paletterBtn",ne="flatColorPicker.clearBtn",le="checkbox.validation",re="checkbox.optionalText",oe="radioButton.validation",de="switch.validation",ue="colorPicker.dropdownButtonAriaLabel",ce="colorGradient.toggleInputsButton",he="rating.ariaLabel",pe="signature.clear",me="signature.maximize",ge="signature.minimize",fe={[D]:"Increase value",[R]:"Decrease value",[O]:"Increase",[M]:"Decrease",[z]:"Drag",[T]:"Color well with two-dimensional slider for selecting\n saturation and lightness. Selected color is",[j]:"Change the color input",[P]:"r",[K]:"g",[F]:"b",[_]:"a",[A]:"red chanel",[q]:"green chanel",[W]:"blue chanel",[G]:"alpha chanel",[H]:"hex",[E]:"HEX",[U]:"Contrast ratio",[X]:"AA",[Y]:"AAA",[Z]:"Pass",[J]:"Fail",[Q]:"Hue slider",[ee]:"Alpha slider",[ce]:"Toggle colorgradient inputs",[te]:"Cancel",[ie]:"Apply",[ae]:"Gradient",[se]:"Palette",[ne]:"Clear",[le]:"Please check this box if you want to proceed!",[re]:"(Optional)",[oe]:"Please select option if you want to proceed!",[de]:"Please turn on if you want to proceed!",[ue]:"Select",[he]:"Rating",[pe]:"Clear",[me]:"Maximize",[ge]:"Minimize"},ve=1111111.1111111,be=/\d/,$e=(e,t)=>void 0!==e?e:t,ke=(e,t,i)=>null===e&&void 0===e?"":"string"==typeof e?e:i.formatNumber(e,t),Ve=e=>(String(e).split(".")[1]||"").length,ye=(e,t)=>Math.max(Ve(e),Ve(t)),Ce=(e,t)=>{const i=(e=>Math.min(e,15))(t);return parseFloat(e.toFixed(i))},Se=(e,t,i,a,s,n,l)=>{const r=ye(e||0,i||0),o=we(Ce((e||0)+(i||0),r),a,s);t.eventValue=o,t.currentLooseValue=ke(o,n,l),t.selectionStart=t.selectionEnd=De(t.currentLooseValue,be)},xe=(e,t,i,a,s,n,l)=>{const r=ye(e||0,i||0),o=we(Ce((e||0)-(i||0),r),a,s);t.eventValue=o,t.currentLooseValue=ke(o,n,l),t.selectionStart=t.selectionEnd=De(t.currentLooseValue,be)},we=(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),Ne=(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)},Ie=(e,t,i,a)=>{e.eventValue=a.parseNumber(e.prevLooseValue,t),e.currentLooseValue=e.prevLooseValue,e.valueIsCorrected=!0,Ne(e,e.selectionStart,e.currentLooseValue,i)},Be=(e,t)=>{const i=e.indexOf(t.decimal);return i>-1?i:De(e,be)},Le=e=>e.split("").reverse().join(""),De=(e,t)=>e.length-Le(e).search(t),Re=e=>e.split(e[e.search(be)])[0],Oe=e=>{const t=Le(e);return Le(t.split(t[t.search(be)])[0])},Me=(e,t)=>e.search(t),ze=(e,t)=>{const i=e.indexOf(t);return i>-1?e.length-i-1:0},Te=(e,t,i,a,s)=>{const n="0"===e.replace(s,"")[0],l="0"===t.replace(s,"")[0];if(n&&!l)return i-1;if(l&&a)return i+1;let r=0;for(let t=0;t<i;t++)be.test(e.charAt(t))&&r++;let o=0;for(;r>0&&t.length>o;)be.test(t.charAt(o))&&r--,o++;return o},Pe=(e,t,i)=>{const a={...e},{prevLooseValue:s}=a,n=i.numberSymbols(),l=((e,t)=>{const i=t.formatNumber(ve,e),a=t.formatNumber(-ve,e),s=t.formatNumber(0,e),n=t.formatNumber(1,e),l=t.numberSymbols(),r=new RegExp(`[\\d\\${l.decimal}${l.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),o=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=Me(r,be),m=-1===p?-1:De(r,be),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!==l.indexOf(e)||-1!==e.search(c))).join(""),v=i.formatNumber(.31111111111111117,t).replace(d,""),b=v.indexOf(n.decimal),$=b>-1?v.length-b-1:0,k=i.formatNumber(1,t).replace(d,""),V=k.indexOf(n.decimal),y=V>-1?k.length-V-1:0,{positiveInfo:C,negativeInfo:S,zeroInfo:x,oneInfo:w}=((e,t)=>{const i=t.formatNumber(ve,e),a=t.formatNumber(-ve,e),s=t.formatNumber(0,e),n=t.formatNumber(1,e),l=Re(i),r=Re(a),o=Re(s),d=Re(n);return{positiveInfo:[l,Oe(i)],negativeInfo:[r,Oe(a)],zeroInfo:[o,Oe(s)],oneInfo:[d,Oe(n)]}})(t,i),N=[C,S,x,w],I=1!==N.findIndex((e=>-1!==e.findIndex((e=>!!e)))),B=r.length>0&&r.length<o.length,L=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)!==o)return a.eventValue=-0,a.currentLooseValue=ke(a.eventValue,t,i),Ne(a,Be(a.currentLooseValue,n),a.currentLooseValue,N),a;if(((e,t)=>{const i=String(e.currentLooseValue),a=String(e.prevLooseValue);return i.split(t.minusSign).length!==a.split(t.minusSign).length&&i.length===a.length+t.minusSign.length})(a,n)){const e=i.parseNumber(s,t);a.eventValue=-(null!==e?e:0),a.currentLooseValue=ke(a.eventValue,t,i);const n=Me(a.currentLooseValue,be),l=Me(o,be);return Ne(a,a.selectionEnd-1+(n-l),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),Ne(a,a.selectionStart,a.currentLooseValue,N),a;if(a.currentLooseValue===n.decimal){a.eventValue=0;const e=ke(a.eventValue,t,i);if(0===y&&$>0){const t=De(e,be);a.currentLooseValue=e.substring(0,t)+n.decimal+e.substring(t)}else a.currentLooseValue=e;return Ne(a,Be(a.currentLooseValue,n)+1,a.currentLooseValue,N),a}if(((e,t)=>String(e.currentLooseValue).split(t.decimal).length>2)(a,n))return Ie(a,t,N,i),a;if(L)return a.eventValue=i.parseNumber(r,t)/100,a.currentLooseValue=ke(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,l=a===r.length-t.length,o=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?!o&&!d&&(s&&l):e?!o&&s:!!t&&(!d&&l)})))return Ie(a,t,N,i),a;if(h[h.length-1]===n.decimal&&$>0)return a.eventValue=i.parseNumber(r,t),a.currentLooseValue=f,a;if(a.currentLooseValue&&s&&(l+n.decimal+n.group).split("").findIndex((e=>r.split("").filter((t=>t===e)).length<o.split("").filter((t=>t===e)).length&&r.length+1===o.length&&!(e===n.decimal&&0===ze(o.replace(d,""),n.decimal))))>-1)return a.eventValue=i.parseNumber(e.prevLooseValue,t),a.currentLooseValue=e.prevLooseValue,a;const u=ze(h,n.decimal),c="0"===h[h.length-1];if(B&&c&&u<y)return a.eventValue=i.parseNumber(a.currentLooseValue,t),a.currentLooseValue=ke(a.eventValue,t,i),a;if(u>0){const e=r.substring(0,g);if(c&&(!e||0!==o.indexOf(e))){a.eventValue=i.parseNumber(a.currentLooseValue,t);const e=ke(a.eventValue,t,i);return Ne(a,Te(r,e,a.selectionEnd,B,d),e,N),a.currentLooseValue=e,a}if(u>$){const e=r.indexOf(n.decimal),s=r.substring(0,e)+r.substring(e,e+1+$)+r.substring(m,String(a.currentLooseValue).length);return a.eventValue=i.parseNumber(s,t),a.currentLooseValue=s,Ne(a,a.selectionStart,s,N),a}if(y!==$&&u<=$&&c)return a.eventValue=i.parseNumber(a.currentLooseValue,t),a.currentLooseValue=f,a;if(u<y)return a.eventValue=i.parseNumber(a.currentLooseValue,t),a.currentLooseValue=ke(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=ke(a.eventValue,t,i);1===r.length?Ne(a,Be(e,n),e,N):Ne(a,Te(r,e,a.selectionEnd,B,d),e,N),a.currentLooseValue=e}else a.currentLooseValue=ke(i.parseNumber(h),t,i);return a},Ke=i.defineComponent({model:{event:"changemodel"},emits:{change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null},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},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(c),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 ke(this.$data.focused?this.$data.currentLooseValue:$e(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,l=!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":!l,"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",e),this.$data.forceUpdate=!0},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",e),this.$data.forceUpdate=!0},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:$e(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,Pe(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=ke(we(t.eventValue,this.$props.min,this.$props.max),this.$props.format,this._intl),a=we(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();Se(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();xe(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 l=this.parseNumber(String(n.currentLooseValue));if(!(n.selectionEnd>n.selectionStart&&n.selectionEnd-n.selectionStart===String(n.currentLooseValue).length)){switch(e.keyCode){case 38:Se(l,n,this.$props.step,this.$props.min,this.$props.max,this.$props.format,this._intl);break;case 40:xe(l,n,this.$props.step,this.$props.min,this.$props.max,this.$props.format,this._intl);break;case 13:t=ke(we(l,this.$props.min,this.$props.max),this.$props.format,this._intl),i=we(this.parseNumber(t),this.$props.min,this.$props.max),n.eventValue=i,n.currentLooseValue=ke(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=Pe(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:o}=this.$props,d=this.$props.id||this._inputId,u=t.getDefaultSlots(this),c=r.provideLocalizationService(this),h=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 p=t.templateRendering.call(this,this.$props.inputPrefix,t.getListeners.call(this)),m=t.templateRendering.call(this,this.$props.inputSuffix,t.getListeners.call(this)),g=t.getTemplate.call(this,{h:i.h,template:p,additionalProps:{value:this.computedValue,valid:h}}),f=t.getTemplate.call(this,{h:i.h,template:m,additionalProps:{value:this.computedValue,valid:h}}),v=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"},[g]),i.createVNode("input",{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:d,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")},null),this.$props.inputSuffix&&i.createVNode("span",{class:"k-input-suffix"},[f]),a&&h&&i.createVNode(t.Icon,{name:"check",icon:n.checkIcon,class:"k-input-validation-icon"},null),a&&!h&&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),o&&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)]),u,this.$props.spinners&&i.createVNode("span",{class:"k-input-spinner k-spin-button",onMousedown:this.spinnersWrapperMouseDown},[i.createVNode(l.Button,{type:"button",tabIndex:-1,icon:"caret-alt-up",svgIcon:n.caretAltUpIcon,class:"k-spinner-increase",rounded:null,"aria-label":c.toLanguageString(D,fe[D]),title:c.toLanguageString(D,fe[D]),onClick:this.increase},null),i.createVNode(l.Button,{type:"button",tabIndex:-1,class:"k-spinner-decrease",icon:"caret-alt-down",svgIcon:n.caretAltDownIcon,rounded:null,"aria-label":c.toLanguageString(R,fe[R]),title:c.toLanguageString(R,fe[R]),onClick:this.decrease},null)])]);return this.$props.label?i.createVNode("span",{class:this.spanClassNames,onFocusin:this.handleFocus,onFocusout:this.handleBlur,dir:this.$props.dir},[v,this.$props.label?d?i.createVNode("label",{for:d,class:"k-floating-label"},[this.$props.label]):i.createVNode("span",{class:"k-label"},[this.$props.label]):null]):v}});function Fe(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}const _e=["rgba","rgb","hex"],He=i.defineComponent({name:"KendoColorInput",emits:{hexchange:null,rgbachange:null},props:{tabIndex:Number,rgba:{type:Object,default:function(){return{}}},hex:String,opacity:Boolean,disabled:Boolean},inject:{kendoLocalizationService:{default:null}},created(){this.hexInputId=t.guid()},data:()=>({inputMode:_e[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(H,fe[H]),a=e.toLanguageString(j,fe[j]),o=e.toLanguageString(P,fe[P]),d=e.toLanguageString(K,fe[K]),u=e.toLanguageString(F,fe[F]),c=e.toLanguageString(_,fe[_]),h=e.toLanguageString(A,fe[A]),p=e.toLanguageString(q,fe[q]),m=e.toLanguageString(W,fe[W]),g=e.toLanguageString(G,fe[G]);return i.createVNode("div",{class:"k-colorgradient-inputs k-hstack"},[i.createVNode("div",{class:"k-vstack"},[i.createVNode(l.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},null)]),"hex"===this.inputMode&&i.createVNode("div",{class:"k-vstack k-flex-1"},[i.createVNode("span",{class:"k-hex-value"},[i.createVNode(L,{id:this.hexInputId,tabIndex:this.tabIndex,hex:this.$props.hex,onHexchange:this.onHexChange,disabled:this.$props.disabled,ref:"hexinput"},null)]),i.createVNode(s.Label,{class:"k-colorgradient-input-label",editorId:this.hexInputId},Fe(t)?t:{default:()=>[t]})]),("rgb"===this.inputMode||"rgba"===this.inputMode)&&[i.createVNode("div",{class:"k-vstack"},[i.createVNode(Ke,{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},null),i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Fe(o)?o:{default:()=>[o]})]),i.createVNode("div",{class:"k-vstack"},[i.createVNode(Ke,{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},null),i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Fe(d)?d:{default:()=>[d]})]),i.createVNode("div",{class:"k-vstack"},[i.createVNode(Ke,{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"},null),i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Fe(u)?u:{default:()=>[u]})])],"rgba"===this.inputMode&&i.createVNode("div",{class:"k-vstack"},[this.$props.opacity&&i.createVNode(Ke,{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"},null),this.$props.opacity&&i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Fe(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=_e.length-1===_e.indexOf(this.inputMode)?0:_e.indexOf(this.inputMode)+1;if(this.$props.opacity)this.inputMode=_e[e];else{const t="rgba"===_e[e]?e+1:e;this.inputMode=_e[t]}},onKeyDown(e){e.keyCode===t.Keys.enter&&e.stopPropagation()}}}),Ee=i.defineComponent({name:"KendoColorContrastLabels",props:{bgColor:Object,rgba:Object},inject:{kendoLocalizationService:{default:null}},render(){const e=r.provideLocalizationService(this),a=e.toLanguageString(U,fe[U]),s=e.toLanguageString(X,fe[X]),l=e.toLanguageString(Y,fe[Y]),o=e.toLanguageString(Z,fe[Z]),d=e.toLanguageString(J,fe[J]),u=y(this.$props.rgba,this.$props.bgColor),c=4.5.toFixed(1),h=7..toFixed(1),p=`${a}: ${u.toFixed(2)}`,m=`${s}: ${c}`,g=`${l}: ${h}`,f=u>=4.5,v=u>=7,b=i.createVNode("span",{key:1,class:"k-contrast-validation k-text-success"},[o,i.createTextVNode(" "),i.createVNode(t.Icon,{name:"check",icon:n.checkIcon},null)]),$=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:$]),i.createVNode("div",null,[i.createVNode("span",null,[g]),v?b:$])])}}),je=(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)}},Ae=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,l)=>{const r=(s+n)/2,o=Object.assign({},this.$props.hsva,{s:i/t.width,v:1-r/t.height}),d=y(v(b(o)),v(this.$props.backgroundColor||""));return s+.5>n?d<e+1&&d>e-1?r:null:l(d,e)?a(e,i,s,n-(n-s)/2,l):a(e,i,s+(n-s)/2,n,l)},s=(e,i,s=!1)=>{const n=[];for(let l=0;l<=t.width;l+=t.width/i){const i=a(e,l,0,t.height,s?(e,t)=>e<t:(e,t)=>e>t);null!==i&&n.push([l,i])}return n},n=(e=>(t,i,a)=>{const[s,n]=e(a[i-1],a[i-2],t),[l,r]=e(t,a[i-1],a[i+1],!0);return`C ${s},${n} ${l},${r} ${t[0]},${t[1]}`})((e=>(t,i,a,s)=>{const n=e(i||t,a||t),l=n.angle+(s?Math.PI:0),r=.1*n.length;return[t[0]+Math.cos(l)*r,t[1]+Math.sin(l)*r]})(je));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)])}}),qe="data-slider-label",We=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,l=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",...l}},[i.createVNode("span",{"data-slider-label":!0,class:"k-label",onClick:this.onClick},[a])])},methods:{onClick(e){this.$emit("click",e)}}}),Ge=i.defineComponent({name:"KendoSlider",model:{event:"changemodel"},emits:{changemodel:null,"update:modelValue":null,change:null,blur:null,focus:null},props:{modelValue:{type:Number,default:void 0},defaultValue:{type:Number,default:void 0},name:String,buttons:Boolean,tabIndex:Number,disabled:Boolean,dir:String,step:Number,min:{type:Number,required:!0},max:{type:Number,required:!0},value:Number,vertical:Boolean,id:String,ariaLabelledBy:String,ariaDescribedBy:String,ariaLabel:String},provide(){return{kendoMin:this.$props.min,kendoMax:this.$props.max,kendoVertical:this.$props.vertical}},inject:{kendoLocalizationService:{default:null}},data:()=>({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(c),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:o}=this.$props,d="rtl"===this.currentDir?o?n.caretAltUpIcon:n.caretAltLeftIcon:o?n.caretAltUpIcon:n.caretAltRightIcon,u="rtl"===this.currentDir?o?n.caretAltDownIcon:n.caretAltRightIcon:o?n.caretAltDownIcon:n.caretAltLeftIcon,c="rtl"===this.currentDir?o?"caret-alt-up":"caret-alt-left":o?"caret-alt-up":"caret-alt-right",h="rtl"===this.currentDir?o?"caret-alt-down":"caret-alt-right":o?"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(l.Button,{type:"button",tabIndex:-1,icon:h,svgIcon:u,style:{position:"relative"},rounded:"full",class:"k-button-decrease",title:e.toLanguageString(M,fe[M]),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(z,fe[z]),style:this.$props.vertical?{bottom:a+"%",zIndex:1}:{["rtl"===this.currentDir?"right":"left"]:a+"%",zIndex:1}},null)])])]}),this.$props.buttons&&i.createVNode(l.Button,{type:"button",tabIndex:-1,icon:c,svgIcon:d,rounded:"full",style:{position:"relative"},class:"k-button-increase",title:e.toLanguageString(O,fe[O]),onClick:this.increment},null)])},methods:{focus(){this.$el&&this.$el.focus()},isLabel(e){let t=e;for(;t;){if(t.getAttribute(qe))return!0;t=t.parentElement}return!1},onFocus(e){this.currentFocused=!0,this.$emit("focus",e)},onBlur(e){this.currentFocused=!1,this.$emit("blur",e)},onKeyDown(e){let 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}})}}}),Ue="rgba(255, 255, 255, 1)",Xe=i.defineComponent({name:"KendoColorGradient",model:{event:"changemodel"},emits:{change:null,focus:null,blur:null,changemodel:null,"update:modelValue":null,"update:modelRgbaValue":null,keydown:null},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}},created(){t.validatePackage(c),this.guid=t.guid()},computed:{valueSet(){return this.value||this.modelValue||this.modelRgbaValue},computedValue(){let e=this.valueSet||this.currentValue||this.defaultValue||m(Ue,"rgba");return h(m(e,"hex",this.opacity))||(e=Ue),e},hsva(){return this.valueSet?f(this.computedValue):this.currentHsva||f(this.computedValue)},rgba(){return this.valueSet?v(this.computedValue):this.currentRgba},hex(){return this.valueSet?m(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.setAlphaSliderBackground(this.computedBgColor),this.$el&&(this.draggable=this.$refs.draggable,this.gradientWrapper=this.draggable&&this.draggable.element),this.alphaSlider=this.alphaSliderRef,this.isFirstRender&&(this.isFirstRender=!1)},destroyed(){this.guid},updated(){this.setAlphaSliderBackground(this.computedBgColor)},render(){const e=t.classNames("k-colorgradient",{"k-disabled":this.$props.disabled}),a=r.provideLocalizationService(this),s=a.toLanguageString(Q,fe[Q]),n=a.toLanguageString(ee,fe[ee]),l=a.toLanguageString(T,fe[T]),o=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":l+`${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:this.$props.id,class:e,role:-1!==this.$props.tabIndex?"textbox":void 0,"aria-disabled":this.$props.disabled,tabindex:t.getTabIndex(this.$props.tabIndex,this.$props.disabled),"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,onFocus:this.onFocus,onBlur:this.onBlur,onKeydown:this.onKeyDownHandler},[i.createVNode("div",{class:"k-colorgradient-canvas 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},[o.call(this)])]}),this.backgroundColor&&!this.isFirstRender&&i.createVNode(Ae,{metrics:this.gradientWrapper?this.getGradientRectMetrics():void 0,hsva:this.hsva,backgroundColor:this.backgroundColor},null)]),i.createVNode("div",{class:"k-hsv-controls k-hstack"},[i.createVNode(Ge,{tabIndex:this.computedTabIndex,value:this.hsva.h,buttons:!1,vertical:!0,min:0,max:360,step:5,onChange:this.onHueSliderChange,class:"k-hue-slider k-colorgradient-slider",disabled:this.$props.disabled,ariaLabel:s},null),this.$props.opacity&&i.createVNode(Ge,{tabIndex:this.computedTabIndex,value:h(this.hsva.a)?100*this.hsva.a:100,buttons:!1,vertical:!0,min:0,max:100,step:1,onChange:this.onAlphaSliderChange,class:"k-alpha-slider k-colorgradient-slider",disabled:this.$props.disabled,ariaLabel:n,ref:e=>{this.alphaSliderRef=e}},null)])]),i.createVNode(He,{tabIndex:this.computedTabIndex,rgba:this.rgba,onRgbachange:this.onRgbaChange,hex:this.hex,onHexchange:this.onHexChange,opacity:this.$props.opacity,disabled:this.$props.disabled,ref:"colorInput"},null),this.backgroundColor&&i.createVNode(Ee,{bgColor:v(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=v(t),s=f(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=p(e.r,0,255),i=p(e.g,0,255),s=p(e.b,0,255),n=p(e.a,0,1);return a.Color.fromBytes(t,i,s,n).toCssRgba()})(e),s=m(i,"hex",this.opacity),n=f(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=p(i,0,t.width),n=p(a,0,t.height),l=Object.assign({},this.hsva,{s:s/t.width,v:1-n/t.height});this.handleHsvaChange(l,e,e.event)},handleHsvaChange(e,t){const i=b(e),a=m(i,"hex",this.opacity),s=m(i,"rgba");this.currentHsva=e,this.currentBgColor=$(e.h),this.currentRgba=v(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 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)}}});const Ye=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:l}=this.$props.popupSettings;return i.createVNode(o.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",l)},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 Ze(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}const Je=i.defineComponent({name:"KendoFlatColorPicker",emits:{viewchange:null,changemodel:null,"update:modelValue":null,"update:modelRgbaValue":null,focus:null,blur:null,focusout:null,keydown:null,change:null},props:{modelValue:String,modelRgbaValue:String,value:String,prevValue:String,tabIndex:Number,disabled:Boolean,view:{type:String,default:"combo",validator:function(e){return["gradient","palette","combo"].includes(e)}},selectedView:{type:Number,default:void 0},header:[String,Function,Object],footer:[String,Function,Object],showClearButton:{type:Boolean,default:!0},showPreview:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0},gradientSettings:{type:Object,default:function(){return N}},paletteSettings:{type:Object,default:function(){return I}}},inject:{kendoLocalizationService:{default:null}},created(){t.validatePackage(c)},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 e=r.provideLocalizationService(this),a=e.toLanguageString(ae,fe[ae]),s=e.toLanguageString(se,fe[se]),o=e.toLanguageString(ne,fe[ne]),d=e.toLanguageString(te,fe[te]),u=e.toLanguageString(ie,fe[ie]),c=t.templateRendering.call(this,this.$props.header,t.getListeners.call(this)),h=t.templateRendering.call(this,this.$props.footer,t.getListeners.call(this)),p=t.getTemplate.call(this,{h:i.h,template:c}),m=t.getTemplate.call(this,{h:i.h,template:h});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-disabled":this.$props.disabled}),"aria-disabled":this.$props.disabled},[p,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(l.ButtonGroup,{class:"k-button-group-flat"},{default:()=>[i.createVNode(l.Button,{tabIndex:this.computedTabIndex,type:"button",togglable:!0,fillMode:"flat",selected:this.isColorGradient,onKeydown:this.handleButtonKeydown,ariaLabel:a,onClick:e=>this.handleViewChange(e,"gradient")},{default:()=>[i.createVNode(t.Icon,{name:"droplet-slider",icon:n.dropletSliderIcon},null)]}),i.createVNode(l.Button,{tabIndex:this.computedTabIndex,type:"button",togglable:!0,fillMode:"flat",selected:!this.isColorGradient,onKeydown:this.handleButtonKeydown,ariaLabel:s,onClick:e=>this.handleViewChange(e,"palette")},{default:()=>[i.createVNode(t.Icon,{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(l.Button,{tabIndex:this.computedTabIndex,type:"button",fillMode:"flat",ariaLabel:o,onKeydown:this.handleButtonKeydown,onClick:this.handleResetColor},{default:()=>[i.createVNode(t.Icon,{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(Xe,{ref:t.setRef(this,"gradient"),tabIndex:-1,value:this.colorValue,innerTabIndex:this.computedTabIndex,onChange:this.handleColorChange,onKeydown:this.innerKeyDown,...this.gradientSettings})}.call(this):function(){return i.h(w,{ref:t.setRef(this,"palette"),tabIndex:this.computedTabIndex,value:this.colorValue,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(l.Button,{tabIndex:this.computedTabIndex,type:"button",class:"k-coloreditor-cancel",onKeydown:this.handleButtonKeydown,onClick:this.handleCancelBtnClick},Ze(d)?d:{default:()=>[d]}),i.createVNode(l.Button,{tabIndex:this.computedTabIndex,type:"button",class:"k-coloreditor-apply k-primary",onKeydown:this.handleButtonKeydown,onClick:this.triggerChange},Ze(u)?u:{default:()=>[u]})]),m])},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.triggerChange()},handleColorChange(e){this.colorValue=e.value,this.showButtons||this.triggerChange(e)},handlePaletteColorChange(e){this.colorValue=e.value,this.showButtons||this.triggerChange(e)},triggerChange(e){const t=m(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 Qe(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}const et=i.defineComponent({name:"KendoColorPicker",model:{event:"changemodel"},emits:{open:null,close:null,changemodel:null,"update:modelValue":null,"update:modelRgbaValue":null,activecolorclick:null,focus:null,blur:null,change:null,viewchange:null},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 I}},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 N}},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}},inject:{kendoLocalizationService:{default:null}},data(){return{focused:!1,currentValue:this.$props.defaultValue,currentOpen:!1}},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}}},created(){t.validatePackage(c),this._popupId="popup"+t.guid(),this.focusableElementGuid=t.guid()},mounted(){this.button=t.getRef(this,"button")},render(){let e;const a=r.provideLocalizationService(this).toLanguageString(ue,fe[ue]),{disabled:s,tabIndex:o,dir:d,view:u,selectedView:c,showClearButton:h,showPreview:p,showButtons:m,popupSettings:g}=this.$props;return i.createVNode("span",{class:this.wrapperClassName,role:"combobox",dir:d,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(o,s),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(l.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":a},null),i.createVNode(Ye,{dir:d,id:this._popupId,open:this.computedOpen,onOpen:this.onOpenHandler,popupAnchor:this.focusableElementGuid,popupSettings:{...g}},Qe(e=function(){return i.h(Je,{onKeydown:this.onKeyDownHandler,ref:t.setRef(this,"flatcolorpicker"),view:u,selectedView:c,showClearButton:h,showPreview:p,showButtons:m,value:this.computedValue||void 0,onChange:this.onFlatChangeHandler,onFocusout:this.onBlurHandler,onViewchange:this.onViewChange,paletteSettings:this.paletteSettings,gradientSettings:this.gradientSettings,...this.flatColorPickerSettings})}.call(this))?e:{default:()=>[e]})])},methods:{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)}}}),tt=i.defineComponent({name:"KendoSwitch",model:{event:"changemodel"},emits:{change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null},props:{name:String,accessKey:String,checked:{type:Boolean,default:void 0},className:String,disabled:{type:Boolean,default:!1},defaultChecked:{type:Boolean,default:!1},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},trackRounded:{type:String,default:"full",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},thumbRounded:{type:String,default:"full",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},dir:String,id:String,ariaLabelledBy:String,ariaDescribedBy:String,offLabel:{type:String,default:"OFF"},onLabel:{type:String,default:"ON"},required:{type:Boolean,default:!1},tabIndex:Number,valid:Boolean,validityStyles:{type:Boolean,default:!1},validationMessage:String,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:Boolean,default:void 0}},created(){t.validatePackage(c),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:l,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(l,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(de,fe[de]))},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",e))},handleWrapperBlur(e){this.$props.disabled||(this.focused=!1,this.$emit("blur",e))}}}),it=i.defineComponent({created(){t.validatePackage(c)},render:()=>i.createVNode("span",{class:"k-input-separator"},null)});const at=i.defineComponent({model:{event:"changemodel"},emits:{input:null,change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null,keyup:null,keydown:null,keypress:null},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(c),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:l,ariaLabel:r,ariaLabelledBy:o,ariaDescribedBy:d}=this.$props,u=a||this._inputId,c=i.h("input",{...this.$attrs,placeholder:this.$props.placeholder,id:u,tabindex:l,required:n,ariaLabel:r,ariaLabelledby:o,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",e),this.$data.focused=!0},emitBlur(e){this.$emit("blur",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 st=(e=>(e[e.Literal=0]="Literal",e[e.Mask=1]="Mask",e[e.Undefined=2]="Undefined",e))(st||{});let nt=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} })`}},lt=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 rt=e=>(e||"").split("");let ot=class e{constructor(e){this.parse=e}run(e,t=""){return e instanceof lt?this.parse(e):this.parse(new lt(rt(e),rt(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===st.Literal}};const dt=(e,t)=>new ot((i=>{let{char:a}=i.next();const s=e[a];return"\\"===a?(a=i.next().char,new nt(t.literal(a),i)):new nt(s?t.mask(s):t.literal(a),i)})),ut=({prompt:e,promptPlaceholder:t})=>new ot((i=>{let{char:a}=i.next();return new nt(a===e?t:a,i)})),ct=e=>new ot((t=>{let{char:i}=t.next();return new nt(e?i:"",t)})),ht=e=>e.reduce(((e,t)=>((e,t)=>e.chain((e=>t.map((t=>e.concat([t]))))))(e,t)),(e=>new ot((t=>new nt(e,t))))([])),pt=e=>new ot((t=>{let i=new nt([],t);for(;!t.eof();)i=i.concat(e.run(t));return i}));class mt{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 ht(this.validationTokens).run(e).fold((e=>{t=e.join("")})),t}rawValue(e=""){let t=e;return this.rawTokens.length&&ht(this.rawTokens).run(e).fold((e=>{t=e.join("")})),t}maskRaw(e=""){let t=e;return this.maskTokens.length&&ht(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 l=t.split("").slice(0,i),r=t.split("").slice(a);return ht(this.maskTokens.slice(i,a)).run(e).fold((e=>{s=l.concat(e).concat(r).join("")})),{selection:n,value:s}}maskRemoved(e,t,i){let a="",s=i;const n=e.split("").slice(i),l=e.split("").slice(0,i).join(""),r=this.maskTokens.length-(e.length-i);return ht(this.maskTokens.slice(0,r)).run(l,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 ht(this.unmaskTokens).run(n,t).chain((e=>{s=e.join("").length;const i=t.slice(s);return ht(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 ot((t=>t.peek().char===e?(t.eat(),new nt(e,t,st.Literal)):new nt(e,t,st.Literal))))(e),mask:i=>(({prompt:e,promptPlaceholder:t})=>i=>new ot((a=>{for(;!a.eof();){const{char:s,control:n}=a.peek();if(s===n&&n===e)return a.eat(),new nt(e,a,st.Mask);if(i.test(s))return a.eat(),new nt(s,a,st.Mask);if(s===t)return a.eat(),new nt(e,a,st.Mask);a.eat_input()}return a.eat(),new nt(e,a,st.Mask)})))({prompt:e,promptPlaceholder:t})(i)}}get unmaskTokenCreator(){return{literal:e=>(e=>new ot((t=>{if(t.eof())return new nt("",t);const{char:i}=t.peek();return i===e&&t.eat(),new nt(e,t)})))(e),mask:e=>(e=>t=>new ot((i=>{for(;!i.eof();){const{char:a,control:s}=i.peek();if(a===e&&s===e)return i.eat(),new nt(a,i);if(t.test(a))return i.eat(),new nt(a,i);i.eat_input()}return i.eat(),new nt("",i)})))(this.prompt)(e)}}get rawTokenCreator(){const{prompt:e,promptPlaceholder:t,includeLiterals:i}=this;return{literal:e=>ct(i),mask:i=>ut({prompt:e,promptPlaceholder:t})}}get validationTokenCreator(){const{prompt:e}=this;return{literal:e=>ct(!1),mask:t=>ut({prompt:e,promptPlaceholder:""})}}tokenize(){pt(dt(this.rules,this.maskTokenCreator)).run(this.mask).fold(((e,t)=>{this.maskTokens=e})),pt(dt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold(((e,t)=>{this.unmaskTokens=e})),pt(dt(this.rules,this.rawTokenCreator)).run(this.mask).fold(((e,t)=>{this.rawTokens=e})),pt(dt(this.rules,this.validationTokenCreator)).run(this.mask).fold(((e,t)=>{this.validationTokens=e}))}}const gt={"#":/[\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]/},ft=()=>!1,vt=(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},bt=i.defineComponent({model:{event:"changemodel"},emits:["change","focus","blur","update:modelValue","update:modelRawValue","changemodel"],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 gt}},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},data:()=>({currentValue:void 0,currentFocused:!1,inputValue:void 0,currentSelection:[null,null]}),created(){t.validatePackage(c),this.hasMounted=!1,this.valueDuringOnChange=void 0,this.inputId=`k-${t.guid()}`,this.service=new mt,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||!vt(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({},gt,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 l;if(this.isPasted){this.isPasted=!1;const e=n.length-s,t=i.length-e;l=this.service.maskInRange(i.slice(a,t),n,a,s)}else l=this.service.maskInput(i,n,t.selectionStart||0);this.currentSelection=[l.selection,l.selection],this.triggerOnChange(l.value,e),this.inputValue=void 0},focusHandler(e){this.currentFocused||(this.currentFocused=!0,this.$emit("focus",{target:this,event:e}))},blurHandler(e){this.currentFocused&&(this.currentFocused=!1,this.$emit("blur",{target:this,event:e}))},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:l,showClearButton:r}=this.$props,o=!this.$props.validityStyles||this.validity().valid,d=this.computedValue();this.inputValue;const u=t.templateRendering.call(this,this.$props.inputPrefix,t.getListeners.call(this)),c=t.templateRendering.call(this,this.$props.inputSuffix,t.getListeners.call(this)),h=t.getTemplate.call(this,{h:i.h,template:u,additionalProps:{value:d,valid:o}}),p=t.getTemplate.call(this,{h:i.h,template:c,additionalProps:{value:d,valid:o}}),m=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"},[h]),i.createVNode("input",{type:this.$props.type,autocomplete:"off",autocorrect:"off",autocapitalize:"off",spellcheck:!1,class:this.inputInnerClass,value:d,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"),onInput:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragstart:ft,onDrop:ft},null),this.$props.inputSuffix&&i.createVNode("span",{class:"k-input-suffix"},[p]),s&&o&&i.createVNode(t.Icon,{name:"check",icon:n.checkIcon,class:"k-input-validation-icon"},null),s&&!o&&i.createVNode(t.Icon,{name:"exclamation-circle",icon:n.exclamationCircleIcon,class:"k-input-validation-icon"},null),l&&i.createVNode(t.Icon,{name:"loading",class:"k-input-loading-icon"},null),r&&d&&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},[m,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]):m}});let $t=function(e){return e.start="start",e.end="end",e.min="min",e.max="max",e.increase="increase",e.decrease="decrease",e}({});const kt=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(c)},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(z,fe[z]),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(z,fe[z]),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 $t.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 $t.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 $t.min:i="start"===t.key?{...e,start:t.min}:{...e,end:Math.max(t.min,e.start)};break;case $t.max:i="start"===t.key?{...e,start:Math.min(t.max,e.end)}:{...e,end:t.max};break;case $t.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 $t.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?$t.decrease:$t.increase,key:"start",event:e});break;case t.Keys.up:e.preventDefault(),this.dispatchStateValue({type:$t.increase,key:"start",event:e});break;case t.Keys.left:e.preventDefault(),this.dispatchStateValue({type:"rtl"===this.currentDir?$t.increase:$t.decrease,key:"start",event:e});break;case t.Keys.down:e.preventDefault(),this.dispatchStateValue({type:$t.decrease,key:"start",event:e});break;case t.Keys.home:e.preventDefault(),this.dispatchStateValue({type:$t.min,key:"start",event:e});break;case t.Keys.end:e.preventDefault(),this.dispatchStateValue({type:$t.max,key:"start",event:e})}},handleEndKeyDown(e){switch(e.keyCode){case t.Keys.right:e.preventDefault(),this.dispatchStateValue({type:"rtl"===this.currentDir?$t.decrease:$t.increase,key:"end",event:e});break;case t.Keys.up:e.preventDefault(),this.dispatchStateValue({type:$t.increase,key:"end",event:e});break;case t.Keys.left:e.preventDefault(),this.dispatchStateValue({type:"rtl"===this.currentDir?$t.increase:$t.decrease,key:"end",event:e});break;case t.Keys.down:e.preventDefault(),this.dispatchStateValue({type:$t.decrease,key:"end",event:e});break;case t.Keys.home:e.preventDefault(),this.dispatchStateValue({type:$t.min,key:"end",event:e});break;case t.Keys.end:e.preventDefault(),this.dispatchStateValue({type:$t.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?$t.end:$t.start;this.dispatchStateValue({type:a,payload:t,event:e})},handleTrackDrag(e){const t=this.calcNewDistance(e),i="end"===this.currentDrag?$t.end:$t.start;this.dispatchStateValue({type:i,payload:t,event:e})},handleTrackRelease(e){const t=this.calcNewDistance(e),i="end"===this.currentDrag?$t.end:$t.start;this.dispatchStateValue({type:i,payload:t,event:e}),this.currentDrag=""}}}),Vt=i.defineComponent({name:"KendoCheckbox",emits:{changemodel:null,"update:modelValue":null,change:null,focus:null,blur:null},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(c),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:l,labelRender:o,labelPlacement:d,name:u,labelOptional:c,tabIndex:h,required:p,validityStyles:m,size:g,rounded:f}=this.$props,v=t.getDefaultSlots(this);let b=l;this.localizationService=r.provideLocalizationService(this),this.defaultValidationMessage=this.localizeMessage(le),this.optionalMessage=this.localizeMessage(re);const $=t.classNames({"k-checkbox-wrap":!0,"k-disabled":s}),k=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}),V=function(){return i.createVNode("input",{type:"checkbox",class:k,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(o){const e=o?t.templateRendering.call(this,o,t.getListeners.call(this)):null;b=t.getTemplate.call(this,{h:i.h,template:e})}const y=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:$,dir:"rtl"},[V.call(this),y.call(this),v]):i.createVNode("span",{class:$,dir:this.currentDir},[V.call(this),y.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,fe[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,handle:i,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",e)},onFocusHandler(e){this.$props.disabled||this.$emit("focus",e)}}}),yt=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:null,focus:null,blur:null},created(){this.calculatedId=t.guid(),t.validatePackage(c)},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",e,void 0)},handleBlur(e){this.$props.disabled||this.$emit("blur",e,void 0)}},setup:()=>({inputRef:i.ref(null)}),render(){const e=t.getDefaultSlots(this),{ariaDescribedBy:a,checked:s,disabled:n,id:l,label:r,labelRender:o,labelPlacement:d,name:u,tabIndex:c,value:h,tag:p,role:m}=this.$props;let g=r;if(o){const e=o?t.templateRendering.call(this,o,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:l||this.calculatedId,style:{userSelect:"none"},"aria-label":r},[g]):null,b=i.createVNode("input",{role:m,type:"radio",id:l||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),$="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:$,defaultSlots:e,additionalListeners:{change:this.handleChange,focus:this.handleFocus,blur:this.handleBlur},additionalProps:{dataItem:this.$props.dataItem}})}}),Ct=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:null,"update:modelValue":null,change:null,focus:null,blur:null},model:{event:"changemodel"},created(){this.radioGroupName=t.guid(),t.validatePackage(c),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:l,labelPlacement:r,valid:o}=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(yt,{class:t.classNames("k-radio-item",{"k-disabled":e.disabled||n}),style:e.style,key:a,item:u,role:"none",tag:"li",valid:o,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:l||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 St=(e=>(e.both="both",e.horizontal="horizontal",e.vertical="vertical",e.none="none",e))(St||{});const xt=i.defineComponent({name:"KendoTextArea",model:{event:"changemodel"},emits:{input:null,change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null},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)}}},created(){t.validatePackage(c),this.calculatedId=t.guid()},computed:{resizableClass(){const{resizable:e,autoSize:t}=this.$props;return t||e===St.none?"k-resize-none":e===St.vertical?"k-resize-y":e===St.horizontal?"k-resize-x":"k-resize"},rootClassName(){const{size:e,fillMode:i,rounded:a,required:s,showLoadingIcon:n}=this.$props,l=!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":l,"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-flex-col":"horizontal"===this.flow,"!k-flex-row":"vertical"===this.flow,"!k-align-items-start":"horizontal"===this.flow}},suffixRenderClass(){return{"k-input-suffix":!0,"!k-flex-col":"horizontal"===this.flow,"!k-flex-row":"vertical"===this.flow,"!k-align-items-start":"horizontal"===this.flow}},suffixIconWrapClass:()=>({"k-flex-wrap":!0,"!k-align-items-start":!0}),computedValue(){return void 0!==this.$props.value?this.$props.value:void 0!==this.$props.modelValue?this.$props.modelValue:this.currentValue},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(){this.element=this.elementRef,this.currentDir=void 0!==this.$props.dir?this.$props.dir:t.isRtl(this.$el)?"rtl":"ltr",this.setValidity()},updated(){this.element=this.elementRef,this.setValidity()},render(){const{ariaDescribedBy:e,ariaLabelledBy:a,autoSize:s,disabled:l,readOnly:r,required:o,rows:d,id:u,name:c,placeholder:h,tabIndex:p,iconName:m,showValidationIcon:g,showLoadingIcon:f,showClearButton:v,title:b}=this.$props,$={id:u||this.calculatedId,name:c,disabled:l,rows:d,title:b,placeholder:h,readOnly:r,required:o,tabIndex:t.getTabIndex(p,l),"aria-labelledby":a,"aria-describedby":e,"aria-multiline":!0,"aria-disabled":l||void 0,...this.$attrs},k=t.templateRendering.call(this,this.$props.inputPrefix,t.getListeners.call(this)),V=t.templateRendering.call(this,this.$props.inputSuffix,t.getListeners.call(this)),y=t.getTemplate.call(this,{h:i.h,template:k,additionalProps:{value:this.computedValue,valid:this.isValid}}),C=t.getTemplate.call(this,{h:i.h,template:V,additionalProps:{value:this.computedValue,valid:this.isValid}}),S=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}),x=[m&&i.createVNode("span",{class:"k-flex-wrap"},[i.createVNode(t.Icon,{name:m,class:"k-input-icon"},null)]),S,g&&this.isValid&&i.createVNode("span",{class:this.suffixIconWrapClass},[i.createVNode(t.Icon,{name:"check",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&&i.createVNode("span",{class:this.prefixRenderClass},[y]),m||g||f||v?i.createVNode("span",{class:"k-hstack k-flex"},[x]):x,this.$props.inputSuffix&&i.createVNode("span",{class:this.suffixRenderClass},[C])])},methods:{setValidity(){this.element&&this.element.setCustomValidity&&this.element.setCustomValidity(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})}}}),wt=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(l.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)])}}),Nt=i.defineComponent({name:"KendoSignatureLine",render:()=>i.createVNode("div",{class:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}},null)}),It=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 u.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())}}}),Bt=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:o,size:u,value:c,tabIndex:h,disabled:p,readOnly:m,color:g,backgroundColor:f,strokeWidth:v,smooth:b,popupScale:$,scale:k,elementSize:V}=this.$props,y=r.provideLocalizationService(this),C=y.toLanguageString(ge,fe[ge]),S=y.toLanguageString(pe,fe[pe]),x=!this.$props.hideLine&&i.createVNode(Nt,null,null),w=i.createVNode(wt,{showClear:e,size:u,onClear:this.onClear,title:S},null);return i.createVNode(d.Dialog,{ref:t.setRef(this,"dialog"),onOverlayclick:this.onOverlayClick},{default:()=>[i.createVNode("div",{style:{width:a+"px",height:s+"px"},dir:o,class:this.openWrapperClass,onFocus:this.onFocus,onBlur:this.onBlur},[i.createVNode(It,{ref:t.setRef(this,"openCanvas"),value:c,tabIndex:h,disabled:p,readOnly:m,color:g,backgroundColor:f,strokeWidth:v,smooth:b,popupScale:$,scale:k,onChange:this.onValueChange,elementSize:V,onDraw:this.onDraw,onDrawend:this.onDrawEnd},null),i.createVNode("div",{class:"k-signature-actions k-signature-actions-top"},[!this.isDrawing&&i.createVNode(l.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 Lt=i.defineComponent({name:"KendoSignature",model:{event:"changemodel"},emits:{change:null,focus:null,blur:null,open:null,close:null,changemodel:null,"update:modelValue":null},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"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}}},created(){t.validatePackage(c)},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),o=e.toLanguageString(me,fe[me]),d=e.toLanguageString(pe,fe[pe]),u=i.createVNode("div",{class:"k-signature-actions k-signature-actions-top"},[a&&i.createVNode(l.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":o,title:o},null)]),c=!this.$props.hideLine&&i.createVNode(Nt,null,null),h=i.createVNode(wt,{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(It,{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(Bt,{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}}}),Dt=i.defineComponent({name:"KendoReactRatingItem",emits:{click:null,keydown:null,focus:null,blur:null,mouseenter:null,mouseleave:null,mousemove:null},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:l,title:r,icon:o,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:o,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:l,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"},[!(o||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),(o||u)&&i.createVNode(t.Icon,{name:t.getIconName(`${o}-outline`),icon:u,size:"xlarge"},null)]),s&&i.createVNode("span",{class:"k-rating-precision-part"},[!(o||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),(o||d)&&i.createVNode(t.Icon,{name:o?t.getIconName(o):void 0,icon:d,size:"xlarge"},null)]),s&&i.createVNode("span",{style:{width:"24px",height:"24px",display:"block"}},null),!s&&(!(o||d)&&(c||h&&!c)&&i.createVNode(t.Icon,{name:"star",icon:n.starIcon,size:"xlarge"},null)||!(o||d)&&!c&&!h&&i.createVNode(t.Icon,{name:"star-outline",icon:n.starOutlineIcon,size:"xlarge"},null)||(o||d)&&(c||h&&!c)&&i.createVNode(t.Icon,{name:o,icon:d,size:"xlarge"},null)||(o||d)&&!c&&i.createVNode(t.Icon,{name:t.getIconName(`${o}-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)}}}),Rt=(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},Ot=(e,t,i)=>Rt(e-i,i)<t&&t<e,Mt=(e,t,i,a)=>null!==t&&("continues"===a?Ot(e,t,i)?Rt(e-i/2,i/2)<=t:e<=t:"single"===a&&(Ot(e,t,i)?Rt(e-i/2,i/2)===t:e===t)),zt=(e,t,i)=>"ltr"===e?i<t.x+t.width/2:i>t.x+t.width/2;var Tt=(e=>(e.select="select",e.deselect="deselect",e.increase="increase",e.decrease="decrease",e.min="min",e.max="max",e.reset="reset",e))(Tt||{});const Pt=(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?Rt(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?Rt(e+t.step,t.step):t.max;case"decrease":return void 0===t.step?e:Rt(e-t.step,t.step)>=t.min?Rt(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}},Kt=i.defineComponent({name:"Rating",emits:{change:null,keydown:null,focus:null,blur:null,click:null,mouseleave:null,mousemove:null},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(c)},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:l,dir:o,label:d,selection:u,precision:c,svgIcon:h,icon:p,item:m,value:g,tabIndex:f,disabled:v,readonly:b,ariaLabelledBy:$,ariaDescribedBy:k,svgIconOutline:V}=this.$props,y=Array.from({length:s-a+1},((e,t)=>a+t)),C=((e,t)=>e-t*Math.floor(e/t))(Rt(s-a,this.base),n),S=this.computedValue,x=this.$data.currentHovered;return i.createVNode("span",{id:l,ref:"ratingRef",role:"slider",dir:o,tabindex:t.getTabIndex(f,v,void 0),class:t.classNames("k-rating",{"k-rtl":"rtl"===o,"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(he,fe[he]),"aria-labelledby":$,"aria-describedby":k},[i.createVNode("input",{id:"rating",class:"k-hidden",readonly:b,disabled:v},null),i.createVNode("span",{class:"k-rating-container"},[y.map((function(e){const a=Rt(e+C,this.base),s="half"===c&&Ot(a,null!==x?x:null!==S?S:0,n),l=Mt(a,S,n,u),r=Mt(a,null!==x?x:S,n,u),d=Mt(a,x,n,u),g=t.templateRendering.call(this,m,t.getListeners.call(this));return i.createVNode(Dt,{key:a,value:a,dir:o,title:String(s?Rt(a-n/2,this.base):a),icon:p,svgIcon:h,svgIconOutline:V,haveSelectedValue:l,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",e)},handleBlur(e){this.$emit("blur",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?Tt.decrease:Tt.increase,event:e});break;case t.Keys.left:e.preventDefault(),this.dispatchValue({type:"rtl"===this.$props.dir?Tt.increase:Tt.decrease,event:e});break;case t.Keys.home:e.preventDefault(),this.dispatchValue({type:"rtl"===this.$props.dir?Tt.min:Tt.max,event:e});break;case t.Keys.end:e.preventDefault(),this.dispatchValue({type:"rtl"===this.$props.dir?Tt.max:Tt.min,event:e});break;case t.Keys.esc:e.preventDefault(),this.dispatchValue({type:Tt.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=zt(this.$props.dir?this.$props.dir:"ltr",s,e.event.clientX)?Rt(i-this.$props.step/2,this.base):i;this.dispatchValue({type:Tt.select,payload:n,event:t})}else this.dispatchValue({type:Tt.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=zt(this.$props.dir?this.$props.dir:"ltr",e,t.clientX)?i-this.$props.step/2:i;this.dispatchHover({type:Tt.select,payload:s,event:t})}else this.dispatchHover({type:Tt.select,payload:i,event:t})},handleMouseLeave(e){this.dispatchHover({type:Tt.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=Pt(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=Pt(t.state,{...e,...t});this.$data.currentHovered=i}}});e.Checkbox=Vt,e.ColorGradient=Xe,e.ColorPalette=w,e.ColorPicker=et,e.FlatColorPicker=Je,e.Input=at,e.InputSeparator=it,e.MaskedTextBox=bt,e.NumericTextBox=Ke,e.RadioButton=yt,e.RadioGroup=Ct,e.RangeSlider=kt,e.Rating=Kt,e.SLIDER_LABEL_ATTRIBUTE=qe,e.Signature=Lt,e.Slider=Ge,e.SliderLabel=We,e.Switch=tt,e.TextArea=xt,e.TextAreaResizeEnum=St,e.TextBox=B}));
|
|
8
|
+
!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-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-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.KendoVueDialogs,e.KendoInputsCommon)}(this,(function(e,t,i,a,s,n,l,r,o,d,u){"use strict";const c={name:"@progress/kendo-vue-inputs",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1658759014,version:"",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"},h=e=>null!=e,p=(e,t,i)=>!h(e)||isNaN(e)||e<=t?t:e>=i?i:e,m=(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(!h(e))return;const n=a.parseColor(e.trim(),s);return h(n)?"hex"===t?g(n,i):n.toCssRgba():void 0},g=(e,t)=>t&&e.a<1?e.toCss({alpha:!0}):e.toCss(),f=(e,t=!0)=>{const i=a.parseColor(e,t);return h(i)?i.toHSV():{}},v=(e,t=!0)=>{const i=a.parseColor(e,t);return h(i)?i.toBytes():{}},b=e=>{const t=p(e.h,0,359.9),i=p(e.s,0,1),s=p(e.v,0,1),n=p(e.a,0,1);return a.Color.fromHSV(t,i,s,n).toCssRgba()},$=e=>b({h:e,s:1,v:1,a:1}),k=(e,t)=>{const i=p(e.r,0,255),a=p(e.g,0,255),s=p(e.b,0,255),n=p(e.a,0,1),l=p(t.r,0,255),r=p(t.g,0,255),o=p(t.b,0,255);return{r:Math.round((1-n)*l+n*i),g:Math.round((1-n)*r+n*a),b:Math.round((1-n)*o+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]},y=(e,t)=>((e,t)=>(Math.max(e,t)+.05)/(Math.min(e,t)+.05))(V(k(e,t)),V(k(t,{r:0,g:0,b:0,a:1})));let C=class{constructor(){this.colorRows=[]}setColorMatrix(e,t){if(this.colorRows=[],h(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(!h(e))return;const t=e&&a.parseColor(e,!0),i=[e];h(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(h(e)&&h(this.colorRows[e.row]))return this.colorRows[e.row][e.col]}getNextCell(e,t,i){if(!(h(e)&&h(e.row)&&h(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 S={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}},x="office",w=i.defineComponent({name:"KendoColorPalette",model:{event:"changemodel"},emits:{keydown:null,focus:null,blur:null,changemodel:null,"update:modelValue":null,"update:modelRgbaValue":null,change:null},props:{palette:{type:[String,Array],default:x},columns:Number,tileSize:{type:[Number,Object],default:24},modelValue:String,modelRgbaValue:String,defaultValue:String,value:String,disabled:Boolean,tabIndex:Number,id:String,ariaLabelledBy:String,ariaDescribedBy:String},created(){t.validatePackage(c),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 e=this.getPaletteInfo(),a=this.paletteService=new C;a.setColorMatrix(e.colors,e.columns);const s=a.getCellCoordsFor(this.selectedColor),n=a.getCellCoordsFor(this.focusedColor),l=t.classNames("k-colorpalette",{"k-disabled":this.$props.disabled}),r=function(e,a,s,n){const l=void 0!==s&&s.row===a,r=s&&s.col,o=void 0!==n&&n.row===a,d=n&&n.col,u="number"!=typeof this.$props.tileSize?this.$props.tileSize:{width:this.$props.tileSize,height:this.$props.tileSize},c=u.width+"px",h=u.height+"px";return e.map((function(e,s){const n=l&&r===s,u=t.classNames("k-colorpalette-tile",{"k-selected":n,"k-focus":o&&d===s});return i.createVNode("td",{class:u,"aria-label":e,"aria-selected":!!n||!!this.$props.disabled&&void 0,style:{backgroundColor:e,width:c,height:h,minWidth:c},onClick:t=>this.onColorClick(e,t),id:this.createCellId({row:a,col:s}),key:s,role:"gridcell"},null)}),this)};return e.colors.length?i.createVNode("div",{id:this.$props.id,class:l,onFocusin:this.onFocus,onFocusout:this.onBlur,onKeydown:this.onKeyDown,"aria-disabled":this.$props.disabled?"true":void 0,"aria-activedescendant":n&&this.createCellId(n),"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},[r.call(this,e,s,t,a)])}),this)}.call(this,a.colorRows,s,n)])])]):""},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=m(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=S[this.$props.palette];return h(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}`}}}),N={opacity:!0},I={palette:x,tileSize:24};const B=i.defineComponent({model:{event:"changemodel"},inheritAttrs:!1,emits:{input:null,change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null,keyup:null,keydown:null,keypress:null},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],inputSuffix:[String,Function],showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,wrapperClass:String,tabIndex:Number,role:String,title:String,ariaLabel:String},data:function(){return{hasMounted:!1,autofill:!1,currentValue:"",valueDuringOnChange:"",focused:!1}},created(){t.validatePackage(c),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:l,required:r,iconName:o,showValidationIcon:d,showLoadingIcon:u,showClearButton:c}=this.$props,h=l||this._inputId,p=i.h("input",{...this.$attrs,"aria-label":this.$props.ariaLabel,role:this.$props.role,title:this.$props.title,tabindex:this.$props.tabIndex,placeholder:this.$props.placeholder,id:h,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}),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:e}}),v=t.getTemplate.call(this,{h:i.h,template:g,additionalProps:{value:this.computedValue,valid:e}}),b=i.createVNode("span",{class:this.inputWrapperClass(),ref:e=>{this.wrapperRef=e}},[o&&i.createVNode(t.Icon,{name:o,class:"k-input-icon"},null),this.$props.inputPrefix&&i.createVNode("span",{class:"k-input-prefix"},[f]),p,this.$props.inputSuffix&&i.createVNode("span",{class:"k-input-suffix"},[v]),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:h,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)}(b)?b:{default:()=>[b]}):b},methods:{updateValidClass(){this.wrapper.classList.toggle("k-invalid",!this.validity().valid)},emitFocus(e){this.$emit("focus",e),this.$data.focused=!0},emitBlur(e){this.$emit("blur",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}}}),L=i.defineComponent({name:"KendoHexInput",emits:{hexchange:null,blur:null,focus:null},props:{tabIndex:Number,hex:String,disabled:Boolean,id:String},computed:{isHexValid(){return!!m(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(B,{id:this.$props.id,value:this.currentHex,onInput:this.onChange,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,valid:this.isHexValid,disabled:this.$props.disabled,tabIndex:this.tabIndex,ref:"input"},null)},methods:{onChange(e){const t=e.target.value,i=m(t,"rgba");this.currentHex=t,h(i)&&this.$emit("hexchange",{hex:t,value:i,event:e})},onBlur(e){h(m(this.hex,"rgba"))||(this.currentHex=this.originalHex),this.$emit("blur",e)},onFocus(e){this.$emit("focus",e)}}}),D="numerictextbox.increment",R="numerictextbox.decrement",O="slider.increment",M="slider.decrement",z="slider.dragTitle",T="colorGradient.dragHandle",P="colorGradient.r",K="colorGradient.g",F="colorGradient.b",_="colorGradient.a",H="colorGradient.hex",E="colorGradient.hexLabel",j="colorGradient.inputColorButton",A="colorGradient.rLabel",q="colorGradient.gLabel",W="colorGradient.bLabel",G="colorGradient.aLabel",U="colorGradient.contrastRatio",X="colorGradient.colorGradientAALevel",Y="colorGradient.colorGradientAAALevel",Z="colorGradient.colorGradientPass",J="colorGradient.colorGradientFail",Q="colorGradient.hueSliderLabel",ee="colorGradient.alphaSliderLabel",te="flatColorPicker.cancelBtn",ie="flatColorPicker.applyBtn",ae="flatColorPicker.gradientBtn",se="flatColorPicker.paletterBtn",ne="flatColorPicker.clearBtn",le="checkbox.validation",re="checkbox.optionalText",oe="radioButton.validation",de="switch.validation",ue="colorPicker.dropdownButtonAriaLabel",ce="colorGradient.toggleInputsButton",he="rating.ariaLabel",pe="signature.clear",me="signature.maximize",ge="signature.minimize",fe={[D]:"Increase value",[R]:"Decrease value",[O]:"Increase",[M]:"Decrease",[z]:"Drag",[T]:"Color well with two-dimensional slider for selecting\n saturation and lightness. Selected color is",[j]:"Change the color input",[P]:"r",[K]:"g",[F]:"b",[_]:"a",[A]:"red chanel",[q]:"green chanel",[W]:"blue chanel",[G]:"alpha chanel",[H]:"hex",[E]:"HEX",[U]:"Contrast ratio",[X]:"AA",[Y]:"AAA",[Z]:"Pass",[J]:"Fail",[Q]:"Hue slider",[ee]:"Alpha slider",[ce]:"Toggle colorgradient inputs",[te]:"Cancel",[ie]:"Apply",[ae]:"Gradient",[se]:"Palette",[ne]:"Clear",[le]:"Please check this box if you want to proceed!",[re]:"(Optional)",[oe]:"Please select option if you want to proceed!",[de]:"Please turn on if you want to proceed!",[ue]:"Select",[he]:"Rating",[pe]:"Clear",[me]:"Maximize",[ge]:"Minimize"},ve=1111111.1111111,be=/\d/,$e=(e,t)=>void 0!==e?e:t,ke=(e,t,i)=>null===e&&void 0===e?"":"string"==typeof e?e:i.formatNumber(e,t),Ve=e=>(String(e).split(".")[1]||"").length,ye=(e,t)=>Math.max(Ve(e),Ve(t)),Ce=(e,t)=>{const i=(e=>Math.min(e,15))(t);return parseFloat(e.toFixed(i))},Se=(e,t,i,a,s,n,l)=>{const r=ye(e||0,i||0),o=we(Ce((e||0)+(i||0),r),a,s);t.eventValue=o,t.currentLooseValue=ke(o,n,l),t.selectionStart=t.selectionEnd=De(t.currentLooseValue,be)},xe=(e,t,i,a,s,n,l)=>{const r=ye(e||0,i||0),o=we(Ce((e||0)-(i||0),r),a,s);t.eventValue=o,t.currentLooseValue=ke(o,n,l),t.selectionStart=t.selectionEnd=De(t.currentLooseValue,be)},we=(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),Ne=(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)},Ie=(e,t,i,a)=>{e.eventValue=a.parseNumber(e.prevLooseValue,t),e.currentLooseValue=e.prevLooseValue,e.valueIsCorrected=!0,Ne(e,e.selectionStart,e.currentLooseValue,i)},Be=(e,t)=>{const i=e.indexOf(t.decimal);return i>-1?i:De(e,be)},Le=e=>e.split("").reverse().join(""),De=(e,t)=>e.length-Le(e).search(t),Re=e=>e.split(e[e.search(be)])[0],Oe=e=>{const t=Le(e);return Le(t.split(t[t.search(be)])[0])},Me=(e,t)=>e.search(t),ze=(e,t)=>{const i=e.indexOf(t);return i>-1?e.length-i-1:0},Te=(e,t,i,a,s)=>{const n="0"===e.replace(s,"")[0],l="0"===t.replace(s,"")[0];if(n&&!l)return i-1;if(l&&a)return i+1;let r=0;for(let t=0;t<i;t++)be.test(e.charAt(t))&&r++;let o=0;for(;r>0&&t.length>o;)be.test(t.charAt(o))&&r--,o++;return o},Pe=(e,t,i)=>{const a={...e},{prevLooseValue:s}=a,n=i.numberSymbols(),l=((e,t)=>{const i=t.formatNumber(ve,e),a=t.formatNumber(-ve,e),s=t.formatNumber(0,e),n=t.formatNumber(1,e),l=t.numberSymbols(),r=new RegExp(`[\\d\\${l.decimal}${l.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),o=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=Me(r,be),m=-1===p?-1:De(r,be),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!==l.indexOf(e)||-1!==e.search(c))).join(""),v=i.formatNumber(.31111111111111117,t).replace(d,""),b=v.indexOf(n.decimal),$=b>-1?v.length-b-1:0,k=i.formatNumber(1,t).replace(d,""),V=k.indexOf(n.decimal),y=V>-1?k.length-V-1:0,{positiveInfo:C,negativeInfo:S,zeroInfo:x,oneInfo:w}=((e,t)=>{const i=t.formatNumber(ve,e),a=t.formatNumber(-ve,e),s=t.formatNumber(0,e),n=t.formatNumber(1,e),l=Re(i),r=Re(a),o=Re(s),d=Re(n);return{positiveInfo:[l,Oe(i)],negativeInfo:[r,Oe(a)],zeroInfo:[o,Oe(s)],oneInfo:[d,Oe(n)]}})(t,i),N=[C,S,x,w],I=1!==N.findIndex((e=>-1!==e.findIndex((e=>!!e)))),B=r.length>0&&r.length<o.length,L=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)!==o)return a.eventValue=-0,a.currentLooseValue=ke(a.eventValue,t,i),Ne(a,Be(a.currentLooseValue,n),a.currentLooseValue,N),a;if(((e,t)=>{const i=String(e.currentLooseValue),a=String(e.prevLooseValue);return i.split(t.minusSign).length!==a.split(t.minusSign).length&&i.length===a.length+t.minusSign.length})(a,n)){const e=i.parseNumber(s,t);a.eventValue=-(null!==e?e:0),a.currentLooseValue=ke(a.eventValue,t,i);const n=Me(a.currentLooseValue,be),l=Me(o,be);return Ne(a,a.selectionEnd-1+(n-l),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),Ne(a,a.selectionStart,a.currentLooseValue,N),a;if(a.currentLooseValue===n.decimal){a.eventValue=0;const e=ke(a.eventValue,t,i);if(0===y&&$>0){const t=De(e,be);a.currentLooseValue=e.substring(0,t)+n.decimal+e.substring(t)}else a.currentLooseValue=e;return Ne(a,Be(a.currentLooseValue,n)+1,a.currentLooseValue,N),a}if(((e,t)=>String(e.currentLooseValue).split(t.decimal).length>2)(a,n))return Ie(a,t,N,i),a;if(L)return a.eventValue=i.parseNumber(r,t)/100,a.currentLooseValue=ke(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,l=a===r.length-t.length,o=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?!o&&!d&&(s&&l):e?!o&&s:!!t&&(!d&&l)})))return Ie(a,t,N,i),a;if(h[h.length-1]===n.decimal&&$>0)return a.eventValue=i.parseNumber(r,t),a.currentLooseValue=f,a;if(a.currentLooseValue&&s&&(l+n.decimal+n.group).split("").findIndex((e=>r.split("").filter((t=>t===e)).length<o.split("").filter((t=>t===e)).length&&r.length+1===o.length&&!(e===n.decimal&&0===ze(o.replace(d,""),n.decimal))))>-1)return a.eventValue=i.parseNumber(e.prevLooseValue,t),a.currentLooseValue=e.prevLooseValue,a;const u=ze(h,n.decimal),c="0"===h[h.length-1];if(B&&c&&u<y)return a.eventValue=i.parseNumber(a.currentLooseValue,t),a.currentLooseValue=ke(a.eventValue,t,i),a;if(u>0){const e=r.substring(0,g);if(c&&(!e||0!==o.indexOf(e))){a.eventValue=i.parseNumber(a.currentLooseValue,t);const e=ke(a.eventValue,t,i);return Ne(a,Te(r,e,a.selectionEnd,B,d),e,N),a.currentLooseValue=e,a}if(u>$){const e=r.indexOf(n.decimal),s=r.substring(0,e)+r.substring(e,e+1+$)+r.substring(m,String(a.currentLooseValue).length);return a.eventValue=i.parseNumber(s,t),a.currentLooseValue=s,Ne(a,a.selectionStart,s,N),a}if(y!==$&&u<=$&&c)return a.eventValue=i.parseNumber(a.currentLooseValue,t),a.currentLooseValue=f,a;if(u<y)return a.eventValue=i.parseNumber(a.currentLooseValue,t),a.currentLooseValue=ke(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=ke(a.eventValue,t,i);1===r.length?Ne(a,Be(e,n),e,N):Ne(a,Te(r,e,a.selectionEnd,B,d),e,N),a.currentLooseValue=e}else a.currentLooseValue=ke(i.parseNumber(h),t,i);return a},Ke=i.defineComponent({model:{event:"changemodel"},emits:{change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null},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},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(c),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 ke(this.$data.focused?this.$data.currentLooseValue:$e(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,l=!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":!l,"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",e),this.$data.forceUpdate=!0},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",e),this.$data.forceUpdate=!0},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:$e(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,Pe(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=ke(we(t.eventValue,this.$props.min,this.$props.max),this.$props.format,this._intl),a=we(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();Se(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();xe(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 l=this.parseNumber(String(n.currentLooseValue));if(!(n.selectionEnd>n.selectionStart&&n.selectionEnd-n.selectionStart===String(n.currentLooseValue).length)){switch(e.keyCode){case 38:Se(l,n,this.$props.step,this.$props.min,this.$props.max,this.$props.format,this._intl);break;case 40:xe(l,n,this.$props.step,this.$props.min,this.$props.max,this.$props.format,this._intl);break;case 13:t=ke(we(l,this.$props.min,this.$props.max),this.$props.format,this._intl),i=we(this.parseNumber(t),this.$props.min,this.$props.max),n.eventValue=i,n.currentLooseValue=ke(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=Pe(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:o}=this.$props,d=this.$props.id||this._inputId,u=t.getDefaultSlots(this),c=r.provideLocalizationService(this),h=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 p=t.templateRendering.call(this,this.$props.inputPrefix,t.getListeners.call(this)),m=t.templateRendering.call(this,this.$props.inputSuffix,t.getListeners.call(this)),g=t.getTemplate.call(this,{h:i.h,template:p,additionalProps:{value:this.computedValue,valid:h}}),f=t.getTemplate.call(this,{h:i.h,template:m,additionalProps:{value:this.computedValue,valid:h}}),v=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"},[g]),i.createVNode("input",{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:d,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")},null),this.$props.inputSuffix&&i.createVNode("span",{class:"k-input-suffix"},[f]),a&&h&&i.createVNode(t.Icon,{name:"check",icon:n.checkIcon,class:"k-input-validation-icon"},null),a&&!h&&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),o&&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)]),u,this.$props.spinners&&i.createVNode("span",{class:"k-input-spinner k-spin-button",onMousedown:this.spinnersWrapperMouseDown},[i.createVNode(l.Button,{type:"button",tabIndex:-1,icon:"caret-alt-up",svgIcon:n.caretAltUpIcon,class:"k-spinner-increase",rounded:null,"aria-label":c.toLanguageString(D,fe[D]),title:c.toLanguageString(D,fe[D]),onClick:this.increase},null),i.createVNode(l.Button,{type:"button",tabIndex:-1,class:"k-spinner-decrease",icon:"caret-alt-down",svgIcon:n.caretAltDownIcon,rounded:null,"aria-label":c.toLanguageString(R,fe[R]),title:c.toLanguageString(R,fe[R]),onClick:this.decrease},null)])]);return this.$props.label?i.createVNode("span",{class:this.spanClassNames,onFocusin:this.handleFocus,onFocusout:this.handleBlur,dir:this.$props.dir},[v,this.$props.label?d?i.createVNode("label",{for:d,class:"k-floating-label"},[this.$props.label]):i.createVNode("span",{class:"k-label"},[this.$props.label]):null]):v}});function Fe(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}const _e=["rgba","rgb","hex"],He=i.defineComponent({name:"KendoColorInput",emits:{hexchange:null,rgbachange:null},props:{tabIndex:Number,rgba:{type:Object,default:function(){return{}}},hex:String,opacity:Boolean,disabled:Boolean},inject:{kendoLocalizationService:{default:null}},created(){this.hexInputId=t.guid()},data:()=>({inputMode:_e[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(H,fe[H]),a=e.toLanguageString(j,fe[j]),o=e.toLanguageString(P,fe[P]),d=e.toLanguageString(K,fe[K]),u=e.toLanguageString(F,fe[F]),c=e.toLanguageString(_,fe[_]),h=e.toLanguageString(A,fe[A]),p=e.toLanguageString(q,fe[q]),m=e.toLanguageString(W,fe[W]),g=e.toLanguageString(G,fe[G]);return i.createVNode("div",{class:"k-colorgradient-inputs k-hstack"},[i.createVNode("div",{class:"k-vstack"},[i.createVNode(l.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},null)]),"hex"===this.inputMode&&i.createVNode("div",{class:"k-vstack k-flex-1"},[i.createVNode("span",{class:"k-hex-value"},[i.createVNode(L,{id:this.hexInputId,tabIndex:this.tabIndex,hex:this.$props.hex,onHexchange:this.onHexChange,disabled:this.$props.disabled,ref:"hexinput"},null)]),i.createVNode(s.Label,{class:"k-colorgradient-input-label",editorId:this.hexInputId},Fe(t)?t:{default:()=>[t]})]),("rgb"===this.inputMode||"rgba"===this.inputMode)&&[i.createVNode("div",{class:"k-vstack"},[i.createVNode(Ke,{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},null),i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Fe(o)?o:{default:()=>[o]})]),i.createVNode("div",{class:"k-vstack"},[i.createVNode(Ke,{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},null),i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Fe(d)?d:{default:()=>[d]})]),i.createVNode("div",{class:"k-vstack"},[i.createVNode(Ke,{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"},null),i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Fe(u)?u:{default:()=>[u]})])],"rgba"===this.inputMode&&i.createVNode("div",{class:"k-vstack"},[this.$props.opacity&&i.createVNode(Ke,{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"},null),this.$props.opacity&&i.createVNode(s.Label,{class:"k-colorgradient-input-label"},Fe(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=_e.length-1===_e.indexOf(this.inputMode)?0:_e.indexOf(this.inputMode)+1;if(this.$props.opacity)this.inputMode=_e[e];else{const t="rgba"===_e[e]?e+1:e;this.inputMode=_e[t]}},onKeyDown(e){e.keyCode===t.Keys.enter&&e.stopPropagation()}}}),Ee=i.defineComponent({name:"KendoColorContrastLabels",props:{bgColor:Object,rgba:Object},inject:{kendoLocalizationService:{default:null}},render(){const e=r.provideLocalizationService(this),a=e.toLanguageString(U,fe[U]),s=e.toLanguageString(X,fe[X]),l=e.toLanguageString(Y,fe[Y]),o=e.toLanguageString(Z,fe[Z]),d=e.toLanguageString(J,fe[J]),u=y(this.$props.rgba,this.$props.bgColor),c=4.5.toFixed(1),h=7..toFixed(1),p=`${a}: ${u.toFixed(2)}`,m=`${s}: ${c}`,g=`${l}: ${h}`,f=u>=4.5,v=u>=7,b=i.createVNode("span",{key:1,class:"k-contrast-validation k-text-success"},[o,i.createTextVNode(" "),i.createVNode(t.Icon,{name:"check",icon:n.checkIcon},null)]),$=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:$]),i.createVNode("div",null,[i.createVNode("span",null,[g]),v?b:$])])}}),je=(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)}},Ae=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,l)=>{const r=(s+n)/2,o=Object.assign({},this.$props.hsva,{s:i/t.width,v:1-r/t.height}),d=y(v(b(o)),v(this.$props.backgroundColor||""));return s+.5>n?d<e+1&&d>e-1?r:null:l(d,e)?a(e,i,s,n-(n-s)/2,l):a(e,i,s+(n-s)/2,n,l)},s=(e,i,s=!1)=>{const n=[];for(let l=0;l<=t.width;l+=t.width/i){const i=a(e,l,0,t.height,s?(e,t)=>e<t:(e,t)=>e>t);null!==i&&n.push([l,i])}return n},n=(e=>(t,i,a)=>{const[s,n]=e(a[i-1],a[i-2],t),[l,r]=e(t,a[i-1],a[i+1],!0);return`C ${s},${n} ${l},${r} ${t[0]},${t[1]}`})((e=>(t,i,a,s)=>{const n=e(i||t,a||t),l=n.angle+(s?Math.PI:0),r=.1*n.length;return[t[0]+Math.cos(l)*r,t[1]+Math.sin(l)*r]})(je));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)])}}),qe="data-slider-label",We=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,l=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",...l}},[i.createVNode("span",{"data-slider-label":!0,class:"k-label",onClick:this.onClick},[a])])},methods:{onClick(e){this.$emit("click",e)}}}),Ge=i.defineComponent({name:"KendoSlider",model:{event:"changemodel"},emits:{changemodel:null,"update:modelValue":null,change:null,blur:null,focus:null},props:{modelValue:{type:Number,default:void 0},defaultValue:{type:Number,default:void 0},name:String,buttons:Boolean,tabIndex:Number,disabled:Boolean,dir:String,step:Number,min:{type:Number,required:!0},max:{type:Number,required:!0},value:Number,vertical:Boolean,id:String,ariaLabelledBy:String,ariaDescribedBy:String,ariaLabel:String},provide(){return{kendoMin:this.$props.min,kendoMax:this.$props.max,kendoVertical:this.$props.vertical}},inject:{kendoLocalizationService:{default:null}},data:()=>({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(c),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:o}=this.$props,d="rtl"===this.currentDir?o?n.caretAltUpIcon:n.caretAltLeftIcon:o?n.caretAltUpIcon:n.caretAltRightIcon,u="rtl"===this.currentDir?o?n.caretAltDownIcon:n.caretAltRightIcon:o?n.caretAltDownIcon:n.caretAltLeftIcon,c="rtl"===this.currentDir?o?"caret-alt-up":"caret-alt-left":o?"caret-alt-up":"caret-alt-right",h="rtl"===this.currentDir?o?"caret-alt-down":"caret-alt-right":o?"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(l.Button,{type:"button",tabIndex:-1,icon:h,svgIcon:u,style:{position:"relative"},rounded:"full",class:"k-button-decrease",title:e.toLanguageString(M,fe[M]),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(z,fe[z]),style:this.$props.vertical?{bottom:a+"%",zIndex:1}:{["rtl"===this.currentDir?"right":"left"]:a+"%",zIndex:1}},null)])])]}),this.$props.buttons&&i.createVNode(l.Button,{type:"button",tabIndex:-1,icon:c,svgIcon:d,rounded:"full",style:{position:"relative"},class:"k-button-increase",title:e.toLanguageString(O,fe[O]),onClick:this.increment},null)])},methods:{focus(){this.$el&&this.$el.focus()},isLabel(e){let t=e;for(;t;){if(t.getAttribute(qe))return!0;t=t.parentElement}return!1},onFocus(e){this.currentFocused=!0,this.$emit("focus",e)},onBlur(e){this.currentFocused=!1,this.$emit("blur",e)},onKeyDown(e){let 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}})}}}),Ue="rgba(255, 255, 255, 1)",Xe=i.defineComponent({name:"KendoColorGradient",model:{event:"changemodel"},emits:{change:null,focus:null,blur:null,changemodel:null,"update:modelValue":null,"update:modelRgbaValue":null,keydown:null},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}},created(){t.validatePackage(c),this.guid=t.guid()},computed:{valueSet(){return this.value||this.modelValue||this.modelRgbaValue},computedValue(){let e=this.valueSet||this.currentValue||this.defaultValue||m(Ue,"rgba");return h(m(e,"hex",this.opacity))||(e=Ue),e},hsva(){return this.valueSet?f(this.computedValue):this.currentHsva||f(this.computedValue)},rgba(){return this.valueSet?v(this.computedValue):this.currentRgba},hex(){return this.valueSet?m(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.setAlphaSliderBackground(this.computedBgColor),this.$el&&(this.draggable=this.$refs.draggable,this.gradientWrapper=this.draggable&&this.draggable.element),this.alphaSlider=this.alphaSliderRef,this.isFirstRender&&(this.isFirstRender=!1)},destroyed(){this.guid},updated(){this.setAlphaSliderBackground(this.computedBgColor)},render(){const e=t.classNames("k-colorgradient",{"k-disabled":this.$props.disabled}),a=r.provideLocalizationService(this),s=a.toLanguageString(Q,fe[Q]),n=a.toLanguageString(ee,fe[ee]),l=a.toLanguageString(T,fe[T]),o=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":l+`${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:this.$props.id,class:e,role:-1!==this.$props.tabIndex?"textbox":void 0,"aria-disabled":this.$props.disabled,tabindex:t.getTabIndex(this.$props.tabIndex,this.$props.disabled),"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,onFocus:this.onFocus,onBlur:this.onBlur,onKeydown:this.onKeyDownHandler},[i.createVNode("div",{class:"k-colorgradient-canvas 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},[o.call(this)])]}),this.backgroundColor&&!this.isFirstRender&&i.createVNode(Ae,{metrics:this.gradientWrapper?this.getGradientRectMetrics():void 0,hsva:this.hsva,backgroundColor:this.backgroundColor},null)]),i.createVNode("div",{class:"k-hsv-controls k-hstack"},[i.createVNode(Ge,{tabIndex:this.computedTabIndex,value:this.hsva.h,buttons:!1,vertical:!0,min:0,max:360,step:5,onChange:this.onHueSliderChange,class:"k-hue-slider k-colorgradient-slider",disabled:this.$props.disabled,ariaLabel:s},null),this.$props.opacity&&i.createVNode(Ge,{tabIndex:this.computedTabIndex,value:h(this.hsva.a)?100*this.hsva.a:100,buttons:!1,vertical:!0,min:0,max:100,step:1,onChange:this.onAlphaSliderChange,class:"k-alpha-slider k-colorgradient-slider",disabled:this.$props.disabled,ariaLabel:n,ref:e=>{this.alphaSliderRef=e}},null)])]),i.createVNode(He,{tabIndex:this.computedTabIndex,rgba:this.rgba,onRgbachange:this.onRgbaChange,hex:this.hex,onHexchange:this.onHexChange,opacity:this.$props.opacity,disabled:this.$props.disabled,ref:"colorInput"},null),this.backgroundColor&&i.createVNode(Ee,{bgColor:v(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=v(t),s=f(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=p(e.r,0,255),i=p(e.g,0,255),s=p(e.b,0,255),n=p(e.a,0,1);return a.Color.fromBytes(t,i,s,n).toCssRgba()})(e),s=m(i,"hex",this.opacity),n=f(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=p(i,0,t.width),n=p(a,0,t.height),l=Object.assign({},this.hsva,{s:s/t.width,v:1-n/t.height});this.handleHsvaChange(l,e,e.event)},handleHsvaChange(e,t){const i=b(e),a=m(i,"hex",this.opacity),s=m(i,"rgba");this.currentHsva=e,this.currentBgColor=$(e.h),this.currentRgba=v(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 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)}}});const Ye=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:l}=this.$props.popupSettings;return i.createVNode(o.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",l)},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 Ze(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}const Je=i.defineComponent({name:"KendoFlatColorPicker",emits:{viewchange:null,changemodel:null,"update:modelValue":null,"update:modelRgbaValue":null,focus:null,blur:null,focusout:null,keydown:null,change:null},props:{modelValue:String,modelRgbaValue:String,value:String,prevValue:String,tabIndex:Number,disabled:Boolean,view:{type:String,default:"combo",validator:function(e){return["gradient","palette","combo"].includes(e)}},selectedView:{type:Number,default:void 0},header:[String,Function,Object],footer:[String,Function,Object],showClearButton:{type:Boolean,default:!0},showPreview:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0},gradientSettings:{type:Object,default:function(){return N}},paletteSettings:{type:Object,default:function(){return I}}},inject:{kendoLocalizationService:{default:null}},created(){t.validatePackage(c)},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 e=r.provideLocalizationService(this),a=e.toLanguageString(ae,fe[ae]),s=e.toLanguageString(se,fe[se]),o=e.toLanguageString(ne,fe[ne]),d=e.toLanguageString(te,fe[te]),u=e.toLanguageString(ie,fe[ie]),c=t.templateRendering.call(this,this.$props.header,t.getListeners.call(this)),h=t.templateRendering.call(this,this.$props.footer,t.getListeners.call(this)),p=t.getTemplate.call(this,{h:i.h,template:c}),m=t.getTemplate.call(this,{h:i.h,template:h});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-disabled":this.$props.disabled}),"aria-disabled":this.$props.disabled},[p,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(l.ButtonGroup,{class:"k-button-group-flat"},{default:()=>[i.createVNode(l.Button,{tabIndex:this.computedTabIndex,type:"button",togglable:!0,fillMode:"flat",selected:this.isColorGradient,onKeydown:this.handleButtonKeydown,ariaLabel:a,onClick:e=>this.handleViewChange(e,"gradient")},{default:()=>[i.createVNode(t.Icon,{name:"droplet-slider",icon:n.dropletSliderIcon},null)]}),i.createVNode(l.Button,{tabIndex:this.computedTabIndex,type:"button",togglable:!0,fillMode:"flat",selected:!this.isColorGradient,onKeydown:this.handleButtonKeydown,ariaLabel:s,onClick:e=>this.handleViewChange(e,"palette")},{default:()=>[i.createVNode(t.Icon,{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(l.Button,{tabIndex:this.computedTabIndex,type:"button",fillMode:"flat",ariaLabel:o,onKeydown:this.handleButtonKeydown,onClick:this.handleResetColor},{default:()=>[i.createVNode(t.Icon,{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(Xe,{ref:t.setRef(this,"gradient"),tabIndex:-1,value:this.colorValue,innerTabIndex:this.computedTabIndex,onChange:this.handleColorChange,onKeydown:this.innerKeyDown,...this.gradientSettings})}.call(this):function(){return i.h(w,{ref:t.setRef(this,"palette"),tabIndex:this.computedTabIndex,value:this.colorValue,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(l.Button,{tabIndex:this.computedTabIndex,type:"button",class:"k-coloreditor-cancel",onKeydown:this.handleButtonKeydown,onClick:this.handleCancelBtnClick},Ze(d)?d:{default:()=>[d]}),i.createVNode(l.Button,{tabIndex:this.computedTabIndex,type:"button",class:"k-coloreditor-apply k-primary",onKeydown:this.handleButtonKeydown,onClick:this.triggerChange},Ze(u)?u:{default:()=>[u]})]),m])},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.triggerChange()},handleColorChange(e){this.colorValue=e.value,this.showButtons||this.triggerChange(e)},handlePaletteColorChange(e){this.colorValue=e.value,this.showButtons||this.triggerChange(e)},triggerChange(e){const t=m(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 Qe(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!i.isVNode(e)}const et=i.defineComponent({name:"KendoColorPicker",model:{event:"changemodel"},emits:{open:null,close:null,changemodel:null,"update:modelValue":null,"update:modelRgbaValue":null,activecolorclick:null,focus:null,blur:null,change:null,viewchange:null},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 I}},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 N}},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}},inject:{kendoLocalizationService:{default:null}},data(){return{focused:!1,currentValue:this.$props.defaultValue,currentOpen:!1}},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}}},created(){t.validatePackage(c),this._popupId="popup"+t.guid(),this.focusableElementGuid=t.guid()},mounted(){this.button=t.getRef(this,"button")},render(){let e;const a=r.provideLocalizationService(this).toLanguageString(ue,fe[ue]),{disabled:s,tabIndex:o,dir:d,view:u,selectedView:c,showClearButton:h,showPreview:p,showButtons:m,popupSettings:g}=this.$props;return i.createVNode("span",{class:this.wrapperClassName,role:"combobox",dir:d,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(o,s),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(l.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":a},null),i.createVNode(Ye,{dir:d,id:this._popupId,open:this.computedOpen,onOpen:this.onOpenHandler,popupAnchor:this.focusableElementGuid,popupSettings:{...g}},Qe(e=function(){return i.h(Je,{onKeydown:this.onKeyDownHandler,ref:t.setRef(this,"flatcolorpicker"),view:u,selectedView:c,showClearButton:h,showPreview:p,showButtons:m,value:this.computedValue||void 0,onChange:this.onFlatChangeHandler,onFocusout:this.onBlurHandler,onViewchange:this.onViewChange,paletteSettings:this.paletteSettings,gradientSettings:this.gradientSettings,...this.flatColorPickerSettings})}.call(this))?e:{default:()=>[e]})])},methods:{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)}}}),tt=i.defineComponent({name:"KendoSwitch",model:{event:"changemodel"},emits:{change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null},props:{name:String,accessKey:String,checked:{type:Boolean,default:void 0},className:String,disabled:{type:Boolean,default:!1},defaultChecked:{type:Boolean,default:!1},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},trackRounded:{type:String,default:"full",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},thumbRounded:{type:String,default:"full",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},dir:String,id:String,ariaLabelledBy:String,ariaDescribedBy:String,offLabel:{type:String,default:"OFF"},onLabel:{type:String,default:"ON"},required:{type:Boolean,default:!1},tabIndex:Number,valid:Boolean,validityStyles:{type:Boolean,default:!1},validationMessage:String,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:Boolean,default:void 0}},created(){t.validatePackage(c),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:l,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(l,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(de,fe[de]))},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",e))},handleWrapperBlur(e){this.$props.disabled||(this.focused=!1,this.$emit("blur",e))}}}),it=i.defineComponent({created(){t.validatePackage(c)},render:()=>i.createVNode("span",{class:"k-input-separator"},null)});const at=i.defineComponent({model:{event:"changemodel"},emits:{input:null,change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null,keyup:null,keydown:null,keypress:null},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(c),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:l,ariaLabel:r,ariaLabelledBy:o,ariaDescribedBy:d}=this.$props,u=a||this._inputId,c=i.h("input",{...this.$attrs,placeholder:this.$props.placeholder,id:u,tabindex:l,required:n,ariaLabel:r,ariaLabelledby:o,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",e),this.$data.focused=!0},emitBlur(e){this.$emit("blur",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 st=(e=>(e[e.Literal=0]="Literal",e[e.Mask=1]="Mask",e[e.Undefined=2]="Undefined",e))(st||{});let nt=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} })`}},lt=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 rt=e=>(e||"").split("");let ot=class e{constructor(e){this.parse=e}run(e,t=""){return e instanceof lt?this.parse(e):this.parse(new lt(rt(e),rt(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===st.Literal}};const dt=(e,t)=>new ot((i=>{let{char:a}=i.next();const s=e[a];return"\\"===a?(a=i.next().char,new nt(t.literal(a),i)):new nt(s?t.mask(s):t.literal(a),i)})),ut=({prompt:e,promptPlaceholder:t})=>new ot((i=>{let{char:a}=i.next();return new nt(a===e?t:a,i)})),ct=e=>new ot((t=>{let{char:i}=t.next();return new nt(e?i:"",t)})),ht=e=>e.reduce(((e,t)=>((e,t)=>e.chain((e=>t.map((t=>e.concat([t]))))))(e,t)),(e=>new ot((t=>new nt(e,t))))([])),pt=e=>new ot((t=>{let i=new nt([],t);for(;!t.eof();)i=i.concat(e.run(t));return i}));class mt{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 ht(this.validationTokens).run(e).fold((e=>{t=e.join("")})),t}rawValue(e=""){let t=e;return this.rawTokens.length&&ht(this.rawTokens).run(e).fold((e=>{t=e.join("")})),t}maskRaw(e=""){let t=e;return this.maskTokens.length&&ht(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 l=t.split("").slice(0,i),r=t.split("").slice(a);return ht(this.maskTokens.slice(i,a)).run(e).fold((e=>{s=l.concat(e).concat(r).join("")})),{selection:n,value:s}}maskRemoved(e,t,i){let a="",s=i;const n=e.split("").slice(i),l=e.split("").slice(0,i).join(""),r=this.maskTokens.length-(e.length-i);return ht(this.maskTokens.slice(0,r)).run(l,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 ht(this.unmaskTokens).run(n,t).chain((e=>{s=e.join("").length;const i=t.slice(s);return ht(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 ot((t=>t.peek().char===e?(t.eat(),new nt(e,t,st.Literal)):new nt(e,t,st.Literal))))(e),mask:i=>(({prompt:e,promptPlaceholder:t})=>i=>new ot((a=>{for(;!a.eof();){const{char:s,control:n}=a.peek();if(s===n&&n===e)return a.eat(),new nt(e,a,st.Mask);if(i.test(s))return a.eat(),new nt(s,a,st.Mask);if(s===t)return a.eat(),new nt(e,a,st.Mask);a.eat_input()}return a.eat(),new nt(e,a,st.Mask)})))({prompt:e,promptPlaceholder:t})(i)}}get unmaskTokenCreator(){return{literal:e=>(e=>new ot((t=>{if(t.eof())return new nt("",t);const{char:i}=t.peek();return i===e&&t.eat(),new nt(e,t)})))(e),mask:e=>(e=>t=>new ot((i=>{for(;!i.eof();){const{char:a,control:s}=i.peek();if(a===e&&s===e)return i.eat(),new nt(a,i);if(t.test(a))return i.eat(),new nt(a,i);i.eat_input()}return i.eat(),new nt("",i)})))(this.prompt)(e)}}get rawTokenCreator(){const{prompt:e,promptPlaceholder:t,includeLiterals:i}=this;return{literal:e=>ct(i),mask:i=>ut({prompt:e,promptPlaceholder:t})}}get validationTokenCreator(){const{prompt:e}=this;return{literal:e=>ct(!1),mask:t=>ut({prompt:e,promptPlaceholder:""})}}tokenize(){pt(dt(this.rules,this.maskTokenCreator)).run(this.mask).fold(((e,t)=>{this.maskTokens=e})),pt(dt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold(((e,t)=>{this.unmaskTokens=e})),pt(dt(this.rules,this.rawTokenCreator)).run(this.mask).fold(((e,t)=>{this.rawTokens=e})),pt(dt(this.rules,this.validationTokenCreator)).run(this.mask).fold(((e,t)=>{this.validationTokens=e}))}}const gt={"#":/[\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]/},ft=()=>!1,vt=(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},bt=i.defineComponent({model:{event:"changemodel"},emits:["change","focus","blur","update:modelValue","update:modelRawValue","changemodel"],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 gt}},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},data:()=>({currentValue:void 0,currentFocused:!1,inputValue:void 0,currentSelection:[null,null]}),created(){t.validatePackage(c),this.hasMounted=!1,this.valueDuringOnChange=void 0,this.inputId=`k-${t.guid()}`,this.service=new mt,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||!vt(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({},gt,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 l;if(this.isPasted){this.isPasted=!1;const e=n.length-s,t=i.length-e;l=this.service.maskInRange(i.slice(a,t),n,a,s)}else l=this.service.maskInput(i,n,t.selectionStart||0);this.currentSelection=[l.selection,l.selection],this.triggerOnChange(l.value,e),this.inputValue=void 0},focusHandler(e){this.currentFocused||(this.currentFocused=!0,this.$emit("focus",{target:this,event:e}))},blurHandler(e){this.currentFocused&&(this.currentFocused=!1,this.$emit("blur",{target:this,event:e}))},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:l,showClearButton:r}=this.$props,o=!this.$props.validityStyles||this.validity().valid,d=this.computedValue();this.inputValue;const u=t.templateRendering.call(this,this.$props.inputPrefix,t.getListeners.call(this)),c=t.templateRendering.call(this,this.$props.inputSuffix,t.getListeners.call(this)),h=t.getTemplate.call(this,{h:i.h,template:u,additionalProps:{value:d,valid:o}}),p=t.getTemplate.call(this,{h:i.h,template:c,additionalProps:{value:d,valid:o}}),m=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"},[h]),i.createVNode("input",{type:this.$props.type,autocomplete:"off",autocorrect:"off",autocapitalize:"off",spellcheck:!1,class:this.inputInnerClass,value:d,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"),onInput:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragstart:ft,onDrop:ft},null),this.$props.inputSuffix&&i.createVNode("span",{class:"k-input-suffix"},[p]),s&&o&&i.createVNode(t.Icon,{name:"check",icon:n.checkIcon,class:"k-input-validation-icon"},null),s&&!o&&i.createVNode(t.Icon,{name:"exclamation-circle",icon:n.exclamationCircleIcon,class:"k-input-validation-icon"},null),l&&i.createVNode(t.Icon,{name:"loading",class:"k-input-loading-icon"},null),r&&d&&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},[m,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]):m}});let $t=function(e){return e.start="start",e.end="end",e.min="min",e.max="max",e.increase="increase",e.decrease="decrease",e}({});const kt=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(c)},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(z,fe[z]),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(z,fe[z]),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 $t.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 $t.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 $t.min:i="start"===t.key?{...e,start:t.min}:{...e,end:Math.max(t.min,e.start)};break;case $t.max:i="start"===t.key?{...e,start:Math.min(t.max,e.end)}:{...e,end:t.max};break;case $t.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 $t.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?$t.decrease:$t.increase,key:"start",event:e});break;case t.Keys.up:e.preventDefault(),this.dispatchStateValue({type:$t.increase,key:"start",event:e});break;case t.Keys.left:e.preventDefault(),this.dispatchStateValue({type:"rtl"===this.currentDir?$t.increase:$t.decrease,key:"start",event:e});break;case t.Keys.down:e.preventDefault(),this.dispatchStateValue({type:$t.decrease,key:"start",event:e});break;case t.Keys.home:e.preventDefault(),this.dispatchStateValue({type:$t.min,key:"start",event:e});break;case t.Keys.end:e.preventDefault(),this.dispatchStateValue({type:$t.max,key:"start",event:e})}},handleEndKeyDown(e){switch(e.keyCode){case t.Keys.right:e.preventDefault(),this.dispatchStateValue({type:"rtl"===this.currentDir?$t.decrease:$t.increase,key:"end",event:e});break;case t.Keys.up:e.preventDefault(),this.dispatchStateValue({type:$t.increase,key:"end",event:e});break;case t.Keys.left:e.preventDefault(),this.dispatchStateValue({type:"rtl"===this.currentDir?$t.increase:$t.decrease,key:"end",event:e});break;case t.Keys.down:e.preventDefault(),this.dispatchStateValue({type:$t.decrease,key:"end",event:e});break;case t.Keys.home:e.preventDefault(),this.dispatchStateValue({type:$t.min,key:"end",event:e});break;case t.Keys.end:e.preventDefault(),this.dispatchStateValue({type:$t.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?$t.end:$t.start;this.dispatchStateValue({type:a,payload:t,event:e})},handleTrackDrag(e){const t=this.calcNewDistance(e),i="end"===this.currentDrag?$t.end:$t.start;this.dispatchStateValue({type:i,payload:t,event:e})},handleTrackRelease(e){const t=this.calcNewDistance(e),i="end"===this.currentDrag?$t.end:$t.start;this.dispatchStateValue({type:i,payload:t,event:e}),this.currentDrag=""}}}),Vt=i.defineComponent({name:"KendoCheckbox",emits:{changemodel:null,"update:modelValue":null,change:null,focus:null,blur:null},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(c),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:l,labelRender:o,labelPlacement:d,name:u,labelOptional:c,tabIndex:h,required:p,validityStyles:m,size:g,rounded:f}=this.$props,v=t.getDefaultSlots(this);let b=l;this.localizationService=r.provideLocalizationService(this),this.defaultValidationMessage=this.localizeMessage(le),this.optionalMessage=this.localizeMessage(re);const $=t.classNames({"k-checkbox-wrap":!0,"k-disabled":s}),k=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}),V=function(){return i.createVNode("input",{type:"checkbox",class:k,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(o){const e=o?t.templateRendering.call(this,o,t.getListeners.call(this)):null;b=t.getTemplate.call(this,{h:i.h,template:e})}const y=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:$,dir:"rtl"},[V.call(this),y.call(this),v]):i.createVNode("span",{class:$,dir:this.currentDir},[V.call(this),y.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,fe[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,handle:i,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",e)},onFocusHandler(e){this.$props.disabled||this.$emit("focus",e)}}}),yt=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:null,focus:null,blur:null},created(){this.calculatedId=t.guid(),t.validatePackage(c)},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",e,void 0)},handleBlur(e){this.$props.disabled||this.$emit("blur",e,void 0)}},setup:()=>({inputRef:i.ref(null)}),render(){const e=t.getDefaultSlots(this),{ariaDescribedBy:a,checked:s,disabled:n,id:l,label:r,labelRender:o,labelPlacement:d,name:u,tabIndex:c,value:h,tag:p,role:m}=this.$props;let g=r;if(o){const e=o?t.templateRendering.call(this,o,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:l||this.calculatedId,style:{userSelect:"none"},"aria-label":r},[g]):null,b=i.createVNode("input",{role:m,type:"radio",id:l||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),$="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:$,defaultSlots:e,additionalListeners:{change:this.handleChange,focus:this.handleFocus,blur:this.handleBlur},additionalProps:{dataItem:this.$props.dataItem}})}}),Ct=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:null,"update:modelValue":null,change:null,focus:null,blur:null},model:{event:"changemodel"},created(){this.radioGroupName=t.guid(),t.validatePackage(c),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:l,labelPlacement:r,valid:o}=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(yt,{class:t.classNames("k-radio-item",{"k-disabled":e.disabled||n}),style:e.style,key:a,item:u,role:"none",tag:"li",valid:o,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:l||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 St=(e=>(e.both="both",e.horizontal="horizontal",e.vertical="vertical",e.none="none",e))(St||{});const xt=i.defineComponent({name:"KendoTextArea",model:{event:"changemodel"},emits:{input:null,change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null},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)}}},created(){t.validatePackage(c),this.calculatedId=t.guid()},computed:{resizableClass(){const{resizable:e,autoSize:t}=this.$props;return t||e===St.none?"k-resize-none":e===St.vertical?"k-resize-y":e===St.horizontal?"k-resize-x":"k-resize"},rootClassName(){const{size:e,fillMode:i,rounded:a,required:s,showLoadingIcon:n}=this.$props,l=!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":l,"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-flex-col":"horizontal"===this.flow,"!k-flex-row":"vertical"===this.flow,"!k-align-items-start":"horizontal"===this.flow}},suffixRenderClass(){return{"k-input-suffix":!0,"!k-flex-col":"horizontal"===this.flow,"!k-flex-row":"vertical"===this.flow,"!k-align-items-start":"horizontal"===this.flow}},suffixIconWrapClass:()=>({"k-flex-wrap":!0,"!k-align-items-start":!0}),computedValue(){return void 0!==this.$props.value?this.$props.value:void 0!==this.$props.modelValue?this.$props.modelValue:this.currentValue},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(){this.element=this.elementRef,this.currentDir=void 0!==this.$props.dir?this.$props.dir:t.isRtl(this.$el)?"rtl":"ltr",this.setValidity()},updated(){this.element=this.elementRef,this.setValidity()},render(){const{ariaDescribedBy:e,ariaLabelledBy:a,autoSize:s,disabled:l,readOnly:r,required:o,rows:d,id:u,name:c,placeholder:h,tabIndex:p,iconName:m,showValidationIcon:g,showLoadingIcon:f,showClearButton:v,title:b}=this.$props,$={id:u||this.calculatedId,name:c,disabled:l,rows:d,title:b,placeholder:h,readOnly:r,required:o,tabIndex:t.getTabIndex(p,l),"aria-labelledby":a,"aria-describedby":e,"aria-multiline":!0,"aria-disabled":l||void 0,...this.$attrs},k=t.templateRendering.call(this,this.$props.inputPrefix,t.getListeners.call(this)),V=t.templateRendering.call(this,this.$props.inputSuffix,t.getListeners.call(this)),y=t.getTemplate.call(this,{h:i.h,template:k,additionalProps:{value:this.computedValue,valid:this.isValid}}),C=t.getTemplate.call(this,{h:i.h,template:V,additionalProps:{value:this.computedValue,valid:this.isValid}}),S=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}),x=[m&&i.createVNode("span",{class:"k-flex-wrap"},[i.createVNode(t.Icon,{name:m,class:"k-input-icon"},null)]),S,g&&this.isValid&&i.createVNode("span",{class:this.suffixIconWrapClass},[i.createVNode(t.Icon,{name:"check",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&&i.createVNode("span",{class:this.prefixRenderClass},[y]),m||g||f||v?i.createVNode("span",{class:"k-hstack k-flex"},[x]):x,this.$props.inputSuffix&&i.createVNode("span",{class:this.suffixRenderClass},[C])])},methods:{setValidity(){this.element&&this.element.setCustomValidity&&this.element.setCustomValidity(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})}}}),wt=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(l.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)])}}),Nt=i.defineComponent({name:"KendoSignatureLine",render:()=>i.createVNode("div",{class:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}},null)}),It=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 u.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())}}}),Bt=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:o,size:u,value:c,tabIndex:h,disabled:p,readOnly:m,color:g,backgroundColor:f,strokeWidth:v,smooth:b,popupScale:$,scale:k,elementSize:V}=this.$props,y=r.provideLocalizationService(this),C=y.toLanguageString(ge,fe[ge]),S=y.toLanguageString(pe,fe[pe]),x=!this.$props.hideLine&&i.createVNode(Nt,null,null),w=i.createVNode(wt,{showClear:e,size:u,onClear:this.onClear,title:S},null);return i.createVNode(d.Dialog,{ref:t.setRef(this,"dialog"),onOverlayclick:this.onOverlayClick},{default:()=>[i.createVNode("div",{style:{width:a+"px",height:s+"px"},dir:o,class:this.openWrapperClass,onFocus:this.onFocus,onBlur:this.onBlur},[i.createVNode(It,{ref:t.setRef(this,"openCanvas"),value:c,tabIndex:h,disabled:p,readOnly:m,color:g,backgroundColor:f,strokeWidth:v,smooth:b,popupScale:$,scale:k,onChange:this.onValueChange,elementSize:V,onDraw:this.onDraw,onDrawend:this.onDrawEnd},null),i.createVNode("div",{class:"k-signature-actions k-signature-actions-top"},[!this.isDrawing&&i.createVNode(l.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 Lt=i.defineComponent({name:"KendoSignature",model:{event:"changemodel"},emits:{change:null,focus:null,blur:null,open:null,close:null,changemodel:null,"update:modelValue":null},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"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}}},created(){t.validatePackage(c)},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),o=e.toLanguageString(me,fe[me]),d=e.toLanguageString(pe,fe[pe]),u=i.createVNode("div",{class:"k-signature-actions k-signature-actions-top"},[a&&i.createVNode(l.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":o,title:o},null)]),c=!this.$props.hideLine&&i.createVNode(Nt,null,null),h=i.createVNode(wt,{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(It,{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(Bt,{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}}}),Dt=i.defineComponent({name:"KendoVueRatingItem",emits:{click:null,keydown:null,focus:null,blur:null,mouseenter:null,mouseleave:null,mousemove:null},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:l,title:r,icon:o,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:o,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:l,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"},[!(o||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),(o||u)&&i.createVNode(t.Icon,{name:t.getIconName(`${o}-outline`),icon:u,size:"xlarge"},null)]),s&&i.createVNode("span",{class:"k-rating-precision-part"},[!(o||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),(o||d)&&i.createVNode(t.Icon,{name:o?t.getIconName(o):void 0,icon:d,size:"xlarge"},null)]),s&&i.createVNode("span",{style:{width:"24px",height:"24px",display:"block"}},null),!s&&(!(o||d)&&(c||h&&!c)&&i.createVNode(t.Icon,{name:"star",icon:n.starIcon,size:"xlarge"},null)||!(o||d)&&!c&&!h&&i.createVNode(t.Icon,{name:"star-outline",icon:n.starOutlineIcon,size:"xlarge"},null)||(o||d)&&(c||h&&!c)&&i.createVNode(t.Icon,{name:o,icon:d,size:"xlarge"},null)||(o||d)&&!c&&i.createVNode(t.Icon,{name:t.getIconName(`${o}-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)}}}),Rt=(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},Ot=(e,t,i)=>Rt(e-i,i)<t&&t<e,Mt=(e,t,i,a)=>null!==t&&("continues"===a?Ot(e,t,i)?Rt(e-i/2,i/2)<=t:e<=t:"single"===a&&(Ot(e,t,i)?Rt(e-i/2,i/2)===t:e===t)),zt=(e,t,i)=>"ltr"===e?i<t.x+t.width/2:i>t.x+t.width/2;var Tt=(e=>(e.select="select",e.deselect="deselect",e.increase="increase",e.decrease="decrease",e.min="min",e.max="max",e.reset="reset",e))(Tt||{});const Pt=(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?Rt(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?Rt(e+t.step,t.step):t.max;case"decrease":return void 0===t.step?e:Rt(e-t.step,t.step)>=t.min?Rt(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}},Kt=i.defineComponent({name:"Rating",emits:{change:null,keydown:null,focus:null,blur:null,click:null,mouseleave:null,mousemove:null},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(c)},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:l,dir:o,label:d,selection:u,precision:c,svgIcon:h,icon:p,item:m,value:g,tabIndex:f,disabled:v,readonly:b,ariaLabelledBy:$,ariaDescribedBy:k,svgIconOutline:V}=this.$props,y=Array.from({length:s-a+1},((e,t)=>a+t)),C=((e,t)=>e-t*Math.floor(e/t))(Rt(s-a,this.base),n),S=this.computedValue,x=this.$data.currentHovered;return i.createVNode("span",{id:l,ref:"ratingRef",role:"slider",dir:o,tabindex:t.getTabIndex(f,v,void 0),class:t.classNames("k-rating",{"k-rtl":"rtl"===o,"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(he,fe[he]),"aria-labelledby":$,"aria-describedby":k},[i.createVNode("input",{id:"rating",class:"k-hidden",readonly:b,disabled:v},null),i.createVNode("span",{class:"k-rating-container"},[y.map((function(e){const a=Rt(e+C,this.base),s="half"===c&&Ot(a,null!==x?x:null!==S?S:0,n),l=Mt(a,S,n,u),r=Mt(a,null!==x?x:S,n,u),d=Mt(a,x,n,u),g=t.templateRendering.call(this,m,t.getListeners.call(this));return i.createVNode(Dt,{key:a,value:a,dir:o,title:String(s?Rt(a-n/2,this.base):a),icon:p,svgIcon:h,svgIconOutline:V,haveSelectedValue:l,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",e)},handleBlur(e){this.$emit("blur",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?Tt.decrease:Tt.increase,event:e});break;case t.Keys.left:e.preventDefault(),this.dispatchValue({type:"rtl"===this.$props.dir?Tt.increase:Tt.decrease,event:e});break;case t.Keys.home:e.preventDefault(),this.dispatchValue({type:"rtl"===this.$props.dir?Tt.min:Tt.max,event:e});break;case t.Keys.end:e.preventDefault(),this.dispatchValue({type:"rtl"===this.$props.dir?Tt.max:Tt.min,event:e});break;case t.Keys.esc:e.preventDefault(),this.dispatchValue({type:Tt.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=zt(this.$props.dir?this.$props.dir:"ltr",s,e.event.clientX)?Rt(i-this.$props.step/2,this.base):i;this.dispatchValue({type:Tt.select,payload:n,event:t})}else this.dispatchValue({type:Tt.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=zt(this.$props.dir?this.$props.dir:"ltr",e,t.clientX)?i-this.$props.step/2:i;this.dispatchHover({type:Tt.select,payload:s,event:t})}else this.dispatchHover({type:Tt.select,payload:i,event:t})},handleMouseLeave(e){this.dispatchHover({type:Tt.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=Pt(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=Pt(t.state,{...e,...t});this.$data.currentHovered=i}}});e.Checkbox=Vt,e.ColorGradient=Xe,e.ColorPalette=w,e.ColorPicker=et,e.FlatColorPicker=Je,e.Input=at,e.InputSeparator=it,e.MaskedTextBox=bt,e.NumericTextBox=Ke,e.RadioButton=yt,e.RadioGroup=Ct,e.RangeSlider=kt,e.Rating=Kt,e.SLIDER_LABEL_ATTRIBUTE=qe,e.Signature=Lt,e.Slider=Ge,e.SliderLabel=We,e.Switch=tt,e.TextArea=xt,e.TextAreaResizeEnum=St,e.TextBox=B}));
|
package/package-metadata.mjs
CHANGED
|
@@ -9,7 +9,7 @@ const e = {
|
|
|
9
9
|
name: "@progress/kendo-vue-inputs",
|
|
10
10
|
productName: "Kendo UI for Vue",
|
|
11
11
|
productCodes: ["KENDOUIVUE", "KENDOUICOMPLETE"],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1731487745,
|
|
13
13
|
version: "",
|
|
14
14
|
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"
|
|
15
15
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-inputs",
|
|
3
|
-
"version": "6.0.0
|
|
3
|
+
"version": "6.0.0",
|
|
4
4
|
"description": "TODO",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"sideEffects": false,
|
|
17
17
|
"peerDependencies": {
|
|
18
18
|
"@progress/kendo-licensing": "^1.3.4",
|
|
19
|
-
"@progress/kendo-vue-common": "6.0.0
|
|
19
|
+
"@progress/kendo-vue-common": "6.0.0",
|
|
20
20
|
"vue": "^3.0.2"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {},
|
|
@@ -39,6 +39,6 @@
|
|
|
39
39
|
},
|
|
40
40
|
"repository": {
|
|
41
41
|
"type": "git",
|
|
42
|
-
"url": "git+https://github.com/telerik/kendo-
|
|
42
|
+
"url": "git+https://github.com/telerik/kendo-vue.git"
|
|
43
43
|
}
|
|
44
44
|
}
|
package/rating/RatingItem.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("@progress/kendo-vue-common"),u=require("@progress/kendo-svg-icons"),I=t.defineComponent({name:"
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("@progress/kendo-vue-common"),u=require("@progress/kendo-svg-icons"),I=t.defineComponent({name:"KendoVueRatingItem",emits:{click:null,keydown:null,focus:null,blur:null,mouseenter:null,mouseleave:null,mousemove:null},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(){return{inputRef:t.ref(null)}},computed:{wrapperClass(){return o.classNames(`k-rating-item${this.$props.dir==="rtl"?" k-rtl":""}${this.$props.haveSelectedValue||this.$props.selected?" k-selected":""}${this.$props.hovered?" k-hover":""}`)}},render(){const{id:e,dir:r,half:s,tabIndex:h,title:d,icon:n,svgIcon:l,svgIconOutline:a,hovered:i,selected:c,haveSelectedValue:m,item:p,itemTemplate:g}=this.$props,v=o.getTemplate.call(this,{h:t.h,template:g,additionalProps:{dir:r,half:s,title:d,icon:n,svgIcon:l,svgIconOutline:a,hovered:i,selected:c,haveSelectedValue:m},additionalListeners:{onclick:this.handleClick,onkeydown:this.handleKeyDown,onfocus:this.handleFocus,onblur:this.handleBlur,onmouseenter:this.handleMouseEnter,onmouseleave:this.handleMouseLeave,onmousemove:this.handleMouseMove}});return t.createVNode("span",{id:e,dir:r,"data-half":s,tabindex:h,title:d,class:this.wrapperClass,onClick:this.handleClick,onKeydown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave,onMousemove:this.handleMouseMove},[p?v:[s&&t.createVNode("span",{class:"k-rating-precision-complement"},[!(n||a)&&t.createVNode(o.Icon,{name:"star-outline",icon:u.starOutlineIcon,style:r==="rtl"?{clipPath:"inset(0 50% 0 0)"}:{clipPath:"inset(0 0 0 50%)"},size:"xlarge"},null),(n||a)&&t.createVNode(o.Icon,{name:o.getIconName(`${n}-outline`),icon:a,size:"xlarge"},null)]),s&&t.createVNode("span",{class:"k-rating-precision-part"},[!(n||l)&&t.createVNode(o.Icon,{name:"star",icon:u.starIcon,style:r==="rtl"?{clipPath:"inset(0 0 0 50%)"}:{clipPath:"inset(0 50% 0 0)"},size:"xlarge"},null),(n||l)&&t.createVNode(o.Icon,{name:n?o.getIconName(n):void 0,icon:l,size:"xlarge"},null)]),s&&t.createVNode("span",{style:{width:"24px",height:"24px",display:"block"}},null),!s&&(!(n||l)&&(i||c&&!i)&&t.createVNode(o.Icon,{name:"star",icon:u.starIcon,size:"xlarge"},null)||!(n||l)&&!i&&!c&&t.createVNode(o.Icon,{name:"star-outline",icon:u.starOutlineIcon,size:"xlarge"},null)||(n||l)&&(i||c&&!i)&&t.createVNode(o.Icon,{name:n,icon:l,size:"xlarge"},null)||(n||l)&&!i&&t.createVNode(o.Icon,{name:o.getIconName(`${n}-outline`),icon:a,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)}}});exports.RatingItem=I;
|
package/rating/RatingItem.mjs
CHANGED
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as f, ref as M, h as x, createVNode as n } from "vue";
|
|
9
|
-
import { classNames as y, getTemplate as b, Icon as i, getIconName as
|
|
9
|
+
import { classNames as y, getTemplate as b, Icon as i, getIconName as h } from "@progress/kendo-vue-common";
|
|
10
10
|
import { starOutlineIcon as d, starIcon as m } from "@progress/kendo-svg-icons";
|
|
11
11
|
const B = /* @__PURE__ */ f({
|
|
12
|
-
name: "
|
|
12
|
+
name: "KendoVueRatingItem",
|
|
13
13
|
emits: {
|
|
14
14
|
click: null,
|
|
15
15
|
keydown: null,
|
|
@@ -65,7 +65,7 @@ const B = /* @__PURE__ */ f({
|
|
|
65
65
|
dir: r,
|
|
66
66
|
half: s,
|
|
67
67
|
tabIndex: p,
|
|
68
|
-
title:
|
|
68
|
+
title: c,
|
|
69
69
|
icon: t,
|
|
70
70
|
svgIcon: l,
|
|
71
71
|
svgIconOutline: a,
|
|
@@ -80,7 +80,7 @@ const B = /* @__PURE__ */ f({
|
|
|
80
80
|
additionalProps: {
|
|
81
81
|
dir: r,
|
|
82
82
|
half: s,
|
|
83
|
-
title:
|
|
83
|
+
title: c,
|
|
84
84
|
icon: t,
|
|
85
85
|
svgIcon: l,
|
|
86
86
|
svgIconOutline: a,
|
|
@@ -103,7 +103,7 @@ const B = /* @__PURE__ */ f({
|
|
|
103
103
|
dir: r,
|
|
104
104
|
"data-half": s,
|
|
105
105
|
tabindex: p,
|
|
106
|
-
title:
|
|
106
|
+
title: c,
|
|
107
107
|
class: this.wrapperClass,
|
|
108
108
|
onClick: this.handleClick,
|
|
109
109
|
onKeydown: this.handleKeyDown,
|
|
@@ -124,7 +124,7 @@ const B = /* @__PURE__ */ f({
|
|
|
124
124
|
},
|
|
125
125
|
size: "xlarge"
|
|
126
126
|
}, null), (t || a) && n(i, {
|
|
127
|
-
name:
|
|
127
|
+
name: h(`${t}-outline`),
|
|
128
128
|
icon: a,
|
|
129
129
|
size: "xlarge"
|
|
130
130
|
}, null)]), s && n("span", {
|
|
@@ -139,7 +139,7 @@ const B = /* @__PURE__ */ f({
|
|
|
139
139
|
},
|
|
140
140
|
size: "xlarge"
|
|
141
141
|
}, null), (t || l) && n(i, {
|
|
142
|
-
name: t ?
|
|
142
|
+
name: t ? h(t) : void 0,
|
|
143
143
|
icon: l,
|
|
144
144
|
size: "xlarge"
|
|
145
145
|
}, null)]), s && n("span", {
|
|
@@ -161,7 +161,7 @@ const B = /* @__PURE__ */ f({
|
|
|
161
161
|
icon: l,
|
|
162
162
|
size: "xlarge"
|
|
163
163
|
}, null) || (t || l) && !o && n(i, {
|
|
164
|
-
name:
|
|
164
|
+
name: h(`${t}-outline`),
|
|
165
165
|
icon: a,
|
|
166
166
|
size: "xlarge"
|
|
167
167
|
}, null))]]);
|