@aquera/nile-elements 1.5.9 → 1.6.1

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

@@ -5,9 +5,13 @@ let NileRteLink = class NileRteLink extends LitElement {
     constructor() {
         super(...arguments);
         this.newTab = false;
+        this.disabled = false;
+        this.showTextSupport = false;
         this.placeholder = 'Type or paste link here';
+        this.textPlaceholder = 'Display text';
         this.label = 'Link';
         this.linkValue = '';
+        this.textValue = '';
         this.hasActiveLink = false;
         this.popoverStyle = '';
         this.selectionRange = null;
@@ -17,6 +21,108 @@ let NileRteLink = class NileRteLink extends LitElement {
         this.onScroll = () => {
             this.closePopover();
         };
+        this.onOpen = () => {
+            if (this.disabled)
+                return;
+            const sel = document.getSelection();
+            if (!sel || sel.rangeCount === 0)
+                return;
+            if (!this.editorEl.contains(sel.getRangeAt(0).commonAncestorContainer))
+                return;
+            this.selectionRange = sel.getRangeAt(0).cloneRange();
+            this.activeAnchor = null;
+            this.hasActiveLink = false;
+            let n = this.selectionRange.startContainer;
+            while (n && n !== this.editorEl) {
+                if (n instanceof HTMLAnchorElement) {
+                    this.activeAnchor = n;
+                    this.hasActiveLink = true;
+                    break;
+                }
+                n = n.parentNode;
+            }
+            this.linkValue = this.activeAnchor
+                ? this.displayUrl(this.activeAnchor.href)
+                : '';
+            if (this.showTextSupport) {
+                if (this.activeAnchor) {
+                    this.textValue = this.activeAnchor.textContent || '';
+                }
+                else if (!this.selectionRange.collapsed) {
+                    this.textValue = this.selectionRange.toString();
+                }
+                else {
+                    this.textValue = '';
+                }
+            }
+            this.positionPopover();
+            this.openPopover();
+            requestAnimationFrame(() => {
+                const inputs = this.querySelectorAll('nile-input');
+                const target = inputs.length > 1 ? inputs[1] : inputs[0];
+                target?.focus();
+            });
+        };
+        this.onInputKeydown = (e) => {
+            if (e.key !== 'Escape' && e.key !== 'Enter')
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            if (e.key === 'Escape') {
+                this.closePopover();
+                return;
+            }
+            this.isApplying = true;
+            try {
+                this.applyLink();
+            }
+            finally {
+                this.isApplying = false;
+            }
+        };
+        this.onInputBlur = () => {
+            if (this.ignoreBlur || this.isApplying)
+                return;
+            requestAnimationFrame(() => {
+                if (this.ignoreBlur || this.isApplying)
+                    return;
+                const pop = this.querySelector('nile-popover');
+                if (pop?.matches(':focus-within'))
+                    return;
+                this.closePopover();
+            });
+        };
+        this.onLinkInput = (e) => {
+            this.linkValue = e.detail.value;
+        };
+        this.onTextInput = (e) => {
+            this.textValue = e.detail.value;
+        };
+        this.onPopoverMousedown = () => {
+            this.ignoreBlur = true;
+        };
+        this.onPopoverMouseup = () => {
+            this.ignoreBlur = false;
+        };
+        this.onToolbarButtonMousedown = (e) => {
+            e.preventDefault();
+        };
+        this.onActionMousedown = (e) => {
+            e.preventDefault();
+            this.ignoreBlur = true;
+        };
+        this.onApplyClick = () => {
+            this.isApplying = true;
+            this.applyLink();
+            this.isApplying = false;
+            this.ignoreBlur = false;
+        };
+        this.onUnlinkClick = () => {
+            this.isApplying = true;
+            this.onRemove();
+            this.isApplying = false;
+            this.ignoreBlur = false;
+        };
     }
     createRenderRoot() {
         return this;
@@ -25,41 +131,57 @@ let NileRteLink = class NileRteLink extends LitElement {
         super.connectedCallback();
         this.injectCss(`
       nile-popover.rte-link-popover::part(popover) {
-        min-width: 316px;
+        min-width: 340px;
+        max-width: 420px;
         background: white;
-        border: 1px solid var(--nile-colors-neutral-400,var(--ng-componentcolors-utility-gray-400));
-        border-radius: 4px;
+        border: 1px solid var(--nile-colors-neutral-400, var(--ng-componentcolors-utility-gray-400));
+        border-radius: 8px;
         padding: 0;
         gap: 0;
+        overflow: hidden;
+        height: auto;
+        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+      }
+
+      .link-popup-wrap {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+        padding: 12px;
+      }
+
+      .link-popup-wrap nile-input {
+        width: 100%;
       }
 
-      .link-popup {
+      .link-popup-wrap .link-input-row {
+        width: 100%;
+      }
+
+      .link-popup-wrap .link-actions-row {
         display: flex;
-        align-items: center;
-        gap: 8px;
-        padding: 6px 8px;
+        align-items: flex-end;
+        gap: 4px;
+        width: 100%;
       }
 
-      .link-input {
+      .link-popup-wrap .link-actions-row nile-input {
         flex: 1;
-        padding: 6px 8px;
-        font-size: 14px;
-        width: 276px;
-        height: 14px;
-        padding: 12px;
-        border: 1px solid var(--nile-colors-primary-600, var(--ng-colors-border-brand));
-        border-radius: 4px;
+        min-width: 0;
+      }
+
+   
+      nile-button.rte-link-button::part(base) {
+        border: none;
+        height: 32px;
+        width: 32px;
+      }
+      nile-button.rte-edit-button::part(base) {
+        border: none;
+        height: 32px;
+        width: 32px;
+        flex-shrink: 0;
       }
-        nile-button.rte-link-button::part(base) {
-          border: none;
-          height: 32px; 
-          width: 32px;
-        }
-        nile-button.rte-edit-button::part(base) {
-          border: none;
-          height: 38px; 
-          width: 38px;
-        }
     `);
     }
     injectCss(cssText) {
@@ -76,7 +198,7 @@ let NileRteLink = class NileRteLink extends LitElement {
         return `https://${url}`;
     }
     displayUrl(url) {
-        return url.replace(/^https?:\/\//i, '');
+        return url;
     }
     getSelectionRect() {
         if (!this.selectionRange)
@@ -116,6 +238,7 @@ let NileRteLink = class NileRteLink extends LitElement {
         pop && (pop.isShow = false);
         window.removeEventListener('scroll', this.onScroll, true);
         this.linkValue = '';
+        this.textValue = '';
         this.selectionRange = null;
         this.activeAnchor = null;
         this.hasActiveLink = false;
@@ -126,78 +249,31 @@ let NileRteLink = class NileRteLink extends LitElement {
             a.parentNode?.insertBefore(a.firstChild, a);
         a.remove();
     }
-    onOpen() {
-        const sel = document.getSelection();
-        if (!sel || sel.rangeCount === 0)
-            return;
-        this.selectionRange = sel.getRangeAt(0).cloneRange();
-        this.activeAnchor = null;
-        this.hasActiveLink = false;
-        let n = this.selectionRange.startContainer;
-        while (n && n !== this.editorEl) {
-            if (n instanceof HTMLAnchorElement) {
-                this.activeAnchor = n;
-                this.hasActiveLink = true;
-                break;
-            }
-            n = n.parentNode;
-        }
-        this.linkValue = this.activeAnchor
-            ? this.displayUrl(this.activeAnchor.href)
-            : '';
-        this.positionPopover();
-        this.openPopover();
-        requestAnimationFrame(() => {
-            this.querySelector('.link-input')?.focus();
-        });
-    }
-    onInputKeydown(e) {
-        if (e.key !== 'Escape' && e.key !== 'Enter')
-            return;
-        e.preventDefault();
-        e.stopPropagation();
-        if (e.key === 'Escape') {
-            this.closePopover();
-            return;
-        }
-        this.isApplying = true;
-        try {
-            this.applyLink();
-        }
-        finally {
-            this.isApplying = false;
-        }
-    }
-    onInputBlur() {
-        if (this.ignoreBlur || this.isApplying)
-            return;
-        this.closePopover();
-    }
     applyLink() {
         if (!(this.selectionRange instanceof Range))
             return;
         let url = this.linkValue.trim();
         if (!url)
             return;
-        let parsed;
-        try {
-            parsed = new URL(url, window.location.href);
-            if (!['http:', 'https:', 'mailto:', 'tel:'].includes(parsed.protocol))
-                return;
-        }
-        catch {
+        if (/^javascript:/i.test(url))
             return;
+        if (!/^(https?:\/\/|mailto:|tel:|\/)/i.test(url)) {
+            url = `https://${url}`;
         }
-        url = parsed.href;
-        url = this.normalizeUrl(url);
         this.editorEl.focus();
         const sel = document.getSelection();
         if (!sel)
             return;
         sel.removeAllRanges();
         sel.addRange(this.selectionRange);
+        const displayText = this.showTextSupport && this.textValue.trim()
+            ? this.textValue.trim()
+            : '';
         if (this.activeAnchor) {
             this.activeAnchor.href = url;
+            if (displayText) {
+                this.activeAnchor.textContent = displayText;
+            }
             if (this.newTab) {
                 this.activeAnchor.target = '_blank';
                 this.activeAnchor.rel = 'noopener noreferrer';
@@ -218,7 +294,12 @@ let NileRteLink = class NileRteLink extends LitElement {
                 link.removeAttribute('target');
                 link.removeAttribute('rel');
             }
-            if (this.selectionRange.collapsed) {
+            if (displayText) {
+                this.selectionRange.deleteContents();
+                link.textContent = displayText;
+                this.selectionRange.insertNode(link);
+            }
+            else if (this.selectionRange.collapsed) {
                 link.textContent = url;
                 this.selectionRange.insertNode(link);
             }
@@ -251,57 +332,73 @@ let NileRteLink = class NileRteLink extends LitElement {
         }));
     }
     render() {
+        const iconColor = this.disabled
+            ? 'var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle))'
+            : 'var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))';
         return html `
-    <nile-lite-tooltip content=${this.label}> 
-      <nile-button
-        variant="tertiary"
-        size="small"
-        @mousedown=${(e) => e.preventDefault()}
-        @click=${() => this.onOpen()}
-        class="rte-link-button"
-      >
-        <nile-icon name="link_2"></nile-icon>
-      </nile-button>
-    </nile-lite-tooltip>
+      <nile-lite-tooltip content=${this.label}>
+        <nile-button
+          variant="tertiary"
+          size="small"
+          ?disabled=${this.disabled}
+          @mousedown=${this.onToolbarButtonMousedown}
+          @click=${this.onOpen}
+          class="rte-link-button"
+        >
+          <nile-icon name="link_2" color=${iconColor}></nile-icon>
+        </nile-button>
+      </nile-lite-tooltip>
 
       <nile-popover
         class="rte-link-popover"
         .arrow=${false}
         style=${this.popoverStyle}
-        @mousedown=${() => (this.ignoreBlur = true)}
-        @mouseup=${() => (this.ignoreBlur = false)}
+        @mousedown=${this.onPopoverMousedown}
+        @mouseup=${this.onPopoverMouseup}
       >
-        <div class="link-popup">
-          <input
-            class="link-input"
-            placeholder=${this.placeholder}
-            .value=${this.linkValue}
-            @input=${(e) => (this.linkValue = e.target.value)}
-            @keydown=${this.onInputKeydown}
-            @blur=${this.onInputBlur}
-          />
-
-          ${this.hasActiveLink
-            ? html `
-                <nile-button
-                  size="small"
-                  variant="tertiary"
-                  class="rte-edit-button"
-                  @click=${() => this.applyLink()}
-                >
-                  <nile-icon name="pencil"></nile-icon>
-                </nile-button>
-
-                <nile-button
-                  size="small"
-                  variant="tertiary"
-                  class="rte-edit-button"
-                  @click=${() => this.onRemove()}
-                >
-                  <nile-icon name="unlink"></nile-icon>
-                </nile-button>
-              `
-            : null}
+        <div class="link-popup-wrap">
+          ${this.showTextSupport ? html `
+            <div class="link-input-row">
+              <nile-input
+                label="Text"
+                placeholder=${this.textPlaceholder}
+                .value=${this.textValue}
+                @nile-input=${this.onTextInput}
+                @keydown=${this.onInputKeydown}
+                @nile-blur=${this.onInputBlur}
+              ></nile-input>
+            </div>
+          ` : null}
+          <div class="link-actions-row">
+            <nile-input
+              label=${this.showTextSupport ? 'URL' : ''}
+              placeholder=${this.placeholder}
+              .value=${this.linkValue}
+              @nile-input=${this.onLinkInput}
+              @keydown=${this.onInputKeydown}
+              @nile-blur=${this.onInputBlur}
+            ></nile-input>
+            ${this.hasActiveLink ? html `
+              <nile-button
+                size="small"
+                variant="tertiary"
+                class="rte-edit-button"
+                @mousedown=${this.onActionMousedown}
+                @click=${this.onApplyClick}
+              >
+                <nile-icon name="pencil"></nile-icon>
+              </nile-button>
+              <nile-button
+                size="small"
+                variant="tertiary"
+                class="rte-edit-button"
+                @mousedown=${this.onActionMousedown}
+                @click=${this.onUnlinkClick}
+              >
+                <nile-icon name="unlink"></nile-icon>
+              </nile-button>
+            ` : null}
+          </div>
         </div>
       </nile-popover>
     `;
@@ -311,17 +408,29 @@ __decorate([
     property({ attribute: false })
 ], NileRteLink.prototype, "editorEl", void 0);
 __decorate([
-    property({ type: Boolean })
+    property({ type: Boolean, reflect: true, attribute: true })
 ], NileRteLink.prototype, "newTab", void 0);
 __decorate([
-    property({ type: String })
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileRteLink.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileRteLink.prototype, "showTextSupport", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: true })
 ], NileRteLink.prototype, "placeholder", void 0);
 __decorate([
-    property({ type: String })
+    property({ type: String, reflect: true, attribute: true })
+], NileRteLink.prototype, "textPlaceholder", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: true })
 ], NileRteLink.prototype, "label", void 0);
 __decorate([
     state()
 ], NileRteLink.prototype, "linkValue", void 0);
+__decorate([
+    state()
+], NileRteLink.prototype, "textValue", void 0);
 __decorate([
     state()
 ], NileRteLink.prototype, "hasActiveLink", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"nile-rte-link.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/nile-rte-link.ts"],"names":[],"mappings":"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","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() {\n    return this;\n  }\n\n  @property({ attribute: false }) editorEl!: HTMLElement;\n  @property({ type: Boolean }) newTab = false;\n  @property({ type: String }) placeholder = 'Type or paste link here';\n  @property({ type: String }) label = 'Link';\n\n\n  @state() private linkValue = '';\n  @state() private hasActiveLink = false;\n  @state() private popoverStyle = '';\n\n  private selectionRange: Range | null = null;\n  private activeAnchor: HTMLAnchorElement | null = null;\n\n  private ignoreBlur = false;\n  private isApplying = false;\n\n \n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.injectCss(`\n      nile-popover.rte-link-popover::part(popover) {\n        min-width: 316px;\n        background: white;\n        border: 1px solid var(--nile-colors-neutral-400,var(--ng-componentcolors-utility-gray-400));\n        border-radius: 4px;\n        padding: 0;\n        gap: 0;\n      }\n\n      .link-popup {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        padding: 6px 8px;\n      }\n\n      .link-input {\n        flex: 1;\n        padding: 6px 8px;\n        font-size: 14px;\n        width: 276px;\n        height: 14px;\n        padding: 12px;\n        border: 1px solid var(--nile-colors-primary-600, var(--ng-colors-border-brand));\n        border-radius: 4px;\n      }\n        nile-button.rte-link-button::part(base) {\n          border: none;\n          height: 32px; \n          width: 32px;\n        }\n        nile-button.rte-edit-button::part(base) {\n          border: none;\n          height: 38px; \n          width: 38px;\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 \n\n  private normalizeUrl(url: string) {\n    if (/^(https?:|mailto:|tel:)/i.test(url)) return url;\n    return `https://${url}`;\n  }\n\n  private displayUrl(url: string): string {\n    return url.replace(/^https?:\\/\\//i, '');\n  }\n\n  private getSelectionRect(): DOMRect | null {\n    if (!this.selectionRange) return null;\n\n    let rect = this.selectionRange.getBoundingClientRect();\n    if (rect.width === 0 && rect.height === 0) {\n      const span = document.createElement('span');\n      span.textContent = '\\u200b';\n      const tempRange = this.selectionRange.cloneRange();\n      tempRange.insertNode(span);\n      rect = span.getBoundingClientRect();\n      span.remove();      \n    }\n    return rect;\n  }\n\n  private positionPopover() {\n    const rect = this.getSelectionRect();\n    if (!rect) return;\n\n    this.popoverStyle = `\n      position: fixed;\n      top: ${rect.bottom + 8}px;\n      left: ${rect.left + rect.width / 2}px;\n      transform: translateX(-50%);\n      z-index: 1000;\n    `;\n  }\n\n  private onScroll = () => {\n    this.closePopover();\n  };\n\n  private openPopover() {\n    requestAnimationFrame(() => {\n      const pop = this.querySelector('nile-popover') as any;\n      pop && (pop.isShow = true);\n      window.addEventListener('scroll', this.onScroll, true);\n    });\n  }\n\n  private closePopover() {\n    const pop = this.querySelector('nile-popover') as any;\n    pop && (pop.isShow = false);\n\n    window.removeEventListener('scroll', this.onScroll, true);\n\n    this.linkValue = '';\n    this.selectionRange = null;\n    this.activeAnchor = null;\n    this.hasActiveLink = false;\n    this.popoverStyle = '';\n  }\n\n  private unwrapLink(a: HTMLAnchorElement) {\n    while (a.firstChild) a.parentNode?.insertBefore(a.firstChild, a);\n    a.remove();\n  }\n\n \n\n  private onOpen() {\n    const sel = document.getSelection();\n    if (!sel || sel.rangeCount === 0) return;\n\n    this.selectionRange = sel.getRangeAt(0).cloneRange();\n    this.activeAnchor = null;\n    this.hasActiveLink = false;\n\n    let n: Node | null = this.selectionRange.startContainer;\n    while (n && n !== this.editorEl) {\n      if (n instanceof HTMLAnchorElement) {\n        this.activeAnchor = n;\n        this.hasActiveLink = true;\n        break;\n      }\n      n = n.parentNode;\n    }\n\n    this.linkValue = this.activeAnchor\n      ? this.displayUrl(this.activeAnchor.href)\n      : '';\n\n    this.positionPopover();\n    this.openPopover();\n\n    requestAnimationFrame(() => {\n      this.querySelector<HTMLInputElement>('.link-input')?.focus();\n    });\n  }\n\n \n\n  private onInputKeydown(e: KeyboardEvent) {\n    if (e.key !== 'Escape' && e.key !== 'Enter') return;\n  \n    e.preventDefault();\n    e.stopPropagation();\n  \n    if (e.key === 'Escape') {\n      this.closePopover();\n      return;\n    }\n  \n    this.isApplying = true;\n    try {\n      this.applyLink();\n    } finally {\n      this.isApplying = false;\n    }\n  }\n  \n\n  private onInputBlur() {\n    if (this.ignoreBlur || this.isApplying) return;\n    this.closePopover();\n  }\n\n \n\n  private applyLink() {\n    if (!(this.selectionRange instanceof Range)) return;\n\n    let url = this.linkValue.trim();\n    if (!url) return;\n    \n    let parsed: URL;\n    try {\n      parsed = new URL(url, window.location.href);\n      if (!['http:', 'https:', 'mailto:', 'tel:'].includes(parsed.protocol)) return;\n    } catch {\n      return;\n    }\n    \n    url = parsed.href;\n    \n\n    url = this.normalizeUrl(url);\n\n    this.editorEl.focus();\n\n    const sel = document.getSelection();\n    if (!sel) return;\n\n    sel.removeAllRanges();\n    sel.addRange(this.selectionRange);\n\n    if (this.activeAnchor) {\n      this.activeAnchor.href = url;\n\n      if (this.newTab) {\n        this.activeAnchor.target = '_blank';\n        this.activeAnchor.rel = 'noopener noreferrer';\n      } else {\n        this.activeAnchor.removeAttribute('target');\n        this.activeAnchor.removeAttribute('rel');\n      }\n      \n    } else {\n      const link = document.createElement('a');\n      link.href = url;\n      \n      if (this.newTab) {\n        link.target = '_blank';\n        link.rel = 'noopener noreferrer';\n      } else {\n        link.removeAttribute('target');\n        link.removeAttribute('rel');\n      }      \n\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    this.closePopover();\n  }\n\n  private onRemove() {\n    if (!this.activeAnchor) return;\n    this.unwrapLink(this.activeAnchor);\n    this.emit('');\n    this.closePopover();\n  }\n\n  private emit(href: string) {\n    this.dispatchEvent(\n      new CustomEvent('nile-link-changed', {\n        detail: { href },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  render() {\n    return html`\n    <nile-lite-tooltip content=${this.label}> \n      <nile-button\n        variant=\"tertiary\"\n        size=\"small\"\n        @mousedown=${(e: Event) => e.preventDefault()}\n        @click=${() => this.onOpen()}\n        class=\"rte-link-button\"\n      >\n        <nile-icon name=\"link_2\"></nile-icon>\n      </nile-button>\n    </nile-lite-tooltip>\n\n      <nile-popover\n        class=\"rte-link-popover\"\n        .arrow=${false}\n        style=${this.popoverStyle}\n        @mousedown=${() => (this.ignoreBlur = true)}\n        @mouseup=${() => (this.ignoreBlur = false)}\n      >\n        <div class=\"link-popup\">\n          <input\n            class=\"link-input\"\n            placeholder=${this.placeholder}\n            .value=${this.linkValue}\n            @input=${(e: Event) =>\n              (this.linkValue = (e.target as HTMLInputElement).value)}\n            @keydown=${this.onInputKeydown}\n            @blur=${this.onInputBlur}\n          />\n\n          ${this.hasActiveLink\n            ? html`\n                <nile-button\n                  size=\"small\"\n                  variant=\"tertiary\"\n                  class=\"rte-edit-button\"\n                  @click=${() => this.applyLink()}\n                >\n                  <nile-icon name=\"pencil\"></nile-icon>\n                </nile-button>\n\n                <nile-button\n                  size=\"small\"\n                  variant=\"tertiary\"\n                  class=\"rte-edit-button\"\n                  @click=${() => this.onRemove()}\n                >\n                  <nile-icon name=\"unlink\"></nile-icon>\n                </nile-button>\n              `\n            : null}\n        </div>\n      </nile-popover>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-rte-link': NileRteLink;\n  }\n}\n"]}
+{"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;;QAMwD,WAAM,GAAG,KAAK,CAAC;QACf,aAAQ,GAAG,KAAK,CAAC;QACjB,oBAAe,GAAG,KAAK,CAAC;QACzB,gBAAW,GAAG,yBAAyB,CAAC;QACxC,oBAAe,GAAG,cAAc,CAAC;QACjC,UAAK,GAAG,MAAM,CAAC;QAE1D,cAAS,GAAG,EAAE,CAAC;QACf,cAAS,GAAG,EAAE,CAAC;QACf,kBAAa,GAAG,KAAK,CAAC;QACtB,iBAAY,GAAG,EAAE,CAAC;QAE3B,mBAAc,GAAiB,IAAI,CAAC;QACpC,iBAAY,GAA6B,IAAI,CAAC;QAE9C,eAAU,GAAG,KAAK,CAAC;QACnB,eAAU,GAAG,KAAK,CAAC;QA8GnB,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC;QA+BM,WAAM,GAAG,GAAG,EAAE;YACpB,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAE1B,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;YACpC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,KAAK,CAAC;gBAAE,OAAO;YACzC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC;gBAAE,OAAO;YAE/E,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;YACrD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAE3B,IAAI,CAAC,GAAgB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC;YACxD,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAChC,IAAI,CAAC,YAAY,iBAAiB,EAAE,CAAC;oBACnC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;oBACtB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;oBAC1B,MAAM;gBACR,CAAC;gBACD,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC;YACnB,CAAC;YAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY;gBAChC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBACzC,CAAC,CAAC,EAAE,CAAC;YAEP,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACzB,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;oBACtB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,IAAI,EAAE,CAAC;gBACvD,CAAC;qBAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC;oBAC1C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;gBAClD,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;gBACtB,CAAC;YACH,CAAC;YAED,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,CAAC,WAAW,EAAE,CAAC;YAEnB,qBAAqB,CAAC,GAAG,EAAE;gBACzB,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;gBACnD,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACxD,MAAc,EAAE,KAAK,EAAE,CAAC;YAC3B,CAAC,CAAC,CAAC;QACL,CAAC,CAAA;QAIO,mBAAc,GAAG,CAAC,CAAgB,EAAE,EAAE;YAC5C,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;gBAAE,OAAO;YACpD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACvB,IAAI,CAAC,YAAY,EAAE,CAAC;gBACpB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC;gBACH,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,CAAC;oBAAS,CAAC;gBACT,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YAC1B,CAAC;QACH,CAAC,CAAC;QACM,gBAAW,GAAG,GAAG,EAAE;YACzB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU;gBAAE,OAAO;YAC/C,qBAAqB,CAAC,GAAG,EAAE;gBACzB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU;oBAAE,OAAO;gBAC/C,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;gBAC/C,IAAI,GAAG,EAAE,OAAO,CAAC,eAAe,CAAC;oBAAE,OAAO;gBAC1C,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,gBAAW,GAAG,CAAC,CAAc,EAAE,EAAE;YACvC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAClC,CAAC,CAAC;QAEM,gBAAW,GAAG,CAAC,CAAc,EAAE,EAAE;YACvC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAClC,CAAC,CAAC;QAEM,uBAAkB,GAAG,GAAG,EAAE;YAChC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACzB,CAAC,CAAC;QAEM,qBAAgB,GAAG,GAAG,EAAE;YAC9B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;QAEM,6BAAwB,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC9C,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC,CAAC;QAEM,sBAAiB,GAAG,CAAC,CAAQ,EAAE,EAAE;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACzB,CAAC,CAAC;QAEM,iBAAY,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;QAEM,kBAAa,GAAG,GAAG,EAAE;YAC3B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;IAuKJ,CAAC;IAxbW,gBAAgB;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAuBD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqDd,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;IAIO,YAAY,CAAC,GAAW;QAC9B,IAAI,0BAA0B,CAAC,IAAI,CAAC,GAAG,CAAC;YAAE,OAAO,GAAG,CAAC;QACrD,OAAO,WAAW,GAAG,EAAE,CAAC;IAC1B,CAAC;IAEO,UAAU,CAAC,GAAW;QAC5B,OAAO,GAAG,CAAC;IACb,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO,IAAI,CAAC;QAEtC,IAAI,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,qBAAqB,EAAE,CAAC;QACvD,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC5C,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;YAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;YACnD,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;YACpC,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,eAAe;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACrC,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,IAAI,CAAC,YAAY,GAAG;;aAEX,IAAI,CAAC,MAAM,GAAG,CAAC;cACd,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;;;KAGnC,CAAC;IACJ,CAAC;IAMO,WAAW;QACjB,qBAAqB,CAAC,GAAG,EAAE;YACzB,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAQ,CAAC;YACtD,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;YAC3B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,YAAY;QAClB,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAQ,CAAC;QACtD,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC;QAE5B,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAE1D,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;IACzB,CAAC;IAEO,UAAU,CAAC,CAAoB;QACrC,OAAO,CAAC,CAAC,UAAU;YAAE,CAAC,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;QACjE,CAAC,CAAC,MAAM,EAAE,CAAC;IACb,CAAC;IAqHO,SAAS;QACf,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,YAAY,KAAK,CAAC;YAAE,OAAO;QAEpD,IAAI,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QAChC,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,IAAI,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;YAAE,OAAO;QAEtC,IAAI,CAAC,iCAAiC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACjD,GAAG,GAAG,WAAW,GAAG,EAAE,CAAC;QACzB,CAAC;QAED,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QAEtB,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;QACpC,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,GAAG,CAAC,eAAe,EAAE,CAAC;QACtB,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAElC,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;YAC/D,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;YACvB,CAAC,CAAC,EAAE,CAAC;QAEP,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,GAAG,CAAC;YAE7B,IAAI,WAAW,EAAE,CAAC;gBAChB,IAAI,CAAC,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC;YAC9C,CAAC;YAED,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBAChB,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAC;gBACpC,IAAI,CAAC,YAAY,CAAC,GAAG,GAAG,qBAAqB,CAAC;YAChD,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;gBAC5C,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC3C,CAAC;QAEH,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;YAEhB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBAChB,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;gBACvB,IAAI,CAAC,GAAG,GAAG,qBAAqB,CAAC;YACnC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;gBAC/B,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC;YAED,IAAI,WAAW,EAAE,CAAC;gBAChB,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,CAAC;gBACrC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;gBAC/B,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACvC,CAAC;iBAAM,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC;gBACzC,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;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,QAAQ;QACd,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,OAAO;QAC/B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACnC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,IAAI,CAAC,IAAY;QACvB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,mBAAmB,EAAE;YACnC,MAAM,EAAE,EAAE,IAAI,EAAE;YAChB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ;YAC7B,CAAC,CAAC,qEAAqE;YACvE,CAAC,CAAC,gEAAgE,CAAC;QAErE,OAAO,IAAI,CAAA;mCACoB,IAAI,CAAC,KAAK;;;;sBAIvB,IAAI,CAAC,QAAQ;uBACZ,IAAI,CAAC,wBAAwB;mBACjC,IAAI,CAAC,MAAM;;;2CAGa,SAAS;;;;;;iBAMnC,KAAK;gBACN,IAAI,CAAC,YAAY;qBACZ,IAAI,CAAC,kBAAkB;mBACzB,IAAI,CAAC,gBAAgB;;;YAG5B,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA;;;;8BAIT,IAAI,CAAC,eAAe;yBACzB,IAAI,CAAC,SAAS;8BACT,IAAI,CAAC,WAAW;2BACnB,IAAI,CAAC,cAAc;6BACjB,IAAI,CAAC,WAAW;;;WAGlC,CAAC,CAAC,CAAC,IAAI;;;sBAGI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;4BAC3B,IAAI,CAAC,WAAW;uBACrB,IAAI,CAAC,SAAS;4BACT,IAAI,CAAC,WAAW;yBACnB,IAAI,CAAC,cAAc;2BACjB,IAAI,CAAC,WAAW;;cAE7B,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;6BAKV,IAAI,CAAC,iBAAiB;yBAC1B,IAAI,CAAC,YAAY;;;;;;;;6BAQb,IAAI,CAAC,iBAAiB;yBAC1B,IAAI,CAAC,aAAa;;;;aAI9B,CAAC,CAAC,CAAC,IAAI;;;;KAIf,CAAC;IACJ,CAAC;CACF,CAAA;AApbiC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;6CAAwB;AACM;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;2CAAgB;AACf;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;6CAAkB;AACjB;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;oDAAyB;AACzB;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;gDAAyC;AACxC;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;oDAAkC;AACjC;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0CAAgB;AAE1D;IAAhB,KAAK,EAAE;8CAAwB;AACf;IAAhB,KAAK,EAAE;8CAAwB;AACf;IAAhB,KAAK,EAAE;kDAA+B;AACtB;IAAhB,KAAK,EAAE;iDAA2B;AAhBxB,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAybvB","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() {\n    return this;\n  }\n\n  @property({ attribute: false }) editorEl!: HTMLElement;\n  @property({ type: Boolean, reflect: true, attribute: true }) newTab = false;\n  @property({ type: Boolean, reflect: true, attribute: true }) disabled = false;\n  @property({ type: Boolean, reflect: true, attribute: true }) showTextSupport = false;\n  @property({ type: String, reflect: true, attribute: true }) placeholder = 'Type or paste link here';\n  @property({ type: String, reflect: true, attribute: true }) textPlaceholder = 'Display text';\n  @property({ type: String, reflect: true, attribute: true }) label = 'Link';\n\n  @state() private linkValue = '';\n  @state() private textValue = '';\n  @state() private hasActiveLink = false;\n  @state() private popoverStyle = '';\n\n  private selectionRange: Range | null = null;\n  private activeAnchor: HTMLAnchorElement | null = null;\n\n  private ignoreBlur = false;\n  private isApplying = false;\n\n \n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.injectCss(`\n      nile-popover.rte-link-popover::part(popover) {\n        min-width: 340px;\n        max-width: 420px;\n        background: white;\n        border: 1px solid var(--nile-colors-neutral-400, var(--ng-componentcolors-utility-gray-400));\n        border-radius: 8px;\n        padding: 0;\n        gap: 0;\n        overflow: hidden;\n        height: auto;\n        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n      }\n\n      .link-popup-wrap {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        padding: 12px;\n      }\n\n      .link-popup-wrap nile-input {\n        width: 100%;\n      }\n\n      .link-popup-wrap .link-input-row {\n        width: 100%;\n      }\n\n      .link-popup-wrap .link-actions-row {\n        display: flex;\n        align-items: flex-end;\n        gap: 4px;\n        width: 100%;\n      }\n\n      .link-popup-wrap .link-actions-row nile-input {\n        flex: 1;\n        min-width: 0;\n      }\n\n   \n      nile-button.rte-link-button::part(base) {\n        border: none;\n        height: 32px;\n        width: 32px;\n      }\n      nile-button.rte-edit-button::part(base) {\n        border: none;\n        height: 32px;\n        width: 32px;\n        flex-shrink: 0;\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 \n\n  private normalizeUrl(url: string) {\n    if (/^(https?:|mailto:|tel:)/i.test(url)) return url;\n    return `https://${url}`;\n  }\n\n  private displayUrl(url: string): string {\n    return url;\n  }\n\n  private getSelectionRect(): DOMRect | null {\n    if (!this.selectionRange) return null;\n\n    let rect = this.selectionRange.getBoundingClientRect();\n    if (rect.width === 0 && rect.height === 0) {\n      const span = document.createElement('span');\n      span.textContent = '\\u200b';\n      const tempRange = this.selectionRange.cloneRange();\n      tempRange.insertNode(span);\n      rect = span.getBoundingClientRect();\n      span.remove();      \n    }\n    return rect;\n  }\n\n  private positionPopover() {\n    const rect = this.getSelectionRect();\n    if (!rect) return;\n\n    this.popoverStyle = `\n      position: fixed;\n      top: ${rect.bottom + 8}px;\n      left: ${rect.left + rect.width / 2}px;\n      transform: translateX(-50%);\n      z-index: 1000;\n    `;\n  }\n\n  private onScroll = () => {\n    this.closePopover();\n  };\n\n  private openPopover() {\n    requestAnimationFrame(() => {\n      const pop = this.querySelector('nile-popover') as any;\n      pop && (pop.isShow = true);\n      window.addEventListener('scroll', this.onScroll, true);\n    });\n  }\n\n  private closePopover() {\n    const pop = this.querySelector('nile-popover') as any;\n    pop && (pop.isShow = false);\n\n    window.removeEventListener('scroll', this.onScroll, true);\n\n    this.linkValue = '';\n    this.textValue = '';\n    this.selectionRange = null;\n    this.activeAnchor = null;\n    this.hasActiveLink = false;\n    this.popoverStyle = '';\n  }\n\n  private unwrapLink(a: HTMLAnchorElement) {\n    while (a.firstChild) a.parentNode?.insertBefore(a.firstChild, a);\n    a.remove();\n  }\n\n \n\n  private onOpen = () => {\n    if (this.disabled) return;\n\n    const sel = document.getSelection();\n    if (!sel || sel.rangeCount === 0) return;\n    if (!this.editorEl.contains(sel.getRangeAt(0).commonAncestorContainer)) return;\n\n    this.selectionRange = sel.getRangeAt(0).cloneRange();\n    this.activeAnchor = null;\n    this.hasActiveLink = false;\n\n    let n: Node | null = this.selectionRange.startContainer;\n    while (n && n !== this.editorEl) {\n      if (n instanceof HTMLAnchorElement) {\n        this.activeAnchor = n;\n        this.hasActiveLink = true;\n        break;\n      }\n      n = n.parentNode;\n    }\n\n    this.linkValue = this.activeAnchor\n      ? this.displayUrl(this.activeAnchor.href)\n      : '';\n\n    if (this.showTextSupport) {\n      if (this.activeAnchor) {\n        this.textValue = this.activeAnchor.textContent || '';\n      } else if (!this.selectionRange.collapsed) {\n        this.textValue = this.selectionRange.toString();\n      } else {\n        this.textValue = '';\n      }\n    }\n\n    this.positionPopover();\n    this.openPopover();\n\n    requestAnimationFrame(() => {\n      const inputs = this.querySelectorAll('nile-input');\n      const target = inputs.length > 1 ? inputs[1] : inputs[0];\n      (target as any)?.focus();\n    });\n  }\n\n \n\n  private onInputKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'Escape' && e.key !== 'Enter') return;\n    e.preventDefault();\n    e.stopPropagation();\n    if (e.key === 'Escape') {\n      this.closePopover();\n      return;\n    }\n    this.isApplying = true;\n    try {\n      this.applyLink();\n    } finally {\n      this.isApplying = false;\n    }\n  };\n  private onInputBlur = () => {\n    if (this.ignoreBlur || this.isApplying) return;\n    requestAnimationFrame(() => {\n      if (this.ignoreBlur || this.isApplying) return;\n      const pop = this.querySelector('nile-popover');\n      if (pop?.matches(':focus-within')) return;\n      this.closePopover();\n    });\n  };\n\n  private onLinkInput = (e: CustomEvent) => {\n    this.linkValue = e.detail.value;\n  };\n\n  private onTextInput = (e: CustomEvent) => {\n    this.textValue = e.detail.value;\n  };\n\n  private onPopoverMousedown = () => {\n    this.ignoreBlur = true;\n  };\n\n  private onPopoverMouseup = () => {\n    this.ignoreBlur = false;\n  };\n\n  private onToolbarButtonMousedown = (e: Event) => {\n    e.preventDefault();\n  };\n\n  private onActionMousedown = (e: Event) => {\n    e.preventDefault();\n    this.ignoreBlur = true;\n  };\n\n  private onApplyClick = () => {\n    this.isApplying = true;\n    this.applyLink();\n    this.isApplying = false;\n    this.ignoreBlur = false;\n  };\n\n  private onUnlinkClick = () => {\n    this.isApplying = true;\n    this.onRemove();\n    this.isApplying = false;\n    this.ignoreBlur = false;\n  };\n\n \n\n  private applyLink() {\n    if (!(this.selectionRange instanceof Range)) return;\n\n    let url = this.linkValue.trim();\n    if (!url) return;\n\n    if (/^javascript:/i.test(url)) return;\n\n    if (!/^(https?:\\/\\/|mailto:|tel:|\\/)/i.test(url)) {\n      url = `https://${url}`;\n    }\n\n    this.editorEl.focus();\n\n    const sel = document.getSelection();\n    if (!sel) return;\n\n    sel.removeAllRanges();\n    sel.addRange(this.selectionRange);\n\n    const displayText = this.showTextSupport && this.textValue.trim()\n      ? this.textValue.trim()\n      : '';\n\n    if (this.activeAnchor) {\n      this.activeAnchor.href = url;\n\n      if (displayText) {\n        this.activeAnchor.textContent = displayText;\n      }\n\n      if (this.newTab) {\n        this.activeAnchor.target = '_blank';\n        this.activeAnchor.rel = 'noopener noreferrer';\n      } else {\n        this.activeAnchor.removeAttribute('target');\n        this.activeAnchor.removeAttribute('rel');\n      }\n      \n    } else {\n      const link = document.createElement('a');\n      link.href = url;\n      \n      if (this.newTab) {\n        link.target = '_blank';\n        link.rel = 'noopener noreferrer';\n      } else {\n        link.removeAttribute('target');\n        link.removeAttribute('rel');\n      }      \n\n      if (displayText) {\n        this.selectionRange.deleteContents();\n        link.textContent = displayText;\n        this.selectionRange.insertNode(link);\n      } else 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    this.closePopover();\n  }\n\n  private onRemove() {\n    if (!this.activeAnchor) return;\n    this.unwrapLink(this.activeAnchor);\n    this.emit('');\n    this.closePopover();\n  }\n\n  private emit(href: string) {\n    this.dispatchEvent(\n      new CustomEvent('nile-link-changed', {\n        detail: { href },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  render() {\n    const iconColor = this.disabled\n      ? 'var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle))'\n      : 'var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))';\n\n    return html`\n      <nile-lite-tooltip content=${this.label}>\n        <nile-button\n          variant=\"tertiary\"\n          size=\"small\"\n          ?disabled=${this.disabled}\n          @mousedown=${this.onToolbarButtonMousedown}\n          @click=${this.onOpen}\n          class=\"rte-link-button\"\n        >\n          <nile-icon name=\"link_2\" color=${iconColor}></nile-icon>\n        </nile-button>\n      </nile-lite-tooltip>\n\n      <nile-popover\n        class=\"rte-link-popover\"\n        .arrow=${false}\n        style=${this.popoverStyle}\n        @mousedown=${this.onPopoverMousedown}\n        @mouseup=${this.onPopoverMouseup}\n      >\n        <div class=\"link-popup-wrap\">\n          ${this.showTextSupport ? html`\n            <div class=\"link-input-row\">\n              <nile-input\n                label=\"Text\"\n                placeholder=${this.textPlaceholder}\n                .value=${this.textValue}\n                @nile-input=${this.onTextInput}\n                @keydown=${this.onInputKeydown}\n                @nile-blur=${this.onInputBlur}\n              ></nile-input>\n            </div>\n          ` : null}\n          <div class=\"link-actions-row\">\n            <nile-input\n              label=${this.showTextSupport ? 'URL' : ''}\n              placeholder=${this.placeholder}\n              .value=${this.linkValue}\n              @nile-input=${this.onLinkInput}\n              @keydown=${this.onInputKeydown}\n              @nile-blur=${this.onInputBlur}\n            ></nile-input>\n            ${this.hasActiveLink ? html`\n              <nile-button\n                size=\"small\"\n                variant=\"tertiary\"\n                class=\"rte-edit-button\"\n                @mousedown=${this.onActionMousedown}\n                @click=${this.onApplyClick}\n              >\n                <nile-icon name=\"pencil\"></nile-icon>\n              </nile-button>\n              <nile-button\n                size=\"small\"\n                variant=\"tertiary\"\n                class=\"rte-edit-button\"\n                @mousedown=${this.onActionMousedown}\n                @click=${this.onUnlinkClick}\n              >\n                <nile-icon name=\"unlink\"></nile-icon>\n              </nile-button>\n            ` : null}\n          </div>\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-link.test.d.ts

@@ -0,0 +1 @@
+import './nile-rte-link';