@aquera/nile-elements 0.1.67-beta-1.1 → 0.1.67-beta-1.2

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

@@ -0,0 +1,200 @@
+import { __decorate } from "tslib";
+// nile-rte-select.ts
+import { LitElement, html } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+const HEADING_ALLOWLIST = new Set([
+    'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'
+]);
+function isHeadingTag(v) {
+    return HEADING_ALLOWLIST.has(v);
+}
+let NileRteSelect = class NileRteSelect extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** 'heading' | 'font' | 'align' */
+        this.type = '';
+        /** JSON: [{ value, label?, icon? }, ...] (attribute-based; runtime-validated) */
+        this.options = '[]';
+        /** Fallback label for trigger (e.g., "Align") */
+        this.label = '';
+        this.selectedValue = '';
+    }
+    createRenderRoot() { return this; }
+    mapAlignIcon(v) {
+        const map = {
+            left: 'align-left',
+            center: 'align-center',
+            right: 'align-right',
+            justify: 'nile-justify'
+        };
+        return map[v] || 'align-left';
+    }
+    get parsedOptions() {
+        // Prefer programmatic options if present (gives TS compile-time checks)
+        const source = this.optionsObj ?? this.options;
+        const rawArray = (() => {
+            if (Array.isArray(source))
+                return source;
+            try {
+                return JSON.parse(String(source));
+            }
+            catch {
+                return [];
+            }
+        })();
+        // Normalize to consistent shape
+        let items = rawArray.map((o) => {
+            const value = o?.value ?? o;
+            const label = o?.label ?? o?.value ?? o;
+            const icon = o?.icon ?? (this.type === 'align' ? this.mapAlignIcon(String(value)) : undefined);
+            return { value, label, icon };
+        });
+        // If type is heading, enforce allowlist (runtime validation)
+        if (this.type === 'heading') {
+            const before = items.length;
+            items = items.filter(i => isHeadingTag(i.value));
+            if (items.length !== before) {
+            }
+            // If current selection is invalid for heading, reset
+            if (this.selectedValue && !isHeadingTag(this.selectedValue)) {
+                this.selectedValue = '';
+            }
+        }
+        return items;
+    }
+    ensureDefault() {
+        if (!this.selectedValue) {
+            const first = this.parsedOptions[0];
+            if (first)
+                this.selectedValue = first.value;
+        }
+    }
+    onSelect(value) {
+        if (this.type === 'heading' && !isHeadingTag(value)) {
+            console.warn(`[nile-rte-select] Ignoring invalid heading value: ${value}`);
+            return;
+        }
+        this.selectedValue = value;
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: value, bubbles: true, composed: true
+        }));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.injectLocalStyles();
+    }
+    injectLocalStyles() {
+        if (this.querySelector('style[data-rte-select-style]'))
+            return;
+        const style = document.createElement('style');
+        style.setAttribute('data-rte-select-style', 'true');
+        style.textContent = `
+      nile-menu.rte-align-menu::part(menu__items-wrapper) {
+        display: flex;
+      }
+      nile-menu.rte-align-menu,
+      nile-menu.rte-default-menu {
+        margin-top: 0px;
+      }
+      nile-button.rte-align-trigger::part(base),
+      nile-button.rte-default-trigger::part(base) {
+        min-width: 32px;
+        height: 32px;
+        padding: 0px 6px;
+        box-shadow: none;
+      }
+    `;
+        this.insertBefore(style, this.firstChild);
+    }
+    render() {
+        const opts = this.parsedOptions;
+        this.ensureDefault();
+        const current = opts.find(o => o.value === this.selectedValue);
+        // ► Align: icon-only items + icon trigger
+        if (this.type === 'align') {
+            const trigger = current?.icon
+                ? html `<nile-icon name="${current.icon}"></nile-icon>`
+                : (this.label || 'Align');
+            return html `
+        <nile-dropdown class="rte-align-dd">
+          <nile-button slot="trigger" variant="tertiary" class="rte-align-trigger">
+            ${trigger}
+          </nile-button>
+          <nile-menu class="rte-align-menu">
+            ${opts.map(o => html `
+              <nile-menu-item
+                class="rte-align-item"
+                ?active=${o.value === this.selectedValue}
+                @click=${() => this.onSelect(o.value)}>
+                <nile-icon name="${o.icon}"></nile-icon>
+              </nile-menu-item>
+            `)}
+          </nile-menu>
+        </nile-dropdown>
+      `;
+        }
+        // ► Font: show labels, preview fonts in items and trigger
+        if (this.type === 'font') {
+            const triggerText = current?.label || this.label || 'Font';
+            return html `
+        <nile-dropdown class="rte-default-dd">
+          <nile-button
+            slot="trigger"
+            variant="tertiary"
+            class="rte-default-trigger"
+            style="font-family: ${current?.value || 'inherit'}">
+            ${triggerText} <nile-icon name="arrowdown"></nile-icon>
+          </nile-button>
+          <nile-menu class="rte-default-menu">
+            ${opts.map(o => html `
+              <nile-menu-item
+                style="font-family: ${o.value}"
+                ?active=${o.value === this.selectedValue}
+                @click=${() => this.onSelect(o.value)}>
+                ${o.label}
+              </nile-menu-item>
+            `)}
+          </nile-menu>
+        </nile-dropdown>
+      `;
+        }
+        // ► Default (e.g., heading): text items; heading values are validated already
+        const triggerText = current?.label || this.label || 'Select';
+        return html `
+      <nile-dropdown class="rte-default-dd">
+        <nile-button slot="trigger" variant="tertiary" class="rte-default-trigger">
+          ${triggerText} <nile-icon name="arrowdown"></nile-icon>
+        </nile-button>
+        <nile-menu class="rte-default-menu">
+          ${opts.map(o => html `
+            <nile-menu-item
+              ?active=${o.value === this.selectedValue}
+              @click=${() => this.onSelect(o.value)}>
+              ${o.label}
+            </nile-menu-item>
+          `)}
+        </nile-menu>
+      </nile-dropdown>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], NileRteSelect.prototype, "type", void 0);
+__decorate([
+    property({ type: String })
+], NileRteSelect.prototype, "options", void 0);
+__decorate([
+    property({ attribute: false })
+], NileRteSelect.prototype, "optionsObj", void 0);
+__decorate([
+    property({ type: String })
+], NileRteSelect.prototype, "label", void 0);
+__decorate([
+    state()
+], NileRteSelect.prototype, "selectedValue", void 0);
+NileRteSelect = __decorate([
+    customElement('nile-rte-select')
+], NileRteSelect);
+export { NileRteSelect };
+//# sourceMappingURL=nile-rte-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rte-select.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/nile-rte-select.ts"],"names":[],"mappings":"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","sourcesContent":["// nile-rte-select.ts\nimport { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\ntype HeadingTag = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\ntype GenericOption = { value: string; label?: string; icon?: string };\ntype HeadingOption = { value: HeadingTag; label?: string; icon?: string };\ntype NormalizedOption = { value: string; label: string; icon?: string };\n\nconst HEADING_ALLOWLIST: ReadonlySet<HeadingTag> = new Set([\n  'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'\n]);\n\nfunction isHeadingTag(v: string): v is HeadingTag {\n  return HEADING_ALLOWLIST.has(v as HeadingTag);\n}\n\n@customElement('nile-rte-select')\nexport class NileRteSelect extends LitElement {\n  protected createRenderRoot() { return this; }\n\n  /** 'heading' | 'font' | 'align' */\n  @property({ type: String }) type = '';\n\n  /** JSON: [{ value, label?, icon? }, ...] (attribute-based; runtime-validated) */\n  @property({ type: String }) options = '[]';\n\n  /** Programmatic options (preferred for TS safety). */\n  @property({ attribute: false })\n  optionsObj?: Array<GenericOption | HeadingOption>;\n\n  /** Fallback label for trigger (e.g., \"Align\") */\n  @property({ type: String }) label = '';\n\n  @state() private selectedValue = '';\n\n  private mapAlignIcon(v: string) {\n    const map: Record<string,string> = {\n      left: 'align-left',\n      center: 'align-center',\n      right: 'align-right',\n      justify: 'nile-justify'\n    };\n    return map[v] || 'align-left';\n  }\n\n  private get parsedOptions(): NormalizedOption[] {\n    // Prefer programmatic options if present (gives TS compile-time checks)\n    const source: unknown = this.optionsObj ?? this.options;\n\n    const rawArray: any[] = (() => {\n      if (Array.isArray(source)) return source;\n      try { return JSON.parse(String(source)); } catch { return []; }\n    })();\n\n    // Normalize to consistent shape\n    let items: NormalizedOption[] = rawArray.map((o: any) => {\n      const value: string = o?.value ?? o;\n      const label: string = o?.label ?? o?.value ?? o;\n      const icon: string | undefined =\n        o?.icon ?? (this.type === 'align' ? this.mapAlignIcon(String(value)) : undefined);\n      return { value, label, icon };\n    });\n\n    // If type is heading, enforce allowlist (runtime validation)\n    if (this.type === 'heading') {\n      const before = items.length;\n      items = items.filter(i => isHeadingTag(i.value));\n      if (items.length !== before) {\n      }\n      // If current selection is invalid for heading, reset\n      if (this.selectedValue && !isHeadingTag(this.selectedValue)) {\n        this.selectedValue = '';\n      }\n    }\n\n    return items;\n  }\n\n  private ensureDefault() {\n    if (!this.selectedValue) {\n      const first = this.parsedOptions[0];\n      if (first) this.selectedValue = first.value;\n    }\n  }\n\n  private onSelect(value: string) {\n    if (this.type === 'heading' && !isHeadingTag(value)) {\n      console.warn(`[nile-rte-select] Ignoring invalid heading value: ${value}`);\n      return;\n    }\n    this.selectedValue = value;\n    this.dispatchEvent(new CustomEvent('change', {\n      detail: value, bubbles: true, composed: true\n    }));\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.injectLocalStyles();\n  }\n\n  private injectLocalStyles() {\n    if (this.querySelector('style[data-rte-select-style]')) return;\n\n    const style = document.createElement('style');\n    style.setAttribute('data-rte-select-style', 'true');\n    style.textContent = `\n      nile-menu.rte-align-menu::part(menu__items-wrapper) {\n        display: flex;\n      }\n      nile-menu.rte-align-menu,\n      nile-menu.rte-default-menu {\n        margin-top: 0px;\n      }\n      nile-button.rte-align-trigger::part(base),\n      nile-button.rte-default-trigger::part(base) {\n        min-width: 32px;\n        height: 32px;\n        padding: 0px 6px;\n        box-shadow: none;\n      }\n    `;\n    this.insertBefore(style, this.firstChild);\n  }\n\n  render() {\n    const opts = this.parsedOptions;\n    this.ensureDefault();\n    const current = opts.find(o => o.value === this.selectedValue);\n\n    // ► Align: icon-only items + icon trigger\n    if (this.type === 'align') {\n      const trigger = current?.icon\n        ? html`<nile-icon name=\"${current.icon}\"></nile-icon>`\n        : (this.label || 'Align');\n\n      return html`\n        <nile-dropdown class=\"rte-align-dd\">\n          <nile-button slot=\"trigger\" variant=\"tertiary\" class=\"rte-align-trigger\">\n            ${trigger}\n          </nile-button>\n          <nile-menu class=\"rte-align-menu\">\n            ${opts.map(o => html`\n              <nile-menu-item\n                class=\"rte-align-item\"\n                ?active=${o.value === this.selectedValue}\n                @click=${() => this.onSelect(o.value)}>\n                <nile-icon name=\"${o.icon}\"></nile-icon>\n              </nile-menu-item>\n            `)}\n          </nile-menu>\n        </nile-dropdown>\n      `;\n    }\n\n    // ► Font: show labels, preview fonts in items and trigger\n    if (this.type === 'font') {\n      const triggerText = current?.label || this.label || 'Font';\n      return html`\n        <nile-dropdown class=\"rte-default-dd\">\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"rte-default-trigger\"\n            style=\"font-family: ${current?.value || 'inherit'}\">\n            ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n          </nile-button>\n          <nile-menu class=\"rte-default-menu\">\n            ${opts.map(o => html`\n              <nile-menu-item\n                style=\"font-family: ${o.value}\"\n                ?active=${o.value === this.selectedValue}\n                @click=${() => this.onSelect(o.value)}>\n                ${o.label}\n              </nile-menu-item>\n            `)}\n          </nile-menu>\n        </nile-dropdown>\n      `;\n    }\n\n    // ► Default (e.g., heading): text items; heading values are validated already\n    const triggerText = current?.label || this.label || 'Select';\n    return html`\n      <nile-dropdown class=\"rte-default-dd\">\n        <nile-button slot=\"trigger\" variant=\"tertiary\" class=\"rte-default-trigger\">\n          ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n        </nile-button>\n        <nile-menu class=\"rte-default-menu\">\n          ${opts.map(o => html`\n            <nile-menu-item\n              ?active=${o.value === this.selectedValue}\n              @click=${() => this.onSelect(o.value)}>\n              ${o.label}\n            </nile-menu-item>\n          `)}\n        </nile-menu>\n      </nile-dropdown>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-rte-select': NileRteSelect;\n  }\n}\n"]}

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

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+export declare class NileRteToolbarItem extends LitElement {
+    protected createRenderRoot(): this;
+    protected shouldUpdate(): boolean;
+    name: string;
+    label: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-rte-toolbar-item': NileRteToolbarItem;
+    }
+}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+export declare class NileRteToolbar extends LitElement {
+    protected createRenderRoot(): this;
+    protected shouldUpdate(): boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-rte-toolbar': NileRteToolbar;
+    }
+}

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

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

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

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

