@syncfusion/ej2-inplace-editor 31.2.12 → 32.1.24

package/README.md

@@ -1,4 +1,4 @@
-# ej2-inplace-editor
+# JavaScript In-place Editor Control
 
 The [JavaScript In-place Editor](https://www.syncfusion.com/javascript-ui-controls/inplace-editor?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inplace-editor-npm) is a rich and responsive UI component that enables inline editing of text, selection, date, and more without switching to a separate edit view. It supports “Inline” and “Popup” edit modes, integrates with form components like DropDownList and DatePicker, and works seamlessly with forms and data binding to update values efficiently.
 
@@ -16,7 +16,6 @@ Trusted by the world's leading companies
   </a>
 </p>
 
-
 ## Setup
 
 To install `In-place Editor` and its dependent packages, use the following command.
@@ -70,4 +69,4 @@ Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-
 Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/grids/CHANGELOG.md?utm_source=npm&utm_campaign=grid)
 
 
-© Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
+© Copyright 2026 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.

package/aceconfig.js

@@ -0,0 +1,17 @@
+//Config file for Accessibility-Checker
+module.exports = {
+    ruleArchive: "18March2024",
+    policies: ["WCAG_2_1","IBM_Accessibility"],
+    failLevels: ["violation", "potentialviolation"],
+    reportLevels: [
+        "violation",
+        "potentialviolation",
+        "recommendation",
+        "potentialrecommendation",
+        "manual",
+        "pass",
+    ],
+    outputFormat: ["html","json"],
+    label: [process.env.TRAVIS_BRANCH],
+    outputFolder:"accessibility-reports",
+  };

package/dist/ej2-inplace-editor.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-inplace-editor.min.js
-*  version : 31.2.12
+*  version : 32.1.24
 *  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

package/dist/ej2-inplace-editor.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-inplace-editor.umd.min.js
-*  version : 31.2.12
+*  version : 32.1.24
 *  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

package/dist/global/ej2-inplace-editor.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-inplace-editor.min.js
-*  version : 31.2.12
+*  version : 32.1.24
 *  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

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.2.12
+*  version : 32.1.24
 *  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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-inplace-editor",
-  "version": "31.2.12",
+  "version": "32.1.24",
   "description": "A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,18 +8,18 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-inplace-editor.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.12",
-    "@syncfusion/ej2-buttons": "~31.2.12",
-    "@syncfusion/ej2-calendars": "~31.2.12",
-    "@syncfusion/ej2-data": "~31.2.12",
-    "@syncfusion/ej2-dropdowns": "~31.2.12",
-    "@syncfusion/ej2-inputs": "~31.2.12",
-    "@syncfusion/ej2-lists": "~31.2.12",
-    "@syncfusion/ej2-navigations": "~31.2.12",
-    "@syncfusion/ej2-notifications": "~31.2.12",
-    "@syncfusion/ej2-popups": "~31.2.12",
-    "@syncfusion/ej2-richtexteditor": "~31.2.12",
-    "@syncfusion/ej2-splitbuttons": "~31.2.12"
+    "@syncfusion/ej2-base": "~32.1.24",
+    "@syncfusion/ej2-buttons": "~32.1.24",
+    "@syncfusion/ej2-calendars": "~32.1.24",
+    "@syncfusion/ej2-data": "~32.1.24",
+    "@syncfusion/ej2-dropdowns": "~32.1.24",
+    "@syncfusion/ej2-inputs": "~32.1.24",
+    "@syncfusion/ej2-lists": "~32.1.24",
+    "@syncfusion/ej2-navigations": "~32.1.24",
+    "@syncfusion/ej2-notifications": "~32.1.24",
+    "@syncfusion/ej2-popups": "~32.1.24",
+    "@syncfusion/ej2-richtexteditor": "~32.1.24",
+    "@syncfusion/ej2-splitbuttons": "~32.1.24"
   },
   "devDependencies": {},
   "keywords": [

package/styles/bds-lite.css

@@ -148,12 +148,6 @@
   color: var(--color-sf-utility-danger) !important;
 }
 
-/* stylelint-disable */
-.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled {
-  background-color: var(--color-sf-bg-disabled) !important;
-}
-
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable */
 .e-btn.e-primary:focus {
   -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
@@ -213,6 +207,12 @@
   font-weight: 600;
 }
 
+/* stylelint-disable */
+.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled {
+  background-color: var(--color-sf-bg-disabled) !important;
+}
+
+/* stylelint-disable-line no-empty-source */
 /*! calendar theme variables */
 /* stylelint-disable */
 .e-daterangepicker.e-popup .e-footer {
@@ -389,6 +389,10 @@
   content: "\e730";
 }
 
