@syncfusion/ej2-splitbuttons 22.2.8 → 23.1.41

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.2.8
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 23.1.41
+*  Copyright Syncfusion Inc. 2001 - 2023. 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

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-splitbuttons@*",
-  "_id": "@syncfusion/ej2-splitbuttons@22.2.5",
+  "_id": "@syncfusion/ej2-splitbuttons@23.1.36",
   "_inBundle": false,
-  "_integrity": "sha512-cnG+6yR52XaoV3J+SAv6W1lZqeIaQNklNHmXmpmExx+Q4UC+Nh4QrS3cfSkXHo/z+YhT5EsrkvKLt9E2bT7Zlg==",
+  "_integrity": "sha512-eNpbWTgWfST6tCZlET/CMlvY/FLJk0bwzXOMqO/Qq4x7CRvDoOHNjeDIIiXw9q1Ooyjl/EFURBLqL2KfFzIVZw==",
   "_location": "/@syncfusion/ej2-splitbuttons",
   "_phantomChildren": {},
   "_requested": {
@@ -33,10 +33,10 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-splitbuttons"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-22.2.5.tgz",
-  "_shasum": "34bf4023f603f05f8fbd73afa2f01a201c760304",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-23.1.36.tgz",
+  "_shasum": "143d9d206ff348b784ea0854a03e3ab570779800",
   "_spec": "@syncfusion/ej2-splitbuttons@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -45,8 +45,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.5",
-    "@syncfusion/ej2-popups": "~22.2.7"
+    "@syncfusion/ej2-base": "~23.1.41",
+    "@syncfusion/ej2-popups": "~23.1.38"
   },
   "deprecated": false,
   "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
@@ -89,6 +89,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "22.2.8",
+  "version": "23.1.41",
   "sideEffects": false
 }

package/src/drop-down-button/drop-down-button-model.d.ts

