@zeedhi/zd-richtext-common 1.5.2 → 1.6.0

package/dist/richtext-common.es.js

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

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

package/dist/types/interfaces.d.ts

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

@@ -0,0 +1,57 @@
+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;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/zd-richtext-common",
-  "version": "1.5.2",
+  "version": "1.6.0",
   "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": "9ca7713e55a3c661d1b932c971fbfff56d3c4c34"
+  "gitHead": "dc6bba1349b8510e1d9c9db68cd893773269d44b"
 }

package/types/interfaces.d.ts

@@ -12,7 +12,7 @@ export interface IRichText extends IComponentRender {
     outlined?: boolean;
     width?: number | string;
     height?: number | string;
-    fillHeight?: boolean;
+    fillHeight?: boolean | string;
     fonts?: IFonts[];
     label?: string;
     enableFullscreen?: boolean;

package/types/rich-text.d.ts

@@ -50,7 +50,7 @@ export declare class RichText extends ComponentRender implements IRichText {
     events: IRickTextEvents;
     get value(): any;
     set value(value: any);
-    fillHeight: boolean;
+    fillHeight: boolean | string;
     formatGetter: IDictionary<() => any>;
     /**
      * Rich text content