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

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-select/nile-select.d.ts

@@ -12,8 +12,6 @@ import type { CSSResultGroup, PropertyValues } from 'lit';
 import type { NileFormControl } from '../internal/nile-element';
 import type NileOption from '../nile-option/nile-option';
 import type NilePopup from '../nile-popup/nile-popup';
-import type { RenderItemConfig } from '../nile-virtual-select/types.js';
-import '../nile-virtual-select/nile-virtual-select';
 /**
  * Nile icon component.
  *
@@ -28,7 +26,6 @@ import '../nile-virtual-select/nile-virtual-select';
  * @dependency nile-icon
  * @dependency nile-popup
  * @dependency nile-tag
- * @dependency nile-virtual-select
  *
  * @slot - The listbox options. Must be `<nile-option>` elements. You can use `<nile-divider>` to group items visually.
  * @slot label - The input's label. Alternatively, you can use the `label` attribute.
@@ -67,8 +64,7 @@ import '../nile-virtual-select/nile-virtual-select';
  */
 export declare class NileSelect extends NileElement implements NileFormControl {
     static styles: CSSResultGroup;
-    private formControlController;
-    private virtualScrollHelper;
+    private readonly formControlController;
     private readonly hasSlotController;
     private typeToSelectString;
     private typeToSelectTimeout;
@@ -104,7 +100,7 @@ export declare class NileSelect extends NileElement implements NileFormControl {
     optionsLoading: boolean;
     noWidthSync: boolean;
     /** Allows more than one option to be selected. */
-    multiple: boolean | string;
+    multiple: boolean;
     helpText: string;
     errorMessage: string;
     /** Sets the input to a warning state, changing its visual appearance. */
@@ -155,20 +151,13 @@ export declare class NileSelect extends NileElement implements NileFormControl {
     oldMaxOptionsVisible: number;
     showNoResults: boolean;
     noResultsMessage: string;
-    /** Enhanced configuration for rendering items with support for display text, value, and search text */
-    renderItemConfig?: RenderItemConfig;
-    data: any;
-    enableVirtualScroll: boolean;
     /** Gets the validity state object */
     get validity(): ValidityState;
     /** Gets the validation message */
     get validationMessage(): string;
-    constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
-    private options;
     protected updated(_changedProperties: PropertyValues): void;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
     setCheckBoxInOption(checked: boolean): void;
     private addOpenListeners;
     private removeOpenListeners;
@@ -233,7 +222,7 @@ export declare class NileSelect extends NileElement implements NileFormControl {
     onInputChange(event: Event): void;
     calculateWidthOfSelectTagsDiv(): number | undefined;
     calculateTotalWidthOfTags(): void;
-    render(): any;
+    render(): import("lit-html").TemplateResult<1>;
     nileInput(value: any): void;
     nileChange(value: any): void;
 }

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

@@ -24,8 +24,6 @@ import { watch } from '../internal/watch';
 import NileElement from '../internal/nile-element';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import '../nile-virtual-select/nile-virtual-select';
-import { VirtualScrollHelper } from './virtual-scroll-helper';
 /**
  * Nile icon component.
  *
@@ -40,7 +38,6 @@ import { VirtualScrollHelper } from './virtual-scroll-helper';
  * @dependency nile-icon
  * @dependency nile-popup
  * @dependency nile-tag
- * @dependency nile-virtual-select
  *
  * @slot - The listbox options. Must be `<nile-option>` elements. You can use `<nile-divider>` to group items visually.
  * @slot label - The input's label. Alternatively, you can use the `label` attribute.
@@ -78,16 +75,12 @@ import { VirtualScrollHelper } from './virtual-scroll-helper';
  * @csspart expand-icon - The container that wraps the expand icon.
  */
 let NileSelect = class NileSelect extends NileElement {
-    /** Gets the validity state object */
-    get validity() {
-        return this.valueInput?.validity;
-    }
-    /** Gets the validation message */
-    get validationMessage() {
-        return this.valueInput?.validationMessage;
-    }
     constructor() {
-        super();
+        super(...arguments);
+        // protected override BUBBLES=false;
+        this.formControlController = new FormControlController(this, {
+            assumeInteractionOn: ['nile-blur', 'nile-input'],
+        });
         this.hasSlotController = new HasSlotController(this, 'help-text', 'label');
         this.typeToSelectString = '';
         this.hasFocus = false;
@@ -167,18 +160,17 @@ let NileSelect = class NileSelect extends NileElement {
         this.oldMaxOptionsVisible = 1;
         this.showNoResults = false;
         this.noResultsMessage = 'No results found';
-        this.data = [];
-        this.enableVirtualScroll = false;
-        this.options = [];
+    }
+    /** Gets the validity state object */
+    get validity() {
+        return this.valueInput?.validity;
+    }
+    /** Gets the validation message */
+    get validationMessage() {
+        return this.valueInput?.validationMessage;
     }
     connectedCallback() {
         super.connectedCallback();
-        if (!this.enableVirtualScroll) {
-            this.formControlController = new FormControlController(this, {
-                assumeInteractionOn: ['nile-blur', 'nile-input'],
-            });
-        }
-        this.virtualScrollHelper = new VirtualScrollHelper(this);
         this.handleDocumentFocusIn = this.handleDocumentFocusIn.bind(this);
         this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);
         this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);
@@ -195,16 +187,9 @@ let NileSelect = class NileSelect extends NileElement {
             this.setCheckBoxInOption(this.multiple);
         }
     }
-    firstUpdated(_changedProperties) {
-        if (_changedProperties.has('multiple')) {
-            this.setCheckBoxInOption(this.multiple);
-        }
-    }
     setCheckBoxInOption(checked) {
-        if (!this.options.length) {
-            this.options = this.getAllOptions();
-        }
-        this.options.forEach((option) => {
+        const options = this.getAllOptions();
+        options.forEach((option) => {
             option.showCheckbox = checked;
         });
     }
@@ -388,8 +373,6 @@ let NileSelect = class NileSelect extends NileElement {
         event.stopPropagation();
         if (this.value !== '') {
             this.setSelectedOptions([]);
-            this.showSelected = false;
-            this.value = '';
             this.displayInput.focus({ preventScroll: true });
             // Emit after update
             this.updateComplete.then(() => {
@@ -604,7 +587,7 @@ let NileSelect = class NileSelect extends NileElement {
         }
         // Update validity
         this.updateComplete.then(() => {
-            this.formControlController?.updateValidity();
+            this.formControlController.updateValidity();
         });
         this.calculateTotalWidthOfTags();
     }
@@ -646,8 +629,8 @@ let NileSelect = class NileSelect extends NileElement {
         return filteredOptions;
     }
     handleInvalid(event) {
-        this.formControlController?.setValidity(false);
-        this.formControlController?.emitInvalidEvent(event);
+        this.formControlController.setValidity(false);
+        this.formControlController.emitInvalidEvent(event);
     }
     handleDisabledChange() {
         // Close the listbox when the control is disabled
@@ -729,7 +712,7 @@ let NileSelect = class NileSelect extends NileElement {
     }
     /** Gets the associated form, if one exists. */
     getForm() {
-        return this.formControlController?.getForm() || null;
+        return this.formControlController.getForm();
     }
     /** Checks for validity and shows the browser's validation message if the control is invalid. */
     reportValidity() {
@@ -738,7 +721,7 @@ let NileSelect = class NileSelect extends NileElement {
     /** Sets a custom validation message. Pass an empty string to restore validity. */
     setCustomValidity(message) {
         this.valueInput.setCustomValidity(message);
-        this.formControlController?.updateValidity();
+        this.formControlController.updateValidity();
     }
     /** Sets focus on the control. */
     focus(options) {
@@ -797,9 +780,6 @@ let NileSelect = class NileSelect extends NileElement {
         }, 1);
     }
     render() {
-        if (this.enableVirtualScroll) {
-            return this.virtualScrollHelper.renderVirtualizedContent();
-        }
         const hasLabelSlot = this.hasSlotController.test('label');
         const hasHelpTextSlot = this.hasSlotController.test('help-text');
         const hasLabelSuffixSlot = this.hasSlotController.test('label-suffix');
@@ -1197,21 +1177,7 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], NileSelect.prototype, "noWidthSync", void 0);
 __decorate([
-    property({
-        reflect: true,
-        converter: {
-            fromAttribute(value) {
-                if (value === '' || value === 'true')
-                    return true;
-                if (value === 'false')
-                    return false;
-                return value;
-            },
-            toAttribute(value) {
-                return typeof value === 'boolean' ? String(value) : value;
-            }
-        }
-    })
+    property({ type: Boolean, reflect: true })
 ], NileSelect.prototype, "multiple", void 0);
 __decorate([
     property({ attribute: 'help-text', reflect: true })
@@ -1273,15 +1239,6 @@ __decorate([
 __decorate([
     property({ type: String })
 ], NileSelect.prototype, "noResultsMessage", void 0);
-__decorate([
-    property({ attribute: false })
-], NileSelect.prototype, "renderItemConfig", void 0);
-__decorate([
-    property({ type: Array })
-], NileSelect.prototype, "data", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileSelect.prototype, "enableVirtualScroll", void 0);
 __decorate([
     watch('disabled', { waitUntilFirstUpdate: true })
 ], NileSelect.prototype, "handleDisabledChange", null);