@syncfusion/ej2-vue-popups 31.2.5 → 32.1.19

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

@@ -1,11 +1,2 @@
-/*!
-*  filename: ej2-vue-popups.umd.min.js
-*  version : 31.2.5
-*  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-popups"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-popups","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t((e=e||self).ej={},e.ej2Popups,e.ej2VueBase,e.ej2Base)}(this,function(t,s,o,a){"use strict";var n=o.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!o.isExecute)return t=null,(o.isExecute?e:o.gh)("div",{class:"e-directive"},t=a.isNullOrUndefined(this.$slots.default)?t:o.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!o.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-buttons"}}}),i={name:"e-buttons",install:function(e){e.component(i.name,n)}},r=o.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-dialogbutton"}}}),l={name:"e-dialogbutton",install:function(e){e.component(l.name,r)}},e=["isLazyUpdate","plugins","allowDragging","animationSettings","buttons","closeOnEscape","content","cssClass","enableHtmlSanitizer","enablePersistence","enableResize","enableRtl","footerTemplate","header","height","isModal","locale","minHeight","position","resizeHandles","showCloseIcon","target","visible","width","zIndex","beforeClose","beforeOpen","beforeSanitizeHtml","close","created","destroyed","drag","dragStart","dragStop","open","overlayClick","resizeStart","resizeStop","resizing"],c=["visible"],u=o.getProps({props:e}),h=u[0],u=u[1],d=Object.keys(u);d.push("modelchanged","update:modelValue");for(var p=0,m=c;p<m.length;p++)d.push("update:"+m[p]);var f=o.vueDefineComponent({name:"DialogComponent",mixins:[o.ComponentBase],props:h,watch:u,emits:d,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Dialog({}),propKeys:e,models:c,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-buttons":"e-dialogbutton"},tagNameMapper:{},isVue3:!o.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(o.isExecute?e:o.gh)("div",t=a.isNullOrUndefined(this.$slots.default)?t:o.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 o=0,a=i;o<a.length;o++){var r=a[o];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;o.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&&!a.isUndefined(t[i])&&(o.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&&!a.isUndefined(t[i])&&(o.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()},destroy:function(){return this.ej2Instances.destroy()},getButtons:function(e){return this.ej2Instances.getButtons(e)},getDimension:function(){return this.ej2Instances.getDimension()},hide:function(e){return this.ej2Instances.hide(e)},refreshPosition:function(){return this.ej2Instances.refreshPosition()},sanitizeHelper:function(e){return this.ej2Instances.sanitizeHelper(e)},show:function(e){return this.ej2Instances.show(e)}}}),g={name:"ejs-dialog",install:function(e){e.component(g.name,f),e.component(l.name,r),e.component(i.name,n)}},j=["isLazyUpdate","plugins","animation","closeDelay","container","content","cssClass","enableHtmlParse","enableHtmlSanitizer","enablePersistence","enableRtl","height","htmlAttributes","isSticky","locale","mouseTrail","offsetX","offsetY","openDelay","opensOn","position","showTipPointer","target","tipPointerPosition","width","windowCollision","afterClose","afterOpen","beforeClose","beforeCollision","beforeOpen","beforeRender","created","destroyed"],I=[],h=o.getProps({props:j}),u=h[0],h=h[1],v=Object.keys(h);v.push("modelchanged","update:modelValue");for(var b=0,y=I;b<y.length;b++)v.push("update:"+y[b]);var P=o.vueDefineComponent({name:"TooltipComponent",mixins:[o.ComponentBase],props:u,watch:h,emits:v,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Tooltip({}),propKeys:j,models:I,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!o.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(o.isExecute?e:o.gh)("div",t=a.isNullOrUndefined(this.$slots.default)?t:o.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 o=0,a=i;o<a.length;o++){var r=a[o];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()},close:function(e){return this.ej2Instances.close(e)},destroy:function(){return this.ej2Instances.destroy()},open:function(e,t){return this.ej2Instances.open(e,t)},refresh:function(e){return this.ej2Instances.refresh(e)}}}),C={name:"ejs-tooltip",install:function(e){e.component(C.name,P)}};Object.keys(s).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return s[e]}})}),t.ButtonsDirective=n,t.ButtonsPlugin=i,t.DialogButtonDirective=r,t.DialogButtonPlugin=l,t.DialogComponent=f,t.DialogPlugin=g,t.TooltipComponent=P,t.TooltipPlugin=C,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-popups.umd.min.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-vue-popups",
-  "version": "31.2.5",
+  "version": "32.1.19",
   "description": "A package of Essential JS 2 popup components such as Dialog and Tooltip that is used to display information or messages in separate pop-ups. for Vue",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -31,9 +31,9 @@
   "es2015": "dist/es6/ej2-vue-popups.es2015.js",
   "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.5",
-    "@syncfusion/ej2-vue-base": "~31.2.5",
-    "@syncfusion/ej2-popups": "31.2.5"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-vue-base": "~32.1.19",
+    "@syncfusion/ej2-popups": "32.1.19"
   },
   "devDependencies": {},
   "scripts": {

package/styles/bds-lite.scss

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

package/styles/bds.scss

@@ -1,4 +1,4 @@
-@import 'dialog/bds.scss';
-@import 'popup/bds.scss';
-@import 'tooltip/bds.scss';
-@import 'spinner/bds.scss';
+@use 'dialog/bds' as *;
+@use 'popup/bds' as *;
+@use 'tooltip/bds' as *;
+@use 'spinner/bds' as *;

package/styles/bootstrap-dark-lite.scss

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

package/styles/bootstrap-dark.scss

@@ -1,4 +1,4 @@
-@import 'dialog/bootstrap-dark.scss';
-@import 'popup/bootstrap-dark.scss';
-@import 'tooltip/bootstrap-dark.scss';
-@import 'spinner/bootstrap-dark.scss';
+@use 'dialog/bootstrap-dark' as *;
+@use 'popup/bootstrap-dark' as *;
+@use 'tooltip/bootstrap-dark' as *;
+@use 'spinner/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

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

package/styles/bootstrap.scss

@@ -1,4 +1,4 @@
-@import 'dialog/bootstrap.scss';
-@import 'popup/bootstrap.scss';
-@import 'tooltip/bootstrap.scss';
-@import 'spinner/bootstrap.scss';
+@use 'dialog/bootstrap' as *;
+@use 'popup/bootstrap' as *;
+@use 'tooltip/bootstrap' as *;
+@use 'spinner/bootstrap' as *;

package/styles/bootstrap4-lite.scss

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

package/styles/bootstrap4.scss

@@ -1,4 +1,4 @@
-@import 'dialog/bootstrap4.scss';
-@import 'popup/bootstrap4.scss';
-@import 'tooltip/bootstrap4.scss';
-@import 'spinner/bootstrap4.scss';
+@use 'dialog/bootstrap4' as *;
+@use 'popup/bootstrap4' as *;
+@use 'tooltip/bootstrap4' as *;
+@use 'spinner/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

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

package/styles/bootstrap5-dark.scss

@@ -1,4 +1,4 @@
-@import 'dialog/bootstrap5-dark.scss';
-@import 'popup/bootstrap5-dark.scss';
-@import 'tooltip/bootstrap5-dark.scss';
-@import 'spinner/bootstrap5-dark.scss';
+@use 'dialog/bootstrap5-dark' as *;
+@use 'popup/bootstrap5-dark' as *;
+@use 'tooltip/bootstrap5-dark' as *;
+@use 'spinner/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

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

package/styles/bootstrap5.3-lite.scss

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

package/styles/bootstrap5.3.scss

@@ -1,4 +1,4 @@
-@import 'dialog/bootstrap5.3.scss';
-@import 'popup/bootstrap5.3.scss';
-@import 'tooltip/bootstrap5.3.scss';
-@import 'spinner/bootstrap5.3.scss';
+@use 'dialog/bootstrap5.3' as *;
+@use 'popup/bootstrap5.3' as *;
+@use 'tooltip/bootstrap5.3' as *;
+@use 'spinner/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1,4 +1,4 @@
-@import 'dialog/bootstrap5.scss';
-@import 'popup/bootstrap5.scss';
-@import 'tooltip/bootstrap5.scss';
-@import 'spinner/bootstrap5.scss';
+@use 'dialog/bootstrap5' as *;
+@use 'popup/bootstrap5' as *;
+@use 'tooltip/bootstrap5' as *;
+@use 'spinner/bootstrap5' as *;

package/styles/dialog/bds.scss

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

package/styles/dialog/bootstrap-dark.scss

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

package/styles/dialog/bootstrap.scss

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

package/styles/dialog/bootstrap4.scss

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

package/styles/dialog/bootstrap5-dark.scss

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

package/styles/dialog/bootstrap5.3.scss

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

package/styles/dialog/bootstrap5.scss

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

package/styles/dialog/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/dialog/fabric-dark.scss';
+@use 'ej2-popups/styles/dialog/fabric-dark' as *;

package/styles/dialog/fabric.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/dialog/fabric.scss';
+@use 'ej2-popups/styles/dialog/fabric' as *;

package/styles/dialog/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/dialog/fluent-dark.scss';
+@use 'ej2-popups/styles/dialog/fluent-dark' as *;

package/styles/dialog/fluent.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/dialog/fluent.scss';
+@use 'ej2-popups/styles/dialog/fluent' as *;

package/styles/dialog/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/dialog/fluent2.scss';
+@use 'ej2-popups/styles/dialog/fluent2' as *;

package/styles/dialog/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/dialog/highcontrast-light.scss';
+@use 'ej2-popups/styles/dialog/highcontrast-light' as *;

package/styles/dialog/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/dialog/highcontrast.scss';
+@use 'ej2-popups/styles/dialog/highcontrast' as *;

package/styles/dialog/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/dialog/material-dark.scss';
+@use 'ej2-popups/styles/dialog/material-dark' as *;

package/styles/dialog/material.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/dialog/material.scss';
+@use 'ej2-popups/styles/dialog/material' as *;

package/styles/dialog/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-popups/styles/dialog/material3-dark.scss';
+@use 'ej2-popups/styles/dialog/material3-dark' as *;

package/styles/dialog/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-popups/styles/dialog/material3.scss';
+@use 'ej2-popups/styles/dialog/material3' as *;

package/styles/dialog/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/dialog/tailwind-dark.scss';
+@use 'ej2-popups/styles/dialog/tailwind-dark' as *;

package/styles/dialog/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/dialog/tailwind.scss';
+@use 'ej2-popups/styles/dialog/tailwind' as *;

package/styles/dialog/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/dialog/tailwind3.scss';
+@use 'ej2-popups/styles/dialog/tailwind3' as *;

package/styles/fabric-dark-lite.scss

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

package/styles/fabric-dark.scss

@@ -1,4 +1,4 @@
-@import 'dialog/fabric-dark.scss';
-@import 'popup/fabric-dark.scss';
-@import 'tooltip/fabric-dark.scss';
-@import 'spinner/fabric-dark.scss';
+@use 'dialog/fabric-dark' as *;
+@use 'popup/fabric-dark' as *;
+@use 'tooltip/fabric-dark' as *;
+@use 'spinner/fabric-dark' as *;

package/styles/fabric-lite.scss

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

package/styles/fabric.scss

@@ -1,4 +1,4 @@
-@import 'dialog/fabric.scss';
-@import 'popup/fabric.scss';
-@import 'tooltip/fabric.scss';
-@import 'spinner/fabric.scss';
+@use 'dialog/fabric' as *;
+@use 'popup/fabric' as *;
+@use 'tooltip/fabric' as *;
+@use 'spinner/fabric' as *;

package/styles/fluent-dark-lite.scss

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

package/styles/fluent-dark.scss

@@ -1,4 +1,4 @@
-@import 'dialog/fluent-dark.scss';
-@import 'popup/fluent-dark.scss';
-@import 'tooltip/fluent-dark.scss';
-@import 'spinner/fluent-dark.scss';
+@use 'dialog/fluent-dark' as *;
+@use 'popup/fluent-dark' as *;
+@use 'tooltip/fluent-dark' as *;
+@use 'spinner/fluent-dark' as *;

package/styles/fluent-lite.scss

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

package/styles/fluent.scss

@@ -1,4 +1,4 @@
-@import 'dialog/fluent.scss';
-@import 'popup/fluent.scss';
-@import 'tooltip/fluent.scss';
-@import 'spinner/fluent.scss';
+@use 'dialog/fluent' as *;
+@use 'popup/fluent' as *;
+@use 'tooltip/fluent' as *;
+@use 'spinner/fluent' as *;

package/styles/fluent2-lite.scss

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

package/styles/fluent2.scss

@@ -1,4 +1,4 @@
-@import 'dialog/fluent2.scss';
-@import 'popup/fluent2.scss';
-@import 'tooltip/fluent2.scss';
-@import 'spinner/fluent2.scss';
+@use 'dialog/fluent2' as *;
+@use 'popup/fluent2' as *;
+@use 'tooltip/fluent2' as *;
+@use 'spinner/fluent2' as *;

package/styles/highcontrast-light-lite.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/highcontrast-light-lite.scss';
+@use 'ej2-popups/highcontrast-light-lite' as *;

package/styles/highcontrast-light.scss

@@ -1,4 +1,4 @@
-@import 'dialog/highcontrast-light.scss';
-@import 'popup/highcontrast-light.scss';
-@import 'tooltip/highcontrast-light.scss';
-@import 'spinner/highcontrast-light.scss';
+@use 'dialog/highcontrast-light' as *;
+@use 'popup/highcontrast-light' as *;
+@use 'tooltip/highcontrast-light' as *;
+@use 'spinner/highcontrast-light' as *;

package/styles/highcontrast-lite.scss

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

package/styles/highcontrast.scss

@@ -1,4 +1,4 @@
-@import 'dialog/highcontrast.scss';
-@import 'popup/highcontrast.scss';
-@import 'tooltip/highcontrast.scss';
-@import 'spinner/highcontrast.scss';
+@use 'dialog/highcontrast' as *;
+@use 'popup/highcontrast' as *;
+@use 'tooltip/highcontrast' as *;
+@use 'spinner/highcontrast' as *;

package/styles/material-dark-lite.scss

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

package/styles/material-dark.scss

@@ -1,4 +1,4 @@
-@import 'dialog/material-dark.scss';
-@import 'popup/material-dark.scss';
-@import 'tooltip/material-dark.scss';
-@import 'spinner/material-dark.scss';
+@use 'dialog/material-dark' as *;
+@use 'popup/material-dark' as *;
+@use 'tooltip/material-dark' as *;
+@use 'spinner/material-dark' as *;

package/styles/material-lite.scss

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

package/styles/material.scss

@@ -1,4 +1,4 @@
-@import 'dialog/material.scss';
-@import 'popup/material.scss';
-@import 'tooltip/material.scss';
-@import 'spinner/material.scss';
+@use 'dialog/material' as *;
+@use 'popup/material' as *;
+@use 'tooltip/material' as *;
+@use 'spinner/material' as *;

package/styles/material3-dark-lite.scss

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

package/styles/material3-dark.scss

@@ -1,5 +1,4 @@
-
-@import 'dialog/material3-dark.scss';
-@import 'popup/material3-dark.scss';
-@import 'tooltip/material3-dark.scss';
-@import 'spinner/material3-dark.scss';
+@use 'dialog/material3-dark' as *;
+@use 'popup/material3-dark' as *;
+@use 'tooltip/material3-dark' as *;
+@use 'spinner/material3-dark' as *;

package/styles/material3-lite.scss

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

package/styles/material3.scss

@@ -1,5 +1,4 @@
-
-@import 'dialog/material3.scss';
-@import 'popup/material3.scss';
-@import 'tooltip/material3.scss';
-@import 'spinner/material3.scss';
+@use 'dialog/material3' as *;
+@use 'popup/material3' as *;
+@use 'tooltip/material3' as *;
+@use 'spinner/material3' as *;

package/styles/popup/bds.scss

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

package/styles/popup/bootstrap-dark.scss

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

package/styles/popup/bootstrap.scss

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

package/styles/popup/bootstrap4.scss

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

package/styles/popup/bootstrap5-dark.scss

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

package/styles/popup/bootstrap5.3.scss

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

package/styles/popup/bootstrap5.scss

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

package/styles/popup/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/popup/fabric-dark.scss';
+@use 'ej2-popups/styles/popup/fabric-dark' as *;

package/styles/popup/fabric.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/popup/fabric.scss';
+@use 'ej2-popups/styles/popup/fabric' as *;

package/styles/popup/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/popup/fluent-dark.scss';
+@use 'ej2-popups/styles/popup/fluent-dark' as *;

package/styles/popup/fluent.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/popup/fluent.scss';
+@use 'ej2-popups/styles/popup/fluent' as *;

package/styles/popup/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/popup/fluent2.scss';
+@use 'ej2-popups/styles/popup/fluent2' as *;

package/styles/popup/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/popup/highcontrast-light.scss';
+@use 'ej2-popups/styles/popup/highcontrast-light' as *;

package/styles/popup/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/popup/highcontrast.scss';
+@use 'ej2-popups/styles/popup/highcontrast' as *;

package/styles/popup/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/popup/material-dark.scss';
+@use 'ej2-popups/styles/popup/material-dark' as *;

package/styles/popup/material.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/popup/material.scss';
+@use 'ej2-popups/styles/popup/material' as *;

package/styles/popup/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-popups/styles/popup/material3-dark.scss';
+@use 'ej2-popups/styles/popup/material3-dark' as *;

package/styles/popup/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-popups/styles/popup/material3.scss';
+@use 'ej2-popups/styles/popup/material3' as *;

package/styles/popup/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/popup/tailwind-dark.scss';
+@use 'ej2-popups/styles/popup/tailwind-dark' as *;

package/styles/popup/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/popup/tailwind.scss';
+@use 'ej2-popups/styles/popup/tailwind' as *;

package/styles/popup/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/popup/tailwind3.scss';
+@use 'ej2-popups/styles/popup/tailwind3' as *;

package/styles/spinner/bds.scss

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

package/styles/spinner/bootstrap-dark.scss

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

package/styles/spinner/bootstrap.scss

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

package/styles/spinner/bootstrap4.scss

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

package/styles/spinner/bootstrap5-dark.scss

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

package/styles/spinner/bootstrap5.3.scss

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

package/styles/spinner/bootstrap5.scss

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

package/styles/spinner/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/spinner/fabric-dark.scss';
+@use 'ej2-popups/styles/spinner/fabric-dark' as *;

package/styles/spinner/fabric.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/spinner/fabric.scss';
+@use 'ej2-popups/styles/spinner/fabric' as *;

package/styles/spinner/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/spinner/fluent-dark.scss';
+@use 'ej2-popups/styles/spinner/fluent-dark' as *;

package/styles/spinner/fluent.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/spinner/fluent.scss';
+@use 'ej2-popups/styles/spinner/fluent' as *;

package/styles/spinner/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/spinner/fluent2.scss';
+@use 'ej2-popups/styles/spinner/fluent2' as *;

package/styles/spinner/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/spinner/highcontrast-light.scss';
+@use 'ej2-popups/styles/spinner/highcontrast-light' as *;

package/styles/spinner/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/spinner/highcontrast.scss';
+@use 'ej2-popups/styles/spinner/highcontrast' as *;

package/styles/spinner/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/spinner/material-dark.scss';
+@use 'ej2-popups/styles/spinner/material-dark' as *;

package/styles/spinner/material.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/spinner/material.scss';
+@use 'ej2-popups/styles/spinner/material' as *;

package/styles/spinner/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-popups/styles/spinner/material3-dark.scss';
+@use 'ej2-popups/styles/spinner/material3-dark' as *;

package/styles/spinner/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-popups/styles/spinner/material3.scss';
+@use 'ej2-popups/styles/spinner/material3' as *;

package/styles/spinner/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/spinner/tailwind-dark.scss';
+@use 'ej2-popups/styles/spinner/tailwind-dark' as *;

package/styles/spinner/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/spinner/tailwind.scss';
+@use 'ej2-popups/styles/spinner/tailwind' as *;

package/styles/spinner/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/spinner/tailwind3.scss';
+@use 'ej2-popups/styles/spinner/tailwind3' as *;

package/styles/tailwind-dark-lite.scss

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

package/styles/tailwind-dark.scss

@@ -1,4 +1,4 @@
-@import 'dialog/tailwind-dark.scss';
-@import 'popup/tailwind-dark.scss';
-@import 'tooltip/tailwind-dark.scss';
-@import 'spinner/tailwind-dark.scss';
+@use 'dialog/tailwind-dark' as *;
+@use 'popup/tailwind-dark' as *;
+@use 'tooltip/tailwind-dark' as *;
+@use 'spinner/tailwind-dark' as *;

package/styles/tailwind-lite.scss

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

package/styles/tailwind.scss

@@ -1,4 +1,4 @@
-@import 'dialog/tailwind.scss';
-@import 'popup/tailwind.scss';
-@import 'tooltip/tailwind.scss';
-@import 'spinner/tailwind.scss';
+@use 'dialog/tailwind' as *;
+@use 'popup/tailwind' as *;
+@use 'tooltip/tailwind' as *;
+@use 'spinner/tailwind' as *;

package/styles/tailwind3-lite.scss

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

package/styles/tailwind3.scss

@@ -1,4 +1,4 @@
-@import 'dialog/tailwind3.scss';
-@import 'popup/tailwind3.scss';
-@import 'tooltip/tailwind3.scss';
-@import 'spinner/tailwind3.scss';
+@use 'dialog/tailwind3' as *;
+@use 'popup/tailwind3' as *;
+@use 'tooltip/tailwind3' as *;
+@use 'spinner/tailwind3' as *;

package/styles/tooltip/bds.scss

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

package/styles/tooltip/bootstrap-dark.scss

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

package/styles/tooltip/bootstrap.scss

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

package/styles/tooltip/bootstrap4.scss

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

package/styles/tooltip/bootstrap5-dark.scss

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

package/styles/tooltip/bootstrap5.3.scss

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

package/styles/tooltip/bootstrap5.scss

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

package/styles/tooltip/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/tooltip/fabric-dark.scss';
+@use 'ej2-popups/styles/tooltip/fabric-dark' as *;

package/styles/tooltip/fabric.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/tooltip/fabric.scss';
+@use 'ej2-popups/styles/tooltip/fabric' as *;

package/styles/tooltip/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/tooltip/fluent-dark.scss';
+@use 'ej2-popups/styles/tooltip/fluent-dark' as *;

package/styles/tooltip/fluent.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/tooltip/fluent.scss';
+@use 'ej2-popups/styles/tooltip/fluent' as *;

package/styles/tooltip/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/tooltip/fluent2.scss';
+@use 'ej2-popups/styles/tooltip/fluent2' as *;

package/styles/tooltip/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/tooltip/highcontrast-light.scss';
+@use 'ej2-popups/styles/tooltip/highcontrast-light' as *;

package/styles/tooltip/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/tooltip/highcontrast.scss';
+@use 'ej2-popups/styles/tooltip/highcontrast' as *;

package/styles/tooltip/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/tooltip/material-dark.scss';
+@use 'ej2-popups/styles/tooltip/material-dark' as *;

package/styles/tooltip/material.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/tooltip/material.scss';
+@use 'ej2-popups/styles/tooltip/material' as *;

package/styles/tooltip/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-popups/styles/tooltip/material3-dark.scss';
+@use 'ej2-popups/styles/tooltip/material3-dark' as *;

package/styles/tooltip/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-popups/styles/tooltip/material3.scss';
+@use 'ej2-popups/styles/tooltip/material3' as *;

package/styles/tooltip/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/tooltip/tailwind-dark.scss';
+@use 'ej2-popups/styles/tooltip/tailwind-dark' as *;

package/styles/tooltip/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/tooltip/tailwind.scss';
+@use 'ej2-popups/styles/tooltip/tailwind' as *;

package/styles/tooltip/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-popups/styles/tooltip/tailwind3.scss';
+@use 'ej2-popups/styles/tooltip/tailwind3' as *;