@unicef-polymer/etools-form-builder 3.2.0 → 3.2.2

package/dist/rich-editor/rich-viewer.d.ts

@@ -8,4 +8,5 @@ export declare class RichViewer extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
     updateSelection(): void;
     firstUpdated(): void;
+    setCaretToEnd(el: any): void;
 }

package/dist/rich-editor/rich-viewer.js

@@ -30,17 +30,33 @@ let RichViewer = class RichViewer extends LitElement {
         fireEvent(this, 'selection', { selection: selection, html: (_b = this.content) === null || _b === void 0 ? void 0 : _b.innerHTML });
     }
     firstUpdated() {
-        document.execCommand('defaultParagraphSeparator', false, 'br');
-        document.addEventListener('selectionchange', () => {
-            this.updateSelection();
-        });
-        window.addEventListener('selectionchange', () => {
+        const mainEl = this.closest('main');
+        if (!mainEl) {
+            return;
+        }
+        mainEl.addEventListener('selectionchange', () => {
             this.updateSelection();
         });
-        document.addEventListener('keydown', () => {
+        mainEl.addEventListener('keydown', () => {
             this.updateSelection();
         });
     }
+    setCaretToEnd(el) {
+        if (!el) {
+            return;
+        }
+        el.focus();
+        if (window.getSelection && document.createRange) {
+            var range = document.createRange();
+            range.selectNodeContents(el);
+            range.collapse(false); // Collapse to end
+            const sel = window.getSelection();
+            if (sel) {
+                sel.removeAllRanges();
+                sel.addRange(range);
+            }
+        }
+    }
 };
 RichViewer.styles = css `
     article {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unicef-polymer/etools-form-builder",
   "description": "Etools FM Form Builder components",
-  "version": "3.2.0",
+  "version": "3.2.2",
   "type": "module",
   "contributors": [
     "eTools Team"