@syncfusion/ej2-inplace-editor 19.4.38 → 19.4.48

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

@@ -1,72 +0,0 @@
-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

@@ -1,59 +0,0 @@
-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

@@ -1,54 +0,0 @@
-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/styles/inplace-editor/_fluent-definition.scss

@@ -1,69 +0,0 @@
-$inplace-skin: 'FluentUI' !default;
-//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 9px 12px !default;
-$editor-nrml-value-container-padding: 4px 8px 6px 8px !default;
-$editor-big-value-container-spin-padding: 12px !default;
-$editor-nrml-value-container-spin-padding: 10px !default;
-$editor-big-value-margin: 0 32px 0 0 !default;
-$editor-nrml-value-margin: 0 30px 0 0 !default;
-$editor-rtl-big-value-margin: 0 0 0 32px !default;
-$editor-rtl-nrml-value-margin: 0 0 0 30px !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: 12px !default;
-$editor-nrml-overlay-icon-left-right: 8px !default;
-$editor-tip-content-bdr-radius: $model-radius !default;
-$editor-popup-tip-content-bdr-radius: 0 !default;
-$editor-popup-tip-wrapper-bdr-radius: 0 !default;
-$editor-tip-title-font-weight: $font-weight-medium !default;
-$editor-big-tip-title-font-size: $text-lg !default;
-$editor-nrml-tip-title-font-size: $text-base !default;
-$editor-big-tip-title-padding: 8px 16px 0 16px !default;
-$editor-nrml-tip-title-padding: 6px 12px 0 12px !default;
-$editor-rtl-big-tip-title-padding: 8px 16px 0 16px !default;
-$editor-rtl-nrml-tip-title-padding: 6px 12px 0 12px !default;
-$editor-big-tip-title-container-size: 28px !default;
-$editor-nrml-tip-title-container-size: 24px !default;
-$editor-big-tip-wrapper-padding: 25px 16px 16px 16px !default;
-$editor-nrml-tip-wrapper-padding: 18px 12px 12px 12px !default;
-$editor-big-wrapper-title-with-padding: 25px 16px 16px 16px !default;
-$editor-nrml-wrapper-title-with-padding: 18px 12px 12px 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 6px 0 0 !default;
-$editor-nrml-btn-save-margin: 0 4px 0 0 !default;
-$editor-big-btn-cancel-margin: 0 0 0 6px !default;
-$editor-nrml-btn-cancel-margin: 0 0 0 4px !default;
-$editor-rtl-big-btn-save-margin: 0 0 0 6px !default;
-$editor-rtl-nrml-btn-save-margin: 0 0 0 4px !default;
-$editor-rtl-big-btn-cancel-margin: 0 6px 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;
-$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: none !default;
-$editor-tip-bg: $content-bg-color !default;
-$editor-tip-arrow-icon-color: $content-bg-color !default;
-$editor-tip-title-arrow-icon-color: $content-bg-color !default;
-$editor-tip-arrow-bdr-color: $content-bg-color-alt1 !default;
-$editor-tip-title-arrow-bdr-color: $border !default;
-$editor-tip-box-shadow: $shadow-md !default;
-$editor-tip-title-bg: $content-bg-color !default;
-$editor-tio-title-border-bottom: 0 !default;
-$editor-tip-title-color: $content-text-color !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/icons/_fluent.scss

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