@aquera/nile-elements 0.1.64-beta-1.0 → 0.1.64-beta-1.1

package/dist/src/nile-rich-text-editor/utils.js

@@ -0,0 +1,234 @@
+// src/nile-rich-text-editor/utils.ts
+export function closestBlock(node, root) {
+    while (node && node !== root) {
+        if (node instanceof HTMLElement) {
+            const display = getComputedStyle(node).display;
+            if (node.tagName.match(/^(P|DIV|H1|H2|H3|H4|H5|H6|LI)$/) || display === 'block' || display === 'list-item') {
+                return node;
+            }
+        }
+        node = node?.parentNode || null;
+    }
+    return root;
+}
+export function nearestElement(n) {
+    while (n && !(n instanceof HTMLElement))
+        n = n.parentNode;
+    return n;
+}
+export function rgbToHex(rgb) {
+    const m = rgb.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/i);
+    if (!m)
+        return '#000000';
+    const r = Number(m[1]).toString(16).padStart(2, '0');
+    const g = Number(m[2]).toString(16).padStart(2, '0');
+    const b = Number(m[3]).toString(16).padStart(2, '0');
+    return `#${r}${g}${b}`;
+}
+export function unwrap(node) {
+    const p = node.parentNode;
+    if (!p)
+        return;
+    while (node.firstChild)
+        p.insertBefore(node.firstChild, node);
+    p.removeChild(node);
+}
+export function surroundInline(range, tag, attrs) {
+    const wrap = document.createElement(tag);
+    if (attrs)
+        Object.entries(attrs).forEach(([k, v]) => wrap.setAttribute(k, v));
+    try {
+        range.surroundContents(wrap);
+    }
+    catch {
+        const frag = range.extractContents();
+        wrap.appendChild(frag);
+        range.insertNode(wrap);
+    }
+}
+export function toggleInlineTag(root, tag, attrs) {
+    const sel = document.getSelection();
+    if (!sel || sel.rangeCount === 0)
+        return;
+    const range = sel.getRangeAt(0);
+    if (range.collapsed) {
+        const elm = document.createElement(tag);
+        if (attrs)
+            Object.entries(attrs).forEach(([k, v]) => elm.setAttribute(k, v));
+        elm.appendChild(document.createTextNode('\u200b'));
+        range.insertNode(elm);
+        const r = document.createRange();
+        r.setStart(elm.firstChild, 1);
+        r.collapse(true);
+        sel.removeAllRanges();
+        sel.addRange(r);
+        return;
+    }
+    let n = range.startContainer;
+    let target = null;
+    while (n && n !== root) {
+        if (n instanceof HTMLElement && n.tagName.toLowerCase() === tag) {
+            target = n;
+            break;
+        }
+        n = n.parentNode;
+    }
+    if (target)
+        unwrap(target);
+    else
+        surroundInline(range, tag, attrs);
+}
+export function setBlockTag(root, tag) {
+    const sel = document.getSelection();
+    if (!sel || sel.rangeCount === 0)
+        return;
+    const range = sel.getRangeAt(0);
+    const block = closestBlock(range.startContainer, root);
+    if (!block)
+        return;
+    if (block.tagName.toLowerCase() === tag)
+        return;
+    const nb = document.createElement(tag);
+    while (block.firstChild)
+        nb.appendChild(block.firstChild);
+    block.replaceWith(nb);
+    const r = document.createRange();
+    r.selectNodeContents(nb);
+    r.collapse(true);
+    sel.removeAllRanges();
+    sel.addRange(r);
+}
+export function setAlignment(root, align) {
+    const sel = document.getSelection();
+    if (!sel || sel.rangeCount === 0)
+        return;
+    const range = sel.getRangeAt(0);
+    const block = closestBlock(range.startContainer, root);
+    if (!block)
+        return;
+    block.style.textAlign = align === 'justify' ? 'justify' : align;
+}
+export function setFontFamily(root, family) {
+    const sel = document.getSelection();
+    if (!sel || sel.rangeCount === 0)
+        return;
+    const range = sel.getRangeAt(0);
+    if (range.collapsed) {
+        const span = document.createElement('span');
+        span.style.fontFamily = family;
+        span.appendChild(document.createTextNode('\u200b'));
+        range.insertNode(span);
+        const r = document.createRange();
+        r.setStart(span.firstChild, 1);
+        r.collapse(true);
+        sel.removeAllRanges();
+        sel.addRange(r);
+        return;
+    }
+    surroundInline(range, 'span', { style: `font-family:${family}` });
+}
+export function setForeColor(root, color) {
+    const sel = document.getSelection();
+    if (!sel || sel.rangeCount === 0)
+        return;
+    const range = sel.getRangeAt(0);
+    if (range.collapsed) {
+        const span = document.createElement('span');
+        span.style.color = color;
+        span.appendChild(document.createTextNode('\u200b'));
+        range.insertNode(span);
+        const r = document.createRange();
+        r.setStart(span.firstChild, 1);
+        r.collapse(true);
+        sel.removeAllRanges();
+        sel.addRange(r);
+        return;
+    }
+    surroundInline(range, 'span', { style: `color:${color}` });
+}
+export function toggleList(root, kind) {
+    const sel = document.getSelection();
+    if (!sel || sel.rangeCount === 0)
+        return;
+    const range = sel.getRangeAt(0);
+    const block = closestBlock(range.startContainer, root);
+    if (!block)
+        return;
+    let li = block.closest('li');
+    if (li) {
+        const list = li.closest('ul,ol');
+        if (!list)
+            return;
+        if (list.tagName.toLowerCase() === kind) {
+            const parent = list.parentElement;
+            const frag = document.createDocumentFragment();
+            for (const child of Array.from(list.children)) {
+                if (child.tagName.toLowerCase() === 'li') {
+                    const p = document.createElement('p');
+                    while (child.firstChild)
+                        p.appendChild(child.firstChild);
+                    frag.appendChild(p);
+                }
+            }
+            parent.replaceChild(frag, list);
+        }
+        else {
+            const newList = document.createElement(kind);
+            while (list.firstChild)
+                newList.appendChild(list.firstChild);
+            list.replaceWith(newList);
+        }
+        return;
+    }
+    const list = document.createElement(kind);
+    const item = document.createElement('li');
+    list.appendChild(item);
+    while (block.firstChild)
+        item.appendChild(block.firstChild);
+    block.replaceWith(list);
+}
+export function insertOrEditLink(root, href) {
+    const sel = document.getSelection();
+    if (!sel || sel.rangeCount === 0)
+        return;
+    const range = sel.getRangeAt(0);
+    let n = range.startContainer;
+    let a = null;
+    while (n && n !== root) {
+        if (n instanceof HTMLAnchorElement) {
+            a = n;
+            break;
+        }
+        n = n.parentNode;
+    }
+    const url = href ?? (typeof window !== 'undefined' ? window.prompt('Enter URL', a?.href || 'https://') || '' : '');
+    if (!url)
+        return;
+    if (a) {
+        a.href = url;
+        return;
+    }
+    if (range.collapsed) {
+        const link = document.createElement('a');
+        link.href = url;
+        link.textContent = url;
+        range.insertNode(link);
+        const r = document.createRange();
+        r.setStartAfter(link);
+        r.collapse(true);
+        sel.removeAllRanges();
+        sel.addRange(r);
+        return;
+    }
+    const link = document.createElement('a');
+    link.href = url;
+    try {
+        range.surroundContents(link);
+    }
+    catch {
+        const frag = range.extractContents();
+        link.appendChild(frag);
+        range.insertNode(link);
+    }
+}
+//# sourceMappingURL=utils.js.map

