@syncfusion/ej2-inplace-editor 19.4.52 → 20.1.47

package/dist/ts/inplace-editor/modules/rte.ts

@@ -0,0 +1,72 @@
+import { RichTextEditor, RichTextEditorModel, HtmlEditor } from '@syncfusion/ej2-richtexteditor';
+import { MarkdownEditor, Toolbar, Link, Image, QuickToolbar, Table, FileManager } from '@syncfusion/ej2-richtexteditor';
+import { Base } from './base-module';
+import { InPlaceEditor } from '../base/inplace-editor';
+import { NotifyParams, IComponent } from '../base/interface';
+
+/**
+ * The `RTE` module is used configure the properties of RTE type editor.
+ */
+export class Rte implements IComponent {
+    private base: Base;
+    protected parent: InPlaceEditor;
+    public compObj: RichTextEditor = undefined;
+
+    public constructor(parent?: InPlaceEditor) {
+        RichTextEditor.Inject(HtmlEditor, MarkdownEditor, Toolbar, Link, Image, QuickToolbar, Table, FileManager);
+        this.parent = parent;
+        this.parent.rteModule = this;
+        this.base = new Base(this.parent, this);
+    }
+
+    public render(e: NotifyParams): void {
+        this.compObj = new RichTextEditor(this.parent.model as RichTextEditorModel);
+        this.compObj.appendTo(e.target);
+    }
+
+    public focus(): void {
+        this.compObj.focusIn();
+    }
+
+    public updateValue(e: NotifyParams): void {
+        if (this.compObj && e.type === 'RTE') {
+            this.parent.setProperties({ value: this.getRteValue() }, true);
+            this.parent.extendModelValue(this.compObj.value);
+        }
+    }
+
+    private getRteValue(): string {
+        let rteVal: string;
+        if (this.compObj.editorMode === 'Markdown') {
+            rteVal = (this.compObj.contentModule.getEditPanel() as HTMLTextAreaElement).value;
+            return (rteVal === '') ? '' : rteVal;
+        } else {
+            rteVal = this.compObj.contentModule.getEditPanel().innerHTML;
+            return (rteVal === '<p><br></p>' || rteVal === '&lt;p&gt;&lt;br&gt;&lt;/p&gt;' || rteVal === '') ? '' : rteVal;
+        }
+    }
+
+    public refresh(): void {
+        this.compObj.refresh();
+    }
+
+    /**
+     * Destroys the rte module.
+     *
+     * @function destroy
+     * @returns {void}
+     * @hidden
+     */
+    public destroy(): void {
+        this.base.destroy();
+    }
+
+    /**
+     * For internal use only - Get the module name.
+     *
+     * @returns {string} - returns the string
+     */
+    private getModuleName(): string {
+        return 'rte';
+    }
+}

package/dist/ts/inplace-editor/modules/slider.ts

@@ -0,0 +1,59 @@
+import { Slider as EJ2Slider, SliderModel } from '@syncfusion/ej2-inputs';
+import { Base } from './base-module';
+import { InPlaceEditor } from '../base/inplace-editor';
+import { NotifyParams, IComponent } from '../base/interface';
+
+/**
+ * The `Slider` module is used configure the properties of Slider type editor.
+ */
+export class Slider implements IComponent {
+    private base: Base;
+    protected parent: InPlaceEditor;
+    public compObj: EJ2Slider = undefined;
+
+    public constructor(parent?: InPlaceEditor) {
+        this.parent = parent;
+        this.parent.sliderModule = this;
+        this.base = new Base(this.parent, this);
+    }
+
+    public render(e: NotifyParams): void {
+        this.compObj = new EJ2Slider(this.parent.model as SliderModel);
+        this.compObj.appendTo(e.target as HTMLInputElement);
+    }
+
+    public focus(): void {
+        this.compObj.element.focus();
+    }
+
+    public updateValue(e: NotifyParams): void {
+        if (this.compObj && e.type === 'Slider') {
+            this.parent.setProperties({ value: this.compObj.value }, true);
+            this.parent.extendModelValue(this.compObj.value);
+        }
+    }
+
+    public refresh(): void {
+        this.compObj.refresh();
+    }
+
+    /**
+     * Destroys the slider module.
+     *
+     * @function destroy
+     * @returns {void}
+     * @hidden
+     */
+    public destroy(): void {
+        this.base.destroy();
+    }
+
+    /**
+     * For internal use only - Get the module name.
+     *
+     * @returns {string} - returns the string
+     */
+    private getModuleName(): string {
+        return 'slider';
+    }
+}

