@syncfusion/ej2-inplace-editor 20.1.47 → 20.2.38

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 (65) hide show
  1. package/dist/ej2-inplace-editor.umd.min.js +2 -2
  2. package/dist/ej2-inplace-editor.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-inplace-editor.es2015.js +5 -5
  4. package/dist/es6/ej2-inplace-editor.es2015.js.map +1 -1
  5. package/dist/es6/ej2-inplace-editor.es5.js +22 -23
  6. package/dist/es6/ej2-inplace-editor.es5.js.map +1 -1
  7. package/dist/global/ej2-inplace-editor.min.js +2 -2
  8. package/dist/global/ej2-inplace-editor.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/helpers/e2e/index.js +8 -6
  11. package/helpers/e2e/inplace-editor.js +74 -58
  12. package/package.json +16 -16
  13. package/src/inplace-editor/base/inplace-editor.d.ts +1 -0
  14. package/src/inplace-editor/base/inplace-editor.js +22 -23
  15. package/styles/bootstrap-dark.css +11 -139
  16. package/styles/bootstrap.css +12 -145
  17. package/styles/bootstrap4.css +22 -195
  18. package/styles/bootstrap5-dark.css +20 -141
  19. package/styles/bootstrap5.css +20 -141
  20. package/styles/fabric-dark.css +11 -137
  21. package/styles/fabric.css +11 -137
  22. package/styles/fluent-dark.css +12 -151
  23. package/styles/fluent.css +11 -150
  24. package/styles/highcontrast-light.css +12 -172
  25. package/styles/highcontrast.css +12 -172
  26. package/styles/inplace-editor/_fluent-definition.scss +1 -1
  27. package/styles/inplace-editor/_fusionnew-definition.scss +68 -0
  28. package/styles/inplace-editor/_material3-definition.scss +68 -0
  29. package/styles/inplace-editor/_theme.scss +8 -0
  30. package/styles/inplace-editor/bootstrap-dark.css +11 -139
  31. package/styles/inplace-editor/bootstrap.css +12 -145
  32. package/styles/inplace-editor/bootstrap4.css +22 -195
  33. package/styles/inplace-editor/bootstrap5-dark.css +20 -141
  34. package/styles/inplace-editor/bootstrap5.css +20 -141
  35. package/styles/inplace-editor/fabric-dark.css +11 -137
  36. package/styles/inplace-editor/fabric.css +11 -137
  37. package/styles/inplace-editor/fluent-dark.css +12 -151
  38. package/styles/inplace-editor/fluent.css +11 -150
  39. package/styles/inplace-editor/highcontrast-light.css +12 -172
  40. package/styles/inplace-editor/highcontrast.css +12 -172
  41. package/styles/inplace-editor/icons/_fusionnew.scss +19 -0
  42. package/styles/inplace-editor/icons/_material3.scss +19 -0
  43. package/styles/inplace-editor/material-dark.css +7 -126
  44. package/styles/inplace-editor/material.css +7 -130
  45. package/styles/inplace-editor/tailwind-dark.css +9 -128
  46. package/styles/inplace-editor/tailwind.css +9 -128
  47. package/styles/material-dark.css +7 -126
  48. package/styles/material.css +7 -130
  49. package/styles/tailwind-dark.css +9 -128
  50. package/styles/tailwind.css +9 -128
  51. package/dist/ts/inplace-editor/base/classes.ts +0 -63
  52. package/dist/ts/inplace-editor/base/events.ts +0 -18
  53. package/dist/ts/inplace-editor/base/inplace-editor.ts +0 -1750
  54. package/dist/ts/inplace-editor/base/interface.ts +0 -129
  55. package/dist/ts/inplace-editor/base/models.ts +0 -49
  56. package/dist/ts/inplace-editor/base/util.ts +0 -106
  57. package/dist/ts/inplace-editor/modules/auto-complete.ts +0 -65
  58. package/dist/ts/inplace-editor/modules/base-module.ts +0 -74
  59. package/dist/ts/inplace-editor/modules/color-picker.ts +0 -55
  60. package/dist/ts/inplace-editor/modules/combo-box.ts +0 -63
  61. package/dist/ts/inplace-editor/modules/date-range-picker.ts +0 -55
  62. package/dist/ts/inplace-editor/modules/multi-select.ts +0 -88
  63. package/dist/ts/inplace-editor/modules/rte.ts +0 -72
  64. package/dist/ts/inplace-editor/modules/slider.ts +0 -59
  65. package/dist/ts/inplace-editor/modules/time-picker.ts +0 -54
