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

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;

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

@@ -0,0 +1,237 @@
+/**
+* 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';
+/**
+ * Lightdomeditor CSS
+ */
+export const styles = css `
+  :host {
+    /* you can add host-level vars or rules here if needed */
+  }
+
+  .editor-container {
+    border: 1px solid #d1d5db;
+	position: relative;
+    border-radius: 8px;
+    overflow: hidden;
+    background: #ffffff;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  }
+
+  .toolbar {
+    display: flex;
+    gap: 1px;
+    padding: 8px;
+    background: #f8f9fa;
+    border-bottom: 1px solid #e5e7eb;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+
+  .toolbar-group {
+    display: flex;
+    gap: 1px;
+    margin-right: 8px;
+    border-right: 1px solid #e5e7eb;
+    padding-right: 8px;
+  }
+
+  .toolbar-group:last-child {
+    border-right: none;
+    margin-right: 0;
+    padding-right: 0;
+  }
+
+  .format-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 28px;
+    height: 28px;
+    padding: 4px 6px;
+    border: 1px solid transparent;
+    background: transparent;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 14px;
+    font-family: inherit;
+    color: #374151;
+    transition: all 0.1s ease;
+  }
+  .format-btn:hover {
+    background: #e5e7eb;
+    border-color: #d1d5db;
+  }
+  .format-btn:active {
+    background: #d1d5db;
+  }
+
+  .font-select,
+  .fontsize-select,
+  .heading-select {
+    height: 28px;
+    padding: 4px 8px;
+    border: 1px solid #d1d5db;
+    background: #ffffff;
+    border-radius: 4px;
+    font-size: 14px;
+    font-family: inherit;
+    color: #374151;
+    cursor: pointer;
+  }
+  .font-select { min-width: 100px; }
+  .fontsize-select { min-width: 60px; }
+  .heading-select { min-width: 90px; }
+
+  .color-picker {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    border: 1px solid transparent;
+    background: transparent;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: all 0.1s ease;
+  }
+  .color-picker:hover {
+    background: #e5e7eb;
+    border-color: #d1d5db;
+  }
+  .text-color {
+    flex-direction: column;
+    font-weight: bold;
+    font-size: 16px;
+    color: #374151;
+  }
+  .color-bar {
+    width: 20px;
+    height: 3px;
+    margin-top: -2px;
+  }
+  .color-picker input[type="color"] {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    cursor: pointer;
+  }
+
+  .editor {
+    min-height: 300px;
+    padding: 16px;
+    outline: none;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-size: 14px;
+    line-height: 1.6;
+    color: #111827;
+    background: #ffffff;
+  }
+  .editor:empty::before {
+    content: 'Start typing here...';
+    color: #9ca3af;
+    pointer-events: none;
+  }
+  .editor img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+    margin: 8px 0;
+    border-radius: 4px;
+  }
+  .editor blockquote {
+    margin: 16px 0;
+    padding: 8px 16px;
+    border-left: 4px solid #e5e7eb;
+    background: #f9fafb;
+    font-style: italic;
+  }
+  .editor code {
+    background: #f3f4f6;
+    padding: 2px 4px;
+    border-radius: 3px;
+    font-family: 'Courier New', monospace;
+    font-size: 0.9em;
+  }
+  .editor hr {
+    border: none;
+    border-top: 2px solid #e5e7eb;
+    margin: 16px 0;
+  }
+
+  .status-bar {
+    display: flex;
+    justify-content: space-between;
+    padding: 8px 16px;
+    background: #f8f9fa;
+    border-top: 1px solid #e5e7eb;
+    font-size: 12px;
+    color: #6b7280;
+  }
+
+  .preview {
+    border: 1px solid #e5e7eb;
+    background: #ffffff;
+    padding: 16px;
+    border-radius: 8px;
+    margin-top: 16px;
+  }
+  .preview h3 {
+    margin: 0 0 12px 0;
+    color: #374151;
+    font-size: 16px;
+    font-weight: 600;
+  }
+  .preview .content {
+    color: #111827;
+    line-height: 1.6;
+  }
+
+  input[type="file"] {
+    display: none;
+  }
+
+  .mention-dropdown {
+    position: absolute;
+  background: #fff;
+  border: 1px solid #ccc;
+  list-style: none;
+  padding: 4px 0;
+  margin: 0;
+  max-height: 150px;
+  overflow-y: auto;
+  z-index: 100;
+}
+.mention-dropdown li {
+  padding: 4px 12px;
+  cursor: pointer;
+}
+.mention-dropdown li:hover {
+  background: #f0f0f0;
+}
+
+/* styles for the in-editor mentions */
+/* .mention {
+  background-color: #A5D3F3 
+  color: #fff;               
+  padding: 2px 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+} */
+
+/* ensure preview also picks it up */
+/* .preview .mention {
+  background-color: #A5D3F3;
+  color: #fff;
+} */
+
+
+`;
+export default [styles];
+//# sourceMappingURL=nile-rich-text-editor-toolbar.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rich-text-editor-toolbar.css.js","sourceRoot":"","sources":["../../../../../src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-toolbar/nile-rich-text-editor-toolbar.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgOxB,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*/\nimport { css } from 'lit';\n\n/**\n * Lightdomeditor CSS\n */\nexport const styles = css`\n  :host {\n    /* you can add host-level vars or rules here if needed */\n  }\n\n  .editor-container {\n    border: 1px solid #d1d5db;\n\tposition: relative;\n    border-radius: 8px;\n    overflow: hidden;\n    background: #ffffff;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  }\n\n  .toolbar {\n    display: flex;\n    gap: 1px;\n    padding: 8px;\n    background: #f8f9fa;\n    border-bottom: 1px solid #e5e7eb;\n    align-items: center;\n    flex-wrap: wrap;\n  }\n\n  .toolbar-group {\n    display: flex;\n    gap: 1px;\n    margin-right: 8px;\n    border-right: 1px solid #e5e7eb;\n    padding-right: 8px;\n  }\n\n  .toolbar-group:last-child {\n    border-right: none;\n    margin-right: 0;\n    padding-right: 0;\n  }\n\n  .format-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 28px;\n    height: 28px;\n    padding: 4px 6px;\n    border: 1px solid transparent;\n    background: transparent;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 14px;\n    font-family: inherit;\n    color: #374151;\n    transition: all 0.1s ease;\n  }\n  .format-btn:hover {\n    background: #e5e7eb;\n    border-color: #d1d5db;\n  }\n  .format-btn:active {\n    background: #d1d5db;\n  }\n\n  .font-select,\n  .fontsize-select,\n  .heading-select {\n    height: 28px;\n    padding: 4px 8px;\n    border: 1px solid #d1d5db;\n    background: #ffffff;\n    border-radius: 4px;\n    font-size: 14px;\n    font-family: inherit;\n    color: #374151;\n    cursor: pointer;\n  }\n  .font-select { min-width: 100px; }\n  .fontsize-select { min-width: 60px; }\n  .heading-select { min-width: 90px; }\n\n  .color-picker {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid transparent;\n    background: transparent;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.1s ease;\n  }\n  .color-picker:hover {\n    background: #e5e7eb;\n    border-color: #d1d5db;\n  }\n  .text-color {\n    flex-direction: column;\n    font-weight: bold;\n    font-size: 16px;\n    color: #374151;\n  }\n  .color-bar {\n    width: 20px;\n    height: 3px;\n    margin-top: -2px;\n  }\n  .color-picker input[type=\"color\"] {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  .editor {\n    min-height: 300px;\n    padding: 16px;\n    outline: none;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 14px;\n    line-height: 1.6;\n    color: #111827;\n    background: #ffffff;\n  }\n  .editor:empty::before {\n    content: 'Start typing here...';\n    color: #9ca3af;\n    pointer-events: none;\n  }\n  .editor img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n    margin: 8px 0;\n    border-radius: 4px;\n  }\n  .editor blockquote {\n    margin: 16px 0;\n    padding: 8px 16px;\n    border-left: 4px solid #e5e7eb;\n    background: #f9fafb;\n    font-style: italic;\n  }\n  .editor code {\n    background: #f3f4f6;\n    padding: 2px 4px;\n    border-radius: 3px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n  }\n  .editor hr {\n    border: none;\n    border-top: 2px solid #e5e7eb;\n    margin: 16px 0;\n  }\n\n  .status-bar {\n    display: flex;\n    justify-content: space-between;\n    padding: 8px 16px;\n    background: #f8f9fa;\n    border-top: 1px solid #e5e7eb;\n    font-size: 12px;\n    color: #6b7280;\n  }\n\n  .preview {\n    border: 1px solid #e5e7eb;\n    background: #ffffff;\n    padding: 16px;\n    border-radius: 8px;\n    margin-top: 16px;\n  }\n  .preview h3 {\n    margin: 0 0 12px 0;\n    color: #374151;\n    font-size: 16px;\n    font-weight: 600;\n  }\n  .preview .content {\n    color: #111827;\n    line-height: 1.6;\n  }\n\n  input[type=\"file\"] {\n    display: none;\n  }\n\n  .mention-dropdown {\n    position: absolute;\n  background: #fff;\n  border: 1px solid #ccc;\n  list-style: none;\n  padding: 4px 0;\n  margin: 0;\n  max-height: 150px;\n  overflow-y: auto;\n  z-index: 100;\n}\n.mention-dropdown li {\n  padding: 4px 12px;\n  cursor: pointer;\n}\n.mention-dropdown li:hover {\n  background: #f0f0f0;\n}\n\n/* styles for the in-editor mentions */\n/* .mention {\n  background-color: #A5D3F3 \n  color: #fff;               \n  padding: 2px 4px;\n  border-radius: 4px;\n  white-space: nowrap;\n} */\n\n/* ensure preview also picks it up */\n/* .preview .mention {\n  background-color: #A5D3F3;\n  color: #fff;\n} */\n\n\n`;\n\nexport default [styles];\n"]}

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

