@syncfusion/ej2-inplace-editor 20.2.45 → 20.3.47

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.45
+*  version : 20.3.47
 *  Copyright Syncfusion Inc. 2001 - 2020. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-inplace-editor@*",
-  "_id": "@syncfusion/ej2-inplace-editor@20.2.38",
+  "_id": "@syncfusion/ej2-inplace-editor@19.8.3",
   "_inBundle": false,
-  "_integrity": "sha512-MPXSqlGiRm8iu3o9GeoywLSfctrU0tSiagSa1/AFssB51QPeShjRT7mvIn6A05lReK3hyJmR2V6emFzCA2ZQaQ==",
+  "_integrity": "sha512-lL1JDfEQPvJx0Q3nVTMhM79QqcRFNcWQh3i09kUVoRl+tICdmSCI6mh8bJf7ix5YBLmN0yWSl1Y9gytv8xFSCg==",
   "_location": "/@syncfusion/ej2-inplace-editor",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-react-inplace-editor",
     "/@syncfusion/ej2-vue-inplace-editor"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-20.2.38.tgz",
-  "_shasum": "0995603d74db3726be46102c9d9d462764d90556",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-19.8.3.tgz",
+  "_shasum": "11485551ba47872de98c71fead5f23da3f54ed5c",
   "_spec": "@syncfusion/ej2-inplace-editor@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -36,22 +36,22 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.45",
-    "@syncfusion/ej2-buttons": "~20.2.45",
-    "@syncfusion/ej2-calendars": "~20.2.45",
-    "@syncfusion/ej2-data": "~20.2.45",
-    "@syncfusion/ej2-dropdowns": "~20.2.45",
-    "@syncfusion/ej2-inputs": "~20.2.45",
-    "@syncfusion/ej2-lists": "~20.2.45",
-    "@syncfusion/ej2-navigations": "~20.2.45",
-    "@syncfusion/ej2-popups": "~20.2.45",
-    "@syncfusion/ej2-richtexteditor": "~20.2.45",
-    "@syncfusion/ej2-splitbuttons": "~20.2.45"
+    "@syncfusion/ej2-base": "~20.3.47",
+    "@syncfusion/ej2-buttons": "~20.3.47",
+    "@syncfusion/ej2-calendars": "~20.3.47",
+    "@syncfusion/ej2-data": "~20.3.47",
+    "@syncfusion/ej2-dropdowns": "~20.3.47",
+    "@syncfusion/ej2-inputs": "~20.3.47",
+    "@syncfusion/ej2-lists": "~20.3.47",
+    "@syncfusion/ej2-navigations": "~20.3.47",
+    "@syncfusion/ej2-popups": "~20.3.47",
+    "@syncfusion/ej2-richtexteditor": "~20.3.47",
+    "@syncfusion/ej2-splitbuttons": "~20.3.47"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server.",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-inplace-editor.es2015.js",
+  "es2015": "./dist/es6/ej2-inplace-editor.es5.js",
   "homepage": "https://github.com/syncfusion/ej2-javascript-ui-controls#readme",
   "keywords": [
     "ej2",
@@ -69,6 +69,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.2.45",
+  "version": "20.3.47",
   "sideEffects": false
 }

package/src/inplace-editor/base/inplace-editor-model.d.ts