package/dist/src/nile-rich-text-editor/nille-rte-mention.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+export interface MentionItem {
+    key: string;
+    label: string;
+}
+export type MentionsConfig = Record<string, MentionItem[]>;
+/**
+ * Declarative, inert config provider for mentions.
+ * Usage:
+ *   <nile-rte-mentions mentions='{"@":[{"key":"alice","label":"Alice"}]}'></nile-rte-mentions>
+ */
+export declare class NileRteMentions extends LitElement {
+    protected createRenderRoot(): this;
+    protected shouldUpdate(): boolean;
+    mentions: MentionsConfig;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-rte-mentions': NileRteMentions;
+    }
+}

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

@@ -0,0 +1,47 @@
+import { __decorate } from "tslib";
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+ * Declarative, inert config provider for mentions.
+ * Usage:
+ *   <nile-rte-mentions mentions='{"@":[{"key":"alice","label":"Alice"}]}'></nile-rte-mentions>
+ */
+let NileRteMentions = class NileRteMentions extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.mentions = {};
+    }
+    createRenderRoot() { return this; } // Light DOM
+    shouldUpdate() { return false; } // inert; keep authored markup untouched
+};
+__decorate([
+    property({
+        attribute: 'mentions',
+        converter: {
+            fromAttribute: (value) => {
+                try {
+                    const parsed = JSON.parse(value);
+                    const result = {};
+                    for (const trigger of Object.keys(parsed)) {
+                        const items = parsed[trigger];
+                        if (Array.isArray(items)) {
+                            result[trigger] = items
+                                .filter((i) => i && typeof i.key === 'string' && typeof i.label === 'string')
+                                .map((i) => ({ key: i.key, label: i.label }));
+                        }
+                    }
+                    return result;
+                }
+                catch {
+                    return {};
+                }
+            },
+            toAttribute: (value) => JSON.stringify(value),
+        }
+    })
+], NileRteMentions.prototype, "mentions", void 0);
+NileRteMentions = __decorate([
+    customElement('nile-rte-mentions')
+], NileRteMentions);
+export { NileRteMentions };
+//# sourceMappingURL=nille-rte-mention.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nille-rte-mention.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/nille-rte-mention.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAQ5D;;;;GAIG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QA2BL,aAAQ,GAAmB,EAAE,CAAC;IAChC,CAAC;IA3BW,gBAAgB,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,CAAG,YAAY;IAClD,YAAY,KAAK,OAAO,KAAK,CAAC,CAAC,CAAC,CAAM,wCAAwC;CA0BzF,CAAA;AADC;IAvBC,QAAQ,CAAC;QACR,SAAS,EAAE,UAAU;QACrB,SAAS,EAAE;YACT,aAAa,EAAE,CAAC,KAAa,EAAkB,EAAE;gBAC/C,IAAI,CAAC;oBACH,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;oBACjC,MAAM,MAAM,GAAmB,EAAE,CAAC;oBAClC,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;wBAC1C,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;wBAC9B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;4BACzB,MAAM,CAAC,OAAO,CAAC,GAAG,KAAK;iCACpB,MAAM,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC;iCACjF,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;wBACvD,CAAC;oBACH,CAAC;oBACD,OAAO,MAAM,CAAC;gBAChB,CAAC;gBAAC,MAAM,CAAC;oBACP,OAAO,EAAE,CAAC;gBACZ,CAAC;YACH,CAAC;YACD,WAAW,EAAE,CAAC,KAAqB,EAAU,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;SACtE;KACF,CAAC;iDAC4B;AA3BnB,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA4B3B","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nexport interface MentionItem {\n  key: string;\n  label: string;\n}\nexport type MentionsConfig = Record<string, MentionItem[]>;\n\n/**\n * Declarative, inert config provider for mentions.\n * Usage:\n *   <nile-rte-mentions mentions='{\"@\":[{\"key\":\"alice\",\"label\":\"Alice\"}]}'></nile-rte-mentions>\n */\n@customElement('nile-rte-mentions')\nexport class NileRteMentions extends LitElement {\n  protected createRenderRoot() { return this; }   // Light DOM\n  protected shouldUpdate() { return false; }      // inert; keep authored markup untouched\n\n  @property({\n    attribute: 'mentions',\n    converter: {\n      fromAttribute: (value: string): MentionsConfig => {\n        try {\n          const parsed = JSON.parse(value);\n          const result: MentionsConfig = {};\n          for (const trigger of Object.keys(parsed)) {\n            const items = parsed[trigger];\n            if (Array.isArray(items)) {\n              result[trigger] = items\n                .filter((i: any) => i && typeof i.key === 'string' && typeof i.label === 'string')\n                .map((i: any) => ({ key: i.key, label: i.label }));\n            }\n          }\n          return result;\n        } catch {\n          return {};\n        }\n      },\n      toAttribute: (value: MentionsConfig): string => JSON.stringify(value),\n    }\n  })\n  mentions: MentionsConfig = {};\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-rte-mentions': NileRteMentions;\n  }\n}\n"]}

