@zeedhi/zd-richtext-common 1.3.2 → 1.4.0

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

@@ -11,6 +11,12 @@ class RichText extends ComponentRender {
          * The content output format.
          */
         this.outputFormat = 'html';
+        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.
          */
@@ -53,6 +59,7 @@ class RichText extends ComponentRender {
         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.fonts = this.getInitValue('fonts', props.fonts, this.fonts);
         this.createAccessors();
     }
     get value() {
@@ -69,6 +76,36 @@ class RichText extends ComponentRender {
             element, component: this, key, content: this.content,
         });
     }
+    input(text, event, element) {
+        this.callEvent('input', {
+            text,
+            event,
+            element,
+            component: this,
+        });
+    }
+    onChange(text, event, element) {
+        this.callEvent('onChange', {
+            text,
+            event,
+            element,
+            component: this,
+        });
+    }
+    onBlur(event, element) {
+        this.callEvent('onBlur', {
+            event,
+            element,
+            component: this,
+        });
+    }
+    onFocus(event, element) {
+        this.callEvent('onFocus', {
+            event,
+            element,
+            component: this,
+        });
+    }
 }
 
 const packageContent = require('../package.json');

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

@@ -14,6 +14,12 @@
            * The content output format.
            */
           this.outputFormat = 'html';
+          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.
            */
@@ -56,6 +62,7 @@
           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.fonts = this.getInitValue('fonts', props.fonts, this.fonts);
           this.createAccessors();
       }
       get value() {
@@ -72,6 +79,36 @@
               element, component: this, key, content: this.content,
           });
       }
+      input(text, event, element) {
+          this.callEvent('input', {
+              text,
+              event,
+              element,
+              component: this,
+          });
+      }
+      onChange(text, event, element) {
+          this.callEvent('onChange', {
+              text,
+              event,
+              element,
+              component: this,
+          });
+      }
+      onBlur(event, element) {
+          this.callEvent('onBlur', {
+              event,
+              element,
+              component: this,
+          });
+      }
+      onFocus(event, element) {
+          this.callEvent('onFocus', {
+              event,
+              element,
+              component: this,
+          });
+      }
   }
 
   const packageContent = require('../package.json');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/zd-richtext-common",
-  "version": "1.3.2",
+  "version": "1.4.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": "*",
     "@zeedhi/core": "*"
   },
-  "gitHead": "5f202495829e7a912b0492c29f743ed5cc5a0c98"
+  "gitHead": "dd32b1059b0544a88a2c91098d03b16d3608ecab"
 }

package/types/interfaces.d.ts

@@ -1,5 +1,5 @@
-import { IEventParam, IEvent, IDictionary } from '@zeedhi/core';
 import { IComponentEvents, IComponentRender } from '@zeedhi/common';
+import { IDictionary, IEvent, IEventParam } from '@zeedhi/core';
 export interface IRichText extends IComponentRender {
     outputFormat?: string;
     placeholder?: string;
@@ -12,7 +12,16 @@ export interface IRichText extends IComponentRender {
     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> {
     onKeyDown?: IEvent<T> | string;
+    onChange?: IEvent<T> | string;
+    onBlur?: IEvent<T> | string;
+    onFocus?: IEvent<T> | string;
+    input?: IEvent<T> | string;
 }

package/types/rich-text.d.ts

@@ -1,6 +1,6 @@
 import { ComponentRender } from '@zeedhi/common';
 import { IDictionary } from '@zeedhi/core';
-import { IRichText, IRickTextEvents } from './interfaces';
+import { IFonts, IRichText, IRickTextEvents } from './interfaces';
 /**
  * Base class for Rich Text component.
  */
@@ -9,6 +9,7 @@ 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.
      */
@@ -51,4 +52,8 @@ export declare class RichText extends ComponentRender implements IRichText {
     content: string;
     constructor(props: IRichText);
     onKeyDown(element?: HTMLElement, key?: string): void;
+    input(text: string, event?: Event, element?: HTMLElement): void;
+    onChange(text: string, event?: Event, element?: HTMLElement): void;
+    onBlur(event?: Event, element?: HTMLElement): void;
+    onFocus(event?: Event, element?: HTMLElement): void;
 }