@aquera/nile-elements 2.0.16 → 2.0.17

package/dist/nile-wysiwyg-editor/ui/shortcut-help.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"shortcut-help.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/shortcut-help.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray, PropertyValues, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\n\nconst isMac =\n  typeof navigator !== 'undefined' && /Mac|iP(hone|[oa]d)/.test(navigator.platform);\n\n/** Renders a binding like 'Mod-B' with platform-appropriate key labels. */\nfunction keyLabel(binding: string): string {\n  return binding\n    .split('-')\n    .map(part => {\n      switch (part) {\n        case 'Mod':\n          return isMac ? '⌘' : 'Ctrl';\n        case 'Shift':\n          return isMac ? '⇧' : 'Shift';\n        case 'Alt':\n          return isMac ? '⌥' : 'Alt';\n        case 'Ctrl':\n          return isMac ? '⌃' : 'Ctrl';\n        default:\n          return part;\n      }\n    })\n    .join(isMac ? '' : '+');\n}\n\ninterface ShortcutGroup {\n  title: string;\n  items: { keys: string[]; label: string }[];\n}\n\nconst GROUPS: ShortcutGroup[] = [\n  {\n    title: 'Formatting',\n    items: [\n      { keys: ['Mod-B'], label: 'Bold' },\n      { keys: ['Mod-I'], label: 'Italic' },\n      { keys: ['Mod-U'], label: 'Underline' },\n      { keys: ['Mod-Shift-X'], label: 'Strikethrough' },\n      { keys: ['Mod-,'], label: 'Subscript' },\n      { keys: ['Mod-.'], label: 'Superscript' },\n    ],\n  },\n  {\n    title: 'Blocks',\n    items: [\n      { keys: ['Ctrl-Shift-0'], label: 'Paragraph' },\n      { keys: ['Ctrl-Shift-1…6'], label: 'Heading 1–6' },\n      { keys: ['Mod-Shift-8'], label: 'Bulleted list' },\n      { keys: ['Mod-Shift-7'], label: 'Numbered list' },\n      { keys: ['Mod-Shift-9'], label: 'Blockquote' },\n      { keys: ['Mod-Alt-C'], label: 'Code block' },\n      { keys: ['Tab', 'Shift-Tab'], label: 'Indent / outdent list item' },\n      { keys: ['Mod-]', 'Mod-['], label: 'Indent / outdent block' },\n      { keys: ['Shift-Enter'], label: 'Line break' },\n    ],\n  },\n  {\n    title: 'Editing & tools',\n    items: [\n      { keys: ['Mod-Z'], label: 'Undo' },\n      { keys: ['Mod-Shift-Z'], label: 'Redo' },\n      { keys: ['Mod-K'], label: 'Insert or edit link' },\n      { keys: ['Mod-F'], label: 'Find & replace' },\n      { keys: ['Mod-Shift-V'], label: 'Paste without formatting' },\n      { keys: ['Mod-/'], label: 'This dialog' },\n    ],\n  },\n  {\n    title: 'Typing shortcuts',\n    items: [\n      { keys: ['# + space'], label: 'Heading (## for level 2 …)' },\n      { keys: ['- + space'], label: 'Bulleted list' },\n      { keys: ['1. + space'], label: 'Numbered list' },\n      { keys: ['[] + space'], label: 'Checklist' },\n      { keys: ['> + space'], label: 'Blockquote' },\n      { keys: ['```'], label: 'Code block' },\n      { keys: ['**text**'], label: 'Bold as you type' },\n      { keys: ['URL + space'], label: 'Automatic link' },\n      { keys: ['/'], label: 'Command menu' },\n      { keys: [': + name'], label: 'Emoji picker' },\n    ],\n  },\n];\n\n/**\n * Keyboard shortcut reference dialog, opened from the toolbar or Mod-/.\n * Emits `wysiwyg-shortcut-help-close` when dismissed (Esc, ✕ or backdrop).\n */\n@customElement('nile-wysiwyg-shortcut-help')\nexport class NileWysiwygShortcutHelp extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @query('.help__panel') private panelEl?: HTMLElement;\n\n  /** Body overflow value before we locked it; null = not locked by us. */\n  private previousBodyOverflow: string | null = null;\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        /* Fixed so the dialog overlays the viewport instead of being\n           clipped by a small editor. */\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: fixed;\n          inset: 0;\n          z-index: var(--nile-wysiwyg-dialog-z-index, 1100);\n          display: none;\n        }\n\n        :host([open]) {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n\n        .help__backdrop {\n          position: absolute;\n          inset: 0;\n          background: rgba(16, 24, 40, 0.4);\n        }\n\n        .help__panel {\n          position: relative;\n          max-width: 560px;\n          max-height: min(80%, 480px);\n          margin: 16px;\n          padding: 16px 20px;\n          overflow-y: auto;\n          overscroll-behavior: contain;\n          outline: none;\n          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n          border-radius: 10px;\n          box-shadow: var(\n            --nile-wysiwyg-popover-shadow,\n            0 8px 24px rgba(16, 24, 40, 0.18)\n          );\n          font-size: 13px;\n          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n        }\n\n        .help__header {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          margin-bottom: 8px;\n        }\n\n        .help__title {\n          font-size: 14px;\n          font-weight: 600;\n          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n        }\n\n        .help__close {\n          font: inherit;\n          border: none;\n          background: transparent;\n          border-radius: 5px;\n          padding: 4px 8px;\n          cursor: pointer;\n          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n        }\n\n        .help__close:hover {\n          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n        }\n\n        .help__columns {\n          display: grid;\n          grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n          gap: 4px 24px;\n        }\n\n        .help__group-title {\n          margin: 10px 0 4px;\n          font-size: 11px;\n          font-weight: 600;\n          text-transform: uppercase;\n          letter-spacing: 0.04em;\n          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n        }\n\n        .help__row {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 12px;\n          padding: 3px 0;\n        }\n\n        .help__keys {\n          white-space: nowrap;\n        }\n\n        kbd {\n          display: inline-block;\n          padding: 1px 6px;\n          font-family: inherit;\n          font-size: 12px;\n          line-height: 1.5;\n          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n          border-bottom-width: 2px;\n          border-radius: 5px;\n        }\n      `,\n    ];\n  }\n\n  /**\n   * Locks page scrolling while the dialog is open (the fixed backdrop blocks\n   * clicks but not wheel/touch scrolling of the document behind it).\n   * Save/restore keeps it composable with other locks (e.g. fullscreen).\n   */\n  protected updated(changed: PropertyValues): void {\n    if (!changed.has('open')) return;\n    if (this.open) {\n      if (this.previousBodyOverflow === null) {\n        this.previousBodyOverflow = document.body.style.overflow;\n        document.body.style.overflow = 'hidden';\n      }\n    } else if (this.previousBodyOverflow !== null) {\n      document.body.style.overflow = this.previousBodyOverflow;\n      this.previousBodyOverflow = null;\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.previousBodyOverflow !== null) {\n      document.body.style.overflow = this.previousBodyOverflow;\n      this.previousBodyOverflow = null;\n    }\n  }\n\n  /** Moves focus into the dialog so Esc lands here. */\n  public focusPanel(): void {\n    this.updateComplete.then(() => this.panelEl?.focus());\n  }\n\n  private close(): void {\n    this.emit('wysiwyg-shortcut-help-close');\n  }\n\n  private handleKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      event.stopPropagation();\n      this.close();\n    }\n  }\n\n  public render(): TemplateResult | typeof nothing {\n    if (!this.open) return nothing;\n    return html`\n      <div class=\"help__backdrop\" @click=${this.close}></div>\n      <div\n        class=\"help__panel\"\n        part=\"shortcut-help\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label=\"Keyboard shortcuts\"\n        tabindex=\"-1\"\n        @keydown=${this.handleKeydown}\n      >\n        <div class=\"help__header\">\n          <span class=\"help__title\">Keyboard shortcuts</span>\n          <button type=\"button\" class=\"help__close\" title=\"Close (Esc)\" @click=${this.close}>\n            ✕\n          </button>\n        </div>\n        <div class=\"help__columns\">\n          ${GROUPS.map(\n            group => html`\n              <div>\n                <div class=\"help__group-title\">${group.title}</div>\n                ${group.items.map(\n                  item => html`\n                    <div class=\"help__row\">\n                      <span>${item.label}</span>\n                      <span class=\"help__keys\">\n                        ${item.keys.map(\n                          (key, index) => html`${index > 0 ? ' / ' : nothing}<kbd\n                              >${keyLabel(key)}</kbd\n                            >`\n                        )}\n                      </span>\n                    </div>\n                  `\n                )}\n              </div>\n            `\n          )}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-shortcut-help': NileWysiwygShortcutHelp;\n  }\n}\n"],"names":["isMac","navigator","test","platform","GROUPS","title","items","keys","label","NileWysiwygShortcutHelp","_r","p","this","open","previousBodyOverflow","_this","_inherits","_createClass","key","value","updated","changed","has","document","body","style","overflow","disconnectedCallback","super","focusPanel","updateComplete","then","_this2$panelEl","panelEl","focus","close","emit","handleKeydown","event","stopPropagation","render","html","_templateObject","_taggedTemplateLiteral","map","group","_templateObject2","item","_templateObject3","index","o","_templateObject4","nothing","binding","split","part","join","get","styles","css","_templateObject5","NileElement","__decorate","property","type","Boolean","reflect","prototype","query","customElement"],"mappings":"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"}
+{"version":3,"file":"shortcut-help.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/shortcut-help.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray, PropertyValues, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\n\nconst isMac =\n  typeof navigator !== 'undefined' && /Mac|iP(hone|[oa]d)/.test(navigator.platform);\n\n/** Renders a binding like 'Mod-B' with platform-appropriate key labels. */\nfunction keyLabel(binding: string): string {\n  return binding\n    .split('-')\n    .map(part => {\n      switch (part) {\n        case 'Mod':\n          return isMac ? '⌘' : 'Ctrl';\n        case 'Shift':\n          return isMac ? '⇧' : 'Shift';\n        case 'Alt':\n          return isMac ? '⌥' : 'Alt';\n        case 'Ctrl':\n          return isMac ? '⌃' : 'Ctrl';\n        default:\n          return part;\n      }\n    })\n    .join(isMac ? '' : '+');\n}\n\ninterface ShortcutGroup {\n  title: string;\n  items: { keys: string[]; label: string }[];\n}\n\nconst GROUPS: ShortcutGroup[] = [\n  {\n    title: 'Formatting',\n    items: [\n      { keys: ['Mod-B'], label: 'Bold' },\n      { keys: ['Mod-I'], label: 'Italic' },\n      { keys: ['Mod-U'], label: 'Underline' },\n      { keys: ['Mod-Shift-X'], label: 'Strikethrough' },\n      { keys: ['Mod-,'], label: 'Subscript' },\n      { keys: ['Mod-.'], label: 'Superscript' },\n    ],\n  },\n  {\n    title: 'Blocks',\n    items: [\n      { keys: ['Ctrl-Shift-0'], label: 'Paragraph' },\n      { keys: ['Ctrl-Shift-1…6'], label: 'Heading 1–6' },\n      { keys: ['Mod-Shift-8'], label: 'Bulleted list' },\n      { keys: ['Mod-Shift-7'], label: 'Numbered list' },\n      { keys: ['Mod-Shift-9'], label: 'Blockquote' },\n      { keys: ['Mod-Alt-C'], label: 'Code block' },\n      { keys: ['Tab', 'Shift-Tab'], label: 'Indent / outdent list item' },\n      { keys: ['Mod-]', 'Mod-['], label: 'Indent / outdent block' },\n      { keys: ['Shift-Enter'], label: 'Line break' },\n    ],\n  },\n  {\n    title: 'Editing & tools',\n    items: [\n      { keys: ['Mod-Z'], label: 'Undo' },\n      { keys: ['Mod-Shift-Z'], label: 'Redo' },\n      { keys: ['Mod-K'], label: 'Insert or edit link' },\n      { keys: ['Mod-F'], label: 'Find & replace' },\n      { keys: ['Mod-Shift-V'], label: 'Paste without formatting' },\n      { keys: ['Mod-/'], label: 'This dialog' },\n    ],\n  },\n  {\n    title: 'Typing shortcuts',\n    items: [\n      { keys: ['# + space'], label: 'Heading (## for level 2 …)' },\n      { keys: ['- + space'], label: 'Bulleted list' },\n      { keys: ['1. + space'], label: 'Numbered list' },\n      { keys: ['[] + space'], label: 'Checklist' },\n      { keys: ['> + space'], label: 'Blockquote' },\n      { keys: ['```'], label: 'Code block' },\n      { keys: ['**text**'], label: 'Bold as you type' },\n      { keys: ['URL + space'], label: 'Automatic link' },\n      { keys: ['/'], label: 'Command menu' },\n      { keys: [': + name'], label: 'Emoji picker' },\n    ],\n  },\n];\n\n/**\n * Keyboard shortcut reference dialog, opened from the toolbar or Mod-/.\n * Emits `wysiwyg-shortcut-help-close` when dismissed (Esc, ✕ or backdrop).\n */\n@customElement('nile-wysiwyg-shortcut-help')\nexport class NileWysiwygShortcutHelp extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @query('.help__panel') private panelEl?: HTMLElement;\n\n  /** Body overflow value before we locked it; null = not locked by us. */\n  private previousBodyOverflow: string | null = null;\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        /* Fixed so the dialog overlays the viewport instead of being\n           clipped by a small editor. */\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: fixed;\n          inset: 0;\n          z-index: var(--nile-wysiwyg-dialog-z-index, 1100);\n          display: none;\n        }\n\n        :host([open]) {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n\n        .help__backdrop {\n          position: absolute;\n          inset: 0;\n          background: rgba(16, 24, 40, 0.4);\n        }\n\n        .help__panel {\n          position: relative;\n          max-width: 560px;\n          max-height: min(80%, 480px);\n          margin: 16px;\n          padding: 16px 20px;\n          overflow-y: auto;\n          overscroll-behavior: contain;\n          outline: none;\n          background: var(--nile-wysiwyg-popover-bg, var(--nile-colors-white-base, var(--ng-colors-bg-primary)));\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n          border-radius: 10px;\n          box-shadow: var(\n            --nile-wysiwyg-popover-shadow,\n            0 8px 24px rgba(16, 24, 40, 0.18)\n          );\n          font-size: 13px;\n          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n        }\n\n        .help__header {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          margin-bottom: 8px;\n        }\n\n        .help__title {\n          font-size: 14px;\n          font-weight: 600;\n          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n        }\n\n        .help__close {\n          font: inherit;\n          border: none;\n          background: transparent;\n          border-radius: 5px;\n          padding: 4px 8px;\n          cursor: pointer;\n          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n        }\n\n        .help__close:hover {\n          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n        }\n\n        .help__columns {\n          display: grid;\n          grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n          gap: 4px 24px;\n        }\n\n        .help__group-title {\n          margin: 10px 0 4px;\n          font-size: 11px;\n          font-weight: 600;\n          text-transform: uppercase;\n          letter-spacing: 0.04em;\n          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n        }\n\n        .help__row {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 12px;\n          padding: 3px 0;\n        }\n\n        .help__keys {\n          white-space: nowrap;\n        }\n\n        kbd {\n          display: inline-block;\n          padding: 1px 6px;\n          font-family: inherit;\n          font-size: 12px;\n          line-height: 1.5;\n          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n          border-bottom-width: 2px;\n          border-radius: 5px;\n        }\n      `,\n    ];\n  }\n\n  /**\n   * Locks page scrolling while the dialog is open (the fixed backdrop blocks\n   * clicks but not wheel/touch scrolling of the document behind it).\n   * Save/restore keeps it composable with other locks (e.g. fullscreen).\n   */\n  protected updated(changed: PropertyValues): void {\n    if (!changed.has('open')) return;\n    if (this.open) {\n      if (this.previousBodyOverflow === null) {\n        this.previousBodyOverflow = document.body.style.overflow;\n        document.body.style.overflow = 'hidden';\n      }\n    } else if (this.previousBodyOverflow !== null) {\n      document.body.style.overflow = this.previousBodyOverflow;\n      this.previousBodyOverflow = null;\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.previousBodyOverflow !== null) {\n      document.body.style.overflow = this.previousBodyOverflow;\n      this.previousBodyOverflow = null;\n    }\n  }\n\n  /** Moves focus into the dialog so Esc lands here. */\n  public focusPanel(): void {\n    this.updateComplete.then(() => this.panelEl?.focus());\n  }\n\n  private close(): void {\n    this.emit('wysiwyg-shortcut-help-close');\n  }\n\n  private handleKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      event.stopPropagation();\n      this.close();\n    }\n  }\n\n  public render(): TemplateResult | typeof nothing {\n    if (!this.open) return nothing;\n    return html`\n      <div class=\"help__backdrop\" @click=${this.close}></div>\n      <div\n        class=\"help__panel\"\n        part=\"shortcut-help\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label=\"Keyboard shortcuts\"\n        tabindex=\"-1\"\n        @keydown=${this.handleKeydown}\n      >\n        <div class=\"help__header\">\n          <span class=\"help__title\">Keyboard shortcuts</span>\n          <button type=\"button\" class=\"help__close\" title=\"Close (Esc)\" @click=${this.close}>\n            ✕\n          </button>\n        </div>\n        <div class=\"help__columns\">\n          ${GROUPS.map(\n            group => html`\n              <div>\n                <div class=\"help__group-title\">${group.title}</div>\n                ${group.items.map(\n                  item => html`\n                    <div class=\"help__row\">\n                      <span>${item.label}</span>\n                      <span class=\"help__keys\">\n                        ${item.keys.map(\n                          (key, index) => html`${index > 0 ? ' / ' : nothing}<kbd\n                              >${keyLabel(key)}</kbd\n                            >`\n                        )}\n                      </span>\n                    </div>\n                  `\n                )}\n              </div>\n            `\n          )}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-shortcut-help': NileWysiwygShortcutHelp;\n  }\n}\n"],"names":["isMac","navigator","test","platform","GROUPS","title","items","keys","label","NileWysiwygShortcutHelp","_r","p","this","open","previousBodyOverflow","_this","_inherits","_createClass","key","value","updated","changed","has","document","body","style","overflow","disconnectedCallback","super","focusPanel","updateComplete","then","_this2$panelEl","panelEl","focus","close","emit","handleKeydown","event","stopPropagation","render","html","_templateObject","_taggedTemplateLiteral","map","group","_templateObject2","item","_templateObject3","index","o","_templateObject4","nothing","binding","split","part","join","get","styles","css","_templateObject5","NileElement","__decorate","property","type","Boolean","reflect","prototype","query","customElement"],"mappings":"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"}

