@zeedhi/zd-richtext-common 1.6.0 → 1.6.1

package/dist/rich-text-common.esm.js

@@ -63,10 +63,11 @@ class RichText extends ComponentRender {
         this.height = this.getInitValue('height', props.height, this.height);
         this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
         this.formatGetter = this.getInitValue('formatGetter', props.formatGetter, this.formatGetter);
-        this.content = this.getInitValue('content', props.content, this.content);
-        this.value = this.getInitValue('value', props.value, this.value);
+        this.content = this.getInitValue('content', props.value, this.content);
+        this.value = this.getInitValue('value', props.value || props.content, this.content);
         this.fonts = this.getInitValue('fonts', props.fonts, this.fonts);
         this.label = this.getInitValue('label', props.label, this.label);
+        this.readonly = this.getInitValue('readonly', props.readonly, this.readonly);
         this.enableFullscreen = this.getInitValue('enableFullscreen', props.enableFullscreen, this.enableFullscreen);
         this.createAccessors();
     }

package/dist/rich-text-common.umd.js

@@ -66,10 +66,11 @@
           this.height = this.getInitValue('height', props.height, this.height);
           this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
           this.formatGetter = this.getInitValue('formatGetter', props.formatGetter, this.formatGetter);
-          this.content = this.getInitValue('content', props.content, this.content);
-          this.value = this.getInitValue('value', props.value, this.value);
+          this.content = this.getInitValue('content', props.value, this.content);
+          this.value = this.getInitValue('value', props.value || props.content, this.content);
           this.fonts = this.getInitValue('fonts', props.fonts, this.fonts);
           this.label = this.getInitValue('label', props.label, this.label);
+          this.readonly = this.getInitValue('readonly', props.readonly, this.readonly);
           this.enableFullscreen = this.getInitValue('enableFullscreen', props.enableFullscreen, this.enableFullscreen);
           this.createAccessors();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/zd-richtext-common",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "RichTextCommon by BVR",
   "main": "dist/rich-text-common.umd.js",
   "module": "dist/rich-text-common.esm.js",
@@ -23,5 +23,5 @@
     "@zeedhi/common": "^1.74.0",
     "@zeedhi/core": "^1.74.0"
   },
-  "gitHead": "dc6bba1349b8510e1d9c9db68cd893773269d44b"
+  "gitHead": "0bb43f4fb5bb45c661bee1a771d04e62619259bf"
 }

package/dist/richtext-common.es.js