@@ -1,4 +1,4 @@
-import { Collection, Event, NotifyPropertyChanges, detach, Property, EventHandler, EmitType, isRippleEnabled } from '@syncfusion/ej2-base';import { addClass, INotifyPropertyChanged, getUniqueID, rippleEffect, getComponent } from '@syncfusion/ej2-base';import { attributes, Component, closest, select, KeyboardEventArgs, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { classList, removeClass } from '@syncfusion/ej2-base';import { Button } from '@syncfusion/ej2-buttons';import { Popup } from '@syncfusion/ej2-popups';import { SplitButton } from '../split-button/split-button';import { MenuEventArgs, BeforeOpenCloseMenuEventArgs, OpenCloseMenuEventArgs, upDownKeyHandler } from './../common/common';import { getModel, SplitButtonIconPosition, Item, setBlankIconStyle } from './../common/common';import { ItemModel } from './../common/common-model';
+import { Collection, Event, NotifyPropertyChanges, detach, Property, EventHandler, EmitType, isRippleEnabled, isNullOrUndefined } from '@syncfusion/ej2-base';import { addClass, INotifyPropertyChanged, getUniqueID, rippleEffect, getComponent } from '@syncfusion/ej2-base';import { attributes, Component, closest, select, KeyboardEventArgs, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { classList, removeClass } from '@syncfusion/ej2-base';import { Button } from '@syncfusion/ej2-buttons';import { Popup } from '@syncfusion/ej2-popups';import { SplitButton } from '../split-button/split-button';import { MenuEventArgs, BeforeOpenCloseMenuEventArgs, OpenCloseMenuEventArgs, upDownKeyHandler } from './../common/common';import { getModel, SplitButtonIconPosition, Item, setBlankIconStyle } from './../common/common';import { ItemModel } from './../common/common-model';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**

package/src/drop-down-button/drop-down-button.d.ts

@@ -29,6 +29,7 @@ export declare class DropDownButton extends Component<HTMLButtonElement> impleme
     private rippleFn;
     private delegateMousedownHandler;
     private isPopupCreated;
+    private popupContent;
     /**
      * Defines the content of the DropDownButton element that can either be a text or HTML elements.
      *

package/src/drop-down-button/drop-down-button.js

@@ -17,7 +17,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Collection, Event, NotifyPropertyChanges, detach, Property, EventHandler, isRippleEnabled } from '@syncfusion/ej2-base';
+import { Collection, Event, NotifyPropertyChanges, detach, Property, EventHandler, isRippleEnabled, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { addClass, getUniqueID, rippleEffect, getComponent } from '@syncfusion/ej2-base';
 import { attributes, Component, closest, select, SanitizeHtmlHelper } from '@syncfusion/ej2-base';
 import { classList, removeClass } from '@syncfusion/ej2-base';
@@ -166,6 +166,9 @@ var DropDownButton = /** @class */ (function (_super) {
             content: this.target ? this.getTargetElement() : '',
             enableRtl: this.enableRtl
         });
+        if (!isNullOrUndefined(this.popupContent)) {
+            this.popupContent.style.display = '';
+        }
         if (this.dropDown.element.style.position === 'fixed') {
             this.dropDown.refreshPosition(this.element);
         }
@@ -174,7 +177,6 @@ var DropDownButton = /** @class */ (function (_super) {
             _a['aria-haspopup'] = this.items.length || this.target ? 'true' : 'false',
             _a['aria-expanded'] = 'false',
             _a['type'] = 'button',
-            _a['aria-label'] = this.element.textContent ? this.element.textContent : 'dropdownbutton',
             _a));
         if (this.cssClass) {
             addClass([div], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
@@ -182,6 +184,9 @@ var DropDownButton = /** @class */ (function (_super) {
         this.isPopupCreated = true;
     };
     DropDownButton.prototype.getTargetElement = function () {
+        if (this.createPopupOnClick && !this.isColorPicker() && !isNullOrUndefined(this.popupContent)) {
+            return this.popupContent;
+        }
         return typeof (this.target) === 'string' ? select(this.target) : this.target;
     };
     DropDownButton.prototype.createItems = function (appendItems) {
@@ -271,11 +276,16 @@ var DropDownButton = /** @class */ (function (_super) {
         }
         this.appendArrowSpan();
         this.setActiveElem([this.element]);
-        if ((this.target && !this.isColorPicker()) || !this.createPopupOnClick) {
+        this.element.setAttribute('aria-label', this.element.textContent ? this.element.textContent : 'dropdownbutton');
+        if ((this.target && !this.isColorPicker() && !this.createPopupOnClick) || !this.createPopupOnClick) {
             this.createPopup();
         }
         else {
             this.isPopupCreated = false;
+            if (this.target && !this.isColorPicker() && this.createPopupOnClick) {
+                this.popupContent = this.getTargetElement();
+                this.popupContent.style.display = 'none';
+            }
         }
     };
     DropDownButton.prototype.isColorPicker = function () {
@@ -516,7 +526,7 @@ var DropDownButton = /** @class */ (function (_super) {
     DropDownButton.prototype.clickHandler = function (e) {
         var trgt = e.target;
         if (closest(trgt, '[id="' + this.element.id + '"]')) {
-            if (!this.createPopupOnClick || (this.target && this.target !== '' && !this.isColorPicker())) {
+            if (!this.createPopupOnClick || (this.target && this.target !== '' && !this.isColorPicker() && !this.createPopupOnClick)) {
                 if (this.getPopUpElement().classList.contains('e-popup-close')) {
                     this.openPopUp(e);
                 }
@@ -644,7 +654,7 @@ var DropDownButton = /** @class */ (function (_super) {
                 if (!_this.target && ul_2) {
                     detach(ul_2);
                 }
-                if (!_this.target || _this.isColorPicker()) {
+                if (!_this.target || _this.isColorPicker() || (_this.target && !_this.isColorPicker())) {
                     if (_this.createPopupOnClick) {
                         _this.destroyPopup();
                     }

package/src/progress-button/progress-button-model.d.ts

@@ -1,4 +1,4 @@
-import { Button, IconPosition } from '@syncfusion/ej2-buttons';import { EventHandler, Property, INotifyPropertyChanged, NotifyPropertyChanges, Animation, Effect, attributes } from '@syncfusion/ej2-base';import { EmitType, Event, BaseEventArgs, remove, removeClass } from '@syncfusion/ej2-base';import { Complex, ChildProperty, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
+import { Button, IconPosition } from '@syncfusion/ej2-buttons';import { EventHandler, Property, INotifyPropertyChanged, NotifyPropertyChanges, Animation, Effect, attributes, animationMode } from '@syncfusion/ej2-base';import { EmitType, Event, BaseEventArgs, remove, removeClass } from '@syncfusion/ej2-base';import { Complex, ChildProperty, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
 import {SpinPosition,AnimationEffect,ProgressEventArgs} from "./progress-button";
 
 /**

package/src/progress-button/progress-button.js

@@ -18,7 +18,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Button } from '@syncfusion/ej2-buttons';
-import { EventHandler, Property, NotifyPropertyChanges, Animation, attributes } from '@syncfusion/ej2-base';
+import { EventHandler, Property, NotifyPropertyChanges, Animation, attributes, animationMode } from '@syncfusion/ej2-base';
 import { Event, remove, removeClass } from '@syncfusion/ej2-base';
 import { Complex, ChildProperty, SanitizeHtmlHelper } from '@syncfusion/ej2-base';
 import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
@@ -332,7 +332,7 @@ var ProgressButton = /** @class */ (function (_super) {
         var ele = this.element.getElementsByClassName(CONTENTCLS)[0];
         if (this.animationSettings.effect !== 'None') {
             (new Animation({})).animate(ele, {
-                duration: this.animationSettings.duration,
+                duration: (this.animationSettings.duration === 0 && animationMode === 'Enable') ? 400 : this.animationSettings.duration,
                 name: 'Progress' + this.animationSettings.effect,
                 timingFunction: this.animationSettings.easing,
                 begin: function () {

package/src/split-button/split-button.js

@@ -218,7 +218,7 @@ var SplitButton = /** @class */ (function (_super) {
     SplitButton.prototype.setAria = function () {
         attributes(this.element, {
             'aria-expanded': 'false', 'aria-haspopup': 'true',
-            'aria-label': this.element.textContent + ' splitbutton', 'aria-owns': this.element.id + '_dropdownbtn-popup'
+            'aria-label': this.element.textContent ? this.element.textContent + ' splitbutton' : 'splitbutton', 'aria-owns': this.element.id + '_dropdownbtn-popup'
         });
     };
     /**
@@ -263,6 +263,7 @@ var SplitButton = /** @class */ (function (_super) {
                 this.unWireEvents();
             }
         }
+        this.wrapper = null;
         this.primaryBtnObj.destroy();
         this.secondaryBtnObj.destroy();
         _super.prototype.destroy.call(this);

package/styles/button-group/bootstrap-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';
 @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
 @import 'bootstrap-dark-definition.scss';
 @import 'all.scss';

package/styles/button-group/bootstrap.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap.scss';
 @import 'ej2-buttons/styles/button/bootstrap-definition.scss';
 @import 'bootstrap-definition.scss';
 @import 'all.scss';

package/styles/button-group/bootstrap4.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';
 @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
 @import 'bootstrap4-definition.scss';
 @import 'all.scss';

package/styles/button-group/bootstrap5-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
 @import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
 @import 'bootstrap5-dark-definition.scss';
 @import 'all.scss';

package/styles/button-group/bootstrap5.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5.scss';
 @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
 @import 'bootstrap5-definition.scss';
 @import 'all.scss';

package/styles/button-group/fabric-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';
 @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
 @import 'fabric-dark-definition.scss';
 @import 'all.scss';

package/styles/button-group/fabric.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-base/styles/definition/fabric.scss';
 @import 'ej2-buttons/styles/button/fabric-definition.scss';
 @import 'fabric-definition.scss';
 @import 'all.scss';

package/styles/button-group/fluent-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';
 @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
 @import 'fluent-dark-definition.scss';
 @import 'all.scss';

package/styles/button-group/fluent.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-base/styles/definition/fluent.scss';
 @import 'ej2-buttons/styles/button/fluent-definition.scss';
 @import 'fluent-definition.scss';
 @import 'all.scss';

package/styles/button-group/highcontrast-light.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.scss';
 @import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
 @import 'highcontrast-light-definition.scss';
 @import 'all.scss';

package/styles/button-group/highcontrast.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';
 @import 'ej2-buttons/styles/button/highcontrast-definition.scss';
 @import 'highcontrast-definition.scss';
 @import 'all.scss';

package/styles/button-group/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {

package/styles/button-group/material-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-base/styles/definition/material-dark.scss';
 @import 'ej2-buttons/styles/button/material-dark-definition.scss';
 @import 'material-dark-definition.scss';
 @import 'all.scss';

package/styles/button-group/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {

package/styles/button-group/material.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-base/styles/definition/material.scss';
 @import 'ej2-buttons/styles/button/material-definition.scss';
 @import 'material-definition.scss';
 @import 'all.scss';

package/styles/button-group/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/button-group/material3-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 
 @import 'ej2-buttons/styles/button/material3-dark-definition.scss';
 @import 'material3-dark-definition.scss';

package/styles/button-group/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/button-group/material3.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 
 @import 'ej2-buttons/styles/button/material3-definition.scss';
 @import 'material3-definition.scss';

package/styles/button-group/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {

package/styles/button-group/tailwind-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-base/styles/definition/tailwind-dark.scss';
 @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
 @import 'tailwind-dark-definition.scss';
 @import 'all.scss';

package/styles/button-group/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {

package/styles/button-group/tailwind.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-base/styles/definition/tailwind.scss';
 @import 'ej2-buttons/styles/button/tailwind-definition.scss';
 @import 'tailwind-definition.scss';
 @import 'all.scss';

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';
 @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
 @import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
 @import 'bootstrap-dark-definition.scss';

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap.scss';
 @import 'ej2-buttons/styles/button/bootstrap-definition.scss';
 @import 'ej2-popups/styles/popup/bootstrap-definition.scss';
 @import 'bootstrap-definition.scss';

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';
 @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
 @import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
 @import 'bootstrap4-definition.scss';

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
 @import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
 @import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
 @import 'bootstrap5-dark-definition.scss';

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5.scss';
 @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
 @import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
 @import 'bootstrap5-definition.scss';

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';
 @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
 @import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
 @import 'fabric-dark-definition.scss';

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-base/styles/definition/fabric.scss';
 @import 'ej2-buttons/styles/button/fabric-definition.scss';
 @import 'ej2-popups/styles/popup/fabric-definition.scss';
 @import 'fabric-definition.scss';

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';
 @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
 @import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
 @import 'fluent-dark-definition.scss';

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-base/styles/definition/fluent.scss';
 @import 'ej2-buttons/styles/button/fluent-definition.scss';
 @import 'ej2-popups/styles/popup/fluent-definition.scss';
 @import 'fluent-definition.scss';

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.scss';
 @import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
 @import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
 @import 'highcontrast-light-definition.scss';

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';
 @import 'ej2-buttons/styles/button/highcontrast-definition.scss';
 @import 'ej2-popups/styles/popup/highcontrast-definition.scss';
 @import 'highcontrast-definition.scss';

package/styles/drop-down-button/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-dropdown-btn .e-caret::before,
 .e-dropdown-btn.e-btn .e-caret::before {
   content: "\e969";

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-base/styles/definition/material-dark.scss';
 @import 'ej2-buttons/styles/button/material-dark-definition.scss';
 @import 'ej2-popups/styles/popup/material-dark-definition.scss';
 @import 'material-dark-definition.scss';

package/styles/drop-down-button/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-dropdown-btn .e-caret::before,
 .e-dropdown-btn.e-btn .e-caret::before {
   content: "\e969";

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-base/styles/definition/material.scss';
 @import 'ej2-buttons/styles/button/material-definition.scss';
 @import 'ej2-popups/styles/popup/material-definition.scss';
 @import 'material-definition.scss';

package/styles/drop-down-button/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 
 @import 'ej2-buttons/styles/button/material3-dark-definition.scss';
 @import 'ej2-popups/styles/popup/material3-dark-definition.scss';

package/styles/drop-down-button/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 
 @import 'ej2-buttons/styles/button/material3-definition.scss';
 @import 'ej2-popups/styles/popup/material3-definition.scss';

package/styles/drop-down-button/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable-line no-empty-source */
 .e-dropdown-btn .e-caret::before,
 .e-dropdown-btn.e-btn .e-caret::before {

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-base/styles/definition/tailwind-dark.scss';
 @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
 @import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
 @import 'tailwind-dark-definition.scss';

package/styles/drop-down-button/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /* stylelint-disable-line no-empty-source */
 .e-dropdown-btn .e-caret::before,
 .e-dropdown-btn.e-btn .e-caret::before {

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-base/styles/definition/tailwind.scss';
 @import 'ej2-buttons/styles/button/tailwind-definition.scss';
 @import 'ej2-popups/styles/popup/tailwind-definition.scss';
 @import 'tailwind-definition.scss';

package/styles/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-dropdown-btn .e-caret::before,
 .e-dropdown-btn.e-btn .e-caret::before {
   content: "\e969";

package/styles/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-dropdown-btn .e-caret::before,
 .e-dropdown-btn.e-btn .e-caret::before {
   content: "\e969";

package/styles/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/material3-dark.scss

@@ -1,5 +1,5 @@
 
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'drop-down-button/material3-dark.scss';
 @import 'split-button/material3-dark.scss';
 @import 'button-group/material3-dark.scss';

package/styles/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/material3.scss

@@ -1,5 +1,5 @@
 
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'drop-down-button/material3.scss';
 @import 'split-button/material3.scss';
 @import 'button-group/material3.scss';

package/styles/progress-button/bootstrap-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';
 @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
 @import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
 @import 'bootstrap-dark-definition.scss';

package/styles/progress-button/bootstrap.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap.scss';
 @import 'ej2-buttons/styles/button/bootstrap-definition.scss';
 @import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
 @import 'bootstrap-definition.scss';

package/styles/progress-button/bootstrap4.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';
 @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
 @import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
 @import 'bootstrap4-definition.scss';

package/styles/progress-button/bootstrap5-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
 @import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
 @import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
 @import 'bootstrap5-dark-definition.scss';

package/styles/progress-button/bootstrap5.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5.scss';
 @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
 @import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
 @import 'bootstrap5-definition.scss';

package/styles/progress-button/fabric-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';
 @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
 @import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
 @import 'fabric-dark-definition.scss';