@aquera/nile-elements 1.3.3-beta-1.3 → 1.3.3-beta-1.4

package/dist/src/nile-rich-text-editor/nile-rte-select.js

@@ -0,0 +1,228 @@
+import { __decorate } from "tslib";
+import { LitElement, html } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+const HEADING_ALLOWLIST = new Set([
+    'p',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+]);
+function isHeadingTag(v) {
+    return HEADING_ALLOWLIST.has(v);
+}
+let NileRteSelect = class NileRteSelect extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.type = '';
+        this.options = '[]';
+        this.label = '';
+        this.selectedValue = '';
+    }
+    createRenderRoot() {
+        return this;
+    }
+    mapAlignIcon(v) {
+        const map = {
+            left: 'format_align_left',
+            center: 'format_align_middle',
+            right: 'format_align_right',
+            justify: 'format_align_justify',
+        };
+        return map[v] || 'format_align_left';
+    }
+    get parsedOptions() {
+        const source = this.optionsObj ?? this.options;
+        let rawArray = (() => {
+            if (Array.isArray(source))
+                return source;
+            try {
+                return JSON.parse(String(source));
+            }
+            catch {
+                return [];
+            }
+        })();
+        if (this.type === 'align' && rawArray.length === 0) {
+            rawArray = [
+                { value: 'left', label: 'Align Left' },
+                { value: 'center', label: 'Align Center' },
+                { value: 'right', label: 'Align Right' },
+                { value: 'justify', label: 'Justify' },
+            ];
+        }
+        let items = rawArray.map((o) => {
+            const value = o?.value ?? o;
+            const label = o?.label ?? o?.value ?? o;
+            const icon = o?.icon ??
+                (this.type === 'align' ? this.mapAlignIcon(String(value)) : undefined);
+            return { value, label, icon };
+        });
+        if (this.type === 'heading') {
+            const before = items.length;
+            items = items.filter(i => isHeadingTag(i.value));
+            if (items.length !== before) {
+            }
+            if (this.selectedValue && !isHeadingTag(this.selectedValue)) {
+                this.selectedValue = '';
+            }
+        }
+        return items;
+    }
+    ensureDefault() {
+        if (!this.selectedValue) {
+            const first = this.parsedOptions[0];
+            if (first)
+                this.selectedValue = first.value;
+        }
+    }
+    onSelect(value) {
+        if (this.type === 'heading' && !isHeadingTag(value)) {
+            console.warn(`[nile-rte-select] Ignoring invalid heading value: ${value}`);
+            return;
+        }
+        this.selectedValue = value;
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: value,
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.injectLocalStyles();
+    }
+    injectLocalStyles() {
+        if (this.querySelector('style[data-rte-select-style]'))
+            return;
+        const style = document.createElement('style');
+        style.setAttribute('data-rte-select-style', 'true');
+        style.textContent = `
+      nile-menu.rte-align-menu::part(menu__items-wrapper) {
+        display: flex;
+      }
+      nile-menu.rte-align-menu,
+      nile-menu.rte-default-menu {
+        margin-top: 0px;
+      }
+      nile-button.rte-align-trigger::part(base),
+      nile-button.rte-default-trigger::part(base) {
+        min-width: 32px;
+        height: 32px;
+        padding: 0px 6px;
+        box-shadow: none;
+      }
+  nile-button.rte-align-trigger::part(base) {
+
+  border: none;
+}
+
+ 
+    `;
+        this.insertBefore(style, this.firstChild);
+    }
+    render() {
+        const opts = this.parsedOptions;
+        this.ensureDefault();
+        const current = opts.find(o => o.value === this.selectedValue);
+        if (this.type === 'align') {
+            const trigger = current?.icon
+                ? html `<nile-icon name="${current.icon}"></nile-icon>`
+                : this.label || 'Align';
+            return html `
+        <nile-dropdown class="rte-align-dd">
+          <nile-button
+            slot="trigger"
+            variant="tertiary"
+            class="rte-align-trigger"
+          >
+            ${trigger}
+          </nile-button>
+          <nile-menu class="rte-align-menu">
+            ${opts.map(o => html `
+                <nile-menu-item
+                  class="rte-align-item"
+                  ?active=${o.value === this.selectedValue}
+                  @click=${() => this.onSelect(o.value)}
+                >
+                  <nile-tooltip hoist content="${o.label}">
+                    <nile-icon name="${o.icon}"></nile-icon>
+                  </nile-tooltip>
+                </nile-menu-item>
+              `)}
+          </nile-menu>
+        </nile-dropdown>
+      `;
+        }
+        if (this.type === 'font') {
+            const triggerText = current?.label || this.label || 'Font';
+            return html `
+        <nile-dropdown class="rte-default-dd">
+          <nile-button
+            slot="trigger"
+            variant="tertiary"
+            class="rte-default-trigger"
+            style="font-family: ${current?.value || 'inherit'}"
+          >
+            ${triggerText} <nile-icon name="arrowdown"></nile-icon>
+          </nile-button>
+          <nile-menu class="rte-default-menu">
+            ${opts.map(o => html `
+                <nile-menu-item
+                  style="font-family: ${o.value}"
+                  ?active=${o.value === this.selectedValue}
+                  @click=${() => this.onSelect(o.value)}
+                >
+                  ${o.label}
+                </nile-menu-item>
+              `)}
+          </nile-menu>
+        </nile-dropdown>
+      `;
+        }
+        const triggerText = current?.label || this.label || 'Select';
+        return html `
+      <nile-dropdown class="rte-default-dd">
+        <nile-button
+          slot="trigger"
+          variant="tertiary"
+          class="rte-default-trigger"
+        >
+          ${triggerText} <nile-icon name="arrowdown"></nile-icon>
+        </nile-button>
+        <nile-menu class="rte-default-menu">
+          ${opts.map(o => html `
+              <nile-menu-item
+                ?active=${o.value === this.selectedValue}
+                @click=${() => this.onSelect(o.value)}
+              >
+                ${o.label}
+              </nile-menu-item>
+            `)}
+        </nile-menu>
+      </nile-dropdown>
+    `;
+    }
+};
+__decorate([
+    property({ type: String, attribute: true, reflect: true })
+], NileRteSelect.prototype, "type", void 0);
+__decorate([
+    property({ type: String, attribute: true, reflect: true })
+], NileRteSelect.prototype, "options", void 0);
+__decorate([
+    property({ attribute: false })
+], NileRteSelect.prototype, "optionsObj", void 0);
+__decorate([
+    property({ type: String, attribute: true, reflect: true })
+], NileRteSelect.prototype, "label", void 0);
+__decorate([
+    state()
+], NileRteSelect.prototype, "selectedValue", void 0);
+NileRteSelect = __decorate([
+    customElement('nile-rte-select')
+], NileRteSelect);
+export { NileRteSelect };
+//# sourceMappingURL=nile-rte-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rte-select.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/nile-rte-select.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\ntype HeadingTag = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\ntype GenericOption = { value: string; label?: string; icon?: string };\ntype HeadingOption = { value: HeadingTag; label?: string; icon?: string };\ntype NormalizedOption = { value: string; label: string; icon?: string };\n\nconst HEADING_ALLOWLIST: ReadonlySet<HeadingTag> = new Set([\n  'p',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n]);\n\nfunction isHeadingTag(v: string): v is HeadingTag {\n  return HEADING_ALLOWLIST.has(v as HeadingTag);\n}\n\n@customElement('nile-rte-select')\nexport class NileRteSelect extends LitElement {\n  protected createRenderRoot() {\n    return this;\n  }\n\n  @property({ type: String, attribute: true, reflect: true }) type = '';\n\n  @property({ type: String, attribute: true, reflect: true }) options = '[]';\n\n  @property({ attribute: false })\n  optionsObj?: Array<GenericOption | HeadingOption>;\n\n  @property({ type: String, attribute: true, reflect: true }) label = '';\n\n  @state() private selectedValue = '';\n\n  private mapAlignIcon(v: string) {\n    const map: Record<string, string> = {\n      left: 'format_align_left',\n      center: 'format_align_middle',\n      right: 'format_align_right',\n      justify: 'format_align_justify',\n    };\n    return map[v] || 'format_align_left';\n  }\n  private get parsedOptions(): NormalizedOption[] {\n    const source: unknown = this.optionsObj ?? this.options;\n\n    let rawArray: any[] = (() => {\n      if (Array.isArray(source)) return source;\n      try {\n        return JSON.parse(String(source));\n      } catch {\n        return [];\n      }\n    })();\n\n    if (this.type === 'align' && rawArray.length === 0) {\n      rawArray = [\n        { value: 'left', label: 'Align Left' },\n        { value: 'center', label: 'Align Center' },\n        { value: 'right', label: 'Align Right' },\n        { value: 'justify', label: 'Justify' },\n      ];\n    }\n\n    let items: NormalizedOption[] = rawArray.map((o: any) => {\n      const value: string = o?.value ?? o;\n      const label: string = o?.label ?? o?.value ?? o;\n      const icon: string | undefined =\n        o?.icon ??\n        (this.type === 'align' ? this.mapAlignIcon(String(value)) : undefined);\n      return { value, label, icon };\n    });\n\n    if (this.type === 'heading') {\n      const before = items.length;\n      items = items.filter(i => isHeadingTag(i.value));\n      if (items.length !== before) {\n      }\n      if (this.selectedValue && !isHeadingTag(this.selectedValue)) {\n        this.selectedValue = '';\n      }\n    }\n\n    return items;\n  }\n\n  private ensureDefault() {\n    if (!this.selectedValue) {\n      const first = this.parsedOptions[0];\n      if (first) this.selectedValue = first.value;\n    }\n  }\n\n  private onSelect(value: string) {\n    if (this.type === 'heading' && !isHeadingTag(value)) {\n      console.warn(\n        `[nile-rte-select] Ignoring invalid heading value: ${value}`\n      );\n      return;\n    }\n    this.selectedValue = value;\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: value,\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.injectLocalStyles();\n  }\n\n  private injectLocalStyles() {\n    if (this.querySelector('style[data-rte-select-style]')) return;\n\n    const style = document.createElement('style');\n    style.setAttribute('data-rte-select-style', 'true');\n    style.textContent = `\n      nile-menu.rte-align-menu::part(menu__items-wrapper) {\n        display: flex;\n      }\n      nile-menu.rte-align-menu,\n      nile-menu.rte-default-menu {\n        margin-top: 0px;\n      }\n      nile-button.rte-align-trigger::part(base),\n      nile-button.rte-default-trigger::part(base) {\n        min-width: 32px;\n        height: 32px;\n        padding: 0px 6px;\n        box-shadow: none;\n      }\n  nile-button.rte-align-trigger::part(base) {\n\n  border: none;\n}\n\n \n    `;\n    this.insertBefore(style, this.firstChild);\n  }\n\n  render() {\n    const opts = this.parsedOptions;\n    this.ensureDefault();\n    const current = opts.find(o => o.value === this.selectedValue);\n\n    if (this.type === 'align') {\n      const trigger = current?.icon\n        ? html`<nile-icon name=\"${current.icon}\"></nile-icon>`\n        : this.label || 'Align';\n\n      return html`\n        <nile-dropdown class=\"rte-align-dd\">\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"rte-align-trigger\"\n          >\n            ${trigger}\n          </nile-button>\n          <nile-menu class=\"rte-align-menu\">\n            ${opts.map(\n              o => html`\n                <nile-menu-item\n                  class=\"rte-align-item\"\n                  ?active=${o.value === this.selectedValue}\n                  @click=${() => this.onSelect(o.value)}\n                >\n                  <nile-tooltip hoist content=\"${o.label}\">\n                    <nile-icon name=\"${o.icon}\"></nile-icon>\n                  </nile-tooltip>\n                </nile-menu-item>\n              `\n            )}\n          </nile-menu>\n        </nile-dropdown>\n      `;\n    }\n\n    if (this.type === 'font') {\n      const triggerText = current?.label || this.label || 'Font';\n      return html`\n        <nile-dropdown class=\"rte-default-dd\">\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"rte-default-trigger\"\n            style=\"font-family: ${current?.value || 'inherit'}\"\n          >\n            ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n          </nile-button>\n          <nile-menu class=\"rte-default-menu\">\n            ${opts.map(\n              o => html`\n                <nile-menu-item\n                  style=\"font-family: ${o.value}\"\n                  ?active=${o.value === this.selectedValue}\n                  @click=${() => this.onSelect(o.value)}\n                >\n                  ${o.label}\n                </nile-menu-item>\n              `\n            )}\n          </nile-menu>\n        </nile-dropdown>\n      `;\n    }\n\n    const triggerText = current?.label || this.label || 'Select';\n    return html`\n      <nile-dropdown class=\"rte-default-dd\">\n        <nile-button\n          slot=\"trigger\"\n          variant=\"tertiary\"\n          class=\"rte-default-trigger\"\n        >\n          ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n        </nile-button>\n        <nile-menu class=\"rte-default-menu\">\n          ${opts.map(\n            o => html`\n              <nile-menu-item\n                ?active=${o.value === this.selectedValue}\n                @click=${() => this.onSelect(o.value)}\n              >\n                ${o.label}\n              </nile-menu-item>\n            `\n          )}\n        </nile-menu>\n      </nile-dropdown>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-rte-select': NileRteSelect;\n  }\n}\n"]}

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

