@syncfusion/ej2-inplace-editor 31.2.2 → 32.1.19

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 (190) hide show
  1. package/.eslintrc.json +4 -29
  2. package/README.md +36 -24
  3. package/dist/ej2-inplace-editor.min.js +1 -10
  4. package/dist/ej2-inplace-editor.umd.min.js +0 -9
  5. package/dist/global/ej2-inplace-editor.min.js +0 -9
  6. package/dist/global/index.d.ts +0 -9
  7. package/package.json +23 -59
  8. package/styles/bds-lite.css +6 -6
  9. package/styles/bds-lite.scss +25 -26
  10. package/styles/bds.css +6 -6
  11. package/styles/bds.scss +26 -27
  12. package/styles/bootstrap-dark-lite.css +0 -4
  13. package/styles/bootstrap-dark-lite.scss +25 -26
  14. package/styles/bootstrap-dark.css +0 -4
  15. package/styles/bootstrap-dark.scss +26 -27
  16. package/styles/bootstrap-lite.css +3 -63
  17. package/styles/bootstrap-lite.scss +25 -26
  18. package/styles/bootstrap.css +3 -63
  19. package/styles/bootstrap.scss +26 -27
  20. package/styles/bootstrap4-lite.css +11 -87
  21. package/styles/bootstrap4-lite.scss +25 -26
  22. package/styles/bootstrap4.css +11 -87
  23. package/styles/bootstrap4.scss +26 -27
  24. package/styles/bootstrap5-dark-lite.scss +25 -26
  25. package/styles/bootstrap5-dark.scss +26 -27
  26. package/styles/bootstrap5-lite.scss +26 -26
  27. package/styles/bootstrap5.3-lite.css +88 -8
  28. package/styles/bootstrap5.3-lite.scss +26 -26
  29. package/styles/bootstrap5.3.css +88 -8
  30. package/styles/bootstrap5.3.scss +27 -27
  31. package/styles/bootstrap5.scss +27 -27
  32. package/styles/fabric-dark-lite.scss +26 -26
  33. package/styles/fabric-dark.scss +27 -27
  34. package/styles/fabric-lite.scss +26 -26
  35. package/styles/fabric.scss +27 -27
  36. package/styles/fluent-dark-lite.scss +26 -26
  37. package/styles/fluent-dark.scss +27 -27
  38. package/styles/fluent-lite.scss +26 -26
  39. package/styles/fluent.scss +27 -27
  40. package/styles/fluent2-lite.css +247 -14
  41. package/styles/fluent2-lite.scss +26 -26
  42. package/styles/fluent2.css +247 -14
  43. package/styles/fluent2.scss +27 -27
  44. package/styles/highcontrast-light-lite.scss +26 -26
  45. package/styles/highcontrast-light.scss +27 -27
  46. package/styles/highcontrast-lite.scss +26 -26
  47. package/styles/highcontrast.scss +27 -27
  48. package/styles/inplace-editor/_all.scss +2 -2
  49. package/styles/inplace-editor/_bds-definition.scss +11 -0
  50. package/styles/inplace-editor/_bigger.scss +8 -6
  51. package/styles/inplace-editor/_bootstrap-dark-definition.scss +10 -0
  52. package/styles/inplace-editor/_bootstrap-definition.scss +10 -0
  53. package/styles/inplace-editor/_bootstrap4-definition.scss +9 -0
  54. package/styles/inplace-editor/_bootstrap5-dark-definition.scss +80 -1
  55. package/styles/inplace-editor/_bootstrap5-definition.scss +11 -0
  56. package/styles/inplace-editor/_bootstrap5.3-definition.scss +13 -2
  57. package/styles/inplace-editor/_fabric-dark-definition.scss +10 -0
  58. package/styles/inplace-editor/_fabric-definition.scss +10 -0
  59. package/styles/inplace-editor/_fluent-dark-definition.scss +80 -1
  60. package/styles/inplace-editor/_fluent-definition.scss +10 -0
  61. package/styles/inplace-editor/_fluent2-definition.scss +12 -2
  62. package/styles/inplace-editor/_fusionnew-definition.scss +10 -0
  63. package/styles/inplace-editor/_highcontrast-definition.scss +10 -0
  64. package/styles/inplace-editor/_highcontrast-light-definition.scss +10 -0
  65. package/styles/inplace-editor/_layout.scss +25 -23
  66. package/styles/inplace-editor/_material-dark-definition.scss +10 -0
  67. package/styles/inplace-editor/_material-definition.scss +10 -0
  68. package/styles/inplace-editor/_material3-dark-definition.scss +72 -1
  69. package/styles/inplace-editor/_material3-definition.scss +12 -3
  70. package/styles/inplace-editor/_tailwind-dark-definition.scss +81 -1
  71. package/styles/inplace-editor/_tailwind-definition.scss +11 -0
  72. package/styles/inplace-editor/_tailwind3-definition.scss +14 -2
  73. package/styles/inplace-editor/_theme-variables.scss +1 -0
  74. package/styles/inplace-editor/_theme.scss +2 -1
  75. package/styles/inplace-editor/bds.css +6 -6
  76. package/styles/inplace-editor/bds.scss +27 -27
  77. package/styles/inplace-editor/bootstrap-dark.css +0 -4
  78. package/styles/inplace-editor/bootstrap-dark.scss +27 -27
  79. package/styles/inplace-editor/bootstrap.css +3 -63
  80. package/styles/inplace-editor/bootstrap.scss +27 -27
  81. package/styles/inplace-editor/bootstrap4.css +11 -87
  82. package/styles/inplace-editor/bootstrap4.scss +27 -27
  83. package/styles/inplace-editor/bootstrap5-dark.scss +27 -27
  84. package/styles/inplace-editor/bootstrap5.3.css +88 -8
  85. package/styles/inplace-editor/bootstrap5.3.scss +27 -27
  86. package/styles/inplace-editor/bootstrap5.scss +27 -27
  87. package/styles/inplace-editor/fabric-dark.scss +27 -27
  88. package/styles/inplace-editor/fabric.scss +27 -27
  89. package/styles/inplace-editor/fluent-dark.scss +27 -27
  90. package/styles/inplace-editor/fluent.scss +27 -27
  91. package/styles/inplace-editor/fluent2.css +247 -14
  92. package/styles/inplace-editor/fluent2.scss +27 -27
  93. package/styles/inplace-editor/highcontrast-light.scss +27 -27
  94. package/styles/inplace-editor/highcontrast.scss +27 -27
  95. package/styles/inplace-editor/icons/_bds.scss +1 -0
  96. package/styles/inplace-editor/icons/_bootstrap-dark.scss +2 -1
  97. package/styles/inplace-editor/icons/_bootstrap.scss +2 -1
  98. package/styles/inplace-editor/icons/_bootstrap4.scss +2 -1
  99. package/styles/inplace-editor/icons/_bootstrap5-dark.scss +1 -1
  100. package/styles/inplace-editor/icons/_bootstrap5.3.scss +1 -0
  101. package/styles/inplace-editor/icons/_bootstrap5.scss +1 -0
  102. package/styles/inplace-editor/icons/_fabric-dark.scss +2 -1
  103. package/styles/inplace-editor/icons/_fabric.scss +2 -1
  104. package/styles/inplace-editor/icons/_fluent-dark.scss +1 -1
  105. package/styles/inplace-editor/icons/_fluent.scss +1 -0
  106. package/styles/inplace-editor/icons/_fluent2.scss +1 -0
  107. package/styles/inplace-editor/icons/_fusionnew.scss +1 -0
  108. package/styles/inplace-editor/icons/_highcontrast-light.scss +2 -1
  109. package/styles/inplace-editor/icons/_highcontrast.scss +2 -1
  110. package/styles/inplace-editor/icons/_material-dark.scss +2 -1
  111. package/styles/inplace-editor/icons/_material.scss +2 -1
  112. package/styles/inplace-editor/icons/_material3-dark.scss +1 -1
  113. package/styles/inplace-editor/icons/_material3.scss +1 -0
  114. package/styles/inplace-editor/icons/_tailwind-dark.scss +1 -1
  115. package/styles/inplace-editor/icons/_tailwind.scss +1 -0
  116. package/styles/inplace-editor/icons/_tailwind3.scss +1 -0
  117. package/styles/inplace-editor/material-dark.scss +27 -27
  118. package/styles/inplace-editor/material.css +9 -0
  119. package/styles/inplace-editor/material.scss +27 -27
  120. package/styles/inplace-editor/material3-dark.css +427 -4
  121. package/styles/inplace-editor/material3-dark.scss +27 -28
  122. package/styles/inplace-editor/material3.css +431 -8
  123. package/styles/inplace-editor/material3.scss +27 -28
  124. package/styles/inplace-editor/tailwind-dark.scss +27 -27
  125. package/styles/inplace-editor/tailwind.scss +27 -27
  126. package/styles/inplace-editor/tailwind3.css +128 -9
  127. package/styles/inplace-editor/tailwind3.scss +27 -27
  128. package/styles/material-dark-lite.scss +26 -26
  129. package/styles/material-dark.scss +27 -27
  130. package/styles/material-lite.css +9 -0
  131. package/styles/material-lite.scss +25 -26
  132. package/styles/material.css +9 -0
  133. package/styles/material.scss +26 -27
  134. package/styles/material3-dark-lite.css +427 -4
  135. package/styles/material3-dark-lite.scss +26 -26
  136. package/styles/material3-dark.css +427 -4
  137. package/styles/material3-dark.scss +27 -29
  138. package/styles/material3-lite.css +431 -8
  139. package/styles/material3-lite.scss +26 -26
  140. package/styles/material3.css +431 -8
  141. package/styles/material3.scss +27 -29
  142. package/styles/tailwind-dark-lite.scss +26 -26
  143. package/styles/tailwind-dark.scss +27 -27
  144. package/styles/tailwind-lite.scss +26 -26
  145. package/styles/tailwind.scss +27 -27
  146. package/styles/tailwind3-lite.css +128 -9
  147. package/styles/tailwind3-lite.scss +26 -26
  148. package/styles/tailwind3.css +128 -9
  149. package/styles/tailwind3.scss +27 -27
  150. package/dist/ts/index.d.ts +0 -4
  151. package/dist/ts/index.ts +0 -4
  152. package/dist/ts/inplace-editor/base/classes.d.ts +0 -63
  153. package/dist/ts/inplace-editor/base/classes.ts +0 -63
  154. package/dist/ts/inplace-editor/base/events.d.ts +0 -17
  155. package/dist/ts/inplace-editor/base/events.ts +0 -18
  156. package/dist/ts/inplace-editor/base/index.d.ts +0 -10
  157. package/dist/ts/inplace-editor/base/index.ts +0 -10
  158. package/dist/ts/inplace-editor/base/inplace-editor-model.d.ts +0 -344
  159. package/dist/ts/inplace-editor/base/inplace-editor.d.ts +0 -623
  160. package/dist/ts/inplace-editor/base/inplace-editor.ts +0 -1762
  161. package/dist/ts/inplace-editor/base/interface.d.ts +0 -117
  162. package/dist/ts/inplace-editor/base/interface.ts +0 -127
  163. package/dist/ts/inplace-editor/base/models-model.d.ts +0 -22
  164. package/dist/ts/inplace-editor/base/models.d.ts +0 -31
  165. package/dist/ts/inplace-editor/base/models.ts +0 -45
  166. package/dist/ts/inplace-editor/base/util.d.ts +0 -28
  167. package/dist/ts/inplace-editor/base/util.ts +0 -104
  168. package/dist/ts/inplace-editor/index.d.ts +0 -5
  169. package/dist/ts/inplace-editor/index.ts +0 -5
  170. package/dist/ts/inplace-editor/modules/auto-complete.d.ts +0 -34
  171. package/dist/ts/inplace-editor/modules/auto-complete.ts +0 -65
  172. package/dist/ts/inplace-editor/modules/base-module.d.ts +0 -19
  173. package/dist/ts/inplace-editor/modules/base-module.ts +0 -74
  174. package/dist/ts/inplace-editor/modules/color-picker.d.ts +0 -29
  175. package/dist/ts/inplace-editor/modules/color-picker.ts +0 -55
  176. package/dist/ts/inplace-editor/modules/combo-box.d.ts +0 -34
  177. package/dist/ts/inplace-editor/modules/combo-box.ts +0 -63
  178. package/dist/ts/inplace-editor/modules/date-range-picker.d.ts +0 -29
  179. package/dist/ts/inplace-editor/modules/date-range-picker.ts +0 -55
  180. package/dist/ts/inplace-editor/modules/index.d.ts +0 -12
  181. package/dist/ts/inplace-editor/modules/index.ts +0 -12
  182. package/dist/ts/inplace-editor/modules/multi-select.d.ts +0 -35
  183. package/dist/ts/inplace-editor/modules/multi-select.ts +0 -88
  184. package/dist/ts/inplace-editor/modules/rte.d.ts +0 -31
  185. package/dist/ts/inplace-editor/modules/rte.ts +0 -73
  186. package/dist/ts/inplace-editor/modules/slider.d.ts +0 -30
  187. package/dist/ts/inplace-editor/modules/slider.ts +0 -59
  188. package/dist/ts/inplace-editor/modules/time-picker.d.ts +0 -29
  189. package/dist/ts/inplace-editor/modules/time-picker.ts +0 -54
  190. package/tslint.json +0 -111
