@syncfusion/ej2-inplace-editor 27.1.50 → 28.1.33

package/styles/bds.scss

@@ -0,0 +1,27 @@
+@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';

package/styles/bootstrap-dark-lite.css

@@ -66,7 +66,7 @@
 .e-multiselect .e-input-group-icon.e-ddl-icon {
   border-radius: 0 4px 4px 0;
   border-right-width: 0;
-  height: 34px;
+  height: 32px;
   width: 36px;
 }
 

package/styles/bootstrap-dark.css

@@ -66,7 +66,7 @@
 .e-multiselect .e-input-group-icon.e-ddl-icon {
   border-radius: 0 4px 4px 0;
   border-right-width: 0;
-  height: 34px;
+  height: 32px;
   width: 36px;
 }
 

package/styles/bootstrap5-dark-lite.css

@@ -128,6 +128,10 @@
   border-left-width: 0;
 }
 
+.e-float-input.e-control-wrapper.e-multiselect input[readonly] {
+  background: transparent;
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes material-spinner-rotate {

package/styles/bootstrap5-dark.css

@@ -128,6 +128,10 @@
   border-left-width: 0;
 }
 
+.e-float-input.e-control-wrapper.e-multiselect input[readonly] {
+  background: transparent;
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes material-spinner-rotate {

package/styles/bootstrap5-lite.css

@@ -128,6 +128,10 @@
   border-left-width: 0;
 }
 
+.e-float-input.e-control-wrapper.e-multiselect input[readonly] {
+  background: transparent;
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes material-spinner-rotate {

package/styles/bootstrap5.3-lite.css

@@ -132,6 +132,10 @@
   border-left-width: 0;
 }
 
+.e-float-input.e-control-wrapper.e-multiselect input[readonly] {
+  background: transparent;
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes material-spinner-rotate {

package/styles/bootstrap5.3.css

@@ -132,6 +132,10 @@
   border-left-width: 0;
 }
 
+.e-float-input.e-control-wrapper.e-multiselect input[readonly] {
+  background: transparent;
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes material-spinner-rotate {

package/styles/bootstrap5.css

@@ -128,6 +128,10 @@
   border-left-width: 0;
 }
 
+.e-float-input.e-control-wrapper.e-multiselect input[readonly] {
+  background: transparent;
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes material-spinner-rotate {

package/styles/fluent2-lite.css

@@ -187,6 +187,14 @@
 /* stylelint-disable */
 /* stylelint-disable-line no-empty-source */
 /*! calendar theme variables */
+.e-small:not(.e-bigger) .e-calendar.e-week-number {
+  min-width: 230px;
+}
+
+.e-bigger.e-daterangepicker .e-calendar.e-week-number {
+  max-width: 350px;
+}
+
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
@@ -370,7 +378,7 @@
 }
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   display: inline-block;
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
   margin: 0 28px 0 0;
 }
@@ -427,7 +435,7 @@
 }
 .e-inplaceeditor .e-editable-value-container .e-editable-value {
   display: inline-block;
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
   margin: 0 28px 0 0;
 }
@@ -638,7 +646,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500;
   height: 30px;

package/styles/fluent2.css

@@ -187,6 +187,14 @@
 /* stylelint-disable */
 /* stylelint-disable-line no-empty-source */
 /*! calendar theme variables */
+.e-small:not(.e-bigger) .e-calendar.e-week-number {
+  min-width: 230px;
+}
+
+.e-bigger.e-daterangepicker .e-calendar.e-week-number {
+  max-width: 350px;
+}
+
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
@@ -370,7 +378,7 @@
 }
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   display: inline-block;
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
   margin: 0 28px 0 0;
 }
@@ -427,7 +435,7 @@
 }
 .e-inplaceeditor .e-editable-value-container .e-editable-value {
   display: inline-block;
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
   margin: 0 28px 0 0;
 }
@@ -638,7 +646,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500;
   height: 30px;

package/styles/highcontrast-lite.css

@@ -14,7 +14,7 @@
 .e-ddl.e-popup .e-content.e-nodata {
   background-color: #000;
 }
-.e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
+.e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
   color: #ffd939;
 }
 .e-ddl.e-popup .e-input-group {

package/styles/highcontrast.css

@@ -14,7 +14,7 @@
 .e-ddl.e-popup .e-content.e-nodata {
   background-color: #000;
 }
-.e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
+.e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
   color: #ffd939;
 }
 .e-ddl.e-popup .e-input-group {

package/styles/inplace-editor/_bigger.scss

@@ -1,4 +1,4 @@
-@include export-module('uploader-bigger') {
+@include export-module('inplace-editor-bigger') {
   .e-bigger .e-inplaceeditor,
   .e-inplaceeditor.e-bigger {
     .e-editable-value-wrapper {
@@ -49,10 +49,16 @@
 
       .e-btn-save {
         margin: $editor-big-btn-save-margin;
+        @if $skin-name == 'tailwind3' {
+          padding: 7px 11px;
+        }
       }
 
       .e-btn-cancel {
         margin: $editor-big-btn-cancel-margin;
+        @if $skin-name == 'tailwind3' {
+          padding: 7px 11px;
+        }
       }
     }
 
@@ -170,7 +176,7 @@
     background-size: 150px 70px;
     min-height: 70px;
   }
-  @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+  @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3' {
 
     .e-bigger .e-inplaceeditor .e-editable-value-wrapper,
     .e-inplaceeditor.e-bigger .e-editable-value-wrapper {

package/styles/inplace-editor/_layout.scss

@@ -287,6 +287,9 @@
     .e-editable-action-buttons {
       .e-btn-save {
         margin: $editor-nrml-btn-save-margin;
+        @if $skin-name == 'tailwind3' {
+          padding: $editor-nrml-btn-padding;
+        }
 
         .e-btn-icon.e-icons {
           font-size: $editor-btn-save-icon-size;
@@ -295,6 +298,9 @@
 
       .e-btn-cancel {
         margin: $editor-nrml-btn-cancel-margin;
+        @if $skin-name == 'tailwind3' {
+          padding: $editor-nrml-btn-padding;
+        }
 
         .e-btn-icon.e-icons {
           font-size: $editor-btn-cancel-icon-size;

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

@@ -0,0 +1,70 @@
+//Layout Variable Start
+$editor-big-value-text-font-size: $text-base !default;
+$editor-nrml-value-text-font-size: $text-sm !default;
+$editor-big-value-container-padding: 7px 12px 7px 12px !default;
+$editor-nrml-value-container-padding: 3px 8px 5px 8px !default;
+$editor-big-value-container-spin-padding: 8px !default;
+$editor-nrml-value-container-spin-padding: 8px !default;
+$editor-big-value-margin: 0 30px 0 0 !default;
+$editor-nrml-value-margin: 0 28px 0 0 !default;
+$editor-rtl-big-value-margin: 0 0 0  30px !default;
+$editor-rtl-nrml-value-margin: 0 0 0 28px !default;
+$editor-big-overlay-icon-size: $text-base !default;
+$editor-nrml-overlay-icon-size: $text-sm !default;
+$editor-big-overlay-icon-container-size: 20px !default;
+$editor-nrml-overlay-icon-container-size: 20px !default;
+$editor-big-overlay-icon-left-right: 8px !default;
+$editor-nrml-overlay-icon-left-right: 8px !default;
+$editor-tip-content-bdr-radius: 4px !default;
+$editor-popup-tip-content-bdr-radius: 4px !default;
+$editor-tip-title-font-weight: $font-weight-medium !default;
+$editor-big-tip-title-font-size: 16px !default;
+$editor-nrml-tip-title-font-size: 14px !default;
+$editor-big-tip-title-padding: 12px 16px 12px 16px !default;
+$editor-nrml-tip-title-padding: 9px 12px 9px 12px !default;
+$editor-rtl-big-tip-title-padding: 12px 16px 12px 16px !default;
+$editor-rtl-nrml-tip-title-padding: 9px 12px 9px 12px !default;
+$editor-big-tip-title-container-size: 46px !default;
+$editor-nrml-tip-title-container-size: 36px !default;
+$editor-big-tip-wrapper-padding: 16px !default;
+$editor-nrml-tip-wrapper-padding: 12px !default;
+$editor-big-wrapper-title-with-padding: 16px !default;
+$editor-nrml-wrapper-title-with-padding: 12px !default;
+$editor-component-bottom-margin: 4px !default;
+$editor-buttons-top-margin: 4px !default;
+$editor-btn-save-icon-size: 14px !default;
+$editor-btn-cancel-icon-size: 14px !default;
+$editor-big-btn-save-margin: 0 4px 0 0 !default;
+$editor-nrml-btn-save-margin: 0 3px 0 0 !default;
+$editor-big-btn-cancel-margin: 0 0 0 4px !default;
+$editor-nrml-btn-cancel-margin: 0 0 0 3px !default;
+$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-nrml-btn-padding: 6px 8px !default;
+
+//Layout Variable End
+
+//Theme Variable Start
+$editor-value-hover-bg: $content-bg-color-alt2 !default;
+$editor-value-text-color: $content-text-color !default;
+$editor-overlay-icon-color: $icon-color !default;
+$editor-value-text-border: 1px dashed $content-text-color !default;
+$editor-background-color: $transparent !default;
+$wrapper-background-color: $flyout-bg-color !default;
+$editor-tip-border: 1px solid $border !default;
+$editor-tip-bg: $content-bg-color !default;
+$editor-tip-arrow-icon-color: $content-bg-color-alt1 !default;
+$editor-tip-title-arrow-icon-color: $content-bg-color-alt1 !default;
+$editor-tip-arrow-bdr-color: $content-bg-color-alt1 !default;
+$editor-tip-title-arrow-bdr-color: $border !default;
+$editor-tip-box-shadow: $shadow-lg !default;
+$editor-tip-title-bg: $content-bg-color-alt1 !default;
+$editor-tio-title-border-bottom: 0 !default;
+$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