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

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

@@ -0,0 +1,234 @@
+export function toggleInlineTag(root, tag, attrs) {
+    const sel = window.getSelection();
+    if (!sel || sel.rangeCount === 0)
+        return;
+    const range = sel.getRangeAt(0);
+    const aliases = {
+        strong: ['strong', 'b'],
+        em: ['em', 'i'],
+        u: ['u'],
+        span: ['span'],
+    };
+    const candidates = aliases[tag] ?? [tag];
+    const isMatch = (el) => candidates.includes(el.tagName.toLowerCase());
+    function unwrap(el) {
+        const p = el.parentNode;
+        if (!p)
+            return;
+        while (el.firstChild)
+            p.insertBefore(el.firstChild, el);
+        p.removeChild(el);
+    }
+    function removeEmptyAndNested(root) {
+        root.querySelectorAll(candidates.join(',')).forEach(el => {
+            if (!el.textContent?.trim()) {
+                el.remove();
+                return;
+            }
+            const nested = Array.from(el.querySelectorAll(candidates.join(',')));
+            nested.forEach(n => {
+                if (n === el)
+                    return;
+                while (n.firstChild)
+                    el.insertBefore(n.firstChild, n);
+                n.remove();
+            });
+        });
+    }
+    function mergeAdjacent(root) {
+        const list = Array.from(root.querySelectorAll(candidates.join(',')));
+        list.forEach(el => {
+            const next = el.nextSibling;
+            if (next instanceof HTMLElement && isMatch(next)) {
+                while (next.firstChild)
+                    el.appendChild(next.firstChild);
+                next.remove();
+            }
+        });
+    }
+    if (range.collapsed) {
+        let inside = false;
+        let n = range.startContainer;
+        while (n && n !== root) {
+            if (n instanceof HTMLElement && isMatch(n)) {
+                inside = true;
+                break;
+            }
+            n = n.parentNode;
+        }
+        if (inside && n instanceof HTMLElement) {
+            unwrap(n);
+        }
+        else {
+            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);
+            range.setStart(elm.firstChild, 1);
+            range.collapse(true);
+            sel.removeAllRanges();
+            sel.addRange(range);
+        }
+        removeEmptyAndNested(root);
+        mergeAdjacent(root);
+        return;
+    }
+    if (range.startContainer.nodeType === Node.TEXT_NODE)
+        range.startContainer.splitText(range.startOffset);
+    if (range.endContainer.nodeType === Node.TEXT_NODE)
+        range.endContainer.splitText(range.endOffset);
+    const walker = document.createTreeWalker(range.commonAncestorContainer, NodeFilter.SHOW_TEXT, {
+        acceptNode: n => {
+            if (!n.nodeValue?.trim())
+                return NodeFilter.FILTER_REJECT;
+            const r = document.createRange();
+            r.selectNodeContents(n);
+            const inter = range.compareBoundaryPoints(Range.END_TO_START, r) < 0 &&
+                range.compareBoundaryPoints(Range.START_TO_END, r) > 0;
+            return inter ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+        },
+    });
+    const textNodes = [];
+    let tn;
+    while ((tn = walker.nextNode()))
+        textNodes.push(tn);
+    const allInside = textNodes.length > 0 &&
+        textNodes.every(txt => {
+            let n = txt;
+            while (n && n !== root) {
+                if (n instanceof HTMLElement && isMatch(n))
+                    return true;
+                n = n.parentNode;
+            }
+            return false;
+        });
+    if (allInside) {
+        const first = textNodes[0];
+        const last = textNodes[textNodes.length - 1];
+        const common = first.parentElement?.closest(tag);
+        if (common && common.contains(last)) {
+            const parent = common.parentNode;
+            if (parent) {
+                const beforeRange = document.createRange();
+                beforeRange.setStartBefore(common);
+                beforeRange.setEndBefore(first);
+                const before = beforeRange.cloneContents();
+                const afterRange = document.createRange();
+                afterRange.setStartAfter(last);
+                afterRange.setEndAfter(common);
+                const after = afterRange.cloneContents();
+                const middleRange = document.createRange();
+                middleRange.setStartBefore(first);
+                middleRange.setEndAfter(last);
+                const middle = middleRange.extractContents();
+                const frag = document.createDocumentFragment();
+                if (before.childNodes.length) {
+                    const b = document.createElement(tag);
+                    while (before.firstChild)
+                        b.appendChild(before.firstChild);
+                    frag.appendChild(b);
+                }
+                while (middle.firstChild)
+                    frag.appendChild(middle.firstChild);
+                if (after.childNodes.length) {
+                    const a = document.createElement(tag);
+                    while (after.firstChild)
+                        a.appendChild(after.firstChild);
+                    frag.appendChild(a);
+                }
+                parent.insertBefore(frag, common);
+                parent.removeChild(common);
+            }
+        }
+        else {
+            textNodes.forEach(txt => {
+                let n = txt;
+                while (n && n !== root) {
+                    if (n instanceof HTMLElement && isMatch(n)) {
+                        unwrap(n);
+                        break;
+                    }
+                    n = n.parentNode;
+                }
+            });
+        }
+    }
+    else {
+        textNodes.forEach(txt => {
+            const skip = txt.parentElement?.closest('a, .mention, nile-mention');
+            if (skip)
+                return;
+            const wrapper = document.createElement(tag);
+            if (attrs)
+                Object.entries(attrs).forEach(([k, v]) => wrapper.setAttribute(k, v));
+            txt.parentNode?.insertBefore(wrapper, txt);
+            wrapper.appendChild(txt);
+        });
+    }
+    removeEmptyAndNested(root);
+    mergeAdjacent(root);
+    sel.removeAllRanges();
+    sel.addRange(range);
+}
+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 unwrap(node) {
+    const p = node.parentNode;
+    if (!p)
+        return;
+    while (node.firstChild)
+        p.insertBefore(node.firstChild, node);
+    p.removeChild(node);
+}
+function unwrapAllMatching(node, root, matcher) {
+    let n = node.parentNode;
+    while (n && n !== root) {
+        if (n instanceof HTMLElement && matcher(n)) {
+            unwrap(n);
+            n = node.parentNode;
+            continue;
+        }
+        n = n.parentNode;
+    }
+}
+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 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}` });
+}
+//# sourceMappingURL=inline-utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inline-utils.js","sourceRoot":"","sources":["../../../../src/nile-rich-text-editor/utils/inline-utils.ts"],"names":[],"mappings":"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","sourcesContent":["export function toggleInlineTag(\n  root: HTMLElement,\n  tag: 'strong' | 'em' | 'u' | 'span',\n  attrs?: Record<string, string>\n) {\n  const sel = window.getSelection();\n  if (!sel || sel.rangeCount === 0) return;\n  const range = sel.getRangeAt(0);\n  const aliases: Record<string, string[]> = {\n    strong: ['strong', 'b'],\n    em: ['em', 'i'],\n    u: ['u'],\n    span: ['span'],\n  };\n  const candidates = aliases[tag] ?? [tag];\n  const isMatch = (el: HTMLElement) =>\n    candidates.includes(el.tagName.toLowerCase());\n\n  function unwrap(el: HTMLElement) {\n    const p = el.parentNode;\n    if (!p) return;\n    while (el.firstChild) p.insertBefore(el.firstChild, el);\n    p.removeChild(el);\n  }\n\n  function removeEmptyAndNested(root: HTMLElement) {\n    root.querySelectorAll(candidates.join(',')).forEach(el => {\n      if (!el.textContent?.trim()) {\n        el.remove();\n        return;\n      }\n      const nested = Array.from(el.querySelectorAll(candidates.join(',')));\n      nested.forEach(n => {\n        if (n === el) return;\n        while (n.firstChild) el.insertBefore(n.firstChild, n);\n        n.remove();\n      });\n    });\n  }\n\n  function mergeAdjacent(root: HTMLElement) {\n    const list = Array.from(root.querySelectorAll(candidates.join(',')));\n    list.forEach(el => {\n      const next = el.nextSibling;\n      if (next instanceof HTMLElement && isMatch(next)) {\n        while (next.firstChild) el.appendChild(next.firstChild);\n        next.remove();\n      }\n    });\n  }\n  if (range.collapsed) {\n    let inside = false;\n    let n: Node | null = range.startContainer;\n    while (n && n !== root) {\n      if (n instanceof HTMLElement && isMatch(n)) {\n        inside = true;\n        break;\n      }\n      n = n.parentNode;\n    }\n\n    if (inside && n instanceof HTMLElement) {\n      unwrap(n);\n    } else {\n      const elm = document.createElement(tag);\n      if (attrs)\n        Object.entries(attrs).forEach(([k, v]) => elm.setAttribute(k, v));\n      elm.appendChild(document.createTextNode('\\u200b'));\n      range.insertNode(elm);\n      range.setStart(elm.firstChild!, 1);\n      range.collapse(true);\n      sel.removeAllRanges();\n      sel.addRange(range);\n    }\n\n    removeEmptyAndNested(root);\n    mergeAdjacent(root);\n    return;\n  }\n  if (range.startContainer.nodeType === Node.TEXT_NODE)\n    (range.startContainer as Text).splitText(range.startOffset);\n  if (range.endContainer.nodeType === Node.TEXT_NODE)\n    (range.endContainer as Text).splitText(range.endOffset);\n  const walker = document.createTreeWalker(\n    range.commonAncestorContainer,\n    NodeFilter.SHOW_TEXT,\n    {\n      acceptNode: n => {\n        if (!n.nodeValue?.trim()) return NodeFilter.FILTER_REJECT;\n        const r = document.createRange();\n        r.selectNodeContents(n);\n        const inter =\n          range.compareBoundaryPoints(Range.END_TO_START, r) < 0 &&\n          range.compareBoundaryPoints(Range.START_TO_END, r) > 0;\n        return inter ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n      },\n    }\n  );\n\n  const textNodes: Text[] = [];\n  let tn: Node | null;\n  while ((tn = walker.nextNode())) textNodes.push(tn as Text);\n\n  const allInside =\n    textNodes.length > 0 &&\n    textNodes.every(txt => {\n      let n: Node | null = txt;\n      while (n && n !== root) {\n        if (n instanceof HTMLElement && isMatch(n)) return true;\n        n = n.parentNode;\n      }\n      return false;\n    });\n\n  if (allInside) {\n    const first = textNodes[0];\n    const last = textNodes[textNodes.length - 1];\n    const common = first.parentElement?.closest(tag) as HTMLElement | null;\n    if (common && common.contains(last)) {\n      const parent = common.parentNode;\n      if (parent) {\n        const beforeRange = document.createRange();\n        beforeRange.setStartBefore(common);\n        beforeRange.setEndBefore(first);\n        const before = beforeRange.cloneContents();\n\n        const afterRange = document.createRange();\n        afterRange.setStartAfter(last);\n        afterRange.setEndAfter(common);\n        const after = afterRange.cloneContents();\n\n        const middleRange = document.createRange();\n        middleRange.setStartBefore(first);\n        middleRange.setEndAfter(last);\n        const middle = middleRange.extractContents();\n\n        const frag = document.createDocumentFragment();\n        if (before.childNodes.length) {\n          const b = document.createElement(tag);\n          while (before.firstChild) b.appendChild(before.firstChild);\n          frag.appendChild(b);\n        }\n        while (middle.firstChild) frag.appendChild(middle.firstChild);\n        if (after.childNodes.length) {\n          const a = document.createElement(tag);\n          while (after.firstChild) a.appendChild(after.firstChild);\n          frag.appendChild(a);\n        }\n        parent.insertBefore(frag, common);\n        parent.removeChild(common);\n      }\n    } else {\n      textNodes.forEach(txt => {\n        let n: Node | null = txt;\n        while (n && n !== root) {\n          if (n instanceof HTMLElement && isMatch(n)) {\n            unwrap(n);\n            break;\n          }\n          n = n.parentNode;\n        }\n      });\n    }\n  } else {\n    textNodes.forEach(txt => {\n      const skip = txt.parentElement?.closest('a, .mention, nile-mention');\n      if (skip) return;\n      const wrapper = document.createElement(tag);\n      if (attrs)\n        Object.entries(attrs).forEach(([k, v]) => wrapper.setAttribute(k, v));\n      txt.parentNode?.insertBefore(wrapper, txt);\n      wrapper.appendChild(txt);\n    });\n  }\n\n  removeEmptyAndNested(root);\n  mergeAdjacent(root);\n\n  sel.removeAllRanges();\n  sel.addRange(range);\n}\n\nexport function surroundInline(\n  range: Range,\n  tag: string,\n  attrs?: Record<string, string>\n) {\n  const wrap = document.createElement(tag);\n  if (attrs) Object.entries(attrs).forEach(([k, v]) => wrap.setAttribute(k, v));\n  try {\n    range.surroundContents(wrap);\n  } catch {\n    const frag = range.extractContents();\n    wrap.appendChild(frag);\n    range.insertNode(wrap);\n  }\n}\n\nexport function unwrap(node: HTMLElement) {\n  const p = node.parentNode;\n  if (!p) return;\n  while (node.firstChild) p.insertBefore(node.firstChild, node);\n  p.removeChild(node);\n}\n\nfunction unwrapAllMatching(\n  node: Node,\n  root: HTMLElement,\n  matcher: (el: HTMLElement) => boolean\n) {\n  let n: Node | null = node.parentNode;\n  while (n && n !== root) {\n    if (n instanceof HTMLElement && matcher(n)) {\n      unwrap(n);\n\n      n = node.parentNode;\n      continue;\n    }\n    n = n.parentNode;\n  }\n}\n\nexport 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\nexport function setFontFamily(root: HTMLElement, family: string) {\n  const sel = document.getSelection();\n  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();\n    r.setStart(span.firstChild!, 1);\n    r.collapse(true);\n    sel.removeAllRanges();\n    sel.addRange(r);\n    return;\n  }\n  surroundInline(range, 'span', { style: `font-family:${family}` });\n}\n"]}

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

@@ -0,0 +1 @@
+export declare function insertOrEditLink(root: HTMLElement, href?: string): void;

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

@@ -0,0 +1,48 @@
+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=link-utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link-utils.js","sourceRoot":"","sources":["../../../../src/nile-rich-text-editor/utils/link-utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,gBAAgB,CAAC,IAAiB,EAAE,IAAa;IAC/D,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,CAAC,GAAgB,KAAK,CAAC,cAAc,CAAC;IAC1C,IAAI,CAAC,GAA6B,IAAI,CAAC;IACvC,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,YAAY,iBAAiB,EAAE,CAAC;YACnC,CAAC,GAAG,CAAC,CAAC;YACN,MAAM;QACR,CAAC;QACD,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC;IACnB,CAAC;IAED,MAAM,GAAG,GACP,IAAI;QACJ,CAAC,OAAO,MAAM,KAAK,WAAW;YAC5B,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EAAE,IAAI,IAAI,UAAU,CAAC,IAAI,EAAE;YACzD,CAAC,CAAC,EAAE,CAAC,CAAC;IACV,IAAI,CAAC,GAAG;QAAE,OAAO;IAEjB,IAAI,CAAC,EAAE,CAAC;QACN,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC;QACb,OAAO;IACT,CAAC;IAED,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;QAChB,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;QACvB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACvB,MAAM,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QACjC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,GAAG,EAAE,eAAe,EAAE,CAAC;QACvB,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChB,OAAO;IACT,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;IAChB,IAAI,CAAC;QACH,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAAC,MAAM,CAAC;QACP,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","sourcesContent":["export function insertOrEditLink(root: HTMLElement, href?: string) {\n  const sel = document.getSelection();\n  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) {\n    if (n instanceof HTMLAnchorElement) {\n      a = n;\n      break;\n    }\n    n = n.parentNode;\n  }\n\n  const url =\n    href ??\n    (typeof window !== 'undefined'\n      ? window.prompt('Enter URL', a?.href || 'https://') || ''\n      : '');\n  if (!url) return;\n\n  if (a) {\n    a.href = url;\n    return;\n  }\n\n  if (range.collapsed) {\n    const link = document.createElement('a');\n    link.href = url;\n    link.textContent = url;\n    range.insertNode(link);\n    const r = document.createRange();\n    r.setStartAfter(link);\n    r.collapse(true);\n    sel?.removeAllRanges();\n    sel.addRange(r);\n    return;\n  }\n\n  const link = document.createElement('a');\n  link.href = url;\n  try {\n    range.surroundContents(link);\n  } catch {\n    const frag = range.extractContents();\n    link.appendChild(frag);\n    range.insertNode(link);\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+export declare function toggleList(root: HTMLElement, kind: 'ul' | 'ol'): void;

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

@@ -0,0 +1,154 @@
+export function toggleList(root, kind) {
+    const sel = document.getSelection();
+    if (!sel || sel.rangeCount === 0)
+        return;
+    const range = sel.getRangeAt(0);
+    function styleList(list) {
+        list.style.paddingInlineStart = '0';
+        list.style.margin = '0';
+    }
+    function isEmptyBlock(el) {
+        return !el.textContent?.trim() && !el.querySelector('img,br');
+    }
+    function setCursorInside(el) {
+        const selection = document.getSelection();
+        if (!selection)
+            return;
+        const r = document.createRange();
+        r.selectNodeContents(el);
+        r.collapse(true);
+        selection.removeAllRanges();
+        selection.addRange(r);
+    }
+    function closestBlock(node) {
+        while (node && node !== root) {
+            if (node instanceof HTMLElement) {
+                const display = getComputedStyle(node).display;
+                if (node.tagName.match(/^(P|DIV|H[1-6]|LI)$/) ||
+                    display === 'block' ||
+                    display === 'list-item')
+                    return node;
+            }
+            node = node.parentNode;
+        }
+        return null;
+    }
+    function unwrapList(list) {
+        const frag = document.createDocumentFragment();
+        Array.from(list.querySelectorAll('li')).forEach(li => {
+            const p = document.createElement('p');
+            if (li.style.textAlign)
+                p.style.textAlign = li.style.textAlign;
+            while (li.firstChild)
+                p.appendChild(li.firstChild);
+            frag.appendChild(p);
+        });
+        list.replaceWith(frag);
+    }
+    function unwrapListItem(block) {
+        const li = block.closest('li');
+        if (!li)
+            return;
+        const list = li.parentElement;
+        const p = document.createElement('p');
+        if (li.style.textAlign)
+            p.style.textAlign = li.style.textAlign;
+        while (li.firstChild)
+            p.appendChild(li.firstChild);
+        list.parentNode?.insertBefore(p, list.nextSibling);
+        li.remove();
+        if (list.childNodes.length === 0)
+            list.remove();
+        setCursorInside(p);
+    }
+    function switchListType(list, newType) {
+        const newList = document.createElement(newType);
+        styleList(newList);
+        while (list.firstChild)
+            newList.appendChild(list.firstChild);
+        list.replaceWith(newList);
+    }
+    if (range.collapsed) {
+        const block = closestBlock(range.startContainer);
+        const insideList = block?.closest('ul,ol');
+        if (insideList && insideList.tagName.toLowerCase() === kind) {
+            unwrapListItem(block);
+            return;
+        }
+        if (insideList && insideList.tagName.toLowerCase() !== kind) {
+            switchListType(insideList, kind);
+            return;
+        }
+        if (!block ||
+            block === root ||
+            block.childNodes.length === 0 ||
+            isEmptyBlock(block)) {
+            const list = document.createElement(kind);
+            const li = document.createElement('li');
+            li.appendChild(document.createElement('br'));
+            list.appendChild(li);
+            styleList(list);
+            range.insertNode(list);
+            setCursorInside(li);
+            return;
+        }
+        const list = document.createElement(kind);
+        styleList(list);
+        const li = document.createElement('li');
+        if (block.style.textAlign)
+            li.style.textAlign = block.style.textAlign;
+        while (block.firstChild)
+            li.appendChild(block.firstChild);
+        list.appendChild(li);
+        block.replaceWith(list);
+        setCursorInside(li);
+        return;
+    }
+    const blocks = [];
+    const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
+        acceptNode: n => {
+            if (!(n instanceof HTMLElement))
+                return NodeFilter.FILTER_SKIP;
+            if (!/^(P|DIV|LI|H[1-6])$/.test(n.tagName))
+                return NodeFilter.FILTER_SKIP;
+            const r = document.createRange();
+            r.selectNodeContents(n);
+            const intersects = range.compareBoundaryPoints(Range.END_TO_START, r) < 0 &&
+                range.compareBoundaryPoints(Range.START_TO_END, r) > 0;
+            return intersects ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+        },
+    });
+    let n;
+    while ((n = walker.nextNode()))
+        blocks.push(n);
+    if (blocks.length === 0) {
+        const block = closestBlock(range.startContainer);
+        if (block)
+            blocks.push(block);
+    }
+    const firstLi = blocks[0].closest('li');
+    if (firstLi) {
+        const currentList = firstLi.closest('ul,ol');
+        if (!currentList)
+            return;
+        if (currentList.tagName.toLowerCase() === kind)
+            unwrapList(currentList);
+        else
+            switchListType(currentList, kind);
+        return;
+    }
+    const newList = document.createElement(kind);
+    styleList(newList);
+    for (const block of blocks) {
+        const li = document.createElement('li');
+        if (block.style.textAlign)
+            li.style.textAlign = block.style.textAlign;
+        while (block.firstChild)
+            li.appendChild(block.firstChild);
+        newList.appendChild(li);
+    }
+    blocks[0].replaceWith(newList);
+    for (let i = 1; i < blocks.length; i++)
+        blocks[i].remove();
+}
+//# sourceMappingURL=list-utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-utils.js","sourceRoot":"","sources":["../../../../src/nile-rich-text-editor/utils/list-utils.ts"],"names":[],"mappings":"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","sourcesContent":["export function toggleList(root: HTMLElement, kind: 'ul' | 'ol') {\n  const sel = document.getSelection();\n  if (!sel || sel.rangeCount === 0) return;\n  const range = sel.getRangeAt(0);\n  function styleList(list: HTMLElement) {\n    list.style.paddingInlineStart = '0';\n    list.style.margin = '0';\n  }\n\n  function isEmptyBlock(el: HTMLElement) {\n    return !el.textContent?.trim() && !el.querySelector('img,br');\n  }\n\n  function setCursorInside(el: HTMLElement) {\n    const selection = document.getSelection();\n    if (!selection) return;\n    const r = document.createRange();\n    r.selectNodeContents(el);\n    r.collapse(true);\n    selection.removeAllRanges();\n    selection.addRange(r);\n  }\n\n  function closestBlock(node: Node | null): HTMLElement | null {\n    while (node && node !== root) {\n      if (node instanceof HTMLElement) {\n        const display = getComputedStyle(node).display;\n        if (\n          node.tagName.match(/^(P|DIV|H[1-6]|LI)$/) ||\n          display === 'block' ||\n          display === 'list-item'\n        )\n          return node;\n      }\n      node = node.parentNode;\n    }\n    return null;\n  }\n\n  function unwrapList(list: HTMLElement) {\n    const frag = document.createDocumentFragment();\n    (Array.from(list.querySelectorAll('li')) as HTMLElement[]).forEach(li => {\n      const p = document.createElement('p');\n      if (li.style.textAlign) p.style.textAlign = li.style.textAlign;\n      while (li.firstChild) p.appendChild(li.firstChild);\n      frag.appendChild(p);\n    });\n    list.replaceWith(frag);\n  }\n\n  function unwrapListItem(block: HTMLElement) {\n    const li = block.closest('li');\n    if (!li) return;\n    const list = li.parentElement as HTMLElement;\n    const p = document.createElement('p');\n    if (li.style.textAlign) p.style.textAlign = li.style.textAlign;\n    while (li.firstChild) p.appendChild(li.firstChild);\n    list.parentNode?.insertBefore(p, list.nextSibling);\n    li.remove();\n    if (list.childNodes.length === 0) list.remove();\n    setCursorInside(p);\n  }\n\n  function switchListType(list: HTMLElement, newType: 'ul' | 'ol') {\n    const newList = document.createElement(newType);\n    styleList(newList);\n    while (list.firstChild) newList.appendChild(list.firstChild);\n    list.replaceWith(newList);\n  }\n  if (range.collapsed) {\n    const block = closestBlock(range.startContainer);\n    const insideList = block?.closest('ul,ol') as HTMLElement | null;\n    if (insideList && insideList.tagName.toLowerCase() === kind) {\n      unwrapListItem(block as HTMLElement);\n      return;\n    }\n\n    if (insideList && insideList.tagName.toLowerCase() !== kind) {\n      switchListType(insideList, kind);\n      return;\n    }\n    if (\n      !block ||\n      block === root ||\n      block.childNodes.length === 0 ||\n      isEmptyBlock(block)\n    ) {\n      const list = document.createElement(kind);\n      const li = document.createElement('li');\n      li.appendChild(document.createElement('br'));\n      list.appendChild(li);\n      styleList(list);\n      range.insertNode(list);\n      setCursorInside(li);\n      return;\n    }\n    const list = document.createElement(kind);\n    styleList(list);\n    const li = document.createElement('li');\n    if (block.style.textAlign) li.style.textAlign = block.style.textAlign;\n    while (block.firstChild) li.appendChild(block.firstChild);\n    list.appendChild(li);\n    block.replaceWith(list);\n    setCursorInside(li);\n    return;\n  }\n\n  const blocks: HTMLElement[] = [];\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {\n    acceptNode: n => {\n      if (!(n instanceof HTMLElement)) return NodeFilter.FILTER_SKIP;\n      if (!/^(P|DIV|LI|H[1-6])$/.test(n.tagName)) return NodeFilter.FILTER_SKIP;\n      const r = document.createRange();\n      r.selectNodeContents(n);\n      const intersects =\n        range.compareBoundaryPoints(Range.END_TO_START, r) < 0 &&\n        range.compareBoundaryPoints(Range.START_TO_END, r) > 0;\n      return intersects ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n    },\n  });\n  let n: Node | null;\n  while ((n = walker.nextNode())) blocks.push(n as HTMLElement);\n\n  if (blocks.length === 0) {\n    const block = closestBlock(range.startContainer);\n    if (block) blocks.push(block);\n  }\n\n  const firstLi = blocks[0].closest('li');\n  if (firstLi) {\n    const currentList = firstLi.closest('ul,ol') as HTMLElement | null;\n    if (!currentList) return;\n    if (currentList.tagName.toLowerCase() === kind) unwrapList(currentList);\n    else switchListType(currentList, kind);\n    return;\n  }\n  const newList = document.createElement(kind);\n  styleList(newList);\n  for (const block of blocks) {\n    const li = document.createElement('li');\n    if (block.style.textAlign) li.style.textAlign = block.style.textAlign;\n    while (block.firstChild) li.appendChild(block.firstChild);\n    newList.appendChild(li);\n  }\n  blocks[0].replaceWith(newList);\n  for (let i = 1; i < blocks.length; i++) blocks[i].remove();\n}\n"]}

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

@@ -73,6 +73,7 @@ export declare class NileSelect extends NileElement implements NileFormControl {
     static styles: CSSResultGroup;
     private formControlController;
     private virtualScrollHelper;
+    private readonly portalManager;
     private readonly hasSlotController;
     private typeToSelectString;
     private typeToSelectTimeout;
@@ -111,6 +112,11 @@ export declare class NileSelect extends NileElement implements NileFormControl {
     disableLocalSearch: boolean;
     optionsLoading: boolean;
     noWidthSync: boolean;
+    /**
+     * When true, the listbox will be appended to the document body instead of the parent container.
+     * This is useful when the parent has overflow: hidden, clip-path, or transform applied.
+     */
+    portal: boolean;
     /** Allows more than one option to be selected. */
     multiple: boolean | string;
     helpText: string;
@@ -200,19 +206,21 @@ export declare class NileSelect extends NileElement implements NileFormControl {
      * Toggles the display of selected options in the dropdown
      * @param event - the event object
      */
-    private toggleShowSelected;
+    toggleShowSelected(event: Event): void;
     /**
      * Deselects all options and updates the value, selectedOptions, and displayLabel properties accordingly
      */
-    private unSlectAll;
+    unSlectAll(): void;
     private handleDocumentKeyDown;
     private handleDocumentMouseDown;
+    private handleWindowResize;
+    private handleWindowScroll;
     private handleLabelClick;
     private handleComboboxMouseDown;
     private handleComboboxKeyDown;
     private handleClearClick;
     private handleClearMouseDown;
-    private handleOptionClick;
+    handleOptionClick(event: MouseEvent): void;
     private handleDefaultSlotChange;
     private handleTagRemove;
     private getAllOptions;
@@ -230,6 +238,7 @@ export declare class NileSelect extends NileElement implements NileFormControl {
     private handleInvalid;
     handleDisabledChange(): void;
     handleValueChange(): void;
+    handlePortalAppendChange(): void;
     handleOpenChange(): Promise<void>;
     private getAllGroupAttributes;
     getUniqueGroupNames(arr: NileOption[]): string[];