package/dist/nile-wysiwyg-editor/ui/shortcut-help.esm.js

@@ -33,7 +33,7 @@ import{__decorate as e}from"tslib";import{css as l,nothing as t,html as o}from"l
           overflow-y: auto;
           overscroll-behavior: contain;
           outline: none;
-          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));
+          background: var(--nile-wysiwyg-popover-bg, var(--nile-colors-white-base, var(--ng-colors-bg-primary)));
           border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
           border-radius: 10px;
           box-shadow: var(

package/dist/nile-wysiwyg-editor/ui/source-view.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","lit/directives/class-map.js","lit/directives/unsafe-html.js","../../xml-09119317.cjs.js","../../internal/nile-element.cjs.js","../engine/sanitize.cjs.js","./preview.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js","../engine/plugins/embeds.cjs.js","../../index-89c520e9.cjs.js","../nile-wysiwyg-editor.css.cjs.js"],function(_export,_context){"use strict";var e,t,r,o,i,n,s,l,a,c,h,d,p,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,g;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){e=_tslib.__decorate;},function(_lit){t=_lit.css;r=_lit.html;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;i=_litDecoratorsJs.query;n=_litDecoratorsJs.state;s=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_litDirectivesUnsafeHtmlJs){a=_litDirectivesUnsafeHtmlJs.unsafeHTML;},function(_xml00cCjsJs){c=_xml00cCjsJs.H;h=_xml00cCjsJs.x;},function(_internalNileElementCjsJs){d=_internalNileElementCjsJs.N;},function(_engineSanitizeCjsJs){p=_engineSanitizeCjsJs.s;},function(_previewCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_enginePluginsEmbedsCjsJs){},function(_index00bCjsJs){},function(_nileWysiwygEditorCssCjsJs){}],execute:function execute(){c.registerLanguage("xml",h);g=/*#__PURE__*/function(_d){function g(){var _this;_classCallCheck(this,g);_this=_callSuper(this,g,arguments),_this.value="",_this.draft="",_this.splitRatio=.5,_this.splitDragging=!1,_this.startSplitDrag=function(e){var t=_this.bodyEl;if(!t)return;e.preventDefault(),_this.splitDragging=!0;var r=t.getBoundingClientRect(),o=function o(e){if(0===r.width)return;var t=(e.clientX-r.left)/r.width;_this.splitRatio=Math.min(.85,Math.max(.15,t));},_i=function i(){_this.splitDragging=!1,window.removeEventListener("pointermove",o),window.removeEventListener("pointerup",_i);};window.addEventListener("pointermove",o),window.addEventListener("pointerup",_i);},_this.resetSplit=function(){_this.splitRatio=.5;},_this.onInput=function(e){_this.draft=e.target.value;},_this.onScroll=function(e){var t=e.target;_this.highlightEl&&(_this.highlightEl.style.transform="translate(".concat(-t.scrollLeft,"px, ").concat(-t.scrollTop,"px)")),_this.linenosEl&&(_this.linenosEl.style.transform="translateY(".concat(-t.scrollTop,"px)"));};return _this;}_inherits(g,_d);return _createClass(g,[{key:"willUpdate",value:function willUpdate(e){e.has("value")&&(this.draft=this.value);}},{key:"currentValue",get:function get(){return this.draft;}},{key:"focusInput",value:function focusInput(){var _this2=this;this.updateComplete.then(function(){var _this2$textarea;return(_this2$textarea=_this2.textarea)===null||_this2$textarea===void 0?void 0:_this2$textarea.focus();});}},{key:"highlighted",get:function get(){if(!this.draft)return"";try{return c.highlight(this.draft,{language:"xml"}).value;}catch(_unused){return this.draft.replace(/[&<>]/g,function(e){return{"&":"&amp;","<":"&lt;",">":"&gt;"}[e];});}}},{key:"lineCount",get:function get(){return this.draft?this.draft.split("\n").length:1;}},{key:"render",value:function render(){var _this3=this;var e=p(this.draft),t=[];for(var _e=1;_e<=this.lineCount;_e+=1)t.push(r(_templateObject||(_templateObject=_taggedTemplateLiteral(["<div>","</div>"])),_e));return r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <div class=\"bar\" part=\"source-bar\">\n        <span>HTML</span>\n        <span class=\"actions\">\n          <button type=\"button\" @click=",">\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            class=\"primary\"\n            @click=","\n          >\n            Done\n          </button>\n        </span>\n      </div>\n      <div class=",">\n        <div class=\"pane pane--code\" style=\"flex: 0 0 ","%\">\n          <div class=\"linenos\" part=\"line-numbers\" aria-hidden=\"true\">\n            <div class=\"linenos-inner\">","</div>\n          </div>\n          <div class=\"input-wrap\">\n            <pre class=\"hl\" aria-hidden=\"true\"><code>","</code></pre>\n            <textarea\n              part=\"source-textarea\"\n              spellcheck=\"false\"\n              autocapitalize=\"off\"\n              autocomplete=\"off\"\n              wrap=\"off\"\n              .value=","\n              @input=","\n              @scroll=","\n              @keydown=","\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 \xB7 double-click to reset\"\n          @pointerdown=","\n          @dblclick=","\n        ></div>\n        <div class=\"pane pane--preview\" part=\"preview\">\n          ","\n        </div>\n      </div>\n    "])),function(){return _this3.emit("wysiwyg-source-cancel");},function(){return _this3.emit("wysiwyg-source-apply",{html:_this3.draft});},l({body:!0,"body--dragging":this.splitDragging}),100*this.splitRatio,t,a(this.highlighted),this.value,this.onInput,this.onScroll,function(e){"Escape"===e.key&&(e.stopPropagation(),_this3.emit("wysiwyg-source-cancel"));},this.startSplitDrag,this.resetSplit,this.draft.trim()?r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-wysiwyg-preview .content=","></nile-wysiwyg-preview>"])),e):r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<span class=\"preview-empty\">Nothing to preview</span>"]))));}}],[{key:"styles",get:function get(){return[t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\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, var(--ng-colors-text-tertiary-600));\n          border-bottom: 1px solid var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));\n          background: var(--nile-wysiwyg-toolbar-bg, var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary)));\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, var(--ng-colors-text-secondary-700));\n        }\n\n        button.primary {\n          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));\n          color: var(--ng-colors-text-white);\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, var(--ng-colors-bg-primary));\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, var(--ng-colors-text-quaternary-500));\n          background: var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary));\n          border-right: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));\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, var(--ng-colors-text-primary-900));\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, var(--ng-colors-text-primary-900));\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: var(--ng-componentcolors-utility-gray-500); font-style: italic; }\n        .hl .hljs-keyword,\n        .hl .hljs-selector-tag,\n        .hl .hljs-doctag { color: var(--ng-componentcolors-utility-purple-600); }\n        .hl .hljs-name,\n        .hl .hljs-selector-id,\n        .hl .hljs-selector-class,\n        .hl .hljs-tag { color: var(--ng-componentcolors-utility-error-600); }\n        .hl .hljs-literal,\n        .hl .hljs-built_in { color: var(--ng-componentcolors-utility-blue-600); }\n        .hl .hljs-string,\n        .hl .hljs-attribute,\n        .hl .hljs-meta .hljs-string { color: var(--ng-componentcolors-utility-green-600); }\n        .hl .hljs-attr,\n        .hl .hljs-variable,\n        .hl .hljs-type,\n        .hl .hljs-number { color: var(--ng-componentcolors-utility-orange-600); }\n        .hl .hljs-symbol,\n        .hl .hljs-meta,\n        .hl .hljs-title { color: var(--ng-componentcolors-utility-indigo-600); }\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, var(--ng-colors-border-secondary));\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);\n        }\n\n        .pane--preview {\n          flex: 1 1 0;\n          overflow: auto;\n          border-left: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));\n          background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\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, var(--ng-colors-text-quaternary-500));\n          font-size: 12px;\n          opacity: 0.7;\n        }\n      "])))];}}]);}(d);e([o({type:String})],g.prototype,"value",void 0),e([i("textarea")],g.prototype,"textarea",void 0),e([i(".hl > code")],g.prototype,"highlightEl",void 0),e([i(".linenos-inner")],g.prototype,"linenosEl",void 0),e([i(".body")],g.prototype,"bodyEl",void 0),e([n()],g.prototype,"draft",void 0),e([n()],g.prototype,"splitRatio",void 0),e([n()],g.prototype,"splitDragging",void 0),g=e([s("nile-wysiwyg-source-view")],g);}};});
+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","lit/directives/class-map.js","lit/directives/unsafe-html.js","../../xml-09119317.cjs.js","../../internal/nile-element.cjs.js","../engine/sanitize.cjs.js","./preview.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js","../engine/plugins/embeds.cjs.js","../../index-bbe23ad8.cjs.js","../../index-ccc6a799.cjs.js","../engine/email-css.cjs.js","../nile-wysiwyg-editor.css.cjs.js"],function(_export,_context){"use strict";var e,t,r,o,i,n,s,l,a,c,h,p,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,g;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){e=_tslib.__decorate;},function(_lit){t=_lit.css;r=_lit.html;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;i=_litDecoratorsJs.query;n=_litDecoratorsJs.state;s=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_litDirectivesUnsafeHtmlJs){a=_litDirectivesUnsafeHtmlJs.unsafeHTML;},function(_xml00cCjsJs){c=_xml00cCjsJs.H;h=_xml00cCjsJs.x;},function(_internalNileElementCjsJs){p=_internalNileElementCjsJs.N;},function(_engineSanitizeCjsJs){d=_engineSanitizeCjsJs.s;},function(_previewCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_enginePluginsEmbedsCjsJs){},function(_index00aCjsJs){},function(_index00bCjsJs){},function(_engineEmailCssCjsJs){},function(_nileWysiwygEditorCssCjsJs){}],execute:function execute(){c.registerLanguage("xml",h);g=/*#__PURE__*/function(_p){function g(){var _this;_classCallCheck(this,g);_this=_callSuper(this,g,arguments),_this.value="",_this.draft="",_this.splitRatio=.5,_this.splitDragging=!1,_this.startSplitDrag=function(e){var t=_this.bodyEl;if(!t)return;e.preventDefault(),_this.splitDragging=!0;var r=t.getBoundingClientRect(),o=function o(e){if(0===r.width)return;var t=(e.clientX-r.left)/r.width;_this.splitRatio=Math.min(.85,Math.max(.15,t));},_i=function i(){_this.splitDragging=!1,window.removeEventListener("pointermove",o),window.removeEventListener("pointerup",_i);};window.addEventListener("pointermove",o),window.addEventListener("pointerup",_i);},_this.resetSplit=function(){_this.splitRatio=.5;},_this.onInput=function(e){_this.draft=e.target.value;},_this.onScroll=function(e){var t=e.target;_this.highlightEl&&(_this.highlightEl.style.transform="translate(".concat(-t.scrollLeft,"px, ").concat(-t.scrollTop,"px)")),_this.linenosEl&&(_this.linenosEl.style.transform="translateY(".concat(-t.scrollTop,"px)"));};return _this;}_inherits(g,_p);return _createClass(g,[{key:"willUpdate",value:function willUpdate(e){e.has("value")&&(this.draft=this.value);}},{key:"currentValue",get:function get(){return this.draft;}},{key:"focusInput",value:function focusInput(){var _this2=this;this.updateComplete.then(function(){var _this2$textarea;return(_this2$textarea=_this2.textarea)===null||_this2$textarea===void 0?void 0:_this2$textarea.focus();});}},{key:"highlighted",get:function get(){if(!this.draft)return"";try{return c.highlight(this.draft,{language:"xml"}).value;}catch(_unused){return this.draft.replace(/[&<>]/g,function(e){return{"&":"&amp;","<":"&lt;",">":"&gt;"}[e];});}}},{key:"lineCount",get:function get(){return this.draft?this.draft.split("\n").length:1;}},{key:"render",value:function render(){var _this3=this;var e=d(this.draft),t=[];for(var _e=1;_e<=this.lineCount;_e+=1)t.push(r(_templateObject||(_templateObject=_taggedTemplateLiteral(["<div>","</div>"])),_e));return r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <div class=\"bar\" part=\"source-bar\">\n        <span>HTML</span>\n        <span class=\"actions\">\n          <button type=\"button\" @click=",">\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            class=\"primary\"\n            @click=","\n          >\n            Done\n          </button>\n        </span>\n      </div>\n      <div class=",">\n        <div class=\"pane pane--code\" style=\"flex: 0 0 ","%\">\n          <div class=\"linenos\" part=\"line-numbers\" aria-hidden=\"true\">\n            <div class=\"linenos-inner\">","</div>\n          </div>\n          <div class=\"input-wrap\">\n            <pre class=\"hl\" aria-hidden=\"true\"><code>","</code></pre>\n            <textarea\n              part=\"source-textarea\"\n              spellcheck=\"false\"\n              autocapitalize=\"off\"\n              autocomplete=\"off\"\n              wrap=\"off\"\n              .value=","\n              @input=","\n              @scroll=","\n              @keydown=","\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 \xB7 double-click to reset\"\n          @pointerdown=","\n          @dblclick=","\n        ></div>\n        <div class=\"pane pane--preview\" part=\"preview\">\n          ","\n        </div>\n      </div>\n    "])),function(){return _this3.emit("wysiwyg-source-cancel");},function(){return _this3.emit("wysiwyg-source-apply",{html:_this3.draft});},l({body:!0,"body--dragging":this.splitDragging}),100*this.splitRatio,t,a(this.highlighted),this.value,this.onInput,this.onScroll,function(e){"Escape"===e.key&&(e.stopPropagation(),_this3.emit("wysiwyg-source-cancel"));},this.startSplitDrag,this.resetSplit,this.draft.trim()?r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-wysiwyg-preview .content=","></nile-wysiwyg-preview>"])),e):r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<span class=\"preview-empty\">Nothing to preview</span>"]))));}}],[{key:"styles",get:function get(){return[t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\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, var(--ng-colors-text-tertiary-600));\n          border-bottom: 1px solid var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));\n          background: var(--nile-wysiwyg-toolbar-bg, var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary)));\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, var(--ng-colors-text-secondary-700));\n        }\n\n        button.primary {\n          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));\n          color: var(--nile-colors-white-base, var(--ng-colors-text-white));\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, var(--ng-colors-bg-primary));\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, var(--ng-colors-text-quaternary-500));\n          background: var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary));\n          border-right: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));\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, var(--ng-colors-text-primary-900));\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, var(--ng-colors-text-primary-900));\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: var(--ng-componentcolors-utility-gray-500); font-style: italic; }\n        .hl .hljs-keyword,\n        .hl .hljs-selector-tag,\n        .hl .hljs-doctag { color: var(--ng-componentcolors-utility-purple-600); }\n        .hl .hljs-name,\n        .hl .hljs-selector-id,\n        .hl .hljs-selector-class,\n        .hl .hljs-tag { color: var(--ng-componentcolors-utility-error-600); }\n        .hl .hljs-literal,\n        .hl .hljs-built_in { color: var(--ng-componentcolors-utility-blue-600); }\n        .hl .hljs-string,\n        .hl .hljs-attribute,\n        .hl .hljs-meta .hljs-string { color: var(--ng-componentcolors-utility-green-600); }\n        .hl .hljs-attr,\n        .hl .hljs-variable,\n        .hl .hljs-type,\n        .hl .hljs-number { color: var(--ng-componentcolors-utility-orange-600); }\n        .hl .hljs-symbol,\n        .hl .hljs-meta,\n        .hl .hljs-title { color: var(--ng-componentcolors-utility-indigo-600); }\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, var(--ng-colors-border-secondary));\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(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary));\n        }\n\n        .pane--preview {\n          flex: 1 1 0;\n          overflow: auto;\n          border-left: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));\n          background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\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, var(--ng-colors-text-quaternary-500));\n          font-size: 12px;\n          opacity: 0.7;\n        }\n      "])))];}}]);}(p);e([o({type:String})],g.prototype,"value",void 0),e([i("textarea")],g.prototype,"textarea",void 0),e([i(".hl > code")],g.prototype,"highlightEl",void 0),e([i(".linenos-inner")],g.prototype,"linenosEl",void 0),e([i(".body")],g.prototype,"bodyEl",void 0),e([n()],g.prototype,"draft",void 0),e([n()],g.prototype,"splitRatio",void 0),e([n()],g.prototype,"splitDragging",void 0),g=e([s("nile-wysiwyg-source-view")],g);}};});
 //# sourceMappingURL=source-view.cjs.js.map

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, 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, var(--ng-colors-text-tertiary-600));\n          border-bottom: 1px solid var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));\n          background: var(--nile-wysiwyg-toolbar-bg, var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary)));\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, var(--ng-colors-text-secondary-700));\n        }\n\n        button.primary {\n          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));\n          color: var(--ng-colors-text-white);\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, var(--ng-colors-bg-primary));\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, var(--ng-colors-text-quaternary-500));\n          background: var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary));\n          border-right: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));\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, var(--ng-colors-text-primary-900));\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, var(--ng-colors-text-primary-900));\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: var(--ng-componentcolors-utility-gray-500); font-style: italic; }\n        .hl .hljs-keyword,\n        .hl .hljs-selector-tag,\n        .hl .hljs-doctag { color: var(--ng-componentcolors-utility-purple-600); }\n        .hl .hljs-name,\n        .hl .hljs-selector-id,\n        .hl .hljs-selector-class,\n        .hl .hljs-tag { color: var(--ng-componentcolors-utility-error-600); }\n        .hl .hljs-literal,\n        .hl .hljs-built_in { color: var(--ng-componentcolors-utility-blue-600); }\n        .hl .hljs-string,\n        .hl .hljs-attribute,\n        .hl .hljs-meta .hljs-string { color: var(--ng-componentcolors-utility-green-600); }\n        .hl .hljs-attr,\n        .hl .hljs-variable,\n        .hl .hljs-type,\n        .hl .hljs-number { color: var(--ng-componentcolors-utility-orange-600); }\n        .hl .hljs-symbol,\n        .hl .hljs-meta,\n        .hl .hljs-title { color: var(--ng-componentcolors-utility-indigo-600); }\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, var(--ng-colors-border-secondary));\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);\n        }\n\n        .pane--preview {\n          flex: 1 1 0;\n          overflow: auto;\n          border-left: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));\n          background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\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, var(--ng-colors-text-quaternary-500));\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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"}
+{"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, var(--ng-colors-text-tertiary-600));\n          border-bottom: 1px solid var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));\n          background: var(--nile-wysiwyg-toolbar-bg, var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary)));\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, var(--ng-colors-text-secondary-700));\n        }\n\n        button.primary {\n          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));\n          color: var(--nile-colors-white-base, var(--ng-colors-text-white));\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, var(--ng-colors-bg-primary));\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, var(--ng-colors-text-quaternary-500));\n          background: var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary));\n          border-right: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));\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, var(--ng-colors-text-primary-900));\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, var(--ng-colors-text-primary-900));\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: var(--ng-componentcolors-utility-gray-500); font-style: italic; }\n        .hl .hljs-keyword,\n        .hl .hljs-selector-tag,\n        .hl .hljs-doctag { color: var(--ng-componentcolors-utility-purple-600); }\n        .hl .hljs-name,\n        .hl .hljs-selector-id,\n        .hl .hljs-selector-class,\n        .hl .hljs-tag { color: var(--ng-componentcolors-utility-error-600); }\n        .hl .hljs-literal,\n        .hl .hljs-built_in { color: var(--ng-componentcolors-utility-blue-600); }\n        .hl .hljs-string,\n        .hl .hljs-attribute,\n        .hl .hljs-meta .hljs-string { color: var(--ng-componentcolors-utility-green-600); }\n        .hl .hljs-attr,\n        .hl .hljs-variable,\n        .hl .hljs-type,\n        .hl .hljs-number { color: var(--ng-componentcolors-utility-orange-600); }\n        .hl .hljs-symbol,\n        .hl .hljs-meta,\n        .hl .hljs-title { color: var(--ng-componentcolors-utility-indigo-600); }\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, var(--ng-colors-border-secondary));\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(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary));\n        }\n\n        .pane--preview {\n          flex: 1 1 0;\n          overflow: auto;\n          border-left: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));\n          background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\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, var(--ng-colors-text-quaternary-500));\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","g","this","value","draft","splitRatio","splitDragging","startSplitDrag","e","body","bodyEl","preventDefault","rect","getBoundingClientRect","onMove","ev","width","ratio","clientX","left","Math","min","max","onUp","i","window","removeEventListener","addEventListener","resetSplit","onInput","target","onScroll","ta","highlightEl","style","transform","scrollLeft","scrollTop","linenosEl","_this","_inherits","_p","_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","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,4 +1,4 @@
-import{__decorate as e}from"tslib";import{css as t,html as r}from"lit";import{property as o,query as i,state as n,customElement as s}from"lit/decorators.js";import{classMap as l}from"lit/directives/class-map.js";import{unsafeHTML as a}from"lit/directives/unsafe-html.js";import{H as c,x as h}from"../../xml-9bf771b3.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";c.registerLanguage("xml",h);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 r=t.getBoundingClientRect(),o=e=>{if(0===r.width)return;const t=(e.clientX-r.left)/r.width;this.splitRatio=Math.min(.85,Math.max(.15,t))},i=()=>{this.splitDragging=!1,window.removeEventListener("pointermove",o),window.removeEventListener("pointerup",i)};window.addEventListener("pointermove",o),window.addEventListener("pointerup",i)},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`
+import{__decorate as e}from"tslib";import{css as t,html as r}from"lit";import{property as o,query as i,state as n,customElement as s}from"lit/decorators.js";import{classMap as l}from"lit/directives/class-map.js";import{unsafeHTML as a}from"lit/directives/unsafe-html.js";import{H as c,x as h}from"../../xml-9bf771b3.esm.js";import{N as p}from"../../internal/nile-element.esm.js";import{s as d}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-7ca72b78.esm.js";import"../../index-5d34cff1.esm.js";import"../engine/email-css.esm.js";import"../nile-wysiwyg-editor.css.esm.js";c.registerLanguage("xml",h);let g=class extends p{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 r=t.getBoundingClientRect(),o=e=>{if(0===r.width)return;const t=(e.clientX-r.left)/r.width;this.splitRatio=Math.min(.85,Math.max(.15,t))},i=()=>{this.splitDragging=!1,window.removeEventListener("pointermove",o),window.removeEventListener("pointerup",i)};window.addEventListener("pointermove",o),window.addEventListener("pointerup",i)},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 {
           display: flex;
           flex-direction: column;
@@ -43,7 +43,7 @@ import{__decorate as e}from"tslib";import{css as t,html as r}from"lit";import{pr
 
         button.primary {
           background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));
-          color: var(--ng-colors-text-white);
+          color: var(--nile-colors-white-base, var(--ng-colors-text-white));
         }
 
         .body {
@@ -206,7 +206,7 @@ import{__decorate as e}from"tslib";import{css as t,html as r}from"lit";import{pr
 
         .gutter:hover,
         .body--dragging .gutter {
-          background: var(--ng-colors-bg-brand-primary);
+          background: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary));
         }
 
         .pane--preview {
@@ -227,7 +227,7 @@ import{__decorate as e}from"tslib";import{css as t,html as r}from"lit";import{pr
           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 c.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(r`<div>${e}</div>`);return r`