package/styles/inplace-editor/_fluent-definition.scss CHANGED
@@ -55,7 +55,7 @@ $editor-background-color: $transparent !default;
55
55
  $wrapper-background-color: $flyout-bg-color !default;
56
56
  $editor-tip-border: none !default;
57
57
  $editor-tip-bg: $flyout-bg-color !default;
58
- $editor-tip-arrow-icon-color: $content-bg-color !default;
58
+ $editor-tip-arrow-icon-color: $tooltip-bg-color !default;
59
59
  $editor-tip-title-arrow-icon-color: $content-bg-color !default;
60
60
  $editor-tip-arrow-bdr-color: $content-bg-color-alt1 !default;
61
61
  $editor-tip-title-arrow-bdr-color: $border !default;
package/styles/inplace-editor/_fusionnew-definition.scss ADDED
@@ -0,0 +1,68 @@
1
+ $inplace-skin: 'bootstrap5' !default;
2
+ //Layout Variable Start
3
+ $editor-big-value-text-font-size: $text-base !default;
4
+ $editor-nrml-value-text-font-size: $text-sm !default;
5
+ $editor-big-value-container-padding: 7px 12px 7px 12px !default;
6
+ $editor-nrml-value-container-padding: 3px 8px 5px 8px !default;
7
+ $editor-big-value-container-spin-padding: 8px !default;
8
+ $editor-nrml-value-container-spin-padding: 8px !default;
9
+ $editor-big-value-margin: 0 30px 0 0 !default;
10
+ $editor-nrml-value-margin: 0 28px 0 0 !default;
11
+ $editor-rtl-big-value-margin: 0 0 0 30px !default;
12
+ $editor-rtl-nrml-value-margin: 0 0 0 28px !default;
13
+ $editor-big-overlay-icon-size: $text-base !default;
14
+ $editor-nrml-overlay-icon-size: $text-sm !default;
15
+ $editor-big-overlay-icon-container-size: 20px !default;
16
+ $editor-nrml-overlay-icon-container-size: 20px !default;
17
+ $editor-big-overlay-icon-left-right: 8px !default;
18
+ $editor-nrml-overlay-icon-left-right: 8px !default;
19
+ $editor-tip-content-bdr-radius: 4px !default;
20
+ $editor-popup-tip-content-bdr-radius: 4px !default;
21
+ $editor-tip-title-font-weight: $font-weight-medium !default;
22
+ $editor-big-tip-title-font-size: $text-sm !default;
23
+ $editor-nrml-tip-title-font-size: $text-xs !default;
24
+ $editor-big-tip-title-padding: 12px 16px 12px 16px !default;
25
+ $editor-nrml-tip-title-padding: 9px 12px 9px 12px !default;
26
+ $editor-rtl-big-tip-title-padding: 12px 16px 12px 16px !default;
27
+ $editor-rtl-nrml-tip-title-padding: 9px 12px 9px 12px !default;
28
+ $editor-big-tip-title-container-size: 46px !default;
29
+ $editor-nrml-tip-title-container-size: 36px !default;
30
+ $editor-big-tip-wrapper-padding: 16px !default;
31
+ $editor-nrml-tip-wrapper-padding: 12px !default;
32
+ $editor-big-wrapper-title-with-padding: 16px !default;
33
+ $editor-nrml-wrapper-title-with-padding: 12px !default;
34
+ $editor-component-bottom-margin: 4px !default;
35
+ $editor-buttons-top-margin: 4px !default;
36
+ $editor-btn-save-icon-size: 16px !default;
37
+ $editor-btn-cancel-icon-size: 16px !default;
38
+ $editor-big-btn-save-margin: 0 4px 0 0 !default;
39
+ $editor-nrml-btn-save-margin: 0 4px 0 0 !default;
40
+ $editor-big-btn-cancel-margin: 0 0 0 4px !default;
41
+ $editor-nrml-btn-cancel-margin: 0 0 0 4px !default;
42
+ $editor-rtl-big-btn-save-margin: 0 0 0 4px !default;
43
+ $editor-rtl-nrml-btn-save-margin: 0 0 0 4px !default;
44
+ $editor-rtl-big-btn-cancel-margin: 0 4px 0 0 !default;
45
+ $editor-rtl-nrml-btn-cancel-margin: 0 4px 0 0 !default;
46
+ //Layout Variable End
47
+
48
+ //Theme Variable Start
49
+ $editor-value-hover-bg: $content-bg-color-alt2 !default;
50
+ $editor-value-text-color: $content-text-color !default;
51
+ $editor-overlay-icon-color: $icon-color !default;
52
+ $editor-value-text-border: 1px dashed $content-text-color !default;
53
+ $editor-background-color: $transparent !default;
54
+ $wrapper-background-color: $flyout-bg-color !default;
55
+ $editor-tip-border: 1px solid $border !default;
56
+ $editor-tip-bg: $content-bg-color !default;
57
+ $editor-tip-arrow-icon-color: $content-bg-color-alt1 !default;
58
+ $editor-tip-title-arrow-icon-color: $content-bg-color-alt1 !default;
59
+ $editor-tip-arrow-bdr-color: $content-bg-color-alt1 !default;
60
+ $editor-tip-title-arrow-bdr-color: $border !default;
61
+ $editor-tip-box-shadow: $shadow-lg !default;
62
+ $editor-tip-title-bg: $content-bg-color-alt1 !default;
63
+ $editor-tio-title-border-bottom: 0 !default;
64
+ $editor-tip-title-color: $content-text-color !default;
65
+ $editable-overlay-icon-height: inherit !default;
66
+ $editable-overlay-icon: 0 !default;
67
+ $editor-btn-icon-color: $icon-color !default;
68
+ //Theme Variable End
package/styles/inplace-editor/_material3-definition.scss ADDED
@@ -0,0 +1,68 @@
1
+ $inplace-skin: 'bootstrap5' !default;
2
+ //Layout Variable Start
3
+ $editor-big-value-text-font-size: $text-base !default;
4
+ $editor-nrml-value-text-font-size: $text-sm !default;
5
+ $editor-big-value-container-padding: 7px 12px 7px 12px !default;
6
+ $editor-nrml-value-container-padding: 3px 8px 5px 8px !default;
7
+ $editor-big-value-container-spin-padding: 8px !default;
8
+ $editor-nrml-value-container-spin-padding: 8px !default;
9
+ $editor-big-value-margin: 0 30px 0 0 !default;
10
+ $editor-nrml-value-margin: 0 28px 0 0 !default;
11
+ $editor-rtl-big-value-margin: 0 0 0 30px !default;
12
+ $editor-rtl-nrml-value-margin: 0 0 0 28px !default;
13
+ $editor-big-overlay-icon-size: $text-base !default;
14
+ $editor-nrml-overlay-icon-size: $text-sm !default;
15
+ $editor-big-overlay-icon-container-size: 20px !default;
16
+ $editor-nrml-overlay-icon-container-size: 20px !default;
17
+ $editor-big-overlay-icon-left-right: 8px !default;
18
+ $editor-nrml-overlay-icon-left-right: 8px !default;
19
+ $editor-tip-content-bdr-radius: 4px !default;
20
+ $editor-popup-tip-content-bdr-radius: 4px !default;
21
+ $editor-tip-title-font-weight: $font-weight-medium !default;
22
+ $editor-big-tip-title-font-size: $text-sm !default;
23
+ $editor-nrml-tip-title-font-size: $text-xs !default;
24
+ $editor-big-tip-title-padding: 12px 16px 12px 16px !default;
25
+ $editor-nrml-tip-title-padding: 9px 12px 9px 12px !default;
26
+ $editor-rtl-big-tip-title-padding: 12px 16px 12px 16px !default;
27
+ $editor-rtl-nrml-tip-title-padding: 9px 12px 9px 12px !default;
28
+ $editor-big-tip-title-container-size: 46px !default;
29
+ $editor-nrml-tip-title-container-size: 36px !default;
30
+ $editor-big-tip-wrapper-padding: 16px !default;
31
+ $editor-nrml-tip-wrapper-padding: 12px !default;
32
+ $editor-big-wrapper-title-with-padding: 16px !default;
33
+ $editor-nrml-wrapper-title-with-padding: 12px !default;
34
+ $editor-component-bottom-margin: 4px !default;
35
+ $editor-buttons-top-margin: 4px !default;
36
+ $editor-btn-save-icon-size: 16px !default;
37
+ $editor-btn-cancel-icon-size: 16px !default;
38
+ $editor-big-btn-save-margin: 0 4px 0 0 !default;
39
+ $editor-nrml-btn-save-margin: 0 4px 0 0 !default;
40
+ $editor-big-btn-cancel-margin: 0 0 0 4px !default;
41
+ $editor-nrml-btn-cancel-margin: 0 0 0 4px !default;
42
+ $editor-rtl-big-btn-save-margin: 0 0 0 4px !default;
43
+ $editor-rtl-nrml-btn-save-margin: 0 0 0 4px !default;
44
+ $editor-rtl-big-btn-cancel-margin: 0 4px 0 0 !default;
45
+ $editor-rtl-nrml-btn-cancel-margin: 0 4px 0 0 !default;
46
+ //Layout Variable End
47
+
48
+ //Theme Variable Start
49
+ $editor-value-hover-bg: $content-bg-color-alt2 !default;
50
+ $editor-value-text-color: $content-text-color !default;
51
+ $editor-overlay-icon-color: $icon-color !default;
52
+ $editor-value-text-border: 1px dashed $content-text-color !default;
53
+ $editor-background-color: $transparent !default;
54
+ $wrapper-background-color: $flyout-bg-color !default;
55
+ $editor-tip-border: 1px solid $border !default;
56
+ $editor-tip-bg: $content-bg-color !default;
57
+ $editor-tip-arrow-icon-color: $content-bg-color-alt1 !default;
58
+ $editor-tip-title-arrow-icon-color: $content-bg-color-alt1 !default;
59
+ $editor-tip-arrow-bdr-color: $content-bg-color-alt1 !default;
60
+ $editor-tip-title-arrow-bdr-color: $border !default;
61
+ $editor-tip-box-shadow: $shadow-lg !default;
62
+ $editor-tip-title-bg: $content-bg-color-alt1 !default;
63
+ $editor-tio-title-border-bottom: 0 !default;
64
+ $editor-tip-title-color: $content-text-color !default;
65
+ $editable-overlay-icon-height: inherit !default;
66
+ $editable-overlay-icon: 0 !default;
67
+ $editor-btn-icon-color: $icon-color !default;
68
+ //Theme Variable End
package/styles/inplace-editor/_theme.scss CHANGED
@@ -136,6 +136,14 @@
136
136
  border: 1px solid darken($gray-600, 10%);
137
137
  }
138
138
  }
139
+ @else if $inplace-skin == 'bootstrap5' {
140
+
141
+ &:hover {
142
+ background-color: darken($gray-600, 7.5%);
143
+ border: 1px solid darken($gray-600, 10%);
144
+ }
145
+ }
146
+
139
147
 
140
148
  @if $inplace-skin == 'bootstrap4' {
141
149