+
+
+
+
 .e-inplaceeditor {
   display: inline-block;
   position: relative;
@@ -748,6 +752,10 @@
   min-height: 30px;
 }
 
+
+
+
+
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed var(--color-sf-text-primary);
   color: var(--color-sf-text-primary);

package/styles/bds-lite.scss

@@ -1,26 +1,25 @@
-@import 'ej2-base/styles/definition/bds.scss';
-@import 'ej2-inputs/styles/input/bds-definition.scss';
-@import 'ej2-inputs/styles/color-picker/bds-definition.scss';
-@import 'ej2-inputs/styles/maskedtextbox/bds-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bds-definition.scss';
-@import 'ej2-inputs/styles/slider/bds-definition.scss';
-@import 'ej2-inputs/styles/textbox/bds-definition.scss';
-@import 'ej2-buttons/styles/button/bds-definition.scss';
-@import 'ej2-buttons/styles/check-box/bds-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bds-definition.scss';
-@import 'ej2-calendars/styles/calendar/bds-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bds-definition.scss';
-@import 'ej2-calendars/styles/daterangepicker/bds-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bds-definition.scss';
-@import 'ej2-calendars/styles/timepicker/bds-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/bds-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bds-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bds-definition.scss';
-@import 'ej2-popups/styles/popup/bds-definition.scss';
-@import 'ej2-popups/styles/spinner/bds-definition.scss';
-@import 'ej2-popups/styles/tooltip/bds-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/bds-definition.scss';
-@import 'inplace-editor/bds-definition.scss';
-@import 'inplace-editor/icons/bds.scss';
-@import 'inplace-editor/all.scss';
+@use 'ej2-inputs/styles/input/bds-definition' as *;
+@use 'ej2-inputs/styles/color-picker/bds-definition' as *;
+@use 'ej2-inputs/styles/maskedtextbox/bds-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/bds-definition' as *;
+@use 'ej2-inputs/styles/slider/bds-definition' as *;
+@use 'ej2-inputs/styles/textbox/bds-definition' as *;
+@use 'ej2-buttons/styles/button/bds-definition' as *;
+@use 'ej2-buttons/styles/check-box/bds-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bds-definition' as *;
+@use 'ej2-calendars/styles/calendar/bds-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bds-definition' as *;
+@use 'ej2-calendars/styles/daterangepicker/bds-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/bds-definition' as *;
+@use 'ej2-calendars/styles/timepicker/bds-definition' as *;
+@use 'ej2-dropdowns/styles/auto-complete/bds-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bds-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bds-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/bds-definition' as *;
+@use 'ej2-popups/styles/popup/bds-definition' as *;
+@use 'ej2-popups/styles/spinner/bds-definition' as *;
+@use 'ej2-popups/styles/tooltip/bds-definition' as *;
+@use 'ej2-richtexteditor/styles/rich-text-editor/bds-definition' as *;
+@use 'inplace-editor/bds-definition' as *;
+@use 'inplace-editor/icons/bds' as *;
+@use 'inplace-editor/all.bds' as *;

package/styles/bds.css

@@ -148,12 +148,6 @@
   color: var(--color-sf-utility-danger) !important;
 }
 
-/* stylelint-disable */
-.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled {
-  background-color: var(--color-sf-bg-disabled) !important;
-}
-
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable */
 .e-btn.e-primary:focus {
   -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
@@ -213,6 +207,12 @@
   font-weight: 600;
 }
 
+/* stylelint-disable */
+.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled {
+  background-color: var(--color-sf-bg-disabled) !important;
+}
+
+/* stylelint-disable-line no-empty-source */
 /*! calendar theme variables */
 /* stylelint-disable */
 .e-daterangepicker.e-popup .e-footer {
@@ -389,6 +389,10 @@
   content: "\e730";
 }
 
+
+
+
+
 .e-inplaceeditor {
   display: inline-block;
   position: relative;
@@ -748,6 +752,10 @@
   min-height: 30px;
 }
 
+
+
+
+
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed var(--color-sf-text-primary);
   color: var(--color-sf-text-primary);
@@ -848,6 +856,10 @@
   color: var(--color-sf-bg-secondary);
 }
 
+
+
+
+
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
   padding: 7px 12px 7px 12px;

package/styles/bds.scss

