@aquera/nile-elements 1.9.7 → 1.9.9

package/dist/nile-wysiwyg-editor/ui/source-view.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"source-view.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/source-view.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\n\n/**\n * Raw HTML source editing mode. Replaces the rich surface while open; the\n * host re-parses (and re-sanitizes) the HTML on apply. Emits\n * `wysiwyg-source-apply` detail: { html } and `wysiwyg-source-cancel`.\n */\n@customElement('nile-wysiwyg-source-view')\nexport class NileWysiwygSourceView extends NileElement {\n  @property({ type: String }) value = '';\n\n  @query('textarea') textarea?: HTMLTextAreaElement;\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          display: flex;\n          flex-direction: column;\n        }\n\n        .bar {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          padding: 6px 12px;\n          font-size: 12px;\n          color: var(--nile-colors-neutral-600, #475467);\n          border-bottom: 1px solid var(--nile-colors-neutral-300, #e4e7ec);\n          background: var(--nile-wysiwyg-toolbar-bg, var(--nile-colors-neutral-50, #f9fafb));\n        }\n\n        .actions {\n          display: flex;\n          gap: 8px;\n        }\n\n        button {\n          font: inherit;\n          font-size: 12px;\n          padding: 4px 12px;\n          border-radius: 6px;\n          border: 1px solid transparent;\n          cursor: pointer;\n          background: transparent;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        button.primary {\n          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n          color: #ffffff;\n        }\n\n        textarea {\n          flex: 1;\n          min-height: var(--nile-wysiwyg-min-height, 160px);\n          padding: 12px 16px;\n          border: none;\n          outline: none;\n          resize: vertical;\n          font-family: var(--nile-wysiwyg-code-font, ui-monospace, SFMono-Regular, Menlo, monospace);\n          font-size: 12px;\n          line-height: 1.5;\n          color: var(--nile-colors-neutral-900, #101828);\n          background: transparent;\n          box-sizing: border-box;\n        }\n      `,\n    ];\n  }\n\n  public focusInput(): void {\n    this.updateComplete.then(() => this.textarea?.focus());\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"bar\" part=\"source-bar\">\n        <span>HTML source</span>\n        <span class=\"actions\">\n          <button type=\"button\" @click=${() => this.emit('wysiwyg-source-cancel')}>\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            class=\"primary\"\n            @click=${() =>\n              this.emit('wysiwyg-source-apply', { html: this.textarea?.value ?? '' })}\n          >\n            Done\n          </button>\n        </span>\n      </div>\n      <textarea\n        part=\"source-textarea\"\n        spellcheck=\"false\"\n        .value=${this.value}\n        @keydown=${(e: KeyboardEvent) => {\n          if (e.key === 'Escape') {\n            e.stopPropagation();\n            this.emit('wysiwyg-source-cancel');\n          }\n        }}\n      ></textarea>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-source-view': NileWysiwygSourceView;\n  }\n}\n"],"names":["NileWysiwygSourceView","_s","a","this","value","_this","_inherits","_createClass","key","focusInput","updateComplete","then","_this2$textarea","textarea","focus","render","html","_templateObject","_taggedTemplateLiteral","emit","_this3$textarea$value","_this3$textarea","e","stopPropagation","__decorate","get","css","_templateObject2","NileElement","property","type","String","prototype","query","customElement"],"mappings":"k5GAUaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,qEACuBC,EAAAA,KAAAA,CAAKC,KAAG,CAAA,EAqGrC,QAAAC,KAAA,EAjGQC,SAAA,CAAAJ,CAAA,CAAAD,EAAA,SAAAM,YAAA,CAAAL,CAAA,GAAAM,GAAA,cAAAJ,KAAA,CA8DA,SAAAK,UAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACLN,IAAKO,CAAAA,cAAAA,CAAeC,IAAK,CAAA,eAAAC,eAAA,QAAAA,eAAA,CAAMT,MAAKU,CAAAA,QAAAA,UAAAA,eAAAA,iBAALV,eAAAA,CAAeW,KAC/C,CAAA,CAAA,EAAA,CAAA,EAEM,GAAAN,GAAA,UAAAJ,KAAA,UAAAW,MAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,kiBAI0B,iBAAMf,CAAAA,OAAKgB,IAAK,CAAA,uBAAA,CAAA,GAMpC,eAAAC,qBAAA,CAAAC,eAAA,OACPlB,CAAAA,OAAKgB,IAAK,CAAA,sBAAA,CAAwB,CAAEH,IAAMb,EAAAA,qBAAAA,EAAAA,eAAAA,CAAAA,MAAAA,CAAKU,kDAALV,eAAAA,CAAeC,KAAS,UAAAgB,qBAAA,UAAAA,qBAAA,CAAA,EAAA,CAAA,CAAA,GAS/DjB,IAAKC,CAAAA,KAAAA,CACFkB,SAAAA,CAAAA,CAAAA,CACI,WAAVA,CAAEd,CAAAA,GAAAA,GACJc,EAAEC,eACFpB,CAAAA,CAAAA,CAAAA,MAAAA,CAAKgB,KAAK,uBACX,CAAA,CAAA,EAAA,EAIR,CApG2BK,KAAAA,GAAAA,UAAAA,GAAAA,CAIrB,SAAAC,IAAA,CACL,CAAA,MAAO,CACLC,CAAG,CAAAC,gBAAA,GAAAA,gBAAA,CAAAT,sBAAA,2uDA0DN,EAEM,MAnEkCU,CAApC,EACuBJ,CAAAA,CAAA,CAA3BK,CAAS,CAAA,CAAEC,KAAMC,MAAqB/B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAgC,SAAA,CAAA,OAAA,CAAA,IAAA,EAEpBR,CAAAA,CAAAA,CAAAA,CAAA,CAAlBS,CAAM,CAAA,UAAA,CAAA,CAAA,CAA2CjC,EAAAgC,SAAA,CAAA,UAAA,CAAA,IAAA,IAHvChC,CAAqBwB,CAAAA,CAAAA,CAAA,CADjCU,CAAAA,CAAc,0BACFlC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
+{"version":3,"file":"source-view.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/source-view.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport hljs from 'highlight.js/lib/core';\nimport xml from 'highlight.js/lib/languages/xml';\nimport NileElement from '../../internal/nile-element';\nimport { sanitizeHtml } from '../engine/sanitize';\nimport './preview';\n\n// HTML highlighting only — reuses the same lib the code-block feature already\n// bundles, so this adds no new dependency. Registration is idempotent.\nhljs.registerLanguage('xml', xml);\n\n/**\n * Raw HTML source editing mode. A split view: the raw HTML on the left, a\n * live rendered preview on the right, with a draggable divider between them\n * and a resizable body. The preview runs the same sanitizer the host applies\n * on the way back, so what you see is what the document becomes. Emits\n * `wysiwyg-source-apply` detail: { html } and `wysiwyg-source-cancel`.\n *\n * The code pane is a lightweight editor: a real `<textarea>` for input, with a\n * highlight.js-coloured layer painted behind it and a synced line-number\n * gutter. No heavyweight code-editor dependency.\n */\n@customElement('nile-wysiwyg-source-view')\nexport class NileWysiwygSourceView extends NileElement {\n  @property({ type: String }) value = '';\n\n  @query('textarea') private textarea?: HTMLTextAreaElement;\n\n  @query('.hl > code') private highlightEl?: HTMLElement;\n\n  @query('.linenos-inner') private linenosEl?: HTMLElement;\n\n  @query('.body') private bodyEl?: HTMLElement;\n\n  /** Current source text, drives the live preview, highlight and gutter. */\n  @state() private draft = '';\n\n  /**\n   * Fraction of the body width given to the code pane (the rest is preview).\n   * Clamped while dragging the divider.\n   */\n  @state() private splitRatio = 0.5;\n\n  /** Whether the divider is currently being dragged. */\n  @state() private splitDragging = false;\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        :host {\n          display: flex;\n          flex-direction: column;\n          box-sizing: border-box;\n          overflow: hidden;\n          min-height: var(--nile-wysiwyg-min-height, 200px);\n          height: var(--nile-wysiwyg-source-height, 340px);\n          max-height: var(\n            --nile-wysiwyg-source-max-height,\n            var(--nile-wysiwyg-max-height, 70vh)\n          );\n          resize: vertical;\n        }\n\n        .bar {\n          flex: 0 0 auto;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          padding: 6px 12px;\n          font-size: 12px;\n          color: var(--nile-colors-neutral-600, #475467);\n          border-bottom: 1px solid var(--nile-colors-neutral-300, #e4e7ec);\n          background: var(--nile-wysiwyg-toolbar-bg, var(--nile-colors-neutral-50, #f9fafb));\n        }\n\n        .actions {\n          display: flex;\n          gap: 8px;\n        }\n\n        button {\n          font: inherit;\n          font-size: 12px;\n          padding: 4px 12px;\n          border-radius: 6px;\n          border: 1px solid transparent;\n          cursor: pointer;\n          background: transparent;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        button.primary {\n          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n          color: #ffffff;\n        }\n\n        .body {\n          flex: 1 1 auto;\n          display: flex;\n          align-items: stretch;\n          overflow: hidden;\n          min-height: 0;\n          box-sizing: border-box;\n        }\n\n        .body--dragging {\n          cursor: col-resize;\n          user-select: none;\n          -webkit-user-select: none;\n        }\n\n        .body--dragging .pane {\n          pointer-events: none;\n        }\n\n        .pane {\n          min-width: 0;\n          min-height: 0;\n          box-sizing: border-box;\n        }\n\n        /* --- Lightweight code editor: gutter + highlighted textarea --- */\n        .pane--code {\n          display: flex;\n          background: var(--nile-colors-white-base, #ffffff);\n          /* Shared code metrics, inherited by the gutter, highlight and textarea\n             so every line lines up to the pixel. */\n          font-family: var(--nile-wysiwyg-code-font, ui-monospace, SFMono-Regular, Menlo, monospace);\n          font-size: 12px;\n          line-height: 18px;\n          tab-size: 2;\n          -moz-tab-size: 2;\n        }\n\n        .linenos {\n          flex: 0 0 auto;\n          overflow: hidden;\n          box-sizing: border-box;\n          padding: 12px 8px 0;\n          text-align: right;\n          color: var(--nile-colors-neutral-400, #98a2b3);\n          background: var(--nile-colors-neutral-50, #f9fafb);\n          border-right: 1px solid var(--nile-colors-neutral-200, #eaecf0);\n          user-select: none;\n        }\n\n        .linenos-inner {\n          will-change: transform;\n        }\n\n        .linenos-inner > div {\n          height: 18px;\n        }\n\n        .input-wrap {\n          position: relative;\n          flex: 1 1 0;\n          min-width: 0;\n          overflow: hidden;\n        }\n\n        /* Highlight layer and textarea share the exact same box (offset for\n           padding via top/left, extending to the edges for horizontal scroll),\n           so the coloured text sits directly under the caret. */\n        .hl,\n        textarea {\n          position: absolute;\n          top: 12px;\n          left: 16px;\n          right: 0;\n          bottom: 0;\n          margin: 0;\n          border: 0;\n          padding: 0;\n          font: inherit;\n          line-height: inherit;\n          tab-size: inherit;\n          white-space: pre;\n          word-wrap: normal;\n          overflow-wrap: normal;\n          box-sizing: border-box;\n        }\n\n        .hl {\n          overflow: hidden;\n          pointer-events: none;\n          color: var(--nile-colors-neutral-900, #101828);\n        }\n\n        .hl > code {\n          display: block;\n          will-change: transform;\n        }\n\n        textarea {\n          width: auto;\n          resize: none;\n          outline: none;\n          overflow: auto;\n          background: transparent;\n          color: transparent;\n          caret-color: var(--nile-colors-neutral-900, #101828);\n        }\n\n        /* Must be translucent: the textarea's text is transparent and the\n           coloured code sits BEHIND it, so an opaque selection would hide the\n           text. A tint lets the highlighted code show through the selection. */\n        textarea::selection {\n          background: rgba(41, 112, 255, 0.3);\n        }\n        textarea::-moz-selection {\n          background: rgba(41, 112, 255, 0.3);\n        }\n\n        /* highlight.js token palette (Atom One Light), matching code blocks. */\n        .hl .hljs-comment,\n        .hl .hljs-quote { color: #a0a1a7; font-style: italic; }\n        .hl .hljs-keyword,\n        .hl .hljs-selector-tag,\n        .hl .hljs-doctag { color: #a626a4; }\n        .hl .hljs-name,\n        .hl .hljs-selector-id,\n        .hl .hljs-selector-class,\n        .hl .hljs-tag { color: #e45649; }\n        .hl .hljs-literal,\n        .hl .hljs-built_in { color: #0184bb; }\n        .hl .hljs-string,\n        .hl .hljs-attribute,\n        .hl .hljs-meta .hljs-string { color: #50a14f; }\n        .hl .hljs-attr,\n        .hl .hljs-variable,\n        .hl .hljs-type,\n        .hl .hljs-number { color: #986801; }\n        .hl .hljs-symbol,\n        .hl .hljs-meta,\n        .hl .hljs-title { color: #4078f2; }\n\n        /* Draggable divider between the code and preview panes. */\n        .gutter {\n          flex: 0 0 auto;\n          position: relative;\n          width: 1px;\n          align-self: stretch;\n          background: var(--nile-colors-neutral-300, #e4e7ec);\n          cursor: col-resize;\n          touch-action: none;\n        }\n\n        .gutter::before {\n          content: '';\n          position: absolute;\n          inset: 0 -4px;\n        }\n\n        .gutter:hover,\n        .body--dragging .gutter {\n          background: var(--ng-colors-bg-brand-primary, #2970ff);\n        }\n\n        .pane--preview {\n          flex: 1 1 0;\n          overflow: auto;\n          border-left: 1px solid var(--nile-colors-neutral-200, #eaecf0);\n          background: var(--nile-colors-white-base, #ffffff);\n        }\n\n        nile-wysiwyg-preview {\n          display: block;\n        }\n\n        .preview-empty {\n          display: block;\n          padding: 12px 16px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n          font-size: 12px;\n          opacity: 0.7;\n        }\n      `,\n    ];\n  }\n\n  protected willUpdate(changed: Map<string, unknown>): void {\n    // Sync the draft (and thus preview/highlight) whenever the host sets value.\n    if (changed.has('value')) this.draft = this.value;\n  }\n\n  /** The current (possibly edited) source text — what \"Done\" would apply. */\n  public get currentValue(): string {\n    return this.draft;\n  }\n\n  public focusInput(): void {\n    this.updateComplete.then(() => this.textarea?.focus());\n  }\n\n  /** highlight.js-coloured HTML for the current draft (falls back to escaped). */\n  private get highlighted(): string {\n    if (!this.draft) return '';\n    try {\n      return hljs.highlight(this.draft, { language: 'xml' }).value;\n    } catch {\n      return this.draft.replace(/[&<>]/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;' }[c]!));\n    }\n  }\n\n  private get lineCount(): number {\n    return this.draft ? this.draft.split('\\n').length : 1;\n  }\n\n  /** Begins a pointer-driven resize of the split divider. */\n  private startSplitDrag = (e: PointerEvent) => {\n    const body = this.bodyEl;\n    if (!body) return;\n    e.preventDefault();\n    this.splitDragging = true;\n\n    const rect = body.getBoundingClientRect();\n    const MIN = 0.15;\n    const MAX = 0.85;\n\n    const onMove = (ev: PointerEvent) => {\n      if (rect.width === 0) return;\n      const ratio = (ev.clientX - rect.left) / rect.width;\n      this.splitRatio = Math.min(MAX, Math.max(MIN, ratio));\n    };\n    const onUp = () => {\n      this.splitDragging = false;\n      window.removeEventListener('pointermove', onMove);\n      window.removeEventListener('pointerup', onUp);\n    };\n    window.addEventListener('pointermove', onMove);\n    window.addEventListener('pointerup', onUp);\n  };\n\n  /** Resets the divider to a 50/50 layout (double-click affordance). */\n  private resetSplit = () => {\n    this.splitRatio = 0.5;\n  };\n\n  private onInput = (e: Event) => {\n    this.draft = (e.target as HTMLTextAreaElement).value;\n  };\n\n  /** Keeps the highlight layer and line-number gutter aligned with scroll. */\n  private onScroll = (e: Event) => {\n    const ta = e.target as HTMLTextAreaElement;\n    if (this.highlightEl) {\n      this.highlightEl.style.transform = `translate(${-ta.scrollLeft}px, ${-ta.scrollTop}px)`;\n    }\n    if (this.linenosEl) {\n      this.linenosEl.style.transform = `translateY(${-ta.scrollTop}px)`;\n    }\n  };\n\n  public render(): TemplateResult {\n    const preview = sanitizeHtml(this.draft);\n    const lines: TemplateResult[] = [];\n    for (let i = 1; i <= this.lineCount; i += 1) lines.push(html`<div>${i}</div>`);\n    return html`\n      <div class=\"bar\" part=\"source-bar\">\n        <span>HTML</span>\n        <span class=\"actions\">\n          <button type=\"button\" @click=${() => this.emit('wysiwyg-source-cancel')}>\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            class=\"primary\"\n            @click=${() => this.emit('wysiwyg-source-apply', { html: this.draft })}\n          >\n            Done\n          </button>\n        </span>\n      </div>\n      <div class=${classMap({ body: true, 'body--dragging': this.splitDragging })}>\n        <div class=\"pane pane--code\" style=\"flex: 0 0 ${this.splitRatio * 100}%\">\n          <div class=\"linenos\" part=\"line-numbers\" aria-hidden=\"true\">\n            <div class=\"linenos-inner\">${lines}</div>\n          </div>\n          <div class=\"input-wrap\">\n            <pre class=\"hl\" aria-hidden=\"true\"><code>${unsafeHTML(this.highlighted)}</code></pre>\n            <textarea\n              part=\"source-textarea\"\n              spellcheck=\"false\"\n              autocapitalize=\"off\"\n              autocomplete=\"off\"\n              wrap=\"off\"\n              .value=${this.value}\n              @input=${this.onInput}\n              @scroll=${this.onScroll}\n              @keydown=${(e: KeyboardEvent) => {\n                if (e.key === 'Escape') {\n                  e.stopPropagation();\n                  this.emit('wysiwyg-source-cancel');\n                }\n              }}\n            ></textarea>\n          </div>\n        </div>\n        <div\n          class=\"gutter\"\n          part=\"gutter\"\n          role=\"separator\"\n          aria-orientation=\"vertical\"\n          aria-label=\"Resize source and preview\"\n          title=\"Drag to resize · double-click to reset\"\n          @pointerdown=${this.startSplitDrag}\n          @dblclick=${this.resetSplit}\n        ></div>\n        <div class=\"pane pane--preview\" part=\"preview\">\n          ${this.draft.trim()\n            ? html`<nile-wysiwyg-preview .content=${preview}></nile-wysiwyg-preview>`\n            : html`<span class=\"preview-empty\">Nothing to preview</span>`}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-source-view': NileWysiwygSourceView;\n  }\n}\n"],"names":["hljs","registerLanguage","xml","NileWysiwygSourceView","_d","g","constructor","this","value","draft","splitRatio","splitDragging","startSplitDrag","e","body","bodyEl","preventDefault","rect","getBoundingClientRect","onMove","ev","width","ratio","clientX","left","Math","min","max","onUp","window","removeEventListener","addEventListener","resetSplit","onInput","target","onScroll","ta","highlightEl","style","transform","scrollLeft","scrollTop","linenosEl","_this","_inherits","_createClass","key","willUpdate","changed","has","get","currentValue","focusInput","updateComplete","then","_this2$textarea","textarea","focus","highlighted","highlight","language","_unused","replace","c","lineCount","split","length","render","_this3","preview","sanitizeHtml","lines","i","push","html","_templateObject","_taggedTemplateLiteral","_templateObject2","emit","classMap","unsafeHTML","stopPropagation","trim","_templateObject3","_templateObject4","css","_templateObject5","NileElement","__decorate","property","type","String","prototype","query","state","customElement"],"mappings":"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"}

