@syncfusion/ej2-inplace-editor 24.2.7 → 25.1.35

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, PasteCleanup, EmojiPicker, Audio ,Video, FormatPainter, Count} 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, PasteCleanup, EmojiPicker, Audio ,Video, FormatPainter, Count);
+        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@24.2.4",
+  "_id": "@syncfusion/ej2-inplace-editor@24.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-4Jcf9ewpwJWvb9kk0LXEuoiV1nGeyfhrgZtiHYY6vapMxfAfZGEqQ7dQrBo5qnRL43gXHXqThqbK1q0Rdq08lg==",
+  "_integrity": "sha512-PZo0kebxvBLgEHJwOTBSWt+0jLRTtf+DNo93dMF2TiL1je666NtSca6PsNAhnEYgExGgZiJkfdoieysVVq374A==",
   "_location": "/@syncfusion/ej2-inplace-editor",
   "_phantomChildren": {},
   "_requested": {
@@ -24,10 +24,10 @@
     "/@syncfusion/ej2-react-inplace-editor",
     "/@syncfusion/ej2-vue-inplace-editor"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-24.2.4.tgz",
-  "_shasum": "4fff99ddcff99ee87b0e207684772cfaba6e54ad",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-24.2.3.tgz",
+  "_shasum": "23117610c1661cdebaf3aba48e62f7a8bfebd625",
   "_spec": "@syncfusion/ej2-inplace-editor@*",
-  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -36,18 +36,18 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.7",
-    "@syncfusion/ej2-buttons": "~24.2.7",
-    "@syncfusion/ej2-calendars": "~24.2.5",
-    "@syncfusion/ej2-data": "~24.2.3",
-    "@syncfusion/ej2-dropdowns": "~24.2.7",
-    "@syncfusion/ej2-inputs": "~24.2.7",
-    "@syncfusion/ej2-lists": "~24.2.4",
-    "@syncfusion/ej2-navigations": "~24.2.4",
-    "@syncfusion/ej2-notifications": "~24.2.4",
-    "@syncfusion/ej2-popups": "~24.2.5",
-    "@syncfusion/ej2-richtexteditor": "~24.2.7",
-    "@syncfusion/ej2-splitbuttons": "~24.2.7"
+    "@syncfusion/ej2-base": "~25.1.35",
+    "@syncfusion/ej2-buttons": "~25.1.35",
+    "@syncfusion/ej2-calendars": "~25.1.35",
+    "@syncfusion/ej2-data": "~25.1.35",
+    "@syncfusion/ej2-dropdowns": "~25.1.35",
+    "@syncfusion/ej2-inputs": "~25.1.35",
+    "@syncfusion/ej2-lists": "~25.1.35",
+    "@syncfusion/ej2-navigations": "~25.1.35",
+    "@syncfusion/ej2-notifications": "~25.1.35",
+    "@syncfusion/ej2-popups": "~25.1.35",
+    "@syncfusion/ej2-richtexteditor": "~25.1.35",
+    "@syncfusion/ej2-splitbuttons": "~25.1.35"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server.",
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.2.7",
+  "version": "25.1.35",
   "sideEffects": false
 }

package/src/inplace-editor/base/inplace-editor.d.ts

@@ -515,7 +515,7 @@ export declare class InPlaceEditor extends Component<HTMLElement> implements INo
     private getEditElement;
     private getLocale;
     private checkValue;
-    extendModelValue(val: string | number | boolean | Date | DateRange | string[] | Date[] | number[] | boolean[]): void;
+    extendModelValue(val: string | number | boolean | Date | object | DateRange | string[] | Date[] | number[] | boolean[] | object[]): void;
     private updateValue;
     private updateModelValue;
     setValue(): void;

package/src/inplace-editor/base/inplace-editor.js