@@ -1,91 +0,0 @@
-var n = Object.defineProperty;
-var a = (o, i, t) => i in o ? n(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
-var e = (o, i, t) => a(o, typeof i != "symbol" ? i + "" : i, t);
-import { ComponentRender as s } from "@zeedhi/common";
-class d extends s {
-  constructor(t) {
-    super(t);
-    /**
-     * The content output format.
-     */
-    e(this, "outputFormat", "html");
-    e(this, "fonts", [
-      { font: "Inter", title: "Inter" },
-      { font: "Roboto", title: "Roboto" },
-      { font: "serif", title: "Serif" },
-      { font: "monospace", title: "Monospace" }
-    ]);
-    /**
-     * Placeholder is displayed when there is no content in the editor.
-     */
-    e(this, "placeholder", "");
-    /**
-     * Disable the component
-     */
-    e(this, "disabled", !1);
-    /**
-     * Turn the component into a readonly
-     */
-    e(this, "readonly", !1);
-    /**
-     * Toolbar color
-     */
-    e(this, "toolbarColor");
-    /**
-     * Card color
-     */
-    e(this, "cardColor", "");
-    /**
-     * Removes elevation and adds a thin border.
-     */
-    e(this, "outlined", !1);
-    /**
-     * Component width.
-     */
-    e(this, "width", "");
-    /**
-     * Component height.
-     */
-    e(this, "height", "");
-    e(this, "fillHeight", !1);
-    e(this, "formatGetter", {});
-    /**
-     * Rich text content
-     */
-    e(this, "content", "");
-    this.outputFormat = this.getInitValue("outputFormat", t.outputFormat, this.outputFormat), this.placeholder = this.getInitValue("placeHolder", t.placeholder, this.placeholder), this.disabled = this.getInitValue("disabled", t.disabled, this.disabled), this.toolbarColor = this.getInitValue("toolbarColor", t.toolbarColor, this.toolbarColor), this.cardColor = this.getInitValue("cardColor", t.cardColor, this.cardColor), this.outlined = this.getInitValue("outlined", t.outlined, this.outlined), this.width = this.getInitValue("width", t.width, this.width), this.height = this.getInitValue("height", t.height, this.height), this.fillHeight = this.getInitValue("fillHeight", t.fillHeight, this.fillHeight), this.formatGetter = this.getInitValue("formatGetter", t.formatGetter, this.formatGetter), this.content = this.getInitValue("content", t.content, this.content), this.value = this.getInitValue("value", t.value, this.value), this.fonts = this.getInitValue("fonts", t.fonts, this.fonts), this.readonly = this.getInitValue("readonly", t.readonly, this.readonly), this.createAccessors();
-  }
-  get value() {
-    return typeof this.formatGetter[this.outputFormat] == "function" ? this.formatGetter[this.outputFormat]() : this.content;
-  }
-  set value(t) {
-    this.content = t;
-  }
-  keydown(t, l) {
-    this.callEvent("keydown", {
-      event: t,
-      component: this,
-      key: l,
-      content: this.content
-    });
-  }
-  input(t, l, h) {
-    this.callEvent("input", {
-      text: t,
-      event: l,
-      element: h,
-      component: this
-    });
-  }
-  change(t, l, h) {
-    this.callEvent("change", {
-      text: t,
-      event: l,
-      element: h,
-      component: this
-    });
-  }
-}
-export {
-  d as RichText
-};

package/dist/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './rich-text';
-export * from './interfaces';

package/dist/types/interfaces.d.ts

@@ -1,26 +0,0 @@
-import { IComponentEvents, IComponentRender } from '@zeedhi/common';
-import { IDictionary, IEvent, IEventParam } from '@zeedhi/core';
-export interface IRichText extends IComponentRender {
-    outputFormat?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    readonly?: boolean;
-    toolbarColor?: string;
-    formatGetter?: IDictionary<() => any>;
-    value?: any;
-    cardColor?: string;
-    outlined?: boolean;
-    width?: number | string;
-    height?: number | string;
-    fillHeight?: boolean;
-    fonts?: IFonts[];
-}
-export interface IFonts {
-    font: string;
-    title: string;
-}
-export interface IRickTextEvents<T = IEventParam<any>> extends IComponentEvents<T> {
-    keydown?: IEvent<T> | string;
-    change?: IEvent<T> | string;
-    input?: IEvent<T> | string;
-}

package/dist/types/rich-text.d.ts

@@ -1,57 +0,0 @@
-import { ComponentRender } from '@zeedhi/common';
-import { IDictionary } from '@zeedhi/core';
-import { IFonts, IRichText } from './interfaces';
-/**
- * Base class for Rich Text component.
- */
-export declare class RichText extends ComponentRender implements IRichText {
-    /**
-     * The content output format.
-     */
-    outputFormat: string;
-    fonts: IFonts[];
-    /**
-     * Placeholder is displayed when there is no content in the editor.
-     */
-    placeholder: string;
-    /**
-     * Disable the component
-     */
-    disabled: boolean;
-    /**
-     * Turn the component into a readonly
-     */
-    readonly: boolean;
-    /**
-     * Toolbar color
-     */
-    toolbarColor?: string;
-    /**
-     * Card color
-     */
-    cardColor: string;
-    /**
-     * Removes elevation and adds a thin border.
-     */
-    outlined: boolean;
-    /**
-     * Component width.
-     */
-    width: string;
-    /**
-     * Component height.
-     */
-    height: string;
-    get value(): any;
-    set value(value: any);
-    fillHeight: boolean;
-    formatGetter: IDictionary<() => any>;
-    /**
-     * Rich text content
-     */
-    content: string;
-    constructor(props: IRichText);
-    keydown(event?: KeyboardEvent, key?: string | HTMLElement): void;
-    input(text: string, event?: Event, element?: HTMLElement): void;
-    change(text: string, event?: Event, element?: HTMLElement): void;
-}