@@ -1,27 +1,26 @@
-@import 'ej2-base/styles/definition/bds.scss';
-@import 'ej2-inputs/styles/input/bds-definition.scss';
-@import 'ej2-inputs/styles/color-picker/bds-definition.scss';
-@import 'ej2-inputs/styles/maskedtextbox/bds-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bds-definition.scss';
-@import 'ej2-inputs/styles/slider/bds-definition.scss';
-@import 'ej2-inputs/styles/textbox/bds-definition.scss';
-@import 'ej2-buttons/styles/button/bds-definition.scss';
-@import 'ej2-buttons/styles/check-box/bds-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bds-definition.scss';
-@import 'ej2-calendars/styles/calendar/bds-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bds-definition.scss';
-@import 'ej2-calendars/styles/daterangepicker/bds-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bds-definition.scss';
-@import 'ej2-calendars/styles/timepicker/bds-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/bds-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bds-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bds-definition.scss';
-@import 'ej2-popups/styles/popup/bds-definition.scss';
-@import 'ej2-popups/styles/spinner/bds-definition.scss';
-@import 'ej2-popups/styles/tooltip/bds-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/bds-definition.scss';
-@import 'inplace-editor/bds-definition.scss';
-@import 'inplace-editor/icons/bds.scss';
-@import 'inplace-editor/all.scss';
-@import 'inplace-editor/bigger.scss';
+@use 'ej2-inputs/styles/input/bds-definition' as *;
+@use 'ej2-inputs/styles/color-picker/bds-definition' as *;
+@use 'ej2-inputs/styles/maskedtextbox/bds-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/bds-definition' as *;
+@use 'ej2-inputs/styles/slider/bds-definition' as *;
+@use 'ej2-inputs/styles/textbox/bds-definition' as *;
+@use 'ej2-buttons/styles/button/bds-definition' as *;
+@use 'ej2-buttons/styles/check-box/bds-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bds-definition' as *;
+@use 'ej2-calendars/styles/calendar/bds-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bds-definition' as *;
+@use 'ej2-calendars/styles/daterangepicker/bds-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/bds-definition' as *;
+@use 'ej2-calendars/styles/timepicker/bds-definition' as *;
+@use 'ej2-dropdowns/styles/auto-complete/bds-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bds-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bds-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/bds-definition' as *;
+@use 'ej2-popups/styles/popup/bds-definition' as *;
+@use 'ej2-popups/styles/spinner/bds-definition' as *;
+@use 'ej2-popups/styles/tooltip/bds-definition' as *;
+@use 'ej2-richtexteditor/styles/rich-text-editor/bds-definition' as *;
+@use 'inplace-editor/bds-definition' as *;
+@use 'inplace-editor/icons/bds' as *;
+@use 'inplace-editor/all.bds' as *;
+@use 'inplace-editor/bigger.bds' as *;

package/styles/bootstrap-dark-lite.css

@@ -156,6 +156,14 @@
   content: "\e338";
 }
 