package/dist/ts/inplace-editor/modules/time-picker.ts

@@ -0,0 +1,54 @@
+import { TimePicker as EJ2TimePicker, TimePickerModel } from '@syncfusion/ej2-calendars';
+import { Base } from './base-module';
+import { InPlaceEditor } from '../base/inplace-editor';
+import { NotifyParams, IComponent } from '../base/interface';
+
+/**
+ * The `TimePicker` module is used configure the properties of Time picker type editor.
+ */
+export class TimePicker implements IComponent {
+    private base: Base;
+    protected parent: InPlaceEditor;
+    public compObj: EJ2TimePicker = undefined;
+
+    public constructor(parent?: InPlaceEditor) {
+        this.parent = parent;
+        this.parent.timeModule = this;
+        this.base = new Base(this.parent, this);
+    }
+
+    public render(e: NotifyParams): void {
+        this.compObj = new EJ2TimePicker(this.parent.model as TimePickerModel);
+        this.compObj.appendTo(e.target as HTMLInputElement);
+    }
+
+    public focus(): void {
+        this.compObj.focusIn();
+    }
+
+    public updateValue(e: NotifyParams): void {
+        if (this.compObj && e.type === 'Time') {
+            this.parent.setProperties({ value: this.compObj.value }, true);
+            this.parent.extendModelValue(this.compObj.value);
+        }
+    }
+    /**
+     * For internal use only - Get the module name.
+     *
+     * @returns {string} - returns the string
+     */
+    private getModuleName(): string {
+        return 'time-picker';
+    }
+
+    /**
+     * Destroys the module.
+     *
+     * @function destroy
+     * @returns {void}
+     * @hidden
+     */
+    public destroy(): void {
+        this.base.destroy();
+    }
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-inplace-editor@*",
-  "_id": "@syncfusion/ej2-inplace-editor@19.3.56",
+  "_id": "@syncfusion/ej2-inplace-editor@19.8.0",
   "_inBundle": false,
-  "_integrity": "sha512-dfGFzohh7efdqL/eTMbICJIkPatIKhkVKDaIglvYnzNXgbYjMBu5c+FWi9gwO7pKX324q17919txfeTUoJ5GkQ==",
+  "_integrity": "sha512-YsqdfsBdh/Ro3TRHV2Ll4OB8TcsB5tYaXxctJ8sj4jko2KadBbmFP22GOvBheOLdp3DUPLeTfYH+Iq64bUStug==",
   "_location": "/@syncfusion/ej2-inplace-editor",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-react-inplace-editor",
     "/@syncfusion/ej2-vue-inplace-editor"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-19.3.56.tgz",
-  "_shasum": "05f7fd26bd00b9cf26fdb15b256e8488f504fd29",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-19.8.0.tgz",
+  "_shasum": "991d9fd1b7cf7c22966f280319eb7e915d3fa3db",
   "_spec": "@syncfusion/ej2-inplace-editor@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -36,17 +36,17 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-buttons": "~19.4.52",
-    "@syncfusion/ej2-calendars": "~19.4.52",
-    "@syncfusion/ej2-data": "~19.4.52",
-    "@syncfusion/ej2-dropdowns": "~19.4.52",
-    "@syncfusion/ej2-inputs": "~19.4.52",
-    "@syncfusion/ej2-lists": "~19.4.52",
-    "@syncfusion/ej2-navigations": "~19.4.52",
-    "@syncfusion/ej2-popups": "~19.4.52",
-    "@syncfusion/ej2-richtexteditor": "~19.4.52",
-    "@syncfusion/ej2-splitbuttons": "~19.4.52"
+    "@syncfusion/ej2-base": "~20.1.47",
+    "@syncfusion/ej2-buttons": "~20.1.47",
+    "@syncfusion/ej2-calendars": "~20.1.47",
+    "@syncfusion/ej2-data": "~20.1.47",
+    "@syncfusion/ej2-dropdowns": "~20.1.47",
+    "@syncfusion/ej2-inputs": "~20.1.47",
+    "@syncfusion/ej2-lists": "~20.1.47",
+    "@syncfusion/ej2-navigations": "~20.1.47",
+    "@syncfusion/ej2-popups": "~20.1.47",
+    "@syncfusion/ej2-richtexteditor": "~20.1.47",
+    "@syncfusion/ej2-splitbuttons": "~20.1.47"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server.",
@@ -69,6 +69,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.4.52",
+  "version": "20.1.47",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -615,6 +615,11 @@
   transform: translateX(30%) translateY(-50%);
 }
 
