@nuralyui/input 0.0.9 → 0.0.10

package/test/hy-input_test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hy-input_test.js","sourceRoot":"","sources":["../../../../src/components/input/test/hy-input_test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { NrInputElement } from '../input.component';\nimport { INPUT_STATE, INPUT_SIZE, INPUT_TYPE, EMPTY_STRING } from '../input.types';\nimport '../input.component';\nimport { HyIconElement } from '../../icon';\nsuite('NrInputElement', () => {\n  test('default properties', async () => {\n    const el: NrInputElement = await fixture(html`<nr-input> </nr-input>`);\n    const inputContainer = el.shadowRoot!.querySelector('#input-container')!;\n    const input = el.shadowRoot!.querySelector('input')!;\n    const slot = el.shadowRoot!.querySelector('slot');\n    const assignedNode = slot!.assignedNodes();\n    expect(el.disabled).to.be.false;\n    expect(el.state).to.equal(INPUT_STATE.Default);\n    expect(el.value).to.equal(EMPTY_STRING);\n    expect(el.size).to.equal(INPUT_SIZE.Medium);\n    expect(el.type).to.equal(INPUT_TYPE.TEXT);\n    expect(el.placeholder).to.equal(EMPTY_STRING);\n    expect(el.min).to.be.undefined;\n    expect(el.max).to.be.undefined;\n    expect(el.step).to.be.undefined;\n\n    expect(input).to.not.have.attribute('min');\n    expect(input).to.not.have.attribute('max');\n    expect(input).to.not.have.attribute('step');\n    expect(input.disabled).to.be.false;\n    expect(input.type).to.equal(INPUT_TYPE.TEXT);\n    expect(input.value).to.equal(EMPTY_STRING);\n    expect(input.placeholder).to.equal(EMPTY_STRING);\n    expect(inputContainer).to.have.attribute('data-size', INPUT_SIZE.Medium);\n    expect(inputContainer.querySelector('#warning-icon')).to.be.null;\n    expect(inputContainer.querySelector('#error-icon')).to.be.null;\n    expect(inputContainer.querySelector('#password-icon')).to.be.null;\n    expect(inputContainer.querySelector('#number-icons')).to.be.null;\n    expect(assignedNode.length).to.equal(0);\n  });\n\n  test('input type password', async () => {\n    const el: NrInputElement = await fixture(html`<nr-input type=\"password\"> </nr-input>`);\n    const inputContainer = el.shadowRoot!.querySelector('#input-container')!;\n    let passwordIcon: HyIconElement = inputContainer.querySelector('#password-icon')!;\n    expect(inputContainer.querySelector('#number-icons')).to.be.null;\n    expect(passwordIcon).to.exist;\n    expect(passwordIcon).to.have.attribute('name', 'eye');\n    passwordIcon.click();\n    await el.updateComplete;\n    expect(el.inputType).to.equal('text');\n    passwordIcon = inputContainer.querySelector('#password-icon')!;\n    expect(passwordIcon).to.have.attribute('name', 'eye-slash');\n  });\n\n  suite('input type number', () => {\n    test('init number input ', async () => {\n      const step = 5;\n      const min = 10;\n      const max = 100;\n      const el: NrInputElement = await fixture(\n        html`<nr-input type=\"number\" step=${step} min=${min} max=${max}> </nr-input>`\n      );\n      const inputContainer = el.shadowRoot!.querySelector('#input-container')!;\n      const input = el.shadowRoot!.querySelector('input')!;\n      const passwordIcon: HyIconElement = inputContainer.querySelector('#password-icon')!;\n      const numberIcon = inputContainer.querySelector('#number-icons');\n      expect(passwordIcon).to.be.null;\n      expect(numberIcon).to.exist;\n      expect(input).to.have.attribute('min', min.toString());\n      expect(input).to.have.attribute('max', max.toString());\n      expect(input).to.have.attribute('step', step.toString());\n    });\n    test('increment number', async () => {\n      const step = 5;\n      const min = 10;\n      const el: NrInputElement = await fixture(html`<nr-input type=\"number\" step=${step} min=${min}> </nr-input>`);\n      const inputContainer = el.shadowRoot!.querySelector('#input-container')!;\n      const input = el.shadowRoot!.querySelector('input')!;\n      const numberIcon = inputContainer.querySelector('#number-icons');\n      const plusButton: HyIconElement = numberIcon!.querySelector(\"[name='plus']\")!;\n      plusButton.click();\n      expect(input.value).to.equal((min + step).toString());\n    });\n    test('decrement number', async () => {\n      const step = 5;\n      const el: NrInputElement = await fixture(html`<nr-input type=\"number\" step=${step}> </nr-input>`);\n      const inputContainer = el.shadowRoot!.querySelector('#input-container')!;\n      const input = el.shadowRoot!.querySelector('input')!;\n      const inputValue = input.value;\n      const numberIcon = inputContainer.querySelector('#number-icons');\n      const minusButton: HyIconElement = numberIcon!.querySelector(\"[name='minus']\")!;\n      minusButton.click();\n      expect(input.value).to.equal((+inputValue - step).toString());\n    });\n  });\n\n  suite('input with state', () => {\n    test('warning input', async () => {\n      const inputState = INPUT_STATE.Warning;\n      const el: NrInputElement = await fixture(html`<nr-input state=${inputState}> </nr-input>`);\n      const inputContainer = el.shadowRoot!.querySelector('#input-container')!;\n      expect(inputContainer.querySelector('#warning-icon')).to.exist;\n      expect(inputContainer.querySelector('#error-icon')).to.not.exist;\n    });\n    test('error input', async () => {\n      const inputState = INPUT_STATE.Error;\n      const el: NrInputElement = await fixture(html`<nr-input state=${inputState}> </nr-input>`);\n      const inputContainer = el.shadowRoot!.querySelector('#input-container')!;\n      expect(inputContainer.querySelector('#warning-icon')).to.not.exist;\n      expect(inputContainer.querySelector('#error-icon')).to.exist;\n    });\n  });\n  suite('input with size', () => {\n    test('large input', async () => {\n      const inputSize = INPUT_SIZE.Large;\n      const el: NrInputElement = await fixture(html`<nr-input size=${inputSize}> </nr-input>`);\n      const inputContainer = el.shadowRoot!.querySelector('#input-container')!;\n      expect(inputContainer).to.have.attribute('data-size', inputSize);\n    });\n    test('medium input', async () => {\n      const inputSize = INPUT_SIZE.Medium;\n      const el: NrInputElement = await fixture(html`<nr-input size=${inputSize}> </nr-input>`);\n      const inputContainer = el.shadowRoot!.querySelector('#input-container')!;\n      expect(inputContainer).to.have.attribute('data-size', inputSize);\n    });\n  });\n  test('input with placeholder', async () => {\n    const placeholder = 'text of placeholder';\n    const el: NrInputElement = await fixture(html`<nr-input placeholder=${placeholder}> </nr-input>`);\n    const input = el.shadowRoot!.querySelector('input')!;\n    expect(input).to.have.attribute('placeholder', placeholder);\n  });\n\n  test('input with label', async () => {\n    const inputLabel = 'input label';\n    const el: NrInputElement = await fixture(html`<nr-input> <span slot=\"label\">${inputLabel}</span> </nr-input>`);\n    const slot = el.shadowRoot!.querySelector('slot');\n    const assignedNode = slot!.assignedNodes();\n    expect(assignedNode[0]).to.have.attribute('slot', 'label');\n    expect(assignedNode[0].textContent).to.equal(inputLabel);\n  });\n\n  test('input with helper text', async () => {\n    const inputHelper = 'input helper';\n    const el: NrInputElement = await fixture(\n      html`<nr-input> <span slot=\"helper-text\">${inputHelper}</span> </nr-input>`\n    );\n    const slot = el.shadowRoot!.querySelectorAll('slot');\n    const assignedNode = slot[1].assignedNodes();\n    expect(assignedNode[0]).to.have.attribute('slot', 'helper-text');\n    expect(assignedNode[0].textContent).to.equal(inputHelper);\n  });\n\n  test('input disabled', async () => {\n    const el: NrInputElement = await fixture(html`<nr-input disabled></nr-input>`);\n    const input = el.shadowRoot!.querySelector('input')!;\n    expect(input.disabled).to.be.true;\n    let inputFocus = false;\n    input.addEventListener('focus', () => {\n      inputFocus = true;\n    });\n    input.focus();\n\n    expect(inputFocus).to.equal(false);\n  });\n});\n"]}

package/utils/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-export { InputValidationUtils } from './input-validation.utils.js';
-export { InputRenderUtils } from './input-renderers.js';
-//# sourceMappingURL=index.d.ts.map

package/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/utils/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/utils/index.js

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-export { InputValidationUtils } from './input-validation.utils.js';
-export { InputRenderUtils } from './input-renderers.js';
-//# sourceMappingURL=index.js.map

package/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/utils/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Google Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nexport { InputValidationUtils } from './input-validation.utils.js';\nexport { InputRenderUtils } from './input-renderers.js';\n"]}

package/utils/input-renderers.d.ts

@@ -1,54 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-import { TemplateResult, nothing } from 'lit';
-/**
- * Rendering utilities for input component icons and elements
- */
-export declare class InputRenderUtils {
-    /**
-     * Renders prefix slot content
-     */
-    static renderPrefix(): TemplateResult;
-    /**
-     * Renders suffix slot content
-     */
-    static renderSuffix(): TemplateResult;
-    /**
-     * Renders addon before slot content (outside input borders)
-     * Only renders if hasAddonBefore is true
-     */
-    static renderAddonBefore(hasAddonBefore: boolean, onSlotChange: (e: Event) => void): TemplateResult | typeof nothing;
-    /**
-     * Renders addon after slot content (outside input borders)
-     * Only renders if hasAddonAfter is true
-     */
-    static renderAddonAfter(hasAddonAfter: boolean, onSlotChange: (e: Event) => void): TemplateResult | typeof nothing;
-    /**
-     * Renders the copy icon when withCopy is enabled
-     */
-    static renderCopyIcon(withCopy: boolean, disabled: boolean, readonly: boolean, onCopy: () => void, onKeydown: (e: KeyboardEvent) => void): TemplateResult | typeof nothing;
-    /**
-     * Renders the clear icon when allowClear is enabled and there's content
-     */
-    static renderClearIcon(allowClear: boolean, value: string, disabled: boolean, readonly: boolean, onClear: () => void, onKeydown: (e: KeyboardEvent) => void): TemplateResult | typeof nothing;
-    /**
-     * Renders state-based icons (warning, error)
-     */
-    static renderStateIcon(state: string): TemplateResult | typeof nothing;
-    /**
-     * Renders the calendar icon for calendar input type
-     */
-    static renderCalendarIcon(state: string, type: string): TemplateResult | typeof nothing;
-    /**
-     * Renders password toggle icon
-     */
-    static renderPasswordIcon(type: string, inputType: string, disabled: boolean, readonly: boolean, onToggle: () => void, onKeydown: (e: KeyboardEvent) => void): TemplateResult | typeof nothing;
-    /**
-     * Renders number input increment/decrement icons
-     */
-    static renderNumberIcons(type: string, state: string, disabled: boolean, readonly: boolean, onIncrement: () => void, onDecrement: () => void, onKeydown: (e: KeyboardEvent) => void): TemplateResult | typeof nothing;
-}
-//# sourceMappingURL=input-renderers.d.ts.map

package/utils/input-renderers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-renderers.d.ts","sourceRoot":"","sources":["../../../../src/components/input/utils/input-renderers.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAQ,cAAc,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpD;;GAEG;AACH,qBAAa,gBAAgB;IAE3B;;OAEG;IACH,MAAM,CAAC,YAAY,IAAI,cAAc;IAQrC;;OAEG;IACH,MAAM,CAAC,YAAY,IAAI,cAAc;IAQrC;;;OAGG;IACH,MAAM,CAAC,iBAAiB,CAAC,cAAc,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,cAAc,GAAG,OAAO,OAAO;IAUpH;;;OAGG;IACH,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,cAAc,GAAG,OAAO,OAAO;IAUlH;;OAEG;IACH,MAAM,CAAC,cAAc,CACnB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,MAAM,IAAI,EAClB,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,GACpC,cAAc,GAAG,OAAO,OAAO;IAelC;;OAEG;IACH,MAAM,CAAC,eAAe,CACpB,UAAU,EAAE,OAAO,EACnB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,MAAM,IAAI,EACnB,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,GACpC,cAAc,GAAG,OAAO,OAAO;IAelC;;OAEG;IACH,MAAM,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,OAAO,OAAO;IAWtE;;OAEG;IACH,MAAM,CAAC,kBAAkB,CACvB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,GACX,cAAc,GAAG,OAAO,OAAO;IAQlC;;OAEG;IACH,MAAM,CAAC,kBAAkB,CACvB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,MAAM,IAAI,EACpB,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,GACpC,cAAc,GAAG,OAAO,OAAO;IA4BlC;;OAEG;IACH,MAAM,CAAC,iBAAiB,CACtB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,EACjB,WAAW,EAAE,MAAM,IAAI,EACvB,WAAW,EAAE,MAAM,IAAI,EACvB,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,GACpC,cAAc,GAAG,OAAO,OAAO;CA0BnC"}

package/utils/input-renderers.js

@@ -1,174 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-import { html, nothing } from 'lit';
-/**
- * Rendering utilities for input component icons and elements
- */
-export class InputRenderUtils {
-    /**
-     * Renders prefix slot content
-     */
-    static renderPrefix() {
-        return html `
-      <div class="input-prefix">
-        <slot name="prefix"></slot>
-      </div>
-    `;
-    }
-    /**
-     * Renders suffix slot content
-     */
-    static renderSuffix() {
-        return html `
-      <div class="input-suffix">
-        <slot name="suffix"></slot>
-      </div>
-    `;
-    }
-    /**
-     * Renders addon before slot content (outside input borders)
-     * Only renders if hasAddonBefore is true
-     */
-    static renderAddonBefore(hasAddonBefore, onSlotChange) {
-        if (!hasAddonBefore)
-            return nothing;
-        return html `
-      <div class="input-addon-before">
-        <slot name="addon-before" @slotchange=${onSlotChange}></slot>
-      </div>
-    `;
-    }
-    /**
-     * Renders addon after slot content (outside input borders)
-     * Only renders if hasAddonAfter is true
-     */
-    static renderAddonAfter(hasAddonAfter, onSlotChange) {
-        if (!hasAddonAfter)
-            return nothing;
-        return html `
-      <div class="input-addon-after">
-        <slot name="addon-after" @slotchange=${onSlotChange}></slot>
-      </div>
-    `;
-    }
-    /**
-     * Renders the copy icon when withCopy is enabled
-     */
-    static renderCopyIcon(withCopy, disabled, readonly, onCopy, onKeydown) {
-        if (!withCopy)
-            return nothing;
-        return html `<hy-icon
-      name="copy"
-      type="regular"
-      id="copy-icon"
-      role="button"
-      aria-label="Copy input value"
-      tabindex="0"
-      @click=${!disabled && !readonly ? onCopy : nothing}
-      @keydown=${onKeydown}
-    ></hy-icon>`;
-    }
-    /**
-     * Renders the clear icon when allowClear is enabled and there's content
-     */
-    static renderClearIcon(allowClear, value, disabled, readonly, onClear, onKeydown) {
-        if (!allowClear || !value || disabled || readonly)
-            return nothing;
-        return html `<hy-icon
-      name="times-circle"
-      type="regular"
-      id="clear-icon"
-      role="button"
-      aria-label="Clear input value"
-      tabindex="0"
-      @click=${onClear}
-      @keydown=${onKeydown}
-    ></hy-icon>`;
-    }
-    /**
-     * Renders state-based icons (warning, error)
-     */
-    static renderStateIcon(state) {
-        switch (state) {
-            case "warning" /* INPUT_STATE.Warning */:
-                return html `<hy-icon name="warning" id="warning-icon"></hy-icon>`;
-            case "error" /* INPUT_STATE.Error */:
-                return html `<hy-icon name="exclamation-circle" id="error-icon"></hy-icon>`;
-            default:
-                return nothing;
-        }
-    }
-    /**
-     * Renders the calendar icon for calendar input type
-     */
-    static renderCalendarIcon(state, type) {
-        if (state !== "default" /* INPUT_STATE.Default */ || type !== "calendar" /* INPUT_TYPE.CALENDAR */) {
-            return nothing;
-        }
-        return html `<hy-icon name="calendar" type="regular" id="calendar-icon"></hy-icon>`;
-    }
-    /**
-     * Renders password toggle icon
-     */
-    static renderPasswordIcon(type, inputType, disabled, readonly, onToggle, onKeydown) {
-        if (type !== "password" /* INPUT_TYPE.PASSWORD */)
-            return nothing;
-        if (inputType === "text" /* INPUT_TYPE.TEXT */) {
-            return html `<hy-icon
-        name="eye-slash"
-        type="regular"
-        id="password-icon"
-        role="button"
-        aria-label="Hide password"
-        tabindex="0"
-        @click=${!disabled && !readonly ? onToggle : nothing}
-        @keydown=${onKeydown}
-      ></hy-icon>`;
-        }
-        else {
-            return html `<hy-icon
-        name="eye"
-        type="regular"
-        id="password-icon"
-        role="button"
-        aria-label="Show password"
-        tabindex="0"
-        @click=${!disabled && !readonly ? onToggle : nothing}
-        @keydown=${onKeydown}
-      ></hy-icon>`;
-        }
-    }
-    /**
-     * Renders number input increment/decrement icons
-     */
-    static renderNumberIcons(type, state, disabled, readonly, onIncrement, onDecrement, onKeydown) {
-        if (type !== "number" /* INPUT_TYPE.NUMBER */)
-            return nothing;
-        return html `
-      <div id="number-icons">
-        ${state !== "default" /* INPUT_STATE.Default */ ? html `<span id="icons-separator">|</span>` : nothing}
-        <hy-icon 
-          name="minus" 
-          aria-label="Decrease value"
-          role="button"
-          tabindex="0"
-          @click=${!disabled && !readonly ? onDecrement : nothing}
-          @keydown=${onKeydown}
-        ></hy-icon>
-        <span id="icons-separator">|</span>
-        <hy-icon 
-          name="plus" 
-          aria-label="Increase value"
-          role="button"
-          tabindex="0"
-          @click=${!disabled && !readonly ? onIncrement : nothing}
-          @keydown=${onKeydown}
-        ></hy-icon>
-      </div>
-    `;
-    }
-}
-//# sourceMappingURL=input-renderers.js.map

package/utils/input-renderers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-renderers.js","sourceRoot":"","sources":["../../../../src/components/input/utils/input-renderers.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2023 Google Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { html, TemplateResult, nothing } from 'lit';\nimport { INPUT_TYPE, INPUT_STATE } from '../input.types.js';\n\n/**\n * Rendering utilities for input component icons and elements\n */\nexport class InputRenderUtils {\n\n  /**\n   * Renders prefix slot content\n   */\n  static renderPrefix(): TemplateResult {\n    return html`\n      <div class=\"input-prefix\">\n        <slot name=\"prefix\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * Renders suffix slot content  \n   */\n  static renderSuffix(): TemplateResult {\n    return html`\n      <div class=\"input-suffix\">\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * Renders addon before slot content (outside input borders)\n   * Only renders if hasAddonBefore is true\n   */\n  static renderAddonBefore(hasAddonBefore: boolean, onSlotChange: (e: Event) => void): TemplateResult | typeof nothing {\n    if (!hasAddonBefore) return nothing;\n    \n    return html`\n      <div class=\"input-addon-before\">\n        <slot name=\"addon-before\" @slotchange=${onSlotChange}></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * Renders addon after slot content (outside input borders)  \n   * Only renders if hasAddonAfter is true\n   */\n  static renderAddonAfter(hasAddonAfter: boolean, onSlotChange: (e: Event) => void): TemplateResult | typeof nothing {\n    if (!hasAddonAfter) return nothing;\n    \n    return html`\n      <div class=\"input-addon-after\">\n        <slot name=\"addon-after\" @slotchange=${onSlotChange}></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * Renders the copy icon when withCopy is enabled\n   */\n  static renderCopyIcon(\n    withCopy: boolean,\n    disabled: boolean,\n    readonly: boolean,\n    onCopy: () => void,\n    onKeydown: (e: KeyboardEvent) => void\n  ): TemplateResult | typeof nothing {\n    if (!withCopy) return nothing;\n    \n    return html`<hy-icon\n      name=\"copy\"\n      type=\"regular\"\n      id=\"copy-icon\"\n      role=\"button\"\n      aria-label=\"Copy input value\"\n      tabindex=\"0\"\n      @click=${!disabled && !readonly ? onCopy : nothing}\n      @keydown=${onKeydown}\n    ></hy-icon>`;\n  }\n\n  /**\n   * Renders the clear icon when allowClear is enabled and there's content\n   */\n  static renderClearIcon(\n    allowClear: boolean,\n    value: string,\n    disabled: boolean,\n    readonly: boolean,\n    onClear: () => void,\n    onKeydown: (e: KeyboardEvent) => void\n  ): TemplateResult | typeof nothing {\n    if (!allowClear || !value || disabled || readonly) return nothing;\n    \n    return html`<hy-icon\n      name=\"times-circle\"\n      type=\"regular\"\n      id=\"clear-icon\"\n      role=\"button\"\n      aria-label=\"Clear input value\"\n      tabindex=\"0\"\n      @click=${onClear}\n      @keydown=${onKeydown}\n    ></hy-icon>`;\n  }\n\n  /**\n   * Renders state-based icons (warning, error)\n   */\n  static renderStateIcon(state: string): TemplateResult | typeof nothing {\n    switch (state) {\n      case INPUT_STATE.Warning:\n        return html`<hy-icon name=\"warning\" id=\"warning-icon\"></hy-icon>`;\n      case INPUT_STATE.Error:\n        return html`<hy-icon name=\"exclamation-circle\" id=\"error-icon\"></hy-icon>`;\n      default:\n        return nothing;\n    }\n  }\n\n  /**\n   * Renders the calendar icon for calendar input type\n   */\n  static renderCalendarIcon(\n    state: string,\n    type: string\n  ): TemplateResult | typeof nothing {\n    if (state !== INPUT_STATE.Default || type !== INPUT_TYPE.CALENDAR) {\n      return nothing;\n    }\n    \n    return html`<hy-icon name=\"calendar\" type=\"regular\" id=\"calendar-icon\"></hy-icon>`;\n  }\n\n  /**\n   * Renders password toggle icon\n   */\n  static renderPasswordIcon(\n    type: string,\n    inputType: string,\n    disabled: boolean,\n    readonly: boolean,\n    onToggle: () => void,\n    onKeydown: (e: KeyboardEvent) => void\n  ): TemplateResult | typeof nothing {\n    if (type !== INPUT_TYPE.PASSWORD) return nothing;\n    \n    if (inputType === INPUT_TYPE.TEXT) {\n      return html`<hy-icon\n        name=\"eye-slash\"\n        type=\"regular\"\n        id=\"password-icon\"\n        role=\"button\"\n        aria-label=\"Hide password\"\n        tabindex=\"0\"\n        @click=${!disabled && !readonly ? onToggle : nothing}\n        @keydown=${onKeydown}\n      ></hy-icon>`;\n    } else {\n      return html`<hy-icon\n        name=\"eye\"\n        type=\"regular\"\n        id=\"password-icon\"\n        role=\"button\"\n        aria-label=\"Show password\"\n        tabindex=\"0\"\n        @click=${!disabled && !readonly ? onToggle : nothing}\n        @keydown=${onKeydown}\n      ></hy-icon>`;\n    }\n  }\n\n  /**\n   * Renders number input increment/decrement icons\n   */\n  static renderNumberIcons(\n    type: string,\n    state: string,\n    disabled: boolean,\n    readonly: boolean,\n    onIncrement: () => void,\n    onDecrement: () => void,\n    onKeydown: (e: KeyboardEvent) => void\n  ): TemplateResult | typeof nothing {\n    if (type !== INPUT_TYPE.NUMBER) return nothing;\n    \n    return html`\n      <div id=\"number-icons\">\n        ${state !== INPUT_STATE.Default ? html`<span id=\"icons-separator\">|</span>` : nothing}\n        <hy-icon \n          name=\"minus\" \n          aria-label=\"Decrease value\"\n          role=\"button\"\n          tabindex=\"0\"\n          @click=${!disabled && !readonly ? onDecrement : nothing}\n          @keydown=${onKeydown}\n        ></hy-icon>\n        <span id=\"icons-separator\">|</span>\n        <hy-icon \n          name=\"plus\" \n          aria-label=\"Increase value\"\n          role=\"button\"\n          tabindex=\"0\"\n          @click=${!disabled && !readonly ? onIncrement : nothing}\n          @keydown=${onKeydown}\n        ></hy-icon>\n      </div>\n    `;\n  }\n}\n"]}

package/utils/input-validation.utils.d.ts

@@ -1,26 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-/**
- * Validation utilities for input components
- */
-export declare class InputValidationUtils {
-    /**
-     * Validates numeric properties (min, max, step) to ensure they are valid numbers
-     */
-    static validateNumericProperties(type: string, min?: string, max?: string, step?: string): void;
-    /**
-     * Prevents non-numeric characters from being typed in number inputs
-     */
-    static preventNonNumericInput(keyDownEvent: KeyboardEvent, min?: string): void;
-    /**
-     * Validates a numeric value against min/max constraints
-     */
-    static validateNumericValue(value: string, min?: string, max?: string): {
-        isValid: boolean;
-        warnings: string[];
-    };
-}
-//# sourceMappingURL=input-validation.utils.d.ts.map

package/utils/input-validation.utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-validation.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/input/utils/input-validation.utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;GAEG;AACH,qBAAa,oBAAoB;IAE/B;;OAEG;IACH,MAAM,CAAC,yBAAyB,CAC9B,IAAI,EAAE,MAAM,EACZ,GAAG,CAAC,EAAE,MAAM,EACZ,GAAG,CAAC,EAAE,MAAM,EACZ,IAAI,CAAC,EAAE,MAAM,GACZ,IAAI;IAiBP;;OAEG;IACH,MAAM,CAAC,sBAAsB,CAC3B,YAAY,EAAE,aAAa,EAC3B,GAAG,CAAC,EAAE,MAAM,GACX,IAAI;IAyDP;;OAEG;IACH,MAAM,CAAC,oBAAoB,CACzB,KAAK,EAAE,MAAM,EACb,GAAG,CAAC,EAAE,MAAM,EACZ,GAAG,CAAC,EAAE,MAAM,GACX;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE;CA0B5C"}

package/utils/input-validation.utils.js

@@ -1,105 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-/**
- * Validation utilities for input components
- */
-export class InputValidationUtils {
-    /**
-     * Validates numeric properties (min, max, step) to ensure they are valid numbers
-     */
-    static validateNumericProperties(type, min, max, step) {
-        if (type === "number" /* INPUT_TYPE.NUMBER */) {
-            if (min && isNaN(Number(min))) {
-                console.warn(`Invalid min value: "${min}" is not a valid number`);
-            }
-            if (max && isNaN(Number(max))) {
-                console.warn(`Invalid max value: "${max}" is not a valid number`);
-            }
-            if (step && isNaN(Number(step))) {
-                console.warn(`Invalid step value: "${step}" is not a valid number`);
-            }
-            if (min && max && Number(min) >= Number(max)) {
-                console.warn(`Invalid range: min value (${min}) should be less than max value (${max})`);
-            }
-        }
-    }
-    /**
-     * Prevents non-numeric characters from being typed in number inputs
-     */
-    static preventNonNumericInput(keyDownEvent, min) {
-        const key = keyDownEvent.key;
-        const target = keyDownEvent.target;
-        const currentValue = target.value;
-        const cursorPosition = target.selectionStart || 0;
-        // Allow control keys (backspace, delete, tab, escape, enter, arrow keys, etc.)
-        const allowedControlKeys = [
-            'Backspace', 'Delete', 'Tab', 'Escape', 'Enter',
-            'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown',
-            'Home', 'End', 'PageUp', 'PageDown'
-        ];
-        // Allow Ctrl/Cmd combinations (copy, paste, select all, etc.)
-        if (keyDownEvent.ctrlKey || keyDownEvent.metaKey) {
-            return;
-        }
-        // Allow control keys
-        if (allowedControlKeys.includes(key)) {
-            return;
-        }
-        // Allow digits
-        if (/^\d$/.test(key)) {
-            return;
-        }
-        // Allow decimal point (.) only once and allow it at the beginning for values like ".5"
-        if (key === '.' || key === ',') {
-            const hasDecimal = currentValue.includes('.') || currentValue.includes(',');
-            if (!hasDecimal) {
-                return;
-            }
-        }
-        // Allow minus sign (-) only at the beginning and if min allows negative numbers
-        if (key === '-') {
-            const hasMinusSign = currentValue.includes('-');
-            const minAllowsNegative = !min || Number(min) < 0;
-            if (!hasMinusSign && cursorPosition === 0 && minAllowsNegative) {
-                return;
-            }
-        }
-        // Allow plus sign (+) only at the beginning
-        if (key === '+') {
-            const hasPlusSign = currentValue.includes('+');
-            if (!hasPlusSign && cursorPosition === 0) {
-                return;
-            }
-        }
-        // If we reach here, prevent the key input
-        keyDownEvent.preventDefault();
-    }
-    /**
-     * Validates a numeric value against min/max constraints
-     */
-    static validateNumericValue(value, min, max) {
-        const warnings = [];
-        if (!value) {
-            return { isValid: true, warnings };
-        }
-        const numericValue = Number(value);
-        if (isNaN(numericValue)) {
-            return {
-                isValid: false,
-                warnings: [`Invalid numeric value: "${value}"`]
-            };
-        }
-        // Check min/max constraints
-        if (min && numericValue < Number(min)) {
-            warnings.push(`Value ${numericValue} is below minimum ${min}`);
-        }
-        if (max && numericValue > Number(max)) {
-            warnings.push(`Value ${numericValue} is above maximum ${max}`);
-        }
-        return { isValid: true, warnings };
-    }
-}
-//# sourceMappingURL=input-validation.utils.js.map

package/utils/input-validation.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-validation.utils.js","sourceRoot":"","sources":["../../../../src/components/input/utils/input-validation.utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2023 Google Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { INPUT_TYPE } from '../input.types.js';\n\n/**\n * Validation utilities for input components\n */\nexport class InputValidationUtils {\n  \n  /**\n   * Validates numeric properties (min, max, step) to ensure they are valid numbers\n   */\n  static validateNumericProperties(\n    type: string,\n    min?: string,\n    max?: string,\n    step?: string\n  ): void {\n    if (type === INPUT_TYPE.NUMBER) {\n      if (min && isNaN(Number(min))) {\n        console.warn(`Invalid min value: \"${min}\" is not a valid number`);\n      }\n      if (max && isNaN(Number(max))) {\n        console.warn(`Invalid max value: \"${max}\" is not a valid number`);\n      }\n      if (step && isNaN(Number(step))) {\n        console.warn(`Invalid step value: \"${step}\" is not a valid number`);\n      }\n      if (min && max && Number(min) >= Number(max)) {\n        console.warn(`Invalid range: min value (${min}) should be less than max value (${max})`);\n      }\n    }\n  }\n\n  /**\n   * Prevents non-numeric characters from being typed in number inputs\n   */\n  static preventNonNumericInput(\n    keyDownEvent: KeyboardEvent,\n    min?: string\n  ): void {\n    const key = keyDownEvent.key;\n    const target = keyDownEvent.target as HTMLInputElement;\n    const currentValue = target.value;\n    const cursorPosition = target.selectionStart || 0;\n\n    // Allow control keys (backspace, delete, tab, escape, enter, arrow keys, etc.)\n    const allowedControlKeys = [\n      'Backspace', 'Delete', 'Tab', 'Escape', 'Enter',\n      'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown',\n      'Home', 'End', 'PageUp', 'PageDown'\n    ];\n\n    // Allow Ctrl/Cmd combinations (copy, paste, select all, etc.)\n    if (keyDownEvent.ctrlKey || keyDownEvent.metaKey) {\n      return;\n    }\n\n    // Allow control keys\n    if (allowedControlKeys.includes(key)) {\n      return;\n    }\n\n    // Allow digits\n    if (/^\\d$/.test(key)) {\n      return;\n    }\n\n    // Allow decimal point (.) only once and allow it at the beginning for values like \".5\"\n    if (key === '.' || key === ',') {\n      const hasDecimal = currentValue.includes('.') || currentValue.includes(',');\n      if (!hasDecimal) {\n        return;\n      }\n    }\n\n    // Allow minus sign (-) only at the beginning and if min allows negative numbers\n    if (key === '-') {\n      const hasMinusSign = currentValue.includes('-');\n      const minAllowsNegative = !min || Number(min) < 0;\n      if (!hasMinusSign && cursorPosition === 0 && minAllowsNegative) {\n        return;\n      }\n    }\n\n    // Allow plus sign (+) only at the beginning\n    if (key === '+') {\n      const hasPlusSign = currentValue.includes('+');\n      if (!hasPlusSign && cursorPosition === 0) {\n        return;\n      }\n    }\n\n    // If we reach here, prevent the key input\n    keyDownEvent.preventDefault();\n  }\n\n  /**\n   * Validates a numeric value against min/max constraints\n   */\n  static validateNumericValue(\n    value: string,\n    min?: string,\n    max?: string\n  ): { isValid: boolean; warnings: string[] } {\n    const warnings: string[] = [];\n    \n    if (!value) {\n      return { isValid: true, warnings };\n    }\n\n    const numericValue = Number(value);\n    \n    if (isNaN(numericValue)) {\n      return { \n        isValid: false, \n        warnings: [`Invalid numeric value: \"${value}\"`] \n      };\n    }\n\n    // Check min/max constraints\n    if (min && numericValue < Number(min)) {\n      warnings.push(`Value ${numericValue} is below minimum ${min}`);\n    }\n    if (max && numericValue > Number(max)) {\n      warnings.push(`Value ${numericValue} is above maximum ${max}`);\n    }\n\n    return { isValid: true, warnings };\n  }\n}\n"]}

package/validation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../src/components/input/validation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,QAAmF,CAAA;AAEpG,eAAO,MAAM,SAAS,QAAS,CAAC"}