@@ -0,0 +1,23 @@
+import { __decorate } from "tslib";
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let NileRteToolbarItem = class NileRteToolbarItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.name = '';
+        this.label = '';
+    }
+    createRenderRoot() { return this; }
+    shouldUpdate() { return false; }
+};
+__decorate([
+    property({ type: String, attribute: true, reflect: true })
+], NileRteToolbarItem.prototype, "name", void 0);
+__decorate([
+    property({ type: String, attribute: true, reflect: true })
+], NileRteToolbarItem.prototype, "label", void 0);
+NileRteToolbarItem = __decorate([
+    customElement('nile-rte-toolbar-item')
+], NileRteToolbarItem);
+export { NileRteToolbarItem };
+//# sourceMappingURL=nile-rte-toolbar-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rte-toolbar-item.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/nile-rte-toolbar-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAIuD,SAAI,GAAG,EAAE,CAAC;QACV,UAAK,GAAG,EAAE,CAAC;IAEzE,CAAC;IANW,gBAAgB,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC;IACnC,YAAY,KAAK,OAAO,KAAK,CAAC,CAAC,CAAC;CAK3C,CAAA;AAH6D;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAW;AACV;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAY;AAL5D,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAO9B","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('nile-rte-toolbar-item')\nexport class NileRteToolbarItem extends LitElement {\n  protected createRenderRoot() { return this; }\n  protected shouldUpdate() { return false; }\n\n  @property({ type: String, attribute: true, reflect: true }) name = '';\n  @property({ type: String, attribute: true, reflect: true }) label = '';\n\n}\ndeclare global { interface HTMLElementTagNameMap { 'nile-rte-toolbar-item': NileRteToolbarItem; } }\n"]}

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