+/*! Bootstrap dark theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-inplaceeditor {
   display: inline-block;
   position: relative;
@@ -505,6 +513,14 @@
   min-height: 60px;
 }
 
+/*! Bootstrap dark theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed #f0f0f0;
   color: #f0f0f0;

package/styles/bootstrap-dark-lite.scss

@@ -1,26 +1,25 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.scss';
-@import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/color-picker/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/maskedtextbox/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/slider/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/daterangepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/timepicker/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap-dark-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap-dark-definition.scss';
-@import 'inplace-editor/bootstrap-dark-definition.scss';
-@import 'inplace-editor/icons/bootstrap-dark.scss';
-@import 'inplace-editor/all.scss';
+@use 'ej2-inputs/styles/input/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/color-picker/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/maskedtextbox/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/slider/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/textbox/bootstrap-dark-definition' as *;
+@use 'ej2-buttons/styles/button/bootstrap-dark-definition' as *;
+@use 'ej2-buttons/styles/check-box/bootstrap-dark-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/calendar/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/daterangepicker/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/timepicker/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/auto-complete/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/spinner/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/tooltip/bootstrap-dark-definition' as *;
+@use 'ej2-richtexteditor/styles/rich-text-editor/bootstrap-dark-definition' as *;
+@use 'inplace-editor/bootstrap-dark-definition' as *;
+@use 'inplace-editor/icons/bootstrap-dark' as *;
+@use 'inplace-editor/all.bootstrap-dark' as *;

package/styles/bootstrap-dark.css

@@ -156,6 +156,14 @@
   content: "\e338";
 }
 
+/*! Bootstrap dark theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-inplaceeditor {
   display: inline-block;
   position: relative;
@@ -505,6 +513,14 @@
   min-height: 60px;
 }
 
+/*! Bootstrap dark theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed #f0f0f0;
   color: #f0f0f0;
@@ -603,6 +619,14 @@
   color: #414141;
 }
 
+/*! Bootstrap dark theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
   padding: 8px 12px;

package/styles/bootstrap-dark.scss

@@ -1,27 +1,26 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.scss';
-@import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/color-picker/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/maskedtextbox/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/slider/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/daterangepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/timepicker/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap-dark-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap-dark-definition.scss';
-@import 'inplace-editor/bootstrap-dark-definition.scss';
-@import 'inplace-editor/icons/bootstrap-dark.scss';
-@import 'inplace-editor/all.scss';
-@import 'inplace-editor/bigger.scss';
+@use 'ej2-inputs/styles/input/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/color-picker/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/maskedtextbox/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/slider/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/textbox/bootstrap-dark-definition' as *;
+@use 'ej2-buttons/styles/button/bootstrap-dark-definition' as *;
+@use 'ej2-buttons/styles/check-box/bootstrap-dark-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/calendar/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/daterangepicker/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/timepicker/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/auto-complete/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/spinner/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/tooltip/bootstrap-dark-definition' as *;
+@use 'ej2-richtexteditor/styles/rich-text-editor/bootstrap-dark-definition' as *;
+@use 'inplace-editor/bootstrap-dark-definition' as *;
+@use 'inplace-editor/icons/bootstrap-dark' as *;
+@use 'inplace-editor/all.bootstrap-dark' as *;
+@use 'inplace-editor/bigger.bootstrap-dark' as *;

package/styles/bootstrap-lite.css

@@ -235,6 +235,14 @@
   content: "\e338";
 }
 
+/*! Bootstrap theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-inplaceeditor {
   display: inline-block;
   position: relative;
@@ -584,6 +592,14 @@
   min-height: 60px;
 }
 
+/*! Bootstrap theme definitions and variables */
+/*! Value element styles */
+/*! Tooltip styles */
+/*! Tip Content styles */
+/*! Title styles */
+/*! Wrapper styles */
+/*! Component group styles */
+/*! Button styles */
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed #333;
   color: #333;

package/styles/bootstrap-lite.scss

@@ -1,26 +1,25 @@
-@import 'ej2-base/styles/definition/bootstrap.scss';
-@import 'ej2-inputs/styles/input/bootstrap-definition.scss';
-@import 'ej2-inputs/styles/color-picker/bootstrap-definition.scss';
-@import 'ej2-inputs/styles/maskedtextbox/bootstrap-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-definition.scss';
-@import 'ej2-inputs/styles/slider/bootstrap-definition.scss';
-@import 'ej2-inputs/styles/textbox/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap-definition.scss';
-@import 'ej2-calendars/styles/daterangepicker/bootstrap-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap-definition.scss';
-@import 'ej2-calendars/styles/timepicker/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap-definition.scss';
-@import 'inplace-editor/bootstrap-definition.scss';
-@import 'inplace-editor/icons/bootstrap.scss';
-@import 'inplace-editor/all.scss';
+@use 'ej2-inputs/styles/input/bootstrap-definition' as *;
+@use 'ej2-inputs/styles/color-picker/bootstrap-definition' as *;
+@use 'ej2-inputs/styles/maskedtextbox/bootstrap-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/bootstrap-definition' as *;
+@use 'ej2-inputs/styles/slider/bootstrap-definition' as *;
+@use 'ej2-inputs/styles/textbox/bootstrap-definition' as *;
+@use 'ej2-buttons/styles/button/bootstrap-definition' as *;
+@use 'ej2-buttons/styles/check-box/bootstrap-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bootstrap-definition' as *;
+@use 'ej2-calendars/styles/calendar/bootstrap-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bootstrap-definition' as *;
+@use 'ej2-calendars/styles/daterangepicker/bootstrap-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/bootstrap-definition' as *;
+@use 'ej2-calendars/styles/timepicker/bootstrap-definition' as *;
+@use 'ej2-dropdowns/styles/auto-complete/bootstrap-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bootstrap-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/bootstrap-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap-definition' as *;
+@use 'ej2-popups/styles/spinner/bootstrap-definition' as *;
+@use 'ej2-popups/styles/tooltip/bootstrap-definition' as *;
+@use 'ej2-richtexteditor/styles/rich-text-editor/bootstrap-definition' as *;
+@use 'inplace-editor/bootstrap-definition' as *;
+@use 'inplace-editor/icons/bootstrap' as *;
+@use 'inplace-editor/all.bootstrap' as *;