@aquera/nile-elements 0.1.67-beta-1.1 → 0.1.67-beta-1.2

package/dist/src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-toolbar-item/nile-rich-text-editor-toolbar-item.css.js

@@ -0,0 +1,237 @@
+/**
+* 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';
+/**
+ * Lightdomeditor CSS
+ */
+export const styles = css `
+  :host {
+    /* you can add host-level vars or rules here if needed */
+  }
+
+  .editor-container {
+    border: 1px solid #d1d5db;
+	position: relative;
+    border-radius: 8px;
+    overflow: hidden;
+    background: #ffffff;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  }
+
+  .toolbar {
+    display: flex;
+    gap: 1px;
+    padding: 8px;
+    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+
+  .toolbar-group {
+    display: flex;
+    gap: 1px;
+    margin-right: 8px;
+    border-right: 1px solid #e5e7eb;
+    padding-right: 8px;
+  }
+
+  .toolbar-group:last-child {
+    border-right: none;
+    margin-right: 0;
+    padding-right: 0;
+  }
+
+  .format-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 28px;
+    height: 28px;
+    padding: 4px 6px;
+    border: 1px solid transparent;
+    background: transparent;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 14px;
+    font-family: inherit;
+    color: #374151;
+    transition: all 0.1s ease;
+  }
+  .format-btn:hover {
+    background: #e5e7eb;
+    border-color: #d1d5db;
+  }
+  .format-btn:active {
+    background: #d1d5db;
+  }
+
+  .font-select,
+  .fontsize-select,
+  .heading-select {
+    height: 28px;
+    padding: 4px 8px;
+    border: 1px solid #d1d5db;
+    background: #ffffff;
+    border-radius: 4px;
+    font-size: 14px;
+    font-family: inherit;
+    color: #374151;
+    cursor: pointer;
+  }
+  .font-select { min-width: 100px; }
+  .fontsize-select { min-width: 60px; }
+  .heading-select { min-width: 90px; }
+
+  .color-picker {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    border: 1px solid transparent;
+    background: transparent;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: all 0.1s ease;
+  }
+  .color-picker:hover {
+    background: #e5e7eb;
+    border-color: #d1d5db;
+  }
+  .text-color {
+    flex-direction: column;
+    font-weight: bold;
+    font-size: 16px;
+    color: #374151;
+  }
+  .color-bar {
+    width: 20px;
+    height: 3px;
+    margin-top: -2px;
+  }
+  .color-picker input[type="color"] {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    cursor: pointer;
+  }
+
+  .editor {
+    min-height: 300px;
+    padding: 16px;
+    outline: none;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-size: 14px;
+    line-height: 1.6;
+    color: #111827;
+    background: #ffffff;
+  }
+  .editor:empty::before {
+    content: 'Start typing here...';
+    color: #9ca3af;
+    pointer-events: none;
+  }
+  .editor img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+    margin: 8px 0;
+    border-radius: 4px;
+  }
+  .editor blockquote {
+    margin: 16px 0;
+    padding: 8px 16px;
+    border-left: 4px solid #e5e7eb;
+    background: #f9fafb;
+    font-style: italic;
+  }
+  .editor code {
+    background: #f3f4f6;
+    padding: 2px 4px;
+    border-radius: 3px;
+    font-family: 'Courier New', monospace;
+    font-size: 0.9em;
+  }
+  .editor hr {
+    border: none;
+    border-top: 2px solid #e5e7eb;
+    margin: 16px 0;
+  }
+
+  .status-bar {
+    display: flex;
+    justify-content: space-between;
+    padding: 8px 16px;
+    background: #f8f9fa;
+    border-top: 1px solid #e5e7eb;
+    font-size: 12px;
+    color: #6b7280;
+  }
+
+  .preview {
+    border: 1px solid #e5e7eb;
+    background: #ffffff;
+    padding: 16px;
+    border-radius: 8px;
+    margin-top: 16px;
+  }
+  .preview h3 {
+    margin: 0 0 12px 0;
+    color: #374151;
+    font-size: 16px;
+    font-weight: 600;
+  }
+  .preview .content {
+    color: #111827;
+    line-height: 1.6;
+  }
+
+  input[type="file"] {
+    display: none;
+  }
+
+  .mention-dropdown {
+    position: absolute;
+  background: #fff;
+  border: 1px solid #ccc;
+  list-style: none;
+  padding: 4px 0;
+  margin: 0;
+  max-height: 150px;
+  overflow-y: auto;
+  z-index: 100;
+}
+.mention-dropdown li {
+  padding: 4px 12px;
+  cursor: pointer;
+}
+.mention-dropdown li:hover {
+  background: #f0f0f0;
+}
+
+/* styles for the in-editor mentions */
+/* .mention {
+  background-color: #A5D3F3 
+  color: #fff;               
+  padding: 2px 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+} */
+
+/* ensure preview also picks it up */
+/* .preview .mention {
+  background-color: #A5D3F3;
+  color: #fff;
+} */
+
+
+`;
+export default [styles];
+//# sourceMappingURL=nile-rich-text-editor-toolbar-item.css.js.map

