@syncfusion/ej2-angular-inplace-editor 21.1.35 → 21.1.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/esm2020/src/inplace-editor/inplaceeditor.component.mjs +1 -1
  2. package/fesm2015/syncfusion-ej2-angular-inplace-editor.mjs.map +1 -1
  3. package/fesm2020/syncfusion-ej2-angular-inplace-editor.mjs.map +1 -1
  4. package/license +10 -0
  5. package/package.json +8 -8
  6. package/schematics/utils/lib-details.d.ts +2 -2
  7. package/schematics/utils/lib-details.js +2 -2
  8. package/schematics/utils/lib-details.ts +2 -2
  9. package/src/inplace-editor/inplaceeditor.component.d.ts +1 -0
  10. package/styles/bootstrap.css +2 -2
  11. package/styles/bootstrap4.css +17 -6
  12. package/styles/bootstrap5-dark.css +9 -5
  13. package/styles/bootstrap5.css +9 -5
  14. package/styles/inplace-editor/_material3-dark-definition.scss +1 -0
  15. package/styles/inplace-editor/_material3-definition.scss +70 -0
  16. package/styles/inplace-editor/_theme.scss +29 -2
  17. package/styles/inplace-editor/bootstrap.css +2 -2
  18. package/styles/inplace-editor/bootstrap4.css +17 -6
  19. package/styles/inplace-editor/bootstrap5-dark.css +9 -5
  20. package/styles/inplace-editor/bootstrap5.css +9 -5
  21. package/styles/inplace-editor/icons/_material3-dark.scss +1 -0
  22. package/styles/inplace-editor/material3-dark.css +804 -0
  23. package/styles/inplace-editor/material3-dark.scss +27 -0
  24. package/styles/inplace-editor/material3.css +860 -0
  25. package/styles/inplace-editor/material3.scss +27 -0
  26. package/styles/material3-dark.css +804 -0
  27. package/styles/material3-dark.scss +3 -0
  28. package/styles/material3.css +860 -0
  29. package/styles/material3.scss +3 -0
package/styles/inplace-editor/bootstrap4.css CHANGED
@@ -284,8 +284,8 @@
284
284
  }
285
285
  .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn, .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn {
286
286
  border: 1px solid transparent;
287
- padding-bottom: 1px;
288
- padding-top: 1px;
287
+ padding-bottom: 0;
288
+ padding-top: 0;
289
289
  }
290
290
  .e-richtexteditor .e-rte-content {
291
291
  border-bottom-left-radius: 4px;
@@ -1066,6 +1066,14 @@
1066
1066
  background-color: #5a6268;
1067
1067
  border: 1px solid #545b62;
1068
1068
  }
1069
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
1070
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled,
1071
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
1072
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled {
1073
+ background-color: #fff;
1074
+ border: 1px solid #ced4da;
1075
+ box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
1076
+ }
1069
1077
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus,
1070
1078
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus,
1071
1079
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus,
@@ -1080,18 +1088,21 @@
1080
1088
  background-color: #545b62;
1081
1089
  border: 1px solid #4e555b;
1082
1090
  }
1083
- .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,
1091
+ .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:active .e-btn-icon.e-icons,
1084
1092
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
1085
- .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
1086
1093
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
1087
1094
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
1088
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
1089
1095
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
1090
1096
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
1091
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
1092
1097
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
1093
1098
  color: #fff;
1094
1099
  }
1100
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
1101
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
1102
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
1103
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons {
1104
+ color: #fff;
1105
+ }
1095
1106
 
1096
1107
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
1097
1108
  background: #fff;
package/styles/inplace-editor/bootstrap5-dark.css CHANGED
@@ -777,19 +777,23 @@
777
777
  background-color: #5a6268;
778
778
  border: 1px solid #545b62;
779
779
  }
780
- .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,
780
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
781
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled,
782
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
783
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled {
784
+ background-color: #212529;
785
+ border: 1px solid #444c54;
786
+ border-radius: 4px;
787
+ }
788
+ .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:active .e-btn-icon.e-icons,
781
789
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
782
- .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
783
790
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
784
791
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
785
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
786
792
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
787
793
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
788
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
789
794
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
790
795
  color: #fff;
791
796
  }
792
-
793
797
  .e-inplaceeditor .e-editable-value-wrapper {
794
798
  background-color: transparent;
795
799
  border-radius: 4px;
package/styles/inplace-editor/bootstrap5.css CHANGED
@@ -777,19 +777,23 @@
777
777
  background-color: #5a6268;
778
778
  border: 1px solid #545b62;
779
779
  }
780
- .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,
780
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
781
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled,
782
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
783
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled {
784
+ background-color: #fff;
785
+ border: 1px solid #dee2e6;
786
+ border-radius: 4px;
787
+ }
788
+ .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:active .e-btn-icon.e-icons,
781
789
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
782
- .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
783
790
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
784
791
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
785
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
786
792
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
787
793
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
788
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
789
794
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
790
795
  color: #fff;
791
796
  }
792
-
793
797
  .e-inplaceeditor .e-editable-value-wrapper {
794
798
  background-color: transparent;
795
799
  border-radius: 4px;
package/styles/inplace-editor/icons/_material3-dark.scss ADDED
@@ -0,0 +1 @@
1
+ @import './material3.scss';