package/dist/src/nile-rich-text-editor/nille-rte-mentions.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+export interface MentionItem {
+    key: string;
+    label: string;
+}
+export type MentionsConfig = Record<string, MentionItem[]>;
+/**
+ * Declarative, inert config provider for mentions.
+ * Example:
+ *   <nile-rte-mentions mentions='{"@":[{"key":"alice","label":"Alice"}]}'></nile-rte-mentions>
+ */
+export declare class NileRteMentions extends LitElement {
+    protected createRenderRoot(): this;
+    protected shouldUpdate(): boolean;
+    mentions: MentionsConfig;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-rte-mentions': NileRteMentions;
+    }
+}

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

@@ -0,0 +1,47 @@
+import { __decorate } from "tslib";
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+ * Declarative, inert config provider for mentions.
+ * Example:
+ *   <nile-rte-mentions mentions='{"@":[{"key":"alice","label":"Alice"}]}'></nile-rte-mentions>
+ */
+let NileRteMentions = class NileRteMentions extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.mentions = {};
+    }
+    createRenderRoot() { return this; } // Light DOM
+    shouldUpdate() { return false; } // inert
+};
+__decorate([
+    property({
+        attribute: 'mentions',
+        converter: {
+            fromAttribute: (value) => {
+                try {
+                    const parsed = JSON.parse(value);
+                    const result = {};
+                    for (const trigger of Object.keys(parsed)) {
+                        const items = parsed[trigger];
+                        if (Array.isArray(items)) {
+                            result[trigger] = items
+                                .filter((i) => i && typeof i.key === 'string' && typeof i.label === 'string')
+                                .map((i) => ({ key: i.key, label: i.label }));
+                        }
+                    }
+                    return result;
+                }
+                catch {
+                    return {};
+                }
+            },
+            toAttribute: (value) => JSON.stringify(value),
+        }
+    })
+], NileRteMentions.prototype, "mentions", void 0);
+NileRteMentions = __decorate([
+    customElement('nile-rte-mentions')
+], NileRteMentions);
+export { NileRteMentions };
+//# sourceMappingURL=nille-rte-mentions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nille-rte-mentions.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/nille-rte-mentions.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAQ5D;;;;GAIG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QA2BL,aAAQ,GAAmB,EAAE,CAAC;IAChC,CAAC;IA3BW,gBAAgB,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,CAAG,YAAY;IAClD,YAAY,KAAK,OAAO,KAAK,CAAC,CAAC,CAAC,CAAM,QAAQ;CA0BzD,CAAA;AADC;IAvBC,QAAQ,CAAC;QACR,SAAS,EAAE,UAAU;QACrB,SAAS,EAAE;YACT,aAAa,EAAE,CAAC,KAAa,EAAkB,EAAE;gBAC/C,IAAI,CAAC;oBACH,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;oBACjC,MAAM,MAAM,GAAmB,EAAE,CAAC;oBAClC,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;wBAC1C,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;wBAC9B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;4BACzB,MAAM,CAAC,OAAO,CAAC,GAAG,KAAK;iCACpB,MAAM,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC;iCACjF,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;wBACvD,CAAC;oBACH,CAAC;oBACD,OAAO,MAAM,CAAC;gBAChB,CAAC;gBAAC,MAAM,CAAC;oBACP,OAAO,EAAE,CAAC;gBACZ,CAAC;YACH,CAAC;YACD,WAAW,EAAE,CAAC,KAAqB,EAAU,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;SACtE;KACF,CAAC;iDAC4B;AA3BnB,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA4B3B","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nexport interface MentionItem {\n  key: string;\n  label: string;\n}\nexport type MentionsConfig = Record<string, MentionItem[]>;\n\n/**\n * Declarative, inert config provider for mentions.\n * Example:\n *   <nile-rte-mentions mentions='{\"@\":[{\"key\":\"alice\",\"label\":\"Alice\"}]}'></nile-rte-mentions>\n */\n@customElement('nile-rte-mentions')\nexport class NileRteMentions extends LitElement {\n  protected createRenderRoot() { return this; }   // Light DOM\n  protected shouldUpdate() { return false; }      // inert\n\n  @property({\n    attribute: 'mentions',\n    converter: {\n      fromAttribute: (value: string): MentionsConfig => {\n        try {\n          const parsed = JSON.parse(value);\n          const result: MentionsConfig = {};\n          for (const trigger of Object.keys(parsed)) {\n            const items = parsed[trigger];\n            if (Array.isArray(items)) {\n              result[trigger] = items\n                .filter((i: any) => i && typeof i.key === 'string' && typeof i.label === 'string')\n                .map((i: any) => ({ key: i.key, label: i.label }));\n            }\n          }\n          return result;\n        } catch {\n          return {};\n        }\n      },\n      toAttribute: (value: MentionsConfig): string => JSON.stringify(value),\n    }\n  })\n  mentions: MentionsConfig = {};\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-rte-mentions': NileRteMentions;\n  }\n}\n"]}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=nile-rich-text-editor-toolbar-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rich-text-editor-toolbar-item.js","sourceRoot":"","sources":["../../../../src/nile-rich-text-editor/sub-components/nile-rich-text-editor-toolbar-item.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-content/nile-rich-text-editor-content.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+export declare class NileRichTextEditorContent extends LitElement {
+    protected createRenderRoot(): this;
+    private _editor;
+    firstUpdated(): void;
+    private _applyFormat;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,39 @@
+import { __decorate } from "tslib";
+import { LitElement, html } from 'lit';
+import { customElement, query } from 'lit/decorators.js';
+let NileRichTextEditorContent = class NileRichTextEditorContent extends LitElement {
+    createRenderRoot() { return this; }
+    firstUpdated() {
+        // catch any <nile-rich-text-editor-toolbar-item> clicks
+        this.addEventListener('format', (e) => {
+            this._applyFormat(e.detail);
+        });
+    }
+    _applyFormat(cmd) {
+        const sel = window.getSelection();
+        if (!sel || sel.rangeCount === 0)
+            return;
+        const range = sel.getRangeAt(0);
+        const contents = range.extractContents();
+        const tag = cmd === 'bold' ? 'strong' : cmd === 'italic' ? 'em' : 'u';
+        const wrapper = document.createElement(tag);
+        wrapper.appendChild(contents);
+        range.insertNode(wrapper);
+        // restore selection inside new wrapper
+        sel.removeAllRanges();
+        const newRange = document.createRange();
+        newRange.selectNodeContents(wrapper);
+        sel.addRange(newRange);
+    }
+    render() {
+        return html `<div class="editor" contenteditable="true"></div>`;
+    }
+};
+__decorate([
+    query('.editor')
+], NileRichTextEditorContent.prototype, "_editor", void 0);
+NileRichTextEditorContent = __decorate([
+    customElement('nile-rich-text-editor-content')
+], NileRichTextEditorContent);
+export { NileRichTextEditorContent };
+//# sourceMappingURL=nile-rich-text-editor-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rich-text-editor-content.js","sourceRoot":"","sources":["../../../../../src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-content/nile-rich-text-editor-content.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAGlD,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,UAAU;IAC7C,gBAAgB,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC;IAI7C,YAAY;QACV,wDAAwD;QACxD,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE;YACzC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,YAAY,CAAC,GAAgC;QACnD,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;QAClC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,UAAU,KAAK,CAAC;YAAE,OAAO;QACzC,MAAM,KAAK,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,MAAM,QAAQ,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC;QACzC,MAAM,GAAG,GAAG,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;QACtE,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC5C,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC9B,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC1B,uCAAuC;QACvC,GAAG,CAAC,eAAe,EAAE,CAAC;QACtB,MAAM,QAAQ,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QACxC,QAAQ,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QACrC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,mDAAmD,CAAC;IACjE,CAAC;CACF,CAAA;AA5B2B;IAAzB,KAAK,CAAC,SAAS,CAAC;0DAA+B;AAHrC,yBAAyB;IADrC,aAAa,CAAC,+BAA+B,CAAC;GAClC,yBAAyB,CA+BrC","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, query } from 'lit/decorators.js';\n\n@customElement('nile-rich-text-editor-content')\nexport class NileRichTextEditorContent extends LitElement {\n  protected createRenderRoot() { return this; }\n\n  @query('.editor') private _editor!: HTMLElement;\n\n  firstUpdated() {\n    // catch any <nile-rich-text-editor-toolbar-item> clicks\n    this.addEventListener('format', (e: any) => {\n      this._applyFormat(e.detail);\n    });\n  }\n\n  private _applyFormat(cmd: 'bold'|'italic'|'underline') {\n    const sel = window.getSelection();\n    if (!sel || sel.rangeCount === 0) return;\n    const range = sel.getRangeAt(0);\n    const contents = range.extractContents();\n    const tag = cmd === 'bold' ? 'strong' : cmd === 'italic' ? 'em' : 'u';\n    const wrapper = document.createElement(tag);\n    wrapper.appendChild(contents);\n    range.insertNode(wrapper);\n    // restore selection inside new wrapper\n    sel.removeAllRanges();\n    const newRange = document.createRange();\n    newRange.selectNodeContents(wrapper);\n    sel.addRange(newRange);\n  }\n\n  render() {\n    return html`<div class=\"editor\" contenteditable=\"true\"></div>`;\n  }\n}\n"]}