+      `]}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 c.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=d(this.draft),t=[];for(let e=1;e<=this.lineCount;e+=1)t.push(r`<div>${e}</div>`);return r`
       <div class="bar" part="source-bar">
         <span>HTML</span>
         <span class="actions">

package/dist/nile-wysiwyg-editor/ui/special-chars.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","../../nile-button-toggle-group/nile-button-toggle-group.cjs.js","../../nile-button-toggle/nile-button-toggle.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js","../../nile-button-toggle-group/nile-button-toggle-group.css.cjs.js","../../nile-button-toggle/nile-button-toggle.css.cjs.js"],function(_export,_context){"use strict";var t,e,o,r,i,a,s,_templateObject,_templateObject2,_templateObject3,_templateObject4,n,l;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){e=_lit.css;o=_lit.html;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;i=_litDecoratorsJs.state;a=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_nileButtonToggleGroupNileButtonToggleGroupCjsJs){},function(_nileButtonToggleNileButtonToggleCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_nileButtonToggleGroupNileButtonToggleGroupCssCjsJs){},function(_nileButtonToggleNileButtonToggleCssCjsJs){}],execute:function execute(){n=[{key:"punctuation",label:"Punctuation",icon:"¶",chars:["–","—","…","‘","’","“","”","‚","„","«","»","‹","›","§","¶","†","‡","•","·","¡","¿","′","″","‰"]},{key:"currency",label:"Currency",icon:"$",chars:["$","€","£","¥","₹","¢","₩","₽","₺","₪","₫","₦","₴","₱","฿","₿"]},{key:"math",label:"Math",icon:"∑",chars:["±","×","÷","≠","≈","≤","≥","¬","∞","∑","∏","√","∫","∂","∆","∇","∈","∉","∩","∪","⊂","⊃","°","µ","‰","½","⅓","¼","¾","⅛"]},{key:"arrows",label:"Arrows",icon:"→",chars:["←","→","↑","↓","↔","↕","⇐","⇒","⇑","⇓","⇔","↩","↪","↖","↗","↘","↙","⟵","⟶"]},{key:"latin",label:"Latin",icon:"Á",chars:["À","Á","Â","Ã","Ä","Å","Æ","Ç","È","É","Ê","Ë","Ì","Í","Î","Ï","Ñ","Ò","Ó","Ô","Õ","Ö","Ø","Ù","Ú","Û","Ü","ß","à","á","â","ã","ä","å","æ","ç","è","é","ê","ë","ì","í","î","ï","ñ","ò","ó","ô","õ","ö","ø","ù","ú","û","ü","ÿ"]},{key:"symbols",label:"Symbols",icon:"★",chars:["©","®","™","℠","№","℮","✓","✗","★","☆","♠","♣","♥","♦","☀","☁","☂","♻","⚠","⌘","⌥","⇧","⏎","⌫"]}];l=/*#__PURE__*/function(_s){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.open=!1,_this.category=n[0].key;return _this;}_inherits(l,_s);return _createClass(l,[{key:"handleKeydown",value:function handleKeydown(t){"Escape"===t.key&&(t.stopPropagation(),this.emit("wysiwyg-char-cancel"));}},{key:"render",value:function render(){var _n$find,_this2=this;var t=(_n$find=n.find(function(t){return t.key===_this2.category;}))!==null&&_n$find!==void 0?_n$find:n[0];return o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        class=\"panel\"\n        part=\"special-chars\"\n        @keydown=","\n        @mousedown=","\n      >\n        <nile-button-toggle-group\n          class=\"tabs\"\n          .value=","\n          @nile-change=","\n        >\n          ","\n        </nile-button-toggle-group>\n        <div class=\"grid\" role=\"listbox\" aria-label=\"Special characters\">\n          ","\n        </div>\n      </div>\n    "])),this.handleKeydown,function(t){return t.preventDefault();},this.category,function(t){_this2.category=t.detail.value;},n.map(function(t){return o(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-button-toggle\n                value=","\n                title=","\n                aria-label=","\n                ><span class=\"cat-icon\">","</span></nile-button-toggle\n              >\n            "])),t.key,t.label,t.label,t.icon);}),t.chars.map(function(t){return o(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n              <button\n                type=\"button\"\n                class=\"char\"\n                title=","\n                @click=","\n              >\n                ","\n              </button>\n            "])),t,function(){return _this2.emit("wysiwyg-char-select",{"char":t});},t);}));}}],[{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: absolute;\n          z-index: 20;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .panel {\n          width: 316px;\n          padding: 8px;\n          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        .tabs {\n          flex-wrap: wrap;\n          margin-bottom: 8px;\n          max-width: 100%;\n        }\n\n        .cat-icon {\n          display: inline-block;\n          min-width: 16px;\n          font-size: 15px;\n          line-height: 1;\n          text-align: center;\n        }\n\n        .grid {\n          display: grid;\n          grid-template-columns: repeat(10, 1fr);\n          gap: 2px;\n          max-height: 180px;\n          overflow-y: auto;\n          overscroll-behavior: contain;\n        }\n\n        .char {\n          font: inherit;\n          font-size: 15px;\n          height: 28px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          cursor: pointer;\n          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n        }\n\n        .char:hover {\n          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n        }\n      "])))];}}]);}(s);t([r({type:Boolean,reflect:!0})],l.prototype,"open",void 0),t([i()],l.prototype,"category",void 0),l=t([a("nile-wysiwyg-special-chars")],l);}};});
+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","../../nile-button-toggle-group/nile-button-toggle-group.cjs.js","../../nile-button-toggle/nile-button-toggle.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js","../../nile-button-toggle-group/nile-button-toggle-group.css.cjs.js","../../nile-button-toggle/nile-button-toggle.css.cjs.js"],function(_export,_context){"use strict";var e,t,o,r,i,a,s,_templateObject,_templateObject2,_templateObject3,_templateObject4,n,l;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){e=_tslib.__decorate;},function(_lit){t=_lit.css;o=_lit.html;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;i=_litDecoratorsJs.state;a=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_nileButtonToggleGroupNileButtonToggleGroupCjsJs){},function(_nileButtonToggleNileButtonToggleCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_nileButtonToggleGroupNileButtonToggleGroupCssCjsJs){},function(_nileButtonToggleNileButtonToggleCssCjsJs){}],execute:function execute(){n=[{key:"punctuation",label:"Punctuation",icon:"¶",chars:["–","—","…","‘","’","“","”","‚","„","«","»","‹","›","§","¶","†","‡","•","·","¡","¿","′","″","‰"]},{key:"currency",label:"Currency",icon:"$",chars:["$","€","£","¥","₹","¢","₩","₽","₺","₪","₫","₦","₴","₱","฿","₿"]},{key:"math",label:"Math",icon:"∑",chars:["±","×","÷","≠","≈","≤","≥","¬","∞","∑","∏","√","∫","∂","∆","∇","∈","∉","∩","∪","⊂","⊃","°","µ","‰","½","⅓","¼","¾","⅛"]},{key:"arrows",label:"Arrows",icon:"→",chars:["←","→","↑","↓","↔","↕","⇐","⇒","⇑","⇓","⇔","↩","↪","↖","↗","↘","↙","⟵","⟶"]},{key:"latin",label:"Latin",icon:"Á",chars:["À","Á","Â","Ã","Ä","Å","Æ","Ç","È","É","Ê","Ë","Ì","Í","Î","Ï","Ñ","Ò","Ó","Ô","Õ","Ö","Ø","Ù","Ú","Û","Ü","ß","à","á","â","ã","ä","å","æ","ç","è","é","ê","ë","ì","í","î","ï","ñ","ò","ó","ô","õ","ö","ø","ù","ú","û","ü","ÿ"]},{key:"symbols",label:"Symbols",icon:"★",chars:["©","®","™","℠","№","℮","✓","✗","★","☆","♠","♣","♥","♦","☀","☁","☂","♻","⚠","⌘","⌥","⇧","⏎","⌫"]}];l=/*#__PURE__*/function(_s){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.open=!1,_this.category=n[0].key;return _this;}_inherits(l,_s);return _createClass(l,[{key:"handleKeydown",value:function handleKeydown(e){"Escape"===e.key&&(e.stopPropagation(),this.emit("wysiwyg-char-cancel"));}},{key:"render",value:function render(){var _n$find,_this2=this;var e=(_n$find=n.find(function(e){return e.key===_this2.category;}))!==null&&_n$find!==void 0?_n$find:n[0];return o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        class=\"panel\"\n        part=\"special-chars\"\n        @keydown=","\n        @mousedown=","\n      >\n        <nile-button-toggle-group\n          class=\"tabs\"\n          .value=","\n          @nile-change=","\n        >\n          ","\n        </nile-button-toggle-group>\n        <div class=\"grid\" role=\"listbox\" aria-label=\"Special characters\">\n          ","\n        </div>\n      </div>\n    "])),this.handleKeydown,function(e){return e.preventDefault();},this.category,function(e){_this2.category=e.detail.value;},n.map(function(e){return o(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-button-toggle\n                value=","\n                title=","\n                aria-label=","\n                ><span class=\"cat-icon\">","</span></nile-button-toggle\n              >\n            "])),e.key,e.label,e.label,e.icon);}),e.chars.map(function(e){return o(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n              <button\n                type=\"button\"\n                class=\"char\"\n                title=","\n                @click=","\n              >\n                ","\n              </button>\n            "])),e,function(){return _this2.emit("wysiwyg-char-select",{"char":e});},e);}));}}],[{key:"styles",get:function get(){return[t(_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: absolute;\n          z-index: 20;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .panel {\n          width: 316px;\n          padding: 8px;\n          background: var(--nile-wysiwyg-popover-bg, var(--nile-colors-white-base, var(--ng-colors-bg-primary)));\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        .tabs {\n          flex-wrap: wrap;\n          margin-bottom: 8px;\n          max-width: 100%;\n        }\n\n        .cat-icon {\n          display: inline-block;\n          min-width: 16px;\n          font-size: 15px;\n          line-height: 1;\n          text-align: center;\n        }\n\n        .grid {\n          display: grid;\n          grid-template-columns: repeat(10, 1fr);\n          gap: 2px;\n          max-height: 180px;\n          overflow-y: auto;\n          overscroll-behavior: contain;\n        }\n\n        .char {\n          font: inherit;\n          font-size: 15px;\n          height: 28px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          cursor: pointer;\n          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n        }\n\n        .char:hover {\n          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n        }\n      "])))];}}]);}(s);e([r({type:Boolean,reflect:!0})],l.prototype,"open",void 0),e([i()],l.prototype,"category",void 0),l=e([a("nile-wysiwyg-special-chars")],l);}};});
 //# sourceMappingURL=special-chars.cjs.js.map

package/dist/nile-wysiwyg-editor/ui/special-chars.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"special-chars.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/special-chars.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\nimport '../../nile-button-toggle-group/index';\nimport '../../nile-button-toggle/index';\n\ninterface CharCategory {\n  key: string;\n  label: string;\n  /** Representative glyph shown as the (iconified) tab label. */\n  icon: string;\n  chars: string[];\n}\n\nconst CATEGORIES: CharCategory[] = [\n  {\n    key: 'punctuation',\n    label: 'Punctuation',\n    icon: '¶',\n    chars: [\n      '–', '—', '…', '‘', '’', '“', '”', '‚', '„', '«', '»', '‹', '›', '§',\n      '¶', '†', '‡', '•', '·', '¡', '¿', '′', '″', '‰',\n    ],\n  },\n  {\n    key: 'currency',\n    label: 'Currency',\n    icon: '$',\n    chars: [\n      '$', '€', '£', '¥', '₹', '¢', '₩', '₽', '₺', '₪', '₫', '₦', '₴', '₱',\n      '฿', '₿',\n    ],\n  },\n  {\n    key: 'math',\n    label: 'Math',\n    icon: '∑',\n    chars: [\n      '±', '×', '÷', '≠', '≈', '≤', '≥', '¬', '∞', '∑', '∏', '√', '∫', '∂',\n      '∆', '∇', '∈', '∉', '∩', '∪', '⊂', '⊃', '°', 'µ', '‰', '½', '⅓', '¼',\n      '¾', '⅛',\n    ],\n  },\n  {\n    key: 'arrows',\n    label: 'Arrows',\n    icon: '→',\n    chars: [\n      '←', '→', '↑', '↓', '↔', '↕', '⇐', '⇒', '⇑', '⇓', '⇔', '↩', '↪', '↖',\n      '↗', '↘', '↙', '⟵', '⟶',\n    ],\n  },\n  {\n    key: 'latin',\n    label: 'Latin',\n    icon: 'Á',\n    chars: [\n      'À', 'Á', 'Â', 'Ã', 'Ä', 'Å', 'Æ', 'Ç', 'È', 'É', 'Ê', 'Ë', 'Ì', 'Í',\n      'Î', 'Ï', 'Ñ', 'Ò', 'Ó', 'Ô', 'Õ', 'Ö', 'Ø', 'Ù', 'Ú', 'Û', 'Ü', 'ß',\n      'à', 'á', 'â', 'ã', 'ä', 'å', 'æ', 'ç', 'è', 'é', 'ê', 'ë', 'ì', 'í',\n      'î', 'ï', 'ñ', 'ò', 'ó', 'ô', 'õ', 'ö', 'ø', 'ù', 'ú', 'û', 'ü', 'ÿ',\n    ],\n  },\n  {\n    key: 'symbols',\n    label: 'Symbols',\n    icon: '★',\n    chars: [\n      '©', '®', '™', '℠', '№', '℮', '✓', '✗', '★', '☆', '♠', '♣', '♥', '♦',\n      '☀', '☁', '☂', '♻', '⚠', '⌘', '⌥', '⇧', '⏎', '⌫',\n    ],\n  },\n];\n\n/**\n * Special characters picker (the Ω toolbar item). Emits\n * `wysiwyg-char-select` detail: { char } and `wysiwyg-char-cancel`.\n */\n@customElement('nile-wysiwyg-special-chars')\nexport class NileWysiwygSpecialChars extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @state() private category = CATEGORIES[0].key;\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: 20;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .panel {\n          width: 316px;\n          padding: 8px;\n          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        .tabs {\n          flex-wrap: wrap;\n          margin-bottom: 8px;\n          max-width: 100%;\n        }\n\n        .cat-icon {\n          display: inline-block;\n          min-width: 16px;\n          font-size: 15px;\n          line-height: 1;\n          text-align: center;\n        }\n\n        .grid {\n          display: grid;\n          grid-template-columns: repeat(10, 1fr);\n          gap: 2px;\n          max-height: 180px;\n          overflow-y: auto;\n          overscroll-behavior: contain;\n        }\n\n        .char {\n          font: inherit;\n          font-size: 15px;\n          height: 28px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          cursor: pointer;\n          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n        }\n\n        .char:hover {\n          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n        }\n      `,\n    ];\n  }\n\n  private handleKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      event.stopPropagation();\n      this.emit('wysiwyg-char-cancel');\n    }\n  }\n\n  public render(): TemplateResult {\n    const current = CATEGORIES.find(c => c.key === this.category) ?? CATEGORIES[0];\n    return html`\n      <div\n        class=\"panel\"\n        part=\"special-chars\"\n        @keydown=${this.handleKeydown}\n        @mousedown=${(e: Event) => e.preventDefault()}\n      >\n        <nile-button-toggle-group\n          class=\"tabs\"\n          .value=${this.category}\n          @nile-change=${(e: CustomEvent) => {\n            this.category = e.detail.value as string;\n          }}\n        >\n          ${CATEGORIES.map(\n            cat => html`\n              <nile-button-toggle\n                value=${cat.key}\n                title=${cat.label}\n                aria-label=${cat.label}\n                ><span class=\"cat-icon\">${cat.icon}</span></nile-button-toggle\n              >\n            `\n          )}\n        </nile-button-toggle-group>\n        <div class=\"grid\" role=\"listbox\" aria-label=\"Special characters\">\n          ${current.chars.map(\n            char => html`\n              <button\n                type=\"button\"\n                class=\"char\"\n                title=${char}\n                @click=${() => this.emit('wysiwyg-char-select', { char })}\n              >\n                ${char}\n              </button>\n            `\n          )}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-special-chars': NileWysiwygSpecialChars;\n  }\n}\n"],"names":["CATEGORIES","key","label","icon","chars","NileWysiwygSpecialChars","_s","l","constructor","this","open","category","_this","_inherits","_createClass","value","handleKeydown","event","stopPropagation","emit","render","current","find","c","html","_templateObject","_taggedTemplateLiteral","e","preventDefault","detail","map","cat","_templateObject2","char","_templateObject3","__decorate","get","css","_templateObject4","NileElement","property","type","Boolean","reflect","prototype","state","customElement"],"mappings":"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"}
+{"version":3,"file":"special-chars.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/special-chars.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\nimport '../../nile-button-toggle-group/index';\nimport '../../nile-button-toggle/index';\n\ninterface CharCategory {\n  key: string;\n  label: string;\n  /** Representative glyph shown as the (iconified) tab label. */\n  icon: string;\n  chars: string[];\n}\n\nconst CATEGORIES: CharCategory[] = [\n  {\n    key: 'punctuation',\n    label: 'Punctuation',\n    icon: '¶',\n    chars: [\n      '–', '—', '…', '‘', '’', '“', '”', '‚', '„', '«', '»', '‹', '›', '§',\n      '¶', '†', '‡', '•', '·', '¡', '¿', '′', '″', '‰',\n    ],\n  },\n  {\n    key: 'currency',\n    label: 'Currency',\n    icon: '$',\n    chars: [\n      '$', '€', '£', '¥', '₹', '¢', '₩', '₽', '₺', '₪', '₫', '₦', '₴', '₱',\n      '฿', '₿',\n    ],\n  },\n  {\n    key: 'math',\n    label: 'Math',\n    icon: '∑',\n    chars: [\n      '±', '×', '÷', '≠', '≈', '≤', '≥', '¬', '∞', '∑', '∏', '√', '∫', '∂',\n      '∆', '∇', '∈', '∉', '∩', '∪', '⊂', '⊃', '°', 'µ', '‰', '½', '⅓', '¼',\n      '¾', '⅛',\n    ],\n  },\n  {\n    key: 'arrows',\n    label: 'Arrows',\n    icon: '→',\n    chars: [\n      '←', '→', '↑', '↓', '↔', '↕', '⇐', '⇒', '⇑', '⇓', '⇔', '↩', '↪', '↖',\n      '↗', '↘', '↙', '⟵', '⟶',\n    ],\n  },\n  {\n    key: 'latin',\n    label: 'Latin',\n    icon: 'Á',\n    chars: [\n      'À', 'Á', 'Â', 'Ã', 'Ä', 'Å', 'Æ', 'Ç', 'È', 'É', 'Ê', 'Ë', 'Ì', 'Í',\n      'Î', 'Ï', 'Ñ', 'Ò', 'Ó', 'Ô', 'Õ', 'Ö', 'Ø', 'Ù', 'Ú', 'Û', 'Ü', 'ß',\n      'à', 'á', 'â', 'ã', 'ä', 'å', 'æ', 'ç', 'è', 'é', 'ê', 'ë', 'ì', 'í',\n      'î', 'ï', 'ñ', 'ò', 'ó', 'ô', 'õ', 'ö', 'ø', 'ù', 'ú', 'û', 'ü', 'ÿ',\n    ],\n  },\n  {\n    key: 'symbols',\n    label: 'Symbols',\n    icon: '★',\n    chars: [\n      '©', '®', '™', '℠', '№', '℮', '✓', '✗', '★', '☆', '♠', '♣', '♥', '♦',\n      '☀', '☁', '☂', '♻', '⚠', '⌘', '⌥', '⇧', '⏎', '⌫',\n    ],\n  },\n];\n\n/**\n * Special characters picker (the Ω toolbar item). Emits\n * `wysiwyg-char-select` detail: { char } and `wysiwyg-char-cancel`.\n */\n@customElement('nile-wysiwyg-special-chars')\nexport class NileWysiwygSpecialChars extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @state() private category = CATEGORIES[0].key;\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: 20;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .panel {\n          width: 316px;\n          padding: 8px;\n          background: var(--nile-wysiwyg-popover-bg, var(--nile-colors-white-base, var(--ng-colors-bg-primary)));\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        .tabs {\n          flex-wrap: wrap;\n          margin-bottom: 8px;\n          max-width: 100%;\n        }\n\n        .cat-icon {\n          display: inline-block;\n          min-width: 16px;\n          font-size: 15px;\n          line-height: 1;\n          text-align: center;\n        }\n\n        .grid {\n          display: grid;\n          grid-template-columns: repeat(10, 1fr);\n          gap: 2px;\n          max-height: 180px;\n          overflow-y: auto;\n          overscroll-behavior: contain;\n        }\n\n        .char {\n          font: inherit;\n          font-size: 15px;\n          height: 28px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          cursor: pointer;\n          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n        }\n\n        .char:hover {\n          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n        }\n      `,\n    ];\n  }\n\n  private handleKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      event.stopPropagation();\n      this.emit('wysiwyg-char-cancel');\n    }\n  }\n\n  public render(): TemplateResult {\n    const current = CATEGORIES.find(c => c.key === this.category) ?? CATEGORIES[0];\n    return html`\n      <div\n        class=\"panel\"\n        part=\"special-chars\"\n        @keydown=${this.handleKeydown}\n        @mousedown=${(e: Event) => e.preventDefault()}\n      >\n        <nile-button-toggle-group\n          class=\"tabs\"\n          .value=${this.category}\n          @nile-change=${(e: CustomEvent) => {\n            this.category = e.detail.value as string;\n          }}\n        >\n          ${CATEGORIES.map(\n            cat => html`\n              <nile-button-toggle\n                value=${cat.key}\n                title=${cat.label}\n                aria-label=${cat.label}\n                ><span class=\"cat-icon\">${cat.icon}</span></nile-button-toggle\n              >\n            `\n          )}\n        </nile-button-toggle-group>\n        <div class=\"grid\" role=\"listbox\" aria-label=\"Special characters\">\n          ${current.chars.map(\n            char => html`\n              <button\n                type=\"button\"\n                class=\"char\"\n                title=${char}\n                @click=${() => this.emit('wysiwyg-char-select', { char })}\n              >\n                ${char}\n              </button>\n            `\n          )}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-special-chars': NileWysiwygSpecialChars;\n  }\n}\n"],"names":["CATEGORIES","key","label","icon","chars","NileWysiwygSpecialChars","_s","l","constructor","this","open","category","_this","_inherits","_createClass","value","handleKeydown","event","stopPropagation","emit","render","current","find","c","html","_templateObject","_taggedTemplateLiteral","e","preventDefault","detail","map","cat","_templateObject2","char","_templateObject3","__decorate","get","css","_templateObject4","NileElement","property","type","Boolean","reflect","prototype","state","customElement"],"mappings":"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"}

package/dist/nile-wysiwyg-editor/ui/special-chars.esm.js

@@ -16,7 +16,7 @@ import{__decorate as e}from"tslib";import{css as t,html as o}from"lit";import{pr
         .panel {
           width: 316px;
           padding: 8px;
-          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));
+          background: var(--nile-wysiwyg-popover-bg, var(--nile-colors-white-base, var(--ng-colors-bg-primary)));
           border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
           border-radius: 8px;
           box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));

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 t,i,s,e,r,o,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,n;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){a=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){n=/*#__PURE__*/function(_a){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.open=!1,_this.items=[],_this.activeIndex=0;return _this;}_inherits(n,_a);return _createClass(n,[{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, var(--ng-colors-bg-primary));\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\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, var(--ng-colors-text-secondary-700));\n        }\n\n        .item.active {\n          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50));\n          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700));\n        }\n\n        .hint {\n          font-size: 11px;\n          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n        }\n\n        .empty {\n          padding: 6px 8px;\n          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n        }\n      "])))];}}]);}(a);t([e({type:Boolean,reflect:!0})],n.prototype,"open",void 0),t([e({attribute:!1})],n.prototype,"items",void 0),t([r()],n.prototype,"activeIndex",void 0),n=t([o("nile-wysiwyg-suggest-list")],n);}};});
+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,s,r,o,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,n;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){e=_lit.css;i=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;r=_litDecoratorsJs.state;o=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){n=/*#__PURE__*/function(_a){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.open=!1,_this.items=[],_this.activeIndex=0;return _this;}_inherits(n,_a);return _createClass(n,[{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 i(_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,e){return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n                <div\n                  class=\"item ","\"\n                  @mouseenter=","\n                  @click=","\n                >\n                  <span class=\"label\" title=",">","</span>\n                  ","\n                </div>\n              "])),e===_this2.activeIndex?"active":"",function(){_this2.activeIndex=e;},function(){return _this2.selectCurrent();},t.label,t.label,t.hint?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<span class=\"hint\">","</span>"])),t.hint):"");}):i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<div class=\"empty\">No results</div>"]))));}}],[{key:"styles",get:function get(){return[e(_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          /* Wide enough for long field names (e.g. source.JobAssignment\u2026); longer\n             labels wrap rather than scrolling sideways. */\n          max-width: min(480px, calc(100vw - 32px));\n          max-height: 240px;\n          overflow-y: auto;\n          overflow-x: hidden;\n          padding: 4px;\n          background: var(--nile-wysiwyg-popover-bg, var(--nile-colors-white-base, var(--ng-colors-bg-primary)));\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\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, var(--ng-colors-text-secondary-700));\n        }\n\n        .label {\n          min-width: 0;\n          /* Wrap a long label instead of truncating it: names that differ only in\n             their last word (\u2026JobFunction / \u2026JobFunctionCode) must stay tellable apart. */\n          overflow-wrap: anywhere;\n        }\n\n        .item.active {\n          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50));\n          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700));\n        }\n\n        .hint {\n          flex-shrink: 0;\n          font-size: 11px;\n          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n        }\n\n        .empty {\n          padding: 6px 8px;\n          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n        }\n      "])))];}}]);}(a);t([s({type:Boolean,reflect:!0})],n.prototype,"open",void 0),t([s({attribute:!1})],n.prototype,"items",void 0),t([r()],n.prototype,"activeIndex",void 0),n=t([o("nile-wysiwyg-suggest-list")],n);}};});
 //# 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, var(--ng-colors-bg-primary));\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\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, var(--ng-colors-text-secondary-700));\n        }\n\n        .item.active {\n          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50));\n          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700));\n        }\n\n        .hint {\n          font-size: 11px;\n          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n        }\n\n        .empty {\n          padding: 6px 8px;\n          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\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","n","constructor","this","open","items","activeIndex","_this","_inherits","_a","_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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"}
+{"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          /* Wide enough for long field names (e.g. source.JobAssignment…); longer\n             labels wrap rather than scrolling sideways. */\n          max-width: min(480px, calc(100vw - 32px));\n          max-height: 240px;\n          overflow-y: auto;\n          overflow-x: hidden;\n          padding: 4px;\n          background: var(--nile-wysiwyg-popover-bg, var(--nile-colors-white-base, var(--ng-colors-bg-primary)));\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\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, var(--ng-colors-text-secondary-700));\n        }\n\n        .label {\n          min-width: 0;\n          /* Wrap a long label instead of truncating it: names that differ only in\n             their last word (…JobFunction / …JobFunctionCode) must stay tellable apart. */\n          overflow-wrap: anywhere;\n        }\n\n        .item.active {\n          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50));\n          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700));\n        }\n\n        .hint {\n          flex-shrink: 0;\n          font-size: 11px;\n          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n        }\n\n        .empty {\n          padding: 6px 8px;\n          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\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 class=\"label\" title=${item.label}>${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","n","constructor","this","open","items","activeIndex","_this","_inherits","_a","_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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"}