@syncfusion/ej2-inplace-editor 20.2.43 → 20.3.47

package/styles/inplace-editor/_layout.scss

@@ -1,4 +1,5 @@
-@include export-module('inplaceeditor-layout') {
+@include export-module('inplaceeditor-layout') {
+
   /*! inplaceeditor layout */
 
   .e-bigger .e-inplaceeditor,
@@ -327,7 +328,7 @@
   .e-inplaceeditor-tip.e-bigger {
     width: auto;
 
-    .e-input-group+.e-editable-loading {
+    .e-input-group + .e-editable-loading {
 
       @if $inplace-skin == 'material' {
         .e-spinner-inner {
@@ -354,7 +355,7 @@
   .e-inplaceeditor,
   .e-inplaceeditor-tip {
 
-    .e-input-group+.e-editable-loading {
+    .e-input-group + .e-editable-loading {
 
       @if $inplace-skin == 'material' {
         .e-spinner-inner {
@@ -363,14 +364,14 @@
       }
     }
 
-    .e-editable-elements:not(.e-richtexteditor)+.e-editable-loading {
+    .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading {
 
       .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
         stroke-width: inherit;
       }
     }
 
-    .e-input-group+.e-editable-loading {
+    .e-input-group + .e-editable-loading {
 
       @if $inplace-skin == 'material' {
         .e-spinner-inner {
@@ -379,7 +380,7 @@
       }
     }
 
-    .e-editable-elements:not(.e-richtexteditor)+.e-editable-loading {
+    .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading {
 
       .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
         stroke-width: inherit;
@@ -496,11 +497,11 @@
           padding: $editor-big-tip-wrapper-padding;
         }
 
-        .e-editable-title+.e-editable-wrapper {
+        .e-editable-title + .e-editable-wrapper {
           padding: $editor-big-wrapper-title-with-padding;
         }
 
-        .e-editable-title+.e-editable-container {
+        .e-editable-title + .e-editable-container {
           padding: $editor-big-wrapper-title-with-padding;
         }
       }
@@ -577,11 +578,11 @@
           }
         }
 
-        .e-editable-title+.e-editable-wrapper {
+        .e-editable-title + .e-editable-wrapper {
           padding: $editor-nrml-wrapper-title-with-padding;
         }
 
-        .e-editable-title+.e-editable-container {
+        .e-editable-title + .e-editable-container {
           padding: $editor-nrml-wrapper-title-with-padding;
         }
       }
@@ -612,7 +613,6 @@
             float: left;
           }
         }
-
       }
     }
   }
@@ -651,8 +651,7 @@
       font-size: $editor-big-tip-title-font-size;
     }
 
-    .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-icon.e-icons
-    .e-bigger.e-inplaceeditor .e-editable-action-buttons .e-btn-icon.e-icons {
+    .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-icon.e-icons .e-bigger.e-inplaceeditor .e-editable-action-buttons .e-btn-icon.e-icons {
       font-size: 22px;
     }
   }

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

@@ -73,4 +73,4 @@ $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;
-$editor-btn-icon-color: rgba($grey-light-font , .54) !default;
+$editor-btn-icon-color: rgba($grey-light-font, .54) !default;

package/styles/inplace-editor/_material3-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/_tailwind-definition.scss

@@ -1,4 +1,5 @@
 $inplace-skin: 'tailwind' !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
@@ -66,4 +68,5 @@ $editor-tip-title-color: $content-text-color-alt2 !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/_theme.scss

@@ -1,4 +1,5 @@
-@include export-module('inplaceeditor-theme') {
+@include export-module('inplaceeditor-theme') {
+
   /*! inplaceeditor theme */
 
   .e-inplaceeditor {
@@ -144,7 +145,6 @@
           }
         }
 
-
         @if $inplace-skin == 'bootstrap4' {
 
           &:focus {
@@ -167,7 +167,7 @@
 
           .e-btn-icon.e-icons {
 
-            @if $inplace-skin == 'bootstrap4' {
+            @if $inplace-skin == 'bootstrap4' or $inplace-skin =='bootstrap5' {
               color: $white;
             }
           }

package/styles/inplace-editor/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/inplace-editor/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/inplace-editor/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/inplace-editor/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/inplace-editor/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/inplace-editor/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/inplace-editor/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/inplace-editor/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/inplace-editor/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/inplace-editor/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/inplace-editor/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/material-dark.css

@@ -1,10 +1,12 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
     transform: scale(4);
   }
 }
+/* stylelint-disable-line no-empty-source */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -111,6 +113,7 @@
   padding: 5px 5px 5px 12px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);

package/styles/inplace-editor/material.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
@@ -13,7 +14,7 @@
     transform: translate3d(0, 0, 0) scale(1);
   }
 }
-/*! calendar material theme variables */
+/* stylelint-disable-line no-empty-source */ /*! calendar material theme variables */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -145,6 +146,7 @@
   padding: 4px 8px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);

package/styles/inplace-editor/tailwind-dark.css

@@ -1,5 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-/*! calendar tailwind theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar tailwind theme variables */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -125,6 +126,8 @@
   height: 100%;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/inplace-editor/tailwind.css

@@ -1,5 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-/*! calendar tailwind theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar tailwind theme variables */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -125,6 +126,8 @@
   height: 100%;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/material-dark.css

@@ -1,10 +1,12 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
     transform: scale(4);
   }
 }
+/* stylelint-disable-line no-empty-source */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -111,6 +113,7 @@
   padding: 5px 5px 5px 12px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);

package/styles/material.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
@@ -13,7 +14,7 @@
     transform: translate3d(0, 0, 0) scale(1);
   }
 }
-/*! calendar material theme variables */
+/* stylelint-disable-line no-empty-source */ /*! calendar material theme variables */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -145,6 +146,7 @@
   padding: 4px 8px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);

package/styles/tailwind-dark.css

@@ -1,5 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-/*! calendar tailwind theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar tailwind theme variables */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -125,6 +126,8 @@
   height: 100%;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/tailwind.css

@@ -1,5 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-/*! calendar tailwind theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar tailwind theme variables */
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -125,6 +126,8 @@
   height: 100%;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);