package/dist/src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-content/nile-rich-text-editor-preview.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=nile-rich-text-editor-preview.js.map

package/dist/src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-content/nile-rich-text-editor-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rich-text-editor-preview.js","sourceRoot":"","sources":["../../../../../src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-content/nile-rich-text-editor-preview.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-mentions/nile-rich-text-editor-mentions.d.ts

@@ -0,0 +1,12 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class NileRichTextEditorMentions extends LitElement {
+    createRenderRoot(): this;
+    /** Called by root to open the matching child */
+    openFor(char: string, range: Range): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-rich-text-editor-mentions': NileRichTextEditorMentions;
+    }
+}

package/dist/src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-mentions/nile-rich-text-editor-mentions.js

@@ -0,0 +1,24 @@
+import { __decorate } from "tslib";
+import { LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let NileRichTextEditorMentions = class NileRichTextEditorMentions extends LitElement {
+    createRenderRoot() { return this; } // Light DOM
+    /** Called by root to open the matching child */
+    openFor(char, range) {
+        for (const c of Array.from(this.children)) {
+            const item = c;
+            if (item.mentionsCharacter === char) {
+                item.openAt(range);
+                break;
+            }
+        }
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+NileRichTextEditorMentions = __decorate([
+    customElement('nile-rich-text-editor-mentions')
+], NileRichTextEditorMentions);
+export { NileRichTextEditorMentions };
+//# sourceMappingURL=nile-rich-text-editor-mentions.js.map

package/dist/src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-mentions/nile-rich-text-editor-mentions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rich-text-editor-mentions.js","sourceRoot":"","sources":["../../../../../src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-mentions/nile-rich-text-editor-mentions.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG3C,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,UAAU;IACxD,gBAAgB,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY;IAEhD,gDAAgD;IAChD,OAAO,CAAC,IAAY,EAAE,KAAY;QAChC,KAAK,MAAM,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC1C,MAAM,IAAI,GAAG,CAAQ,CAAC;YACtB,IAAI,IAAI,CAAC,iBAAiB,KAAK,IAAI,EAAE,CAAC;gBACpC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AAjBY,0BAA0B;IADtC,aAAa,CAAC,gCAAgC,CAAC;GACnC,0BAA0B,CAiBtC","sourcesContent":["import { LitElement, html, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('nile-rich-text-editor-mentions')\nexport class NileRichTextEditorMentions extends LitElement {\n  createRenderRoot() { return this; } // Light DOM\n\n  /** Called by root to open the matching child */\n  openFor(char: string, range: Range) {\n    for (const c of Array.from(this.children)) {\n      const item = c as any;\n      if (item.mentionsCharacter === char) {\n        item.openAt(range);\n        break;\n      }\n    }\n  }\n\n  render(): TemplateResult {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-rich-text-editor-mentions': NileRichTextEditorMentions;\n  }\n}\n"]}

package/dist/src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-mentions-item/nile-rich-text-editor-mentions-item.d.ts

@@ -0,0 +1,25 @@
+import { LitElement, TemplateResult } from 'lit';
+export interface MentionItem {
+    key: string;
+    label: string;
+}
+export declare class NileRichTextEditorMentionsItem extends LitElement {
+    createRenderRoot(): this;
+    mentionsCharacter: string;
+    mentionsData: string;
+    private open;
+    private items;
+    private x;
+    private y;
+    static styles: import("lit").CSSResult;
+    firstUpdated(): void;
+    /** Called by `<nile-lightdomeditor-mentions>` */
+    openAt(range: Range): void;
+    private _select;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-rich-text-editor-mentions-item': NileRichTextEditorMentionsItem;
+    }
+}