+.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
+.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
+  padding: 0;
+}
+
 .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
 .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
   padding: 12px;

package/styles/bootstrap.css

@@ -760,6 +760,11 @@
   transform: translateX(30%) translateY(-50%);
 }
 
+.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
+.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
+  padding: 0;
+}
+
 .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
 .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
   padding: 12px;

package/styles/bootstrap4.css

@@ -1001,6 +1001,11 @@
   transform: translateX(30%) translateY(-50%);
 }
 
+.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
+.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
+  padding: 0;
+}
+
 .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
 .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
   padding: 16px;

package/styles/bootstrap5-dark.css

@@ -63,7 +63,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -91,6 +90,13 @@
   color: #adb5bd;
 }
 
+.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
+  background: #343a40;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
 .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -153,7 +159,7 @@
 }
 
 .e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-radius: 0 4px 4px 0;
+  border-radius: 0 2px 2px 0;
   border-right-width: 0;
 }
 
@@ -638,6 +644,11 @@
   transform: translateX(30%) translateY(-50%);
 }
 
+.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
+.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
+  padding: 0;
+}
+
 .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
 .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
   padding: 16px;
@@ -774,10 +785,6 @@
   border-radius: 4px;
 }
 
-.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
-  padding: 0;
-}
-
 .e-control.e-inplaceeditor .e-editable-value-wrapper {
   min-height: 30px;
 }

package/styles/bootstrap5.css

@@ -63,7 +63,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -91,6 +90,13 @@
   color: #6c757d;
 }
 
+.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
+  background: #e9ecef;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
 .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -153,7 +159,7 @@
 }
 
 .e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-radius: 0 4px 4px 0;
+  border-radius: 0 2px 2px 0;
   border-right-width: 0;
 }
 
@@ -638,6 +644,11 @@
   transform: translateX(30%) translateY(-50%);
 }
 
+.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
+.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
+  padding: 0;
+}
+
 .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
 .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
   padding: 16px;
@@ -774,10 +785,6 @@
   border-radius: 4px;
 }
 
-.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
-  padding: 0;
-}
-
 .e-control.e-inplaceeditor .e-editable-value-wrapper {
   min-height: 30px;
 }

package/styles/fabric-dark.css

@@ -569,6 +569,11 @@
   transform: translateX(30%) translateY(-50%);
 }
 
+.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
+.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
+  padding: 0;
+}
+
 .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
 .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
   padding: 12px;

package/styles/fabric.css

@@ -563,6 +563,11 @@
   transform: translateX(30%) translateY(-50%);
 }
 
+.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
+.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
+  padding: 0;
+}
+
 .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
 .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
   padding: 12px;