@@ -1245,7 +1245,9 @@ var InPlaceEditor = /** @class */ (function (_super) {
      */
     InPlaceEditor.prototype.requiredModules = function () {
         var modules = [];
-        modules.push({ member: modulesList[this.type], args: [this] });
+        if (Array.prototype.indexOf.call(this.moduleList, this.type) > -1) {
+            modules.push({ member: modulesList[this.type], args: [this] });
+        }
         return modules;
     };
     /**

package/styles/bootstrap.css

@@ -150,9 +150,9 @@
 }
 .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-dropdown-btn.e-active.e-tbar-btn {
   background: #e6e6e6;
-  border: 1px solid #8c8c8c;
-  padding-left: 8px;
-  padding-right: 2.5px;
+  border: 0;
+  padding-left: 9px;
+  padding-right: 3.5px;
 }
 
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-dropdown-btn.e-rte-dropdown-btn.e-active {

package/styles/inplace-editor/_bds-definition.scss

@@ -0,0 +1,70 @@
+//Layout Variable Start
+$editor-big-value-text-font-size: $text-base !default;
+$editor-nrml-value-text-font-size: $text-sm !default;
+$editor-big-value-container-padding: 7px 12px 7px 12px !default;
+$editor-nrml-value-container-padding: 3px 8px 5px 8px !default;
+$editor-big-value-container-spin-padding: 8px !default;
+$editor-nrml-value-container-spin-padding: 8px !default;
+$editor-big-value-margin: 0 30px 0 0 !default;
+$editor-nrml-value-margin: 0 28px 0 0 !default;
+$editor-rtl-big-value-margin: 0 0 0  30px !default;
+$editor-rtl-nrml-value-margin: 0 0 0 28px !default;
+$editor-big-overlay-icon-size: $text-base !default;
+$editor-nrml-overlay-icon-size: $text-sm !default;
+$editor-big-overlay-icon-container-size: 20px !default;
+$editor-nrml-overlay-icon-container-size: 20px !default;
+$editor-big-overlay-icon-left-right: 8px !default;
+$editor-nrml-overlay-icon-left-right: 8px !default;
+$editor-tip-content-bdr-radius: 4px !default;
+$editor-popup-tip-content-bdr-radius: 4px !default;
+$editor-tip-title-font-weight: 500 !default;
+$editor-big-tip-title-font-size: $text-sm !default;
+$editor-nrml-tip-title-font-size: $text-xs !default;
+$editor-big-tip-title-padding: 7px 16px 7px 16px !default;
+$editor-nrml-tip-title-padding: 6px 12px 6px 12px !default;
+$editor-rtl-big-tip-title-padding: 7px 16px 7px 16px !default;
+$editor-rtl-nrml-tip-title-padding: 6px 12px 6px 12px !default;
+$editor-big-tip-title-container-size: 36px !default;
+$editor-nrml-tip-title-container-size: 30px !default;
+$editor-big-tip-wrapper-padding: 16px !default;
+$editor-nrml-tip-wrapper-padding: 12px !default;
+$editor-big-wrapper-title-with-padding: 16px !default;
+$editor-nrml-wrapper-title-with-padding: 12px !default;
+$editor-component-bottom-margin: 4px !default;
+$editor-buttons-top-margin: 4px !default;
+$editor-btn-save-icon-size: 16px !default;
+$editor-btn-cancel-icon-size: 16px !default;
+$editor-big-btn-save-margin: 0 4px 0 0 !default;
+$editor-nrml-btn-save-margin: 0 4px 0 0 !default;
+$editor-big-btn-cancel-margin: 0 0 0 4px !default;
+$editor-nrml-btn-cancel-margin: 0 0 0 4px !default;
+$editor-rtl-big-btn-save-margin: 0 0 0 4px !default;
+$editor-rtl-nrml-btn-save-margin: 0 0 0 4px !default;
+$editor-rtl-big-btn-cancel-margin: 0 4px 0 0 !default;
+$editor-rtl-nrml-btn-cancel-margin: 0 4px 0 0 !default;
+
+//Layout Variable End
+
+//Theme Variable Start
+$editor-value-hover-bg: $content-bg-color-alt2 !default;
+$content-text-color: $content-text-color !default;
+$editor-value-text-color: $content-text-color !default;
+$editor-overlay-icon-color: $icon-color !default;
+$editor-value-text-border: 1px dashed $content-text-color !default;
+$editor-background-color: $transparent !default;
+$wrapper-background-color: $flyout-bg-color !default;
+$editor-tip-border: 1px solid $border-light !default;
+$editor-tip-bg: $flyout-bg-color !default;
+$editor-tip-arrow-icon-color: $flyout-bg-color !default;
+$editor-tip-title-arrow-icon-color:  $content-bg-color-alt2 !default;
+$editor-tip-arrow-bdr-color: $content-bg-color-alt2 !default;
+$editor-tip-title-arrow-bdr-color: $content-bg-color-alt2 !default;
+$editor-tip-box-shadow: $shadow-lg !default;
+$editor-tip-title-bg: $content-bg-color-alt2 !default;
+$editor-tio-title-border-bottom: 0 !default;
+$editor-tip-title-color: $content-text-color-alt2 !default;
+$editable-overlay-icon-height: inherit !default;
+$editable-overlay-icon: 0 !default;
+$editor-btn-icon-color: $icon-color !default;
+
+//Theme Variable End

package/styles/inplace-editor/bootstrap.css

@@ -150,9 +150,9 @@
 }
 .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-dropdown-btn.e-active.e-tbar-btn {
   background: #e6e6e6;
-  border: 1px solid #8c8c8c;
-  padding-left: 8px;
-  padding-right: 2.5px;
+  border: 0;
+  padding-left: 9px;
+  padding-right: 3.5px;
 }
 
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-dropdown-btn.e-rte-dropdown-btn.e-active {

package/styles/inplace-editor/icons/_bds.scss

@@ -0,0 +1,19 @@
+@include export-module('inplaceeditor-bootstrap-icons') {
+
+  /*! inplaceeditor icons */
+  .e-inplaceeditor,
+  .e-inplaceeditor-tip {
+
+    .e-save-icon::before {
+      content: '\e774';
+    }
+
+    .e-cancel-icon::before {
+      content: '\e7e7';
+    }
+
+    .e-editable-overlay-icon::before {
+      content: '\e730';
+    }
+  }
+}

package/.github/PULL_REQUEST_TEMPLATE/Bug.md

@@ -1,41 +0,0 @@
-### Bug description
-
-(Clearly and concisely describe the problem.)
-                
-### Root Cause / Analysis
-
-(Briefly describe root cause/analysis of the problem. If there is an internal discussion on the forum, provide the link.)
-                
-### Reason for not identifying earlier
-
-(Explain how it was missed to identify in our earlier testing/development.)
-                
-### Is Breaking issue.?
-
-(If it is a breaking issue, provide the commit detail which caused this break.)
-
-### Is reported by customer in incident/forum.?
-
-(If it is reported by customer, provide the incident or forum details.)
-
-### Solution Description
-
-(Describe your code changes in detail for reviewers.)
-
-### Areas affected and ensured
-
-(List out the areas are affected by your code changes.)
-
-### E2E report details against this fix
-
-(Run E2E locally and mention the details with mail attachment.)
-
-### Did you included unit test cases.?
-
-(Provide unit testing spec coverage details.)
-
-### Is there any API name changes.?
-
-/label ~bug
-/assign @ScrumMaster
-/cc @ProductOwner

package/.github/PULL_REQUEST_TEMPLATE/Feature.md

@@ -1,27 +0,0 @@
-### Feature description
-
-(Clearly and concisely describe the feature.)
-                
-### Analysis / Design
-
-(Briefly describe analysis of the feature. If there is an internal discussion on the Forum, provide the link.)
-
-### Solution Description
-
-(Describe your code changes in detail for reviewers.)
-
-### Areas affected and ensured
-
-(List out the areas are affected by your code changes.)
-
-### Did you included unit test cases.?
-
-(Provide unit testing spec coverage details.)
-
-### Is there any API name changes.?
-
-(Provide new or update of API details)
-
-/label ~bug
-/assign @ScrumMaster
-/cc @ProductOwner