@nuralyui/input 0.0.7 → 0.0.8

package/input.component.d.ts

@@ -1,13 +1,13 @@
 /**
  * @license
- * Copyright 2023 Google Laabidi Aymen
+ * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
  */
 import { LitElement, PropertyValues } from 'lit';
-import { INPUT_TYPE, INPUT_STATE, INPUT_SIZE, INPUT_VARIANT, FocusOptions, BlurOptions } from './input.types.js';
-import '../icon/icon.component.js';
-declare const NrInputElement_base: (new (...args: any[]) => import("../../shared/dependency-mixin.js").DependencyAware) & (new (...args: any[]) => import("../../shared/theme-mixin.js").ThemeAware) & typeof LitElement;
-export declare class NrInputElement extends NrInputElement_base {
+import { INPUT_TYPE, INPUT_STATE, INPUT_SIZE, INPUT_VARIANT } from './input.types.js';
+declare const InputBaseMixin: (new (...args: any[]) => import("./mixins/number-mixin.js").NumberCapable) & (new (...args: any[]) => import("./mixins/focus-mixin.js").FocusCapable) & (new (...args: any[]) => import("./mixins/selection-mixin.js").SelectionCapable) & (new (...args: any[]) => import("../../shared/dependency-mixin.js").DependencyAware) & (new (...args: any[]) => import("../../shared/theme-mixin.js").ThemeAware) & (new (...args: any[]) => import("../../shared/event-handler-mixin.js").EventHandlerCapable) & typeof LitElement;
+export declare class NrInputElement extends InputBaseMixin {
+    static styles: import("lit").CSSResult[];
     disabled: boolean;
     readonly: boolean;
     state: INPUT_STATE;
@@ -28,7 +28,7 @@ export declare class NrInputElement extends NrInputElement_base {
     hasAddonBefore: boolean;
     hasAddonAfter: boolean;
     focused: boolean;
-    input: HTMLInputElement;
+    private get _input();
     /**
      * Get the character count display text
      */
@@ -37,6 +37,14 @@ export declare class NrInputElement extends NrInputElement_base {
      * Check if character count is over the limit
      */
     get isOverCharacterLimit(): boolean;
+    /**
+     * Get the input element
+     */
+    protected get input(): HTMLInputElement;
+    /**
+     * Override inputElement getter from mixins to use our @query property
+     */
+    protected get inputElement(): HTMLInputElement;
     /**
      * Required components that must be registered for this component to work properly
      */
@@ -56,42 +64,6 @@ export declare class NrInputElement extends NrInputElement_base {
      * Handle slot changes to determine addon visibility
      */
     private _handleSlotChange;
-    /**
-     * Focus the input with advanced options
-     */
-    focus(options?: FocusOptions): void;
-    /**
-     * Blur the input with advanced options
-     */
-    blur(options?: BlurOptions): void;
-    /**
-     * Select all text in the input
-     */
-    selectAll(): void;
-    /**
-     * Select a range of text in the input
-     */
-    selectRange(start: number, end: number): void;
-    /**
-     * Get the current cursor position
-     */
-    getCursorPosition(): number;
-    /**
-     * Set the cursor position
-     */
-    setCursorPosition(position: number | 'start' | 'end' | 'all'): void;
-    /**
-     * Get the currently selected text
-     */
-    getSelectedText(): string;
-    /**
-     * Check if the input is currently focused
-     */
-    isFocused(): boolean;
-    /**
-     * Centralized event dispatcher to ensure consistent event structure
-     */
-    private _dispatchInputEvent;
     private _handleKeyDown;
     private _valueChange;
     private _focusEvent;
@@ -104,7 +76,6 @@ export declare class NrInputElement extends NrInputElement_base {
     private _togglePasswordIcon;
     private _getAriaDescribedBy;
     render(): import("lit").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
 }
 export {};
 //# sourceMappingURL=input.component.d.ts.map

package/input.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.component.ts"],"names":[],"mappings":"AACA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAgB,YAAY,EAAE,WAAW,EAAoB,MAAM,kBAAkB,CAAC;AAIjJ,OAAO,2BAA2B,CAAC;;AAEnC,qBACa,cAAe,SAAQ,mBAA6B;IAG/D,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,KAAK,cAAuB;IAG5B,KAAK,SAAgB;IAGrB,IAAI,aAAqB;IAGzB,OAAO,gBAA4B;IAGnC,IAAI,aAAmB;IAGvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,WAAW,SAAgB;IAG3B,YAAY,SAAS;IAGrB,QAAQ,UAAS;IAGjB,UAAU,UAAS;IAGnB,SAAS,UAAS;IAGlB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,SAAS,SAAgB;IAGzB,cAAc,UAAS;IAGvB,aAAa,UAAS;IAGtB,OAAO,UAAS;IAGhB,KAAK,EAAG,gBAAgB,CAAC;IAEzB;;OAEG;IACH,IAAI,qBAAqB,IAAI,MAAM,CAMlC;IAED;;OAEG;IACH,IAAI,oBAAoB,IAAI,OAAO,CAElC;IAED;;OAEG;IACM,kBAAkB,WAAe;IAE1C;;OAEG;IACM,iBAAiB;IAKjB,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAiBpD,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAmBjD,YAAY,IAAI,IAAI;IAI7B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAUhC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAezB;;OAEG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAmB5C;;OAEG;IACM,IAAI,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI;IAc1C;;OAEG;IACH,SAAS,IAAI,IAAI;IAejB;;OAEG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAoB7C;;OAEG;IACH,iBAAiB,IAAI,MAAM;IAK3B;;OAEG;IACH,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI;IAgCnE;;OAEG;IACH,eAAe,IAAI,MAAM;IAOzB;;OAEG;IACH,SAAS,IAAI,OAAO;IAQpB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,cAAc;IA8CtB,OAAO,CAAC,YAAY;IA6CpB,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,UAAU;IAkBlB,OAAO,CAAC,kBAAkB;YAqBZ,OAAO;IAYrB,OAAO,CAAC,QAAQ;IA8BhB,OAAO,CAAC,UAAU;IAmBlB,OAAO,CAAC,UAAU;IAmBlB,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,mBAAmB;IAelB,MAAM;IAqEf,OAAgB,MAAM,4BAAU;CACjC"}
+{"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.component.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAkC,MAAM,kBAAkB,CAAC;AAKtH,QAAA,MAAM,cAAc,ggBAAyE,CAAC;AAC9F,qBACa,cAAe,SAAQ,cAAc;IAChD,OAAgB,MAAM,4BAAU;IAOhC,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,KAAK,cAAuB;IAG5B,KAAK,SAAgB;IAGrB,IAAI,aAAqB;IAGzB,OAAO,gBAA4B;IAGnC,IAAI,aAAmB;IAGvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,WAAW,SAAgB;IAG3B,YAAY,SAAS;IAGrB,QAAQ,UAAS;IAGjB,UAAU,UAAS;IAGnB,SAAS,UAAS;IAGlB,SAAS,CAAC,EAAE,MAAM,CAAC;IAOnB,SAAS,SAAgB;IAGzB,cAAc,UAAS;IAGvB,aAAa,UAAS;IAGtB,OAAO,UAAS;IAGhB,OAAO,KAAK,MAAM,GAEjB;IAMD;;OAEG;IACH,IAAI,qBAAqB,IAAI,MAAM,CAMlC;IAED;;OAEG;IACH,IAAI,oBAAoB,IAAI,OAAO,CAElC;IAMD;;OAEG;IACH,SAAS,KAAK,KAAK,IAAI,gBAAgB,CAEtC;IAED;;OAEG;IACH,SAAS,KAAK,YAAY,IAAI,gBAAgB,CAE7C;IAMD;;OAEG;IACM,kBAAkB,WAAe;IAE1C;;OAEG;IACM,iBAAiB;IAIjB,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAwBpD,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAkBjD,YAAY,IAAI,IAAI;IAQ7B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAUhC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAuBzB,OAAO,CAAC,cAAc;IAgCtB,OAAO,CAAC,YAAY;IA8CpB,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,UAAU;IAkBlB,OAAO,CAAC,kBAAkB;YAqBZ,OAAO;IAerB,OAAO,CAAC,QAAQ;IAgChB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,mBAAmB;IAelB,MAAM;CAoEhB"}

package/input.component.js

@@ -1,7 +1,6 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * @license
- * Copyright 2023 Google Laabidi Aymen
+ * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
  */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -20,16 +19,19 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { LitElement, html } from 'lit';
-import { customElement, property, query, state } from 'lit/decorators.js';
+import { customElement, property, state } from 'lit/decorators.js';
 import { styles } from './input.style.js';
 import { EMPTY_STRING } from './input.types.js';
 import { NuralyUIBaseMixin } from '../../shared/base-mixin.js';
-import { InputValidationUtils } from './utils/input-validation.utils.js';
-import { InputRenderUtils } from './utils/input-renderers.js';
-import '../icon/icon.component.js';
-let NrInputElement = class NrInputElement extends NuralyUIBaseMixin(LitElement) {
+import { InputValidationUtils, InputRenderUtils } from './utils/index.js';
+import { SelectionMixin, FocusMixin, NumberMixin } from './mixins/index.js';
+const InputBaseMixin = NumberMixin(FocusMixin(SelectionMixin(NuralyUIBaseMixin(LitElement))));
+let NrInputElement = class NrInputElement extends InputBaseMixin {
     constructor() {
         super(...arguments);
+        // ========================================
+        // PROPERTIES
+        // ========================================
         this.disabled = false;
         this.readonly = false;
         this.state = "default" /* INPUT_STATE.Default */;
@@ -42,15 +44,28 @@ let NrInputElement = class NrInputElement extends NuralyUIBaseMixin(LitElement)
         this.withCopy = false;
         this.allowClear = false;
         this.showCount = false;
+        // ========================================
+        // STATE
+        // ========================================
         this.inputType = EMPTY_STRING;
         this.hasAddonBefore = false;
         this.hasAddonAfter = false;
         this.focused = false;
+        // ========================================
+        // LIFECYCLE METHODS
+        // ========================================
         /**
          * Required components that must be registered for this component to work properly
          */
-        this.requiredComponents = ['hy-icon'];
+        this.requiredComponents = ['nr-icon'];
     }
+    // Use manual query instead of @query decorator to avoid TypeScript mixin issues
+    get _input() {
+        return this.shadowRoot.querySelector('#input');
+    }
+    // ========================================
+    // COMPUTED PROPERTIES
+    // ========================================
     /**
      * Get the character count display text
      */
@@ -67,17 +82,36 @@ let NrInputElement = class NrInputElement extends NuralyUIBaseMixin(LitElement)
     get isOverCharacterLimit() {
         return this.maxLength ? this.value.length > this.maxLength : false;
     }
+    // ========================================
+    // COMPUTED PROPERTIES
+    // ========================================
+    /**
+     * Get the input element
+     */
+    get input() {
+        return this._input;
+    }
+    /**
+     * Override inputElement getter from mixins to use our @query property
+     */
+    get inputElement() {
+        return this._input;
+    }
     /**
      * Check for required dependencies when component is connected to DOM
      */
     connectedCallback() {
         super.connectedCallback();
-        this.validateDependencies();
     }
     willUpdate(_changedProperties) {
-        if (_changedProperties.has('type')) {
+        super.willUpdate(_changedProperties);
+        // Initialize inputType when type changes or on first render
+        if (_changedProperties.has('type') || !this.inputType) {
             this.inputType = this.type;
-            if (this.inputType === "number" /* INPUT_TYPE.NUMBER */ && this.min && !this.value) {
+        }
+        // Set default value for number inputs with min
+        if (_changedProperties.has('type') || _changedProperties.has('min')) {
+            if (this.type === "number" /* INPUT_TYPE.NUMBER */ && this.min && !this.value) {
                 this.value = this.min;
             }
         }
@@ -93,10 +127,7 @@ let NrInputElement = class NrInputElement extends NuralyUIBaseMixin(LitElement)
         if (_changedProperties.has('step') || _changedProperties.has('min') || _changedProperties.has('max') || _changedProperties.has('maxLength')) {
             const input = this.input;
             if (input) {
-                if (this.step)
-                    input.setAttribute('step', this.step);
-                else
-                    input.removeAttribute('step');
+                this.setStep(this.step);
                 if (this.min)
                     input.setAttribute('min', this.min);
                 else
@@ -115,6 +146,9 @@ let NrInputElement = class NrInputElement extends NuralyUIBaseMixin(LitElement)
     firstUpdated() {
         this._checkInitialSlotContent();
     }
+    // ========================================
+    // PRIVATE METHODS
+    // ========================================
     /**
      * Check initial slot content on first render
      */
@@ -142,163 +176,20 @@ let NrInputElement = class NrInputElement extends NuralyUIBaseMixin(LitElement)
     // ========================================
     // FOCUS MANAGEMENT METHODS
     // ========================================
-    /**
-     * Focus the input with advanced options
-     */
-    focus(options) {
-        if (!this.input)
-            return;
-        const focusOptions = Object.assign({ preventScroll: false }, options);
-        // Focus the input element
-        this.input.focus({ preventScroll: focusOptions.preventScroll });
-        // Handle cursor positioning
-        if (focusOptions.cursor !== undefined) {
-            this.setCursorPosition(focusOptions.cursor);
-        }
-        // Handle text selection
-        if (focusOptions.select) {
-            this.selectAll();
-        }
-    }
-    /**
-     * Blur the input with advanced options
-     */
-    blur(options) {
-        if (!this.input)
-            return;
-        const currentPosition = this.getCursorPosition();
-        this.input.blur();
-        // Restore cursor position if requested
-        if ((options === null || options === void 0 ? void 0 : options.restoreCursor) && currentPosition !== -1) {
-            // We'll restore it on next focus
-            this.input.dataset.restoreCursor = currentPosition.toString();
-        }
-    }
-    /**
-     * Select all text in the input
-     */
-    selectAll() {
-        if (!this.input)
-            return;
-        // Ensure the input is focused first
-        if (document.activeElement !== this.input) {
-            this.input.focus();
-        }
-        // Wait for next frame to ensure focus is complete
-        requestAnimationFrame(() => {
-            if (!this.input)
-                return;
-            this.input.select();
-        });
-    }
-    /**
-     * Select a range of text in the input
-     */
-    selectRange(start, end) {
-        if (!this.input)
-            return;
-        // Ensure the input is focused first
-        if (document.activeElement !== this.input) {
-            this.input.focus();
-        }
-        // Wait for next frame to ensure focus is complete
-        requestAnimationFrame(() => {
-            if (!this.input)
-                return;
-            const maxLength = this.input.value.length;
-            const validStart = Math.max(0, Math.min(start, maxLength));
-            const validEnd = Math.max(validStart, Math.min(end, maxLength));
-            this.input.setSelectionRange(validStart, validEnd);
-        });
-    }
-    /**
-     * Get the current cursor position
-     */
-    getCursorPosition() {
-        if (!this.input)
-            return -1;
-        return this.input.selectionStart || 0;
-    }
-    /**
-     * Set the cursor position
-     */
-    setCursorPosition(position) {
-        if (!this.input)
-            return;
-        // Ensure the input is focused first
-        if (document.activeElement !== this.input) {
-            this.input.focus();
-        }
-        requestAnimationFrame(() => {
-            if (!this.input)
-                return;
-            let pos;
-            const valueLength = this.value.length;
-            switch (position) {
-                case 'start':
-                    pos = 0;
-                    break;
-                case 'end':
-                    pos = valueLength;
-                    break;
-                case 'all':
-                    this.selectAll();
-                    return;
-                default:
-                    pos = typeof position === 'number' ? Math.min(Math.max(0, position), valueLength) : 0;
-            }
-            this.input.setSelectionRange(pos, pos);
-        });
-    }
-    /**
-     * Get the currently selected text
-     */
-    getSelectedText() {
-        if (!this.input)
-            return '';
-        const start = this.input.selectionStart || 0;
-        const end = this.input.selectionEnd || 0;
-        return this.value.substring(start, end);
-    }
-    /**
-     * Check if the input is currently focused
-     */
-    isFocused() {
-        return this.focused && document.activeElement === this.input;
-    }
+    // Focus methods are provided by InputMixin
     // ========================================
     // EVENT HANDLING METHODS
     // ========================================
-    /**
-     * Centralized event dispatcher to ensure consistent event structure
-     */
-    _dispatchInputEvent(eventName, detail) {
-        this.dispatchEvent(new CustomEvent(eventName, {
-            detail,
-            bubbles: true
-        }));
-    }
+    // Event handling methods moved to EventHandlerMixin
     _handleKeyDown(keyDownEvent) {
-        // Prevent all key input when readonly
-        if (this.readonly) {
-            const allowedReadonlyKeys = [
-                'Tab', 'Escape', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown',
-                'Home', 'End', 'PageUp', 'PageDown'
-            ];
-            if (keyDownEvent.ctrlKey || keyDownEvent.metaKey) {
-                const allowedCombinations = ['KeyA', 'KeyC'];
-                if (allowedCombinations.includes(keyDownEvent.code)) {
-                    return;
-                }
-            }
-            if (!allowedReadonlyKeys.includes(keyDownEvent.key)) {
-                keyDownEvent.preventDefault();
-                return;
-            }
+        // Prevent all key input when readonly - use mixin utility
+        if (this.readonly && !this.isReadonlyKeyAllowed(keyDownEvent)) {
+            keyDownEvent.preventDefault();
+            return;
         }
         // Handle Enter key
         if (keyDownEvent.key === 'Enter') {
-            this._dispatchInputEvent('nr-enter', {
+            this.dispatchCustomEvent('nr-enter', {
                 target: keyDownEvent.target,
                 value: this.value,
                 originalEvent: keyDownEvent
@@ -309,7 +200,7 @@ let NrInputElement = class NrInputElement extends NuralyUIBaseMixin(LitElement)
         if (this.type === "number" /* INPUT_TYPE.NUMBER */) {
             InputValidationUtils.preventNonNumericInput(keyDownEvent, this.min);
             if (keyDownEvent.defaultPrevented) {
-                this._dispatchInputEvent('nr-invalid-key', {
+                this.dispatchCustomEvent('nr-invalid-key', {
                     key: keyDownEvent.key,
                     target: keyDownEvent.target,
                     value: this.value,
@@ -327,7 +218,7 @@ let NrInputElement = class NrInputElement extends NuralyUIBaseMixin(LitElement)
         const newValue = target.value;
         // Check character limit
         if (this.maxLength && newValue.length > this.maxLength) {
-            this._dispatchInputEvent('nr-character-limit-exceeded', {
+            this.dispatchCustomEvent('nr-character-limit-exceeded', {
                 value: newValue,
                 target: target,
                 limit: this.maxLength,
@@ -339,24 +230,26 @@ let NrInputElement = class NrInputElement extends NuralyUIBaseMixin(LitElement)
             const validation = InputValidationUtils.validateNumericValue(newValue, this.min, this.max);
             if (!validation.isValid) {
                 console.warn(validation.warnings[0]);
-                this._dispatchInputEvent('nr-validation-error', {
+                this.dispatchValidationEvent('nr-validation-error', {
                     value: newValue,
                     target: target,
                     error: validation.warnings[0],
-                    originalEvent: e
+                    originalEvent: e,
+                    isValid: false
                 });
                 return;
             }
             validation.warnings.forEach(warning => console.warn(warning));
         }
         this.value = newValue;
-        this._dispatchInputEvent('nr-input', {
+        this.dispatchInputEvent('nr-input', {
             value: this.value,
             target: target,
             originalEvent: e
         });
     }
     _focusEvent(e) {
+        var _a;
         this.focused = true;
         // Handle cursor restoration if requested
         const input = e.target;
@@ -367,24 +260,25 @@ let NrInputElement = class NrInputElement extends NuralyUIBaseMixin(LitElement)
         }
         const focusDetail = {
             focused: true,
-            cursorPosition: this.getCursorPosition(),
+            cursorPosition: (_a = this.getCursorPosition()) !== null && _a !== void 0 ? _a : undefined,
             selectedText: this.getSelectedText()
         };
-        this._dispatchInputEvent('nr-focus', Object.assign({ target: e.target, value: this.value }, focusDetail));
-        this._dispatchInputEvent('nr-focus-change', focusDetail);
+        this.dispatchFocusEvent('nr-focus', Object.assign({ target: e.target, value: this.value }, focusDetail));
+        this.dispatchFocusEvent('nr-focus-change', focusDetail);
     }
     _blurEvent(e) {
+        var _a;
         this.focused = false;
         const focusDetail = {
             focused: false,
-            cursorPosition: this.getCursorPosition(),
+            cursorPosition: (_a = this.getCursorPosition()) !== null && _a !== void 0 ? _a : undefined,
             selectedText: this.getSelectedText()
         };
-        this._dispatchInputEvent('nr-blur', Object.assign({ target: e.target, value: this.value }, focusDetail));
-        this._dispatchInputEvent('nr-focus-change', focusDetail);
+        this.dispatchFocusEvent('nr-blur', Object.assign({ target: e.target, value: this.value }, focusDetail));
+        this.dispatchFocusEvent('nr-focus-change', focusDetail);
     }
     _handleIconKeydown(keyDownEvent) {
-        if (keyDownEvent.key === 'Enter' || keyDownEvent.key === ' ') {
+        if (this.isActivationKey(keyDownEvent)) {
             keyDownEvent.preventDefault();
             const target = keyDownEvent.target;
             if (target.id === 'copy-icon') {
@@ -412,10 +306,13 @@ let NrInputElement = class NrInputElement extends NuralyUIBaseMixin(LitElement)
                 const input = this.shadowRoot.getElementById('input');
                 input.select();
                 yield navigator.clipboard.writeText(input.value);
-                this._dispatchInputEvent('nr-copy-success', { value: input.value });
+                this.dispatchActionEvent('nr-copy-success', {
+                    value: input.value,
+                    action: 'copy'
+                });
             }
             catch (error) {
-                this._dispatchInputEvent('nr-copy-error', { error });
+                this.dispatchCustomEvent('nr-copy-error', { error });
             }
         });
     }
@@ -429,12 +326,14 @@ let NrInputElement = class NrInputElement extends NuralyUIBaseMixin(LitElement)
         if (this.input) {
             this.input.value = EMPTY_STRING;
         }
-        this._dispatchInputEvent('nr-clear', {
+        this.dispatchActionEvent('nr-clear', {
             previousValue,
-            target: this.input
+            newValue: this.value,
+            target: this.input,
+            action: 'clear'
         });
         // Also dispatch input event for consistency
-        this._dispatchInputEvent('nr-input', {
+        this.dispatchInputEvent('nr-input', {
             value: this.value,
             target: this.input,
             action: 'clear'
@@ -444,42 +343,10 @@ let NrInputElement = class NrInputElement extends NuralyUIBaseMixin(LitElement)
     // OPERATION METHODS
     // ========================================
     _increment() {
-        try {
-            this.input.stepUp();
-            this.value = this.input.value;
-            this._dispatchInputEvent('nr-input', {
-                value: this.value,
-                target: this.input,
-                action: 'increment'
-            });
-        }
-        catch (error) {
-            console.warn('Failed to increment value:', error);
-            this._dispatchInputEvent('nr-increment-error', {
-                error,
-                value: this.value,
-                target: this.input
-            });
-        }
+        this.increment();
     }
     _decrement() {
-        try {
-            this.input.stepDown();
-            this.value = this.input.value;
-            this._dispatchInputEvent('nr-input', {
-                value: this.value,
-                target: this.input,
-                action: 'decrement'
-            });
-        }
-        catch (error) {
-            console.warn('Failed to decrement value:', error);
-            this._dispatchInputEvent('nr-decrement-error', {
-                error,
-                value: this.value,
-                target: this.input
-            });
-        }
+        this.decrement();
     }
     _togglePasswordIcon() {
         if (this.inputType === "password" /* INPUT_TYPE.PASSWORD */) {
@@ -603,9 +470,6 @@ __decorate([
 __decorate([
     state()
 ], NrInputElement.prototype, "focused", void 0);
-__decorate([
-    query('#input')
-], NrInputElement.prototype, "input", void 0);
 NrInputElement = __decorate([
     customElement('nr-input')
 ], NrInputElement);

package/input.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.component.js","sourceRoot":"","sources":["../../../src/components/input/input.component.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * @license\n * Copyright 2023 Google Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { LitElement, PropertyValues, html } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { styles } from './input.style.js';\nimport { INPUT_TYPE, INPUT_STATE, INPUT_SIZE, INPUT_VARIANT, EMPTY_STRING, FocusOptions, BlurOptions, FocusChangeEvent } from './input.types.js';\nimport { NuralyUIBaseMixin } from '../../shared/base-mixin.js';\nimport { InputValidationUtils } from './utils/input-validation.utils.js';\nimport { InputRenderUtils } from './utils/input-renderers.js';\nimport '../icon/icon.component.js';\n\n@customElement('nr-input')\nexport class NrInputElement extends NuralyUIBaseMixin(LitElement) {\n\n  @property({type: Boolean, reflect: true})\n  disabled = false;\n\n  @property({type: Boolean, reflect: true})\n  readonly = false;\n\n  @property({type: String, reflect: true})\n  state = INPUT_STATE.Default;\n\n  @property({type: String})\n  value = EMPTY_STRING;\n\n  @property({type: String})\n  size = INPUT_SIZE.Medium;\n\n  @property({type: String, reflect: true})\n  variant = INPUT_VARIANT.Underlined;\n\n  @property({reflect: true})\n  type = INPUT_TYPE.TEXT;\n\n  @property({type: String})\n  step?: string;\n\n  @property({type: String})\n  min?: string;\n\n  @property({type: String})\n  max?: string;\n\n  @property({type: String})\n  placeholder = EMPTY_STRING;\n\n  @property({type: String})\n  autocomplete = 'off';\n\n  @property({type: Boolean, reflect: true})\n  withCopy = false;\n\n  @property({type: Boolean, reflect: true})\n  allowClear = false;\n\n  @property({type: Boolean, reflect: true})\n  showCount = false;\n\n  @property({type: Number})\n  maxLength?: number;\n\n  @state()\n  inputType = EMPTY_STRING;\n\n  @state()\n  hasAddonBefore = false;\n\n  @state()\n  hasAddonAfter = false;\n\n  @state()\n  focused = false;\n\n  @query('#input')\n  input!: HTMLInputElement;\n\n  /**\n   * Get the character count display text\n   */\n  get characterCountDisplay(): string {\n    const currentLength = this.value.length;\n    if (this.maxLength) {\n      return `${currentLength}/${this.maxLength}`;\n    }\n    return `${currentLength}`;\n  }\n\n  /**\n   * Check if character count is over the limit\n   */\n  get isOverCharacterLimit(): boolean {\n    return this.maxLength ? this.value.length > this.maxLength : false;\n  }\n\n  /**\n   * Required components that must be registered for this component to work properly\n   */\n  override requiredComponents = ['hy-icon'];\n\n  /**\n   * Check for required dependencies when component is connected to DOM\n   */\n  override connectedCallback() {\n    super.connectedCallback();\n    this.validateDependencies();\n  }\n\n  override willUpdate(_changedProperties: PropertyValues): void {\n    if (_changedProperties.has('type')) {\n      this.inputType = this.type;\n      if (this.inputType === INPUT_TYPE.NUMBER && this.min && !this.value) {\n        this.value = this.min;\n      }\n    }\n    \n    // Validate numeric properties when they change\n    if (_changedProperties.has('type') || \n        _changedProperties.has('min') || \n        _changedProperties.has('max') || \n        _changedProperties.has('step')) {\n      InputValidationUtils.validateNumericProperties(this.type, this.min, this.max, this.step);\n    }\n  }\n\n  override updated(_changedProperties: PropertyValues): void {\n    if (_changedProperties.has('step') || _changedProperties.has('min') || _changedProperties.has('max') || _changedProperties.has('maxLength')) {\n      const input = this.input;\n      if (input) {\n        if (this.step) input.setAttribute('step', this.step);\n        else input.removeAttribute('step');\n        \n        if (this.min) input.setAttribute('min', this.min);\n        else input.removeAttribute('min');\n        \n        if (this.max) input.setAttribute('max', this.max);\n        else input.removeAttribute('max');\n\n        if (this.maxLength) input.setAttribute('maxlength', this.maxLength.toString());\n        else input.removeAttribute('maxlength');\n      }\n    }\n  }\n\n  override firstUpdated(): void {\n    this._checkInitialSlotContent();\n  }\n\n  /**\n   * Check initial slot content on first render\n   */\n  private _checkInitialSlotContent(): void {\n    // Check for addon-before content\n    const addonBeforeElements = this.querySelectorAll('[slot=\"addon-before\"]');\n    this.hasAddonBefore = addonBeforeElements.length > 0;\n\n    // Check for addon-after content  \n    const addonAfterElements = this.querySelectorAll('[slot=\"addon-after\"]');\n    this.hasAddonAfter = addonAfterElements.length > 0;\n  }\n\n  /**\n   * Handle slot changes to determine addon visibility\n   */\n  private _handleSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    const slotName = slot.name;\n    \n    if (slotName === 'addon-before') {\n      this.hasAddonBefore = slot.assignedElements().length > 0;\n    } else if (slotName === 'addon-after') {\n      this.hasAddonAfter = slot.assignedElements().length > 0;\n    }\n  }\n\n  // ========================================\n  // FOCUS MANAGEMENT METHODS\n  // ========================================\n\n  /**\n   * Focus the input with advanced options\n   */\n  override focus(options?: FocusOptions): void {\n    if (!this.input) return;\n\n    const focusOptions: FocusOptions = { preventScroll: false, ...options };\n    \n    // Focus the input element\n    this.input.focus({ preventScroll: focusOptions.preventScroll });\n\n    // Handle cursor positioning\n    if (focusOptions.cursor !== undefined) {\n      this.setCursorPosition(focusOptions.cursor);\n    }\n\n    // Handle text selection\n    if (focusOptions.select) {\n      this.selectAll();\n    }\n  }\n\n  /**\n   * Blur the input with advanced options\n   */\n  override blur(options?: BlurOptions): void {\n    if (!this.input) return;\n\n    const currentPosition = this.getCursorPosition();\n    \n    this.input.blur();\n\n    // Restore cursor position if requested\n    if (options?.restoreCursor && currentPosition !== -1) {\n      // We'll restore it on next focus\n      this.input.dataset.restoreCursor = currentPosition.toString();\n    }\n  }\n\n  /**\n   * Select all text in the input\n   */\n  selectAll(): void {\n    if (!this.input) return;\n    \n    // Ensure the input is focused first\n    if (document.activeElement !== this.input) {\n      this.input.focus();\n    }\n    \n    // Wait for next frame to ensure focus is complete\n    requestAnimationFrame(() => {\n      if (!this.input) return;\n      this.input.select();\n    });\n  }\n\n  /**\n   * Select a range of text in the input\n   */\n  selectRange(start: number, end: number): void {\n    if (!this.input) return;\n    \n    // Ensure the input is focused first\n    if (document.activeElement !== this.input) {\n      this.input.focus();\n    }\n    \n    // Wait for next frame to ensure focus is complete\n    requestAnimationFrame(() => {\n      if (!this.input) return;\n      \n      const maxLength = this.input.value.length;\n      const validStart = Math.max(0, Math.min(start, maxLength));\n      const validEnd = Math.max(validStart, Math.min(end, maxLength));\n      \n      this.input.setSelectionRange(validStart, validEnd);\n    });\n  }\n\n  /**\n   * Get the current cursor position\n   */\n  getCursorPosition(): number {\n    if (!this.input) return -1;\n    return this.input.selectionStart || 0;\n  }\n\n  /**\n   * Set the cursor position\n   */\n  setCursorPosition(position: number | 'start' | 'end' | 'all'): void {\n    if (!this.input) return;\n    \n    // Ensure the input is focused first\n    if (document.activeElement !== this.input) {\n      this.input.focus();\n    }\n    \n    requestAnimationFrame(() => {\n      if (!this.input) return;\n\n      let pos: number;\n      const valueLength = this.value.length;\n\n      switch (position) {\n        case 'start':\n          pos = 0;\n          break;\n        case 'end':\n          pos = valueLength;\n          break;\n        case 'all':\n          this.selectAll();\n          return;\n        default:\n          pos = typeof position === 'number' ? Math.min(Math.max(0, position), valueLength) : 0;\n      }\n\n      this.input.setSelectionRange(pos, pos);\n    });\n  }\n\n  /**\n   * Get the currently selected text\n   */\n  getSelectedText(): string {\n    if (!this.input) return '';\n    const start = this.input.selectionStart || 0;\n    const end = this.input.selectionEnd || 0;\n    return this.value.substring(start, end);\n  }\n\n  /**\n   * Check if the input is currently focused\n   */\n  isFocused(): boolean {\n    return this.focused && document.activeElement === this.input;\n  }\n\n  // ========================================\n  // EVENT HANDLING METHODS\n  // ========================================\n\n  /**\n   * Centralized event dispatcher to ensure consistent event structure\n   */\n  private _dispatchInputEvent(eventName: string, detail: any): void {\n    this.dispatchEvent(\n      new CustomEvent(eventName, {\n        detail,\n        bubbles: true\n      })\n    );\n  }\n\n  private _handleKeyDown(keyDownEvent: KeyboardEvent) {\n    // Prevent all key input when readonly\n    if (this.readonly) {\n      const allowedReadonlyKeys = [\n        'Tab', 'Escape', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown',\n        'Home', 'End', 'PageUp', 'PageDown'\n      ];\n      \n      if (keyDownEvent.ctrlKey || keyDownEvent.metaKey) {\n        const allowedCombinations = ['KeyA', 'KeyC'];\n        if (allowedCombinations.includes(keyDownEvent.code)) {\n          return;\n        }\n      }\n      \n      if (!allowedReadonlyKeys.includes(keyDownEvent.key)) {\n        keyDownEvent.preventDefault();\n        return;\n      }\n    }\n\n    // Handle Enter key\n    if (keyDownEvent.key === 'Enter') {\n      this._dispatchInputEvent('nr-enter', {\n        target: keyDownEvent.target,\n        value: this.value,\n        originalEvent: keyDownEvent\n      });\n      return;\n    }\n\n    // Prevent non-numeric input for number type\n    if (this.type === INPUT_TYPE.NUMBER) {\n      InputValidationUtils.preventNonNumericInput(keyDownEvent, this.min);\n      \n      if (keyDownEvent.defaultPrevented) {\n        this._dispatchInputEvent('nr-invalid-key', {\n          key: keyDownEvent.key,\n          target: keyDownEvent.target,\n          value: this.value,\n          originalEvent: keyDownEvent\n        });\n      }\n    }\n  }\n\n  private _valueChange(e: Event) {\n    if (this.readonly) {\n      e.preventDefault();\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const newValue = target.value;\n    \n    // Check character limit\n    if (this.maxLength && newValue.length > this.maxLength) {\n      this._dispatchInputEvent('nr-character-limit-exceeded', {\n        value: newValue,\n        target: target,\n        limit: this.maxLength,\n        originalEvent: e\n      });\n      // Note: HTML maxlength attribute usually prevents this, but we dispatch event for awareness\n    }\n    \n    if (this.type === INPUT_TYPE.NUMBER && newValue) {\n      const validation = InputValidationUtils.validateNumericValue(newValue, this.min, this.max);\n      \n      if (!validation.isValid) {\n        console.warn(validation.warnings[0]);\n        this._dispatchInputEvent('nr-validation-error', {\n          value: newValue,\n          target: target,\n          error: validation.warnings[0],\n          originalEvent: e\n        });\n        return;\n      }\n      \n      validation.warnings.forEach(warning => console.warn(warning));\n    }\n    \n    this.value = newValue;\n    this._dispatchInputEvent('nr-input', {\n      value: this.value, \n      target: target,\n      originalEvent: e \n    });\n  }\n\n  private _focusEvent(e: Event) {\n    this.focused = true;\n    \n    // Handle cursor restoration if requested\n    const input = e.target as HTMLInputElement;\n    if (input.dataset.restoreCursor) {\n      const position = parseInt(input.dataset.restoreCursor, 10);\n      this.setCursorPosition(position);\n      delete input.dataset.restoreCursor;\n    }\n    \n    const focusDetail: FocusChangeEvent = {\n      focused: true,\n      cursorPosition: this.getCursorPosition(),\n      selectedText: this.getSelectedText()\n    };\n    \n    this._dispatchInputEvent('nr-focus', {\n      target: e.target,\n      value: this.value,\n      ...focusDetail\n    });\n    \n    this._dispatchInputEvent('nr-focus-change', focusDetail);\n  }\n\n  private _blurEvent(e: Event) {\n    this.focused = false;\n    \n    const focusDetail: FocusChangeEvent = {\n      focused: false,\n      cursorPosition: this.getCursorPosition(),\n      selectedText: this.getSelectedText()\n    };\n    \n    this._dispatchInputEvent('nr-blur', {\n      target: e.target,\n      value: this.value,\n      ...focusDetail\n    });\n    \n    this._dispatchInputEvent('nr-focus-change', focusDetail);\n  }\n\n  private _handleIconKeydown(keyDownEvent: KeyboardEvent) {\n    if (keyDownEvent.key === 'Enter' || keyDownEvent.key === ' ') {\n      keyDownEvent.preventDefault();\n      const target = keyDownEvent.target as HTMLElement;\n      \n      if (target.id === 'copy-icon') {\n        this._onCopy();\n      } else if (target.id === 'clear-icon') {\n        this._onClear();\n      } else if (target.id === 'password-icon') {\n        this._togglePasswordIcon();\n      } else if (target.closest('#number-icons')) {\n        if (target.getAttribute('name') === 'plus') {\n          this._increment();\n        } else if (target.getAttribute('name') === 'minus') {\n          this._decrement();\n        }\n      }\n    }\n  }\n\n  private async _onCopy() {\n    try {\n      const input = this.shadowRoot!.getElementById('input')! as HTMLInputElement;\n      input.select();\n      await navigator.clipboard.writeText(input.value);\n      \n      this._dispatchInputEvent('nr-copy-success', { value: input.value });\n    } catch (error) {\n      this._dispatchInputEvent('nr-copy-error', { error });\n    }\n  }\n\n  private _onClear() {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const previousValue = this.value;\n    this.value = EMPTY_STRING;\n    \n    // Update the input element value\n    if (this.input) {\n      this.input.value = EMPTY_STRING;\n    }\n\n    this._dispatchInputEvent('nr-clear', {\n      previousValue,\n      target: this.input\n    });\n\n    // Also dispatch input event for consistency\n    this._dispatchInputEvent('nr-input', {\n      value: this.value,\n      target: this.input,\n      action: 'clear'\n    });\n  }\n\n  // ========================================\n  // OPERATION METHODS\n  // ========================================\n\n  private _increment() {\n    try {\n      this.input.stepUp();\n      this.value = this.input.value;\n      this._dispatchInputEvent('nr-input', {\n        value: this.value, \n        target: this.input,\n        action: 'increment'\n      });\n    } catch (error) {\n      console.warn('Failed to increment value:', error);\n      this._dispatchInputEvent('nr-increment-error', {\n        error,\n        value: this.value,\n        target: this.input\n      });\n    }\n  }\n\n  private _decrement() {\n    try {\n      this.input.stepDown();\n      this.value = this.input.value;\n      this._dispatchInputEvent('nr-input', {\n        value: this.value, \n        target: this.input,\n        action: 'decrement'\n      });\n    } catch (error) {\n      console.warn('Failed to decrement value:', error);\n      this._dispatchInputEvent('nr-decrement-error', {\n        error,\n        value: this.value,\n        target: this.input\n      });\n    }\n  }\n\n  private _togglePasswordIcon() {\n    if (this.inputType === INPUT_TYPE.PASSWORD) {\n      this.inputType = INPUT_TYPE.TEXT;\n    } else if (this.inputType === INPUT_TYPE.TEXT && this.type === INPUT_TYPE.PASSWORD) {\n      this.inputType = INPUT_TYPE.PASSWORD;\n    }\n  }\n\n  private _getAriaDescribedBy(): string {\n    const describedBy: string[] = [];\n    \n    const helperSlot = this.shadowRoot?.querySelector('slot[name=\"helper-text\"]');\n    if (helperSlot && (helperSlot as HTMLSlotElement).assignedNodes().length > 0) {\n      describedBy.push('helper-text');\n    }\n    \n    return describedBy.join(' ') || '';\n  }\n\n  // ========================================\n  // RENDER METHODS\n  // ========================================\n\n  override render() {\n    return html`\n      <slot name=\"label\"></slot>\n      <div class=\"input-wrapper\" data-theme=\"${this.currentTheme}\">\n        ${InputRenderUtils.renderAddonBefore(this.hasAddonBefore, (e: Event) => this._handleSlotChange(e))}\n        <div data-size=${this.size} id=\"input-container\">\n          ${InputRenderUtils.renderPrefix()}\n          <input\n            id=\"input\"\n            .disabled=${this.disabled}\n            .readOnly=${this.readonly}\n            .value=${this.value}\n            .placeholder=${this.placeholder}\n            .type=\"${this.inputType}\"\n            .autocomplete=${this.autocomplete}\n            aria-invalid=${this.state === INPUT_STATE.Error ? 'true' : 'false'}\n            aria-describedby=${this._getAriaDescribedBy()}\n            @input=${this._valueChange}\n            @focus=${this._focusEvent}\n            @blur=${this._blurEvent}\n            @keydown=${this._handleKeyDown}\n          />\n          ${InputRenderUtils.renderSuffix()}\n          ${InputRenderUtils.renderCopyIcon(\n            this.withCopy,\n            this.disabled,\n            this.readonly,\n            () => this._onCopy(),\n            (e: KeyboardEvent) => this._handleIconKeydown(e)\n          )}\n          ${InputRenderUtils.renderClearIcon(\n            this.allowClear,\n            this.value,\n            this.disabled,\n            this.readonly,\n            () => this._onClear(),\n            (e: KeyboardEvent) => this._handleIconKeydown(e)\n          )}\n          ${InputRenderUtils.renderStateIcon(this.state)}\n          ${InputRenderUtils.renderCalendarIcon(this.state, this.type)}\n          ${InputRenderUtils.renderPasswordIcon(\n            this.type,\n            this.inputType,\n            this.disabled,\n            this.readonly,\n            () => this._togglePasswordIcon(),\n            (e: KeyboardEvent) => this._handleIconKeydown(e)\n          )}\n          ${InputRenderUtils.renderNumberIcons(\n            this.type,\n            this.state,\n            this.disabled,\n            this.readonly,\n            () => this._increment(),\n            () => this._decrement(),\n            (e: KeyboardEvent) => this._handleIconKeydown(e)\n          )}\n        </div>\n        ${InputRenderUtils.renderAddonAfter(this.hasAddonAfter, (e: Event) => this._handleSlotChange(e))}\n      </div>\n      <slot name=\"helper-text\"></slot>\n      ${this.showCount ? html`\n        <div class=\"character-count\" ?data-over-limit=${this.isOverCharacterLimit}>\n          ${this.characterCountDisplay}\n        </div>\n      ` : ''}\n    `;\n  }\n\n  static override styles = styles;\n}\n\n"]}
+{"version":3,"file":"input.component.js","sourceRoot":"","sources":["../../../src/components/input/input.component.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { LitElement, PropertyValues, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { styles } from './input.style.js';\nimport { INPUT_TYPE, INPUT_STATE, INPUT_SIZE, INPUT_VARIANT, EMPTY_STRING, FocusChangeEvent } from './input.types.js';\nimport { NuralyUIBaseMixin } from '../../shared/base-mixin.js';\nimport { InputValidationUtils, InputRenderUtils } from './utils/index.js';\nimport { SelectionMixin, FocusMixin, NumberMixin } from './mixins/index.js';\n\nconst InputBaseMixin = NumberMixin(FocusMixin(SelectionMixin(NuralyUIBaseMixin(LitElement))));\n@customElement('nr-input')\nexport class NrInputElement extends InputBaseMixin {\n  static override styles = styles;\n\n  // ========================================\n  // PROPERTIES\n  // ========================================\n\n  @property({type: Boolean, reflect: true})\n  disabled = false;\n\n  @property({type: Boolean, reflect: true})\n  readonly = false;\n\n  @property({type: String, reflect: true})\n  state = INPUT_STATE.Default;\n\n  @property({type: String})\n  value = EMPTY_STRING;\n\n  @property({type: String})\n  size = INPUT_SIZE.Medium;\n\n  @property({type: String, reflect: true})\n  variant = INPUT_VARIANT.Underlined;\n\n  @property({reflect: true})\n  type = INPUT_TYPE.TEXT;\n\n  @property({type: String})\n  step?: string;\n\n  @property({type: String})\n  min?: string;\n\n  @property({type: String})\n  max?: string;\n\n  @property({type: String})\n  placeholder = EMPTY_STRING;\n\n  @property({type: String})\n  autocomplete = 'off';\n\n  @property({type: Boolean, reflect: true})\n  withCopy = false;\n\n  @property({type: Boolean, reflect: true})\n  allowClear = false;\n\n  @property({type: Boolean, reflect: true})\n  showCount = false;\n\n  @property({type: Number})\n  maxLength?: number;\n\n  // ========================================\n  // STATE\n  // ========================================\n\n  @state()\n  inputType = EMPTY_STRING;\n\n  @state()\n  hasAddonBefore = false;\n\n  @state()\n  hasAddonAfter = false;\n\n  @state()\n  focused = false;\n\n  // Use manual query instead of @query decorator to avoid TypeScript mixin issues\n  private get _input(): HTMLInputElement {\n    return this.shadowRoot!.querySelector('#input') as HTMLInputElement;\n  }\n\n  // ========================================\n  // COMPUTED PROPERTIES\n  // ========================================\n\n  /**\n   * Get the character count display text\n   */\n  get characterCountDisplay(): string {\n    const currentLength = this.value.length;\n    if (this.maxLength) {\n      return `${currentLength}/${this.maxLength}`;\n    }\n    return `${currentLength}`;\n  }\n\n  /**\n   * Check if character count is over the limit\n   */\n  get isOverCharacterLimit(): boolean {\n    return this.maxLength ? this.value.length > this.maxLength : false;\n  }\n\n  // ========================================\n  // COMPUTED PROPERTIES\n  // ========================================\n\n  /**\n   * Get the input element\n   */\n  protected get input(): HTMLInputElement {\n    return this._input;\n  }\n\n  /**\n   * Override inputElement getter from mixins to use our @query property\n   */\n  protected get inputElement(): HTMLInputElement {\n    return this._input;\n  }\n\n  // ========================================\n  // LIFECYCLE METHODS\n  // ========================================\n\n  /**\n   * Required components that must be registered for this component to work properly\n   */\n  override requiredComponents = ['nr-icon'];\n\n  /**\n   * Check for required dependencies when component is connected to DOM\n   */\n  override connectedCallback() {\n    super.connectedCallback();\n  }\n\n  override willUpdate(_changedProperties: PropertyValues): void {\n    super.willUpdate(_changedProperties);\n\n    // Initialize inputType when type changes or on first render\n    if (_changedProperties.has('type') || !this.inputType) {\n      this.inputType = this.type;\n    }\n\n    // Set default value for number inputs with min\n    if (_changedProperties.has('type') || _changedProperties.has('min')) {\n      if (this.type === INPUT_TYPE.NUMBER && this.min && !this.value) {\n        this.value = this.min;\n      }\n    }\n\n    // Validate numeric properties when they change\n    if (_changedProperties.has('type') || \n        _changedProperties.has('min') || \n        _changedProperties.has('max') || \n        _changedProperties.has('step')) {\n      InputValidationUtils.validateNumericProperties(this.type, this.min, this.max, this.step);\n    }\n  }\n\n  override updated(_changedProperties: PropertyValues): void {\n    if (_changedProperties.has('step') || _changedProperties.has('min') || _changedProperties.has('max') || _changedProperties.has('maxLength')) {\n      const input = this.input;\n      if (input) {\n        this.setStep(this.step);\n        \n        if (this.min) input.setAttribute('min', this.min);\n        else input.removeAttribute('min');\n        \n        if (this.max) input.setAttribute('max', this.max);\n        else input.removeAttribute('max');\n\n        if (this.maxLength) input.setAttribute('maxlength', this.maxLength.toString());\n        else input.removeAttribute('maxlength');\n      }\n    }\n  }\n\n  override firstUpdated(): void {\n    this._checkInitialSlotContent();\n  }\n\n  // ========================================\n  // PRIVATE METHODS\n  // ========================================\n\n  /**\n   * Check initial slot content on first render\n   */\n  private _checkInitialSlotContent(): void {\n    // Check for addon-before content\n    const addonBeforeElements = this.querySelectorAll('[slot=\"addon-before\"]');\n    this.hasAddonBefore = addonBeforeElements.length > 0;\n\n    // Check for addon-after content  \n    const addonAfterElements = this.querySelectorAll('[slot=\"addon-after\"]');\n    this.hasAddonAfter = addonAfterElements.length > 0;\n  }\n\n  /**\n   * Handle slot changes to determine addon visibility\n   */\n  private _handleSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    const slotName = slot.name;\n    \n    if (slotName === 'addon-before') {\n      this.hasAddonBefore = slot.assignedElements().length > 0;\n    } else if (slotName === 'addon-after') {\n      this.hasAddonAfter = slot.assignedElements().length > 0;\n    }\n  }\n\n  // ========================================\n  // FOCUS MANAGEMENT METHODS\n  // ========================================\n\n  // Focus methods are provided by InputMixin\n\n  // ========================================\n  // EVENT HANDLING METHODS\n  // ========================================\n\n  // Event handling methods moved to EventHandlerMixin\n\n  private _handleKeyDown(keyDownEvent: KeyboardEvent): void {\n    // Prevent all key input when readonly - use mixin utility\n    if (this.readonly && !this.isReadonlyKeyAllowed(keyDownEvent)) {\n      keyDownEvent.preventDefault();\n      return;\n    }\n\n    // Handle Enter key\n    if (keyDownEvent.key === 'Enter') {\n      this.dispatchCustomEvent('nr-enter', {\n        target: keyDownEvent.target,\n        value: this.value,\n        originalEvent: keyDownEvent\n      });\n      return;\n    }\n\n    // Prevent non-numeric input for number type\n    if (this.type === INPUT_TYPE.NUMBER) {\n      InputValidationUtils.preventNonNumericInput(keyDownEvent, this.min);\n      \n      if (keyDownEvent.defaultPrevented) {\n        this.dispatchCustomEvent('nr-invalid-key', {\n          key: keyDownEvent.key,\n          target: keyDownEvent.target,\n          value: this.value,\n          originalEvent: keyDownEvent\n        });\n      }\n    }\n  }\n\n  private _valueChange(e: Event): void {\n    if (this.readonly) {\n      e.preventDefault();\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const newValue = target.value;\n    \n    // Check character limit\n    if (this.maxLength && newValue.length > this.maxLength) {\n      this.dispatchCustomEvent('nr-character-limit-exceeded', {\n        value: newValue,\n        target: target,\n        limit: this.maxLength,\n        originalEvent: e\n      });\n      // Note: HTML maxlength attribute usually prevents this, but we dispatch event for awareness\n    }\n    \n    if (this.type === INPUT_TYPE.NUMBER && newValue) {\n      const validation = InputValidationUtils.validateNumericValue(newValue, this.min, this.max);\n      \n      if (!validation.isValid) {\n        console.warn(validation.warnings[0]);\n        this.dispatchValidationEvent('nr-validation-error', {\n          value: newValue,\n          target: target,\n          error: validation.warnings[0],\n          originalEvent: e,\n          isValid: false\n        });\n        return;\n      }\n      \n      validation.warnings.forEach(warning => console.warn(warning));\n    }\n    \n    this.value = newValue;\n    this.dispatchInputEvent('nr-input', {\n      value: this.value, \n      target: target,\n      originalEvent: e \n    });\n  }\n\n  private _focusEvent(e: Event): void {\n    this.focused = true;\n    \n    // Handle cursor restoration if requested\n    const input = e.target as HTMLInputElement;\n    if (input.dataset.restoreCursor) {\n      const position = parseInt(input.dataset.restoreCursor, 10);\n      this.setCursorPosition(position);\n      delete input.dataset.restoreCursor;\n    }\n    \n    const focusDetail: FocusChangeEvent = {\n      focused: true,\n      cursorPosition: this.getCursorPosition() ?? undefined,\n      selectedText: this.getSelectedText()\n    };\n    \n    this.dispatchFocusEvent('nr-focus', {\n      target: e.target,\n      value: this.value,\n      ...focusDetail\n    });\n    \n    this.dispatchFocusEvent('nr-focus-change', focusDetail);\n  }\n\n  private _blurEvent(e: Event): void {\n    this.focused = false;\n    \n    const focusDetail: FocusChangeEvent = {\n      focused: false,\n      cursorPosition: this.getCursorPosition() ?? undefined,\n      selectedText: this.getSelectedText()\n    };\n    \n    this.dispatchFocusEvent('nr-blur', {\n      target: e.target,\n      value: this.value,\n      ...focusDetail\n    });\n    \n    this.dispatchFocusEvent('nr-focus-change', focusDetail);\n  }\n\n  private _handleIconKeydown(keyDownEvent: KeyboardEvent): void {\n    if (this.isActivationKey(keyDownEvent)) {\n      keyDownEvent.preventDefault();\n      const target = keyDownEvent.target as HTMLElement;\n      \n      if (target.id === 'copy-icon') {\n        this._onCopy();\n      } else if (target.id === 'clear-icon') {\n        this._onClear();\n      } else if (target.id === 'password-icon') {\n        this._togglePasswordIcon();\n      } else if (target.closest('#number-icons')) {\n        if (target.getAttribute('name') === 'plus') {\n          this._increment();\n        } else if (target.getAttribute('name') === 'minus') {\n          this._decrement();\n        }\n      }\n    }\n  }\n\n  private async _onCopy(): Promise<void> {\n    try {\n      const input = this.shadowRoot!.getElementById('input')! as HTMLInputElement;\n      input.select();\n      await navigator.clipboard.writeText(input.value);\n      \n      this.dispatchActionEvent('nr-copy-success', { \n        value: input.value,\n        action: 'copy'\n      });\n    } catch (error) {\n      this.dispatchCustomEvent('nr-copy-error', { error });\n    }\n  }\n\n  private _onClear(): void {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const previousValue = this.value;\n    this.value = EMPTY_STRING;\n    \n    // Update the input element value\n    if (this.input) {\n      this.input.value = EMPTY_STRING;\n    }\n\n    this.dispatchActionEvent('nr-clear', {\n      previousValue,\n      newValue: this.value,\n      target: this.input,\n      action: 'clear'\n    });\n\n    // Also dispatch input event for consistency\n    this.dispatchInputEvent('nr-input', {\n      value: this.value,\n      target: this.input,\n      action: 'clear'\n    });\n  }\n\n  // ========================================\n  // OPERATION METHODS\n  // ========================================\n\n  private _increment(): void {\n    this.increment();\n  }\n\n  private _decrement(): void {\n    this.decrement();\n  }\n\n  private _togglePasswordIcon(): void {\n    if (this.inputType === INPUT_TYPE.PASSWORD) {\n      this.inputType = INPUT_TYPE.TEXT;\n    } else if (this.inputType === INPUT_TYPE.TEXT && this.type === INPUT_TYPE.PASSWORD) {\n      this.inputType = INPUT_TYPE.PASSWORD;\n    }\n  }\n\n  private _getAriaDescribedBy(): string {\n    const describedBy: string[] = [];\n    \n    const helperSlot = this.shadowRoot?.querySelector('slot[name=\"helper-text\"]');\n    if (helperSlot && (helperSlot as HTMLSlotElement).assignedNodes().length > 0) {\n      describedBy.push('helper-text');\n    }\n    \n    return describedBy.join(' ') || '';\n  }\n\n  // ========================================\n  // RENDER METHODS\n  // ========================================\n\n  override render() {\n    return html`\n      <slot name=\"label\"></slot>\n      <div class=\"input-wrapper\" data-theme=\"${this.currentTheme}\">\n        ${InputRenderUtils.renderAddonBefore(this.hasAddonBefore, (e: Event) => this._handleSlotChange(e))}\n        <div data-size=${this.size} id=\"input-container\">\n          ${InputRenderUtils.renderPrefix()}\n          <input\n            id=\"input\"\n            .disabled=${this.disabled}\n            .readOnly=${this.readonly}\n            .value=${this.value}\n            .placeholder=${this.placeholder}\n            .type=\"${this.inputType}\"\n            .autocomplete=${this.autocomplete}\n            aria-invalid=${this.state === INPUT_STATE.Error ? 'true' : 'false'}\n            aria-describedby=${this._getAriaDescribedBy()}\n            @input=${this._valueChange}\n            @focus=${this._focusEvent}\n            @blur=${this._blurEvent}\n            @keydown=${this._handleKeyDown}\n          />\n          ${InputRenderUtils.renderSuffix()}\n          ${InputRenderUtils.renderCopyIcon(\n            this.withCopy,\n            this.disabled,\n            this.readonly,\n            () => this._onCopy(),\n            (e: KeyboardEvent) => this._handleIconKeydown(e)\n          )}\n          ${InputRenderUtils.renderClearIcon(\n            this.allowClear,\n            this.value,\n            this.disabled,\n            this.readonly,\n            () => this._onClear(),\n            (e: KeyboardEvent) => this._handleIconKeydown(e)\n          )}\n          ${InputRenderUtils.renderStateIcon(this.state)}\n          ${InputRenderUtils.renderCalendarIcon(this.state, this.type)}\n          ${InputRenderUtils.renderPasswordIcon(\n            this.type,\n            this.inputType,\n            this.disabled,\n            this.readonly,\n            () => this._togglePasswordIcon(),\n            (e: KeyboardEvent) => this._handleIconKeydown(e)\n          )}\n          ${InputRenderUtils.renderNumberIcons(\n            this.type,\n            this.state,\n            this.disabled,\n            this.readonly,\n            () => this._increment(),\n            () => this._decrement(),\n            (e: KeyboardEvent) => this._handleIconKeydown(e)\n          )}\n        </div>\n        ${InputRenderUtils.renderAddonAfter(this.hasAddonAfter, (e: Event) => this._handleSlotChange(e))}\n      </div>\n      <slot name=\"helper-text\"></slot>\n      ${this.showCount ? html`\n        <div class=\"character-count\" ?data-over-limit=${this.isOverCharacterLimit}>\n          ${this.characterCountDisplay}\n        </div>\n      ` : ''}\n    `;\n  }\n}\n\n"]}

package/mixins/focus-mixin.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+declare type Constructor<T = {}> = new (...args: any[]) => T;
+/**
+ * Options for focus behavior
+ */
+export interface FocusOptions {
+    preventScroll?: boolean;
+    selectText?: boolean;
+}
+/**
+ * Options for blur behavior
+ */
+export interface BlurOptions {
+    relatedTarget?: Element | null;
+}
+/**
+ * Interface for components that support focus operations
+ */
+export interface FocusCapable {
+    /**
+     * Focus the input element
+     * @param options - Focus options
+     */
+    focus(options?: FocusOptions): void;
+    /**
+     * Blur the input element
+     * @param options - Blur options
+     */
+    blur(options?: BlurOptions): void;
+    /**
+     * Check if the input is currently focused
+     * @returns True if focused
+     */
+    isFocused(): boolean;
+}
+/**
+ * Mixin that provides focus management capabilities to input components
+ *
+ * @param superClass - The base class to extend
+ * @returns Enhanced class with focus capabilities
+ *
+ * @example
+ * ```typescript
+ * export class MyInput extends FocusMixin(LitElement) {
+ *   @query('input') input!: HTMLInputElement;
+ *
+ *   handleClick() {
+ *     this.focus({ selectText: true });
+ *   }
+ * }
+ * ```
+ */
+export declare const FocusMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<FocusCapable> & T;
+export {};
+//# sourceMappingURL=focus-mixin.d.ts.map

package/mixins/focus-mixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-mixin.d.ts","sourceRoot":"","sources":["../../../../src/components/input/mixins/focus-mixin.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,aAAK,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,aAAa,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAEpC;;;OAGG;IACH,IAAI,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAElC;;;OAGG;IACH,SAAS,IAAI,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU,qFA8CtB,CAAC"}

package/mixins/focus-mixin.js

@@ -0,0 +1,65 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Mixin that provides focus management capabilities to input components
+ *
+ * @param superClass - The base class to extend
+ * @returns Enhanced class with focus capabilities
+ *
+ * @example
+ * ```typescript
+ * export class MyInput extends FocusMixin(LitElement) {
+ *   @query('input') input!: HTMLInputElement;
+ *
+ *   handleClick() {
+ *     this.focus({ selectText: true });
+ *   }
+ * }
+ * ```
+ */
+export const FocusMixin = (superClass) => {
+    class FocusMixinClass extends superClass {
+        /**
+         * Get the input element - must be implemented by the component
+         */
+        get inputElement() {
+            var _a;
+            // Try to get from shadowRoot first (for custom elements)
+            const shadowInput = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#input, input, textarea');
+            if (shadowInput) {
+                return shadowInput;
+            }
+            // Fallback to light DOM
+            const input = this.querySelector('input, textarea');
+            if (!input) {
+                throw new Error('FocusMixin requires an input or textarea element');
+            }
+            return input;
+        }
+        focus(options = {}) {
+            const input = this.inputElement;
+            if (input) {
+                input.focus({ preventScroll: options.preventScroll });
+                if (options.selectText) {
+                    input.select();
+                }
+            }
+        }
+        blur() {
+            const input = this.inputElement;
+            if (input) {
+                input.blur();
+            }
+        }
+        isFocused() {
+            const input = this.inputElement;
+            return input ? document.activeElement === input : false;
+        }
+    }
+    // Cast return type to the superClass type passed in
+    return FocusMixinClass;
+};
+//# sourceMappingURL=focus-mixin.js.map

package/mixins/focus-mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-mixin.js","sourceRoot":"","sources":["../../../../src/components/input/mixins/focus-mixin.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AA4CH;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAoC,UAAa,EAAE,EAAE;IAC7E,MAAM,eAAgB,SAAQ,UAAU;QACtC;;WAEG;QACH,IAAc,YAAY;;YACxB,yDAAyD;YACzD,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,yBAAyB,CAA2C,CAAC;YACxH,IAAI,WAAW,EAAE;gBACf,OAAO,WAAW,CAAC;aACpB;YAED,wBAAwB;YACxB,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAA2C,CAAC;YAC9F,IAAI,CAAC,KAAK,EAAE;gBACV,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;aACrE;YACD,OAAO,KAAK,CAAC;QACf,CAAC;QAEQ,KAAK,CAAC,UAAwB,EAAE;YACvC,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;YAChC,IAAI,KAAK,EAAE;gBACT,KAAK,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;gBAEtD,IAAI,OAAO,CAAC,UAAU,EAAE;oBACtB,KAAK,CAAC,MAAM,EAAE,CAAC;iBAChB;aACF;QACH,CAAC;QAEQ,IAAI;YACX,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;YAChC,IAAI,KAAK,EAAE;gBACT,KAAK,CAAC,IAAI,EAAE,CAAC;aACd;QACH,CAAC;QAED,SAAS;YACP,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;YAChC,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QAC1D,CAAC;KACF;IAED,oDAAoD;IACpD,OAAO,eAAgD,CAAC;AAC1D,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { LitElement } from 'lit';\n\ntype Constructor<T = {}> = new (...args: any[]) => T;\n\n/**\n * Options for focus behavior\n */\nexport interface FocusOptions {\n  preventScroll?: boolean;\n  selectText?: boolean;\n}\n\n/**\n * Options for blur behavior\n */\nexport interface BlurOptions {\n  relatedTarget?: Element | null;\n}\n\n/**\n * Interface for components that support focus operations\n */\nexport interface FocusCapable {\n  /**\n   * Focus the input element\n   * @param options - Focus options\n   */\n  focus(options?: FocusOptions): void;\n\n  /**\n   * Blur the input element\n   * @param options - Blur options\n   */\n  blur(options?: BlurOptions): void;\n\n  /**\n   * Check if the input is currently focused\n   * @returns True if focused\n   */\n  isFocused(): boolean;\n}\n\n/**\n * Mixin that provides focus management capabilities to input components\n * \n * @param superClass - The base class to extend\n * @returns Enhanced class with focus capabilities\n * \n * @example\n * ```typescript\n * export class MyInput extends FocusMixin(LitElement) {\n *   @query('input') input!: HTMLInputElement;\n *   \n *   handleClick() {\n *     this.focus({ selectText: true });\n *   }\n * }\n * ```\n */\nexport const FocusMixin = <T extends Constructor<LitElement>>(superClass: T) => {\n  class FocusMixinClass extends superClass implements FocusCapable {\n    /**\n     * Get the input element - must be implemented by the component\n     */\n    protected get inputElement(): HTMLInputElement | HTMLTextAreaElement {\n      // Try to get from shadowRoot first (for custom elements)\n      const shadowInput = this.shadowRoot?.querySelector('#input, input, textarea') as HTMLInputElement | HTMLTextAreaElement;\n      if (shadowInput) {\n        return shadowInput;\n      }\n      \n      // Fallback to light DOM\n      const input = this.querySelector('input, textarea') as HTMLInputElement | HTMLTextAreaElement;\n      if (!input) {\n        throw new Error('FocusMixin requires an input or textarea element');\n      }\n      return input;\n    }\n\n    override focus(options: FocusOptions = {}): void {\n      const input = this.inputElement;\n      if (input) {\n        input.focus({ preventScroll: options.preventScroll });\n        \n        if (options.selectText) {\n          input.select();\n        }\n      }\n    }\n\n    override blur(): void {\n      const input = this.inputElement;\n      if (input) {\n        input.blur();\n      }\n    }\n\n    isFocused(): boolean {\n      const input = this.inputElement;\n      return input ? document.activeElement === input : false;\n    }\n  }\n\n  // Cast return type to the superClass type passed in\n  return FocusMixinClass as Constructor<FocusCapable> & T;\n};\n"]}

package/mixins/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export { SelectionMixin, SelectionCapable } from './selection-mixin.js';
+export { FocusMixin, FocusCapable, FocusOptions, BlurOptions } from './focus-mixin.js';
+export { NumberMixin, NumberCapable } from './number-mixin.js';
+//# sourceMappingURL=index.d.ts.map

package/mixins/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/mixins/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}

package/mixins/index.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export { SelectionMixin } from './selection-mixin.js';
+export { FocusMixin } from './focus-mixin.js';
+export { NumberMixin } from './number-mixin.js';
+//# sourceMappingURL=index.js.map

package/mixins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/mixins/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,cAAc,EAAoB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,UAAU,EAA2C,MAAM,kBAAkB,CAAC;AACvF,OAAO,EAAE,WAAW,EAAiB,MAAM,mBAAmB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nexport { SelectionMixin, SelectionCapable } from './selection-mixin.js';\nexport { FocusMixin, FocusCapable, FocusOptions, BlurOptions } from './focus-mixin.js';\nexport { NumberMixin, NumberCapable } from './number-mixin.js';\n"]}

package/mixins/number-mixin.d.ts

@@ -0,0 +1,51 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+declare type Constructor<T = {}> = new (...args: any[]) => T;
+/**
+ * Interface for components that support number operations
+ */
+export interface NumberCapable {
+    /**
+     * Increment the number value
+     */
+    increment(): void;
+    /**
+     * Decrement the number value
+     */
+    decrement(): void;
+    /**
+     * Set the step attribute for number inputs
+     * @param step - The step value
+     */
+    setStep(step: string | undefined): void;
+    /**
+     * Validate if a step value is valid
+     * @param step - The step value to validate
+     * @returns True if valid
+     */
+    isValidStep(step: string | undefined): boolean;
+}
+/**
+ * Mixin that provides number input capabilities to input components
+ *
+ * @param superClass - The base class to extend
+ * @returns Enhanced class with number capabilities
+ *
+ * @example
+ * ```typescript
+ * export class MyInput extends NumberMixin(LitElement) {
+ *   @query('input') input!: HTMLInputElement;
+ *
+ *   handleUpClick() {
+ *     this.increment();
+ *   }
+ * }
+ * ```
+ */
+export declare const NumberMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<NumberCapable> & T;
+export {};
+//# sourceMappingURL=number-mixin.d.ts.map

package/mixins/number-mixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-mixin.d.ts","sourceRoot":"","sources":["../../../../src/components/input/mixins/number-mixin.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,aAAK,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,SAAS,IAAI,IAAI,CAAC;IAElB;;OAEG;IACH,SAAS,IAAI,IAAI,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAExC;;;;OAIG;IACH,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;CAChD;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,sFAkHvB,CAAC"}

package/mixins/number-mixin.js

@@ -0,0 +1,131 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Mixin that provides number input capabilities to input components
+ *
+ * @param superClass - The base class to extend
+ * @returns Enhanced class with number capabilities
+ *
+ * @example
+ * ```typescript
+ * export class MyInput extends NumberMixin(LitElement) {
+ *   @query('input') input!: HTMLInputElement;
+ *
+ *   handleUpClick() {
+ *     this.increment();
+ *   }
+ * }
+ * ```
+ */
+export const NumberMixin = (superClass) => {
+    class NumberMixinClass extends superClass {
+        /**
+         * Get the input element - must be implemented by the component
+         */
+        get inputElement() {
+            var _a;
+            // Try to get from shadowRoot first (for custom elements)
+            const shadowInput = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#input, input');
+            if (shadowInput) {
+                return shadowInput;
+            }
+            // Fallback to light DOM
+            const input = this.querySelector('input');
+            if (!input) {
+                throw new Error('NumberMixin requires an input element');
+            }
+            return input;
+        }
+        /**
+         * Dispatch an input event - will be overridden by components that have _dispatchInputEvent
+         */
+        dispatchInputEvent(eventName, detail) {
+            // Try to use the component's _dispatchInputEvent method if available
+            if ('_dispatchInputEvent' in this && typeof this._dispatchInputEvent === 'function') {
+                this._dispatchInputEvent(eventName, detail);
+            }
+            else {
+                // Fallback to standard event dispatch
+                this.dispatchEvent(new CustomEvent(eventName, {
+                    detail,
+                    bubbles: true,
+                    composed: true
+                }));
+            }
+        }
+        increment() {
+            try {
+                const input = this.inputElement;
+                // If input has no value, set it to min or 0 before stepping
+                if (!input.value) {
+                    const min = input.getAttribute('min');
+                    input.value = min ? min : '0';
+                }
+                input.stepUp();
+                const newValue = input.value;
+                this.dispatchInputEvent('nr-input', {
+                    value: newValue,
+                    target: input,
+                    action: 'increment'
+                });
+                // Update component value if it has one
+                if ('value' in this) {
+                    this.value = newValue;
+                }
+            }
+            catch (error) {
+                console.warn('Failed to increment value:', error);
+                this.dispatchInputEvent('nr-increment-error', {
+                    error,
+                    value: this.inputElement.value,
+                    target: this.inputElement
+                });
+            }
+        }
+        decrement() {
+            try {
+                const input = this.inputElement;
+                input.stepDown();
+                const newValue = input.value;
+                this.dispatchInputEvent('nr-input', {
+                    value: newValue,
+                    target: input,
+                    action: 'decrement'
+                });
+                // Update component value if it has one
+                if ('value' in this) {
+                    this.value = newValue;
+                }
+            }
+            catch (error) {
+                console.warn('Failed to decrement value:', error);
+                this.dispatchInputEvent('nr-decrement-error', {
+                    error,
+                    value: this.inputElement.value,
+                    target: this.inputElement
+                });
+            }
+        }
+        setStep(step) {
+            const input = this.inputElement;
+            if (step && this.isValidStep(step)) {
+                input.setAttribute('step', step);
+            }
+            else {
+                input.removeAttribute('step');
+            }
+        }
+        isValidStep(step) {
+            if (!step)
+                return true;
+            const stepValue = parseFloat(step);
+            return !isNaN(stepValue) && stepValue > 0;
+        }
+    }
+    // Cast return type to the superClass type passed in
+    return NumberMixinClass;
+};
+//# sourceMappingURL=number-mixin.js.map

package/mixins/number-mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-mixin.js","sourceRoot":"","sources":["../../../../src/components/input/mixins/number-mixin.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { LitElement } from 'lit';\n\ntype Constructor<T = {}> = new (...args: any[]) => T;\n\n/**\n * Interface for components that support number operations\n */\nexport interface NumberCapable {\n  /**\n   * Increment the number value\n   */\n  increment(): void;\n\n  /**\n   * Decrement the number value\n   */\n  decrement(): void;\n\n  /**\n   * Set the step attribute for number inputs\n   * @param step - The step value\n   */\n  setStep(step: string | undefined): void;\n\n  /**\n   * Validate if a step value is valid\n   * @param step - The step value to validate\n   * @returns True if valid\n   */\n  isValidStep(step: string | undefined): boolean;\n}\n\n/**\n * Mixin that provides number input capabilities to input components\n * \n * @param superClass - The base class to extend\n * @returns Enhanced class with number capabilities\n * \n * @example\n * ```typescript\n * export class MyInput extends NumberMixin(LitElement) {\n *   @query('input') input!: HTMLInputElement;\n *   \n *   handleUpClick() {\n *     this.increment();\n *   }\n * }\n * ```\n */\nexport const NumberMixin = <T extends Constructor<LitElement>>(superClass: T) => {\n  class NumberMixinClass extends superClass implements NumberCapable {\n    /**\n     * Get the input element - must be implemented by the component\n     */\n    protected get inputElement(): HTMLInputElement {\n      // Try to get from shadowRoot first (for custom elements)\n      const shadowInput = this.shadowRoot?.querySelector('#input, input') as HTMLInputElement;\n      if (shadowInput) {\n        return shadowInput;\n      }\n      \n      // Fallback to light DOM\n      const input = this.querySelector('input') as HTMLInputElement;\n      if (!input) {\n        throw new Error('NumberMixin requires an input element');\n      }\n      return input;\n    }\n\n    /**\n     * Dispatch an input event - will be overridden by components that have _dispatchInputEvent\n     */\n    protected dispatchInputEvent(eventName: string, detail: any): void {\n      // Try to use the component's _dispatchInputEvent method if available\n      if ('_dispatchInputEvent' in this && typeof (this as any)._dispatchInputEvent === 'function') {\n        (this as any)._dispatchInputEvent(eventName, detail);\n      } else {\n        // Fallback to standard event dispatch\n        this.dispatchEvent(new CustomEvent(eventName, {\n          detail,\n          bubbles: true,\n          composed: true\n        }));\n      }\n    }\n\n    increment(): void {\n      try {\n        const input = this.inputElement;\n        \n        // If input has no value, set it to min or 0 before stepping\n        if (!input.value) {\n          const min = input.getAttribute('min');\n          input.value = min ? min : '0';\n        }\n        \n        input.stepUp();\n        const newValue = input.value;\n        \n        this.dispatchInputEvent('nr-input', {\n          value: newValue,\n          target: input,\n          action: 'increment'\n        });\n        \n        // Update component value if it has one\n        if ('value' in this) {\n          (this as any).value = newValue;\n        }\n      } catch (error) {\n        console.warn('Failed to increment value:', error);\n        this.dispatchInputEvent('nr-increment-error', {\n          error,\n          value: this.inputElement.value,\n          target: this.inputElement\n        });\n      }\n    }\n\n    decrement(): void {\n      try {\n        const input = this.inputElement;\n        input.stepDown();\n        const newValue = input.value;\n        \n        this.dispatchInputEvent('nr-input', {\n          value: newValue,\n          target: input,\n          action: 'decrement'\n        });\n        \n        // Update component value if it has one\n        if ('value' in this) {\n          (this as any).value = newValue;\n        }\n      } catch (error) {\n        console.warn('Failed to decrement value:', error);\n        this.dispatchInputEvent('nr-decrement-error', {\n          error,\n          value: this.inputElement.value,\n          target: this.inputElement\n        });\n      }\n    }\n\n    setStep(step: string | undefined): void {\n      const input = this.inputElement;\n      if (step && this.isValidStep(step)) {\n        input.setAttribute('step', step);\n      } else {\n        input.removeAttribute('step');\n      }\n    }\n\n    isValidStep(step: string | undefined): boolean {\n      if (!step) return true;\n      const stepValue = parseFloat(step);\n      return !isNaN(stepValue) && stepValue > 0;\n    }\n  }\n\n  // Cast return type to the superClass type passed in\n  return NumberMixinClass as Constructor<NumberCapable> & T;\n};\n"]}

package/mixins/selection-mixin.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+declare type Constructor<T = {}> = new (...args: any[]) => T;
+/**
+ * Interface for components that support text selection operations
+ */
+export interface SelectionCapable {
+    /**
+     * Select all text in the input
+     */
+    selectAll(): void;
+    /**
+     * Select a range of text in the input
+     * @param start - Start position
+     * @param end - End position
+     */
+    selectRange(start: number, end: number): void;
+    /**
+     * Get the current cursor position
+     * @returns The cursor position or null if not available
+     */
+    getCursorPosition(): number | null;
+    /**
+     * Set the cursor position
+     * @param position - The position to set
+     */
+    setCursorPosition(position: number): void;
+    /**
+     * Get the currently selected text
+     * @returns The selected text or empty string
+     */
+    getSelectedText(): string;
+}
+/**
+ * Mixin that provides text selection capabilities to input components
+ *
+ * @param superClass - The base class to extend
+ * @returns Enhanced class with selection capabilities
+ *
+ * @example
+ * ```typescript
+ * export class MyInput extends SelectionMixin(LitElement) {
+ *   @query('input') input!: HTMLInputElement;
+ *
+ *   handleDoubleClick() {
+ *     this.selectAll();
+ *   }
+ * }
+ * ```
+ */
+export declare const SelectionMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<SelectionCapable> & T;
+export {};
+//# sourceMappingURL=selection-mixin.d.ts.map

package/mixins/selection-mixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-mixin.d.ts","sourceRoot":"","sources":["../../../../src/components/input/mixins/selection-mixin.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,aAAK,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,SAAS,IAAI,IAAI,CAAC;IAElB;;;;OAIG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9C;;;OAGG;IACH,iBAAiB,IAAI,MAAM,GAAG,IAAI,CAAC;IAEnC;;;OAGG;IACH,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1C;;;OAGG;IACH,eAAe,IAAI,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,cAAc,yFA8D1B,CAAC"}

package/mixins/selection-mixin.js

@@ -0,0 +1,80 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Mixin that provides text selection capabilities to input components
+ *
+ * @param superClass - The base class to extend
+ * @returns Enhanced class with selection capabilities
+ *
+ * @example
+ * ```typescript
+ * export class MyInput extends SelectionMixin(LitElement) {
+ *   @query('input') input!: HTMLInputElement;
+ *
+ *   handleDoubleClick() {
+ *     this.selectAll();
+ *   }
+ * }
+ * ```
+ */
+export const SelectionMixin = (superClass) => {
+    class SelectionMixinClass extends superClass {
+        /**
+         * Get the input element - must be implemented by the component
+         */
+        get inputElement() {
+            var _a;
+            // Try to get from shadowRoot first (for custom elements)
+            const shadowInput = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#input, input, textarea');
+            if (shadowInput) {
+                return shadowInput;
+            }
+            // Fallback to light DOM
+            const input = this.querySelector('input, textarea');
+            if (!input) {
+                throw new Error('SelectionMixin requires an input or textarea element');
+            }
+            return input;
+        }
+        selectAll() {
+            const input = this.inputElement;
+            if (input) {
+                input.select();
+            }
+        }
+        selectRange(start, end) {
+            const input = this.inputElement;
+            if (input && input.setSelectionRange) {
+                input.focus();
+                input.setSelectionRange(start, end);
+            }
+        }
+        getCursorPosition() {
+            const input = this.inputElement;
+            if (input && typeof input.selectionStart === 'number') {
+                return input.selectionStart;
+            }
+            return null;
+        }
+        setCursorPosition(position) {
+            const input = this.inputElement;
+            if (input && input.setSelectionRange) {
+                input.focus();
+                input.setSelectionRange(position, position);
+            }
+        }
+        getSelectedText() {
+            const input = this.inputElement;
+            if (input && input.selectionStart !== null && input.selectionEnd !== null) {
+                return input.value.substring(input.selectionStart, input.selectionEnd);
+            }
+            return '';
+        }
+    }
+    // Cast return type to the superClass type passed in
+    return SelectionMixinClass;
+};
+//# sourceMappingURL=selection-mixin.js.map

package/mixins/selection-mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-mixin.js","sourceRoot":"","sources":["../../../../src/components/input/mixins/selection-mixin.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAyCH;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAoC,UAAa,EAAE,EAAE;IACjF,MAAM,mBAAoB,SAAQ,UAAU;QAC1C;;WAEG;QACH,IAAc,YAAY;;YACxB,yDAAyD;YACzD,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,yBAAyB,CAA2C,CAAC;YACxH,IAAI,WAAW,EAAE;gBACf,OAAO,WAAW,CAAC;aACpB;YAED,wBAAwB;YACxB,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAA2C,CAAC;YAC9F,IAAI,CAAC,KAAK,EAAE;gBACV,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;aACzE;YACD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,SAAS;YACP,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;YAChC,IAAI,KAAK,EAAE;gBACT,KAAK,CAAC,MAAM,EAAE,CAAC;aAChB;QACH,CAAC;QAED,WAAW,CAAC,KAAa,EAAE,GAAW;YACpC,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;YAChC,IAAI,KAAK,IAAI,KAAK,CAAC,iBAAiB,EAAE;gBACpC,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;aACrC;QACH,CAAC;QAED,iBAAiB;YACf,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;YAChC,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,cAAc,KAAK,QAAQ,EAAE;gBACrD,OAAO,KAAK,CAAC,cAAc,CAAC;aAC7B;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,iBAAiB,CAAC,QAAgB;YAChC,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;YAChC,IAAI,KAAK,IAAI,KAAK,CAAC,iBAAiB,EAAE;gBACpC,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,KAAK,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;aAC7C;QACH,CAAC;QAED,eAAe;YACb,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;YAChC,IAAI,KAAK,IAAI,KAAK,CAAC,cAAc,KAAK,IAAI,IAAI,KAAK,CAAC,YAAY,KAAK,IAAI,EAAE;gBACzE,OAAO,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;aACxE;YACD,OAAO,EAAE,CAAC;QACZ,CAAC;KACF;IAED,oDAAoD;IACpD,OAAO,mBAAwD,CAAC;AAClE,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { LitElement } from 'lit';\n\ntype Constructor<T = {}> = new (...args: any[]) => T;\n\n/**\n * Interface for components that support text selection operations\n */\nexport interface SelectionCapable {\n  /**\n   * Select all text in the input\n   */\n  selectAll(): void;\n\n  /**\n   * Select a range of text in the input\n   * @param start - Start position\n   * @param end - End position\n   */\n  selectRange(start: number, end: number): void;\n\n  /**\n   * Get the current cursor position\n   * @returns The cursor position or null if not available\n   */\n  getCursorPosition(): number | null;\n\n  /**\n   * Set the cursor position\n   * @param position - The position to set\n   */\n  setCursorPosition(position: number): void;\n\n  /**\n   * Get the currently selected text\n   * @returns The selected text or empty string\n   */\n  getSelectedText(): string;\n}\n\n/**\n * Mixin that provides text selection capabilities to input components\n * \n * @param superClass - The base class to extend\n * @returns Enhanced class with selection capabilities\n * \n * @example\n * ```typescript\n * export class MyInput extends SelectionMixin(LitElement) {\n *   @query('input') input!: HTMLInputElement;\n *   \n *   handleDoubleClick() {\n *     this.selectAll();\n *   }\n * }\n * ```\n */\nexport const SelectionMixin = <T extends Constructor<LitElement>>(superClass: T) => {\n  class SelectionMixinClass extends superClass implements SelectionCapable {\n    /**\n     * Get the input element - must be implemented by the component\n     */\n    protected get inputElement(): HTMLInputElement | HTMLTextAreaElement {\n      // Try to get from shadowRoot first (for custom elements)\n      const shadowInput = this.shadowRoot?.querySelector('#input, input, textarea') as HTMLInputElement | HTMLTextAreaElement;\n      if (shadowInput) {\n        return shadowInput;\n      }\n      \n      // Fallback to light DOM\n      const input = this.querySelector('input, textarea') as HTMLInputElement | HTMLTextAreaElement;\n      if (!input) {\n        throw new Error('SelectionMixin requires an input or textarea element');\n      }\n      return input;\n    }\n\n    selectAll(): void {\n      const input = this.inputElement;\n      if (input) {\n        input.select();\n      }\n    }\n\n    selectRange(start: number, end: number): void {\n      const input = this.inputElement;\n      if (input && input.setSelectionRange) {\n        input.focus();\n        input.setSelectionRange(start, end);\n      }\n    }\n\n    getCursorPosition(): number | null {\n      const input = this.inputElement;\n      if (input && typeof input.selectionStart === 'number') {\n        return input.selectionStart;\n      }\n      return null;\n    }\n\n    setCursorPosition(position: number): void {\n      const input = this.inputElement;\n      if (input && input.setSelectionRange) {\n        input.focus();\n        input.setSelectionRange(position, position);\n      }\n    }\n\n    getSelectedText(): string {\n      const input = this.inputElement;\n      if (input && input.selectionStart !== null && input.selectionEnd !== null) {\n        return input.value.substring(input.selectionStart, input.selectionEnd);\n      }\n      return '';\n    }\n  }\n\n  // Cast return type to the superClass type passed in\n  return SelectionMixinClass as Constructor<SelectionCapable> & T;\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nuralyui/input",
-    "version": "0.0.7",
+    "version": "0.0.8",
     "description": "",
     "main": "index.js",
     "type": "module",