package/dist/nile-wysiwyg-editor/ui/source-view.esm.js

@@ -1,14 +1,20 @@
-import{__decorate as e}from"tslib";import{css as t,html as r}from"lit";import{property as o,query as i,customElement as n}from"lit/decorators.js";import{N as s}from"../../internal/nile-element.esm.js";import"../../internal/accessibility/a11y.state.enum.esm.js";import"../../internal/accessibility/a11y.property.enum.esm.js";import"../../internal/accessibility/role.enum.esm.js";let a=class extends s{constructor(){super(...arguments),this.value=""}static get styles(){return[t`
+import{__decorate as e}from"tslib";import{css as t,html as i}from"lit";import{property as r,query as o,state as s,customElement as l}from"lit/decorators.js";import{classMap as n}from"lit/directives/class-map.js";import{unsafeHTML as a}from"lit/directives/unsafe-html.js";import{H as h,x as c}from"../../xml-25c4108a.esm.js";import{N as d}from"../../internal/nile-element.esm.js";import{s as p}from"../engine/sanitize.esm.js";import"./preview.esm.js";import"../../internal/accessibility/a11y.state.enum.esm.js";import"../../internal/accessibility/a11y.property.enum.esm.js";import"../../internal/accessibility/role.enum.esm.js";import"../engine/plugins/embeds.esm.js";import"../../index-6f3fa4ab.esm.js";import"../nile-wysiwyg-editor.css.esm.js";h.registerLanguage("xml",c);let g=class extends d{constructor(){super(...arguments),this.value="",this.draft="",this.splitRatio=.5,this.splitDragging=!1,this.startSplitDrag=e=>{const t=this.bodyEl;if(!t)return;e.preventDefault(),this.splitDragging=!0;const i=t.getBoundingClientRect(),r=e=>{if(0===i.width)return;const t=(e.clientX-i.left)/i.width;this.splitRatio=Math.min(.85,Math.max(.15,t))},o=()=>{this.splitDragging=!1,window.removeEventListener("pointermove",r),window.removeEventListener("pointerup",o)};window.addEventListener("pointermove",r),window.addEventListener("pointerup",o)},this.resetSplit=()=>{this.splitRatio=.5},this.onInput=e=>{this.draft=e.target.value},this.onScroll=e=>{const t=e.target;this.highlightEl&&(this.highlightEl.style.transform=`translate(${-t.scrollLeft}px, ${-t.scrollTop}px)`),this.linenosEl&&(this.linenosEl.style.transform=`translateY(${-t.scrollTop}px)`)}}static get styles(){return[t`
         :host {
-          font-family: var(
-            --nile-font-family-sans-serif,
-            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)
-          );
           display: flex;
           flex-direction: column;
+          box-sizing: border-box;
+          overflow: hidden;
+          min-height: var(--nile-wysiwyg-min-height, 200px);
+          height: var(--nile-wysiwyg-source-height, 340px);
+          max-height: var(
+            --nile-wysiwyg-source-max-height,
+            var(--nile-wysiwyg-max-height, 70vh)
+          );
+          resize: vertical;
         }
 
         .bar {
+          flex: 0 0 auto;
           display: flex;
           align-items: center;
           justify-content: space-between;
@@ -40,23 +46,190 @@ import{__decorate as e}from"tslib";import{css as t,html as r}from"lit";import{pr
           color: #ffffff;
         }
 
-        textarea {
-          flex: 1;
-          min-height: var(--nile-wysiwyg-min-height, 160px);
-          padding: 12px 16px;
-          border: none;
-          outline: none;
-          resize: vertical;
+        .body {
+          flex: 1 1 auto;
+          display: flex;
+          align-items: stretch;
+          overflow: hidden;
+          min-height: 0;
+          box-sizing: border-box;
+        }
+
+        .body--dragging {
+          cursor: col-resize;
+          user-select: none;
+          -webkit-user-select: none;
+        }
+
+        .body--dragging .pane {
+          pointer-events: none;
+        }
+
+        .pane {
+          min-width: 0;
+          min-height: 0;
+          box-sizing: border-box;
+        }
+
+        /* --- Lightweight code editor: gutter + highlighted textarea --- */
+        .pane--code {
+          display: flex;
+          background: var(--nile-colors-white-base, #ffffff);
+          /* Shared code metrics, inherited by the gutter, highlight and textarea
+             so every line lines up to the pixel. */
           font-family: var(--nile-wysiwyg-code-font, ui-monospace, SFMono-Regular, Menlo, monospace);
           font-size: 12px;
-          line-height: 1.5;
+          line-height: 18px;
+          tab-size: 2;
+          -moz-tab-size: 2;
+        }
+
+        .linenos {
+          flex: 0 0 auto;
+          overflow: hidden;
+          box-sizing: border-box;
+          padding: 12px 8px 0;
+          text-align: right;
+          color: var(--nile-colors-neutral-400, #98a2b3);
+          background: var(--nile-colors-neutral-50, #f9fafb);
+          border-right: 1px solid var(--nile-colors-neutral-200, #eaecf0);
+          user-select: none;
+        }
+
+        .linenos-inner {
+          will-change: transform;
+        }
+
+        .linenos-inner > div {
+          height: 18px;
+        }
+
+        .input-wrap {
+          position: relative;
+          flex: 1 1 0;
+          min-width: 0;
+          overflow: hidden;
+        }
+
+        /* Highlight layer and textarea share the exact same box (offset for
+           padding via top/left, extending to the edges for horizontal scroll),
+           so the coloured text sits directly under the caret. */
+        .hl,
+        textarea {
+          position: absolute;
+          top: 12px;
+          left: 16px;
+          right: 0;
+          bottom: 0;
+          margin: 0;
+          border: 0;
+          padding: 0;
+          font: inherit;
+          line-height: inherit;
+          tab-size: inherit;
+          white-space: pre;
+          word-wrap: normal;
+          overflow-wrap: normal;
+          box-sizing: border-box;
+        }
+
+        .hl {
+          overflow: hidden;
+          pointer-events: none;
           color: var(--nile-colors-neutral-900, #101828);
+        }
+
+        .hl > code {
+          display: block;
+          will-change: transform;
+        }
+
+        textarea {
+          width: auto;
+          resize: none;
+          outline: none;
+          overflow: auto;
           background: transparent;
-          box-sizing: border-box;
+          color: transparent;
+          caret-color: var(--nile-colors-neutral-900, #101828);
         }
-      `]}focusInput(){this.updateComplete.then((()=>this.textarea?.focus()))}render(){return r`
+
+        /* Must be translucent: the textarea's text is transparent and the
+           coloured code sits BEHIND it, so an opaque selection would hide the
+           text. A tint lets the highlighted code show through the selection. */
+        textarea::selection {
+          background: rgba(41, 112, 255, 0.3);
+        }
+        textarea::-moz-selection {
+          background: rgba(41, 112, 255, 0.3);
+        }
+
+        /* highlight.js token palette (Atom One Light), matching code blocks. */
+        .hl .hljs-comment,
+        .hl .hljs-quote { color: #a0a1a7; font-style: italic; }
+        .hl .hljs-keyword,
+        .hl .hljs-selector-tag,
+        .hl .hljs-doctag { color: #a626a4; }
+        .hl .hljs-name,
+        .hl .hljs-selector-id,
+        .hl .hljs-selector-class,
+        .hl .hljs-tag { color: #e45649; }
+        .hl .hljs-literal,
+        .hl .hljs-built_in { color: #0184bb; }
+        .hl .hljs-string,
+        .hl .hljs-attribute,
+        .hl .hljs-meta .hljs-string { color: #50a14f; }
+        .hl .hljs-attr,
+        .hl .hljs-variable,
+        .hl .hljs-type,
+        .hl .hljs-number { color: #986801; }
+        .hl .hljs-symbol,
+        .hl .hljs-meta,
+        .hl .hljs-title { color: #4078f2; }
+
+        /* Draggable divider between the code and preview panes. */
+        .gutter {
+          flex: 0 0 auto;
+          position: relative;
+          width: 1px;
+          align-self: stretch;
+          background: var(--nile-colors-neutral-300, #e4e7ec);
+          cursor: col-resize;
+          touch-action: none;
+        }
+
+        .gutter::before {
+          content: '';
+          position: absolute;
+          inset: 0 -4px;
+        }
+
+        .gutter:hover,
+        .body--dragging .gutter {
+          background: var(--ng-colors-bg-brand-primary, #2970ff);
+        }
+
+        .pane--preview {
+          flex: 1 1 0;
+          overflow: auto;
+          border-left: 1px solid var(--nile-colors-neutral-200, #eaecf0);
+          background: var(--nile-colors-white-base, #ffffff);
+        }
+
+        nile-wysiwyg-preview {
+          display: block;
+        }
+
+        .preview-empty {
+          display: block;
+          padding: 12px 16px;
+          color: var(--nile-colors-neutral-500, #98a2b3);
+          font-size: 12px;
+          opacity: 0.7;
+        }
+      `]}willUpdate(e){e.has("value")&&(this.draft=this.value)}get currentValue(){return this.draft}focusInput(){this.updateComplete.then((()=>this.textarea?.focus()))}get highlighted(){if(!this.draft)return"";try{return h.highlight(this.draft,{language:"xml"}).value}catch{return this.draft.replace(/[&<>]/g,(e=>({"&":"&amp;","<":"&lt;",">":"&gt;"}[e])))}}get lineCount(){return this.draft?this.draft.split("\n").length:1}render(){const e=p(this.draft),t=[];for(let e=1;e<=this.lineCount;e+=1)t.push(i`<div>${e}</div>`);return i`
       <div class="bar" part="source-bar">
-        <span>HTML source</span>
+        <span>HTML</span>
         <span class="actions">
           <button type="button" @click=${()=>this.emit("wysiwyg-source-cancel")}>
             Cancel
@@ -64,16 +237,44 @@ import{__decorate as e}from"tslib";import{css as t,html as r}from"lit";import{pr
           <button
             type="button"
             class="primary"
-            @click=${()=>this.emit("wysiwyg-source-apply",{html:this.textarea?.value??""})}
+            @click=${()=>this.emit("wysiwyg-source-apply",{html:this.draft})}
           >
             Done
           </button>
         </span>
       </div>
-      <textarea
-        part="source-textarea"
-        spellcheck="false"
-        .value=${this.value}
-        @keydown=${e=>{"Escape"===e.key&&(e.stopPropagation(),this.emit("wysiwyg-source-cancel"))}}
-      ></textarea>
-    `}};e([o({type:String})],a.prototype,"value",void 0),e([i("textarea")],a.prototype,"textarea",void 0),a=e([n("nile-wysiwyg-source-view")],a);
+      <div class=${n({body:!0,"body--dragging":this.splitDragging})}>
+        <div class="pane pane--code" style="flex: 0 0 ${100*this.splitRatio}%">
+          <div class="linenos" part="line-numbers" aria-hidden="true">
+            <div class="linenos-inner">${t}</div>
+          </div>
+          <div class="input-wrap">
+            <pre class="hl" aria-hidden="true"><code>${a(this.highlighted)}</code></pre>
+            <textarea
+              part="source-textarea"
+              spellcheck="false"
+              autocapitalize="off"
+              autocomplete="off"
+              wrap="off"
+              .value=${this.value}
+              @input=${this.onInput}
+              @scroll=${this.onScroll}
+              @keydown=${e=>{"Escape"===e.key&&(e.stopPropagation(),this.emit("wysiwyg-source-cancel"))}}
+            ></textarea>
+          </div>
+        </div>
+        <div
+          class="gutter"
+          part="gutter"
+          role="separator"
+          aria-orientation="vertical"
+          aria-label="Resize source and preview"
+          title="Drag to resize · double-click to reset"
+          @pointerdown=${this.startSplitDrag}
+          @dblclick=${this.resetSplit}
+        ></div>
+        <div class="pane pane--preview" part="preview">
+          ${this.draft.trim()?i`<nile-wysiwyg-preview .content=${e}></nile-wysiwyg-preview>`:i`<span class="preview-empty">Nothing to preview</span>`}
+        </div>
+      </div>
+    `}};e([r({type:String})],g.prototype,"value",void 0),e([o("textarea")],g.prototype,"textarea",void 0),e([o(".hl > code")],g.prototype,"highlightEl",void 0),e([o(".linenos-inner")],g.prototype,"linenosEl",void 0),e([o(".body")],g.prototype,"bodyEl",void 0),e([s()],g.prototype,"draft",void 0),e([s()],g.prototype,"splitRatio",void 0),e([s()],g.prototype,"splitDragging",void 0),g=e([l("nile-wysiwyg-source-view")],g);

package/dist/nile-wysiwyg-editor/ui/suggest-list.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","../../internal/nile-element.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var i,t,s,e,r,o,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){t=_lit.css;s=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;r=_litDecoratorsJs.state;o=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){a=/*#__PURE__*/function(_n){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.open=!1,_this.items=[],_this.activeIndex=0;return _this;}_inherits(a,_n);return _createClass(a,[{key:"willUpdate",value:function willUpdate(){this.activeIndex>=this.items.length&&(this.activeIndex=0);}},{key:"next",value:function next(){this.items.length&&(this.activeIndex=(this.activeIndex+1)%this.items.length);}},{key:"prev",value:function prev(){this.items.length&&(this.activeIndex=(this.activeIndex-1+this.items.length)%this.items.length);}},{key:"resetActive",value:function resetActive(){this.activeIndex=0;}},{key:"selectCurrent",value:function selectCurrent(){var i=this.items[this.activeIndex];return!!i&&(this.emit("wysiwyg-suggest-select",{item:i}),!0);}},{key:"render",value:function render(){var _this2=this;return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"list\" part=\"suggest-list\" @mousedown=",">\n        ","\n      </div>\n    "])),function(i){return i.preventDefault();},this.items.length?this.items.map(function(i,t){return s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n                <div\n                  class=\"item ","\"\n                  @mouseenter=","\n                  @click=","\n                >\n                  <span>","</span>\n                  ","\n                </div>\n              "])),t===_this2.activeIndex?"active":"",function(){_this2.activeIndex=t;},function(){return _this2.selectCurrent();},i.label,i.hint?s(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<span class=\"hint\">","</span>"])),i.hint):"");}):s(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<div class=\"empty\">No results</div>"]))));}}],[{key:"styles",get:function get(){return[t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 25;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .list {\n          min-width: 200px;\n          max-width: 320px;\n          max-height: 240px;\n          overflow-y: auto;\n          padding: 4px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n          font-size: 13px;\n        }\n\n        .item {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 12px;\n          padding: 6px 8px;\n          border-radius: 5px;\n          cursor: pointer;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        .item.active {\n          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50, #eff4ff));\n          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700, #1d4ed8));\n        }\n\n        .hint {\n          font-size: 11px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n        }\n\n        .empty {\n          padding: 6px 8px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n        }\n      "])))];}}]);}(n);i([e({type:Boolean,reflect:!0})],a.prototype,"open",void 0),i([e({attribute:!1})],a.prototype,"items",void 0),i([r()],a.prototype,"activeIndex",void 0),a=i([o("nile-wysiwyg-suggest-list")],a);}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","../../internal/nile-element.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,i,s,e,r,o,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.css;s=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;r=_litDecoratorsJs.state;o=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){a=/*#__PURE__*/function(_n){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.open=!1,_this.items=[],_this.activeIndex=0;return _this;}_inherits(a,_n);return _createClass(a,[{key:"willUpdate",value:function willUpdate(){this.activeIndex>=this.items.length&&(this.activeIndex=0);}},{key:"updated",value:function updated(t){if(t.has("activeIndex")||t.has("items")){var _t=this.renderRoot.querySelector(".item.active");_t===null||_t===void 0||_t.scrollIntoView({block:"nearest"});}}},{key:"next",value:function next(){this.items.length&&(this.activeIndex=(this.activeIndex+1)%this.items.length);}},{key:"prev",value:function prev(){this.items.length&&(this.activeIndex=(this.activeIndex-1+this.items.length)%this.items.length);}},{key:"resetActive",value:function resetActive(){this.activeIndex=0;}},{key:"selectCurrent",value:function selectCurrent(){var t=this.items[this.activeIndex];return!!t&&(this.emit("wysiwyg-suggest-select",{item:t}),!0);}},{key:"render",value:function render(){var _this2=this;return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"list\" part=\"suggest-list\" @mousedown=",">\n        ","\n      </div>\n    "])),function(t){return t.preventDefault();},this.items.length?this.items.map(function(t,i){return s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n                <div\n                  class=\"item ","\"\n                  @mouseenter=","\n                  @click=","\n                >\n                  <span>","</span>\n                  ","\n                </div>\n              "])),i===_this2.activeIndex?"active":"",function(){_this2.activeIndex=i;},function(){return _this2.selectCurrent();},t.label,t.hint?s(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<span class=\"hint\">","</span>"])),t.hint):"");}):s(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<div class=\"empty\">No results</div>"]))));}}],[{key:"styles",get:function get(){return[i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 25;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .list {\n          min-width: 200px;\n          max-width: 320px;\n          max-height: 240px;\n          overflow-y: auto;\n          padding: 4px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n          font-size: 13px;\n        }\n\n        .item {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 12px;\n          padding: 6px 8px;\n          border-radius: 5px;\n          cursor: pointer;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        .item.active {\n          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50, #eff4ff));\n          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700, #1d4ed8));\n        }\n\n        .hint {\n          font-size: 11px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n        }\n\n        .empty {\n          padding: 6px 8px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n        }\n      "])))];}}]);}(n);t([e({type:Boolean,reflect:!0})],a.prototype,"open",void 0),t([e({attribute:!1})],a.prototype,"items",void 0),t([r()],a.prototype,"activeIndex",void 0),a=t([o("nile-wysiwyg-suggest-list")],a);}};});
 //# sourceMappingURL=suggest-list.cjs.js.map

package/dist/nile-wysiwyg-editor/ui/suggest-list.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"suggest-list.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/suggest-list.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\n\nexport interface SuggestItem {\n  key: string;\n  label: string;\n  /** Secondary text shown right-aligned (e.g. slash-command hint). */\n  hint?: string;\n}\n\n/**\n * Keyboard-navigable suggestion popup shared by mentions and slash commands.\n * The host positions it, feeds `items`, and drives navigation through\n * next()/prev()/selectCurrent(); picking an item emits\n * `wysiwyg-suggest-select` with the item.\n */\n@customElement('nile-wysiwyg-suggest-list')\nexport class NileWysiwygSuggestList extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ attribute: false }) items: SuggestItem[] = [];\n\n  @state() private activeIndex = 0;\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 25;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .list {\n          min-width: 200px;\n          max-width: 320px;\n          max-height: 240px;\n          overflow-y: auto;\n          padding: 4px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n          font-size: 13px;\n        }\n\n        .item {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 12px;\n          padding: 6px 8px;\n          border-radius: 5px;\n          cursor: pointer;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        .item.active {\n          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50, #eff4ff));\n          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700, #1d4ed8));\n        }\n\n        .hint {\n          font-size: 11px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n        }\n\n        .empty {\n          padding: 6px 8px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n        }\n      `,\n    ];\n  }\n\n  protected willUpdate(): void {\n    if (this.activeIndex >= this.items.length) this.activeIndex = 0;\n  }\n\n  public next(): void {\n    if (this.items.length) this.activeIndex = (this.activeIndex + 1) % this.items.length;\n  }\n\n  public prev(): void {\n    if (this.items.length) {\n      this.activeIndex = (this.activeIndex - 1 + this.items.length) % this.items.length;\n    }\n  }\n\n  public resetActive(): void {\n    this.activeIndex = 0;\n  }\n\n  public selectCurrent(): boolean {\n    const item = this.items[this.activeIndex];\n    if (!item) return false;\n    this.emit('wysiwyg-suggest-select', { item });\n    return true;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"list\" part=\"suggest-list\" @mousedown=${(e: Event) => e.preventDefault()}>\n        ${this.items.length\n          ? this.items.map(\n              (item, index) => html`\n                <div\n                  class=\"item ${index === this.activeIndex ? 'active' : ''}\"\n                  @mouseenter=${() => {\n                    this.activeIndex = index;\n                  }}\n                  @click=${() => this.selectCurrent()}\n                >\n                  <span>${item.label}</span>\n                  ${item.hint ? html`<span class=\"hint\">${item.hint}</span>` : ''}\n                </div>\n              `\n            )\n          : html`<div class=\"empty\">No results</div>`}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-suggest-list': NileWysiwygSuggestList;\n  }\n}\n"],"names":["NileWysiwygSuggestList","a","constructor","this","open","items","activeIndex","_this","_inherits","_n","_createClass","key","value","willUpdate","length","next","prev","resetActive","selectCurrent","item","emit","render","html","_templateObject","_taggedTemplateLiteral","e","preventDefault","map","index","_templateObject2","label","hint","_templateObject3","_templateObject4","get","css","_templateObject5","NileElement","__decorate","property","type","Boolean","reflect","prototype","attribute","state","customElement"],"mappings":"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"}
+{"version":3,"file":"suggest-list.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/suggest-list.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\n\nexport interface SuggestItem {\n  key: string;\n  label: string;\n  /** Secondary text shown right-aligned (e.g. slash-command hint). */\n  hint?: string;\n}\n\n/**\n * Keyboard-navigable suggestion popup shared by mentions and slash commands.\n * The host positions it, feeds `items`, and drives navigation through\n * next()/prev()/selectCurrent(); picking an item emits\n * `wysiwyg-suggest-select` with the item.\n */\n@customElement('nile-wysiwyg-suggest-list')\nexport class NileWysiwygSuggestList extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ attribute: false }) items: SuggestItem[] = [];\n\n  @state() private activeIndex = 0;\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 25;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .list {\n          min-width: 200px;\n          max-width: 320px;\n          max-height: 240px;\n          overflow-y: auto;\n          padding: 4px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n          font-size: 13px;\n        }\n\n        .item {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 12px;\n          padding: 6px 8px;\n          border-radius: 5px;\n          cursor: pointer;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        .item.active {\n          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50, #eff4ff));\n          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700, #1d4ed8));\n        }\n\n        .hint {\n          font-size: 11px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n        }\n\n        .empty {\n          padding: 6px 8px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n        }\n      `,\n    ];\n  }\n\n  protected willUpdate(): void {\n    if (this.activeIndex >= this.items.length) this.activeIndex = 0;\n  }\n\n  protected updated(changed: Map<string, unknown>): void {\n    // Keep the highlighted item visible as the user arrows through a list\n    // that overflows the popup's max-height. `nearest` is a no-op when the\n    // item is already visible (e.g. after a hover), so it never fights the mouse.\n    if (changed.has('activeIndex') || changed.has('items')) {\n      const active = this.renderRoot.querySelector('.item.active');\n      (active as HTMLElement | null)?.scrollIntoView({ block: 'nearest' });\n    }\n  }\n\n  public next(): void {\n    if (this.items.length) this.activeIndex = (this.activeIndex + 1) % this.items.length;\n  }\n\n  public prev(): void {\n    if (this.items.length) {\n      this.activeIndex = (this.activeIndex - 1 + this.items.length) % this.items.length;\n    }\n  }\n\n  public resetActive(): void {\n    this.activeIndex = 0;\n  }\n\n  public selectCurrent(): boolean {\n    const item = this.items[this.activeIndex];\n    if (!item) return false;\n    this.emit('wysiwyg-suggest-select', { item });\n    return true;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"list\" part=\"suggest-list\" @mousedown=${(e: Event) => e.preventDefault()}>\n        ${this.items.length\n          ? this.items.map(\n              (item, index) => html`\n                <div\n                  class=\"item ${index === this.activeIndex ? 'active' : ''}\"\n                  @mouseenter=${() => {\n                    this.activeIndex = index;\n                  }}\n                  @click=${() => this.selectCurrent()}\n                >\n                  <span>${item.label}</span>\n                  ${item.hint ? html`<span class=\"hint\">${item.hint}</span>` : ''}\n                </div>\n              `\n            )\n          : html`<div class=\"empty\">No results</div>`}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-suggest-list': NileWysiwygSuggestList;\n  }\n}\n"],"names":["NileWysiwygSuggestList","a","constructor","this","open","items","activeIndex","_this","_inherits","_n","_createClass","key","value","willUpdate","length","updated","changed","has","active","renderRoot","querySelector","scrollIntoView","block","next","prev","resetActive","selectCurrent","item","emit","t","render","html","_templateObject","_taggedTemplateLiteral","e","preventDefault","map","index","_templateObject2","label","hint","_templateObject3","_templateObject4","get","css","_templateObject5","NileElement","__decorate","property","type","Boolean","reflect","prototype","attribute","state","customElement"],"mappings":"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"}

package/dist/nile-wysiwyg-editor/ui/suggest-list.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import{css as t,html as s}from"lit";import{property as e,state as r,customElement as o}from"lit/decorators.js";import{N as n}from"../../internal/nile-element.esm.js";import"../../internal/accessibility/a11y.state.enum.esm.js";import"../../internal/accessibility/a11y.property.enum.esm.js";import"../../internal/accessibility/role.enum.esm.js";let a=class extends n{constructor(){super(...arguments),this.open=!1,this.items=[],this.activeIndex=0}static get styles(){return[t`
+import{__decorate as t}from"tslib";import{css as i,html as s}from"lit";import{property as e,state as r,customElement as o}from"lit/decorators.js";import{N as n}from"../../internal/nile-element.esm.js";import"../../internal/accessibility/a11y.state.enum.esm.js";import"../../internal/accessibility/a11y.property.enum.esm.js";import"../../internal/accessibility/role.enum.esm.js";let a=class extends n{constructor(){super(...arguments),this.open=!1,this.items=[],this.activeIndex=0}static get styles(){return[i`
         :host {
           font-family: var(
             --nile-font-family-sans-serif,
@@ -51,17 +51,17 @@ import{__decorate as i}from"tslib";import{css as t,html as s}from"lit";import{pr
           padding: 6px 8px;
           color: var(--nile-colors-neutral-500, #98a2b3);
         }
-      `]}willUpdate(){this.activeIndex>=this.items.length&&(this.activeIndex=0)}next(){this.items.length&&(this.activeIndex=(this.activeIndex+1)%this.items.length)}prev(){this.items.length&&(this.activeIndex=(this.activeIndex-1+this.items.length)%this.items.length)}resetActive(){this.activeIndex=0}selectCurrent(){const i=this.items[this.activeIndex];return!!i&&(this.emit("wysiwyg-suggest-select",{item:i}),!0)}render(){return s`
-      <div class="list" part="suggest-list" @mousedown=${i=>i.preventDefault()}>
-        ${this.items.length?this.items.map(((i,t)=>s`
+      `]}willUpdate(){this.activeIndex>=this.items.length&&(this.activeIndex=0)}updated(t){if(t.has("activeIndex")||t.has("items")){const t=this.renderRoot.querySelector(".item.active");t?.scrollIntoView({block:"nearest"})}}next(){this.items.length&&(this.activeIndex=(this.activeIndex+1)%this.items.length)}prev(){this.items.length&&(this.activeIndex=(this.activeIndex-1+this.items.length)%this.items.length)}resetActive(){this.activeIndex=0}selectCurrent(){const t=this.items[this.activeIndex];return!!t&&(this.emit("wysiwyg-suggest-select",{item:t}),!0)}render(){return s`
+      <div class="list" part="suggest-list" @mousedown=${t=>t.preventDefault()}>
+        ${this.items.length?this.items.map(((t,i)=>s`
                 <div
-                  class="item ${t===this.activeIndex?"active":""}"
-                  @mouseenter=${()=>{this.activeIndex=t}}
+                  class="item ${i===this.activeIndex?"active":""}"
+                  @mouseenter=${()=>{this.activeIndex=i}}
                   @click=${()=>this.selectCurrent()}
                 >
-                  <span>${i.label}</span>
-                  ${i.hint?s`<span class="hint">${i.hint}</span>`:""}
+                  <span>${t.label}</span>
+                  ${t.hint?s`<span class="hint">${t.hint}</span>`:""}
                 </div>
               `)):s`<div class="empty">No results</div>`}
       </div>
-    `}};i([e({type:Boolean,reflect:!0})],a.prototype,"open",void 0),i([e({attribute:!1})],a.prototype,"items",void 0),i([r()],a.prototype,"activeIndex",void 0),a=i([o("nile-wysiwyg-suggest-list")],a);
+    `}};t([e({type:Boolean,reflect:!0})],a.prototype,"open",void 0),t([e({attribute:!1})],a.prototype,"items",void 0),t([r()],a.prototype,"activeIndex",void 0),a=t([o("nile-wysiwyg-suggest-list")],a);

package/dist/nile-wysiwyg-editor/ui/table-grid-picker.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","../../internal/nile-element.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var e,i,r,t,s,o,l,_templateObject,_templateObject2,_templateObject3,_templateObject4,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){i=_lit.css;r=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;s=_litDecoratorsJs.state;o=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){a=/*#__PURE__*/function(_l){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.disabled=!1,_this.open=!1,_this.hoverRows=0,_this.hoverCols=0,_this.handleOutside=function(e){_this.open&&!e.composedPath().includes(_assertThisInitialized(_this))&&(_this.open=!1);};return _this;}_inherits(a,_l);return _createClass(a,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(a,"connectedCallback",this,3)([]),document.addEventListener("mousedown",this.handleOutside);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(a,"disconnectedCallback",this,3)([]),document.removeEventListener("mousedown",this.handleOutside);}},{key:"pick",value:function pick(e,i){this.open=!1,this.emit("wysiwyg-command",{name:"insertTable",attrs:{rows:e,cols:i,withHeaderRow:!0}});}},{key:"render",value:function render(){var _this2=this;var e=[];var _loop=function _loop(_i){var _loop2=function _loop2(_t){e.push(r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n          <span\n            class=\"cell ","\"\n            @mouseenter=","\n            @click=","\n          ></span>\n        "])),_i<=_this2.hoverRows&&_t<=_this2.hoverCols?"hot":"",function(){_this2.hoverRows=_i,_this2.hoverCols=_t;},function(){return _this2.pick(_i,_t);}));};for(var _t=1;_t<=10;_t+=1){_loop2(_t);}};for(var _i=1;_i<=8;_i+=1){_loop(_i);}return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <button\n        type=\"button\"\n        class=\"trigger\"\n        part=\"button\"\n        aria-label=\"Insert table\"\n        aria-expanded=","\n        ?disabled=","\n        @mousedown=","\n        @click=","\n      >\n        <nile-glyph name=\"grid-01\" size=\"18\" method=\"stroke\"></nile-glyph>\n      </button>\n      ","\n    "])),this.open?"true":"false",this.disabled,function(e){return e.preventDefault();},function(){_this2.open=!_this2.open,_this2.hoverRows=0,_this2.hoverCols=0;},this.open?r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <div class=\"panel\" @mousedown=",">\n              <div class=\"grid\">","</div>\n              <div class=\"label\">\n                ","\n              </div>\n            </div>\n          "])),function(e){return e.preventDefault();},e,this.hoverRows>0?"".concat(this.hoverRows," \xD7 ").concat(this.hoverCols):"Pick a size"):"");}}],[{key:"styles",get:function get(){return[i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: relative;\n          display: inline-flex;\n        }\n\n        button.trigger {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          width: 32px;\n          height: 32px;\n          padding: 0 6px;\n          box-sizing: border-box;\n          border: none;\n          border-radius: var(--nile-radius-radius-lg, var(--ng-radius-md, 8px));\n          background: transparent;\n          cursor: pointer;\n          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900, #101828));\n        }\n\n        button.trigger:hover:not(:disabled) {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n\n        button.trigger:disabled {\n          opacity: 0.4;\n          cursor: default;\n        }\n\n        .panel {\n          position: absolute;\n          top: calc(100% + 4px);\n          left: 0;\n          z-index: 30;\n          padding: 8px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        .grid {\n          display: grid;\n          grid-template-columns: repeat(",", 14px);\n          gap: 2px;\n        }\n\n        .cell {\n          width: 14px;\n          height: 14px;\n          border: 1px solid var(--nile-colors-neutral-300, #d0d5dd);\n          border-radius: 2px;\n          box-sizing: border-box;\n          cursor: pointer;\n        }\n\n        .cell.hot {\n          background: var(--nile-colors-primary-100, var(--ng-componentcolors-utility-blue-100, #dbeafe));\n          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n        }\n\n        .label {\n          margin-top: 6px;\n          text-align: center;\n          font-size: 12px;\n          color: var(--nile-colors-neutral-600, #475467);\n        }\n      "])),10)];}}]);}(l);e([t({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0),e([s()],a.prototype,"open",void 0),e([s()],a.prototype,"hoverRows",void 0),e([s()],a.prototype,"hoverCols",void 0),a=e([o("nile-wysiwyg-table-picker")],a);}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","../../internal/nile-element.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,e,i,r,o,s,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.css;i=_lit.html;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;o=_litDecoratorsJs.state;s=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){a=/*#__PURE__*/function(_n){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.disabled=!1,_this.maxRows=20,_this.maxCols=20,_this.open=!1,_this.hoverRows=0,_this.hoverCols=0,_this.customRows="",_this.customCols="",_this.handleOutside=function(t){_this.open&&!t.composedPath().includes(_assertThisInitialized(_this))&&(_this.open=!1);};return _this;}_inherits(a,_n);return _createClass(a,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(a,"connectedCallback",this,3)([]),document.addEventListener("mousedown",this.handleOutside);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(a,"disconnectedCallback",this,3)([]),document.removeEventListener("mousedown",this.handleOutside);}},{key:"pick",value:function pick(t,e){this.open=!1,this.customRows="",this.customCols="",this.emit("wysiwyg-command",{name:"insertTable",attrs:{rows:t,cols:e,withHeaderRow:!0}});}},{key:"clamp",value:function clamp(t,e){var i=parseInt(t,10);return!Number.isFinite(i)||i<1?0:Math.min(i,e);}},{key:"insertCustom",value:function insertCustom(){var t=this.clamp(this.customRows,this.maxRows),e=this.clamp(this.customCols,this.maxCols);t>=1&&e>=1&&this.pick(t,e);}},{key:"render",value:function render(){var _this2=this;var t=Math.min(Math.max(5,this.hoverRows+1),this.maxRows),e=Math.min(Math.max(5,this.hoverCols+1),this.maxCols),r=[];var _loop=function _loop(_o){var _loop2=function _loop2(_t){r.push(i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n          <span\n            class=\"cell ","\"\n            @mouseenter=","\n            @click=","\n          ></span>\n        "])),_o<=_this2.hoverRows&&_t<=_this2.hoverCols?"hot":"",function(){_this2.hoverRows=_o,_this2.hoverCols=_t;},function(){return _this2.pick(_o,_t);}));};for(var _t=1;_t<=e;_t+=1){_loop2(_t);}};for(var _o=1;_o<=t;_o+=1){_loop(_o);}var o=this.clamp(this.customRows,this.maxRows)>=1&&this.clamp(this.customCols,this.maxCols)>=1;return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <button\n        type=\"button\"\n        class=\"trigger\"\n        part=\"button\"\n        aria-label=\"Insert table\"\n        aria-expanded=","\n        ?disabled=","\n        @mousedown=","\n        @click=","\n      >\n        <nile-glyph name=\"grid-01\" size=\"18\" method=\"stroke\"></nile-glyph>\n      </button>\n      ","\n    "])),this.open?"true":"false",this.disabled,function(t){return t.preventDefault();},function(){_this2.open=!_this2.open,_this2.hoverRows=0,_this2.hoverCols=0;},this.open?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <div class=\"panel\">\n              <div\n                class=\"grid\"\n                style=\"grid-template-columns: repeat(",", 14px)\"\n                @mousedown=","\n                @mouseleave=","\n              >\n                ","\n              </div>\n              <div class=\"label\" @mousedown=",">\n                ","\n              </div>\n              <div class=\"custom\">\n                <input\n                  type=\"number\"\n                  min=\"1\"\n                  max=","\n                  aria-label=\"Rows\"\n                  placeholder=\"Rows\"\n                  .value=","\n                  @input=","\n                  @keydown=","\n                />\n                <span class=\"times\">\xD7</span>\n                <input\n                  type=\"number\"\n                  min=\"1\"\n                  max=","\n                  aria-label=\"Columns\"\n                  placeholder=\"Cols\"\n                  .value=","\n                  @input=","\n                  @keydown=","\n                />\n                <button\n                  type=\"button\"\n                  class=\"insert\"\n                  ?disabled=","\n                  @click=","\n                >\n                  Insert\n                </button>\n              </div>\n            </div>\n          "])),e,function(t){return t.preventDefault();},function(){_this2.hoverRows=0,_this2.hoverCols=0;},r,function(t){return t.preventDefault();},this.hoverRows>0?"".concat(this.hoverRows," \xD7 ").concat(this.hoverCols):"Pick a size",this.maxRows,this.customRows,function(t){_this2.customRows=t.target.value;},function(t){"Enter"===t.key&&_this2.insertCustom();},this.maxCols,this.customCols,function(t){_this2.customCols=t.target.value;},function(t){"Enter"===t.key&&_this2.insertCustom();},!o,function(){return _this2.insertCustom();}):"");}}],[{key:"styles",get:function get(){return[e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: relative;\n          display: inline-flex;\n        }\n\n        button.trigger {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          width: 32px;\n          height: 32px;\n          padding: 0 6px;\n          box-sizing: border-box;\n          border: none;\n          border-radius: var(--nile-radius-radius-lg, var(--ng-radius-md, 8px));\n          background: transparent;\n          cursor: pointer;\n          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900, #101828));\n        }\n\n        button.trigger:hover:not(:disabled) {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n\n        button.trigger:disabled {\n          opacity: 0.4;\n          cursor: default;\n        }\n\n        .panel {\n          position: absolute;\n          top: calc(100% + 4px);\n          left: 0;\n          z-index: 30;\n          padding: 8px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        .grid {\n          display: grid;\n          gap: 2px;\n        }\n\n        .cell {\n          width: 14px;\n          height: 14px;\n          border: 1px solid var(--nile-colors-neutral-300, #d0d5dd);\n          border-radius: 2px;\n          box-sizing: border-box;\n          cursor: pointer;\n        }\n\n        .cell.hot {\n          background: var(--nile-colors-primary-100, var(--ng-componentcolors-utility-blue-100, #dbeafe));\n          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n        }\n\n        .label {\n          margin-top: 6px;\n          text-align: center;\n          font-size: 12px;\n          color: var(--nile-colors-neutral-600, #475467);\n        }\n\n        .custom {\n          display: flex;\n          align-items: center;\n          gap: 6px;\n          margin-top: 8px;\n          padding-top: 8px;\n          border-top: 1px solid var(--nile-colors-neutral-300, #e4e7ec);\n        }\n\n        .custom input {\n          width: 44px;\n          height: 26px;\n          padding: 0 6px;\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 6px;\n          font-size: 12px;\n          box-sizing: border-box;\n          text-align: center;\n          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900, #101828));\n          font-family: inherit;\n          /* Hide native number spinners: they overlap the centered text in this\n             narrow field and a stray click on the arrows mutates the value. */\n          -moz-appearance: textfield;\n          appearance: textfield;\n        }\n\n        .custom input::-webkit-outer-spin-button,\n        .custom input::-webkit-inner-spin-button {\n          -webkit-appearance: none;\n          margin: 0;\n        }\n\n        .custom input:focus {\n          outline: none;\n          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n        }\n\n        .custom .times {\n          font-size: 12px;\n          color: var(--nile-colors-neutral-600, #475467);\n        }\n\n        .custom button.insert {\n          margin-left: auto;\n          height: 26px;\n          padding: 0 12px;\n          border: none;\n          border-radius: 6px;\n          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n          color: #ffffff;\n          font-size: 12px;\n          font-weight: 600;\n          font-family: inherit;\n          cursor: pointer;\n        }\n\n        .custom button.insert:hover:not(:disabled) {\n          background: var(--nile-colors-primary-700, #1d4ed8);\n        }\n\n        .custom button.insert:disabled {\n          opacity: 0.4;\n          cursor: default;\n        }\n      "])))];}}]);}(n);t([r({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0),t([r({type:Number,attribute:"max-rows",reflect:!0})],a.prototype,"maxRows",void 0),t([r({type:Number,attribute:"max-cols",reflect:!0})],a.prototype,"maxCols",void 0),t([o()],a.prototype,"open",void 0),t([o()],a.prototype,"hoverRows",void 0),t([o()],a.prototype,"hoverCols",void 0),t([o()],a.prototype,"customRows",void 0),t([o()],a.prototype,"customCols",void 0),a=t([s("nile-wysiwyg-table-picker")],a);}};});
 //# sourceMappingURL=table-grid-picker.cjs.js.map

package/dist/nile-wysiwyg-editor/ui/table-grid-picker.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-grid-picker.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/table-grid-picker.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\n\nconst MAX_ROWS = 8;\nconst MAX_COLS = 10;\n\n/**\n * Toolbar item: a table button that opens an N×M hover grid. Picking a cell\n * emits `wysiwyg-command` with `insertTable { rows, cols }`.\n */\n@customElement('nile-wysiwyg-table-picker')\nexport class NileWysiwygTablePicker extends NileElement {\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @state() private open = false;\n\n  @state() private hoverRows = 0;\n\n  @state() private hoverCols = 0;\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: relative;\n          display: inline-flex;\n        }\n\n        button.trigger {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          width: 32px;\n          height: 32px;\n          padding: 0 6px;\n          box-sizing: border-box;\n          border: none;\n          border-radius: var(--nile-radius-radius-lg, var(--ng-radius-md, 8px));\n          background: transparent;\n          cursor: pointer;\n          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900, #101828));\n        }\n\n        button.trigger:hover:not(:disabled) {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n\n        button.trigger:disabled {\n          opacity: 0.4;\n          cursor: default;\n        }\n\n        .panel {\n          position: absolute;\n          top: calc(100% + 4px);\n          left: 0;\n          z-index: 30;\n          padding: 8px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        .grid {\n          display: grid;\n          grid-template-columns: repeat(${MAX_COLS}, 14px);\n          gap: 2px;\n        }\n\n        .cell {\n          width: 14px;\n          height: 14px;\n          border: 1px solid var(--nile-colors-neutral-300, #d0d5dd);\n          border-radius: 2px;\n          box-sizing: border-box;\n          cursor: pointer;\n        }\n\n        .cell.hot {\n          background: var(--nile-colors-primary-100, var(--ng-componentcolors-utility-blue-100, #dbeafe));\n          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n        }\n\n        .label {\n          margin-top: 6px;\n          text-align: center;\n          font-size: 12px;\n          color: var(--nile-colors-neutral-600, #475467);\n        }\n      `,\n    ];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener('mousedown', this.handleOutside);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('mousedown', this.handleOutside);\n  }\n\n  private handleOutside = (event: MouseEvent): void => {\n    if (this.open && !event.composedPath().includes(this)) this.open = false;\n  };\n\n  private pick(rows: number, cols: number): void {\n    this.open = false;\n    this.emit('wysiwyg-command', {\n      name: 'insertTable',\n      attrs: { rows, cols, withHeaderRow: true },\n    });\n  }\n\n  public render(): TemplateResult {\n    const cells: TemplateResult[] = [];\n    for (let r = 1; r <= MAX_ROWS; r += 1) {\n      for (let c = 1; c <= MAX_COLS; c += 1) {\n        cells.push(html`\n          <span\n            class=\"cell ${r <= this.hoverRows && c <= this.hoverCols ? 'hot' : ''}\"\n            @mouseenter=${() => {\n              this.hoverRows = r;\n              this.hoverCols = c;\n            }}\n            @click=${() => this.pick(r, c)}\n          ></span>\n        `);\n      }\n    }\n    return html`\n      <button\n        type=\"button\"\n        class=\"trigger\"\n        part=\"button\"\n        aria-label=\"Insert table\"\n        aria-expanded=${this.open ? 'true' : 'false'}\n        ?disabled=${this.disabled}\n        @mousedown=${(e: Event) => e.preventDefault()}\n        @click=${() => {\n          this.open = !this.open;\n          this.hoverRows = 0;\n          this.hoverCols = 0;\n        }}\n      >\n        <nile-glyph name=\"grid-01\" size=\"18\" method=\"stroke\"></nile-glyph>\n      </button>\n      ${this.open\n        ? html`\n            <div class=\"panel\" @mousedown=${(e: Event) => e.preventDefault()}>\n              <div class=\"grid\">${cells}</div>\n              <div class=\"label\">\n                ${this.hoverRows > 0 ? `${this.hoverRows} × ${this.hoverCols}` : 'Pick a size'}\n              </div>\n            </div>\n          `\n        : ''}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-table-picker': NileWysiwygTablePicker;\n  }\n}\n"],"names":["NileWysiwygTablePicker","_l","a","this","disabled","open","hoverRows","hoverCols","handleOutside","event","composedPath","includes","_this","_inherits","_createClass","key","value","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","pick","rows","cols","emit","name","attrs","withHeaderRow","render","_this2","cells","_loop","_i","_loop2","_t","push","html","_templateObject3","_taggedTemplateLiteral","r","c","_templateObject","e","preventDefault","_templateObject2","concat","get","styles","css","_templateObject4","NileElement","__decorate","property","type","Boolean","reflect","prototype","state","customElement"],"mappings":"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"}
+{"version":3,"file":"table-grid-picker.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/table-grid-picker.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\n\n/** Smallest grid shown before the pointer starts expanding it. */\nconst MIN_ROWS = 5;\nconst MIN_COLS = 5;\n\n/**\n * Toolbar item: a table button that opens a hover grid which auto-expands as\n * the pointer reaches the last row/column (up to `maxRows`×`maxCols`), plus a\n * \"Custom\" rows×cols input for larger tables. Picking a cell or confirming the\n * custom size emits `wysiwyg-command` with `insertTable { rows, cols }`.\n */\n@customElement('nile-wysiwyg-table-picker')\nexport class NileWysiwygTablePicker extends NileElement {\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Hard cap on the number of rows selectable via grid or custom input. */\n  @property({ type: Number, attribute: 'max-rows', reflect: true }) maxRows = 20;\n\n  /** Hard cap on the number of columns selectable via grid or custom input. */\n  @property({ type: Number, attribute: 'max-cols', reflect: true }) maxCols = 20;\n\n  @state() private open = false;\n\n  @state() private hoverRows = 0;\n\n  @state() private hoverCols = 0;\n\n  @state() private customRows = '';\n\n  @state() private customCols = '';\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: relative;\n          display: inline-flex;\n        }\n\n        button.trigger {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          width: 32px;\n          height: 32px;\n          padding: 0 6px;\n          box-sizing: border-box;\n          border: none;\n          border-radius: var(--nile-radius-radius-lg, var(--ng-radius-md, 8px));\n          background: transparent;\n          cursor: pointer;\n          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900, #101828));\n        }\n\n        button.trigger:hover:not(:disabled) {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n\n        button.trigger:disabled {\n          opacity: 0.4;\n          cursor: default;\n        }\n\n        .panel {\n          position: absolute;\n          top: calc(100% + 4px);\n          left: 0;\n          z-index: 30;\n          padding: 8px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        .grid {\n          display: grid;\n          gap: 2px;\n        }\n\n        .cell {\n          width: 14px;\n          height: 14px;\n          border: 1px solid var(--nile-colors-neutral-300, #d0d5dd);\n          border-radius: 2px;\n          box-sizing: border-box;\n          cursor: pointer;\n        }\n\n        .cell.hot {\n          background: var(--nile-colors-primary-100, var(--ng-componentcolors-utility-blue-100, #dbeafe));\n          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n        }\n\n        .label {\n          margin-top: 6px;\n          text-align: center;\n          font-size: 12px;\n          color: var(--nile-colors-neutral-600, #475467);\n        }\n\n        .custom {\n          display: flex;\n          align-items: center;\n          gap: 6px;\n          margin-top: 8px;\n          padding-top: 8px;\n          border-top: 1px solid var(--nile-colors-neutral-300, #e4e7ec);\n        }\n\n        .custom input {\n          width: 44px;\n          height: 26px;\n          padding: 0 6px;\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 6px;\n          font-size: 12px;\n          box-sizing: border-box;\n          text-align: center;\n          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900, #101828));\n          font-family: inherit;\n          /* Hide native number spinners: they overlap the centered text in this\n             narrow field and a stray click on the arrows mutates the value. */\n          -moz-appearance: textfield;\n          appearance: textfield;\n        }\n\n        .custom input::-webkit-outer-spin-button,\n        .custom input::-webkit-inner-spin-button {\n          -webkit-appearance: none;\n          margin: 0;\n        }\n\n        .custom input:focus {\n          outline: none;\n          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n        }\n\n        .custom .times {\n          font-size: 12px;\n          color: var(--nile-colors-neutral-600, #475467);\n        }\n\n        .custom button.insert {\n          margin-left: auto;\n          height: 26px;\n          padding: 0 12px;\n          border: none;\n          border-radius: 6px;\n          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n          color: #ffffff;\n          font-size: 12px;\n          font-weight: 600;\n          font-family: inherit;\n          cursor: pointer;\n        }\n\n        .custom button.insert:hover:not(:disabled) {\n          background: var(--nile-colors-primary-700, #1d4ed8);\n        }\n\n        .custom button.insert:disabled {\n          opacity: 0.4;\n          cursor: default;\n        }\n      `,\n    ];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener('mousedown', this.handleOutside);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('mousedown', this.handleOutside);\n  }\n\n  private handleOutside = (event: MouseEvent): void => {\n    if (this.open && !event.composedPath().includes(this)) this.open = false;\n  };\n\n  private pick(rows: number, cols: number): void {\n    this.open = false;\n    this.customRows = '';\n    this.customCols = '';\n    this.emit('wysiwyg-command', {\n      name: 'insertTable',\n      attrs: { rows, cols, withHeaderRow: true },\n    });\n  }\n\n  /** Clamp raw input to 1..max; returns 0 when empty/invalid. */\n  private clamp(raw: string, max: number): number {\n    const n = parseInt(raw, 10);\n    if (!Number.isFinite(n) || n < 1) return 0;\n    return Math.min(n, max);\n  }\n\n  private insertCustom(): void {\n    const rows = this.clamp(this.customRows, this.maxRows);\n    const cols = this.clamp(this.customCols, this.maxCols);\n    if (rows >= 1 && cols >= 1) this.pick(rows, cols);\n  }\n\n  public render(): TemplateResult {\n    // Grow the grid by one row/col once the pointer reaches the edge, capped.\n    const visibleRows = Math.min(Math.max(MIN_ROWS, this.hoverRows + 1), this.maxRows);\n    const visibleCols = Math.min(Math.max(MIN_COLS, this.hoverCols + 1), this.maxCols);\n\n    const cells: TemplateResult[] = [];\n    for (let r = 1; r <= visibleRows; r += 1) {\n      for (let c = 1; c <= visibleCols; c += 1) {\n        cells.push(html`\n          <span\n            class=\"cell ${r <= this.hoverRows && c <= this.hoverCols ? 'hot' : ''}\"\n            @mouseenter=${() => {\n              this.hoverRows = r;\n              this.hoverCols = c;\n            }}\n            @click=${() => this.pick(r, c)}\n          ></span>\n        `);\n      }\n    }\n\n    const customValid =\n      this.clamp(this.customRows, this.maxRows) >= 1 &&\n      this.clamp(this.customCols, this.maxCols) >= 1;\n\n    return html`\n      <button\n        type=\"button\"\n        class=\"trigger\"\n        part=\"button\"\n        aria-label=\"Insert table\"\n        aria-expanded=${this.open ? 'true' : 'false'}\n        ?disabled=${this.disabled}\n        @mousedown=${(e: Event) => e.preventDefault()}\n        @click=${() => {\n          this.open = !this.open;\n          this.hoverRows = 0;\n          this.hoverCols = 0;\n        }}\n      >\n        <nile-glyph name=\"grid-01\" size=\"18\" method=\"stroke\"></nile-glyph>\n      </button>\n      ${this.open\n        ? html`\n            <div class=\"panel\">\n              <div\n                class=\"grid\"\n                style=\"grid-template-columns: repeat(${visibleCols}, 14px)\"\n                @mousedown=${(e: Event) => e.preventDefault()}\n                @mouseleave=${() => {\n                  this.hoverRows = 0;\n                  this.hoverCols = 0;\n                }}\n              >\n                ${cells}\n              </div>\n              <div class=\"label\" @mousedown=${(e: Event) => e.preventDefault()}>\n                ${this.hoverRows > 0 ? `${this.hoverRows} × ${this.hoverCols}` : 'Pick a size'}\n              </div>\n              <div class=\"custom\">\n                <input\n                  type=\"number\"\n                  min=\"1\"\n                  max=${this.maxRows}\n                  aria-label=\"Rows\"\n                  placeholder=\"Rows\"\n                  .value=${this.customRows}\n                  @input=${(e: Event) => {\n                    this.customRows = (e.target as HTMLInputElement).value;\n                  }}\n                  @keydown=${(e: KeyboardEvent) => {\n                    if (e.key === 'Enter') this.insertCustom();\n                  }}\n                />\n                <span class=\"times\">×</span>\n                <input\n                  type=\"number\"\n                  min=\"1\"\n                  max=${this.maxCols}\n                  aria-label=\"Columns\"\n                  placeholder=\"Cols\"\n                  .value=${this.customCols}\n                  @input=${(e: Event) => {\n                    this.customCols = (e.target as HTMLInputElement).value;\n                  }}\n                  @keydown=${(e: KeyboardEvent) => {\n                    if (e.key === 'Enter') this.insertCustom();\n                  }}\n                />\n                <button\n                  type=\"button\"\n                  class=\"insert\"\n                  ?disabled=${!customValid}\n                  @click=${() => this.insertCustom()}\n                >\n                  Insert\n                </button>\n              </div>\n            </div>\n          `\n        : ''}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-table-picker': NileWysiwygTablePicker;\n  }\n}\n"],"names":["NileWysiwygTablePicker","_n","a","this","disabled","maxRows","maxCols","open","hoverRows","hoverCols","customRows","customCols","handleOutside","event","composedPath","includes","_this","_inherits","_createClass","key","value","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","pick","rows","cols","emit","name","attrs","withHeaderRow","clamp","raw","max","n","parseInt","Number","isFinite","Math","min","insertCustom","render","visibleRows","visibleCols","cells","_loop","_o","_loop2","_t","push","html","_templateObject3","_taggedTemplateLiteral","r","c","customValid","_templateObject","e","preventDefault","_templateObject2","concat","target","get","css","_templateObject4","NileElement","__decorate","property","type","Boolean","reflect","prototype","attribute","state","customElement"],"mappings":"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"}