@aquera/nile-elements 0.1.67-beta-1.5 → 0.1.67-beta-1.7

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

@@ -0,0 +1,172 @@
+import { __decorate } from "tslib";
+import { LitElement, html } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+let NileRteLink = class NileRteLink extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.placeholder = 'https://';
+        this.linkValue = '';
+        this.selectionRange = null;
+    }
+    createRenderRoot() { return this; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.injectCss(`
+      nile-rte-link nile-button.rte-link-trigger::part(base) {
+        width: 32px;
+        height: 32px;
+        padding: 0;
+        border: none;
+        border-radius: 6px;
+      }
+      .link-popup {
+        display: flex;
+        gap: 6px;
+        padding: 6px 8px;
+        align-items: center;
+        background: white;
+      }
+      .link-input {
+        flex: 1;
+        padding: 6px 8px;
+        font-size: 14px;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+      }
+        nile-popover.rte-link-popover::part(popover) {
+        min-width: 250px;
+        height: 44px;
+        padding: 0px;
+        gap: 0px;
+      }
+    `);
+    }
+    injectCss(cssText) {
+        if (this.querySelector('style[data-rte-link-style]'))
+            return;
+        const style = document.createElement('style');
+        style.setAttribute('data-rte-link-style', 'true');
+        style.textContent = cssText;
+        this.insertBefore(style, this.firstChild);
+    }
+    onOpen() {
+        if (!this.editorEl)
+            return;
+        const sel = document.getSelection();
+        if (!sel || sel.rangeCount === 0)
+            return;
+        this.selectionRange = sel.getRangeAt(0).cloneRange();
+        // Pre-fill with existing href if selection inside <a>
+        let n = sel.anchorNode;
+        let a = null;
+        while (n && n !== this.editorEl) {
+            if (n instanceof HTMLAnchorElement) {
+                a = n;
+                break;
+            }
+            n = n.parentNode;
+        }
+        this.linkValue = a?.href || '';
+        setTimeout(() => {
+            this.querySelector('.link-input')?.focus();
+        }, 0);
+    }
+    onApply() {
+        if (!this.editorEl || !this.selectionRange)
+            return;
+        const url = this.linkValue.trim();
+        if (!url)
+            return;
+        const sel = document.getSelection();
+        if (!sel)
+            return;
+        sel.removeAllRanges();
+        sel.addRange(this.selectionRange);
+        // Check for existing <a>
+        let n = this.selectionRange.startContainer;
+        let a = null;
+        while (n && n !== this.editorEl) {
+            if (n instanceof HTMLAnchorElement) {
+                a = n;
+                break;
+            }
+            n = n.parentNode;
+        }
+        if (a) {
+            a.href = url;
+        }
+        else {
+            const link = document.createElement('a');
+            link.href = url;
+            if (this.selectionRange.collapsed) {
+                link.textContent = url;
+                this.selectionRange.insertNode(link);
+            }
+            else {
+                try {
+                    this.selectionRange.surroundContents(link);
+                }
+                catch {
+                    const frag = this.selectionRange.extractContents();
+                    link.appendChild(frag);
+                    this.selectionRange.insertNode(link);
+                }
+            }
+        }
+        this.emit(url);
+        // Close the popover by toggling `open`
+        const pop = this.querySelector('nile-popover');
+        if (pop)
+            pop.isShow = false;
+    }
+    emit(href) {
+        this.dispatchEvent(new CustomEvent('link-changed', {
+            detail: { href },
+            bubbles: true,
+            composed: true
+        }));
+    }
+    render() {
+        return html `
+      <nile-popover placement="bottom-start"  class="rte-link-popover" distance="10" .arrow=${false}>
+        <nile-button class="rte-link-trigger" slot="anchor" variant="tertiary" size="small" @click=${() => this.onOpen()}>
+          <nile-icon name="link_2" aria-label="Insert/Edit Link"></nile-icon>
+        </nile-button>
+
+        <div class="link-popup">
+          <input
+            class="link-input"
+            type="text"
+            placeholder="Type or paste link here"
+            .value=${this.linkValue}
+            @input=${(e) => this.linkValue = e.target.value}
+            @keydown=${(e) => {
+            if (e.key === 'Enter')
+                this.onApply();
+            if (e.key === 'Escape') {
+                const pop = this.querySelector('nile-popover');
+                if (pop)
+                    pop.isShow = false;
+            }
+        }}
+          />
+          <nile-button @click=${() => this.onApply()}>Apply</nile-button>
+        </div>
+      </nile-popover>
+    `;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], NileRteLink.prototype, "editorEl", void 0);
+__decorate([
+    property({ type: String })
+], NileRteLink.prototype, "placeholder", void 0);
+__decorate([
+    state()
+], NileRteLink.prototype, "linkValue", void 0);
+NileRteLink = __decorate([
+    customElement('nile-rte-link')
+], NileRteLink);
+export { NileRteLink };
+//# sourceMappingURL=nile-rte-link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rte-link.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/nile-rte-link.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG5D,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAIuB,gBAAW,GAAG,UAAU,CAAC;QAEpC,cAAS,GAAG,EAAE,CAAC;QACxB,mBAAc,GAAiB,IAAI,CAAC;IA+I9C,CAAC;IArJW,gBAAgB,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC;IAQ7C,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4Bd,CAAC,CAAC;IACL,CAAC;IAEO,SAAS,CAAC,OAAe;QAC/B,IAAI,IAAI,CAAC,aAAa,CAAC,4BAA4B,CAAC;YAAE,OAAO;QAC7D,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,YAAY,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC;QAClD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;QAC5B,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,CAAC;IAEO,MAAM;QACZ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC3B,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;QACpC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,KAAK,CAAC;YAAE,OAAO;QAEzC,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAErD,sDAAsD;QACtD,IAAI,CAAC,GAAgB,GAAG,CAAC,UAAU,CAAC;QACpC,IAAI,CAAC,GAA6B,IAAI,CAAC;QACvC,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,IAAI,CAAC,YAAY,iBAAiB,EAAE,CAAC;gBAAC,CAAC,GAAG,CAAC,CAAC;gBAAC,MAAM;YAAC,CAAC;YACrD,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC;QACnB,CAAC;QACD,IAAI,CAAC,SAAS,GAAG,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC;QAE/B,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,aAAa,CAAmB,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC;QAC/D,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC;IAEO,OAAO;QACb,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO;QACnD,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;QACpC,IAAI,CAAC,GAAG;YAAE,OAAO;QACjB,GAAG,CAAC,eAAe,EAAE,CAAC;QACtB,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAElC,yBAAyB;QACzB,IAAI,CAAC,GAAgB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC;QACxD,IAAI,CAAC,GAA6B,IAAI,CAAC;QACvC,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,IAAI,CAAC,YAAY,iBAAiB,EAAE,CAAC;gBAAC,CAAC,GAAG,CAAC,CAAC;gBAAC,MAAM;YAAC,CAAC;YACrD,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC;QACnB,CAAC;QAED,IAAI,CAAC,EAAE,CAAC;YACN,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC;QACf,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;YAChB,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC;gBAClC,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;gBACvB,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC;oBACH,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBAC7C,CAAC;gBAAC,MAAM,CAAC;oBACP,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,CAAC;oBACnD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;oBACvB,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBACvC,CAAC;YACH,CAAC;QACH,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEf,uCAAuC;QACvC,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QAC/C,IAAI,GAAG;YAAG,GAAW,CAAC,MAAM,GAAG,KAAK,CAAC;IACvC,CAAC;IAEO,IAAI,CAAC,IAAY;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE;YACjD,MAAM,EAAE,EAAE,IAAI,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;IACN,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;8FAC+E,KAAK;qGACE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;;;;;;;;;qBASnG,IAAI,CAAC,SAAS;qBACd,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;uBACzC,CAAC,CAAgB,EAAE,EAAE;YAC9B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;gBAAE,IAAI,CAAC,OAAO,EAAE,CAAC;YACtC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACvB,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;gBAC/C,IAAI,GAAG;oBAAG,GAAW,CAAC,MAAM,GAAG,KAAK,CAAC;YACvC,CAAC;QACH,CAAC;;gCAEmB,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE;;;KAG/C,CAAC;IACJ,CAAC;CACF,CAAA;AAnJiC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;6CAAwB;AAC3B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAA0B;AAEpC;IAAhB,KAAK,EAAE;8CAAwB;AANrB,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAsJvB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\n@customElement('nile-rte-link')\nexport class NileRteLink extends LitElement {\n  protected createRenderRoot() { return this; }\n\n  @property({ attribute: false }) editorEl!: HTMLElement;\n  @property({ type: String }) placeholder = 'https://';\n\n  @state() private linkValue = '';\n  private selectionRange: Range | null = null;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.injectCss(`\n      nile-rte-link nile-button.rte-link-trigger::part(base) {\n        width: 32px;\n        height: 32px;\n        padding: 0;\n        border: none;\n        border-radius: 6px;\n      }\n      .link-popup {\n        display: flex;\n        gap: 6px;\n        padding: 6px 8px;\n        align-items: center;\n        background: white;\n      }\n      .link-input {\n        flex: 1;\n        padding: 6px 8px;\n        font-size: 14px;\n        border: 1px solid #ccc;\n        border-radius: 4px;\n      }\n        nile-popover.rte-link-popover::part(popover) {\n        min-width: 250px;\n        height: 44px;\n        padding: 0px;\n        gap: 0px;\n      }\n    `);\n  }\n\n  private injectCss(cssText: string) {\n    if (this.querySelector('style[data-rte-link-style]')) return;\n    const style = document.createElement('style');\n    style.setAttribute('data-rte-link-style', 'true');\n    style.textContent = cssText;\n    this.insertBefore(style, this.firstChild);\n  }\n\n  private onOpen() {\n    if (!this.editorEl) return;\n    const sel = document.getSelection();\n    if (!sel || sel.rangeCount === 0) return;\n\n    this.selectionRange = sel.getRangeAt(0).cloneRange();\n\n    // Pre-fill with existing href if selection inside <a>\n    let n: Node | null = sel.anchorNode;\n    let a: HTMLAnchorElement | null = null;\n    while (n && n !== this.editorEl) {\n      if (n instanceof HTMLAnchorElement) { a = n; break; }\n      n = n.parentNode;\n    }\n    this.linkValue = a?.href || '';\n\n    setTimeout(() => {\n      this.querySelector<HTMLInputElement>('.link-input')?.focus();\n    }, 0);\n  }\n\n  private onApply() {\n    if (!this.editorEl || !this.selectionRange) return;\n    const url = this.linkValue.trim();\n    if (!url) return;\n\n    const sel = document.getSelection();\n    if (!sel) return;\n    sel.removeAllRanges();\n    sel.addRange(this.selectionRange);\n\n    // Check for existing <a>\n    let n: Node | null = this.selectionRange.startContainer;\n    let a: HTMLAnchorElement | null = null;\n    while (n && n !== this.editorEl) {\n      if (n instanceof HTMLAnchorElement) { a = n; break; }\n      n = n.parentNode;\n    }\n\n    if (a) {\n      a.href = url;\n    } else {\n      const link = document.createElement('a');\n      link.href = url;\n      if (this.selectionRange.collapsed) {\n        link.textContent = url;\n        this.selectionRange.insertNode(link);\n      } else {\n        try {\n          this.selectionRange.surroundContents(link);\n        } catch {\n          const frag = this.selectionRange.extractContents();\n          link.appendChild(frag);\n          this.selectionRange.insertNode(link);\n        }\n      }\n    }\n\n    this.emit(url);\n\n    // Close the popover by toggling `open`\n    const pop = this.querySelector('nile-popover');\n    if (pop) (pop as any).isShow = false;\n  }\n\n  private emit(href: string) {\n    this.dispatchEvent(new CustomEvent('link-changed', {\n      detail: { href },\n      bubbles: true,\n      composed: true\n    }));\n  }\n\n  render() {\n    return html`\n      <nile-popover placement=\"bottom-start\"  class=\"rte-link-popover\" distance=\"10\" .arrow=${false}>\n        <nile-button class=\"rte-link-trigger\" slot=\"anchor\" variant=\"tertiary\" size=\"small\" @click=${() => this.onOpen()}>\n          <nile-icon name=\"link_2\" aria-label=\"Insert/Edit Link\"></nile-icon>\n        </nile-button>\n\n        <div class=\"link-popup\">\n          <input\n            class=\"link-input\"\n            type=\"text\"\n            placeholder=\"Type or paste link here\"\n            .value=${this.linkValue}\n            @input=${(e: any) => this.linkValue = e.target.value}\n            @keydown=${(e: KeyboardEvent) => {\n              if (e.key === 'Enter') this.onApply();\n              if (e.key === 'Escape') {\n                const pop = this.querySelector('nile-popover');\n                if (pop) (pop as any).isShow = false;\n              }\n            }}\n          />\n          <nile-button @click=${() => this.onApply()}>Apply</nile-button>\n        </div>\n      </nile-popover>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-rte-link': NileRteLink;\n  }\n}\n"]}

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

