npm - @aquera/nile-elements - Versions diffs - 0.1.64 → 0.1.65-beta-1.0 - Mend

@aquera/nile-elements 0.1.64 → 0.1.65-beta-1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1263) hide show

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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.d.ts ADDED Viewed

File without changes

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

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# 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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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.d.ts ADDED Viewed

File without changes

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

	@@ -0,0 +1,2 @@
1	+ "use strict";
2	+ //# 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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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;
+    }
+}