@@ -8,7 +8,7 @@ import {ComponentModel} from '@syncfusion/ej2-base';
 export interface InPlaceEditorModel extends ComponentModel{
 
     /**
-     * Specifies the name of the field which is used to map data to the server. 
+     * Specifies the name of the field which is used to map data to the server.
      * If name is not given, then component ID is taken as mapping field name.
      *
      * {% codeBlock src='inplace-editor/name/index.md' %}{% endcodeBlock %}
@@ -39,13 +39,13 @@ export interface InPlaceEditorModel extends ComponentModel{
 
     /**
      * Defines whether to allow the cross-scripting site or not.
-     * 
+     *
      * @default true
      */
     enableHtmlSanitizer?: boolean;
 
     /**
-     * It enables or disables the parsing of HTML string content into HTML DOM elements for In-place Editor. 
+     * It enables or disables the parsing of HTML string content into HTML DOM elements for In-place Editor.
      * If the value of the property is set to false, the In-place Editor value will be displayed as HTML string instead of HTML DOM elements.
      *
      * @default true
@@ -54,7 +54,7 @@ export interface InPlaceEditorModel extends ComponentModel{
 
     /**
      * Defines single/multiple classes (separated by space) to be used for customization of In-place editor.
-     * 
+     *
      * @default ''
      */
     cssClass?: string;
@@ -140,7 +140,7 @@ export interface InPlaceEditorModel extends ComponentModel{
      *
      * - `Never`: The corresponding field value will never be set initially in the component.
      * - `Always`: The corresponding field value will be set initially in the component.
-     * 
+     *
      * @default 'Never'
      */
     textOption?: textOptionType;
@@ -152,7 +152,7 @@ export interface InPlaceEditorModel extends ComponentModel{
      * - `Cancel`: Cancel's the editing and resets the old content.
      * - `Submit`: Submit the edited content to the server.
      * - `Ignore`: No action is perform with this type and allows to have many containers open.
-     * 
+     *
      * @default 'Submit'
      */
     actionOnBlur?: ActionBlur;
@@ -169,7 +169,7 @@ export interface InPlaceEditorModel extends ComponentModel{
 
     /**
      * Specifies whether to enable editing mode or not.
-     * 
+     *
      * @default false
      */
     disabled?: boolean;

package/src/inplace-editor/base/inplace-editor.js

@@ -55,10 +55,11 @@ var InPlaceEditor = /** @class */ (function (_super) {
      * @param {string} element  - Specifies the element for which In-place editor applies.
      */
     function InPlaceEditor(options, element) {
-        return _super.call(this, options, element) || this;
+        var _this = _super.call(this, options, element) || this;
+        _this.needsID = true;
+        return _this;
     }
     InPlaceEditor.prototype.initializeValue = function () {
-        this.needsID = true;
         this.initRender = true;
         this.isTemplate = false;
         this.isVue = false;

package/src/inplace-editor/base/interface.d.ts

@@ -6,7 +6,6 @@ import { AutoComplete, ComboBox, MultiSelect, FieldSettingsModel } from '@syncfu
 import { RenderMode } from './inplace-editor';
 /**
  * Defines component types that can be used in the In-place Editor.
- *
  * @hidden
  */
 export declare type Component = AutoComplete | ColorPicker | ComboBox | DateRangePicker | MultiSelect | RichTextEditor | Slider | TimePicker;

package/src/inplace-editor/base/models-model.d.ts

@@ -7,14 +7,12 @@ export interface PopupSettingsModel {
 
     /**
      * Specifies title for the editor popup.
-     * 
      * @default ''
      */
     title?: string;
 
     /**
      * Specifies model for editor popup customization like position, animation,etc.
-     * 
      * @default null
      */
     model?: TooltipModel;

package/src/inplace-editor/base/models.d.ts

@@ -6,13 +6,11 @@ import { TooltipModel } from '@syncfusion/ej2-popups';
 export declare class PopupSettings extends ChildProperty<PopupSettings> {
     /**
      * Specifies title for the editor popup.
-     *
      * @default ''
      */
     title: string;
     /**
      * Specifies model for editor popup customization like position, animation,etc.
-     *
      * @default null
      */
     model: TooltipModel;
@@ -20,7 +18,7 @@ export declare class PopupSettings extends ChildProperty<PopupSettings> {
 /**
  * @hidden
  */
-export declare let modulesList: {
+export declare const modulesList: {
     [key: string]: string;
 };
 /**

package/src/inplace-editor/base/util.d.ts

@@ -14,7 +14,6 @@ declare type modelType = AutoCompleteModel | ColorPickerModel | ComboBoxModel |
  */
 export declare function parseValue(type: string, val: valueType, model: modelType): string;
 /**
- *
  * @param {string} type - specifies the string value
  * @param {valueType} val - specifies the value type
  * @returns {valueType} - returns the value type

package/src/inplace-editor/base/util.js

@@ -60,7 +60,6 @@ export function parseValue(type, val, model) {
     return result;
 }
 /**
- *
  * @param {string} type - specifies the string value
  * @param {valueType} val - specifies the value type
  * @returns {valueType} - returns the value type
@@ -91,7 +90,7 @@ export function getCompValue(type, val) {
 export function encode(value) {
     var data = [];
     for (var i = value.length - 1; i >= 0; i--) {
-        data.unshift(["&#", value[i].charCodeAt(0), ";"].join(""));
+        data.unshift(['&#', value[i].charCodeAt(0), ';'].join(''));
     }
-    return data.join("");
+    return data.join('');
 }

package/src/inplace-editor/modules/combo-box.d.ts

@@ -18,7 +18,6 @@ export declare class ComboBox implements IComponent {
     showPopup(): void;
     /**
      * Destroys the module.
-     *
      * @function destroy
      * @returns {void}
      * @hidden
@@ -27,7 +26,6 @@ export declare class ComboBox implements IComponent {
     updateValue(e: NotifyParams): void;
     /**
      * For internal use only - Get the module name.
-     *
      * @returns {string} - returns the string
      */
     private getModuleName;

package/src/inplace-editor/modules/combo-box.js

@@ -27,7 +27,6 @@ var ComboBox = /** @class */ (function () {
     };
     /**
      * Destroys the module.
-     *
      * @function destroy
      * @returns {void}
      * @hidden
@@ -43,7 +42,6 @@ var ComboBox = /** @class */ (function () {
     };
     /**
      * For internal use only - Get the module name.
-     *
      * @returns {string} - returns the string
      */
     ComboBox.prototype.getModuleName = function () {

package/src/inplace-editor/modules/date-range-picker.d.ts

@@ -13,7 +13,6 @@ export declare class DateRangePicker implements IComponent {
     focus(): void;
     /**
      * For internal use only - Get the module name.
-     *
      * @returns {string} - returns the string
      */
     private getModuleName;

package/src/inplace-editor/modules/date-range-picker.js

@@ -19,7 +19,6 @@ var DateRangePicker = /** @class */ (function () {
     };
     /**
      * For internal use only - Get the module name.
-     *
      * @returns {string} - returns the string
      */
     DateRangePicker.prototype.getModuleName = function () {

package/styles/bootstrap-dark.css

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
 .e-popup.e-ddl {
   border-radius: 4px;
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
@@ -131,6 +133,7 @@
   width: 40px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/bootstrap.css

@@ -1,4 +1,5 @@
-/*! calendar bootstrap theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap theme variables */
 .e-popup.e-ddl {
   border-radius: 4px;
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
@@ -130,6 +131,7 @@
   width: 40px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/bootstrap4.css

@@ -1,4 +1,5 @@
-/*! calendar bootstrap theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap theme variables */
 .e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
   font-size: 8px;
 }
@@ -226,6 +227,7 @@
   margin-top: -3.5em;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/bootstrap5-dark.css

@@ -1,4 +1,5 @@
-/*! calendar bootstrap5 theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
 .e-popup.e-ddl {
   border-radius: 4px;
   box-shadow: none;
@@ -180,6 +181,8 @@
   border-left-width: 0;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -774,6 +777,19 @@
   background-color: #5a6268;
   border: 1px solid #545b62;
 }
+.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
+  color: #fff;
+}
+
 .e-inplaceeditor .e-editable-value-wrapper {
   background-color: transparent;
   border-radius: 4px;

package/styles/bootstrap5.css

@@ -1,4 +1,5 @@
-/*! calendar bootstrap5 theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
 .e-popup.e-ddl {
   border-radius: 4px;
   box-shadow: none;
@@ -180,6 +181,8 @@
   border-left-width: 0;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -774,6 +777,19 @@
   background-color: #5a6268;
   border: 1px solid #545b62;
 }
+.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
+  color: #fff;
+}
+
 .e-inplaceeditor .e-editable-value-wrapper {
   background-color: transparent;
   border-radius: 4px;

package/styles/fabric-dark.css

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
 .e-ddl.e-popup {
   border: 0;
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
@@ -98,6 +100,7 @@
   margin: 2px 2px 2px 0;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/fabric.css

@@ -1,4 +1,5 @@
-/*! calendar fabric theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar fabric theme variables */
 .e-ddl.e-popup {
   border: 0;
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
@@ -92,6 +93,7 @@
   margin: 2px 2px 2px 0;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/fluent-dark.css

@@ -1,4 +1,5 @@
-/*! calendar bootstrap5 theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
 .e-popup.e-ddl {
   border-radius: 4px;
   box-shadow: none;
@@ -160,6 +161,8 @@
   border-left-width: 0;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/fluent.css

@@ -1,4 +1,5 @@
-/*! calendar bootstrap5 theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
 .e-popup.e-ddl {
   border-radius: 4px;
   box-shadow: none;
@@ -160,6 +161,8 @@
   border-left-width: 0;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/highcontrast-light.css

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
 .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
   height: 36px;
 }
@@ -80,6 +82,9 @@
   color: #000;
   top: 12px;
 }
+.e-multiselect .e-multi-select-wrapper input {
+  /* stylelint-disable property-no-vendor-prefix */
+}
 .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
   color: #4f4f4f;
   font-family: inherit;
@@ -172,6 +177,7 @@
   width: 30px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/highcontrast.css

@@ -1,4 +1,5 @@
-/*! calendar fabric theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar fabric theme variables */
 .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
   height: 36px;
 }
@@ -81,6 +82,9 @@
   color: #fff;
   top: 12px;
 }
+.e-multiselect .e-multi-select-wrapper input {
+  /* stylelint-disable property-no-vendor-prefix */
+}
 .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
   color: #969696;
   font-family: inherit;
@@ -175,6 +179,7 @@
   width: 30px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/inplace-editor/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
+@import 'layout.scss';
 @import 'theme.scss';

package/styles/inplace-editor/_bootstrap5-definition.scss

@@ -1,4 +1,5 @@
 $inplace-skin: 'bootstrap5' !default;
+
 //Layout Variable Start
 $editor-big-value-text-font-size: $text-base !default;
 $editor-nrml-value-text-font-size: $text-sm !default;
@@ -43,6 +44,7 @@ $editor-rtl-big-btn-save-margin: 0 0 0 4px !default;
 $editor-rtl-nrml-btn-save-margin: 0 0 0 4px !default;
 $editor-rtl-big-btn-cancel-margin: 0 4px 0 0 !default;
 $editor-rtl-nrml-btn-cancel-margin: 0 4px 0 0 !default;
+
 //Layout Variable End
 
 //Theme Variable Start
@@ -65,4 +67,5 @@ $editor-tip-title-color: $content-text-color !default;
 $editable-overlay-icon-height: inherit !default;
 $editable-overlay-icon: 0 !default;
 $editor-btn-icon-color: $icon-color !default;
+
 //Theme Variable End

package/styles/inplace-editor/_fluent-definition.scss

@@ -1,4 +1,5 @@
 $inplace-skin: 'FluentUI' !default;
+
 //Layout Variable Start
 $editor-big-value-text-font-size: $text-base !default;
 $editor-nrml-value-text-font-size: $text-sm !default;
@@ -44,6 +45,7 @@ $editor-rtl-big-btn-save-margin: 0 0 0 6px !default;
 $editor-rtl-nrml-btn-save-margin: 0 0 0 4px !default;
 $editor-rtl-big-btn-cancel-margin: 0 6px 0 0 !default;
 $editor-rtl-nrml-btn-cancel-margin: 0 4px 0 0 !default;
+
 //Layout Variable End
 
 //Theme Variable Start
@@ -66,4 +68,5 @@ $editor-tip-title-color: $content-text-color !default;
 $editable-overlay-icon-height: inherit !default;
 $editable-overlay-icon: 0 !default;
 $editor-btn-icon-color: $icon-color !default;
+
 //Theme Variable End

package/styles/inplace-editor/_fusionnew-definition.scss

@@ -1,4 +1,5 @@
 $inplace-skin: 'bootstrap5' !default;
+
 //Layout Variable Start
 $editor-big-value-text-font-size: $text-base !default;
 $editor-nrml-value-text-font-size: $text-sm !default;
@@ -43,6 +44,7 @@ $editor-rtl-big-btn-save-margin: 0 0 0 4px !default;
 $editor-rtl-nrml-btn-save-margin: 0 0 0 4px !default;
 $editor-rtl-big-btn-cancel-margin: 0 4px 0 0 !default;
 $editor-rtl-nrml-btn-cancel-margin: 0 4px 0 0 !default;
+
 //Layout Variable End
 
 //Theme Variable Start
@@ -65,4 +67,5 @@ $editor-tip-title-color: $content-text-color !default;
 $editable-overlay-icon-height: inherit !default;
 $editable-overlay-icon: 0 !default;
 $editor-btn-icon-color: $icon-color !default;
+
 //Theme Variable End