@syncfusion/ej2-vue-dropdowns 31.2.16 → 32.1.19

package/dist/ej2-vue-dropdowns.umd.min.js

@@ -1,11 +1,2 @@
-/*!
-*  filename: ej2-vue-dropdowns.umd.min.js
-*  version : 31.2.16
-*  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-dropdowns"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-dropdowns","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t((e=e||self).ej={},e.ej2Dropdowns,e.ej2VueBase,e.ej2Base)}(this,function(t,s,a,o){"use strict";var e=["isLazyUpdate","plugins","actionFailureTemplate","allowFiltering","allowObjectBinding","allowResize","cssClass","dataSource","debounceDelay","enablePersistence","enableRtl","enableVirtualization","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","index","isDeviceFullScreen","itemTemplate","locale","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","sortOrder","text","value","valueTemplate","width","zIndex","actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","dataBound","destroyed","filtering","focus","open","resizeStart","resizeStop","resizing","select"],n=["value"],i=a.getProps({props:e}),r=i[0],i=i[1],l=Object.keys(i);l.push("modelchanged","update:modelValue");for(var c=0,u=n;c<u.length;c++)l.push("update:"+u[c]);var h=a.vueDefineComponent({name:"DropDownListComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:l,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.DropDownList({}),propKeys:e,models:n,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},clear:function(){return this.ej2Instances.clear()},destroy:function(){return this.ej2Instances.destroy()},disableItem:function(e){return this.ej2Instances.disableItem(e)},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},focusIn:function(e){return this.ej2Instances.focusIn(e)},focusOut:function(e){return this.ej2Instances.focusOut(e)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},hideSpinner:function(){return this.ej2Instances.hideSpinner()},requiredModules:function(){return this.ej2Instances.requiredModules()},showPopup:function(e){return this.ej2Instances.showPopup(e)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),d={name:"ejs-dropdownlist",install:function(e){e.component(d.name,h)}},p=["isLazyUpdate","plugins","actionFailureTemplate","allowCustom","allowFiltering","allowObjectBinding","allowResize","autofill","cssClass","dataSource","debounceDelay","enablePersistence","enableRtl","enableVirtualization","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","index","isDeviceFullScreen","itemTemplate","locale","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","sortOrder","text","value","valueTemplate","width","zIndex","actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","customValueSpecifier","dataBound","destroyed","filtering","focus","open","resizeStart","resizeStop","resizing","select"],m=["value"],r=a.getProps({props:p}),i=r[0],r=r[1],g=Object.keys(r);g.push("modelchanged","update:modelValue");for(var f=0,I=m;f<I.length;f++)g.push("update:"+I[f]);var j=a.vueDefineComponent({name:"ComboBoxComponent",mixins:[a.ComponentBase],props:i,watch:r,emits:g,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.ComboBox({}),propKeys:p,models:m,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},clear:function(){return this.ej2Instances.clear()},destroy:function(){return this.ej2Instances.destroy()},disableItem:function(e){return this.ej2Instances.disableItem(e)},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(e){return this.ej2Instances.focusOut(e)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},hideSpinner:function(){return this.ej2Instances.hideSpinner()},requiredModules:function(){return this.ej2Instances.requiredModules()},showPopup:function(e){return this.ej2Instances.showPopup(e)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),v={name:"ejs-combobox",install:function(e){e.component(v.name,j)}},y=["isLazyUpdate","plugins","actionFailureTemplate","allowCustom","allowFiltering","allowObjectBinding","allowResize","autofill","cssClass","dataSource","debounceDelay","enablePersistence","enableRtl","enableVirtualization","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","highlight","htmlAttributes","ignoreAccent","ignoreCase","index","isDeviceFullScreen","itemTemplate","locale","minLength","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","showPopupButton","sortOrder","suggestionCount","text","value","valueTemplate","width","zIndex","actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","customValueSpecifier","dataBound","destroyed","filtering","focus","open","resizeStart","resizeStop","resizing","select"],P=["value"],i=a.getProps({props:y}),r=i[0],i=i[1],b=Object.keys(i);b.push("modelchanged","update:modelValue");for(var C=0,$=P;C<$.length;C++)b.push("update:"+$[C]);var T=a.vueDefineComponent({name:"AutoCompleteComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:b,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.AutoComplete({}),propKeys:y,models:P,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},clear:function(){return this.ej2Instances.clear()},destroy:function(){return this.ej2Instances.destroy()},disableItem:function(e){return this.ej2Instances.disableItem(e)},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(e){return this.ej2Instances.focusOut(e)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},hideSpinner:function(){return this.ej2Instances.hideSpinner()},requiredModules:function(){return this.ej2Instances.requiredModules()},showPopup:function(e){return this.ej2Instances.showPopup(e)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),w={name:"ejs-autocomplete",install:function(e){e.component(w.name,T)}},x=["isLazyUpdate","plugins","actionFailureTemplate","addTagOnBlur","allowCustomValue","allowFiltering","allowObjectBinding","allowResize","changeOnBlur","closePopupOnSelect","cssClass","dataSource","debounceDelay","delimiterChar","enableGroupCheckBox","enableHtmlSanitizer","enablePersistence","enableRtl","enableSelectionOrder","enableVirtualization","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","hideSelectedItem","htmlAttributes","ignoreAccent","ignoreCase","isDeviceFullScreen","itemTemplate","locale","maximumSelectionLength","mode","noRecordsTemplate","openOnClick","placeholder","popupHeight","popupWidth","query","readonly","selectAllText","showClearButton","showDropDownIcon","showSelectAll","sortOrder","text","unSelectAllText","value","valueTemplate","width","zIndex","actionBegin","actionComplete","actionFailure","beforeOpen","beforeSelectAll","blur","change","chipSelection","close","created","customValueSelection","dataBound","destroyed","filtering","focus","open","removed","removing","resizeStart","resizeStop","resizing","select","selectedAll","tagging"],E=["value"],r=a.getProps({props:x}),i=r[0],r=r[1],S=Object.keys(r);S.push("modelchanged","update:modelValue");for(var D=0,L=E;D<L.length;D++)S.push("update:"+L[D]);var U=a.vueDefineComponent({name:"MultiSelectComponent",mixins:[a.ComponentBase],props:i,watch:r,emits:S,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new s.MultiSelect({}),propKeys:x,models:E,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},clear:function(){return this.ej2Instances.clear()},destroy:function(){return this.ej2Instances.destroy()},disableItem:function(e){return this.ej2Instances.disableItem(e)},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},hideSpinner:function(){return this.ej2Instances.hideSpinner()},requiredModules:function(){return this.ej2Instances.requiredModules()},selectAll:function(e){return this.ej2Instances.selectAll(e)},showPopup:function(e){return this.ej2Instances.showPopup(e)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),k={name:"ejs-multiselect",install:function(e){e.component(k.name,U)}},A=["isLazyUpdate","plugins","actionFailureTemplate","allowDragAndDrop","allowFiltering","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","groupTemplate","height","ignoreAccent","ignoreCase","itemTemplate","locale","maximumSelectionLength","noRecordsTemplate","query","scope","selectionSettings","sortOrder","toolbarSettings","value","zIndex","actionBegin","actionComplete","actionFailure","beforeDrop","beforeItemRender","change","created","dataBound","destroyed","drag","dragStart","drop","filtering","select"],q=["value"],i=a.getProps({props:A}),r=i[0],i=i[1],B=Object.keys(i);B.push("modelchanged","update:modelValue");for(var V=0,F=q;V<F.length;V++)B.push("update:"+F[V]);var N=a.vueDefineComponent({name:"ListBoxComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:B,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.ListBox({}),propKeys:A,models:q,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},addItems:function(e,t){return this.ej2Instances.addItems(e,t)},destroy:function(){return this.ej2Instances.destroy()},enableItems:function(e,t,s){return this.ej2Instances.enableItems(e,t,s)},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getDataByValues:function(e){return this.ej2Instances.getDataByValues(e)},getDataList:function(){return this.ej2Instances.getDataList()},getItems:function(){return this.ej2Instances.getItems()},getSortedList:function(){return this.ej2Instances.getSortedList()},hideSpinner:function(){return this.ej2Instances.hideSpinner()},moveAllTo:function(e,t){return this.ej2Instances.moveAllTo(e,t)},moveBottom:function(e){return this.ej2Instances.moveBottom(e)},moveDown:function(e){return this.ej2Instances.moveDown(e)},moveTo:function(e,t,s){return this.ej2Instances.moveTo(e,t,s)},moveTop:function(e){return this.ej2Instances.moveTop(e)},moveUp:function(e){return this.ej2Instances.moveUp(e)},removeItem:function(e,t){return this.ej2Instances.removeItem(e,t)},removeItems:function(e,t){return this.ej2Instances.removeItems(e,t)},requiredModules:function(){return this.ej2Instances.requiredModules()},selectAll:function(e){return this.ej2Instances.selectAll(e)},selectItems:function(e,t,s){return this.ej2Instances.selectItems(e,t,s)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),R={name:"ejs-listbox",install:function(e){e.component(R.name,N)}},H=["isLazyUpdate","plugins","actionFailureTemplate","allowFiltering","allowMultiSelection","changeOnBlur","cssClass","customTemplate","delimiterChar","destroyPopupOnHide","enableHtmlSanitizer","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","itemTemplate","locale","mode","noRecordsTemplate","placeholder","popupHeight","popupWidth","readonly","selectAllText","showCheckBox","showClearButton","showDropDownIcon","showSelectAll","sortOrder","text","treeSettings","unSelectAllText","value","valueTemplate","width","wrapText","zIndex","actionFailure","beforeOpen","blur","change","close","created","dataBound","destroyed","filtering","focus","keyPress","open","select"],K=["value"],r=a.getProps({props:H}),i=r[0],r=r[1],O=Object.keys(r);O.push("modelchanged","update:modelValue");for(var M=0,W=K;M<W.length;M++)O.push("update:"+W[M]);var G=a.vueDefineComponent({name:"DropDownTreeComponent",mixins:[a.ComponentBase],props:i,watch:r,emits:O,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.DropDownTree({}),propKeys:H,models:K,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},clear:function(){return this.ej2Instances.clear()},destroy:function(){return this.ej2Instances.destroy()},ensureVisible:function(e){return this.ej2Instances.ensureVisible(e)},getData:function(e){return this.ej2Instances.getData(e)},getLocaleName:function(){return this.ej2Instances.getLocaleName()},hidePopup:function(){return this.ej2Instances.hidePopup()},selectAll:function(e){return this.ej2Instances.selectAll(e)},showPopup:function(){return this.ej2Instances.showPopup()}}}),J={name:"ejs-dropdowntree",install:function(e){e.component(J.name,G)}},Q=["isLazyUpdate","plugins","allowSpaces","cssClass","dataSource","debounceDelay","displayTemplate","fields","filterType","highlight","ignoreCase","itemTemplate","locale","mentionChar","minLength","noRecordsTemplate","popupHeight","popupWidth","query","requireLeadingSpace","showMentionChar","sortOrder","spinnerTemplate","suffixText","suggestionCount","target","actionBegin","actionComplete","actionFailure","beforeOpen","change","closed","created","destroyed","filtering","opened","select"],X=[],i=a.getProps({props:Q}),r=i[0],i=i[1],z=Object.keys(i);z.push("modelchanged","update:modelValue");for(var _=0,Y=X;_<Y.length;_++)z.push("update:"+Y[_]);var Z=a.vueDefineComponent({name:"MentionComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:z,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Mention({}),propKeys:Q,models:X,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},destroy:function(){return this.ej2Instances.destroy()},disableItem:function(e){return this.ej2Instances.disableItem(e)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},search:function(e,t,s){return this.ej2Instances.search(e,t,s)},showPopup:function(){return this.ej2Instances.showPopup()}}}),ee={name:"ejs-mention",install:function(e){e.component(ee.name,Z)}};Object.keys(s).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return s[e]}})}),t.AutoCompleteComponent=T,t.AutoCompletePlugin=w,t.ComboBoxComponent=j,t.ComboBoxPlugin=v,t.DropDownListComponent=h,t.DropDownListPlugin=d,t.DropDownTreeComponent=G,t.DropDownTreePlugin=J,t.ListBoxComponent=N,t.ListBoxPlugin=R,t.MentionComponent=Z,t.MentionPlugin=ee,t.MultiSelectComponent=U,t.MultiSelectPlugin=k,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-dropdowns.umd.min.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-vue-dropdowns",
-  "version": "31.2.16",
+  "version": "32.1.19",
   "description": "Essential JS 2 DropDown Components for Vue",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -23,9 +23,9 @@
   "es2015": "dist/es6/ej2-vue-dropdowns.es2015.js",
   "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.12",
-    "@syncfusion/ej2-vue-base": "~31.2.12",
-    "@syncfusion/ej2-dropdowns": "31.2.16"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-vue-base": "~32.1.19",
+    "@syncfusion/ej2-dropdowns": "32.1.19"
   },
   "devDependencies": {},
   "scripts": {

package/styles/auto-complete/bds.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/bds.scss';
+@use 'ej2-dropdowns/styles/auto-complete/bds' as *;

package/styles/auto-complete/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap-dark.scss';
+@use 'ej2-dropdowns/styles/auto-complete/bootstrap-dark' as *;

package/styles/auto-complete/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap.scss';
+@use 'ej2-dropdowns/styles/auto-complete/bootstrap' as *;

package/styles/auto-complete/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap4.scss';
+@use 'ej2-dropdowns/styles/auto-complete/bootstrap4' as *;

package/styles/auto-complete/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap5-dark.scss';
+@use 'ej2-dropdowns/styles/auto-complete/bootstrap5-dark' as *;

package/styles/auto-complete/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap5.3.scss';
+@use 'ej2-dropdowns/styles/auto-complete/bootstrap5.3' as *;

package/styles/auto-complete/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap5.scss';
+@use 'ej2-dropdowns/styles/auto-complete/bootstrap5' as *;

package/styles/auto-complete/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/fabric-dark.scss';
+@use 'ej2-dropdowns/styles/auto-complete/fabric-dark' as *;

package/styles/auto-complete/fabric.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/fabric.scss';
+@use 'ej2-dropdowns/styles/auto-complete/fabric' as *;

package/styles/auto-complete/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/fluent-dark.scss';
+@use 'ej2-dropdowns/styles/auto-complete/fluent-dark' as *;

package/styles/auto-complete/fluent.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/fluent.scss';
+@use 'ej2-dropdowns/styles/auto-complete/fluent' as *;

package/styles/auto-complete/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/fluent2.scss';
+@use 'ej2-dropdowns/styles/auto-complete/fluent2' as *;

package/styles/auto-complete/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/highcontrast-light.scss';
+@use 'ej2-dropdowns/styles/auto-complete/highcontrast-light' as *;

package/styles/auto-complete/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/highcontrast.scss';
+@use 'ej2-dropdowns/styles/auto-complete/highcontrast' as *;

package/styles/auto-complete/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/material-dark.scss';
+@use 'ej2-dropdowns/styles/auto-complete/material-dark' as *;

package/styles/auto-complete/material.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/material.scss';
+@use 'ej2-dropdowns/styles/auto-complete/material' as *;

package/styles/auto-complete/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-dropdowns/styles/auto-complete/material3-dark.scss';
+@use 'ej2-dropdowns/styles/auto-complete/material3-dark' as *;

package/styles/auto-complete/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-dropdowns/styles/auto-complete/material3.scss';
+@use 'ej2-dropdowns/styles/auto-complete/material3' as *;

package/styles/auto-complete/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/tailwind-dark.scss';
+@use 'ej2-dropdowns/styles/auto-complete/tailwind-dark' as *;

package/styles/auto-complete/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/tailwind.scss';
+@use 'ej2-dropdowns/styles/auto-complete/tailwind' as *;

package/styles/auto-complete/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/auto-complete/tailwind3.scss';
+@use 'ej2-dropdowns/styles/auto-complete/tailwind3' as *;

package/styles/bds-lite.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/bds-lite.scss';
+@use 'ej2-dropdowns/bds-lite' as *;

package/styles/bds.scss

@@ -1,8 +1,8 @@
-@import 'drop-down-base/bds.scss';
-@import 'drop-down-list/bds.scss';
-@import 'drop-down-tree/bds.scss';
-@import 'combo-box/bds.scss';
-@import 'auto-complete/bds.scss';
-@import 'multi-select/bds.scss';
-@import 'list-box/bds.scss';
-@import 'mention/bds.scss';
+@use 'drop-down-base/bds' as *;
+@use 'drop-down-list/bds' as *;
+@use 'drop-down-tree/bds' as *;
+@use 'combo-box/bds' as *;
+@use 'auto-complete/bds' as *;
+@use 'multi-select/bds' as *;
+@use 'list-box/bds' as *;
+@use 'mention/bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/bootstrap-dark-lite.scss';
+@use 'ej2-dropdowns/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.scss

@@ -1,8 +1,8 @@
-@import 'drop-down-base/bootstrap-dark.scss';
-@import 'drop-down-list/bootstrap-dark.scss';
-@import 'drop-down-tree/bootstrap-dark.scss';
-@import 'combo-box/bootstrap-dark.scss';
-@import 'auto-complete/bootstrap-dark.scss';
-@import 'multi-select/bootstrap-dark.scss';
-@import 'list-box/bootstrap-dark.scss';
-@import 'mention/bootstrap-dark.scss';
+@use 'drop-down-base/bootstrap-dark' as *;
+@use 'drop-down-list/bootstrap-dark' as *;
+@use 'drop-down-tree/bootstrap-dark' as *;
+@use 'combo-box/bootstrap-dark' as *;
+@use 'auto-complete/bootstrap-dark' as *;
+@use 'multi-select/bootstrap-dark' as *;
+@use 'list-box/bootstrap-dark' as *;
+@use 'mention/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/bootstrap-lite.scss';
+@use 'ej2-dropdowns/bootstrap-lite' as *;

package/styles/bootstrap.scss

@@ -1,8 +1,8 @@
-@import 'drop-down-base/bootstrap.scss';
-@import 'drop-down-list/bootstrap.scss';
-@import 'drop-down-tree/bootstrap.scss';
-@import 'combo-box/bootstrap.scss';
-@import 'auto-complete/bootstrap.scss';
-@import 'multi-select/bootstrap.scss';
-@import 'list-box/bootstrap.scss';
-@import 'mention/bootstrap.scss';
+@use 'drop-down-base/bootstrap' as *;
+@use 'drop-down-list/bootstrap' as *;
+@use 'drop-down-tree/bootstrap' as *;
+@use 'combo-box/bootstrap' as *;
+@use 'auto-complete/bootstrap' as *;
+@use 'multi-select/bootstrap' as *;
+@use 'list-box/bootstrap' as *;
+@use 'mention/bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/bootstrap4-lite.scss';
+@use 'ej2-dropdowns/bootstrap4-lite' as *;

package/styles/bootstrap4.scss

@@ -1,8 +1,8 @@
-@import 'drop-down-base/bootstrap4.scss';
-@import 'drop-down-list/bootstrap4.scss';
-@import 'drop-down-tree/bootstrap4.scss';
-@import 'combo-box/bootstrap4.scss';
-@import 'auto-complete/bootstrap4.scss';
-@import 'multi-select/bootstrap4.scss';
-@import 'list-box/bootstrap4.scss';
-@import 'mention/bootstrap4.scss';
+@use 'drop-down-base/bootstrap4' as *;
+@use 'drop-down-list/bootstrap4' as *;
+@use 'drop-down-tree/bootstrap4' as *;
+@use 'combo-box/bootstrap4' as *;
+@use 'auto-complete/bootstrap4' as *;
+@use 'multi-select/bootstrap4' as *;
+@use 'list-box/bootstrap4' as *;
+@use 'mention/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/bootstrap5-dark-lite.scss';
+@use 'ej2-dropdowns/bootstrap5-dark-lite' as *;

package/styles/bootstrap5-dark.scss

@@ -1,8 +1,8 @@
-@import 'drop-down-base/bootstrap5-dark.scss';
-@import 'drop-down-list/bootstrap5-dark.scss';
-@import 'drop-down-tree/bootstrap5-dark.scss';
-@import 'combo-box/bootstrap5-dark.scss';
-@import 'auto-complete/bootstrap5-dark.scss';
-@import 'multi-select/bootstrap5-dark.scss';
-@import 'list-box/bootstrap5-dark.scss';
-@import 'mention/bootstrap5-dark.scss';
+@use 'drop-down-base/bootstrap5-dark' as *;
+@use 'drop-down-list/bootstrap5-dark' as *;
+@use 'drop-down-tree/bootstrap5-dark' as *;
+@use 'combo-box/bootstrap5-dark' as *;
+@use 'auto-complete/bootstrap5-dark' as *;
+@use 'multi-select/bootstrap5-dark' as *;
+@use 'list-box/bootstrap5-dark' as *;
+@use 'mention/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/bootstrap5-lite.scss';
+@use 'ej2-dropdowns/bootstrap5-lite' as *;

package/styles/bootstrap5.3-lite.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/bootstrap5.3-lite.scss';
+@use 'ej2-dropdowns/bootstrap5.3-lite' as *;

package/styles/bootstrap5.3.scss

@@ -1,8 +1,8 @@
-@import 'drop-down-base/bootstrap5.3.scss';
-@import 'drop-down-list/bootstrap5.3.scss';
-@import 'drop-down-tree/bootstrap5.3.scss';
-@import 'combo-box/bootstrap5.3.scss';
-@import 'auto-complete/bootstrap5.3.scss';
-@import 'multi-select/bootstrap5.3.scss';
-@import 'list-box/bootstrap5.3.scss';
-@import 'mention/bootstrap5.3.scss';
+@use 'drop-down-base/bootstrap5.3' as *;
+@use 'drop-down-list/bootstrap5.3' as *;
+@use 'drop-down-tree/bootstrap5.3' as *;
+@use 'combo-box/bootstrap5.3' as *;
+@use 'auto-complete/bootstrap5.3' as *;
+@use 'multi-select/bootstrap5.3' as *;
+@use 'list-box/bootstrap5.3' as *;
+@use 'mention/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1,8 +1,8 @@
-@import 'drop-down-base/bootstrap5.scss';
-@import 'drop-down-list/bootstrap5.scss';
-@import 'drop-down-tree/bootstrap5.scss';
-@import 'combo-box/bootstrap5.scss';
-@import 'auto-complete/bootstrap5.scss';
-@import 'multi-select/bootstrap5.scss';
-@import 'list-box/bootstrap5.scss';
-@import 'mention/bootstrap5.scss';
+@use 'drop-down-base/bootstrap5' as *;
+@use 'drop-down-list/bootstrap5' as *;
+@use 'drop-down-tree/bootstrap5' as *;
+@use 'combo-box/bootstrap5' as *;
+@use 'auto-complete/bootstrap5' as *;
+@use 'multi-select/bootstrap5' as *;
+@use 'list-box/bootstrap5' as *;
+@use 'mention/bootstrap5' as *;

package/styles/combo-box/bds.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/bds.scss';
+@use 'ej2-dropdowns/styles/combo-box/bds' as *;

package/styles/combo-box/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/bootstrap-dark.scss';
+@use 'ej2-dropdowns/styles/combo-box/bootstrap-dark' as *;

package/styles/combo-box/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/bootstrap.scss';
+@use 'ej2-dropdowns/styles/combo-box/bootstrap' as *;

package/styles/combo-box/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/bootstrap4.scss';
+@use 'ej2-dropdowns/styles/combo-box/bootstrap4' as *;

package/styles/combo-box/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/bootstrap5-dark.scss';
+@use 'ej2-dropdowns/styles/combo-box/bootstrap5-dark' as *;

package/styles/combo-box/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/bootstrap5.3.scss';
+@use 'ej2-dropdowns/styles/combo-box/bootstrap5.3' as *;

package/styles/combo-box/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/bootstrap5.scss';
+@use 'ej2-dropdowns/styles/combo-box/bootstrap5' as *;

package/styles/combo-box/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/fabric-dark.scss';
+@use 'ej2-dropdowns/styles/combo-box/fabric-dark' as *;

package/styles/combo-box/fabric.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/fabric.scss';
+@use 'ej2-dropdowns/styles/combo-box/fabric' as *;

package/styles/combo-box/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/fluent-dark.scss';
+@use 'ej2-dropdowns/styles/combo-box/fluent-dark' as *;

package/styles/combo-box/fluent.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/fluent.scss';
+@use 'ej2-dropdowns/styles/combo-box/fluent' as *;

package/styles/combo-box/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/fluent2.scss';
+@use 'ej2-dropdowns/styles/combo-box/fluent2' as *;

package/styles/combo-box/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/highcontrast-light.scss';
+@use 'ej2-dropdowns/styles/combo-box/highcontrast-light' as *;

package/styles/combo-box/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/highcontrast.scss';
+@use 'ej2-dropdowns/styles/combo-box/highcontrast' as *;

package/styles/combo-box/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/material-dark.scss';
+@use 'ej2-dropdowns/styles/combo-box/material-dark' as *;

package/styles/combo-box/material.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/material.scss';
+@use 'ej2-dropdowns/styles/combo-box/material' as *;

package/styles/combo-box/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-dropdowns/styles/combo-box/material3-dark.scss';
+@use 'ej2-dropdowns/styles/combo-box/material3-dark' as *;

package/styles/combo-box/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-dropdowns/styles/combo-box/material3.scss';
+@use 'ej2-dropdowns/styles/combo-box/material3' as *;

package/styles/combo-box/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/tailwind-dark.scss';
+@use 'ej2-dropdowns/styles/combo-box/tailwind-dark' as *;

package/styles/combo-box/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/tailwind.scss';
+@use 'ej2-dropdowns/styles/combo-box/tailwind' as *;

package/styles/combo-box/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/combo-box/tailwind3.scss';
+@use 'ej2-dropdowns/styles/combo-box/tailwind3' as *;

package/styles/drop-down-base/bds.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/bds.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/bds' as *;

package/styles/drop-down-base/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap-dark.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap-dark' as *;

package/styles/drop-down-base/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap' as *;

package/styles/drop-down-base/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap4.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap4' as *;

package/styles/drop-down-base/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap5-dark.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap5-dark' as *;

package/styles/drop-down-base/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap5.3.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap5.3' as *;

package/styles/drop-down-base/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap5.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap5' as *;

package/styles/drop-down-base/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/fabric-dark.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/fabric-dark' as *;

package/styles/drop-down-base/fabric.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/fabric.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/fabric' as *;

package/styles/drop-down-base/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/fluent-dark.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/fluent-dark' as *;

package/styles/drop-down-base/fluent.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/fluent.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/fluent' as *;

package/styles/drop-down-base/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/fluent2.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/fluent2' as *;

package/styles/drop-down-base/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/highcontrast-light.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/highcontrast-light' as *;

package/styles/drop-down-base/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/highcontrast.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/highcontrast' as *;

package/styles/drop-down-base/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/material-dark.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/material-dark' as *;

package/styles/drop-down-base/material.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/material.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/material' as *;

package/styles/drop-down-base/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-dropdowns/styles/drop-down-base/material3-dark.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/material3-dark' as *;

package/styles/drop-down-base/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-dropdowns/styles/drop-down-base/material3.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/material3' as *;

package/styles/drop-down-base/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/tailwind-dark.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/tailwind-dark' as *;

package/styles/drop-down-base/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/tailwind.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/tailwind' as *;

package/styles/drop-down-base/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-base/tailwind3.scss';
+@use 'ej2-dropdowns/styles/drop-down-base/tailwind3' as *;

package/styles/drop-down-list/bds.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-list/bds.scss';
+@use 'ej2-dropdowns/styles/drop-down-list/bds' as *;

package/styles/drop-down-list/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark.scss';
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark' as *;