@syncfusion/ej2-inplace-editor 25.2.3 → 26.2.4

package/styles/bootstrap5.css

@@ -1,8 +1,10 @@
 /* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
+/* stylelint-disable-line no-empty-source */
+/*! calendar bootstrap5 theme variables */
 .e-popup.e-ddl {
   border-radius: 4px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   margin-top: 3px;
 }
 .e-popup.e-ddl .e-input-group {
@@ -17,6 +19,7 @@
 }
 
 .e-popup.e-ddl .e-filter-parent .e-input-group {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: auto;
@@ -104,11 +107,13 @@
 .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
 .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
 .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 
 .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
   background: transparent;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
@@ -184,19 +189,43 @@
 
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
@@ -214,7 +243,6 @@
   content: "\e730";
 }
 
-/*! inplaceeditor layout */
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
   padding: 7px 12px 7px 12px;
@@ -335,6 +363,7 @@
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
   bottom: 0;
   cursor: pointer;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: inherit;
@@ -345,8 +374,10 @@
   width: 20px;
 }
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 14px;
@@ -356,6 +387,7 @@
 }
 .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -388,6 +420,7 @@
 .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
   bottom: 0;
   cursor: pointer;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: inherit;
@@ -398,8 +431,10 @@
   width: 20px;
 }
 .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 14px;
@@ -409,6 +444,7 @@
 }
 .e-inplaceeditor .e-editable-value-container.e-editable-open {
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -433,6 +469,7 @@
 }
 .e-inplaceeditor.e-overlay {
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -498,7 +535,8 @@
 .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
   left: auto;
   right: 5px;
-  transform: translateX(-30%) translateY(-50%);
+  -webkit-transform: translateX(-30%) translateY(-50%);
+          transform: translateX(-30%) translateY(-50%);
 }
 .e-inplaceeditor .e-editable-form,
 .e-inplaceeditor-tip .e-editable-form {
@@ -526,6 +564,7 @@
   opacity: 0.5;
   pointer-events: none;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   visibility: visible;
@@ -562,7 +601,8 @@
 .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
   left: 5px;
   right: auto;
-  transform: translateX(30%) translateY(-50%);
+  -webkit-transform: translateX(30%) translateY(-50%);
+          transform: translateX(30%) translateY(-50%);
 }
 
 .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
@@ -614,19 +654,24 @@
 .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
   -ms-flex-line-pack: center;
       align-content: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 12px;
   font-weight: 500;
   height: 36px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   padding: 9px 12px 9px 12px;
 }
 .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 12px;
@@ -639,6 +684,7 @@
   top: auto;
 }
 .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 12px;
@@ -704,7 +750,6 @@
   font-size: 22px;
 }
 
-/*! inplaceeditor theme */
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed #212529;
   color: #212529;
@@ -806,7 +851,8 @@
 
 .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
   background: #fff;
-  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+  -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
 }
 .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
   border-radius: 4px;

package/styles/bootstrap5.scss

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

package/styles/fabric-dark.css

@@ -2,7 +2,8 @@
 /* stylelint-disable-line no-empty-source */
 .e-ddl.e-popup {
   border: 0;
-  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
   margin-top: 1px;
 }
 .e-ddl.e-popup .e-input-group input {
@@ -10,6 +11,7 @@
 }
 
 .e-ddl.e-popup .e-input-group {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: auto;
@@ -106,19 +108,43 @@
 }
 
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
@@ -144,7 +170,6 @@
   content: "\e97c";
 }
 
-/*! inplaceeditor layout */
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
   padding: 8px 12px;
@@ -265,6 +290,7 @@
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
   bottom: 0;
   cursor: pointer;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: inherit;
@@ -275,8 +301,10 @@
   width: 18px;
 }
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 14px;
@@ -286,6 +314,7 @@
 }
 .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -318,6 +347,7 @@
 .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
   bottom: 0;
   cursor: pointer;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: inherit;
@@ -328,8 +358,10 @@
   width: 18px;
 }
 .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 14px;
@@ -339,6 +371,7 @@
 }
 .e-inplaceeditor .e-editable-value-container.e-editable-open {
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -363,6 +396,7 @@
 }
 .e-inplaceeditor.e-overlay {
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -428,7 +462,8 @@
 .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
   left: auto;
   right: 5px;
-  transform: translateX(-30%) translateY(-50%);
+  -webkit-transform: translateX(-30%) translateY(-50%);
+          transform: translateX(-30%) translateY(-50%);
 }
 .e-inplaceeditor .e-editable-form,
 .e-inplaceeditor-tip .e-editable-form {
@@ -456,6 +491,7 @@
   opacity: 0.5;
   pointer-events: none;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   visibility: visible;
@@ -492,7 +528,8 @@
 .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
   left: 5px;
   right: auto;
-  transform: translateX(30%) translateY(-50%);
+  -webkit-transform: translateX(30%) translateY(-50%);
+          transform: translateX(30%) translateY(-50%);
 }
 
 .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
@@ -544,19 +581,24 @@
 .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
   -ms-flex-line-pack: center;
       align-content: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 13px;
   font-weight: 600;
   height: 30px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   padding: 0 0 0 12px;
 }
 .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 12px;
@@ -569,6 +611,7 @@
   top: auto;
 }
 .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 12px;
@@ -610,7 +653,6 @@
   min-height: 70px;
 }
 
-/*! inplaceeditor theme */
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   border-bottom: 1px dashed #fff;
   color: #fff;
@@ -667,7 +709,8 @@
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons,
@@ -677,7 +720,8 @@
 }
 .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
   background: #201f1f;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
   border-radius: 0;

package/styles/fabric-dark.scss

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