@@ -0,0 +1,5 @@
+import { LitElement } from 'lit';
+export declare class NileRichTextEditorToolbar extends LitElement {
+    protected createRenderRoot(): this;
+    connectedCallback(): void;
+}

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

@@ -0,0 +1,26 @@
+import { __decorate } from "tslib";
+import { LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let NileRichTextEditorToolbar = class NileRichTextEditorToolbar extends LitElement {
+    createRenderRoot() {
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // take your light-DOM children
+        const children = Array.from(this.childNodes);
+        // clear out the host
+        this.innerHTML = '';
+        // make our toolbar wrapper
+        const wrap = document.createElement('div');
+        wrap.classList.add('toolbar');
+        // re-append your original children
+        children.forEach(n => wrap.appendChild(n));
+        this.appendChild(wrap);
+    }
+};
+NileRichTextEditorToolbar = __decorate([
+    customElement('nile-rich-text-editor-toolbar')
+], NileRichTextEditorToolbar);
+export { NileRichTextEditorToolbar };
+//# sourceMappingURL=nile-rich-text-editor-toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rich-text-editor-toolbar.js","sourceRoot":"","sources":["../../../../../src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-toolbar/nile-rich-text-editor-toolbar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG3C,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,UAAU;IAC7C,gBAAgB;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,+BAA+B;QAC/B,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC7C,qBAAqB;QACrB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,2BAA2B;QAC3B,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAC9B,mCAAmC;QACnC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;CACF,CAAA;AAlBY,yBAAyB;IADrC,aAAa,CAAC,+BAA+B,CAAC;GAClC,yBAAyB,CAkBrC","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('nile-rich-text-editor-toolbar')\nexport class NileRichTextEditorToolbar extends LitElement {\n  protected createRenderRoot() {\n    return this;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    // take your light-DOM children\n    const children = Array.from(this.childNodes);\n    // clear out the host\n    this.innerHTML = '';\n    // make our toolbar wrapper\n    const wrap = document.createElement('div');\n    wrap.classList.add('toolbar');\n    // re-append your original children\n    children.forEach(n => wrap.appendChild(n));\n    this.appendChild(wrap);\n  }\n}\n"]}

package/dist/src/nile-rich-text-editor/subcomponents/nile-rich-text-editor-toolbar-item/nile-rich-text-editor-toolbar-item.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;