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

package/dist/src/nile-richtexteditor/nile-richtexteditor.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';
+/**
+ * Rich Text Editor
+ */
+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-richtexteditor.css.js.map

package/dist/src/nile-richtexteditor/nile-richtexteditor.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-richtexteditor.css.js","sourceRoot":"","sources":["../../../src/nile-richtexteditor/nile-richtexteditor.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 * Rich Text Editor\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-richtexteditor/nile-richtexteditor.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 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 { TemplateResult } from 'lit';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile richtexteditor component.
+ *
+ * @tag nile-richtexteditor
+ *
+ */
+export declare class NileRichtexteditor extends NileElement {
+    protected createRenderRoot(): this;
+    /**
+     * The styles for nile-richtexteditor
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+}
+export default NileRichtexteditor;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-richtexteditor': NileRichtexteditor;
+    }
+}

package/dist/src/nile-richtexteditor/nile-richtexteditor.js

@@ -0,0 +1,46 @@
+/**
+ * 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 { __decorate } from "tslib";
+import { html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './nile-richtexteditor.css';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile richtexteditor component.
+ *
+ * @tag nile-richtexteditor
+ *
+ */
+let NileRichtexteditor = class NileRichtexteditor extends NileElement {
+    createRenderRoot() {
+        return this;
+    }
+    /**
+     * The styles for nile-richtexteditor
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    /* #endregion */
+    /* #region Methods */
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html `
+		 <style>
+    ${styles}
+  </style>
+			<slot> </slot>
+			`;
+    }
+};
+NileRichtexteditor = __decorate([
+    customElement('nile-richtexteditor')
+], NileRichtexteditor);
+export { NileRichtexteditor };
+export default NileRichtexteditor;
+//# sourceMappingURL=nile-richtexteditor.js.map