@@ -27,7 +27,7 @@ let NileRteSelect = class NileRteSelect extends LitElement {
             right: 'format_align_right',
             justify: 'format_align_justify'
         };
-        return map[v] || 'align-left';
+        return map[v] || 'format_align_left';
     }
     get parsedOptions() {
         // Prefer programmatic options if present (gives TS compile-time checks)
@@ -89,21 +89,26 @@ let NileRteSelect = class NileRteSelect extends LitElement {
         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-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() {
@@ -116,58 +121,39 @@ let NileRteSelect = class NileRteSelect extends LitElement {
                 ? 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-icon name="${o.icon}"></nile-icon>
-                </nile-menu-item>
-              `)}
-            </nile-menu>
-          </nile-dropdown>
-        `;
+        <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-icon name="${o.icon}"></nile-icon>
+              </nile-menu-item>
+            `)}
+          </nile-menu>
+        </nile-dropdown>
+      `;
         }
         // ► Font: show labels, preview fonts in items and trigger
         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>
-        `;
-        }
-        // ► Default (e.g., heading): text items; heading values are validated already
-        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">
+          <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}
@@ -176,6 +162,25 @@ let NileRteSelect = class NileRteSelect extends LitElement {
           </nile-menu>
         </nile-dropdown>
       `;
+        }
+        // ► Default (e.g., heading): text items; heading values are validated already
+        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([

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

@@ -1 +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":["  // nile-rte-select.ts\n  import { LitElement, html } from 'lit';\n  import { customElement, property, state } from 'lit/decorators.js';\n\n  type HeadingTag = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  type GenericOption = { value: string; label?: string; icon?: string };\n  type HeadingOption = { value: HeadingTag; label?: string; icon?: string };\n  type NormalizedOption = { value: string; label: string; icon?: string };\n\n  const HEADING_ALLOWLIST: ReadonlySet<HeadingTag> = new Set([\n    'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'\n  ]);\n\n  function isHeadingTag(v: string): v is HeadingTag {\n    return HEADING_ALLOWLIST.has(v as HeadingTag);\n  }\n\n  @customElement('nile-rte-select')\n  export class NileRteSelect extends LitElement {\n    protected createRenderRoot() { return this; }\n\n    /** 'heading' | 'font' | 'align' */\n    @property({ type: String }) type = '';\n\n    /** JSON: [{ value, label?, icon? }, ...] (attribute-based; runtime-validated) */\n    @property({ type: String }) options = '[]';\n\n    /** Programmatic options (preferred for TS safety). */\n    @property({ attribute: false })\n    optionsObj?: Array<GenericOption | HeadingOption>;\n\n    /** Fallback label for trigger (e.g., \"Align\") */\n    @property({ type: String }) 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] || 'align-left';\n    }\n\n    private get parsedOptions(): NormalizedOption[] {\n      // Prefer programmatic options if present (gives TS compile-time checks)\n      const source: unknown = this.optionsObj ?? this.options;\n\n      const rawArray: any[] = (() => {\n        if (Array.isArray(source)) return source;\n        try { return JSON.parse(String(source)); } catch { return []; }\n      })();\n\n      // Normalize to consistent shape\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 ?? (this.type === 'align' ? this.mapAlignIcon(String(value)) : undefined);\n        return { value, label, icon };\n      });\n\n      // If type is heading, enforce allowlist (runtime validation)\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 current selection is invalid for heading, reset\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(`[nile-rte-select] Ignoring invalid heading value: ${value}`);\n        return;\n      }\n      this.selectedValue = value;\n      this.dispatchEvent(new CustomEvent('change', {\n        detail: value, bubbles: true, composed: true\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      `;\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      // ► Align: icon-only items + icon trigger\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 slot=\"trigger\" variant=\"tertiary\" class=\"rte-align-trigger\">\n              ${trigger}\n            </nile-button>\n            <nile-menu class=\"rte-align-menu\">\n              ${opts.map(o => html`\n                <nile-menu-item\n                  class=\"rte-align-item\"\n                  ?active=${o.value === this.selectedValue}\n                  @click=${() => this.onSelect(o.value)}>\n                  <nile-icon name=\"${o.icon}\"></nile-icon>\n                </nile-menu-item>\n              `)}\n            </nile-menu>\n          </nile-dropdown>\n        `;\n      }\n\n      // ► Font: show labels, preview fonts in items and trigger\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              ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n            </nile-button>\n            <nile-menu class=\"rte-default-menu\">\n              ${opts.map(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                  ${o.label}\n                </nile-menu-item>\n              `)}\n            </nile-menu>\n          </nile-dropdown>\n        `;\n      }\n\n      // ► Default (e.g., heading): text items; heading values are validated already\n      const triggerText = current?.label || this.label || 'Select';\n      return html`\n        <nile-dropdown class=\"rte-default-dd\">\n          <nile-button slot=\"trigger\" variant=\"tertiary\" class=\"rte-default-trigger\">\n            ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n          </nile-button>\n          <nile-menu class=\"rte-default-menu\">\n            ${opts.map(o => html`\n              <nile-menu-item\n                ?active=${o.value === this.selectedValue}\n                @click=${() => this.onSelect(o.value)}>\n                ${o.label}\n              </nile-menu-item>\n            `)}\n          </nile-menu>\n        </nile-dropdown>\n      `;\n    }\n  }\n\n  declare global {\n    interface HTMLElementTagNameMap {\n      'nile-rte-select': NileRteSelect;\n    }\n  }\n"]}
+{"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":["// nile-rte-select.ts\nimport { 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', 'h1', 'h2', 'h3', 'h4', 'h5', '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() { return this; }\n\n  /** 'heading' | 'font' | 'align' */\n  @property({ type: String }) type = '';\n\n  /** JSON: [{ value, label?, icon? }, ...] (attribute-based; runtime-validated) */\n  @property({ type: String }) options = '[]';\n\n  /** Programmatic options (preferred for TS safety). */\n  @property({ attribute: false })\n  optionsObj?: Array<GenericOption | HeadingOption>;\n\n  /** Fallback label for trigger (e.g., \"Align\") */\n  @property({ type: String }) 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\n  private get parsedOptions(): NormalizedOption[] {\n    // Prefer programmatic options if present (gives TS compile-time checks)\n    const source: unknown = this.optionsObj ?? this.options;\n\n    const rawArray: any[] = (() => {\n      if (Array.isArray(source)) return source;\n      try { return JSON.parse(String(source)); } catch { return []; }\n    })();\n\n    // Normalize to consistent shape\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 ?? (this.type === 'align' ? this.mapAlignIcon(String(value)) : undefined);\n      return { value, label, icon };\n    });\n\n    // If type is heading, enforce allowlist (runtime validation)\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 current selection is invalid for heading, reset\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(`[nile-rte-select] Ignoring invalid heading value: ${value}`);\n      return;\n    }\n    this.selectedValue = value;\n    this.dispatchEvent(new CustomEvent('change', {\n      detail: value, bubbles: true, composed: true\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\n  border: none;\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    // ► Align: icon-only items + icon trigger\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 slot=\"trigger\" variant=\"tertiary\" class=\"rte-align-trigger\">\n            ${trigger}\n          </nile-button>\n          <nile-menu class=\"rte-align-menu\">\n            ${opts.map(o => html`\n              <nile-menu-item\n                class=\"rte-align-item\"\n                ?active=${o.value === this.selectedValue}\n                @click=${() => this.onSelect(o.value)}>\n                <nile-icon name=\"${o.icon}\"></nile-icon>\n              </nile-menu-item>\n            `)}\n          </nile-menu>\n        </nile-dropdown>\n      `;\n    }\n\n    // ► Font: show labels, preview fonts in items and trigger\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            ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n          </nile-button>\n          <nile-menu class=\"rte-default-menu\">\n            ${opts.map(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                ${o.label}\n              </nile-menu-item>\n            `)}\n          </nile-menu>\n        </nile-dropdown>\n      `;\n    }\n\n    // ► Default (e.g., heading): text items; heading values are validated already\n    const triggerText = current?.label || this.label || 'Select';\n    return html`\n      <nile-dropdown class=\"rte-default-dd\">\n        <nile-button slot=\"trigger\" variant=\"tertiary\" class=\"rte-default-trigger\">\n          ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n        </nile-button>\n        <nile-menu class=\"rte-default-menu\">\n          ${opts.map(o => html`\n            <nile-menu-item\n              ?active=${o.value === this.selectedValue}\n              @click=${() => this.onSelect(o.value)}>\n              ${o.label}\n            </nile-menu-item>\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/rte-utils/content.d.ts

@@ -0,0 +1,2 @@
+export declare function inlineComputedStyles(sourceEl: HTMLElement): string;
+export declare function updateContentAndEmit(host: HTMLElement, editorEl: HTMLElement, previewEl: HTMLElement | null): string;

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

@@ -0,0 +1,25 @@
+export function inlineComputedStyles(sourceEl) {
+    const clone = sourceEl.cloneNode(true);
+    const origWalker = document.createTreeWalker(sourceEl, NodeFilter.SHOW_ELEMENT);
+    const cloneWalker = document.createTreeWalker(clone, NodeFilter.SHOW_ELEMENT);
+    while (origWalker.nextNode() && cloneWalker.nextNode()) {
+        const origEl = origWalker.currentNode;
+        const cloneEl = cloneWalker.currentNode;
+        const computed = window.getComputedStyle(origEl);
+        const cssText = Array.from(computed).map(prop => `${prop}:${computed.getPropertyValue(prop)}`).join(';');
+        cloneEl.setAttribute('style', cssText);
+    }
+    return clone.innerHTML;
+}
+export function updateContentAndEmit(host, editorEl, previewEl) {
+    const content = inlineComputedStyles(editorEl);
+    if (previewEl)
+        previewEl.innerHTML = content;
+    host.dispatchEvent(new CustomEvent('content-changed', {
+        detail: { content },
+        bubbles: true,
+        composed: true,
+    }));
+    return content;
+}
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../src/nile-rich-text-editor/rte-utils/content.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,oBAAoB,CAAC,QAAqB;IACtD,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAgB,CAAC;IAEtD,MAAM,UAAU,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IAChF,MAAM,WAAW,GAAG,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IAE9E,OAAO,UAAU,CAAC,QAAQ,EAAE,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC;QACvD,MAAM,MAAM,GAAG,UAAU,CAAC,WAA0B,CAAC;QACrD,MAAM,OAAO,GAAG,WAAW,CAAC,WAA0B,CAAC;QACvD,MAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACjD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,IAAI,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACzG,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACzC,CAAC;IAED,OAAO,KAAK,CAAC,SAAS,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,IAAiB,EAAE,QAAqB,EAAE,SAA6B;IAC1G,MAAM,OAAO,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAC/C,IAAI,SAAS;QAAE,SAAS,CAAC,SAAS,GAAG,OAAO,CAAC;IAC7C,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,iBAAiB,EAAE;QACpD,MAAM,EAAE,EAAE,OAAO,EAAE;QACnB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,CAAC;IACJ,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["export function inlineComputedStyles(sourceEl: HTMLElement): string {\n    const clone = sourceEl.cloneNode(true) as HTMLElement;\n  \n    const origWalker = document.createTreeWalker(sourceEl, NodeFilter.SHOW_ELEMENT);\n    const cloneWalker = document.createTreeWalker(clone, NodeFilter.SHOW_ELEMENT);\n  \n    while (origWalker.nextNode() && cloneWalker.nextNode()) {\n      const origEl = origWalker.currentNode as HTMLElement;\n      const cloneEl = cloneWalker.currentNode as HTMLElement;\n      const computed = window.getComputedStyle(origEl);\n      const cssText = Array.from(computed).map(prop => `${prop}:${computed.getPropertyValue(prop)}`).join(';');\n      cloneEl.setAttribute('style', cssText);\n    }\n  \n    return clone.innerHTML;\n  }\n  \n  export function updateContentAndEmit(host: HTMLElement, editorEl: HTMLElement, previewEl: HTMLElement | null): string {\n    const content = inlineComputedStyles(editorEl);\n    if (previewEl) previewEl.innerHTML = content;\n    host.dispatchEvent(new CustomEvent('content-changed', {\n      detail: { content },\n      bubbles: true,\n      composed: true,\n    }));\n    return content;\n  }\n  "]}

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

@@ -0,0 +1 @@
+export declare function injectCss(host: HTMLElement, cssText: string): void;

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

@@ -0,0 +1,9 @@
+export function injectCss(host, cssText) {
+    if (host.querySelector('style[data-rte-style]'))
+        return;
+    const style = document.createElement('style');
+    style.setAttribute('data-rte-style', 'true');
+    style.textContent = cssText;
+    host.insertBefore(style, host.firstChild);
+}
+//# sourceMappingURL=css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../src/nile-rich-text-editor/rte-utils/css.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,SAAS,CAAC,IAAiB,EAAE,OAAe;IACxD,IAAI,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAC;QAAE,OAAO;IACxD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,YAAY,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAC7C,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAC5C,CAAC","sourcesContent":["export function injectCss(host: HTMLElement, cssText: string) {\n    if (host.querySelector('style[data-rte-style]')) return;\n    const style = document.createElement('style');\n    style.setAttribute('data-rte-style', 'true');\n    style.textContent = cssText;\n    host.insertBefore(style, host.firstChild);\n  }"]}

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

@@ -0,0 +1,2 @@
+export declare function ensureEditor(host: HTMLElement, toolbarEl?: HTMLElement | null, previewEl?: HTMLElement | null): HTMLElement;
+export declare function ensureAtLeastOneParagraph(el: HTMLElement): void;

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

@@ -0,0 +1,48 @@
+export function ensureEditor(host, toolbarEl, previewEl) {
+    let editorEl = host.querySelector('.editor');
+    if (!editorEl) {
+        const editor = document.createElement('article');
+        editor.className = 'editor';
+        editor.setAttribute('contenteditable', 'true');
+        if (toolbarEl?.nextSibling) {
+            host.insertBefore(editor, toolbarEl.nextSibling);
+        }
+        else if (previewEl) {
+            host.insertBefore(editor, previewEl);
+        }
+        else {
+            host.appendChild(editor);
+        }
+        editorEl = editor;
+    }
+    if (!editorEl.innerHTML.trim())
+        editorEl.innerHTML = '<p><br></p>';
+    ensureAtLeastOneParagraph(editorEl);
+    return editorEl;
+}
+export function ensureAtLeastOneParagraph(el) {
+    if (!el)
+        return;
+    const onlyWhitespace = (el.textContent ?? '').replace(/\u200B/g, '').trim() === '';
+    if (el.childNodes.length === 0 || onlyWhitespace) {
+        el.innerHTML = '<p><br></p>';
+        return;
+    }
+    const hasBlock = el.querySelector('p,h1,h2,h3,h4,h5,h6,ul,ol,table,blockquote,pre');
+    if (!hasBlock) {
+        const p = document.createElement('p');
+        while (el.firstChild)
+            p.appendChild(el.firstChild);
+        if (!p.hasChildNodes())
+            p.appendChild(document.createElement('br'));
+        el.appendChild(p);
+        return;
+    }
+    el.querySelectorAll('p').forEach(p => {
+        if ((p.textContent ?? '').replace(/\u200B/g, '') === '') {
+            if (!p.innerHTML.toLowerCase().includes('<br'))
+                p.innerHTML = '<br>';
+        }
+    });
+}
+//# sourceMappingURL=dom.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../../src/nile-rich-text-editor/rte-utils/dom.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAAC,IAAiB,EAAE,SAA8B,EAAE,SAA8B;IAC1G,IAAI,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAuB,CAAC;IACnE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QACjD,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC5B,MAAM,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;QAC/C,IAAI,SAAS,EAAE,WAAW,EAAE,CAAC;YAC3B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;QACnD,CAAC;aAAM,IAAI,SAAS,EAAE,CAAC;YACrB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC;QACD,QAAQ,GAAG,MAAM,CAAC;IACpB,CAAC;IACD,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,EAAE;QAAE,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;IACnE,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IACpC,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,EAAe;IACvD,IAAI,CAAC,EAAE;QAAE,OAAO;IAEhB,MAAM,cAAc,GAAG,CAAC,EAAE,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;IACnF,IAAI,EAAE,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,cAAc,EAAE,CAAC;QACjD,EAAE,CAAC,SAAS,GAAG,aAAa,CAAC;QAC7B,OAAO;IACT,CAAC;IAED,MAAM,QAAQ,GAAG,EAAE,CAAC,aAAa,CAAC,gDAAgD,CAAC,CAAC;IACpF,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACtC,OAAO,EAAE,CAAC,UAAU;YAAE,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;QACnD,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE;YAAE,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;QACpE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAClB,OAAO;IACT,CAAC;IAED,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QACnC,IAAI,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC;YACxD,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAAE,CAAC,CAAC,SAAS,GAAG,MAAM,CAAC;QACvE,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["export function ensureEditor(host: HTMLElement, toolbarEl?: HTMLElement | null, previewEl?: HTMLElement | null) {\n    let editorEl = host.querySelector('.editor') as HTMLElement | null;\n    if (!editorEl) {\n      const editor = document.createElement('article');\n      editor.className = 'editor';\n      editor.setAttribute('contenteditable', 'true');\n      if (toolbarEl?.nextSibling) {\n        host.insertBefore(editor, toolbarEl.nextSibling);\n      } else if (previewEl) {\n        host.insertBefore(editor, previewEl);\n      } else {\n        host.appendChild(editor);\n      }\n      editorEl = editor;\n    }\n    if (!editorEl.innerHTML.trim()) editorEl.innerHTML = '<p><br></p>';\n    ensureAtLeastOneParagraph(editorEl);\n    return editorEl;\n  }\n  \n  export function ensureAtLeastOneParagraph(el: HTMLElement) {\n    if (!el) return;\n  \n    const onlyWhitespace = (el.textContent ?? '').replace(/\\u200B/g, '').trim() === '';\n    if (el.childNodes.length === 0 || onlyWhitespace) {\n      el.innerHTML = '<p><br></p>';\n      return;\n    }\n  \n    const hasBlock = el.querySelector('p,h1,h2,h3,h4,h5,h6,ul,ol,table,blockquote,pre');\n    if (!hasBlock) {\n      const p = document.createElement('p');\n      while (el.firstChild) p.appendChild(el.firstChild);\n      if (!p.hasChildNodes()) p.appendChild(document.createElement('br'));\n      el.appendChild(p);\n      return;\n    }\n  \n    el.querySelectorAll('p').forEach(p => {\n      if ((p.textContent ?? '').replace(/\\u200B/g, '') === '') {\n        if (!p.innerHTML.toLowerCase().includes('<br')) p.innerHTML = '<br>';\n      }\n    });\n  }\n  "]}

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

@@ -0,0 +1,2 @@
+import { SelectionManager } from './selection';
+export declare function clearSelectionFormatting(selection: SelectionManager, editorEl: HTMLElement): void;

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

@@ -0,0 +1,69 @@
+const FORMATTING_TAGS = new Set(['B', 'STRONG', 'I', 'EM', 'U', 'SPAN', 'FONT', 'A']);
+function isFormatting(el) {
+    return FORMATTING_TAGS.has(el.tagName) || el.hasAttribute('style');
+}
+function liftOutOfFormatting(editorEl, marker) {
+    let p = marker.parentElement;
+    while (p && p !== editorEl && isFormatting(p)) {
+        const before = p.cloneNode(false);
+        const after = p.cloneNode(false);
+        while (p.firstChild && p.firstChild !== marker)
+            before.appendChild(p.firstChild);
+        while (marker.nextSibling)
+            after.appendChild(marker.nextSibling);
+        if (before.firstChild)
+            p.parentNode.insertBefore(before, p);
+        p.parentNode.insertBefore(marker, p);
+        if (after.firstChild)
+            p.parentNode.insertBefore(after, p);
+        const next = p.parentElement;
+        p.remove();
+        p = next;
+    }
+}
+export function clearSelectionFormatting(selection, editorEl) {
+    selection.focusAndRestore();
+    const sel = window.getSelection();
+    if (!sel || sel.rangeCount === 0)
+        return;
+    const range = sel.getRangeAt(0);
+    if (!editorEl.contains(range.commonAncestorContainer))
+        return;
+    if (range.collapsed)
+        return;
+    const frag = range.extractContents();
+    const walker = document.createTreeWalker(frag, NodeFilter.SHOW_ELEMENT);
+    const toUnwrap = [];
+    while (walker.nextNode()) {
+        const el = walker.currentNode;
+        el.removeAttribute('style');
+        if (FORMATTING_TAGS.has(el.tagName))
+            toUnwrap.push(el);
+    }
+    for (const el of toUnwrap) {
+        const parent = el.parentNode;
+        while (el.firstChild)
+            parent.insertBefore(el.firstChild, el);
+        parent.removeChild(el);
+    }
+    const marker = document.createElement('span');
+    marker.setAttribute('data-rte-clear', '1');
+    marker.appendChild(frag);
+    range.insertNode(marker);
+    liftOutOfFormatting(editorEl, marker);
+    const last = marker.lastChild;
+    const parent = marker.parentNode;
+    while (marker.firstChild)
+        parent.insertBefore(marker.firstChild, marker);
+    parent.removeChild(marker);
+    const r = document.createRange();
+    if (last)
+        r.setStartAfter(last);
+    else
+        r.setStart(parent, parent.childNodes?.length ?? 0);
+    r.collapse(true);
+    sel.removeAllRanges();
+    sel.addRange(r);
+    selection.save();
+}
+//# sourceMappingURL=formatting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatting.js","sourceRoot":"","sources":["../../../../src/nile-rich-text-editor/rte-utils/formatting.ts"],"names":[],"mappings":"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","sourcesContent":["import { SelectionManager } from './selection';\n\nconst FORMATTING_TAGS = new Set(['B','STRONG','I','EM','U','SPAN','FONT','A']);\n\nfunction isFormatting(el: HTMLElement) {\n  return FORMATTING_TAGS.has(el.tagName) || el.hasAttribute('style');\n}\n\nfunction liftOutOfFormatting(editorEl: HTMLElement, marker: HTMLElement) {\n  let p: HTMLElement | null = marker.parentElement;\n  while (p && p !== editorEl && isFormatting(p)) {\n    const before = p.cloneNode(false) as HTMLElement;\n    const after  = p.cloneNode(false) as HTMLElement;\n\n    while (p.firstChild && p.firstChild !== marker) before.appendChild(p.firstChild);\n    while (marker.nextSibling) after.appendChild(marker.nextSibling);\n\n    if (before.firstChild) p.parentNode!.insertBefore(before, p);\n    p.parentNode!.insertBefore(marker, p);\n    if (after.firstChild)  p.parentNode!.insertBefore(after, p);\n\n    const next = p.parentElement;\n    p.remove();\n    p = next;\n  }\n}\n\nexport function clearSelectionFormatting(selection: SelectionManager, editorEl: HTMLElement) {\n  selection.focusAndRestore();\n\n  const sel = window.getSelection();\n  if (!sel || sel.rangeCount === 0) return;\n\n  const range = sel.getRangeAt(0);\n  if (!editorEl.contains(range.commonAncestorContainer)) return;\n  if (range.collapsed) return;\n\n  const frag = range.extractContents();\n\n  const walker = document.createTreeWalker(frag, NodeFilter.SHOW_ELEMENT);\n  const toUnwrap: HTMLElement[] = [];\n  while (walker.nextNode()) {\n    const el = walker.currentNode as HTMLElement;\n    el.removeAttribute('style');\n    if (FORMATTING_TAGS.has(el.tagName)) toUnwrap.push(el);\n  }\n  for (const el of toUnwrap) {\n    const parent = el.parentNode!;\n    while (el.firstChild) parent.insertBefore(el.firstChild, el);\n    parent.removeChild(el);\n  }\n\n  const marker = document.createElement('span');\n  marker.setAttribute('data-rte-clear', '1');\n  marker.appendChild(frag);\n  range.insertNode(marker);\n\n  liftOutOfFormatting(editorEl, marker);\n\n  const last = marker.lastChild;\n  const parent = marker.parentNode!;\n  while (marker.firstChild) parent.insertBefore(marker.firstChild, marker);\n  parent.removeChild(marker);\n\n  const r = document.createRange();\n  if (last) r.setStartAfter(last); else r.setStart(parent, (parent as any).childNodes?.length ?? 0);\n  r.collapse(true);\n  sel.removeAllRanges(); sel.addRange(r);\n\n  selection.save();\n}"]}

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

@@ -0,0 +1,2 @@
+import { SelectionManager } from './selection';
+export declare function handleTabKey(e: KeyboardEvent, selection: SelectionManager, onContent: () => void, onToolbar: () => void): void;