@progress/kendo-vue-dropdowns 8.0.3-develop.4 → 8.1.0-develop.2

package/AutoComplete/AutoComplete.d.ts

@@ -315,10 +315,10 @@ declare const AutoComplete: import('vue').DefineComponent<import('vue').ExtractP
     inputAttributes: PropType<Object>;
 }>> & Readonly<{}>, {
     required: boolean;
+    dir: string;
     value: string;
     ariaLabel: string;
     tabIndex: number;
-    dir: string;
     defaultValue: string;
     opened: boolean;
     popupSettings: import('./../common/settings').DropDownsPopupSettings;

package/ComboBox/ComboBox.d.ts

@@ -350,13 +350,13 @@ declare const ComboBox: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     filter: string;
     required: boolean;
+    dir: string;
     value: any;
     ariaLabel: string;
     tabIndex: number;
     virtual: import('./../common/settings').VirtualizationSettings;
     adaptive: boolean;
     clearButton: boolean;
-    dir: string;
     defaultValue: any;
     opened: boolean;
     popupSettings: import('./../common/settings').DropDownsPopupSettings;

package/DropDownList/DropDownList.d.ts

@@ -333,11 +333,11 @@ declare const DropDownList: import('vue').DefineComponent<import('vue').ExtractP
 }>> & Readonly<{}>, {
     filter: string;
     required: boolean;
+    dir: string;
     value: any;
     tabIndex: number;
     virtual: import('./../common/settings').VirtualizationSettings;
     adaptive: boolean;
-    dir: string;
     defaultValue: any;
     opened: boolean;
     popupSettings: import('./../common/settings').DropDownsPopupSettings;

package/DropDownTree/DropDownTree.d.ts

@@ -120,6 +120,8 @@ declare const DropDownTree: import('vue').DefineComponent<import('vue').ExtractP
         default: any;
     };
 }>, {}, {
+    showLicenseWatermark: boolean;
+    licenseMessage: any;
     currentOpened: boolean;
     focused: boolean;
     filterState: string;

package/DropDownTree/DropDownTree.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),t=require("@progress/kendo-vue-common"),se=require("@progress/kendo-vue-popup"),ne=require("@progress/kendo-vue-intl"),M=require("@progress/kendo-vue-treeview"),oe=require("../package-metadata.js"),V=require("../common/utils.js"),ae=require("./ListNoData.js"),c=require("../messages/main.js"),le=require("@progress/kendo-vue-labels"),T=require("../common/ListFilter.js"),O=require("@progress/kendo-vue-buttons"),k=require("@progress/kendo-svg-icons"),B=require("../common/constants.js"),re=require("@progress/kendo-vue-layout"),de=require("../common/DropDownBase.js");function K(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!s.isVNode(e)}const{sizeMap:ue,roundedMap:ce}=t.kendoThemeMaps,pe="Please select a value from the list!",E=e=>e.split("_").map(i=>parseInt(i,10)),w=(e,i)=>{const{validationMessage:n,valid:o,required:a}=e;return{customError:n!==void 0,valid:!!(o!==void 0?o:!a||i),valueMissing:!i}},he=s.defineComponent({name:"KendoDropDownTree",model:{event:"changemodel"},emits:{open:e=>!0,close:e=>!0,focus:e=>!0,blur:e=>!0,change:e=>!0,filterchange:e=>!0,expandchange:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0},props:{opened:{type:Boolean,default:void 0},disabled:Boolean,dir:String,tabIndex:Number,accessKey:String,dataItems:{type:Array,default:function(){return[]}},value:{type:[Object,String,Number,Boolean],default:function(){}},modelValue:{type:[Object,String,Number,Boolean],default:function(){}},valueMap:Function,placeholder:String,dataItemKey:{type:String,required:!0},textField:{type:String,required:!0},selectField:{type:String,default:"selected"},expandField:String,subItemsField:{type:String,default:"items"},className:String,label:String,validationMessage:String,validityStyles:{type:Boolean,default:!0},valid:{type:Boolean,default:void 0},required:Boolean,name:String,id:String,ariaLabel:{type:String,default:void 0},ariaLabelledBy:String,ariaDescribedBy:String,filterable:Boolean,filter:String,loading:Boolean,popupSettings:{type:Object,default:function(){return{animate:!0,height:"200px",anchor:""}}},size:{type:String,validator:function(e){return["small","medium","large"].includes(e)}},rounded:{type:String,validator:function(e){return["none","small","medium","large","full"].includes(e)}},fillMode:{type:String,validator:function(e){return["flat","outline","solid"].includes(e)}},item:[String,Function,Object],header:[String,Function,Object],footer:[String,Function,Object],valueRender:[String,Function,Object],listNoData:[String,Function,Object],adaptive:{type:Boolean,default:void 0},adaptiveTitle:{type:String,default:void 0}},inject:{kendoLocalizationService:{default:null},adaptiveModeBreakpoints:{default:{small:B.MOBILE_SMALL_DEVICE,medium:B.MOBILE_MEDIUM_DEVICE}}},created(){this.observer=null,t.validatePackage(oe.packageMetadata),this.base=new de(this),this.componentGuid=t.guid(),this.anchor=t.guid()},data(){return{currentOpened:!1,focused:!1,filterState:"",currentValue:void 0,popupWidth:"200px",windowWidth:0,initialAdaptiveRenderingValues:void 0}},computed:{wrapperClass(){const{validationMessage:e,valid:i,required:n,validityStyles:o}=this.$props,a=w({validationMessage:e,valid:i,required:n},this.hasValue),d=!o||a.valid,{size:r,rounded:l,fillMode:u}=this.$props;return{"k-dropdowntree":!0,"k-picker":!0,[this.$props.className]:this.$props.className,[`k-picker-${ue[r]||r}`]:r,[`k-rounded-${ce[l]||l}`]:l,[`k-picker-${u}`]:u,"k-focus":this.focused,"k-invalid":!d,"k-loading":this.$props.loading,"k-required":n,"k-disabled":this.$props.disabled}},animationStyles(){return this.windowWidth<=this.adaptiveModeBreakpoints.small?{top:0,width:"100%",height:"100%"}:void 0},classNameAdaptive(){return this.windowWidth<=this.adaptiveModeBreakpoints.small?"k-adaptive-actionsheet k-actionsheet-fullscreen":"k-adaptive-actionsheet k-actionsheet-bottom"},adaptiveState(){return this.windowWidth<=this.adaptiveModeBreakpoints.medium&&this.$props.adaptive},isOpen(){return this.opened!==void 0?this.opened:this.currentOpened},computedValue(){return this.value!==void 0?this.value:this.$props.modelValue!==void 0?this.$props.modelValue:this.currentValue},hasValue(){return V.isPresent(this.computedValue)},currentValueText(){return this.hasValue?V.getItemValue(this.computedValue,this.$props.textField):""}},watch:{isOpen:function(e){e&&this.value?this.initialAdaptiveRenderingValues=[this.value]:this.initialAdaptiveRenderingValues=void 0}},mounted(){this.observer=t.canUseDOM&&window.ResizeObserver&&new ResizeObserver(this.calculateMedia),document!=null&&document.body&&this.observer&&this.observer.observe(document.body),this.elementRef=t.getRef(this,"kendoAnchor"),this.inputRef=t.getRef(this,"input"),this.selectRef=t.getRef(this,"select"),this.treeViewRef=t.getRef(this,"treeView"),this.skipFocusRef=!1,this.popupRef=t.getRef(this,"popup"),this.calculatePopupWidth()},updated(){this.inputRef=t.getRef(this,"input"),this.treeViewRef=t.getRef(this,"treeView"),this.popupRef&&this.isOpen&&this.hasValue&&this.popupRef.reposition(),this.setValidity(),this.calculatePopupWidth()},render(){let e;const i=this.$props.id||this.componentGuid,{dataItems:n,dataItemKey:o,popupSettings:a,disabled:d,placeholder:r,label:l,name:u,selectField:S,subItemsField:R,validationMessage:L,valid:q,required:$,validityStyles:P,adaptiveTitle:W}=this.$props,g=t.getTabIndex(this.$props.tabIndex,d),F=ne.provideLocalizationService(this),A=w({validationMessage:L,valid:q,required:$},this.hasValue),x=this.adaptiveState,p=this.$props.dir,I=t.templateRendering.call(this,this.item,t.getListeners.call(this)),z=t.templateRendering.call(this,this.valueRender,t.getListeners.call(this)),j=t.templateRendering.call(this,this.$props.header,t.getListeners.call(this)),_=t.templateRendering.call(this,this.$props.footer,t.getListeners.call(this)),v=t.getTemplate.call(this,{h:s.h,template:j}),y=t.getTemplate.call(this,{h:s.h,template:_}),G=t.templateRendering.call(this,this.$props.listNoData,t.getListeners.call(this)),H=s.createVNode(ae.ListNoData,null,K(e=F.toLanguageString(c.nodata,c.messages[c.nodata]))?e:{default:()=>[e]}),N=t.getTemplate.call(this,{h:s.h,defaultRendering:H,template:G}),U=s.createVNode("span",{class:"k-input-value-text"},[this.currentValueText||r]),J=t.getTemplate.call(this,{h:s.h,defaultRendering:U,template:z,additionalProps:{value:this.computedValue}}),Q=()=>[s.createVNode("div",{class:"k-actionsheet-titlebar-group k-hbox"},[s.createVNode("div",{class:"k-actionsheet-title"},[s.createVNode("div",{class:"k-text-center"},[W]),s.createVNode("div",{class:"k-actionsheet-subtitle k-text-center"},[r])]),s.createVNode("div",{class:"k-actionsheet-actions"},[s.createVNode(O.Button,{tabIndex:1,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",onClick:this.onWrapperClick,icon:"x",svgIcon:k.xIcon},null)])]),s.createVNode("div",{class:"k-actionsheet-titlebar-group k-actionsheet-filter"},[this.$props.filterable&&s.createVNode(T.ListFilter,{tabIndex:0,value:this.$props.filter===void 0?this.filterState:this.$props.filter,ref:t.setRef(this,"input"),onChange:this.onFilterChange,onKeydown:this.onInputKeyDown,size:h,rounded:D,fillMode:b,onFocus:this.onFocus,onBlur:this.onBlur},null)])],X=t.templateRendering.call(this,Q,t.getListeners.call(this)),Y=()=>{const m=this.base.getTemplateDef.call(this,v,s.h),C=this.base.getTemplateDef.call(this,y,s.h);return[m&&s.createVNode("div",{class:"k-list-header"},[m]),n.length>0?s.createVNode(M.TreeView,{ref:t.setRef(this,"treeView"),tabIndex:g,dataItems:n,focusIdField:o,textField:this.$props.textField,selectField:S,expandField:this.$props.expandField,childrenField:R,expandIcons:!0,onItemclick:this.onChange,onExpandchange:this.onExpand,onFocus:this.onFocus,onBlur:this.onBlur,onKeydown:this.onWrapperKeyDown,size:"large",item:I},null):N,C&&s.createVNode("div",{class:"k-list-footer"},[C])]},Z=t.templateRendering.call(this,Y,t.getListeners.call(this)),ee=function(){return s.createVNode(re.ActionSheet,{expand:this.isOpen,animation:!0,animationStyles:this.animationStyles,className:this.classNameAdaptive,header:X,content:Z,contentClassName:"!k-overflow-hidden",onClose:this.onWrapperClick,navigatableElements:["input.k-input-inner",".k-actionsheet-actions > button"]},null)},te=!P||A.valid,{size:h,rounded:D,fillMode:b}=this.$props,ie=function(){return s.createVNode("span",{class:this.wrapperClass,tabindex:g,accesskey:this.$props.accessKey,id:i,dir:p,ref:t.setRef(this,"kendoAnchor"),onKeydown:this.onWrapperKeyDown,onClick:this.onWrapperClick,onMousedown:this.onWrapperMouseDown,onFocusin:this.onFocus,onFocusout:this.onBlur,role:"combobox","aria-haspopup":"tree","aria-expanded":this.isOpen,"aria-disabled":d,"aria-label":l||this.$props.ariaLabel,"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,"aria-required":$},[s.createVNode("span",{class:"k-input-inner"},[J]),this.$props.loading&&s.createVNode(t.Icon,{class:"k-input-loading-icon",name:"loading"},null),this.hasValue&&!d&&s.createVNode("span",{onClick:this.onClear,class:"k-clear-value",title:F.toLanguageString(c.clear,c.messages[c.clear]),role:"button",tabindex:-1,onMousedown:m=>m.preventDefault()},[s.createVNode(t.Icon,{name:"x",icon:k.xIcon},null)]),s.createVNode(O.Button,{tabIndex:-1,type:"button","aria-label":"select",class:"k-input-button",size:h,fillMode:b,themeColor:"base",rounded:null,icon:"caret-alt-down",svgIcon:k.caretAltDownIcon},null),s.createVNode("select",{name:u,ref:t.setRef(this,"select"),tabindex:-1,"aria-hidden":!0,title:l,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"}},[s.createVNode("option",{value:this.$props.valueMap?this.$props.valueMap.call(void 0,this.computedValue):this.computedValue},null)]),!x&&s.createVNode(se.Popup,{style:{width:this.popupWidth,direction:p},ref:t.setRef(this,"popup"),class:t.classNames(a.className,{"k-rtl":p==="rtl"}),popupClass:t.classNames(a.popupClass,"k-dropdowntree-popup","popup-"+this.componentGuid),animate:a.animate,anchor:this.anchor,show:this.isOpen,onOpen:this.onPopupOpened,onClose:this.onPopupClosed,appendTo:a.appendTo},{default:()=>[this.$props.filterable&&s.createVNode(T.ListFilter,{value:this.$props.filter===void 0?this.filterState:this.$props.filter,ref:t.setRef(this,"input"),onChange:this.onFilterChange,onKeydown:this.onInputKeyDown,onBlur:this.onBlur,size:h,rounded:D,fillMode:b},null),v&&s.createVNode("div",{class:"k-list-header"},[v]),n.length>0?s.createVNode(M.TreeView,{ref:t.setRef(this,"treeView"),tabIndex:g,dataItems:n,focusIdField:o,textField:this.$props.textField,selectField:S,expandField:this.$props.expandField,childrenField:R,expandIcons:!0,onItemclick:this.onChange,onExpandchange:this.onExpand,onFocus:this.onFocus,onBlur:this.onBlur,onKeydown:this.onWrapperKeyDown,size:h,item:I},null):N,y&&s.createVNode("div",{class:"k-list-footer"},[y])]})])},f=[s.h(ie.call(this),{...this.$attrs}),x&&ee.call(this)];return l?s.createVNode(le.FloatingLabel,{label:l,editorValue:this.currentValueText,editorPlaceholder:r,editorValid:te,editorDisabled:d,editorId:i,focused:this.focused,dir:p},K(f)?f:{default:()=>[f]}):f},methods:{calculateMedia(e){for(let i of e)this.windowWidth=i.target.clientWidth},calculatePopupWidth(){this.elementRef&&(this.popupWidth=this.popupSettings.width!==void 0?this.popupSettings.width:this.elementRef.offsetWidth+"px")},focus(){this.$el&&this.$el.focus()},setValidity(){if(this.selectRef&&this.selectRef.setCustomValidity){const{validationMessage:e,valid:i,required:n}=this.$props,o=w({validationMessage:e,valid:i,required:n},this.hasValue);this.selectRef.setCustomValidity(o.valid?"":this.validationMessage===void 0?pe:this.validationMessage)}},openPopup(e){if(!this.isOpen){const i={...e};this.$emit("open",i),this.currentOpened=!0}},closePopup(e){if(this.isOpen){const i={...e};this.$emit("close",i),this.currentOpened=!1}},onWrapperClick(e){if(this.onFilterChange({...e,target:{value:""}}),!e.defaultPrevented&&this.$el){this.focused=!0;const i={event:e,target:this};(this.isOpen?this.closePopup:this.openPopup)(i)}},switchFocus(e){this.skipFocusRef=!0,e(),window.setTimeout(()=>this.skipFocusRef=!1,0)},onWrapperKeyDown(e){const{keyCode:i,altKey:n}=e,o=this.treeViewRef&&this.treeViewRef.$el,a=this.inputRef&&this.inputRef.input;if(this.$props.disabled||e.defaultPrevented&&a===e.target)return;const d={event:e,target:this};if(this.isOpen)if(i===t.Keys.esc||n&&i===t.Keys.up)e.preventDefault(),this.closePopup(d);else if(o&&o.querySelector(".k-focus")&&(i===t.Keys.up||i===t.Keys.down||i===t.Keys.left||i===t.Keys.right||i===t.Keys.home||i===t.Keys.end)){if(i===t.Keys.up&&a){const r=Array.from(o.querySelectorAll(".k-treeview-item")),l=[...r].reverse().find(u=>!!(u&&u.querySelector(".k-focus")));if(l&&r.indexOf(l)===0)return this.switchFocus(()=>{this.focusElement(a)})}this.switchFocus(t.noop)}else i===t.Keys.down&&this.switchFocus(()=>{this.focusElement(a||o)});else n&&i===t.Keys.down&&(e.preventDefault(),this.openPopup(d))},onInputKeyDown(e){const{keyCode:i,altKey:n}=e;if(i===t.Keys.esc)this.onWrapperClick(e);else if(n||i!==t.Keys.up&&i!==t.Keys.down)return;e.preventDefault(),this.switchFocus(i===t.Keys.up?()=>{this.focusElement(this.elementRef)}:()=>{this.focusElement(this.treeViewRef&&this.treeViewRef.$el)})},focusElement(e){e&&this.switchFocus(()=>e.focus())},onPopupOpened(){if(!this.focused&&this.isOpen&&!this.currentOpened)this.closePopup({target:this});else if(this.$props.filterable){const e=this.inputRef&&this.inputRef.input;this.focusElement(e)}else this.focusElement(this.treeViewRef&&this.treeViewRef.$el)},onPopupClosed(){this.focused&&this.focusElement(this.elementRef)},onFocus(e){if(!this.focused&&!this.skipFocusRef){this.focused=!0;const i={event:e,target:this};this.$emit("focus",i)}},onBlur(e){if(this.focused&&!this.skipFocusRef){this.focused=!1;const i={event:e,target:this},n={...i};(!e.relatedTarget||!e.relatedTarget.closest(".popup-"+this.componentGuid))&&!this.adaptiveState&&(this.$emit("blur",n),this.closePopup(i))}},onWrapperMouseDown(){this.focused&&this.switchFocus(t.noop)},changeValue(e,i,n){const o={value:i,level:n?E(n):[],...e};this.$emit("changemodel",i),this.$emit("update:modelValue",i),this.$emit("change",o),this.currentValue=i},onChange(e){if(V.areSame(e.item,this.computedValue,this.dataItemKey)||!this.$el)return;const{item:i,itemHierarchicalIndex:n,event:o}=e,a={event:o,target:this};this.changeValue(a,i,n),this.closePopup(a)},onClear(e){const i={event:e,target:this};this.changeValue(i,null),this.closePopup(i),e.preventDefault()},onExpand(e){const{item:i,itemHierarchicalIndex:n,event:o}=e,a={level:E(n),item:i,event:o,target:this};this.$emit("expandchange",a)},onFilterChange(e){const n={filter:{field:this.$props.textField,operator:"contains",value:e.target.value},event:e,target:this};this.$emit("filterchange",n),this.$props.filter===void 0&&(this.filterState=e.target.value)}}});exports.DropDownTree=he;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),t=require("@progress/kendo-vue-common"),ne=require("@progress/kendo-vue-popup"),ae=require("@progress/kendo-vue-intl"),O=require("@progress/kendo-vue-treeview"),b=require("../package-metadata.js"),k=require("../common/utils.js"),oe=require("./ListNoData.js"),c=require("../messages/main.js"),le=require("@progress/kendo-vue-labels"),T=require("../common/ListFilter.js"),B=require("@progress/kendo-vue-buttons"),w=require("@progress/kendo-svg-icons"),K=require("../common/constants.js"),re=require("@progress/kendo-vue-layout"),de=require("../common/DropDownBase.js");function L(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!s.isVNode(e)}const{sizeMap:ue,roundedMap:ce}=t.kendoThemeMaps,pe="Please select a value from the list!",E=e=>e.split("_").map(i=>parseInt(i,10)),S=(e,i)=>{const{validationMessage:n,valid:a,required:o}=e;return{customError:n!==void 0,valid:!!(a!==void 0?a:!o||i),valueMissing:!i}},he=s.defineComponent({name:"KendoDropDownTree",model:{event:"changemodel"},emits:{open:e=>!0,close:e=>!0,focus:e=>!0,blur:e=>!0,change:e=>!0,filterchange:e=>!0,expandchange:e=>!0,changemodel:e=>!0,"update:modelValue":e=>!0},props:{opened:{type:Boolean,default:void 0},disabled:Boolean,dir:String,tabIndex:Number,accessKey:String,dataItems:{type:Array,default:function(){return[]}},value:{type:[Object,String,Number,Boolean],default:function(){}},modelValue:{type:[Object,String,Number,Boolean],default:function(){}},valueMap:Function,placeholder:String,dataItemKey:{type:String,required:!0},textField:{type:String,required:!0},selectField:{type:String,default:"selected"},expandField:String,subItemsField:{type:String,default:"items"},className:String,label:String,validationMessage:String,validityStyles:{type:Boolean,default:!0},valid:{type:Boolean,default:void 0},required:Boolean,name:String,id:String,ariaLabel:{type:String,default:void 0},ariaLabelledBy:String,ariaDescribedBy:String,filterable:Boolean,filter:String,loading:Boolean,popupSettings:{type:Object,default:function(){return{animate:!0,height:"200px",anchor:""}}},size:{type:String,validator:function(e){return["small","medium","large"].includes(e)}},rounded:{type:String,validator:function(e){return["none","small","medium","large","full"].includes(e)}},fillMode:{type:String,validator:function(e){return["flat","outline","solid"].includes(e)}},item:[String,Function,Object],header:[String,Function,Object],footer:[String,Function,Object],valueRender:[String,Function,Object],listNoData:[String,Function,Object],adaptive:{type:Boolean,default:void 0},adaptiveTitle:{type:String,default:void 0}},inject:{kendoLocalizationService:{default:null},adaptiveModeBreakpoints:{default:{small:K.MOBILE_SMALL_DEVICE,medium:K.MOBILE_MEDIUM_DEVICE}}},created(){this.observer=null,t.validatePackage(b.packageMetadata),this.showLicenseWatermark=t.shouldShowValidationUI(b.packageMetadata),this.licenseMessage=t.getLicenseMessage(b.packageMetadata),this.base=new de(this),this.componentGuid=t.guid(),this.anchor=t.guid()},data(){return{showLicenseWatermark:!1,licenseMessage:void 0,currentOpened:!1,focused:!1,filterState:"",currentValue:void 0,popupWidth:"200px",windowWidth:0,initialAdaptiveRenderingValues:void 0}},computed:{wrapperClass(){const{validationMessage:e,valid:i,required:n,validityStyles:a}=this.$props,o=S({validationMessage:e,valid:i,required:n},this.hasValue),d=!a||o.valid,{size:r,rounded:l,fillMode:u}=this.$props;return{"k-dropdowntree":!0,"k-picker":!0,[this.$props.className]:this.$props.className,[`k-picker-${ue[r]||r}`]:r,[`k-rounded-${ce[l]||l}`]:l,[`k-picker-${u}`]:u,"k-focus":this.focused,"k-invalid":!d,"k-loading":this.$props.loading,"k-required":n,"k-disabled":this.$props.disabled}},animationStyles(){return this.windowWidth<=this.adaptiveModeBreakpoints.small?{top:0,width:"100%",height:"100%"}:void 0},classNameAdaptive(){return this.windowWidth<=this.adaptiveModeBreakpoints.small?"k-adaptive-actionsheet k-actionsheet-fullscreen":"k-adaptive-actionsheet k-actionsheet-bottom"},adaptiveState(){return this.windowWidth<=this.adaptiveModeBreakpoints.medium&&this.$props.adaptive},isOpen(){return this.opened!==void 0?this.opened:this.currentOpened},computedValue(){return this.value!==void 0?this.value:this.$props.modelValue!==void 0?this.$props.modelValue:this.currentValue},hasValue(){return k.isPresent(this.computedValue)},currentValueText(){return this.hasValue?k.getItemValue(this.computedValue,this.$props.textField):""}},watch:{isOpen:function(e){e&&this.value?this.initialAdaptiveRenderingValues=[this.value]:this.initialAdaptiveRenderingValues=void 0}},mounted(){this.observer=t.canUseDOM&&window.ResizeObserver&&new ResizeObserver(this.calculateMedia),document!=null&&document.body&&this.observer&&this.observer.observe(document.body),this.elementRef=t.getRef(this,"kendoAnchor"),this.inputRef=t.getRef(this,"input"),this.selectRef=t.getRef(this,"select"),this.treeViewRef=t.getRef(this,"treeView"),this.skipFocusRef=!1,this.popupRef=t.getRef(this,"popup"),this.calculatePopupWidth()},updated(){this.inputRef=t.getRef(this,"input"),this.treeViewRef=t.getRef(this,"treeView"),this.popupRef&&this.isOpen&&this.hasValue&&this.popupRef.reposition(),this.setValidity(),this.calculatePopupWidth()},render(){let e;const i=this.$props.id||this.componentGuid,{dataItems:n,dataItemKey:a,popupSettings:o,disabled:d,placeholder:r,label:l,name:u,selectField:R,subItemsField:$,validationMessage:q,valid:W,required:F,validityStyles:P,adaptiveTitle:A}=this.$props,g=t.getTabIndex(this.$props.tabIndex,d),x=ae.provideLocalizationService(this),z=S({validationMessage:q,valid:W,required:F},this.hasValue),I=this.adaptiveState,p=this.$props.dir,N=t.templateRendering.call(this,this.item,t.getListeners.call(this)),j=t.templateRendering.call(this,this.valueRender,t.getListeners.call(this)),_=t.templateRendering.call(this,this.$props.header,t.getListeners.call(this)),G=t.templateRendering.call(this,this.$props.footer,t.getListeners.call(this)),v=t.getTemplate.call(this,{h:s.h,template:_}),y=t.getTemplate.call(this,{h:s.h,template:G}),H=t.templateRendering.call(this,this.$props.listNoData,t.getListeners.call(this)),U=s.createVNode(oe.ListNoData,null,L(e=x.toLanguageString(c.nodata,c.messages[c.nodata]))?e:{default:()=>[e]}),M=t.getTemplate.call(this,{h:s.h,defaultRendering:U,template:H}),J=s.createVNode("span",{class:"k-input-value-text"},[this.currentValueText||r]),Q=t.getTemplate.call(this,{h:s.h,defaultRendering:J,template:j,additionalProps:{value:this.computedValue}}),X=()=>[s.createVNode("div",{class:"k-actionsheet-titlebar-group k-hbox"},[s.createVNode("div",{class:"k-actionsheet-title"},[s.createVNode("div",{class:"k-text-center"},[A]),s.createVNode("div",{class:"k-actionsheet-subtitle k-text-center"},[r])]),s.createVNode("div",{class:"k-actionsheet-actions"},[s.createVNode(B.Button,{tabIndex:1,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",onClick:this.onWrapperClick,icon:"x",svgIcon:w.xIcon},null)])]),s.createVNode("div",{class:"k-actionsheet-titlebar-group k-actionsheet-filter"},[this.$props.filterable&&s.createVNode(T.ListFilter,{tabIndex:0,value:this.$props.filter===void 0?this.filterState:this.$props.filter,ref:t.setRef(this,"input"),onChange:this.onFilterChange,onKeydown:this.onInputKeyDown,size:h,rounded:D,fillMode:V,onFocus:this.onFocus,onBlur:this.onBlur},null)])],Y=t.templateRendering.call(this,X,t.getListeners.call(this)),Z=()=>{const m=this.base.getTemplateDef.call(this,v,s.h),C=this.base.getTemplateDef.call(this,y,s.h);return[m&&s.createVNode("div",{class:"k-list-header"},[m]),n.length>0?s.createVNode(O.TreeView,{ref:t.setRef(this,"treeView"),tabIndex:g,dataItems:n,focusIdField:a,textField:this.$props.textField,selectField:R,expandField:this.$props.expandField,childrenField:$,expandIcons:!0,onItemclick:this.onChange,onExpandchange:this.onExpand,onFocus:this.onFocus,onBlur:this.onBlur,onKeydown:this.onWrapperKeyDown,size:"large",item:N},null):M,C&&s.createVNode("div",{class:"k-list-footer"},[C])]},ee=t.templateRendering.call(this,Z,t.getListeners.call(this)),te=function(){return s.createVNode(re.ActionSheet,{expand:this.isOpen,animation:!0,animationStyles:this.animationStyles,className:this.classNameAdaptive,header:Y,content:ee,contentClassName:"!k-overflow-hidden",onClose:this.onWrapperClick,navigatableElements:["input.k-input-inner",".k-actionsheet-actions > button"]},null)},ie=!P||z.valid,{size:h,rounded:D,fillMode:V}=this.$props,se=function(){return s.createVNode("span",{class:this.wrapperClass,tabindex:g,accesskey:this.$props.accessKey,id:i,dir:p,ref:t.setRef(this,"kendoAnchor"),onKeydown:this.onWrapperKeyDown,onClick:this.onWrapperClick,onMousedown:this.onWrapperMouseDown,onFocusin:this.onFocus,onFocusout:this.onBlur,role:"combobox","aria-haspopup":"tree","aria-expanded":this.isOpen,"aria-disabled":d,"aria-label":l||this.$props.ariaLabel,"aria-labelledby":this.$props.ariaLabelledBy,"aria-describedby":this.$props.ariaDescribedBy,"aria-required":F},[s.createVNode("span",{class:"k-input-inner"},[Q]),this.$props.loading&&s.createVNode(t.Icon,{class:"k-input-loading-icon",name:"loading"},null),this.hasValue&&!d&&s.createVNode("span",{onClick:this.onClear,class:"k-clear-value",title:x.toLanguageString(c.clear,c.messages[c.clear]),role:"button",tabindex:-1,onMousedown:m=>m.preventDefault()},[s.createVNode(t.Icon,{name:"x",icon:w.xIcon},null)]),s.createVNode(B.Button,{tabIndex:-1,type:"button","aria-label":"select",class:"k-input-button",size:h,fillMode:V,themeColor:"base",rounded:null,icon:"caret-alt-down",svgIcon:w.caretAltDownIcon},null),s.createVNode("select",{name:u,ref:t.setRef(this,"select"),tabindex:-1,"aria-hidden":!0,title:l,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"}},[s.createVNode("option",{value:this.$props.valueMap?this.$props.valueMap.call(void 0,this.computedValue):this.computedValue},null)]),this.showLicenseWatermark?s.createVNode(t.WatermarkOverlay,{message:this.licenseMessage},null):null,!I&&s.createVNode(ne.Popup,{style:{width:this.popupWidth,direction:p},ref:t.setRef(this,"popup"),class:t.classNames(o.className,{"k-rtl":p==="rtl"}),popupClass:t.classNames(o.popupClass,"k-dropdowntree-popup","popup-"+this.componentGuid),animate:o.animate,anchor:this.anchor,show:this.isOpen,onOpen:this.onPopupOpened,onClose:this.onPopupClosed,appendTo:o.appendTo},{default:()=>[this.$props.filterable&&s.createVNode(T.ListFilter,{value:this.$props.filter===void 0?this.filterState:this.$props.filter,ref:t.setRef(this,"input"),onChange:this.onFilterChange,onKeydown:this.onInputKeyDown,onBlur:this.onBlur,size:h,rounded:D,fillMode:V},null),v&&s.createVNode("div",{class:"k-list-header"},[v]),n.length>0?s.createVNode(O.TreeView,{ref:t.setRef(this,"treeView"),tabIndex:g,dataItems:n,focusIdField:a,textField:this.$props.textField,selectField:R,expandField:this.$props.expandField,childrenField:$,expandIcons:!0,onItemclick:this.onChange,onExpandchange:this.onExpand,onFocus:this.onFocus,onBlur:this.onBlur,onKeydown:this.onWrapperKeyDown,size:h,item:N},null):M,y&&s.createVNode("div",{class:"k-list-footer"},[y])]})])},f=[s.h(se.call(this),{...this.$attrs}),I&&te.call(this)];return l?s.createVNode(le.FloatingLabel,{label:l,editorValue:this.currentValueText,editorPlaceholder:r,editorValid:ie,editorDisabled:d,editorId:i,focused:this.focused,dir:p},L(f)?f:{default:()=>[f]}):f},methods:{calculateMedia(e){for(let i of e)this.windowWidth=i.target.clientWidth},calculatePopupWidth(){this.elementRef&&(this.popupWidth=this.popupSettings.width!==void 0?this.popupSettings.width:this.elementRef.offsetWidth+"px")},focus(){this.$el&&this.$el.focus()},setValidity(){if(this.selectRef&&this.selectRef.setCustomValidity){const{validationMessage:e,valid:i,required:n}=this.$props,a=S({validationMessage:e,valid:i,required:n},this.hasValue);this.selectRef.setCustomValidity(a.valid?"":this.validationMessage===void 0?pe:this.validationMessage)}},openPopup(e){if(!this.isOpen){const i={...e};this.$emit("open",i),this.currentOpened=!0}},closePopup(e){if(this.isOpen){const i={...e};this.$emit("close",i),this.currentOpened=!1}},onWrapperClick(e){if(this.onFilterChange({...e,target:{value:""}}),!e.defaultPrevented&&this.$el){this.focused=!0;const i={event:e,target:this};(this.isOpen?this.closePopup:this.openPopup)(i)}},switchFocus(e){this.skipFocusRef=!0,e(),window.setTimeout(()=>this.skipFocusRef=!1,0)},onWrapperKeyDown(e){const{keyCode:i,altKey:n}=e,a=this.treeViewRef&&this.treeViewRef.$el,o=this.inputRef&&this.inputRef.input;if(this.$props.disabled||e.defaultPrevented&&o===e.target)return;const d={event:e,target:this};if(this.isOpen)if(i===t.Keys.esc||n&&i===t.Keys.up)e.preventDefault(),this.closePopup(d);else if(a&&a.querySelector(".k-focus")&&(i===t.Keys.up||i===t.Keys.down||i===t.Keys.left||i===t.Keys.right||i===t.Keys.home||i===t.Keys.end)){if(i===t.Keys.up&&o){const r=Array.from(a.querySelectorAll(".k-treeview-item")),l=[...r].reverse().find(u=>!!(u&&u.querySelector(".k-focus")));if(l&&r.indexOf(l)===0)return this.switchFocus(()=>{this.focusElement(o)})}this.switchFocus(t.noop)}else i===t.Keys.down&&this.switchFocus(()=>{this.focusElement(o||a)});else n&&i===t.Keys.down&&(e.preventDefault(),this.openPopup(d))},onInputKeyDown(e){const{keyCode:i,altKey:n}=e;if(i===t.Keys.esc)this.onWrapperClick(e);else if(n||i!==t.Keys.up&&i!==t.Keys.down)return;e.preventDefault(),this.switchFocus(i===t.Keys.up?()=>{this.focusElement(this.elementRef)}:()=>{this.focusElement(this.treeViewRef&&this.treeViewRef.$el)})},focusElement(e){e&&this.switchFocus(()=>e.focus())},onPopupOpened(){if(!this.focused&&this.isOpen&&!this.currentOpened)this.closePopup({target:this});else if(this.$props.filterable){const e=this.inputRef&&this.inputRef.input;this.focusElement(e)}else this.focusElement(this.treeViewRef&&this.treeViewRef.$el)},onPopupClosed(){this.focused&&this.focusElement(this.elementRef)},onFocus(e){if(!this.focused&&!this.skipFocusRef){this.focused=!0;const i={event:e,target:this};this.$emit("focus",i)}},onBlur(e){if(this.focused&&!this.skipFocusRef){this.focused=!1;const i={event:e,target:this},n={...i};(!e.relatedTarget||!e.relatedTarget.closest(".popup-"+this.componentGuid))&&!this.adaptiveState&&(this.$emit("blur",n),this.closePopup(i))}},onWrapperMouseDown(){this.focused&&this.switchFocus(t.noop)},changeValue(e,i,n){const a={value:i,level:n?E(n):[],...e};this.$emit("changemodel",i),this.$emit("update:modelValue",i),this.$emit("change",a),this.currentValue=i},onChange(e){if(k.areSame(e.item,this.computedValue,this.dataItemKey)||!this.$el)return;const{item:i,itemHierarchicalIndex:n,event:a}=e,o={event:a,target:this};this.changeValue(o,i,n),this.closePopup(o)},onClear(e){const i={event:e,target:this};this.changeValue(i,null),this.closePopup(i),e.preventDefault()},onExpand(e){const{item:i,itemHierarchicalIndex:n,event:a}=e,o={level:E(n),item:i,event:a,target:this};this.$emit("expandchange",o)},onFilterChange(e){const n={filter:{field:this.$props.textField,operator:"contains",value:e.target.value},event:e,target:this};this.$emit("filterchange",n),this.$props.filter===void 0&&(this.filterState=e.target.value)}}});exports.DropDownTree=he;

package/DropDownTree/DropDownTree.mjs

@@ -5,29 +5,29 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as he, h as u, createVNode as i, isVNode as ce } from "vue";
-import { noop as T, Keys as a, getTabIndex as fe, templateRendering as h, getListeners as c, getTemplate as w, getRef as f, canUseDOM as me, kendoThemeMaps as ve, validatePackage as ge, guid as P, setRef as m, Icon as W, classNames as A } from "@progress/kendo-vue-common";
-import { Popup as be } from "@progress/kendo-vue-popup";
-import { provideLocalizationService as ye } from "@progress/kendo-vue-intl";
+import { defineComponent as ce, h as u, createVNode as i, isVNode as fe } from "vue";
+import { noop as W, Keys as a, getTabIndex as me, templateRendering as h, getListeners as c, getTemplate as w, getRef as f, canUseDOM as ge, kendoThemeMaps as ve, validatePackage as be, shouldShowValidationUI as ye, getLicenseMessage as we, guid as P, setRef as m, Icon as L, WatermarkOverlay as ke, classNames as A } from "@progress/kendo-vue-common";
+import { Popup as Se } from "@progress/kendo-vue-popup";
+import { provideLocalizationService as $e } from "@progress/kendo-vue-intl";
 import { TreeView as K } from "@progress/kendo-vue-treeview";
-import { packageMetadata as we } from "../package-metadata.mjs";
-import { areSame as ke, getItemValue as Se, isPresent as $e } from "../common/utils.mjs";
-import { ListNoData as Fe } from "./ListNoData.mjs";
-import { nodata as L, messages as N, clear as z } from "../messages/main.mjs";
-import { FloatingLabel as Ve } from "@progress/kendo-vue-labels";
-import { ListFilter as j } from "../common/ListFilter.mjs";
-import { Button as q } from "@progress/kendo-vue-buttons";
-import { xIcon as _, caretAltDownIcon as xe } from "@progress/kendo-svg-icons";
-import { MOBILE_MEDIUM_DEVICE as Re, MOBILE_SMALL_DEVICE as Ie } from "../common/constants.mjs";
-import { ActionSheet as De } from "@progress/kendo-vue-layout";
-import Ce from "../common/DropDownBase.mjs";
-function G(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ce(e);
+import { packageMetadata as V } from "../package-metadata.mjs";
+import { areSame as Fe, getItemValue as Ve, isPresent as xe } from "../common/utils.mjs";
+import { ListNoData as Re } from "./ListNoData.mjs";
+import { nodata as N, messages as z, clear as j } from "../messages/main.mjs";
+import { FloatingLabel as Ie } from "@progress/kendo-vue-labels";
+import { ListFilter as q } from "../common/ListFilter.mjs";
+import { Button as _ } from "@progress/kendo-vue-buttons";
+import { xIcon as G, caretAltDownIcon as De } from "@progress/kendo-svg-icons";
+import { MOBILE_MEDIUM_DEVICE as Me, MOBILE_SMALL_DEVICE as Ce } from "../common/constants.mjs";
+import { ActionSheet as Oe } from "@progress/kendo-vue-layout";
+import Be from "../common/DropDownBase.mjs";
+function H(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !fe(e);
 }
 const {
-  sizeMap: Me,
-  roundedMap: Oe
-} = ve, Be = "Please select a value from the list!", H = (e) => e.split("_").map((t) => parseInt(t, 10)), V = (e, t) => {
+  sizeMap: Ee,
+  roundedMap: Te
+} = ve, We = "Please select a value from the list!", U = (e) => e.split("_").map((t) => parseInt(t, 10)), x = (e, t) => {
   const {
     validationMessage: s,
     valid: n,
@@ -38,7 +38,7 @@ const {
     valid: !!(n !== void 0 ? n : !o || t),
     valueMissing: !t
   };
-}, Xe = /* @__PURE__ */ he({
+}, et = /* @__PURE__ */ ce({
   name: "KendoDropDownTree",
   model: {
     event: "changemodel"
@@ -169,16 +169,18 @@ const {
     },
     adaptiveModeBreakpoints: {
       default: {
-        small: Ie,
-        medium: Re
+        small: Ce,
+        medium: Me
       }
     }
   },
   created() {
-    this.observer = null, ge(we), this.base = new Ce(this), this.componentGuid = P(), this.anchor = P();
+    this.observer = null, be(V), this.showLicenseWatermark = ye(V), this.licenseMessage = we(V), this.base = new Be(this), this.componentGuid = P(), this.anchor = P();
   },
   data() {
     return {
+      showLicenseWatermark: !1,
+      licenseMessage: void 0,
       currentOpened: !1,
       focused: !1,
       filterState: "",
@@ -195,7 +197,7 @@ const {
         valid: t,
         required: s,
         validityStyles: n
-      } = this.$props, o = V({
+      } = this.$props, o = x({
         validationMessage: e,
         valid: t,
         required: s
@@ -208,8 +210,8 @@ const {
         "k-dropdowntree": !0,
         "k-picker": !0,
         [this.$props.className]: this.$props.className,
-        [`k-picker-${Me[r] || r}`]: r,
-        [`k-rounded-${Oe[l] || l}`]: l,
+        [`k-picker-${Ee[r] || r}`]: r,
+        [`k-rounded-${Te[l] || l}`]: l,
         [`k-picker-${p}`]: p,
         "k-focus": this.focused,
         "k-invalid": !d,
@@ -238,10 +240,10 @@ const {
       return this.value !== void 0 ? this.value : this.$props.modelValue !== void 0 ? this.$props.modelValue : this.currentValue;
     },
     hasValue() {
-      return $e(this.computedValue);
+      return xe(this.computedValue);
     },
     currentValueText() {
-      return this.hasValue ? Se(this.computedValue, this.$props.textField) : "";
+      return this.hasValue ? Ve(this.computedValue, this.$props.textField) : "";
     }
   },
   watch: {
@@ -251,7 +253,7 @@ const {
     }
   },
   mounted() {
-    this.observer = me && window.ResizeObserver && new ResizeObserver(this.calculateMedia), document != null && document.body && this.observer && this.observer.observe(document.body), this.elementRef = f(this, "kendoAnchor"), this.inputRef = f(this, "input"), this.selectRef = f(this, "select"), this.treeViewRef = f(this, "treeView"), this.skipFocusRef = !1, this.popupRef = f(this, "popup"), this.calculatePopupWidth();
+    this.observer = ge && window.ResizeObserver && new ResizeObserver(this.calculateMedia), document != null && document.body && this.observer && this.observer.observe(document.body), this.elementRef = f(this, "kendoAnchor"), this.inputRef = f(this, "input"), this.selectRef = f(this, "select"), this.treeViewRef = f(this, "treeView"), this.skipFocusRef = !1, this.popupRef = f(this, "popup"), this.calculatePopupWidth();
   },
   updated() {
     this.inputRef = f(this, "input"), this.treeViewRef = f(this, "treeView"), this.popupRef && this.isOpen && this.hasValue && this.popupRef.reposition(), this.setValidity(), this.calculatePopupWidth();
@@ -266,49 +268,49 @@ const {
       placeholder: r,
       label: l,
       name: p,
-      selectField: x,
-      subItemsField: R,
-      validationMessage: U,
-      valid: J,
-      required: I,
-      validityStyles: Q,
-      adaptiveTitle: X
-    } = this.$props, k = fe(this.$props.tabIndex, d), D = ye(this), Y = V({
-      validationMessage: U,
-      valid: J,
-      required: I
-    }, this.hasValue), C = this.adaptiveState, v = this.$props.dir, M = h.call(this, this.item, c.call(this)), Z = h.call(this, this.valueRender, c.call(this)), ee = h.call(this, this.$props.header, c.call(this)), te = h.call(this, this.$props.footer, c.call(this)), S = w.call(this, {
+      selectField: R,
+      subItemsField: I,
+      validationMessage: J,
+      valid: Q,
+      required: D,
+      validityStyles: X,
+      adaptiveTitle: Y
+    } = this.$props, k = me(this.$props.tabIndex, d), M = $e(this), Z = x({
+      validationMessage: J,
+      valid: Q,
+      required: D
+    }, this.hasValue), C = this.adaptiveState, g = this.$props.dir, O = h.call(this, this.item, c.call(this)), ee = h.call(this, this.valueRender, c.call(this)), te = h.call(this, this.$props.header, c.call(this)), ie = h.call(this, this.$props.footer, c.call(this)), S = w.call(this, {
       h: u,
-      template: ee
+      template: te
     }), $ = w.call(this, {
       h: u,
-      template: te
-    }), ie = h.call(this, this.$props.listNoData, c.call(this)), se = i(Fe, null, G(e = D.toLanguageString(L, N[L])) ? e : {
+      template: ie
+    }), se = h.call(this, this.$props.listNoData, c.call(this)), ne = i(Re, null, H(e = M.toLanguageString(N, z[N])) ? e : {
       default: () => [e]
-    }), O = w.call(this, {
+    }), B = w.call(this, {
       h: u,
-      defaultRendering: se,
-      template: ie
-    }), ne = i("span", {
+      defaultRendering: ne,
+      template: se
+    }), oe = i("span", {
       class: "k-input-value-text"
-    }, [this.currentValueText || r]), oe = w.call(this, {
+    }, [this.currentValueText || r]), ae = w.call(this, {
       h: u,
-      defaultRendering: ne,
-      template: Z,
+      defaultRendering: oe,
+      template: ee,
       additionalProps: {
         value: this.computedValue
       }
-    }), ae = () => [i("div", {
+    }), le = () => [i("div", {
       class: "k-actionsheet-titlebar-group k-hbox"
     }, [i("div", {
       class: "k-actionsheet-title"
     }, [i("div", {
       class: "k-text-center"
-    }, [X]), i("div", {
+    }, [Y]), i("div", {
       class: "k-actionsheet-subtitle k-text-center"
     }, [r])]), i("div", {
       class: "k-actionsheet-actions"
-    }, [i(q, {
+    }, [i(_, {
       tabIndex: 1,
       "aria-label": "Cancel",
       "aria-disabled": "false",
@@ -316,22 +318,22 @@ const {
       fillMode: "flat",
       onClick: this.onWrapperClick,
       icon: "x",
-      svgIcon: _
+      svgIcon: G
     }, null)])]), i("div", {
       class: "k-actionsheet-titlebar-group k-actionsheet-filter"
-    }, [this.$props.filterable && i(j, {
+    }, [this.$props.filterable && i(q, {
       tabIndex: 0,
       value: this.$props.filter === void 0 ? this.filterState : this.$props.filter,
       ref: m(this, "input"),
       onChange: this.onFilterChange,
       onKeydown: this.onInputKeyDown,
-      size: g,
-      rounded: B,
+      size: v,
+      rounded: E,
       fillMode: F,
       onFocus: this.onFocus,
       onBlur: this.onBlur
-    }, null)])], le = h.call(this, ae, c.call(this)), re = () => {
-      const y = this.base.getTemplateDef.call(this, S, u), E = this.base.getTemplateDef.call(this, $, u);
+    }, null)])], re = h.call(this, le, c.call(this)), de = () => {
+      const y = this.base.getTemplateDef.call(this, S, u), T = this.base.getTemplateDef.call(this, $, u);
       return [y && i("div", {
         class: "k-list-header"
       }, [y]), s.length > 0 ? i(K, {
@@ -340,9 +342,9 @@ const {
         dataItems: s,
         focusIdField: n,
         textField: this.$props.textField,
-        selectField: x,
+        selectField: R,
         expandField: this.$props.expandField,
-        childrenField: R,
+        childrenField: I,
         expandIcons: !0,
         onItemclick: this.onChange,
         onExpandchange: this.onExpand,
@@ -350,25 +352,25 @@ const {
         onBlur: this.onBlur,
         onKeydown: this.onWrapperKeyDown,
         size: "large",
-        item: M
-      }, null) : O, E && i("div", {
+        item: O
+      }, null) : B, T && i("div", {
         class: "k-list-footer"
-      }, [E])];
-    }, de = h.call(this, re, c.call(this)), pe = function() {
-      return i(De, {
+      }, [T])];
+    }, pe = h.call(this, de, c.call(this)), ue = function() {
+      return i(Oe, {
         expand: this.isOpen,
         animation: !0,
         animationStyles: this.animationStyles,
         className: this.classNameAdaptive,
-        header: le,
-        content: de,
+        header: re,
+        content: pe,
         contentClassName: "!k-overflow-hidden",
         onClose: this.onWrapperClick,
         navigatableElements: ["input.k-input-inner", ".k-actionsheet-actions > button"]
       }, null);
-    }, ue = !Q || Y.valid, {
-      size: g,
-      rounded: B,
+    }, he = !X || Z.valid, {
+      size: v,
+      rounded: E,
       fillMode: F
     } = this.$props, b = [u(function() {
       return i("span", {
@@ -376,7 +378,7 @@ const {
         tabindex: k,
         accesskey: this.$props.accessKey,
         id: t,
-        dir: v,
+        dir: g,
         ref: m(this, "kendoAnchor"),
         onKeydown: this.onWrapperKeyDown,
         onClick: this.onWrapperClick,
@@ -390,37 +392,37 @@ const {
         "aria-label": l || this.$props.ariaLabel,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy,
-        "aria-required": I
+        "aria-required": D
       }, [
         i("span", {
           class: "k-input-inner"
-        }, [oe]),
-        this.$props.loading && i(W, {
+        }, [ae]),
+        this.$props.loading && i(L, {
           class: "k-input-loading-icon",
           name: "loading"
         }, null),
         this.hasValue && !d && i("span", {
           onClick: this.onClear,
           class: "k-clear-value",
-          title: D.toLanguageString(z, N[z]),
+          title: M.toLanguageString(j, z[j]),
           role: "button",
           tabindex: -1,
           onMousedown: (y) => y.preventDefault()
-        }, [i(W, {
+        }, [i(L, {
           name: "x",
-          icon: _
+          icon: G
         }, null)]),
-        i(q, {
+        i(_, {
           tabIndex: -1,
           type: "button",
           "aria-label": "select",
           class: "k-input-button",
-          size: g,
+          size: v,
           fillMode: F,
           themeColor: "base",
           rounded: null,
           icon: "caret-alt-down",
-          svgIcon: xe
+          svgIcon: De
         }, null),
         /* Dummy component to support forms */
         i("select", {
@@ -440,14 +442,17 @@ const {
         }, [i("option", {
           value: this.$props.valueMap ? this.$props.valueMap.call(void 0, this.computedValue) : this.computedValue
         }, null)]),
-        !C && i(be, {
+        this.showLicenseWatermark ? i(ke, {
+          message: this.licenseMessage
+        }, null) : null,
+        !C && i(Se, {
           style: {
             width: this.popupWidth,
-            direction: v
+            direction: g
           },
           ref: m(this, "popup"),
           class: A(o.className, {
-            "k-rtl": v === "rtl"
+            "k-rtl": g === "rtl"
           }),
           popupClass: A(o.popupClass, "k-dropdowntree-popup", "popup-" + this.componentGuid),
           animate: o.animate,
@@ -457,14 +462,14 @@ const {
           onClose: this.onPopupClosed,
           appendTo: o.appendTo
         }, {
-          default: () => [this.$props.filterable && i(j, {
+          default: () => [this.$props.filterable && i(q, {
             value: this.$props.filter === void 0 ? this.filterState : this.$props.filter,
             ref: m(this, "input"),
             onChange: this.onFilterChange,
             onKeydown: this.onInputKeyDown,
             onBlur: this.onBlur,
-            size: g,
-            rounded: B,
+            size: v,
+            rounded: E,
             fillMode: F
           }, null), S && i("div", {
             class: "k-list-header"
@@ -474,35 +479,35 @@ const {
             dataItems: s,
             focusIdField: n,
             textField: this.$props.textField,
-            selectField: x,
+            selectField: R,
             expandField: this.$props.expandField,
-            childrenField: R,
+            childrenField: I,
             expandIcons: !0,
             onItemclick: this.onChange,
             onExpandchange: this.onExpand,
             onFocus: this.onFocus,
             onBlur: this.onBlur,
             onKeydown: this.onWrapperKeyDown,
-            size: g,
-            item: M
-          }, null) : O, $ && i("div", {
+            size: v,
+            item: O
+          }, null) : B, $ && i("div", {
             class: "k-list-footer"
           }, [$])]
         })
       ]);
     }.call(this), {
       ...this.$attrs
-    }), C && pe.call(this)];
-    return l ? i(Ve, {
+    }), C && ue.call(this)];
+    return l ? i(Ie, {
       label: l,
       editorValue: this.currentValueText,
       editorPlaceholder: r,
-      editorValid: ue,
+      editorValid: he,
       editorDisabled: d,
       editorId: t,
       focused: this.focused,
-      dir: v
-    }, G(b) ? b : {
+      dir: g
+    }, H(b) ? b : {
       default: () => [b]
     }) : b;
   },
@@ -523,12 +528,12 @@ const {
           validationMessage: e,
           valid: t,
           required: s
-        } = this.$props, n = V({
+        } = this.$props, n = x({
           validationMessage: e,
           valid: t,
           required: s
         }, this.hasValue);
-        this.selectRef.setCustomValidity(n.valid ? "" : this.validationMessage === void 0 ? Be : this.validationMessage);
+        this.selectRef.setCustomValidity(n.valid ? "" : this.validationMessage === void 0 ? We : this.validationMessage);
       }
     },
     openPopup(e) {
@@ -587,7 +592,7 @@ const {
                 this.focusElement(o);
               });
           }
-          this.switchFocus(T);
+          this.switchFocus(W);
         } else t === a.down && this.switchFocus(() => {
           this.focusElement(o || n);
         });
@@ -649,18 +654,18 @@ const {
       }
     },
     onWrapperMouseDown() {
-      this.focused && this.switchFocus(T);
+      this.focused && this.switchFocus(W);
     },
     changeValue(e, t, s) {
       const n = {
         value: t,
-        level: s ? H(s) : [],
+        level: s ? U(s) : [],
         ...e
       };
       this.$emit("changemodel", t), this.$emit("update:modelValue", t), this.$emit("change", n), this.currentValue = t;
     },
     onChange(e) {
-      if (ke(e.item, this.computedValue, this.dataItemKey) || !this.$el)
+      if (Fe(e.item, this.computedValue, this.dataItemKey) || !this.$el)
         return;
       const {
         item: t,
@@ -685,7 +690,7 @@ const {
         itemHierarchicalIndex: s,
         event: n
       } = e, o = {
-        level: H(s),
+        level: U(s),
         item: t,
         event: n,
         target: this
@@ -707,5 +712,5 @@ const {
   }
 });
 export {
-  Xe as DropDownTree
+  et as DropDownTree
 };

package/MultiSelectTree/MultiSelectTree.d.ts

@@ -105,6 +105,8 @@ declare const MultiSelectTree: import('vue').DefineComponent<import('vue').Extra
         default: any;
     };
 }>, {}, {
+    showLicenseWatermark: boolean;
+    licenseMessage: any;
     focusedTagState: any;
     openState: boolean;
     focusedState: boolean;