package/dist/src/nile-rich-text-editor/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/utils.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,MAAM,UAAU,YAAY,CAAC,IAAiB,EAAE,IAAiB;IAC7D,OAAO,IAAI,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAC7B,IAAI,IAAI,YAAY,WAAW,EAAE,CAAC;YAChC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;YAC/C,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,gCAAgC,CAAC,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,WAAW,EAAE,CAAC;gBAC3G,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QACD,IAAI,GAAG,IAAI,EAAE,UAAU,IAAI,IAAI,CAAC;IAClC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,CAAc;IAC3C,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,WAAW,CAAC;QAAE,CAAC,GAAG,CAAC,CAAC,UAAyB,CAAC;IACzE,OAAO,CAAuB,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,GAAW;IAClC,MAAM,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC;IACvD,IAAI,CAAC,CAAC;QAAE,OAAO,SAAS,CAAC;IACzB,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAC,GAAG,CAAC,CAAC;IACpD,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAC,GAAG,CAAC,CAAC;IACpD,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAC,GAAG,CAAC,CAAC;IACpD,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,IAAiB;IACtC,MAAM,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC;IAAC,IAAI,CAAC,CAAC;QAAE,OAAO;IAC1C,OAAO,IAAI,CAAC,UAAU;QAAE,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IAC9D,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAY,EAAE,GAAW,EAAE,KAA6B;IACrF,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,IAAI,KAAK;QAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC7E,IAAI,CAAC;QAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAAC,CAAC;IACrC,MAAM,CAAC;QACL,MAAM,IAAI,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC;QACrC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAiB,EAAE,GAA6B,EAAE,KAA6B;IAC7G,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;IACpC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,KAAK,CAAC;QAAE,OAAO;IACzC,MAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAEhC,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACxC,IAAI,KAAK;YAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC;QAC3E,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;QACnD,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QACtB,MAAM,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QACjC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAW,EAAE,CAAC,CAAC,CAAC;QAC/B,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,GAAG,CAAC,eAAe,EAAE,CAAC;QAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACvC,OAAO;IACT,CAAC;IAED,IAAI,CAAC,GAAgB,KAAK,CAAC,cAAc,CAAC;IAC1C,IAAI,MAAM,GAAuB,IAAI,CAAC;IACtC,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,YAAY,WAAW,IAAI,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;YAAC,MAAM,GAAG,CAAC,CAAC;YAAC,MAAM;QAAC,CAAC;QACvF,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC;IACnB,CAAC;IACD,IAAI,MAAM;QAAE,MAAM,CAAC,MAAM,CAAC,CAAC;;QAAM,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AACrE,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,IAAiB,EAAE,GAAuB;IACpE,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;IAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,KAAK,CAAC;QAAE,OAAO;IAC9E,MAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IAAC,IAAI,CAAC,KAAK;QAAE,OAAO;IAC3E,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,GAAG;QAAE,OAAO;IAChD,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACvC,OAAO,KAAK,CAAC,UAAU;QAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1D,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACtB,MAAM,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IAAC,CAAC,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;IAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7E,GAAG,CAAC,eAAe,EAAE,CAAC;IAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,IAAiB,EAAE,KAAwC;IACtF,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;IAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,KAAK,CAAC;QAAE,OAAO;IAC9E,MAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IAAC,IAAI,CAAC,KAAK;QAAE,OAAO;IAC3E,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAiB,EAAE,MAAc;IAC7D,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;IAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,KAAK,CAAC;QAAE,OAAO;IAC9E,MAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAChC,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QAC/B,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;QACpD,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACvB,MAAM,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAW,EAAE,CAAC,CAAC,CAAC;QAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACpF,GAAG,CAAC,eAAe,EAAE,CAAC;QAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACvC,OAAO;IACT,CAAC;IACD,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,eAAe,MAAM,EAAE,EAAE,CAAC,CAAC;AACpE,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,IAAiB,EAAE,KAAa;IAC3D,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;IAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,KAAK,CAAC;QAAE,OAAO;IAC9E,MAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAChC,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;QACpD,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACvB,MAAM,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAW,EAAE,CAAC,CAAC,CAAC;QAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACpF,GAAG,CAAC,eAAe,EAAE,CAAC;QAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACvC,OAAO;IACT,CAAC;IACD,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,KAAK,EAAE,EAAE,CAAC,CAAC;AAC7D,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAiB,EAAE,IAAe;IAC3D,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;IAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,KAAK,CAAC;QAAE,OAAO;IAC9E,MAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IAAC,IAAI,CAAC,KAAK;QAAE,OAAO;IAE3E,IAAI,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,IAAI,EAAE,EAAE,CAAC;QACP,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAuB,CAAC;QACvD,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE,CAAC;YACxC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAc,CAAC;YACnC,MAAM,IAAI,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;YAC/C,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC9C,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE,CAAC;oBACzC,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;oBACtC,OAAO,KAAK,CAAC,UAAU;wBAAE,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;oBACzD,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBACtB,CAAC;YACH,CAAC;YACD,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAClC,CAAC;aAAM,CAAC;YACN,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC7C,OAAO,IAAI,CAAC,UAAU;gBAAE,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC7D,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC;QACD,OAAO;IACT,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAClE,OAAO,KAAK,CAAC,UAAU;QAAE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5D,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAiB,EAAE,IAAa;IAC/D,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;IAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,KAAK,CAAC;QAAE,OAAO;IAC9E,MAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAEhC,IAAI,CAAC,GAAgB,KAAK,CAAC,cAAc,CAAC;IAC1C,IAAI,CAAC,GAA6B,IAAI,CAAC;IACvC,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QAAC,IAAI,CAAC,YAAY,iBAAiB,EAAE,CAAC;YAAC,CAAC,GAAG,CAAC,CAAC;YAAC,MAAM;QAAC,CAAC;QAAC,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC;IAAC,CAAC;IAEnG,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EAAE,IAAI,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACnH,IAAI,CAAC,GAAG;QAAE,OAAO;IAEjB,IAAI,CAAC,EAAE,CAAC;QAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC;QAAC,OAAO;IAAC,CAAC;IAEhC,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAAC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;QAAC,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;QAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC1G,MAAM,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC1E,GAAG,CAAC,eAAe,EAAE,CAAC;QAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACvC,OAAO;IACT,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAAC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;IAC1D,IAAI,CAAC;QAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAAC,CAAC;IACrC,MAAM,CAAC;QAAC,MAAM,IAAI,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC;QAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAAC,CAAC;AACjG,CAAC","sourcesContent":["// src/nile-rich-text-editor/utils.ts\nexport function closestBlock(node: Node | null, root: HTMLElement): HTMLElement | null {\n    while (node && node !== root) {\n      if (node instanceof HTMLElement) {\n        const display = getComputedStyle(node).display;\n        if (node.tagName.match(/^(P|DIV|H1|H2|H3|H4|H5|H6|LI)$/) || display === 'block' || display === 'list-item') {\n          return node;\n        }\n      }\n      node = node?.parentNode || null;\n    }\n    return root;\n  }\n  \n  export function nearestElement(n: Node | null): HTMLElement | null {\n    while (n && !(n instanceof HTMLElement)) n = n.parentNode as Node | null;\n    return n as HTMLElement | null;\n  }\n  \n  export function rgbToHex(rgb: string): string {\n    const m = rgb.match(/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/i);\n    if (!m) return '#000000';\n    const r = Number(m[1]).toString(16).padStart(2,'0');\n    const g = Number(m[2]).toString(16).padStart(2,'0');\n    const b = Number(m[3]).toString(16).padStart(2,'0');\n    return `#${r}${g}${b}`;\n  }\n  \n  export function unwrap(node: HTMLElement) {\n    const p = node.parentNode; if (!p) return;\n    while (node.firstChild) p.insertBefore(node.firstChild, node);\n    p.removeChild(node);\n  }\n  \n  export function surroundInline(range: Range, tag: string, attrs?: Record<string,string>) {\n    const wrap = document.createElement(tag);\n    if (attrs) Object.entries(attrs).forEach(([k,v]) => wrap.setAttribute(k, v));\n    try { range.surroundContents(wrap); }\n    catch {\n      const frag = range.extractContents();\n      wrap.appendChild(frag);\n      range.insertNode(wrap);\n    }\n  }\n  \n  export function toggleInlineTag(root: HTMLElement, tag: 'strong'|'em'|'u'|'span', attrs?: Record<string,string>) {\n    const sel = document.getSelection();\n    if (!sel || sel.rangeCount === 0) return;\n    const range = sel.getRangeAt(0);\n  \n    if (range.collapsed) {\n      const elm = document.createElement(tag);\n      if (attrs) Object.entries(attrs).forEach(([k,v]) => elm.setAttribute(k,v));\n      elm.appendChild(document.createTextNode('\\u200b'));\n      range.insertNode(elm);\n      const r = document.createRange();\n      r.setStart(elm.firstChild!, 1);\n      r.collapse(true);\n      sel.removeAllRanges(); sel.addRange(r);\n      return;\n    }\n  \n    let n: Node | null = range.startContainer;\n    let target: HTMLElement | null = null;\n    while (n && n !== root) {\n      if (n instanceof HTMLElement && n.tagName.toLowerCase() === tag) { target = n; break; }\n      n = n.parentNode;\n    }\n    if (target) unwrap(target); else surroundInline(range, tag, attrs);\n  }\n  \n  export function setBlockTag(root: HTMLElement, tag: 'p'|'h1'|'h2'|'h3') {\n    const sel = document.getSelection(); if (!sel || sel.rangeCount === 0) return;\n    const range = sel.getRangeAt(0);\n    const block = closestBlock(range.startContainer, root); if (!block) return;\n    if (block.tagName.toLowerCase() === tag) return;\n    const nb = document.createElement(tag);\n    while (block.firstChild) nb.appendChild(block.firstChild);\n    block.replaceWith(nb);\n    const r = document.createRange(); r.selectNodeContents(nb); r.collapse(true);\n    sel.removeAllRanges(); sel.addRange(r);\n  }\n  \n  export function setAlignment(root: HTMLElement, align: 'left'|'center'|'right'|'justify') {\n    const sel = document.getSelection(); if (!sel || sel.rangeCount === 0) return;\n    const range = sel.getRangeAt(0);\n    const block = closestBlock(range.startContainer, root); if (!block) return;\n    block.style.textAlign = align === 'justify' ? 'justify' : align;\n  }\n  \n  export function setFontFamily(root: HTMLElement, family: string) {\n    const sel = document.getSelection(); if (!sel || sel.rangeCount === 0) return;\n    const range = sel.getRangeAt(0);\n    if (range.collapsed) {\n      const span = document.createElement('span');\n      span.style.fontFamily = family;\n      span.appendChild(document.createTextNode('\\u200b'));\n      range.insertNode(span);\n      const r = document.createRange(); r.setStart(span.firstChild!, 1); r.collapse(true);\n      sel.removeAllRanges(); sel.addRange(r);\n      return;\n    }\n    surroundInline(range, 'span', { style: `font-family:${family}` });\n  }\n  \n  export function setForeColor(root: HTMLElement, color: string) {\n    const sel = document.getSelection(); if (!sel || sel.rangeCount === 0) return;\n    const range = sel.getRangeAt(0);\n    if (range.collapsed) {\n      const span = document.createElement('span');\n      span.style.color = color;\n      span.appendChild(document.createTextNode('\\u200b'));\n      range.insertNode(span);\n      const r = document.createRange(); r.setStart(span.firstChild!, 1); r.collapse(true);\n      sel.removeAllRanges(); sel.addRange(r);\n      return;\n    }\n    surroundInline(range, 'span', { style: `color:${color}` });\n  }\n  \n  export function toggleList(root: HTMLElement, kind: 'ul'|'ol') {\n    const sel = document.getSelection(); if (!sel || sel.rangeCount === 0) return;\n    const range = sel.getRangeAt(0);\n    const block = closestBlock(range.startContainer, root); if (!block) return;\n  \n    let li = block.closest('li');\n    if (li) {\n      const list = li.closest('ul,ol') as HTMLElement | null;\n      if (!list) return;\n      if (list.tagName.toLowerCase() === kind) {\n        const parent = list.parentElement!;\n        const frag = document.createDocumentFragment();\n        for (const child of Array.from(list.children)) {\n          if (child.tagName.toLowerCase() === 'li') {\n            const p = document.createElement('p');\n            while (child.firstChild) p.appendChild(child.firstChild);\n            frag.appendChild(p);\n          }\n        }\n        parent.replaceChild(frag, list);\n      } else {\n        const newList = document.createElement(kind);\n        while (list.firstChild) newList.appendChild(list.firstChild);\n        list.replaceWith(newList);\n      }\n      return;\n    }\n  \n    const list = document.createElement(kind);\n    const item = document.createElement('li'); list.appendChild(item);\n    while (block.firstChild) item.appendChild(block.firstChild);\n    block.replaceWith(list);\n  }\n  \n  export function insertOrEditLink(root: HTMLElement, href?: string) {\n    const sel = document.getSelection(); if (!sel || sel.rangeCount === 0) return;\n    const range = sel.getRangeAt(0);\n  \n    let n: Node | null = range.startContainer;\n    let a: HTMLAnchorElement | null = null;\n    while (n && n !== root) { if (n instanceof HTMLAnchorElement) { a = n; break; } n = n.parentNode; }\n  \n    const url = href ?? (typeof window !== 'undefined' ? window.prompt('Enter URL', a?.href || 'https://') || '' : '');\n    if (!url) return;\n  \n    if (a) { a.href = url; return; }\n  \n    if (range.collapsed) {\n      const link = document.createElement('a'); link.href = url; link.textContent = url; range.insertNode(link);\n      const r = document.createRange(); r.setStartAfter(link); r.collapse(true);\n      sel.removeAllRanges(); sel.addRange(r);\n      return;\n    }\n  \n    const link = document.createElement('a'); link.href = url;\n    try { range.surroundContents(link); }\n    catch { const frag = range.extractContents(); link.appendChild(frag); range.insertNode(link); }\n  }\n  "]}

