@syncfusion/ej2-inplace-editor 26.1.35 → 26.2.4
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.
- package/dist/ej2-inplace-editor.min.js +10 -0
- package/dist/ej2-inplace-editor.umd.min.js +1 -1
- package/dist/global/ej2-inplace-editor.min.js +1 -1
- package/dist/global/index.d.ts +1 -1
- package/hotfix/26.1.35_Vol2.txt +1 -0
- package/package.json +17 -17
- package/styles/bootstrap-dark.css +0 -2
- package/styles/bootstrap.css +0 -2
- package/styles/bootstrap4.css +1 -3
- package/styles/bootstrap5-dark.css +0 -2
- package/styles/bootstrap5.css +0 -2
- package/styles/fabric-dark.css +0 -2
- package/styles/fabric.css +0 -2
- package/styles/fluent-dark.css +0 -2
- package/styles/fluent.css +0 -2
- package/styles/fluent2.css +65 -67
- package/styles/highcontrast-light.css +0 -2
- package/styles/highcontrast.css +0 -2
- package/styles/inplace-editor/_layout.scss +0 -35
- package/styles/inplace-editor/_material3-definition.scss +0 -7
- package/styles/inplace-editor/_theme.scss +0 -29
- package/styles/inplace-editor/bootstrap-dark.css +0 -2
- package/styles/inplace-editor/bootstrap.css +0 -2
- package/styles/inplace-editor/bootstrap4.css +1 -3
- package/styles/inplace-editor/bootstrap5-dark.css +0 -2
- package/styles/inplace-editor/bootstrap5.css +0 -2
- package/styles/inplace-editor/fabric-dark.css +0 -2
- package/styles/inplace-editor/fabric.css +0 -2
- package/styles/inplace-editor/fluent-dark.css +0 -2
- package/styles/inplace-editor/fluent.css +0 -2
- package/styles/inplace-editor/fluent2.css +65 -67
- package/styles/inplace-editor/highcontrast-light.css +0 -2
- package/styles/inplace-editor/highcontrast.css +0 -2
- package/styles/inplace-editor/material-dark.css +0 -2
- package/styles/inplace-editor/material.css +0 -2
- package/styles/inplace-editor/material3-dark.css +0 -3
- package/styles/inplace-editor/material3.css +0 -3
- package/styles/inplace-editor/tailwind-dark.css +0 -2
- package/styles/inplace-editor/tailwind.css +0 -2
- package/styles/material-dark.css +0 -2
- package/styles/material.css +0 -2
- package/styles/material3-dark.css +0 -3
- package/styles/material3.css +0 -3
- package/styles/tailwind-dark.css +0 -2
- package/styles/tailwind.css +0 -2
- package/dist/ts/index.d.ts +0 -4
- package/dist/ts/index.ts +0 -4
- package/dist/ts/inplace-editor/base/classes.d.ts +0 -63
- package/dist/ts/inplace-editor/base/classes.ts +0 -63
- package/dist/ts/inplace-editor/base/events.d.ts +0 -17
- package/dist/ts/inplace-editor/base/events.ts +0 -18
- package/dist/ts/inplace-editor/base/index.d.ts +0 -10
- package/dist/ts/inplace-editor/base/index.ts +0 -10
- package/dist/ts/inplace-editor/base/inplace-editor-model.d.ts +0 -344
- package/dist/ts/inplace-editor/base/inplace-editor.d.ts +0 -623
- package/dist/ts/inplace-editor/base/inplace-editor.ts +0 -1758
- package/dist/ts/inplace-editor/base/interface.d.ts +0 -117
- package/dist/ts/inplace-editor/base/interface.ts +0 -127
- package/dist/ts/inplace-editor/base/models-model.d.ts +0 -22
- package/dist/ts/inplace-editor/base/models.d.ts +0 -31
- package/dist/ts/inplace-editor/base/models.ts +0 -45
- package/dist/ts/inplace-editor/base/util.d.ts +0 -28
- package/dist/ts/inplace-editor/base/util.ts +0 -104
- package/dist/ts/inplace-editor/index.d.ts +0 -5
- package/dist/ts/inplace-editor/index.ts +0 -5
- package/dist/ts/inplace-editor/modules/auto-complete.d.ts +0 -34
- package/dist/ts/inplace-editor/modules/auto-complete.ts +0 -65
- package/dist/ts/inplace-editor/modules/base-module.d.ts +0 -19
- package/dist/ts/inplace-editor/modules/base-module.ts +0 -74
- package/dist/ts/inplace-editor/modules/color-picker.d.ts +0 -29
- package/dist/ts/inplace-editor/modules/color-picker.ts +0 -55
- package/dist/ts/inplace-editor/modules/combo-box.d.ts +0 -34
- package/dist/ts/inplace-editor/modules/combo-box.ts +0 -63
- package/dist/ts/inplace-editor/modules/date-range-picker.d.ts +0 -29
- package/dist/ts/inplace-editor/modules/date-range-picker.ts +0 -55
- package/dist/ts/inplace-editor/modules/index.d.ts +0 -12
- package/dist/ts/inplace-editor/modules/index.ts +0 -12
- package/dist/ts/inplace-editor/modules/multi-select.d.ts +0 -35
- package/dist/ts/inplace-editor/modules/multi-select.ts +0 -88
- package/dist/ts/inplace-editor/modules/rte.d.ts +0 -31
- package/dist/ts/inplace-editor/modules/rte.ts +0 -73
- package/dist/ts/inplace-editor/modules/slider.d.ts +0 -30
- package/dist/ts/inplace-editor/modules/slider.ts +0 -59
- package/dist/ts/inplace-editor/modules/time-picker.d.ts +0 -29
- package/dist/ts/inplace-editor/modules/time-picker.ts +0 -54
|
@@ -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 === '<p><br></p>' || 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
|
-
}
|