package/dist/src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-toolbar-item/nile-rich-text-editor-toolbar-item.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rich-text-editor-toolbar-item.css.js","sourceRoot":"","sources":["../../../../../src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-toolbar-item/nile-rich-text-editor-toolbar-item.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgOxB,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*/\nimport { css } from 'lit';\n\n/**\n * Lightdomeditor CSS\n */\nexport const styles = css`\n  :host {\n    /* you can add host-level vars or rules here if needed */\n  }\n\n  .editor-container {\n    border: 1px solid #d1d5db;\n\tposition: relative;\n    border-radius: 8px;\n    overflow: hidden;\n    background: #ffffff;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  }\n\n  .toolbar {\n    display: flex;\n    gap: 1px;\n    padding: 8px;\n    background: #f8f9fa;\n    border-bottom: 1px solid #e5e7eb;\n    align-items: center;\n    flex-wrap: wrap;\n  }\n\n  .toolbar-group {\n    display: flex;\n    gap: 1px;\n    margin-right: 8px;\n    border-right: 1px solid #e5e7eb;\n    padding-right: 8px;\n  }\n\n  .toolbar-group:last-child {\n    border-right: none;\n    margin-right: 0;\n    padding-right: 0;\n  }\n\n  .format-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 28px;\n    height: 28px;\n    padding: 4px 6px;\n    border: 1px solid transparent;\n    background: transparent;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 14px;\n    font-family: inherit;\n    color: #374151;\n    transition: all 0.1s ease;\n  }\n  .format-btn:hover {\n    background: #e5e7eb;\n    border-color: #d1d5db;\n  }\n  .format-btn:active {\n    background: #d1d5db;\n  }\n\n  .font-select,\n  .fontsize-select,\n  .heading-select {\n    height: 28px;\n    padding: 4px 8px;\n    border: 1px solid #d1d5db;\n    background: #ffffff;\n    border-radius: 4px;\n    font-size: 14px;\n    font-family: inherit;\n    color: #374151;\n    cursor: pointer;\n  }\n  .font-select { min-width: 100px; }\n  .fontsize-select { min-width: 60px; }\n  .heading-select { min-width: 90px; }\n\n  .color-picker {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid transparent;\n    background: transparent;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.1s ease;\n  }\n  .color-picker:hover {\n    background: #e5e7eb;\n    border-color: #d1d5db;\n  }\n  .text-color {\n    flex-direction: column;\n    font-weight: bold;\n    font-size: 16px;\n    color: #374151;\n  }\n  .color-bar {\n    width: 20px;\n    height: 3px;\n    margin-top: -2px;\n  }\n  .color-picker input[type=\"color\"] {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  .editor {\n    min-height: 300px;\n    padding: 16px;\n    outline: none;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 14px;\n    line-height: 1.6;\n    color: #111827;\n    background: #ffffff;\n  }\n  .editor:empty::before {\n    content: 'Start typing here...';\n    color: #9ca3af;\n    pointer-events: none;\n  }\n  .editor img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n    margin: 8px 0;\n    border-radius: 4px;\n  }\n  .editor blockquote {\n    margin: 16px 0;\n    padding: 8px 16px;\n    border-left: 4px solid #e5e7eb;\n    background: #f9fafb;\n    font-style: italic;\n  }\n  .editor code {\n    background: #f3f4f6;\n    padding: 2px 4px;\n    border-radius: 3px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n  }\n  .editor hr {\n    border: none;\n    border-top: 2px solid #e5e7eb;\n    margin: 16px 0;\n  }\n\n  .status-bar {\n    display: flex;\n    justify-content: space-between;\n    padding: 8px 16px;\n    background: #f8f9fa;\n    border-top: 1px solid #e5e7eb;\n    font-size: 12px;\n    color: #6b7280;\n  }\n\n  .preview {\n    border: 1px solid #e5e7eb;\n    background: #ffffff;\n    padding: 16px;\n    border-radius: 8px;\n    margin-top: 16px;\n  }\n  .preview h3 {\n    margin: 0 0 12px 0;\n    color: #374151;\n    font-size: 16px;\n    font-weight: 600;\n  }\n  .preview .content {\n    color: #111827;\n    line-height: 1.6;\n  }\n\n  input[type=\"file\"] {\n    display: none;\n  }\n\n  .mention-dropdown {\n    position: absolute;\n  background: #fff;\n  border: 1px solid #ccc;\n  list-style: none;\n  padding: 4px 0;\n  margin: 0;\n  max-height: 150px;\n  overflow-y: auto;\n  z-index: 100;\n}\n.mention-dropdown li {\n  padding: 4px 12px;\n  cursor: pointer;\n}\n.mention-dropdown li:hover {\n  background: #f0f0f0;\n}\n\n/* styles for the in-editor mentions */\n/* .mention {\n  background-color: #A5D3F3 \n  color: #fff;               \n  padding: 2px 4px;\n  border-radius: 4px;\n  white-space: nowrap;\n} */\n\n/* ensure preview also picks it up */\n/* .preview .mention {\n  background-color: #A5D3F3;\n  color: #fff;\n} */\n\n\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-toolbar-item/nile-rich-text-editor-toolbar-item.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+export declare class NileRichTextEditorToolbarItem extends LitElement {
+    name: string;
+    icon: string;
+    protected createRenderRoot(): this;
+    render(): import("lit-html").TemplateResult<1>;
+    private _onClick;
+}

package/dist/src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-toolbar-item/nile-rich-text-editor-toolbar-item.js

@@ -0,0 +1,36 @@
+import { __decorate } from "tslib";
+import { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let NileRichTextEditorToolbarItem = class NileRichTextEditorToolbarItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.name = ''; // "bold" | "italic" | "underline"
+        this.icon = ''; // ex: "𝐁", "𝘐", "𝓤"
+    }
+    createRenderRoot() { return this; }
+    render() {
+        return html `
+      <button @click=${this._onClick} title=${this.name}>
+        ${this.icon}
+      </button>
+    `;
+    }
+    _onClick() {
+        this.dispatchEvent(new CustomEvent('format', {
+            detail: this.name,
+            bubbles: true,
+            composed: true
+        }));
+    }
+};
+__decorate([
+    property()
+], NileRichTextEditorToolbarItem.prototype, "name", void 0);
+__decorate([
+    property()
+], NileRichTextEditorToolbarItem.prototype, "icon", void 0);
+NileRichTextEditorToolbarItem = __decorate([
+    customElement('nile-rich-text-editor-toolbar-item')
+], NileRichTextEditorToolbarItem);
+export { NileRichTextEditorToolbarItem };
+//# sourceMappingURL=nile-rich-text-editor-toolbar-item.js.map

package/dist/src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-toolbar-item/nile-rich-text-editor-toolbar-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rich-text-editor-toolbar-item.js","sourceRoot":"","sources":["../../../../../src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-toolbar-item/nile-rich-text-editor-toolbar-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,6BAA6B,GAAnC,MAAM,6BAA8B,SAAQ,UAAU;IAAtD;;QACO,SAAI,GAAG,EAAE,CAAC,CAAG,kCAAkC;QAC/C,SAAI,GAAG,EAAE,CAAC,CAAG,uBAAuB;IAmBlD,CAAC;IAjBW,gBAAgB,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC;IAE7C,MAAM;QACJ,OAAO,IAAI,CAAA;uBACQ,IAAI,CAAC,QAAQ,UAAU,IAAI,CAAC,IAAI;UAC7C,IAAI,CAAC,IAAI;;KAEd,CAAC;IACJ,CAAC;IAEO,QAAQ;QACd,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC3C,MAAM,EAAE,IAAI,CAAC,IAAI;YACjB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;IACN,CAAC;CACF,CAAA;AApBa;IAAX,QAAQ,EAAE;2DAAW;AACV;IAAX,QAAQ,EAAE;2DAAW;AAFX,6BAA6B;IADzC,aAAa,CAAC,oCAAoC,CAAC;GACvC,6BAA6B,CAqBzC","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('nile-rich-text-editor-toolbar-item')\nexport class NileRichTextEditorToolbarItem extends LitElement {\n  @property() name = '';   // \"bold\" | \"italic\" | \"underline\"\n  @property() icon = '';   // ex: \"𝐁\", \"𝘐\", \"𝓤\"\n\n  protected createRenderRoot() { return this; }\n\n  render() {\n    return html`\n      <button @click=${this._onClick} title=${this.name}>\n        ${this.icon}\n      </button>\n    `;\n  }\n\n  private _onClick() {\n    this.dispatchEvent(new CustomEvent('format', {\n      detail: this.name,\n      bubbles: true,\n      composed: true\n    }));\n  }\n}\n"]}

package/dist/src/nile-rich-text-editor/utils.d.ts

@@ -0,0 +1,13 @@
+export declare function closestBlock(node: Node | null, root: HTMLElement): HTMLElement | null;
+export declare function nearestElement(n: Node | null): HTMLElement | null;
+export declare function rgbToHex(rgb: string): string;
+export declare function unwrap(node: HTMLElement): void;
+export declare function surroundInline(range: Range, tag: string, attrs?: Record<string, string>): void;
+export declare function toggleInlineTag(root: HTMLElement, tag: 'strong' | 'em' | 'u' | 'span', attrs?: Record<string, string>): void;
+export declare function setBlockTag(root: HTMLElement, tag: 'p' | 'h1' | 'h2' | 'h3'): void;
+export declare function setAlignment(root: HTMLElement, align: 'left' | 'center' | 'right' | 'justify'): void;
+export declare function setFontFamily(root: HTMLElement, family: string): void;
+export declare function setBackColor(rootEl: HTMLElement, color: string): void;
+export declare function setForeColor(root: HTMLElement, color: string): void;
+export declare function toggleList(root: HTMLElement, kind: 'ul' | 'ol'): void;
+export declare function insertOrEditLink(root: HTMLElement, href?: string): void;

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

@@ -0,0 +1,251 @@
+// 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 setBackColor(rootEl, color) {
+    const sel = window.getSelection();
+    if (!sel || sel.rangeCount === 0)
+        return;
+    const range = sel.getRangeAt(0);
+    if (!rootEl.contains(range.commonAncestorContainer) || range.collapsed)
+        return;
+    const span = document.createElement('span');
+    span.style.backgroundColor = color;
+    span.appendChild(range.extractContents());
+    range.insertNode(span);
+    const after = document.createRange();
+    after.setStartAfter(span);
+    after.collapse(true);
+    sel.removeAllRanges();
+    sel.addRange(after);
+}
+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":"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","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\nexport function setBackColor(rootEl: HTMLElement, color: string) {\n  const sel = window.getSelection();\n  if (!sel || sel.rangeCount === 0) return;\n  const range = sel.getRangeAt(0);\n  if (!rootEl.contains(range.commonAncestorContainer) || range.collapsed) return;\n\n  const span = document.createElement('span');\n  span.style.backgroundColor = color;\n  span.appendChild(range.extractContents());\n  range.insertNode(span);\n  const after = document.createRange();\n  after.setStartAfter(span);\n  after.collapse(true);\n  sel.removeAllRanges();\n  sel.addRange(after);\n}\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];"]}