package/dist/src/nile-richtexteditor/nile-richtexteditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-richtexteditor.js","sourceRoot":"","sources":["../../../src/nile-richtexteditor/nile-richtexteditor.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAiC,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAW,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAC,MAAM,EAAC,MAAM,2BAA2B,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAYnD;;;;;GAKG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,WAAW;IAExC,gBAAgB;QACzB,OAAO,IAAI,CAAC;IACX,CAAC;IAEH;;;OAGG;IAGH,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA;;MAEP,MAAM;;;IAGR,CAAC;IACJ,CAAC;CAGD,CAAA;AA9BY,kBAAkB;IAD9B,aAAa,CAAC,qBAAqB,CAAC;GACxB,kBAAkB,CA8B9B;;AAED,eAAe,kBAAkB,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 {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property} from 'lit/decorators.js';\nimport {styles} from './nile-richtexteditor.css';\nimport NileElement from '../internal/nile-element';\nimport {\n\tMentionItem,\n\tMentionsConfig,\n\tsaveSelection,\n\trestoreSelection,\n\tcomputeDropdownPosition,\n\tfilterSuggestions,\n\textractCurrentQuery,\n  } from './utils/nile-mention';\n\n\n/**\n * Nile richtexteditor component.\n *\n * @tag nile-richtexteditor\n *\n */\n@customElement('nile-richtexteditor')\nexport class NileRichtexteditor extends NileElement {\n\n\tprotected createRenderRoot() {\n\t\treturn this;\n\t  }\n\n\t/**\n\t * The styles for nile-richtexteditor\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n \n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t <style>\n    ${styles}\n  </style>\n\t\t\t<slot> </slot>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileRichtexteditor;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-richtexteditor': NileRichtexteditor;\n  }\n}"]}

package/dist/src/nile-richtexteditor/utils/nile-mention.d.ts

@@ -0,0 +1,13 @@
+export interface MentionItem {
+    key: string;
+    label: string;
+}
+export type MentionsConfig = Record<string, MentionItem[]>;
+export declare function saveSelection(editor: HTMLElement): void;
+export declare function restoreSelection(): void;
+export declare function computeDropdownPosition(editor: HTMLElement, trigger: string): {
+    x: number;
+    y: number;
+} | null;
+export declare function filterSuggestions(suggestions: MentionItem[], query: string): MentionItem[];
+export declare function extractCurrentQuery(editor: HTMLElement, trigger: string): string | null;

package/dist/src/nile-richtexteditor/utils/nile-mention.js

@@ -0,0 +1,47 @@
+// src/utils/mention-utils.ts
+let _lastRange = null;
+export function saveSelection(editor) {
+    const sel = window.getSelection();
+    if (sel && sel.rangeCount) {
+        _lastRange = sel.getRangeAt(0).cloneRange();
+    }
+}
+export function restoreSelection() {
+    const sel = window.getSelection();
+    sel?.removeAllRanges();
+    if (_lastRange)
+        sel?.addRange(_lastRange);
+}
+export function computeDropdownPosition(editor, trigger) {
+    if (!_lastRange)
+        return null;
+    const caretRange = _lastRange.cloneRange();
+    caretRange.collapse(false);
+    const rects = caretRange.getClientRects();
+    if (!rects.length)
+        return null;
+    const caretRect = rects[0];
+    const container = editor.closest('.editor-container');
+    const anchorRect = container
+        ? container.getBoundingClientRect()
+        : editor.getBoundingClientRect();
+    const x = caretRect.left - anchorRect.left + (editor.scrollLeft || 0);
+    const y = caretRect.bottom - anchorRect.top + (editor.scrollTop || 0);
+    return { x, y };
+}
+export function filterSuggestions(suggestions, query) {
+    const q = query.trim().toLowerCase();
+    return suggestions.filter(item => item.label.toLowerCase().startsWith(q));
+}
+export function extractCurrentQuery(editor, trigger) {
+    const sel = window.getSelection();
+    if (!sel || !sel.anchorNode)
+        return null;
+    const text = sel.anchorNode.textContent || '';
+    const idx = text.lastIndexOf(trigger);
+    if (idx >= 0) {
+        return text.substring(idx + 1);
+    }
+    return null;
+}
+//# sourceMappingURL=nile-mention.js.map

package/dist/src/nile-richtexteditor/utils/nile-mention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-mention.js","sourceRoot":"","sources":["../../../../src/nile-richtexteditor/utils/nile-mention.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAS3B,IAAI,UAAU,GAAiB,IAAI,CAAC;AAEpC,MAAM,UAAU,aAAa,CAAC,MAAmB;IAC/C,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;IAClC,IAAI,GAAG,IAAI,GAAG,CAAC,UAAU,EAAE,CAAC;QAC1B,UAAU,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC9C,CAAC;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;IAClC,GAAG,EAAE,eAAe,EAAE,CAAC;IACvB,IAAI,UAAU;QAAE,GAAG,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,uBAAuB,CACrC,MAAmB,EACnB,OAAe;IAEf,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAC7B,MAAM,UAAU,GAAG,UAAU,CAAC,UAAU,EAAE,CAAC;IAC3C,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,MAAM,KAAK,GAAG,UAAU,CAAC,cAAc,EAAE,CAAC;IAC1C,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAC/B,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAE3B,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAgB,CAAC;IACrE,MAAM,UAAU,GAAG,SAAS;QAC1B,CAAC,CAAC,SAAS,CAAC,qBAAqB,EAAE;QACnC,CAAC,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC;IAEnC,MAAM,CAAC,GAAG,SAAS,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC;IACtE,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC;IACtE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,WAA0B,EAC1B,KAAa;IAEb,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IACrC,OAAO,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAC/B,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CACvC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,MAAmB,EACnB,OAAe;IAEf,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;IAClC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IACzC,MAAM,IAAI,GAAG,GAAG,CAAC,UAAU,CAAC,WAAW,IAAI,EAAE,CAAC;IAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACtC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;QACb,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IACjC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["// src/utils/mention-utils.ts\n\nexport interface MentionItem {\n    key: string;\n    label: string;\n  }\n  \n  export type MentionsConfig = Record<string, MentionItem[]>;\n  \n  let _lastRange: Range | null = null;\n  \n  export function saveSelection(editor: HTMLElement) {\n    const sel = window.getSelection();\n    if (sel && sel.rangeCount) {\n      _lastRange = sel.getRangeAt(0).cloneRange();\n    }\n  }\n  \n  export function restoreSelection() {\n    const sel = window.getSelection();\n    sel?.removeAllRanges();\n    if (_lastRange) sel?.addRange(_lastRange);\n  }\n  \n  export function computeDropdownPosition(\n    editor: HTMLElement,\n    trigger: string\n  ): { x: number; y: number } | null {\n    if (!_lastRange) return null;\n    const caretRange = _lastRange.cloneRange();\n    caretRange.collapse(false);\n    const rects = caretRange.getClientRects();\n    if (!rects.length) return null;\n    const caretRect = rects[0];\n  \n    const container = editor.closest('.editor-container') as HTMLElement;\n    const anchorRect = container\n      ? container.getBoundingClientRect()\n      : editor.getBoundingClientRect();\n  \n    const x = caretRect.left - anchorRect.left + (editor.scrollLeft || 0);\n    const y = caretRect.bottom - anchorRect.top + (editor.scrollTop || 0);\n    return { x, y };\n  }\n  \n  export function filterSuggestions(\n    suggestions: MentionItem[],\n    query: string\n  ): MentionItem[] {\n    const q = query.trim().toLowerCase();\n    return suggestions.filter(item =>\n      item.label.toLowerCase().startsWith(q)\n    );\n  }\n  \n  export function extractCurrentQuery(\n    editor: HTMLElement,\n    trigger: string\n  ): string | null {\n    const sel = window.getSelection();\n    if (!sel || !sel.anchorNode) return null;\n    const text = sel.anchorNode.textContent || '';\n    const idx = text.lastIndexOf(trigger);\n    if (idx >= 0) {\n      return text.substring(idx + 1);\n    }\n    return null;\n  }\n  "]}

package/dist/src/nile-table-body/nile-table-body.css.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { css } from 'lit';
-import { tableLayoutStyles } from '../internal/resizable-table-styles';
 /**
  * TableBody CSS
  */
@@ -47,8 +46,6 @@ export const styles = css `
   slot::slotted(nile-table-row:last-child) {
     border-bottom: 0px;
   }
-
-  ${tableLayoutStyles}
 `;
 export default [styles];
 //# sourceMappingURL=nile-table-body.css.js.map

package/dist/src/nile-table-body/nile-table-body.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-table-body.css.js","sourceRoot":"","sources":["../../../src/nile-table-body/nile-table-body.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAEvE;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuCrB,iBAAiB;CACpB,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';\nimport { tableLayoutStyles } from '../internal/resizable-table-styles';\n\n/**\n * TableBody CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    --nile-table-background--odd: var(--nile-colors-base-white);\n    --nile-table-background--even: var(--nile-colors-base-white);\n  }\n\n  .base {\n    background-color: var(--nile-colors-white-base);\n    border: 1px solid var(--nile-table-row-border-color);\n    border-radius: var(--nile-radius-radius-xl);\n    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n    overflow: hidden;\n  }\n\n  .table__header {\n    display: flex;\n    box-sizing: border-box;\n  }\n\n  .nile__table__body {\n    display: table;\n    border-collapse: collapse;\n    width: 100%;\n  }\n\n  slot::slotted(nile-table-row:nth-child(odd)) {\n    border-bottom: 1px solid var(--nile-colors-neutral-400);\n    background: var(--nile-table-background--odd);\n  }\n\n  slot::slotted(nile-table-row:nth-child(even)) {\n    background: var(--nile-table-background--even);\n  }\n\n  slot::slotted(nile-table-row:last-child) {\n    border-bottom: 0px;\n  }\n\n  ${tableLayoutStyles}\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-table-body.css.js","sourceRoot":"","sources":["../../../src/nile-table-body/nile-table-body.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCxB,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 * TableBody CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    --nile-table-background--odd: var(--nile-colors-base-white);\n    --nile-table-background--even: var(--nile-colors-base-white);\n  }\n\n  .base {\n    background-color: var(--nile-colors-white-base);\n    border: 1px solid var(--nile-table-row-border-color);\n    border-radius: var(--nile-radius-radius-xl);\n    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n    overflow: hidden;\n  }\n\n  .table__header {\n    display: flex;\n    box-sizing: border-box;\n  }\n\n  .nile__table__body {\n    display: table;\n    border-collapse: collapse;\n    width: 100%;\n  }\n\n  slot::slotted(nile-table-row:nth-child(odd)) {\n    border-bottom: 1px solid var(--nile-colors-neutral-400);\n    background: var(--nile-table-background--odd);\n  }\n\n  slot::slotted(nile-table-row:nth-child(even)) {\n    background: var(--nile-table-background--even);\n  }\n\n  slot::slotted(nile-table-row:last-child) {\n    border-bottom: 0px;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-table-body/nile-table-body.d.ts

@@ -24,12 +24,10 @@ export declare class NileTableBody extends NileElement {
     private header_rows_data;
     private sort__index;
     private search__index;
-    private hasResizableColumns;
     static get styles(): CSSResultArray;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     private getChildren;
     private getIndexValue;
-    private checkForResizableColumns;
     handleSlotchange(e: any): void;
     private handleSort;
     private handleSearch;

package/dist/src/nile-table-body/nile-table-body.js

@@ -9,7 +9,6 @@ import { html, } from 'lit';
 import { customElement, query, state, queryAssignedNodes, property } from 'lit/decorators.js';
 import { styles } from './nile-table-body.css';
 import NileElement from '../internal/nile-element';
-import { hasResizableColumns } from '../internal/resizable-table-helper';
 /**
  * nile-table-body component.
  *
@@ -26,7 +25,6 @@ let NileTableBody = class NileTableBody extends NileElement {
         this.type = 'primary';
         this.rows_data = [];
         this.header_rows_data = [];
-        this.hasResizableColumns = false;
         /* #endregion */
     }
     static get styles() {
@@ -43,9 +41,6 @@ let NileTableBody = class NileTableBody extends NileElement {
     getIndexValue(index__value) {
         return this.header_rows_data.indexOf(index__value);
     }
-    checkForResizableColumns() {
-        this.hasResizableColumns = hasResizableColumns(this);
-    }
     handleSlotchange(e) {
         let row_data = [];
         this._childNodes.forEach((child) => {
@@ -68,7 +63,6 @@ let NileTableBody = class NileTableBody extends NileElement {
                 row_data = [];
             }
         });
-        this.checkForResizableColumns();
     }
     handleSort(e) {
         const { curr_sort_string, order } = e.detail.value;
@@ -93,7 +87,6 @@ let NileTableBody = class NileTableBody extends NileElement {
           @slotchange=${this.handleSlotchange}
           @nile-click-sort=${this.handleSort}
           class="nile__table__body"
-          ?resizable=${this.hasResizableColumns}
           @nile-search=${this.handleSearch}
         ></slot>
       </div>
@@ -121,9 +114,6 @@ __decorate([
 __decorate([
     state()
 ], NileTableBody.prototype, "search__index", void 0);
-__decorate([
-    state()
-], NileTableBody.prototype, "hasResizableColumns", void 0);
 NileTableBody = __decorate([
     customElement('nile-table-body')
 ], NileTableBody);

package/dist/src/nile-table-body/nile-table-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-table-body.js","sourceRoot":"","sources":["../../../src/nile-table-body/nile-table-body.ts"],"names":[],"mappings":"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","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 {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n  PropertyValues,\n} from 'lit';\nimport {\n  customElement,\n  query,\n  state,\n  queryAll,\n  queryAssignedElements,\n  queryAssignedNodes,\n  property\n} from 'lit/decorators.js';\nimport { styles } from './nile-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\nimport { hasResizableColumns } from '../internal/resizable-table-helper';\n\n/**\n * nile-table-body component.\n *\n * @tag nile-table-body\n *\n */\n@customElement('nile-table-body')\nexport class NileTableBody extends NileElement {\n  /**\n   * The styles for TableBody\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  @query('slot') defaultSlot: HTMLSlotElement;\n  @queryAssignedNodes({ flatten: true }) _childNodes!: Array<HTMLElement>;\n  @property() type: 'primary' | 'secondary' = 'primary';\n\n  @state() private rows_data: any[] = [];\n  @state() private header_rows_data: any[] = [];\n  @state() private sort__index: number;\n  @state() private search__index: number;\n  @state() private hasResizableColumns = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.emit('nile-body-load', { value: this.type, comp:this },true,false)\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private getChildren(child: any, tagname: string) {\n    return child.querySelectorAll(tagname);\n  }\n\n  private getIndexValue(index__value: string): number {\n    return this.header_rows_data.indexOf(index__value);\n  }\n\n  private checkForResizableColumns() {\n    this.hasResizableColumns = hasResizableColumns(this);\n  }\n\n  handleSlotchange(e: any) {\n    let row_data: any = [];\n    this._childNodes.forEach((child: any) => {\n      if (child.tagName && child?.tagName?.toLowerCase() === 'nile-table-row') {\n        let nilerows = this.getChildren(child, 'nile-table-cell-item');\n        if (nilerows.length > 0) {\n          nilerows.forEach((element: { innerHTML: any }) => {\n            row_data.push(element.innerHTML);\n          });\n          this.rows_data.push(row_data);\n        } else {\n          let nileheaders = this.getChildren(child, 'nile-table-header-item');\n          if (nileheaders.length > 0) {\n            nileheaders.forEach((header: HTMLSlotElement, index: number) => {\n              this.header_rows_data.push(header.innerHTML);\n            });\n          }\n        }\n        row_data = [];\n      }\n    });\n    \n    this.checkForResizableColumns();\n  }\n\n  private handleSort(e: any) {\n    const { curr_sort_string, order } = e.detail.value;\n    const header_index = this.getIndexValue(curr_sort_string);\n    this.emit('nile-sort', {\n      value: { header_index, curr_sort_string, order },\n    });\n  }\n\n  private handleSearch(e: any) {\n    const searchText = e.detail.value;\n    this.search__index = this.getIndexValue(e.target.textContent);\n    this.emit('nile-table-search', {\n      index: this.search__index,\n      value: searchText,\n    });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"base\" part=\"base\">\n        <slot name=\"table__header\" class=\"table__header\"></slot>\n        <slot\n          @slotchange=${this.handleSlotchange}\n          @nile-click-sort=${this.handleSort}\n          class=\"nile__table__body\"\n          ?resizable=${this.hasResizableColumns}\n          @nile-search=${this.handleSearch}\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableBody;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-body': NileTableBody;\n  }\n}\n"]}
+{"version":3,"file":"nile-table-body.js","sourceRoot":"","sources":["../../../src/nile-table-body/nile-table-body.ts"],"names":[],"mappings":"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","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 {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n  PropertyValues,\n} from 'lit';\nimport {\n  customElement,\n  query,\n  state,\n  queryAll,\n  queryAssignedElements,\n  queryAssignedNodes,\n  property\n} from 'lit/decorators.js';\nimport { styles } from './nile-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\n\n/**\n * nile-table-body component.\n *\n * @tag nile-table-body\n *\n */\n@customElement('nile-table-body')\nexport class NileTableBody extends NileElement {\n  /**\n   * The styles for TableBody\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  @query('slot') defaultSlot: HTMLSlotElement;\n  @queryAssignedNodes({ flatten: true }) _childNodes!: Array<HTMLElement>;\n  @property() type: 'primary' | 'secondary' = 'primary';\n\n  @state() private rows_data: any[] = [];\n  @state() private header_rows_data: any[] = [];\n  @state() private sort__index: number;\n  @state() private search__index: number;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.emit('nile-body-load', { value: this.type, comp:this },true,false)\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private getChildren(child: any, tagname: string) {\n    return child.querySelectorAll(tagname);\n  }\n\n  private getIndexValue(index__value: string): number {\n    return this.header_rows_data.indexOf(index__value);\n  }\n\n  handleSlotchange(e: any) {\n    let row_data: any = [];\n    this._childNodes.forEach((child: any) => {\n      if (child.tagName && child?.tagName?.toLowerCase() === 'nile-table-row') {\n        let nilerows = this.getChildren(child, 'nile-table-cell-item');\n        if (nilerows.length > 0) {\n          nilerows.forEach((element: { innerHTML: any }) => {\n            row_data.push(element.innerHTML);\n          });\n          this.rows_data.push(row_data);\n        } else {\n          let nileheaders = this.getChildren(child, 'nile-table-header-item');\n          if (nileheaders.length > 0) {\n            nileheaders.forEach((header: HTMLSlotElement, index: number) => {\n              this.header_rows_data.push(header.innerHTML);\n            });\n          }\n        }\n        row_data = [];\n      }\n    });\n  }\n\n  private handleSort(e: any) {\n    const { curr_sort_string, order } = e.detail.value;\n    const header_index = this.getIndexValue(curr_sort_string);\n    this.emit('nile-sort', {\n      value: { header_index, curr_sort_string, order },\n    });\n  }\n\n  private handleSearch(e: any) {\n    const searchText = e.detail.value;\n    this.search__index = this.getIndexValue(e.target.textContent);\n    this.emit('nile-table-search', {\n      index: this.search__index,\n      value: searchText,\n    });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"base\" part=\"base\">\n        <slot name=\"table__header\" class=\"table__header\"></slot>\n        <slot\n          @slotchange=${this.handleSlotchange}\n          @nile-click-sort=${this.handleSort}\n          class=\"nile__table__body\"\n          @nile-search=${this.handleSearch}\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableBody;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-body': NileTableBody;\n  }\n}\n"]}

package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { css } from 'lit';
-import { resizableHostStyles, resizerStyles, resizableSlotStyles } from '../internal/resizable-table-styles';
 /**
  * TableCellItem CSS
  */
@@ -18,20 +17,11 @@ export const styles = css `
     box-sizing: border-box;
     display: table-cell;
     vertical-align: middle;
+    max-width: var(--max--cell-width);
     padding: 16px 24px;
-    max-width: var(--max--cell-width);  
     min-height: var(--min--height);
   }
 
-  .cell__wrapper {
-    height: 100%;
-    position: relative;
-    display: flex;
-    align-items: center;
-    overflow: hidden;
-    width: 100%;
-  }
-
   .column {
     min-width:var(--min-cell-width);
     width:var(--cell-width);
@@ -44,15 +34,7 @@ export const styles = css `
     /* line-height: var(--nile-type-scale-6); */
     line-height: normal;
     letter-spacing: 0.2px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    display: block;
   }
-
-  ${resizableHostStyles}
-  ${resizerStyles}
-  ${resizableSlotStyles}
 `;
 export default [styles];
 //# sourceMappingURL=nile-table-cell-item.css.js.map

package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-table-cell-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAE7G;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyCrB,mBAAmB;IACnB,aAAa;IACb,mBAAmB;CACtB,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';\nimport { resizableHostStyles, resizerStyles, resizableSlotStyles } from '../internal/resizable-table-styles';\n\n/**\n * TableCellItem CSS\n */\nexport const styles = css`\n  :host {\n    --min-cell-width:auto;\n    --cell-width:auto;\n    --min--height: 52px;\n    --max--cell-width: auto;\n    box-sizing: border-box;\n    display: table-cell;\n    vertical-align: middle;\n    padding: 16px 24px;\n    max-width: var(--max--cell-width);  \n    min-height: var(--min--height);\n  }\n\n  .cell__wrapper {\n    height: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  .column {\n    min-width:var(--min-cell-width);\n    width:var(--cell-width);\n    height: 100%;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    /* line-height: var(--nile-type-scale-6); */\n    line-height: normal;\n    letter-spacing: 0.2px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n\n  ${resizableHostStyles}\n  ${resizerStyles}\n  ${resizableSlotStyles}\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-table-cell-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BxB,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 * TableCellItem CSS\n */\nexport const styles = css`\n  :host {\n    --min-cell-width:auto;\n    --cell-width:auto;\n    --min--height: 52px;\n    --max--cell-width: auto;\n    box-sizing: border-box;\n    display: table-cell;\n    vertical-align: middle;\n    max-width: var(--max--cell-width);\n    padding: 16px 24px;\n    min-height: var(--min--height);\n  }\n\n  .column {\n    min-width:var(--min-cell-width);\n    width:var(--cell-width);\n    height: 100%;\n    color: var(--nile-colors-gray-light-mode-600);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    /* line-height: var(--nile-type-scale-6); */\n    line-height: normal;\n    letter-spacing: 0.2px;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-table-cell-item/nile-table-cell-item.d.ts

@@ -19,9 +19,6 @@ export declare class NileTableCellItem extends NileElement {
      * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
      */
     static get styles(): CSSResultArray;
-    /** Enables the resize functionality. */
-    resizable: boolean;
-    private handleResizeStart;
     /**
      * Render method
      * @slot This is a slot test

package/dist/src/nile-table-cell-item/nile-table-cell-item.js

@@ -6,11 +6,10 @@
  */
 import { __decorate } from "tslib";
 import { html, } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { customElement } from 'lit/decorators.js';
 import { styles } from './nile-table-cell-item.css';
 import NileElement from '../internal/nile-element';
 import { HasSlotController } from '../internal/slot';
-import { createResizeHandler } from '../internal/resizable-table-helper';
 /**
  * Nile table Cell Item component.
  *
@@ -21,11 +20,6 @@ let NileTableCellItem = class NileTableCellItem extends NileElement {
     constructor() {
         super(...arguments);
         this.hasSlotController = new HasSlotController(this, '[default]');
-        /** Enables the resize functionality. */
-        this.resizable = false;
-        /* #endregion */
-        /* #region Methods */
-        this.handleResizeStart = createResizeHandler(this, 50);
         /* #endregion */
     }
     /**
@@ -35,33 +29,20 @@ let NileTableCellItem = class NileTableCellItem extends NileElement {
     static get styles() {
         return [styles];
     }
+    /* #endregion */
+    /* #region Methods */
     /**
      * Render method
      * @slot This is a slot test
      */
     render() {
-        if (this.resizable) {
-            return html `
-        <div class="cell__wrapper" part="nile__table-cell">
-          ${this.hasSlotController.test('[default]')
-                ? html ` <div class="column" part="nile__table-cell"><slot></slot></div>`
-                : ''}
-          <div class="resizer" @mousedown=${this.handleResizeStart}></div>
-        </div>
-      `;
-        }
-        else {
-            return html `
-        ${this.hasSlotController.test('[default]')
-                ? html ` <slot class="column" part="nile__table-cell"> </slot>`
-                : ''}
-      `;
-        }
+        return html `
+      ${this.hasSlotController.test('[default]')
+            ? html ` <slot class="column" part="nile__table-cell"> </slot>`
+            : ''}
+    `;
     }
 };
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileTableCellItem.prototype, "resizable", void 0);
 NileTableCellItem = __decorate([
     customElement('nile-table-cell-item')
 ], NileTableCellItem);