package/dist/src/nile-richcodeeditor/index.d.ts

@@ -0,0 +1 @@
+export { NileRichcodeeditor } from './nile-richcodeeditor';

package/dist/src/nile-richcodeeditor/index.js

@@ -0,0 +1,2 @@
+export { NileRichcodeeditor } from './nile-richcodeeditor';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-richcodeeditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-richcodeeditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileRichcodeeditor } from './nile-richcodeeditor';"]}

package/dist/src/nile-richcodeeditor/nile-richcodeeditor.css.d.ts

@@ -0,0 +1,12 @@
+/**
+* Copyright Aquera Inc 2023
+*
+* This source code is licensed under the BSD-3-Clause license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+ * Richcodeeditor CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

package/dist/src/nile-richcodeeditor/nile-richcodeeditor.css.js

@@ -0,0 +1,17 @@
+/**
+* Copyright Aquera Inc 2023
+*
+* This source code is licensed under the BSD-3-Clause license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+import { css } from 'lit';
+/**
+ * Richcodeeditor CSS
+ */
+export const styles = css `
+	:host {
+
+	}
+`;
+export default [styles];
+//# sourceMappingURL=nile-richcodeeditor.css.js.map

package/dist/src/nile-richcodeeditor/nile-richcodeeditor.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-richcodeeditor.css.js","sourceRoot":"","sources":["../../../src/nile-richcodeeditor/nile-richcodeeditor.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * Richcodeeditor CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n`;\n\nexport default [styles];"]}

package/dist/src/nile-richcodeeditor/nile-richcodeeditor.d.ts

@@ -0,0 +1,31 @@
+import { LitElement, CSSResultGroup } from 'lit';
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare class NileRichcodeeditor extends LitElement {
+    /**
+     * Component styles
+     */
+    static styles: CSSResultGroup;
+    private editor;
+    private fileInput;
+    private content;
+    private currentAlign;
+    firstUpdated(): void;
+    private applyHeading;
+    private applyList;
+    private triggerImageUpload;
+    private handleImageUpload;
+    private applyAlign;
+    private revertToNormal;
+    private updateContent;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-richcodeeditor': NileRichcodeeditor;
+    }
+}

package/dist/src/nile-richcodeeditor/nile-richcodeeditor.js

@@ -0,0 +1,203 @@
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, state, query } from 'lit/decorators.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+let NileRichcodeeditor = class NileRichcodeeditor extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.content = '';
+        this.currentAlign = '';
+    }
+    firstUpdated() {
+        this.editor.addEventListener('input', () => this.updateContent());
+        this.fileInput.addEventListener('change', e => this.handleImageUpload(e));
+    }
+    applyHeading(level) {
+        const parent = this.editor.parentNode;
+        if (!parent)
+            return;
+        this.revertToNormal();
+        const wrapper = document.createElement(`h${level}`);
+        parent.insertBefore(wrapper, this.editor);
+        wrapper.appendChild(this.editor);
+        this.updateContent();
+    }
+    applyList() {
+        const parent = this.editor.parentNode;
+        if (!parent)
+            return;
+        this.revertToNormal();
+        const ul = document.createElement('ul');
+        const li = document.createElement('li');
+        parent.insertBefore(ul, this.editor);
+        ul.appendChild(li);
+        li.appendChild(this.editor);
+        this.updateContent();
+    }
+    triggerImageUpload() {
+        this.fileInput.click();
+    }
+    handleImageUpload(event) {
+        const input = event.target;
+        const file = input.files?.[0];
+        if (file?.type.startsWith('image/')) {
+            const reader = new FileReader();
+            reader.onload = () => {
+                const img = document.createElement('img');
+                img.src = reader.result;
+                img.alt = file.name;
+                const sel = window.getSelection();
+                if (sel?.rangeCount) {
+                    const range = sel.getRangeAt(0);
+                    range.deleteContents();
+                    range.insertNode(img);
+                    range.setStartAfter(img);
+                    range.collapse(true);
+                    sel.removeAllRanges();
+                    sel.addRange(range);
+                }
+                else {
+                    this.editor.appendChild(img);
+                }
+                this.updateContent();
+            };
+            reader.readAsDataURL(file);
+        }
+        input.value = '';
+    }
+    applyAlign(alignment) {
+        this.currentAlign = alignment;
+        this.editor.style.textAlign = alignment;
+        this.updateContent();
+    }
+    revertToNormal() {
+        const parent = this.editor.parentNode;
+        if (!parent)
+            return;
+        const tag = parent.nodeName;
+        if (!['H1', 'H2', 'H3', 'UL'].includes(tag))
+            return;
+        const grand = parent.parentNode;
+        if (!grand)
+            return;
+        grand.insertBefore(this.editor, parent);
+        grand.removeChild(parent);
+        this.updateContent();
+    }
+    updateContent() {
+        const raw = this.editor.innerHTML;
+        const parent = this.editor.parentNode;
+        let htmlContent = '';
+        if (['H1', 'H2', 'H3'].includes(parent.nodeName)) {
+            const tag = parent.nodeName.toLowerCase();
+            const style = this.currentAlign ? ` style=\"text-align:${this.currentAlign}\"` : '';
+            htmlContent = `<${tag}${style}>${raw}</${tag}>`;
+        }
+        else if (parent.nodeName === 'UL') {
+            const wrapStart = this.currentAlign ? `<div style=\"text-align:${this.currentAlign}\">` : '';
+            const wrapEnd = this.currentAlign ? '</div>' : '';
+            htmlContent = `${wrapStart}<ul><li>${raw}</li></ul>${wrapEnd}`;
+        }
+        else {
+            htmlContent = this.currentAlign
+                ? `<div style=\"text-align:${this.currentAlign}\">${raw}</div>`
+                : raw;
+        }
+        this.content = htmlContent;
+    }
+    render() {
+        return html `
+      <div class="toolbar">
+        <button title="H1" @mousedown=${(e) => e.preventDefault()} @click=${() => this.applyHeading(1)}>H1</button>
+        <button title="H2" @click=${() => this.applyHeading(2)}>H2</button>
+        <button title="H3" @click=${() => this.applyHeading(3)}>H3</button>
+        <button title="Align Left" @click=${() => this.applyAlign('left')}><svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="2"/><rect x="3" y="9" width="12" height="2"/><rect x="3" y="14" width="18" height="2"/><rect x="3" y="19" width="12" height="2"/></svg></button>
+        <button title="Align Center" @click=${() => this.applyAlign('center')}><svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="2"/><rect x="6" y="9" width="12" height="2"/><rect x="3" y="14" width="18" height="2"/><rect x="6" y="19" width="12" height="2"/></svg></button>
+        <button title="Align Right" @click=${() => this.applyAlign('right')}><svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="2"/><rect x="9" y="9" width="12" height="2"/><rect x="3" y="14" width="18" height="2"/><rect x="9" y="19" width="12" height="2"/></svg></button>
+        <button title="Image" @click=${() => this.triggerImageUpload()}><svg viewBox="0 0 24 24"><path d="M21 19V5a2 2 0 0 0-2-2H5c-1.1 0-2 .9-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3 3.5-4.5 4.5 6H6l2.5-4.5z"/></svg></button>
+        <button title="Normal" @click=${() => this.revertToNormal()}><svg viewBox="0 0 24 24"><text x="4" y="18" font-size="18">T</text></svg></button>
+      </div>
+      <input class="image-input" type="file" accept="image/*" />
+      <div class="editor" contenteditable="true"></div>
+      <div class="preview">${unsafeHTML(this.content)}</div>
+    `;
+    }
+};
+/**
+ * Component styles
+ */
+NileRichcodeeditor.styles = css `
+    :host {
+      display: block;
+      font-family: Arial, sans-serif;
+    }
+    .toolbar {
+      display: flex;
+      gap: 8px;
+      margin-bottom: 12px;
+    }
+    .toolbar button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 4px;
+      width: 32px;
+      height: 32px;
+      cursor: pointer;
+      background: var(--toolbar-bg, #f0f0f0);
+      border: 1px solid #ccc;
+      border-radius: 3px;
+    }
+    .toolbar button:hover {
+      background: var(--toolbar-hover-bg, #e0e0e0);
+    }
+    .toolbar svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+    .editor {
+      min-height: 200px;
+      border: 1px solid #ccc;
+      padding: 8px;
+      border-radius: 4px;
+      outline: none;
+    }
+    .editor img {
+      max-width: 100%;
+      height: auto;
+    }
+    .preview {
+      margin-top: 16px;
+      padding: 8px;
+      border: 1px solid #eee;
+      border-radius: 4px;
+      background: #fafafa;
+    }
+    input[type="file"] {
+      display: none;
+    }
+  `;
+__decorate([
+    query('.editor')
+], NileRichcodeeditor.prototype, "editor", void 0);
+__decorate([
+    query('.image-input')
+], NileRichcodeeditor.prototype, "fileInput", void 0);
+__decorate([
+    state()
+], NileRichcodeeditor.prototype, "content", void 0);
+__decorate([
+    state()
+], NileRichcodeeditor.prototype, "currentAlign", void 0);
+NileRichcodeeditor = __decorate([
+    customElement('nile-richcodeeditor')
+], NileRichcodeeditor);
+export { NileRichcodeeditor };
+//# sourceMappingURL=nile-richcodeeditor.js.map