@@ -1,29 +0,0 @@
1
- import { ColorPicker as EJ2ColorPicker } from '@syncfusion/ej2-inputs';
2
- import { InPlaceEditor } from '../base/inplace-editor';
3
- import { NotifyParams, IComponent } from '../base/interface';
4
- /**
5
- * The `ColorPicker` module is used configure the properties of Color picker type editor.
6
- */
7
- export declare class ColorPicker implements IComponent {
8
- private base;
9
- protected parent: InPlaceEditor;
10
- compObj: EJ2ColorPicker;
11
- constructor(parent?: InPlaceEditor);
12
- render(e: NotifyParams): void;
13
- focus(): void;
14
- updateValue(e: NotifyParams): void;
15
- /**
16
- * Destroys the module.
17
- *
18
- * @function destroy
19
- * @returns {void}
20
- * @hidden
21
- */
22
- destroy(): void;
23
- /**
24
- * For internal use only - Get the module name.
25
- *
26
- * @returns {string} - retunrs the string
27
- */
28
- private getModuleName;
29
- }
@@ -1,55 +0,0 @@
1
- import { ColorPicker as EJ2ColorPicker, ColorPickerModel } from '@syncfusion/ej2-inputs';
2
- import { Base } from './base-module';
3
- import { InPlaceEditor } from '../base/inplace-editor';
4
- import { NotifyParams, IComponent } from '../base/interface';
5
-
6
- /**
7
- * The `ColorPicker` module is used configure the properties of Color picker type editor.
8
- */
9
- export class ColorPicker implements IComponent {
10
- private base: Base;
11
- protected parent: InPlaceEditor;
12
- public compObj: EJ2ColorPicker = undefined;
13
-
14
- public constructor(parent?: InPlaceEditor) {
15
- this.parent = parent;
16
- this.parent.colorModule = this;
17
- this.base = new Base(this.parent, this);
18
- }
19
-
20
- public render(e: NotifyParams): void {
21
- this.compObj = new EJ2ColorPicker(this.parent.model as ColorPickerModel);
22
- this.compObj.appendTo(e.target as HTMLInputElement);
23
- }
24
-
25
- public focus(): void {
26
- this.compObj.element.focus();
27
- }
28
-
29
- public updateValue(e: NotifyParams): void {
30
- if (this.compObj && e.type === 'Color') {
31
- this.parent.setProperties({ value: this.compObj.value }, true);
32
- this.parent.extendModelValue(this.compObj.value);
33
- }
34
- }
35
-
36
- /**
37
- * Destroys the module.
38
- *
39
- * @function destroy
40
- * @returns {void}
41
- * @hidden
42
- */
43
- public destroy(): void {
44
- this.base.destroy();
45
- }
46
-
47
- /**
48
- * For internal use only - Get the module name.
49
- *
50
- * @returns {string} - retunrs the string
51
- */
52
- private getModuleName(): string {
53
- return 'color-picker';
54
- }
55
- }
@@ -1,34 +0,0 @@
1
- import { ComboBox as EJ2ComboBox } from '@syncfusion/ej2-dropdowns';
2
- import { InPlaceEditor } from '../base/inplace-editor';
3
- import { NotifyParams, IComponent } from '../base/interface';
4
- /**
5
- * The `ComboBox` module is used configure the properties of Combo box type editor.
6
- */
7
- export declare class ComboBox implements IComponent {
8
- private base;
9
- protected parent: InPlaceEditor;
10
- compObj: EJ2ComboBox;
11
- constructor(parent?: InPlaceEditor);
12
- render(e: NotifyParams): void;
13
- focus(): void;
14
- /**
15
- * @hidden
16
- * @returns {void}
17
- */
18
- showPopup(): void;
19
- /**
20
- * Destroys the module.
21
- *
22
- * @function destroy
23
- * @returns {void}
24
- * @hidden
25
- */
26
- destroy(): void;
27
- updateValue(e: NotifyParams): void;
28
- /**
29
- * For internal use only - Get the module name.
30
- *
31
- * @returns {string} - returns the string
32
- */
33
- private getModuleName;
34
- }
@@ -1,63 +0,0 @@
1
- import { ComboBox as EJ2ComboBox, ComboBoxModel } from '@syncfusion/ej2-dropdowns';
2
- import { Base } from './base-module';
3
- import { InPlaceEditor } from '../base/inplace-editor';
4
- import { NotifyParams, IComponent } from '../base/interface';
5
-
6
- /**
7
- * The `ComboBox` module is used configure the properties of Combo box type editor.
8
- */
9
- export class ComboBox implements IComponent {
10
- private base: Base;
11
- protected parent: InPlaceEditor;
12
- public compObj: EJ2ComboBox = undefined;
13
-
14
- public constructor(parent?: InPlaceEditor) {
15
- this.parent = parent;
16
- this.parent.comboBoxModule = this;
17
- this.base = new Base(this.parent, this);
18
- }
19
-
20
- public render(e: NotifyParams): void {
21
- this.compObj = new EJ2ComboBox(this.parent.model as ComboBoxModel);
22
- this.compObj.appendTo(e.target);
23
- }
24
-
25
- public focus(): void {
26
- this.compObj.element.focus();
27
- }
28
-
29
- /**
30
- * @hidden
31
- * @returns {void}
32
- */
33
- public showPopup(): void {
34
- this.compObj.focusIn();
35
- this.compObj.showPopup();
36
- }
37
-
38
- /**
39
- * Destroys the module.
40
- *
41
- * @function destroy
42
- * @returns {void}
43
- * @hidden
44
- */
45
- public destroy(): void {
46
- this.base.destroy();
47
- }
48
- public updateValue(e: NotifyParams): void {
49
- if (this.compObj && e.type === 'ComboBox') {
50
- this.parent.setProperties({ value: this.compObj.value }, true);
51
- this.parent.extendModelValue(this.compObj.value);
52
- }
53
- }
54
-
55
- /**
56
- * For internal use only - Get the module name.
57
- *
58
- * @returns {string} - returns the string
59
- */
60
- private getModuleName(): string {
61
- return 'combo-box';
62
- }
63
- }
@@ -1,29 +0,0 @@
1
- import { DateRangePicker as EJ2DateRangePicker } from '@syncfusion/ej2-calendars';
2
- import { InPlaceEditor } from '../base/inplace-editor';
3
- import { NotifyParams, IComponent } from '../base/interface';
4
- /**
5
- * The `DateRangePicker` module is used configure the properties of Date range picker type editor.
6
- */
7
- export declare class DateRangePicker implements IComponent {
8
- private base;
9
- compObj: EJ2DateRangePicker;
10
- protected parent: InPlaceEditor;
11
- constructor(parent?: InPlaceEditor);
12
- render(e: NotifyParams): void;
13
- focus(): void;
14
- /**
15
- * For internal use only - Get the module name.
16
- *
17
- * @returns {string} - returns the string
18
- */
19
- private getModuleName;
20
- updateValue(e: NotifyParams): void;
21
- /**
22
- * Destroys the module.
23
- *
24
- * @function destroy
25
- * @returns {void}
26
- * @hidden
27
- */
28
- destroy(): void;
29
- }
@@ -1,55 +0,0 @@
1
- import { DateRangePicker as EJ2DateRangePicker, DateRangePickerModel } from '@syncfusion/ej2-calendars';
2
- import { Base } from './base-module';
3
- import { InPlaceEditor } from '../base/inplace-editor';
4
- import { NotifyParams, IComponent } from '../base/interface';
5
-
6
- /**
7
- * The `DateRangePicker` module is used configure the properties of Date range picker type editor.
8
- */
9
- export class DateRangePicker implements IComponent {
10
- private base: Base;
11
- public compObj: EJ2DateRangePicker = undefined;
12
- protected parent: InPlaceEditor;
13
-
14
- public constructor(parent?: InPlaceEditor) {
15
- this.parent = parent;
16
- this.parent.dateRangeModule = this;
17
- this.base = new Base(this.parent, this);
18
- }
19
-
20
- public render(e: NotifyParams): void {
21
- this.compObj = new EJ2DateRangePicker(this.parent.model as DateRangePickerModel);
22
- this.compObj.appendTo(e.target as HTMLInputElement);
23
- }
24
-
25
- public focus(): void {
26
- this.compObj.element.focus();
27
- }
28
-
29
- /**
30
- * For internal use only - Get the module name.
31
- *
32
- * @returns {string} - returns the string
33
- */
34
- private getModuleName(): string {
35
- return 'date-range-picker';
36
- }
37
-
38
- public updateValue(e: NotifyParams): void {
39
- if (this.compObj && e.type === 'DateRange') {
40
- this.parent.setProperties({ value: this.compObj.value }, true);
41
- this.parent.extendModelValue(this.compObj.value);
42
- }
43
- }
44
-
45
- /**
46
- * Destroys the module.
47
- *
48
- * @function destroy
49
- * @returns {void}
50
- * @hidden
51
- */
52
- public destroy(): void {
53
- this.base.destroy();
54
- }
55
- }
@@ -1,12 +0,0 @@
1
- /**
2
- *
3
- */
4
- export * from './base-module';
5
- export * from './auto-complete';
6
- export * from './color-picker';
7
- export * from './combo-box';
8
- export * from './date-range-picker';
9
- export * from './multi-select';
10
- export * from './rte';
11
- export * from './slider';
12
- export * from './time-picker';
@@ -1,12 +0,0 @@
1
- /**
2
- *
3
- */
4
- export * from './base-module';
5
- export * from './auto-complete';
6
- export * from './color-picker';
7
- export * from './combo-box';
8
- export * from './date-range-picker';
9
- export * from './multi-select';
10
- export * from './rte';
11
- export * from './slider';
12
- export * from './time-picker';
@@ -1,35 +0,0 @@
1
- import { MultiSelect as EJ2MultiSelect } from '@syncfusion/ej2-dropdowns';
2
- import { InPlaceEditor } from '../base/inplace-editor';
3
- import { NotifyParams, IComponent } from '../base/interface';
4
- /**
5
- * The `MultiSelect` module is used configure the properties of Multi select type editor.
6
- */
7
- export declare class MultiSelect implements IComponent {
8
- private base;
9
- protected parent: InPlaceEditor;
10
- private isPopOpen;
11
- compObj: EJ2MultiSelect;
12
- private openEvent;
13
- private closeEvent;
14
- constructor(parent?: InPlaceEditor);
15
- render(e: NotifyParams): void;
16
- private openHandler;
17
- private closeHandler;
18
- focus(): void;
19
- updateValue(e: NotifyParams): void;
20
- getRenderValue(): void;
21
- /**
22
- * Destroys the module.
23
- *
24
- * @function destroy
25
- * @returns {void}
26
- * @hidden
27
- */
28
- destroy(): void;
29
- /**
30
- * For internal use only - Get the module name.
31
- *
32
- * @returns {string} - returns the string
33
- */
34
- private getModuleName;
35
- }
@@ -1,88 +0,0 @@
1
- import { closest, EmitType } from '@syncfusion/ej2-base';
2
- import { MultiSelect as EJ2MultiSelect, MultiSelectModel, PopupEventArgs } from '@syncfusion/ej2-dropdowns';
3
- import { Base } from './base-module';
4
- import { InPlaceEditor } from '../base/inplace-editor';
5
- import { NotifyParams, IComponent } from '../base/interface';
6
-
7
- /**
8
- * The `MultiSelect` module is used configure the properties of Multi select type editor.
9
- */
10
- export class MultiSelect implements IComponent {
11
- private base: Base;
12
- protected parent: InPlaceEditor;
13
- private isPopOpen: boolean = false;
14
- public compObj: EJ2MultiSelect = undefined;
15
- private openEvent: EmitType<PopupEventArgs>;
16
- private closeEvent: EmitType<PopupEventArgs>;
17
-
18
- public constructor(parent?: InPlaceEditor) {
19
- this.parent = parent;
20
- this.parent.multiSelectModule = this;
21
- this.base = new Base(this.parent, this);
22
- }
23
-
24
- public render(e: NotifyParams): void {
25
- const compModel: MultiSelectModel = { ...this.parent.model as MultiSelectModel };
26
- this.openEvent = compModel.open;
27
- this.closeEvent = compModel.close;
28
- compModel.open = this.openHandler.bind(this);
29
- compModel.close = this.closeHandler.bind(this);
30
- this.compObj = new EJ2MultiSelect(compModel);
31
- this.compObj.appendTo(e.target);
32
- }
33
-
34
- private openHandler(e: PopupEventArgs): void {
35
- this.isPopOpen = true;
36
- if (this.openEvent) {
37
- this.compObj.setProperties({ open: this.openEvent }, true);
38
- this.compObj.trigger('open', e);
39
- }
40
- }
41
-
42
- private closeHandler(e: PopupEventArgs): void {
43
- this.isPopOpen = false;
44
- if (this.closeEvent) {
45
- this.compObj.setProperties({ close: this.closeEvent }, true);
46
- this.compObj.trigger('close', e);
47
- }
48
- }
49
-
50
- public focus(): void {
51
- if (!this.isPopOpen) {
52
- const evt: MouseEvent = document.createEvent('MouseEvent') as MouseEvent;
53
- evt.initEvent('mousedown', true, true);
54
- (closest(this.compObj.element, '.e-multi-select-wrapper') as HTMLElement).dispatchEvent(evt);
55
- }
56
- }
57
-
58
- public updateValue(e: NotifyParams): void {
59
- if (this.compObj && e.type === 'MultiSelect') {
60
- this.parent.setProperties({ value: this.compObj.value }, true);
61
- this.parent.extendModelValue(this.compObj.value);
62
- }
63
- }
64
-
65
- public getRenderValue(): void {
66
- this.parent.printValue = this.compObj.text;
67
- }
68
-
69
- /**
70
- * Destroys the module.
71
- *
72
- * @function destroy
73
- * @returns {void}
74
- * @hidden
75
- */
76
- public destroy(): void {
77
- this.base.destroy();
78
- }
79
-
80
- /**
81
- * For internal use only - Get the module name.
82
- *
83
- * @returns {string} - returns the string
84
- */
85
- private getModuleName(): string {
86
- return 'multi-select';
87
- }
88
- }
@@ -1,31 +0,0 @@
1
- import { RichTextEditor } from '@syncfusion/ej2-richtexteditor';
2
- import { InPlaceEditor } from '../base/inplace-editor';
3
- import { NotifyParams, IComponent } from '../base/interface';
4
- /**
5
- * The `RTE` module is used configure the properties of RTE type editor.
6
- */
7
- export declare class Rte implements IComponent {
8
- private base;
9
- protected parent: InPlaceEditor;
10
- compObj: RichTextEditor;
11
- constructor(parent?: InPlaceEditor);
12
- render(e: NotifyParams): void;
13
- focus(): void;
14
- updateValue(e: NotifyParams): void;
15
- private getRteValue;
16
- refresh(): void;
17
- /**
18
- * Destroys the rte module.
19
- *
20
- * @function destroy
21
- * @returns {void}
22
- * @hidden
23
- */
24
- destroy(): void;
25
- /**
26
- * For internal use only - Get the module name.
27
- *
28
- * @returns {string} - returns the string
29
- */
30
- private getModuleName;
31
- }
@@ -1,73 +0,0 @@
1
- import { RichTextEditor, RichTextEditorModel, HtmlEditor } from '@syncfusion/ej2-richtexteditor';
2
- import { MarkdownEditor, Toolbar, Link, Image, QuickToolbar, Table, FileManager, PasteCleanup, EmojiPicker, Audio , Video, FormatPainter, Count} from '@syncfusion/ej2-richtexteditor';
3
- import { Base } from './base-module';
4
- import { InPlaceEditor } from '../base/inplace-editor';
5
- import { NotifyParams, IComponent } from '../base/interface';
6
-
7
- /**
8
- * The `RTE` module is used configure the properties of RTE type editor.
9
- */
10
- export class Rte implements IComponent {
11
- private base: Base;
12
- protected parent: InPlaceEditor;
13
- public compObj: RichTextEditor = undefined;
14
-
15
- public constructor(parent?: InPlaceEditor) {
16
- RichTextEditor.Inject(HtmlEditor, MarkdownEditor, Toolbar, Link, Image, QuickToolbar, Table,
17
- FileManager, PasteCleanup, EmojiPicker, Audio , Video, FormatPainter, Count);
18
- this.parent = parent;
19
- this.parent.rteModule = this;
20
- this.base = new Base(this.parent, this);
21
- }
22
-
23
- public render(e: NotifyParams): void {
24
- this.compObj = new RichTextEditor(this.parent.model as RichTextEditorModel);
25
- this.compObj.appendTo(e.target);
26
- }
27
-
28
- public focus(): void {
29
- this.compObj.focusIn();
30
- }
31
-
32
- public updateValue(e: NotifyParams): void {
33
- if (this.compObj && e.type === 'RTE') {
34
- this.parent.setProperties({ value: this.getRteValue() }, true);
35
- this.parent.extendModelValue(this.compObj.value);
36
- }
37
- }
38
-
39
- private getRteValue(): string {
40
- let rteVal: string;
41
- if (this.compObj.editorMode === 'Markdown') {
42
- rteVal = (this.compObj.contentModule.getEditPanel() as HTMLTextAreaElement).value;
43
- return (rteVal === '') ? '' : rteVal;
44
- } else {
45
- rteVal = this.compObj.contentModule.getEditPanel().innerHTML;
46
- return (rteVal === '<p><br></p>' || rteVal === '&lt;p&gt;&lt;br&gt;&lt;/p&gt;' || rteVal === '') ? '' : rteVal;
47
- }
48
- }
49
-
50
- public refresh(): void {
51
- this.compObj.refresh();
52
- }
53
-
54
- /**
55
- * Destroys the rte module.
56
- *
57
- * @function destroy
58
- * @returns {void}
59
- * @hidden
60
- */
61
- public destroy(): void {
62
- this.base.destroy();
63
- }
64
-
65
- /**
66
- * For internal use only - Get the module name.
67
- *
68
- * @returns {string} - returns the string
69
- */
70
- private getModuleName(): string {
71
- return 'rte';
72
- }
73
- }
@@ -1,30 +0,0 @@
1
- import { Slider as EJ2Slider } from '@syncfusion/ej2-inputs';
2
- import { InPlaceEditor } from '../base/inplace-editor';
3
- import { NotifyParams, IComponent } from '../base/interface';
4
- /**
5
- * The `Slider` module is used configure the properties of Slider type editor.
6
- */
7
- export declare class Slider implements IComponent {
8
- private base;
9
- protected parent: InPlaceEditor;
10
- compObj: EJ2Slider;
11
- constructor(parent?: InPlaceEditor);
12
- render(e: NotifyParams): void;
13
- focus(): void;
14
- updateValue(e: NotifyParams): void;
15
- refresh(): void;
16
- /**
17
- * Destroys the slider module.
18
- *
19
- * @function destroy
20
- * @returns {void}
21
- * @hidden
22
- */
23
- destroy(): void;
24
- /**
25
- * For internal use only - Get the module name.
26
- *
27
- * @returns {string} - returns the string
28
- */
29
- private getModuleName;
30
- }
@@ -1,59 +0,0 @@
1
- import { Slider as EJ2Slider, SliderModel } from '@syncfusion/ej2-inputs';
2
- import { Base } from './base-module';
3
- import { InPlaceEditor } from '../base/inplace-editor';
4
- import { NotifyParams, IComponent } from '../base/interface';
5
-
6
- /**
7
- * The `Slider` module is used configure the properties of Slider type editor.
8
- */
9
- export class Slider implements IComponent {
10
- private base: Base;
11
- protected parent: InPlaceEditor;
12
- public compObj: EJ2Slider = undefined;
13
-
14
- public constructor(parent?: InPlaceEditor) {
15
- this.parent = parent;
16
- this.parent.sliderModule = this;
17
- this.base = new Base(this.parent, this);
18
- }
19
-
20
- public render(e: NotifyParams): void {
21
- this.compObj = new EJ2Slider(this.parent.model as SliderModel);
22
- this.compObj.appendTo(e.target as HTMLInputElement);
23
- }
24
-
25
- public focus(): void {
26
- this.compObj.element.focus();
27
- }
28
-
29
- public updateValue(e: NotifyParams): void {
30
- if (this.compObj && e.type === 'Slider') {
31
- this.parent.setProperties({ value: this.compObj.value }, true);
32
- this.parent.extendModelValue(this.compObj.value);
33
- }
34
- }
35
-
36
- public refresh(): void {
37
- this.compObj.refresh();
38
- }
39
-
40
- /**
41
- * Destroys the slider module.
42
- *
43
- * @function destroy
44
- * @returns {void}
45
- * @hidden
46
- */
47
- public destroy(): void {
48
- this.base.destroy();
49
- }
50
-
51
- /**
52
- * For internal use only - Get the module name.
53
- *
54
- * @returns {string} - returns the string
55
- */
56
- private getModuleName(): string {
57
- return 'slider';
58
- }
59
- }
@@ -1,29 +0,0 @@
1
- import { TimePicker as EJ2TimePicker } from '@syncfusion/ej2-calendars';
2
- import { InPlaceEditor } from '../base/inplace-editor';
3
- import { NotifyParams, IComponent } from '../base/interface';
4
- /**
5
- * The `TimePicker` module is used configure the properties of Time picker type editor.
6
- */
7
- export declare class TimePicker implements IComponent {
8
- private base;
9
- protected parent: InPlaceEditor;
10
- compObj: EJ2TimePicker;
11
- constructor(parent?: InPlaceEditor);
12
- render(e: NotifyParams): void;
13
- focus(): void;
14
- updateValue(e: NotifyParams): void;
15
- /**
16
- * For internal use only - Get the module name.
17
- *
18
- * @returns {string} - returns the string
19
- */
20
- private getModuleName;
21
- /**
22
- * Destroys the module.
23
- *
24
- * @function destroy
25
- * @returns {void}
26
- * @hidden
27
- */
28
- destroy(): void;
29
- }