@@ -0,0 +1,12 @@
+import { __decorate } from "tslib";
+import { LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let NileRteToolbar = class NileRteToolbar extends LitElement {
+    createRenderRoot() { return this; }
+    shouldUpdate() { return false; }
+};
+NileRteToolbar = __decorate([
+    customElement('nile-rte-toolbar')
+], NileRteToolbar);
+export { NileRteToolbar };
+//# sourceMappingURL=nile-rte-toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rte-toolbar.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/nile-rte-toolbar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG3C,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAClC,gBAAgB,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC;IACnC,YAAY,KAAK,OAAO,KAAK,CAAC,CAAC,CAAC;CAC3C,CAAA;AAHY,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAG1B","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('nile-rte-toolbar')\nexport class NileRteToolbar extends LitElement {\n  protected createRenderRoot() { return this; }     \n  protected shouldUpdate() { return false; }      \n}\ndeclare global { interface HTMLElementTagNameMap { 'nile-rte-toolbar': NileRteToolbar; } }"]}

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

@@ -0,0 +1,71 @@
+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 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, alignment) {
+    const selection = window.getSelection();
+    if (!selection || selection.rangeCount === 0)
+        return;
+    const range = selection.getRangeAt(0);
+    const commonAncestor = range.commonAncestorContainer;
+    const blocks = [];
+    const walker = document.createTreeWalker(commonAncestor, NodeFilter.SHOW_ELEMENT, {
+        acceptNode: node => {
+            const el = node;
+            if (range.intersectsNode(el) &&
+                /^(P|DIV|LI|H[1-6])$/.test(el.tagName)) {
+                return NodeFilter.FILTER_ACCEPT;
+            }
+            return NodeFilter.FILTER_SKIP;
+        },
+    });
+    let node = walker.nextNode();
+    while (node) {
+        blocks.push(node);
+        node = walker.nextNode();
+    }
+    if (blocks.length === 0) {
+        const block = closestBlock(selection.focusNode, root);
+        if (block)
+            blocks.push(block);
+    }
+    blocks.forEach(block => {
+        block.style.textAlign = alignment;
+    });
+}
+export function nearestElement(n) {
+    while (n && !(n instanceof HTMLElement))
+        n = n.parentNode;
+    return n;
+}
+//# sourceMappingURL=block-utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-utils.js","sourceRoot":"","sources":["../../../../src/nile-rich-text-editor/utils/block-utils.ts"],"names":[],"mappings":"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","sourcesContent":["export function closestBlock(\n  node: Node | null,\n  root: HTMLElement\n): 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|H1|H2|H3|H4|H5|H6|LI)$/) ||\n        display === 'block' ||\n        display === 'list-item'\n      ) {\n        return node;\n      }\n    }\n    node = node?.parentNode || null;\n  }\n  return root;\n}\n\nexport function setBlockTag(root: HTMLElement, tag: 'p' | 'h1' | 'h2' | 'h3') {\n  const sel = document.getSelection();\n  if (!sel || sel.rangeCount === 0) return;\n  const range = sel.getRangeAt(0);\n  const block = closestBlock(range.startContainer, root);\n  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();\n  r.selectNodeContents(nb);\n  r.collapse(true);\n  sel.removeAllRanges();\n  sel.addRange(r);\n}\nexport function setAlignment(root: HTMLElement, alignment: string) {\n  const selection = window.getSelection();\n  if (!selection || selection.rangeCount === 0) return;\n\n  const range = selection.getRangeAt(0);\n  const commonAncestor = range.commonAncestorContainer;\n  const blocks: HTMLElement[] = [];\n  const walker = document.createTreeWalker(\n    commonAncestor,\n    NodeFilter.SHOW_ELEMENT,\n    {\n      acceptNode: node => {\n        const el = node as HTMLElement;\n        if (\n          range.intersectsNode(el) &&\n          /^(P|DIV|LI|H[1-6])$/.test(el.tagName)\n        ) {\n          return NodeFilter.FILTER_ACCEPT;\n        }\n        return NodeFilter.FILTER_SKIP;\n      },\n    }\n  );\n\n  let node = walker.nextNode();\n  while (node) {\n    blocks.push(node as HTMLElement);\n    node = walker.nextNode();\n  }\n\n  if (blocks.length === 0) {\n    const block = closestBlock(selection.focusNode, root);\n    if (block) blocks.push(block);\n  }\n  blocks.forEach(block => {\n    block.style.textAlign = alignment;\n  });\n}\n\nexport 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"]}

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