package/dist/src/nile-richcodeeditor/nile-richcodeeditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-richcodeeditor.js","sourceRoot":"","sources":["../../../src/nile-richcodeeditor/nile-richcodeeditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, CSSResultGroup } from 'lit';\nimport { customElement, state, query } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\n/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@customElement('nile-richcodeeditor')\nexport class NileRichcodeeditor extends LitElement {\n  /**\n   * Component styles\n   */\n  static styles: CSSResultGroup = css`\n    :host {\n      display: block;\n      font-family: Arial, sans-serif;\n    }\n    .toolbar {\n      display: flex;\n      gap: 8px;\n      margin-bottom: 12px;\n    }\n    .toolbar button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 4px;\n      width: 32px;\n      height: 32px;\n      cursor: pointer;\n      background: var(--toolbar-bg, #f0f0f0);\n      border: 1px solid #ccc;\n      border-radius: 3px;\n    }\n    .toolbar button:hover {\n      background: var(--toolbar-hover-bg, #e0e0e0);\n    }\n    .toolbar svg {\n      width: 16px;\n      height: 16px;\n      fill: currentColor;\n    }\n    .editor {\n      min-height: 200px;\n      border: 1px solid #ccc;\n      padding: 8px;\n      border-radius: 4px;\n      outline: none;\n    }\n    .editor img {\n      max-width: 100%;\n      height: auto;\n    }\n    .preview {\n      margin-top: 16px;\n      padding: 8px;\n      border: 1px solid #eee;\n      border-radius: 4px;\n      background: #fafafa;\n    }\n    input[type=\"file\"] {\n      display: none;\n    }\n  `;\n\n  @query('.editor') private editor!: HTMLElement;\n  @query('.image-input') private fileInput!: HTMLInputElement;\n  @state() private content = '';\n  @state() private currentAlign: 'left' | 'center' | 'right' | '' = '';\n\n  firstUpdated() {\n    this.editor.addEventListener('input', () => this.updateContent());\n    this.fileInput.addEventListener('change', e => this.handleImageUpload(e));\n  }\n\n  private applyHeading(level: number) {\n    const parent = this.editor.parentNode;\n    if (!parent) return;\n    this.revertToNormal();\n    const wrapper = document.createElement(`h${level}`);\n    parent.insertBefore(wrapper, this.editor);\n    wrapper.appendChild(this.editor);\n    this.updateContent();\n  }\n\n  private applyList() {\n    const parent = this.editor.parentNode;\n    if (!parent) return;\n    this.revertToNormal();\n    const ul = document.createElement('ul');\n    const li = document.createElement('li');\n    parent.insertBefore(ul, this.editor);\n    ul.appendChild(li);\n    li.appendChild(this.editor);\n    this.updateContent();\n  }\n\n  private triggerImageUpload() {\n    this.fileInput.click();\n  }\n\n  private handleImageUpload(event: Event) {\n    const input = event.target as HTMLInputElement;\n    const file = input.files?.[0];\n    if (file?.type.startsWith('image/')) {\n      const reader = new FileReader();\n      reader.onload = () => {\n        const img = document.createElement('img');\n        img.src = reader.result as string;\n        img.alt = file.name;\n        const sel = window.getSelection();\n        if (sel?.rangeCount) {\n          const range = sel.getRangeAt(0);\n          range.deleteContents();\n          range.insertNode(img);\n          range.setStartAfter(img);\n          range.collapse(true);\n          sel.removeAllRanges();\n          sel.addRange(range);\n        } else {\n          this.editor.appendChild(img);\n        }\n        this.updateContent();\n      };\n      reader.readAsDataURL(file);\n    }\n    input.value = '';\n  }\n\n  private applyAlign(alignment: 'left' | 'center' | 'right') {\n    this.currentAlign = alignment;\n    this.editor.style.textAlign = alignment;\n    this.updateContent();\n  }\n\n  private revertToNormal() {\n    const parent = this.editor.parentNode as HTMLElement;\n    if (!parent) return;\n    const tag = parent.nodeName;\n    if (!['H1', 'H2', 'H3', 'UL'].includes(tag)) return;\n    const grand = parent.parentNode;\n    if (!grand) return;\n    grand.insertBefore(this.editor, parent);\n    grand.removeChild(parent);\n    this.updateContent();\n  }\n\n  private updateContent() {\n    const raw = this.editor.innerHTML;\n    const parent = this.editor.parentNode as HTMLElement;\n    let htmlContent = '';\n    if (['H1', 'H2', 'H3'].includes(parent.nodeName)) {\n      const tag = parent.nodeName.toLowerCase();\n      const style = this.currentAlign ? ` style=\\\"text-align:${this.currentAlign}\\\"` : '';\n      htmlContent = `<${tag}${style}>${raw}</${tag}>`;\n    } else if (parent.nodeName === 'UL') {\n      const wrapStart = this.currentAlign ? `<div style=\\\"text-align:${this.currentAlign}\\\">` : '';\n      const wrapEnd = this.currentAlign ? '</div>' : '';\n      htmlContent = `${wrapStart}<ul><li>${raw}</li></ul>${wrapEnd}`;\n    } else {\n      htmlContent = this.currentAlign\n        ? `<div style=\\\"text-align:${this.currentAlign}\\\">${raw}</div>`\n        : raw;\n    }\n    this.content = htmlContent;\n  }\n\n  render() {\n    return html`\n      <div class=\"toolbar\">\n        <button title=\"H1\" @mousedown=${(e: MouseEvent) => e.preventDefault()} @click=${() => this.applyHeading(1)}>H1</button>\n        <button title=\"H2\" @click=${() => this.applyHeading(2)}>H2</button>\n        <button title=\"H3\" @click=${() => this.applyHeading(3)}>H3</button>\n        <button title=\"Align Left\" @click=${() => this.applyAlign('left')}><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"2\"/><rect x=\"3\" y=\"9\" width=\"12\" height=\"2\"/><rect x=\"3\" y=\"14\" width=\"18\" height=\"2\"/><rect x=\"3\" y=\"19\" width=\"12\" height=\"2\"/></svg></button>\n        <button title=\"Align Center\" @click=${() => this.applyAlign('center')}><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"2\"/><rect x=\"6\" y=\"9\" width=\"12\" height=\"2\"/><rect x=\"3\" y=\"14\" width=\"18\" height=\"2\"/><rect x=\"6\" y=\"19\" width=\"12\" height=\"2\"/></svg></button>\n        <button title=\"Align Right\" @click=${() => this.applyAlign('right')}><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"2\"/><rect x=\"9\" y=\"9\" width=\"12\" height=\"2\"/><rect x=\"3\" y=\"14\" width=\"18\" height=\"2\"/><rect x=\"9\" y=\"19\" width=\"12\" height=\"2\"/></svg></button>\n        <button title=\"Image\" @click=${() => this.triggerImageUpload()}><svg viewBox=\"0 0 24 24\"><path d=\"M21 19V5a2 2 0 0 0-2-2H5c-1.1 0-2 .9-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3 3.5-4.5 4.5 6H6l2.5-4.5z\"/></svg></button>\n        <button title=\"Normal\" @click=${() => this.revertToNormal()}><svg viewBox=\"0 0 24 24\"><text x=\"4\" y=\"18\" font-size=\"18\">T</text></svg></button>\n      </div>\n      <input class=\"image-input\" type=\"file\" accept=\"image/*\" />\n      <div class=\"editor\" contenteditable=\"true\"></div>\n      <div class=\"preview\">${unsafeHTML(this.content)}</div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap { 'nile-richcodeeditor': NileRichcodeeditor; }\n}\n"]}

package/dist/src/nile-richeditor/index.d.ts

@@ -0,0 +1 @@
+export { NileRicheditor } from './nile-richeditor';

package/dist/src/nile-richeditor/index.js

@@ -0,0 +1,2 @@
+export { NileRicheditor } from './nile-richeditor';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-richeditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-richeditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export { NileRicheditor } from './nile-richeditor';"]}

package/dist/src/nile-richeditor/nile-richeditor.css.d.ts

@@ -0,0 +1,12 @@
+/**
+* Copyright Aquera Inc 2023
+*
+* This source code is licensed under the BSD-3-Clause license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+ * Richeditor CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

package/dist/src/nile-richeditor/nile-richeditor.css.js

@@ -0,0 +1,17 @@
+/**
+* Copyright Aquera Inc 2023
+*
+* This source code is licensed under the BSD-3-Clause license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+import { css } from 'lit';
+/**
+ * Richeditor CSS
+ */
+export const styles = css `
+	:host {
+
+	}
+`;
+export default [styles];
+//# sourceMappingURL=nile-richeditor.css.js.map

package/dist/src/nile-richeditor/nile-richeditor.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-richeditor.css.js","sourceRoot":"","sources":["../../../src/nile-richeditor/nile-richeditor.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * Richeditor CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n`;\n\nexport default [styles];"]}

package/dist/src/nile-richeditor/nile-richeditor.d.ts

@@ -0,0 +1,19 @@
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
+export declare class NileRicheditor extends LitElement {
+    static styles: CSSResultGroup;
+    private editor;
+    private lastRange;
+    firstUpdated(): void;
+    private saveRange;
+    private restoreRange;
+    render(): TemplateResult;
+    private onBlockClick;
+    private onInlineClick;
+    private formatInline;
+    private formatBlock;
+    private getBlocksInRange;
+    private getBlockParent;
+    private replaceBlock;
+    private findParentTag;
+    private unwrap;
+}