@nuralyui/input 0.0.9 → 0.0.11

package/mixins/focus-mixin.js

@@ -1,65 +0,0 @@
-/**
- * @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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-/**
- * @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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-/**
- * @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

@@ -1 +0,0 @@
-{"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

@@ -1,51 +0,0 @@
-/**
- * @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

@@ -1 +0,0 @@
-{"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

@@ -1,131 +0,0 @@
-/**
- * @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

@@ -1 +0,0 @@
-{"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

@@ -1,57 +0,0 @@
-/**
- * @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

@@ -1 +0,0 @@
-{"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

@@ -1,80 +0,0 @@
-/**
- * @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

@@ -1 +0,0 @@
-{"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/react.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/components/input/react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,eAAO,MAAM,OAAO;;;;;;EAWlB,CAAC"}

package/test/hy-input_test.d.ts

@@ -1,2 +0,0 @@
-import '../input.component';
-//# sourceMappingURL=hy-input_test.d.ts.map

package/test/hy-input_test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hy-input_test.d.ts","sourceRoot":"","sources":["../../../../src/components/input/test/hy-input_test.ts"],"names":[],"mappings":"AAGA,OAAO,oBAAoB,CAAC"}

package/test/hy-input_test.js

@@ -1,159 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { html, fixture, expect } from '@open-wc/testing';
-import { EMPTY_STRING } from '../input.types';
-import '../input.component';
-suite('NrInputElement', () => {
-    test('default properties', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<nr-input> </nr-input>`);
-        const inputContainer = el.shadowRoot.querySelector('#input-container');
-        const input = el.shadowRoot.querySelector('input');
-        const slot = el.shadowRoot.querySelector('slot');
-        const assignedNode = slot.assignedNodes();
-        expect(el.disabled).to.be.false;
-        expect(el.state).to.equal("default" /* INPUT_STATE.Default */);
-        expect(el.value).to.equal(EMPTY_STRING);
-        expect(el.size).to.equal("medium" /* INPUT_SIZE.Medium */);
-        expect(el.type).to.equal("text" /* INPUT_TYPE.TEXT */);
-        expect(el.placeholder).to.equal(EMPTY_STRING);
-        expect(el.min).to.be.undefined;
-        expect(el.max).to.be.undefined;
-        expect(el.step).to.be.undefined;
-        expect(input).to.not.have.attribute('min');
-        expect(input).to.not.have.attribute('max');
-        expect(input).to.not.have.attribute('step');
-        expect(input.disabled).to.be.false;
-        expect(input.type).to.equal("text" /* INPUT_TYPE.TEXT */);
-        expect(input.value).to.equal(EMPTY_STRING);
-        expect(input.placeholder).to.equal(EMPTY_STRING);
-        expect(inputContainer).to.have.attribute('data-size', "medium" /* INPUT_SIZE.Medium */);
-        expect(inputContainer.querySelector('#warning-icon')).to.be.null;
-        expect(inputContainer.querySelector('#error-icon')).to.be.null;
-        expect(inputContainer.querySelector('#password-icon')).to.be.null;
-        expect(inputContainer.querySelector('#number-icons')).to.be.null;
-        expect(assignedNode.length).to.equal(0);
-    }));
-    test('input type password', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<nr-input type="password"> </nr-input>`);
-        const inputContainer = el.shadowRoot.querySelector('#input-container');
-        let passwordIcon = inputContainer.querySelector('#password-icon');
-        expect(inputContainer.querySelector('#number-icons')).to.be.null;
-        expect(passwordIcon).to.exist;
-        expect(passwordIcon).to.have.attribute('name', 'eye');
-        passwordIcon.click();
-        yield el.updateComplete;
-        expect(el.inputType).to.equal('text');
-        passwordIcon = inputContainer.querySelector('#password-icon');
-        expect(passwordIcon).to.have.attribute('name', 'eye-slash');
-    }));
-    suite('input type number', () => {
-        test('init number input ', () => __awaiter(void 0, void 0, void 0, function* () {
-            const step = 5;
-            const min = 10;
-            const max = 100;
-            const el = yield fixture(html `<nr-input type="number" step=${step} min=${min} max=${max}> </nr-input>`);
-            const inputContainer = el.shadowRoot.querySelector('#input-container');
-            const input = el.shadowRoot.querySelector('input');
-            const passwordIcon = inputContainer.querySelector('#password-icon');
-            const numberIcon = inputContainer.querySelector('#number-icons');
-            expect(passwordIcon).to.be.null;
-            expect(numberIcon).to.exist;
-            expect(input).to.have.attribute('min', min.toString());
-            expect(input).to.have.attribute('max', max.toString());
-            expect(input).to.have.attribute('step', step.toString());
-        }));
-        test('increment number', () => __awaiter(void 0, void 0, void 0, function* () {
-            const step = 5;
-            const min = 10;
-            const el = yield fixture(html `<nr-input type="number" step=${step} min=${min}> </nr-input>`);
-            const inputContainer = el.shadowRoot.querySelector('#input-container');
-            const input = el.shadowRoot.querySelector('input');
-            const numberIcon = inputContainer.querySelector('#number-icons');
-            const plusButton = numberIcon.querySelector("[name='plus']");
-            plusButton.click();
-            expect(input.value).to.equal((min + step).toString());
-        }));
-        test('decrement number', () => __awaiter(void 0, void 0, void 0, function* () {
-            const step = 5;
-            const el = yield fixture(html `<nr-input type="number" step=${step}> </nr-input>`);
-            const inputContainer = el.shadowRoot.querySelector('#input-container');
-            const input = el.shadowRoot.querySelector('input');
-            const inputValue = input.value;
-            const numberIcon = inputContainer.querySelector('#number-icons');
-            const minusButton = numberIcon.querySelector("[name='minus']");
-            minusButton.click();
-            expect(input.value).to.equal((+inputValue - step).toString());
-        }));
-    });
-    suite('input with state', () => {
-        test('warning input', () => __awaiter(void 0, void 0, void 0, function* () {
-            const inputState = "warning" /* INPUT_STATE.Warning */;
-            const el = yield fixture(html `<nr-input state=${inputState}> </nr-input>`);
-            const inputContainer = el.shadowRoot.querySelector('#input-container');
-            expect(inputContainer.querySelector('#warning-icon')).to.exist;
-            expect(inputContainer.querySelector('#error-icon')).to.not.exist;
-        }));
-        test('error input', () => __awaiter(void 0, void 0, void 0, function* () {
-            const inputState = "error" /* INPUT_STATE.Error */;
-            const el = yield fixture(html `<nr-input state=${inputState}> </nr-input>`);
-            const inputContainer = el.shadowRoot.querySelector('#input-container');
-            expect(inputContainer.querySelector('#warning-icon')).to.not.exist;
-            expect(inputContainer.querySelector('#error-icon')).to.exist;
-        }));
-    });
-    suite('input with size', () => {
-        test('large input', () => __awaiter(void 0, void 0, void 0, function* () {
-            const inputSize = "large" /* INPUT_SIZE.Large */;
-            const el = yield fixture(html `<nr-input size=${inputSize}> </nr-input>`);
-            const inputContainer = el.shadowRoot.querySelector('#input-container');
-            expect(inputContainer).to.have.attribute('data-size', inputSize);
-        }));
-        test('medium input', () => __awaiter(void 0, void 0, void 0, function* () {
-            const inputSize = "medium" /* INPUT_SIZE.Medium */;
-            const el = yield fixture(html `<nr-input size=${inputSize}> </nr-input>`);
-            const inputContainer = el.shadowRoot.querySelector('#input-container');
-            expect(inputContainer).to.have.attribute('data-size', inputSize);
-        }));
-    });
-    test('input with placeholder', () => __awaiter(void 0, void 0, void 0, function* () {
-        const placeholder = 'text of placeholder';
-        const el = yield fixture(html `<nr-input placeholder=${placeholder}> </nr-input>`);
-        const input = el.shadowRoot.querySelector('input');
-        expect(input).to.have.attribute('placeholder', placeholder);
-    }));
-    test('input with label', () => __awaiter(void 0, void 0, void 0, function* () {
-        const inputLabel = 'input label';
-        const el = yield fixture(html `<nr-input> <span slot="label">${inputLabel}</span> </nr-input>`);
-        const slot = el.shadowRoot.querySelector('slot');
-        const assignedNode = slot.assignedNodes();
-        expect(assignedNode[0]).to.have.attribute('slot', 'label');
-        expect(assignedNode[0].textContent).to.equal(inputLabel);
-    }));
-    test('input with helper text', () => __awaiter(void 0, void 0, void 0, function* () {
-        const inputHelper = 'input helper';
-        const el = yield fixture(html `<nr-input> <span slot="helper-text">${inputHelper}</span> </nr-input>`);
-        const slot = el.shadowRoot.querySelectorAll('slot');
-        const assignedNode = slot[1].assignedNodes();
-        expect(assignedNode[0]).to.have.attribute('slot', 'helper-text');
-        expect(assignedNode[0].textContent).to.equal(inputHelper);
-    }));
-    test('input disabled', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<nr-input disabled></nr-input>`);
-        const input = el.shadowRoot.querySelector('input');
-        expect(input.disabled).to.be.true;
-        let inputFocus = false;
-        input.addEventListener('focus', () => {
-            inputFocus = true;
-        });
-        input.focus();
-        expect(inputFocus).to.equal(false);
-    }));
-});
-//# sourceMappingURL=hy-input_test.js.map