@@ -0,0 +1,187 @@
+export function setForeColor(editor, hex) {
+    applyInlineStyle(editor, 'color', hex, 'data-rte-color');
+}
+export function setBackColor(editor, hex) {
+    applyInlineStyle(editor, 'backgroundColor', hex, 'data-rte-bg');
+}
+function enclosingStyledSpan(editor, node, dataAttr) {
+    while (node && node !== editor) {
+        if (node instanceof HTMLSpanElement && node.hasAttribute(dataAttr)) {
+            return node;
+        }
+        node = node.parentNode;
+    }
+    return null;
+}
+function applyInlineStyle(editor, cssProp, value, dataAttr) {
+    const sel = window.getSelection();
+    if (!sel || sel.rangeCount === 0)
+        return;
+    const r0 = sel.getRangeAt(0);
+    if (!editor.contains(r0.commonAncestorContainer))
+        return;
+    const range = r0.cloneRange();
+    if (range.collapsed) {
+        const enclosing = enclosingStyledSpan(editor, range.startContainer, dataAttr);
+        if (enclosing) {
+            enclosing.style[cssProp] = value;
+            mergeAdjacentStyledSpans(editor, dataAttr, cssProp);
+            return;
+        }
+        const s = document.createElement('span');
+        s.setAttribute(dataAttr, '1');
+        s.style[cssProp] = value;
+        s.appendChild(document.createTextNode('\u200B'));
+        range.insertNode(s);
+        const caret = document.createRange();
+        caret.setStart(s.firstChild, 1);
+        caret.collapse(true);
+        sel.removeAllRanges();
+        sel.addRange(caret);
+        mergeAdjacentStyledSpans(editor, dataAttr, cssProp);
+        return;
+    }
+    const leftEdge = enclosingStyledSpan(editor, range.startContainer, dataAttr);
+    const rightEdge = enclosingStyledSpan(editor, range.endContainer, dataAttr);
+    if (leftEdge && leftEdge === rightEdge) {
+        if (rangeCoversWholeNode(range, leftEdge)) {
+            leftEdge.style[cssProp] = value;
+        }
+        else {
+            const mid = splitAndRecolorWithinSpan(leftEdge, range, dataAttr, cssProp, value);
+            const sel = window.getSelection();
+            const r = document.createRange();
+            r.selectNodeContents(mid);
+            sel?.removeAllRanges();
+            sel?.addRange(r);
+        }
+        mergeAdjacentStyledSpans(editor, dataAttr, cssProp);
+        return;
+    }
+    const commonEl = (() => {
+        let n = range.commonAncestorContainer;
+        while (n && !(n instanceof HTMLElement))
+            n = n.parentNode;
+        return n;
+    })();
+    const walker = document.createTreeWalker(commonEl || editor, NodeFilter.SHOW_TEXT, {
+        acceptNode: n => {
+            if (!n.nodeValue || !n.nodeValue.trim())
+                return NodeFilter.FILTER_REJECT;
+            const nodeRange = document.createRange();
+            nodeRange.selectNodeContents(n);
+            const intersects = range.compareBoundaryPoints(Range.END_TO_START, nodeRange) < 0 &&
+                range.compareBoundaryPoints(Range.START_TO_END, nodeRange) > 0;
+            return intersects ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+        },
+    });
+    const toProcess = [];
+    let t;
+    while ((t = walker.nextNode()))
+        toProcess.push(t);
+    toProcess.forEach(text => {
+        let start = 0, end = text.length;
+        if (text === range.startContainer)
+            start = range.startOffset;
+        if (text === range.endContainer)
+            end = range.endOffset;
+        if (start > 0)
+            text = text.splitText(start);
+        if (end < text.length)
+            text.splitText(end);
+        const existing = enclosingStyledSpan(editor, text, dataAttr);
+        if (existing) {
+            existing.style[cssProp] = value;
+            return;
+        }
+        const span = document.createElement('span');
+        span.setAttribute(dataAttr, '1');
+        span.style[cssProp] = value;
+        const parent = text.parentElement;
+        parent.replaceChild(span, text);
+        span.appendChild(text);
+    });
+    mergeAdjacentStyledSpans(editor, dataAttr, cssProp);
+    // restore selection
+    sel.removeAllRanges();
+    sel.addRange(range);
+}
+// Is the range covering the entire node's contents?
+function rangeCoversWholeNode(range, node) {
+    const all = document.createRange();
+    all.selectNodeContents(node);
+    return (range.compareBoundaryPoints(Range.START_TO_START, all) <= 0 &&
+        range.compareBoundaryPoints(Range.END_TO_END, all) >= 0);
+}
+// Split one styled span into [left][middle][right]; recolor only middle
+function splitAndRecolorWithinSpan(span, range, dataAttr, cssProp, newValue) {
+    const oldValue = span.style[cssProp];
+    const left = document.createRange();
+    left.setStart(span, 0);
+    left.setEnd(range.startContainer, range.startOffset);
+    const right = document.createRange();
+    right.setStart(range.endContainer, range.endOffset);
+    right.setEnd(span, span.childNodes.length);
+    // Build replacement fragment
+    const frag = document.createDocumentFragment();
+    // helper to make a styled clone shell
+    const makeShell = (val) => {
+        const s = document.createElement('span');
+        s.setAttribute(dataAttr, '1');
+        s.style[cssProp] = val;
+        return s;
+    };
+    if (hasRangeContent(left)) {
+        const sLeft = makeShell(oldValue);
+        sLeft.appendChild(left.cloneContents());
+        frag.appendChild(sLeft);
+    }
+    const mid = makeShell(newValue);
+    mid.appendChild(range.cloneContents());
+    frag.appendChild(mid);
+    if (hasRangeContent(right)) {
+        const sRight = makeShell(oldValue);
+        sRight.appendChild(right.cloneContents());
+        frag.appendChild(sRight);
+    }
+    span.replaceWith(frag);
+    return mid;
+}
+function mergeAdjacentStyledSpans(root, dataAttr, cssProp) {
+    const spans = Array.from(root.querySelectorAll(`span[${dataAttr}]`));
+    const valOf = (el) => el.style[cssProp];
+    spans.forEach(s => {
+        const nested = Array.from(s.querySelectorAll(`span[${dataAttr}]`));
+        nested.forEach(child => {
+            if (valOf(child) === valOf(s)) {
+                while (child.firstChild)
+                    s.insertBefore(child.firstChild, child);
+                child.remove();
+            }
+        });
+        const prev = s.previousSibling;
+        if (prev instanceof HTMLSpanElement &&
+            prev.hasAttribute(dataAttr) &&
+            valOf(prev) === valOf(s)) {
+            while (s.firstChild)
+                prev.appendChild(s.firstChild);
+            s.remove();
+            return;
+        }
+        const next = s.nextSibling;
+        if (next instanceof HTMLSpanElement &&
+            next.hasAttribute(dataAttr) &&
+            valOf(next) === valOf(s)) {
+            while (next.firstChild)
+                s.appendChild(next.firstChild);
+            next.remove();
+        }
+    });
+}
+function hasRangeContent(r) {
+    if (r.collapsed)
+        return false;
+    const text = r.cloneContents().textContent || '';
+    return text.length > 0;
+}
+//# sourceMappingURL=color-utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-utils.js","sourceRoot":"","sources":["../../../../src/nile-rich-text-editor/utils/color-utils.ts"],"names":[],"mappings":"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","sourcesContent":["export function setForeColor(editor: HTMLElement, hex: string) {\n  applyInlineStyle(editor, 'color', hex, 'data-rte-color');\n}\nexport function setBackColor(editor: HTMLElement, hex: string) {\n  applyInlineStyle(editor, 'backgroundColor', hex, 'data-rte-bg');\n}\n\nfunction enclosingStyledSpan(\n  editor: HTMLElement,\n  node: Node | null,\n  dataAttr: 'data-rte-color' | 'data-rte-bg'\n): HTMLSpanElement | null {\n  while (node && node !== editor) {\n    if (node instanceof HTMLSpanElement && node.hasAttribute(dataAttr)) {\n      return node;\n    }\n    node = node.parentNode;\n  }\n  return null;\n}\n\nfunction applyInlineStyle(\n  editor: HTMLElement,\n  cssProp: 'color' | 'backgroundColor',\n  value: string,\n  dataAttr: 'data-rte-color' | 'data-rte-bg'\n) {\n  const sel = window.getSelection();\n  if (!sel || sel.rangeCount === 0) return;\n  const r0 = sel.getRangeAt(0);\n  if (!editor.contains(r0.commonAncestorContainer)) return;\n\n  const range = r0.cloneRange();\n\n  if (range.collapsed) {\n    const enclosing = enclosingStyledSpan(\n      editor,\n      range.startContainer,\n      dataAttr\n    );\n    if (enclosing) {\n      (enclosing.style as any)[cssProp] = value;\n      mergeAdjacentStyledSpans(editor, dataAttr, cssProp);\n      return;\n    }\n\n    const s = document.createElement('span');\n    s.setAttribute(dataAttr, '1');\n    (s.style as any)[cssProp] = value;\n    s.appendChild(document.createTextNode('\\u200B'));\n    range.insertNode(s);\n\n    const caret = document.createRange();\n    caret.setStart(s.firstChild!, 1);\n    caret.collapse(true);\n    sel.removeAllRanges();\n    sel.addRange(caret);\n\n    mergeAdjacentStyledSpans(editor, dataAttr, cssProp);\n    return;\n  }\n\n  const leftEdge = enclosingStyledSpan(editor, range.startContainer, dataAttr);\n  const rightEdge = enclosingStyledSpan(editor, range.endContainer, dataAttr);\n  if (leftEdge && leftEdge === rightEdge) {\n    if (rangeCoversWholeNode(range, leftEdge)) {\n      (leftEdge.style as any)[cssProp] = value;\n    } else {\n      const mid = splitAndRecolorWithinSpan(\n        leftEdge,\n        range,\n        dataAttr,\n        cssProp,\n        value\n      );\n\n      const sel = window.getSelection();\n      const r = document.createRange();\n      r.selectNodeContents(mid);\n      sel?.removeAllRanges();\n      sel?.addRange(r);\n    }\n    mergeAdjacentStyledSpans(editor, dataAttr, cssProp);\n    return;\n  }\n\n  const commonEl = (() => {\n    let n: Node | null = range.commonAncestorContainer;\n    while (n && !(n instanceof HTMLElement)) n = n.parentNode;\n    return n as HTMLElement | null;\n  })();\n\n  const walker = document.createTreeWalker(\n    commonEl || editor,\n    NodeFilter.SHOW_TEXT,\n    {\n      acceptNode: n => {\n        if (!n.nodeValue || !n.nodeValue.trim())\n          return NodeFilter.FILTER_REJECT;\n        const nodeRange = document.createRange();\n        nodeRange.selectNodeContents(n);\n        const intersects =\n          range.compareBoundaryPoints(Range.END_TO_START, nodeRange) < 0 &&\n          range.compareBoundaryPoints(Range.START_TO_END, nodeRange) > 0;\n        return intersects ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n      },\n    }\n  );\n\n  const toProcess: Text[] = [];\n  let t: Node | null;\n  while ((t = walker.nextNode())) toProcess.push(t as Text);\n\n  toProcess.forEach(text => {\n    let start = 0,\n      end = text.length;\n    if (text === range.startContainer) start = range.startOffset;\n    if (text === range.endContainer) end = range.endOffset;\n    if (start > 0) text = text.splitText(start);\n    if (end < text.length) text.splitText(end);\n\n    const existing = enclosingStyledSpan(editor, text, dataAttr);\n    if (existing) {\n      (existing.style as any)[cssProp] = value;\n      return;\n    }\n\n    const span = document.createElement('span');\n    span.setAttribute(dataAttr, '1');\n    (span.style as any)[cssProp] = value;\n    const parent = text.parentElement!;\n    parent.replaceChild(span, text);\n    span.appendChild(text);\n  });\n\n  mergeAdjacentStyledSpans(editor, dataAttr, cssProp);\n\n  // restore selection\n  sel.removeAllRanges();\n  sel.addRange(range);\n}\n\n// Is the range covering the entire node's contents?\nfunction rangeCoversWholeNode(range: Range, node: Node): boolean {\n  const all = document.createRange();\n  all.selectNodeContents(node);\n  return (\n    range.compareBoundaryPoints(Range.START_TO_START, all) <= 0 &&\n    range.compareBoundaryPoints(Range.END_TO_END, all) >= 0\n  );\n}\n\n// Split one styled span into [left][middle][right]; recolor only middle\nfunction splitAndRecolorWithinSpan(\n  span: HTMLSpanElement,\n  range: Range,\n  dataAttr: 'data-rte-color' | 'data-rte-bg',\n  cssProp: 'color' | 'backgroundColor',\n  newValue: string\n): HTMLSpanElement {\n  const oldValue = (span.style as any)[cssProp];\n\n  const left = document.createRange();\n  left.setStart(span, 0);\n  left.setEnd(range.startContainer, range.startOffset);\n\n  const right = document.createRange();\n  right.setStart(range.endContainer, range.endOffset);\n  right.setEnd(span, span.childNodes.length);\n\n  // Build replacement fragment\n  const frag = document.createDocumentFragment();\n\n  // helper to make a styled clone shell\n  const makeShell = (val: string) => {\n    const s = document.createElement('span');\n    s.setAttribute(dataAttr, '1');\n    (s.style as any)[cssProp] = val;\n    return s;\n  };\n\n  if (hasRangeContent(left)) {\n    const sLeft = makeShell(oldValue);\n    sLeft.appendChild(left.cloneContents());\n    frag.appendChild(sLeft);\n  }\n\n  const mid = makeShell(newValue);\n  mid.appendChild(range.cloneContents());\n  frag.appendChild(mid);\n\n  if (hasRangeContent(right)) {\n    const sRight = makeShell(oldValue);\n    sRight.appendChild(right.cloneContents());\n    frag.appendChild(sRight);\n  }\n\n  span.replaceWith(frag);\n  return mid;\n}\n\nfunction mergeAdjacentStyledSpans(\n  root: HTMLElement,\n  dataAttr: 'data-rte-color' | 'data-rte-bg',\n  cssProp: 'color' | 'backgroundColor'\n) {\n  const spans = Array.from(\n    root.querySelectorAll<HTMLSpanElement>(`span[${dataAttr}]`)\n  );\n\n  const valOf = (el: HTMLElement) => (el.style as any)[cssProp];\n\n  spans.forEach(s => {\n    const nested = Array.from(\n      s.querySelectorAll<HTMLSpanElement>(`span[${dataAttr}]`)\n    );\n    nested.forEach(child => {\n      if (valOf(child) === valOf(s)) {\n        while (child.firstChild) s.insertBefore(child.firstChild, child);\n        child.remove();\n      }\n    });\n\n    const prev = s.previousSibling;\n    if (\n      prev instanceof HTMLSpanElement &&\n      prev.hasAttribute(dataAttr) &&\n      valOf(prev) === valOf(s)\n    ) {\n      while (s.firstChild) prev.appendChild(s.firstChild);\n      s.remove();\n      return;\n    }\n\n    const next = s.nextSibling;\n    if (\n      next instanceof HTMLSpanElement &&\n      next.hasAttribute(dataAttr) &&\n      valOf(next) === valOf(s)\n    ) {\n      while (next.firstChild) s.appendChild(next.firstChild);\n      next.remove();\n    }\n  });\n}\n\nfunction hasRangeContent(r: Range): boolean {\n  if (r.collapsed) return false;\n  const text = r.cloneContents().textContent || '';\n  return text.length > 0;\n}\n"]}

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

@@ -0,0 +1,6 @@
+export * from './block-utils';
+export * from './inline-utils';
+export * from './color-utils';
+export * from './list-utils';
+export * from './link-utils';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/nile-rich-text-editor/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC","sourcesContent":["export * from './block-utils';\nexport * from './inline-utils';\nexport * from './color-utils';\nexport * from './list-utils';\nexport * from './link-utils';\n"]}