@aquera/nile-elements 0.1.63 → 0.1.64-beta-1.1

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\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  /** JSON: [{ value, label?, icon? }, ...] */\n  @property({ type: String }) options = '[]';\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: 'align-justify'\n    };\n    return map[v] || 'align-left';\n  }\n\n  private get parsedOptions(): Array<{ value: string; label: string; icon?: string }> {\n    try {\n      const raw = JSON.parse(this.options);\n      return raw.map((o: any) => {\n        const value = o.value ?? o;\n        const label = o.label ?? o.value ?? o;\n        const icon  = o.icon ?? (this.type === 'align' ? this.mapAlignIcon(String(value)) : undefined);\n        return { value, label, icon };\n      });\n    } catch {\n      return [];\n    }\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    this.selectedValue = value;\n    this.dispatchEvent(new CustomEvent('change', {\n      detail: value, bubbles: true, composed: true\n    }));\n  }\n\n \n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.injectLocalStyles();   \n  }\n\n  private injectLocalStyles() {\n \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\n  nile-menu.rte-align-menu::part(menu__items-wrapper) {\n    display: flex;\n  }\n    nile-menu.rte-align-menu,nile-menu.rte-default-menu{\n    margin-bottom: 1px;\n    }\n\n    nile-button.rte-align-trigger::part(base),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    `;\n \n  this.insertBefore(style, this.firstChild);\n  }\n\n\n  render() {\n    const opts = this.parsedOptions;\n    this.ensureDefault();\n    const current = opts.find(o => o.value === this.selectedValue);\n\n    if (this.type === 'align') {\n      // ► Align: separate dropdown instance + icon-only items + icon trigger\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    // ► Everything else: default (text) dropdown\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}\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;
+    }
+}

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

@@ -0,0 +1,89 @@
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+let NileRichTextEditorMentionsItem = class NileRichTextEditorMentionsItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.mentionsCharacter = '';
+        this.mentionsData = '[]';
+        this.open = false;
+        this.items = [];
+        this.x = 0;
+        this.y = 0;
+    }
+    createRenderRoot() { return this; } // Light DOM
+    firstUpdated() {
+        this.items = JSON.parse(this.mentionsData);
+    }
+    /** Called by `<nile-lightdomeditor-mentions>` */
+    openAt(range) {
+        const rect = range.getClientRects()[0];
+        if (!rect)
+            return;
+        const container = this.getBoundingClientRect();
+        this.x = rect.left - container.left;
+        this.y = rect.bottom - container.top;
+        this.open = true;
+        this.requestUpdate();
+    }
+    _select(item) {
+        this.dispatchEvent(new CustomEvent('mention-selected', {
+            bubbles: true,
+            composed: true,
+            detail: item
+        }));
+        this.open = false;
+    }
+    render() {
+        return html `
+      ${this.open ? html `
+        <ul class="dropdown" style="top:${this.y}px; left:${this.x}px">
+          ${this.items.map(i => html `
+            <li @mousedown=${() => this._select(i)}>${i.label}</li>
+          `)}
+        </ul>
+      ` : null}
+      <slot></slot>
+    `;
+    }
+};
+NileRichTextEditorMentionsItem.styles = css `
+    .dropdown {
+      position: absolute;
+      background: white;
+      border: 1px solid #ccc;
+      list-style: none;
+      margin: 0;
+      padding: 4px;
+    }
+    .dropdown li {
+      padding: 2px 8px;
+      cursor: pointer;
+    }
+    .dropdown li:hover {
+      background: #eee;
+    }
+  `;
+__decorate([
+    property({ attribute: 'mentions-character' })
+], NileRichTextEditorMentionsItem.prototype, "mentionsCharacter", void 0);
+__decorate([
+    property({ attribute: 'mentions-data' })
+], NileRichTextEditorMentionsItem.prototype, "mentionsData", void 0);
+__decorate([
+    state()
+], NileRichTextEditorMentionsItem.prototype, "open", void 0);
+__decorate([
+    state()
+], NileRichTextEditorMentionsItem.prototype, "items", void 0);
+__decorate([
+    state()
+], NileRichTextEditorMentionsItem.prototype, "x", void 0);
+__decorate([
+    state()
+], NileRichTextEditorMentionsItem.prototype, "y", void 0);
+NileRichTextEditorMentionsItem = __decorate([
+    customElement('nile-rich-text-editor-mentions-item')
+], NileRichTextEditorMentionsItem);
+export { NileRichTextEditorMentionsItem };
+//# sourceMappingURL=nile-rich-text-editor-mentions-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rich-text-editor-mentions-item.js","sourceRoot":"","sources":["../../../../../src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-mentions-item/nile-rich-text-editor-mentions-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkB,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK5D,IAAM,8BAA8B,GAApC,MAAM,8BAA+B,SAAQ,UAAU;IAAvD;;QAG0C,sBAAiB,GAAG,EAAE,CAAC;QAC5B,iBAAY,GAAG,IAAI,CAAC;QAE7C,SAAI,GAAG,KAAK,CAAC;QACb,UAAK,GAAkB,EAAE,CAAC;QAC1B,MAAC,GAAG,CAAC,CAAC;QACN,MAAC,GAAG,CAAC,CAAC;IAwDzB,CAAC;IAhEC,gBAAgB,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY;IA4BhD,YAAY;QACV,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC7C,CAAC;IAED,iDAAiD;IACjD,MAAM,CAAC,KAAY;QACjB,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC;QACvC,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,MAAM,SAAS,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/C,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;QACpC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC;QACrC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEO,OAAO,CAAC,IAAiB;QAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE;YACrD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,IAAI;SACb,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;0CACkB,IAAI,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC;YACtD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA;6BACP,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK;WAClD,CAAC;;OAEL,CAAC,CAAC,CAAC,IAAI;;KAET,CAAC;IACJ,CAAC;;AArDM,qCAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;GAgBlB,AAhBY,CAgBX;AAxB6C;IAA9C,QAAQ,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;yEAAwB;AAC5B;IAAzC,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;oEAAqB;AAE7C;IAAhB,KAAK,EAAE;4DAAsB;AACb;IAAhB,KAAK,EAAE;6DAAmC;AAC1B;IAAhB,KAAK,EAAE;yDAAe;AACN;IAAhB,KAAK,EAAE;yDAAe;AATZ,8BAA8B;IAD1C,aAAa,CAAC,qCAAqC,CAAC;GACxC,8BAA8B,CAiE1C","sourcesContent":["import { LitElement, html, TemplateResult, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nexport interface MentionItem { key: string; label: string; }\n\n@customElement('nile-rich-text-editor-mentions-item')\nexport class NileRichTextEditorMentionsItem extends LitElement {\n  createRenderRoot() { return this; } // Light DOM\n\n  @property({ attribute: 'mentions-character' }) mentionsCharacter = '';\n  @property({ attribute: 'mentions-data' }) mentionsData = '[]';\n\n  @state() private open = false;\n  @state() private items: MentionItem[] = [];\n  @state() private x = 0;\n  @state() private y = 0;\n\n  static styles = css`\n    .dropdown {\n      position: absolute;\n      background: white;\n      border: 1px solid #ccc;\n      list-style: none;\n      margin: 0;\n      padding: 4px;\n    }\n    .dropdown li {\n      padding: 2px 8px;\n      cursor: pointer;\n    }\n    .dropdown li:hover {\n      background: #eee;\n    }\n  `;\n\n  firstUpdated() {\n    this.items = JSON.parse(this.mentionsData);\n  }\n\n  /** Called by `<nile-lightdomeditor-mentions>` */\n  openAt(range: Range) {\n    const rect = range.getClientRects()[0];\n    if (!rect) return;\n    const container = this.getBoundingClientRect();\n    this.x = rect.left - container.left;\n    this.y = rect.bottom - container.top;\n    this.open = true;\n    this.requestUpdate();\n  }\n\n  private _select(item: MentionItem) {\n    this.dispatchEvent(new CustomEvent('mention-selected', {\n      bubbles: true,\n      composed: true,\n      detail: item\n    }));\n    this.open = false;\n  }\n\n  render(): TemplateResult {\n    return html`\n      ${this.open ? html`\n        <ul class=\"dropdown\" style=\"top:${this.y}px; left:${this.x}px\">\n          ${this.items.map(i => html`\n            <li @mousedown=${() => this._select(i)}>${i.label}</li>\n          `)}\n        </ul>\n      ` : null}\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-rich-text-editor-mentions-item': NileRichTextEditorMentionsItem;\n  }\n}\n"]}

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

@@ -0,0 +1,12 @@
+/**
+* Copyright Aquera Inc 2023
+*
+* This source code is licensed under the BSD-3-Clause license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+ * RichTextEditor CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

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

@@ -0,0 +1,47 @@
+/**
+* Copyright Aquera Inc 2023
+*
+* This source code is licensed under the BSD-3-Clause license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+import { css } from 'lit';
+/**
+ * RichTextEditor CSS
+ */
+export const styles = css `
+ 
+ :host {
+    display: block;
+    font-family: sans-serif;
+  }
+
+  .toolbar {
+    display: flex;
+    align-items: center;
+    gap: 0.4em;
+    padding: 0.5em;
+    border-bottom: 1px solid #ccc;
+    background: #fafafa;
+  }
+
+  .nre-content {
+    min-height: 150px;
+    border: 1px solid #ccc;
+    padding: 0.8em;
+    margin-top: 0.5em;
+    background: #fff;
+    outline: none;
+  }
+
+  /* only renders if you declared a preview child */
+  .preview {
+    border: 1px solid #ccc;
+    padding: 1em;
+    margin-top: 1em;
+    background: #fff;
+  }
+ 
+
+`;
+export default [styles];
+//# sourceMappingURL=nile-rich-text-editor-preview.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rich-text-editor-preview.css.js","sourceRoot":"","sources":["../../../../../src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-preview/nile-rich-text-editor-preview.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * RichTextEditor CSS\n */\nexport const styles = css`\n \n :host {\n    display: block;\n    font-family: sans-serif;\n  }\n\n  .toolbar {\n    display: flex;\n    align-items: center;\n    gap: 0.4em;\n    padding: 0.5em;\n    border-bottom: 1px solid #ccc;\n    background: #fafafa;\n  }\n\n  .nre-content {\n    min-height: 150px;\n    border: 1px solid #ccc;\n    padding: 0.8em;\n    margin-top: 0.5em;\n    background: #fff;\n    outline: none;\n  }\n\n  /* only renders if you declared a preview child */\n  .preview {\n    border: 1px solid #ccc;\n    padding: 1em;\n    margin-top: 1em;\n    background: #fff;\n  }\n \n\n`;\n\nexport default [styles];"]}

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

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+export declare class NileRichTextEditorPreview extends LitElement {
+    content: string;
+    static styles: import("lit").CSSResult[];
+    protected createRenderRoot(): this;
+    updated(changed: Map<string, any>): void;
+}

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

@@ -0,0 +1,28 @@
+import { __decorate } from "tslib";
+// src/components/nile-rich-text-editor-preview/nile-rich-text-editor-preview.ts
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { styles } from './nile-rich-text-editor-preview.css';
+let NileRichTextEditorPreview = class NileRichTextEditorPreview extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.content = '';
+    }
+    createRenderRoot() {
+        return this;
+    }
+    updated(changed) {
+        if (changed.has('content')) {
+            this.innerHTML = this.content;
+        }
+    }
+};
+NileRichTextEditorPreview.styles = [styles];
+__decorate([
+    property({ type: String })
+], NileRichTextEditorPreview.prototype, "content", void 0);
+NileRichTextEditorPreview = __decorate([
+    customElement('nile-rich-text-editor-preview')
+], NileRichTextEditorPreview);
+export { NileRichTextEditorPreview };
+//# sourceMappingURL=nile-rich-text-editor-preview.js.map

package/dist/src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-preview/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-preview/nile-rich-text-editor-preview.ts"],"names":[],"mappings":";AAAA,gFAAgF;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAGtD,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,UAAU;IAAlD;;QACuB,YAAO,GAAG,EAAE,CAAC;IAa3C,CAAC;IATW,gBAAgB;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CAAC,OAAyB;QAC/B,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;QAChC,CAAC;IACH,CAAC;;AAVM,gCAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAFG;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DAAc;AAD9B,yBAAyB;IADrC,aAAa,CAAC,+BAA+B,CAAC;GAClC,yBAAyB,CAcrC","sourcesContent":["// src/components/nile-rich-text-editor-preview/nile-rich-text-editor-preview.ts\nimport { LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-rich-text-editor-preview.css';\n\n@customElement('nile-rich-text-editor-preview')\nexport class NileRichTextEditorPreview extends LitElement {\n  @property({ type: String }) content = '';\n\n  static styles = [styles];\n\n  protected createRenderRoot() {\n    return this;\n  }\n\n  updated(changed: Map<string, any>) {\n    if (changed.has('content')) {\n      this.innerHTML = this.content;\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+/**
+ * Lightdomeditor CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;