@nuralyui/input 0.0.9 → 0.0.10

package/input.types.js

@@ -1,2 +1,75 @@
+/**
+ * Built-in validation patterns
+ */
+export const VALIDATION_PATTERNS = {
+    EMAIL: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,
+    URL: /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)$/,
+    PHONE: /^[\+]?[1-9][\d]{0,15}$/,
+    PASSWORD_STRONG: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/,
+    ALPHANUMERIC: /^[a-zA-Z0-9]+$/,
+    NUMERIC: /^\d+$/,
+    ALPHA: /^[a-zA-Z]+$/,
+    USERNAME: /^[a-zA-Z0-9_-]{3,16}$/,
+    HEX_COLOR: /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/,
+    IPV4: /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
+    CREDIT_CARD: /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|3[47][0-9]{13}|3[0-9]{13}|6(?:011|5[0-9]{2})[0-9]{12})$/,
+};
+/**
+ * Pre-built validation rules
+ */
+export const VALIDATION_RULES = {
+    required: (message) => ({
+        required: true,
+        message: message || 'This field is required'
+    }),
+    email: (message) => ({
+        type: 'email',
+        pattern: VALIDATION_PATTERNS.EMAIL,
+        message: message || 'Please enter a valid email address'
+    }),
+    url: (message) => ({
+        type: 'url',
+        pattern: VALIDATION_PATTERNS.URL,
+        message: message || 'Please enter a valid URL'
+    }),
+    minLength: (min, message) => ({
+        minLength: min,
+        message: message || `Minimum length is ${min} characters`
+    }),
+    maxLength: (max, message) => ({
+        maxLength: max,
+        message: message || `Maximum length is ${max} characters`
+    }),
+    min: (min, message) => ({
+        type: 'number',
+        min,
+        message: message || `Minimum value is ${min}`
+    }),
+    max: (max, message) => ({
+        type: 'number',
+        max,
+        message: message || `Maximum value is ${max}`
+    }),
+    pattern: (pattern, message) => ({
+        pattern,
+        message: message || 'Invalid format'
+    }),
+    strongPassword: (message) => ({
+        pattern: VALIDATION_PATTERNS.PASSWORD_STRONG,
+        message: message || 'Password must contain at least 8 characters, including uppercase, lowercase, number and special character'
+    }),
+    phone: (message) => ({
+        pattern: VALIDATION_PATTERNS.PHONE,
+        message: message || 'Please enter a valid phone number'
+    }),
+    username: (message) => ({
+        pattern: VALIDATION_PATTERNS.USERNAME,
+        message: message || 'Username must be 3-16 characters long and contain only letters, numbers, hyphens and underscores'
+    }),
+    creditCard: (message) => ({
+        pattern: VALIDATION_PATTERNS.CREDIT_CARD,
+        message: message || 'Please enter a valid credit card number'
+    }),
+};
 export const EMPTY_STRING = '';
 //# sourceMappingURL=input.types.js.map

package/input.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.types.js","sourceRoot":"","sources":["../../../src/components/input/input.types.ts"],"names":[],"mappings":"AA2CA,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC","sourcesContent":["export const enum INPUT_STATE {\n  Default = 'default',\n  Error = 'error',\n  Warning = 'warning',\n}\n\nexport const enum INPUT_SIZE {\n  Large = 'large',\n  Medium = 'medium',\n  Small = 'small',\n}\n\nexport const enum INPUT_VARIANT {\n  Outlined = 'outlined',\n  Filled = 'filled',\n  Borderless = 'borderless',\n  Underlined = 'underlined',\n}\n\nexport const enum INPUT_TYPE {\n  PASSWORD = 'password',\n  TEXT = 'text',\n  NUMBER = 'number',\n  CALENDAR = 'calendar',\n}\n\nexport interface FocusOptions {\n  preventScroll?: boolean;\n  cursor?: 'start' | 'end' | 'all' | number;\n  select?: boolean;\n}\n\nexport interface BlurOptions {\n  preventScroll?: boolean;\n  restoreCursor?: boolean;\n}\n\nexport interface FocusChangeEvent {\n  focused: boolean;\n  cursorPosition?: number;\n  selectedText?: string;\n}\n\nexport const EMPTY_STRING = '';\n"]}
+{"version":3,"file":"input.types.js","sourceRoot":"","sources":["../../../src/components/input/input.types.ts"],"names":[],"mappings":"AA4GA;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,kDAAkD;IACzD,GAAG,EAAE,yGAAyG;IAC9G,KAAK,EAAE,wBAAwB;IAC/B,eAAe,EAAE,sEAAsE;IACvF,YAAY,EAAE,gBAAgB;IAC9B,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,uBAAuB;IACjC,SAAS,EAAE,oCAAoC;IAC/C,IAAI,EAAE,6FAA6F;IACnG,WAAW,EAAE,qGAAqG;CAC1G,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,CAAC,OAAgB,EAAkB,EAAE,CAAC,CAAC;QAC/C,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,OAAO,IAAI,wBAAwB;KAC7C,CAAC;IAEF,KAAK,EAAE,CAAC,OAAgB,EAAkB,EAAE,CAAC,CAAC;QAC5C,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,mBAAmB,CAAC,KAAK;QAClC,OAAO,EAAE,OAAO,IAAI,oCAAoC;KACzD,CAAC;IAEF,GAAG,EAAE,CAAC,OAAgB,EAAkB,EAAE,CAAC,CAAC;QAC1C,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,mBAAmB,CAAC,GAAG;QAChC,OAAO,EAAE,OAAO,IAAI,0BAA0B;KAC/C,CAAC;IAEF,SAAS,EAAE,CAAC,GAAW,EAAE,OAAgB,EAAkB,EAAE,CAAC,CAAC;QAC7D,SAAS,EAAE,GAAG;QACd,OAAO,EAAE,OAAO,IAAI,qBAAqB,GAAG,aAAa;KAC1D,CAAC;IAEF,SAAS,EAAE,CAAC,GAAW,EAAE,OAAgB,EAAkB,EAAE,CAAC,CAAC;QAC7D,SAAS,EAAE,GAAG;QACd,OAAO,EAAE,OAAO,IAAI,qBAAqB,GAAG,aAAa;KAC1D,CAAC;IAEF,GAAG,EAAE,CAAC,GAAW,EAAE,OAAgB,EAAkB,EAAE,CAAC,CAAC;QACvD,IAAI,EAAE,QAAQ;QACd,GAAG;QACH,OAAO,EAAE,OAAO,IAAI,oBAAoB,GAAG,EAAE;KAC9C,CAAC;IAEF,GAAG,EAAE,CAAC,GAAW,EAAE,OAAgB,EAAkB,EAAE,CAAC,CAAC;QACvD,IAAI,EAAE,QAAQ;QACd,GAAG;QACH,OAAO,EAAE,OAAO,IAAI,oBAAoB,GAAG,EAAE;KAC9C,CAAC;IAEF,OAAO,EAAE,CAAC,OAAe,EAAE,OAAgB,EAAkB,EAAE,CAAC,CAAC;QAC/D,OAAO;QACP,OAAO,EAAE,OAAO,IAAI,gBAAgB;KACrC,CAAC;IAEF,cAAc,EAAE,CAAC,OAAgB,EAAkB,EAAE,CAAC,CAAC;QACrD,OAAO,EAAE,mBAAmB,CAAC,eAAe;QAC5C,OAAO,EAAE,OAAO,IAAI,2GAA2G;KAChI,CAAC;IAEF,KAAK,EAAE,CAAC,OAAgB,EAAkB,EAAE,CAAC,CAAC;QAC5C,OAAO,EAAE,mBAAmB,CAAC,KAAK;QAClC,OAAO,EAAE,OAAO,IAAI,mCAAmC;KACxD,CAAC;IAEF,QAAQ,EAAE,CAAC,OAAgB,EAAkB,EAAE,CAAC,CAAC;QAC/C,OAAO,EAAE,mBAAmB,CAAC,QAAQ;QACrC,OAAO,EAAE,OAAO,IAAI,kGAAkG;KACvH,CAAC;IAEF,UAAU,EAAE,CAAC,OAAgB,EAAkB,EAAE,CAAC,CAAC;QACjD,OAAO,EAAE,mBAAmB,CAAC,WAAW;QACxC,OAAO,EAAE,OAAO,IAAI,yCAAyC;KAC9D,CAAC;CACM,CAAC;AAEX,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC","sourcesContent":["export const enum INPUT_STATE {\n  Default = 'default',\n  Error = 'error',\n  Warning = 'warning',\n  Success = 'success',\n}\n\nexport const enum INPUT_SIZE {\n  Large = 'large',\n  Medium = 'medium',\n  Small = 'small',\n}\n\nexport const enum INPUT_VARIANT {\n  Outlined = 'outlined',\n  Filled = 'filled',\n  Borderless = 'borderless',\n  Underlined = 'underlined',\n}\n\nexport const enum INPUT_TYPE {\n  PASSWORD = 'password',\n  TEXT = 'text',\n  NUMBER = 'number',\n  EMAIL = 'email',\n  URL = 'url',\n  TEL = 'tel',\n  SEARCH = 'search',\n  CALENDAR = 'calendar',\n}\n\nexport interface FocusOptions {\n  preventScroll?: boolean;\n  cursor?: 'start' | 'end' | 'all' | number;\n  select?: boolean;\n}\n\nexport interface BlurOptions {\n  preventScroll?: boolean;\n  restoreCursor?: boolean;\n}\n\nexport interface FocusChangeEvent {\n  focused: boolean;\n  cursorPosition?: number;\n  selectedText?: string;\n}\n\n/**\n * Validation rule interface\n */\nexport interface ValidationRule {\n  /** Validation rule type */\n  type?: 'string' | 'number' | 'boolean' | 'method' | 'regexp' | 'integer' | 'float' | 'array' | 'object' | 'enum' | 'date' | 'url' | 'hex' | 'email';\n  \n  /** Required field */\n  required?: boolean;\n  \n  /** Pattern to match */\n  pattern?: RegExp;\n  \n  /** Minimum length for string/array */\n  minLength?: number;\n  \n  /** Maximum length for string/array */\n  maxLength?: number;\n  \n  /** Minimum value for number */\n  min?: number;\n  \n  /** Maximum value for number */\n  max?: number;\n  \n  /** Enumerable values */\n  enum?: any[];\n  \n  /** Custom validation message */\n  message?: string;\n  \n  /** Custom validator function */\n  validator?: (rule: ValidationRule, value: any) => Promise<void> | void | { isValid: boolean; message?: string } | Promise<{ isValid: boolean; message?: string }>;\n  \n  /** Async validator function */\n  asyncValidator?: (rule: ValidationRule, value: any) => Promise<void>;\n  \n  /** Transform value before validation */\n  transform?: (value: any) => any;\n  \n  /** Validation trigger */\n  trigger?: 'change' | 'blur' | 'submit';\n  \n  /** Validation level */\n  warningOnly?: boolean;\n}\n\n/**\n * Input validation result\n */\nexport interface InputValidationResult {\n  isValid: boolean;\n  errors: string[];\n  warnings: string[];\n  hasError: boolean;\n  hasWarning: boolean;\n  errorMessage?: string;\n  warningMessage?: string;\n}\n\n/**\n * Built-in validation patterns\n */\nexport const VALIDATION_PATTERNS = {\n  EMAIL: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/,\n  URL: /^https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)$/,\n  PHONE: /^[\\+]?[1-9][\\d]{0,15}$/,\n  PASSWORD_STRONG: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,}$/,\n  ALPHANUMERIC: /^[a-zA-Z0-9]+$/,\n  NUMERIC: /^\\d+$/,\n  ALPHA: /^[a-zA-Z]+$/,\n  USERNAME: /^[a-zA-Z0-9_-]{3,16}$/,\n  HEX_COLOR: /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/,\n  IPV4: /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,\n  CREDIT_CARD: /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|3[47][0-9]{13}|3[0-9]{13}|6(?:011|5[0-9]{2})[0-9]{12})$/,\n} as const;\n\n/**\n * Pre-built validation rules\n */\nexport const VALIDATION_RULES = {\n  required: (message?: string): ValidationRule => ({\n    required: true,\n    message: message || 'This field is required'\n  }),\n  \n  email: (message?: string): ValidationRule => ({\n    type: 'email',\n    pattern: VALIDATION_PATTERNS.EMAIL,\n    message: message || 'Please enter a valid email address'\n  }),\n  \n  url: (message?: string): ValidationRule => ({\n    type: 'url',\n    pattern: VALIDATION_PATTERNS.URL,\n    message: message || 'Please enter a valid URL'\n  }),\n  \n  minLength: (min: number, message?: string): ValidationRule => ({\n    minLength: min,\n    message: message || `Minimum length is ${min} characters`\n  }),\n  \n  maxLength: (max: number, message?: string): ValidationRule => ({\n    maxLength: max,\n    message: message || `Maximum length is ${max} characters`\n  }),\n  \n  min: (min: number, message?: string): ValidationRule => ({\n    type: 'number',\n    min,\n    message: message || `Minimum value is ${min}`\n  }),\n  \n  max: (max: number, message?: string): ValidationRule => ({\n    type: 'number',\n    max,\n    message: message || `Maximum value is ${max}`\n  }),\n  \n  pattern: (pattern: RegExp, message?: string): ValidationRule => ({\n    pattern,\n    message: message || 'Invalid format'\n  }),\n  \n  strongPassword: (message?: string): ValidationRule => ({\n    pattern: VALIDATION_PATTERNS.PASSWORD_STRONG,\n    message: message || 'Password must contain at least 8 characters, including uppercase, lowercase, number and special character'\n  }),\n  \n  phone: (message?: string): ValidationRule => ({\n    pattern: VALIDATION_PATTERNS.PHONE,\n    message: message || 'Please enter a valid phone number'\n  }),\n  \n  username: (message?: string): ValidationRule => ({\n    pattern: VALIDATION_PATTERNS.USERNAME,\n    message: message || 'Username must be 3-16 characters long and contain only letters, numbers, hyphens and underscores'\n  }),\n  \n  creditCard: (message?: string): ValidationRule => ({\n    pattern: VALIDATION_PATTERNS.CREDIT_CARD,\n    message: message || 'Please enter a valid credit card number'\n  }),\n} as const;\n\nexport const EMPTY_STRING = '';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nuralyui/input",
-    "version": "0.0.9",
+    "version": "0.0.10",
     "description": "",
     "main": "index.js",
     "type": "module",
@@ -8,5 +8,19 @@
         "test": "echo \"Error: no test specified\" && exit 1"
     },
     "author": "Labidi Aymen",
-    "license": "ISC"
+    "license": "ISC",
+    "exports": {
+        ".": {
+            "import": "./index.js"
+        },
+        "./bundle": {
+            "import": "./bundle.js"
+        }
+    },
+    "files": [
+        "bundle.js",
+        "*.js",
+        "*.d.ts",
+        "*.js.map"
+    ]
 }

package/demo/input-demo.d.ts

@@ -1,19 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-import { LitElement } from 'lit';
-import '../input.component';
-export declare class ElButtonDemoElement extends LitElement {
-    _changeHandler(_e: unknown): void;
-    _focusHandler(_e: unknown): void;
-    enterPressedHandler(e: CustomEvent): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'nr-inputs-demo': ElButtonDemoElement;
-    }
-}
-//# sourceMappingURL=input-demo.d.ts.map

package/demo/input-demo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-demo.d.ts","sourceRoot":"","sources":["../../../../src/components/input/demo/input-demo.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,oBAAoB,CAAC;AAC5B,qBACa,mBAAoB,SAAQ,UAAU;IACjD,cAAc,CAAC,EAAE,EAAE,OAAO;IAI1B,aAAa,CAAC,EAAE,EAAE,OAAO;IAIzB,mBAAmB,CAAC,CAAC,EAAC,WAAW;IAGxB,MAAM;CAqThB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

package/demo/input-demo.js

@@ -1,339 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import '../input.component';
-let ElButtonDemoElement = class ElButtonDemoElement extends LitElement {
-    _changeHandler(_e) {
-        console.log(_e);
-    }
-    _focusHandler(_e) {
-        console.log('e', _e);
-    }
-    enterPressedHandler(e) {
-        console.log('e ', e.detail.value);
-    }
-    render() {
-        return html ` <div>
-      <h3>Text input</h3>
-      <nr-input
-        placeholder="Enter your FullName"
-        size="large"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-        @nr-enter=${this.enterPressedHandler}
-      >
-        <span slot="label">Large input</span>
-        <span slot="helper-text">helper</span>
-      </nr-input>
-      <br />
-      <br />
-
-      <nr-input
-        placeholder="Enter your FullName"
-        ?withCopy=${true}
-        size="large"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Text input with copy</span>
-        <span slot="helper-text">helper</span>
-      </nr-input>
-      <br />
-      <br />
-      <nr-input
-        placeholder="Enter your FullName"
-        size="medium"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Medium input</span>
-        <span slot="helper-text">helper</span>
-      </nr-input>
-      <br />
-      <br />
-      <nr-input
-        placeholder="Enter your FullName"
-        size="small"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Small input</span>
-        <span slot="helper-text">helper</span>
-      </nr-input>
-      <br />
-      <br />
-      <nr-input size="small" @nr-input=${this._changeHandler} @nr-focus=${this._focusHandler}>
-        <span slot="label">without placeholder</span>
-      </nr-input>
-      <br />
-      <br />
-      <nr-input
-        placeholder="Enter your FullName"
-        state="error"
-        size="large"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Error input</span>
-        <span slot="helper-text">Error input helper</span>
-      </nr-input>
-      <br />
-      <br />
-      <nr-input
-        placeholder="Enter your FullName"
-        state="error"
-        size="large"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Error input without helper</span>
-      </nr-input>
-      <br />
-      <br />
-      <nr-input
-        placeholder="Enter your FullName"
-        state="warning"
-        size="large"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Warning input</span>
-        <span slot="helper-text">Warning input helper</span>
-      </nr-input>
-      <br />
-      <br />
-      <nr-input
-        placeholder="Enter your FullName"
-        state="warning"
-        size="large"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Warning input without helper</span>
-      </nr-input>
-      <br />
-      <br />
-      <nr-input
-        placeholder="Enter your FullName"
-        disabled
-        state="error"
-        size="large"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">disabled input error </span>
-        <span slot="helper-text">helper</span>
-      </nr-input>
-      <br />
-      <br />
-      <nr-input
-        placeholder="Enter your FullName"
-        disabled
-        state="warning"
-        size="large"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">disabled input warning </span>
-        <span slot="helper-text">helper</span>
-      </nr-input>
-      <br />
-      <br />
-      <nr-input
-        placeholder="Enter your FullName"
-        size="large"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="helper-text">without label</span>
-      </nr-input>
-      <br /><br />
-      <nr-input
-        placeholder="Enter your FullName"
-        size="large"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-      </nr-input>
-      <br /><br />
-
-      <nr-input
-        ?disabled=${true}
-        placeholder="Enter your FullName"
-        size="large"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Disabled input</span>
-      </nr-input>
-
-      <br /><br />
-      <nr-input
-        placeholder="Enter your FullName"
-        ?disabled=${true}
-        size="large"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Disabled input with label and helper</span>
-        <span slot="helper-text">helper</span>
-      </nr-input>
-
-      <br /><br />
-      <h3>Password input</h3>
-
-      <nr-input
-        placeholder="your password please"
-        size="large"
-        type="password"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Password input</span>
-      </nr-input>
-      <br /><br />
-      <nr-input
-        disabled
-        placeholder="your password please"
-        size="large"
-        type="password"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Password input disabled</span>
-      </nr-input>
-      <br /><br />
-      <nr-input
-        placeholder="your password please"
-        size="large"
-        type="password"
-        state="error"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Password input error</span>
-      </nr-input>
-      <br /><br />
-      <nr-input
-        placeholder="your password please"
-        disabled
-        size="large"
-        type="password"
-        state="error"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Password input error disabled</span>
-      </nr-input>
-      <br /><br />
-      <nr-input
-        placeholder="your password please"
-        size="large"
-        type="password"
-        state="warning"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Password input warning </span>
-      </nr-input>
-      <br /><br />
-      <nr-input
-        placeholder="your password please"
-        disabled
-        size="large"
-        type="password"
-        state="warning"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Password input warning disabled</span>
-      </nr-input>
-      <br /><br />
-      <h3>Number input</h3>
-
-      <nr-input
-        placeholder="Enter your age"
-        size="large"
-        type="number"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Default number input </span>
-      </nr-input>
-
-      <br /><br />
-      <nr-input
-        state="error"
-        placeholder="Enter your age"
-        size="large"
-        type="number"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Number input error </span>
-      </nr-input>
-      <br /><br />
-      <nr-input
-        disabled
-        state="error"
-        placeholder="Enter your age"
-        size="large"
-        type="number"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Number input error disabled</span>
-      </nr-input>
-      <br /><br />
-      <nr-input
-        state="warning"
-        placeholder="Enter your age"
-        size="large"
-        type="number"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Number input warning </span>
-      </nr-input>
-      <br /><br />
-      <nr-input
-        disabled
-        state="warning"
-        placeholder="Enter your age"
-        size="large"
-        type="number"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Number input warning disabled </span>
-      </nr-input>
-      <br /><br />
-      <nr-input
-        min="15"
-        max="100"
-        step="25"
-        size="large"
-        type="number"
-        @nr-input=${this._changeHandler}
-        @nr-focus=${this._focusHandler}
-      >
-        <span slot="label">Number input with steps of 25, max 100 and min 15 </span>
-      </nr-input>
-    </div>`;
-    }
-};
-ElButtonDemoElement = __decorate([
-    customElement('nr-inputs-demo')
-], ElButtonDemoElement);
-export { ElButtonDemoElement };
-//# sourceMappingURL=input-demo.js.map

package/demo/input-demo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-demo.js","sourceRoot":"","sources":["../../../../src/components/input/demo/input-demo.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2023 Google Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport '../input.component';\n@customElement('nr-inputs-demo')\nexport class ElButtonDemoElement extends LitElement {\n  _changeHandler(_e: unknown) {\n    console.log(_e);\n  }\n\n  _focusHandler(_e: unknown) {\n    console.log('e', _e);\n  }\n\n  enterPressedHandler(e:CustomEvent){\n    console.log('e ',e.detail.value)\n  }\n  override render() {\n    return html` <div>\n      <h3>Text input</h3>\n      <nr-input\n        placeholder=\"Enter your FullName\"\n        size=\"large\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n        @nr-enter=${this.enterPressedHandler}\n      >\n        <span slot=\"label\">Large input</span>\n        <span slot=\"helper-text\">helper</span>\n      </nr-input>\n      <br />\n      <br />\n\n      <nr-input\n        placeholder=\"Enter your FullName\"\n        ?withCopy=${true}\n        size=\"large\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Text input with copy</span>\n        <span slot=\"helper-text\">helper</span>\n      </nr-input>\n      <br />\n      <br />\n      <nr-input\n        placeholder=\"Enter your FullName\"\n        size=\"medium\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Medium input</span>\n        <span slot=\"helper-text\">helper</span>\n      </nr-input>\n      <br />\n      <br />\n      <nr-input\n        placeholder=\"Enter your FullName\"\n        size=\"small\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Small input</span>\n        <span slot=\"helper-text\">helper</span>\n      </nr-input>\n      <br />\n      <br />\n      <nr-input size=\"small\" @nr-input=${this._changeHandler} @nr-focus=${this._focusHandler}>\n        <span slot=\"label\">without placeholder</span>\n      </nr-input>\n      <br />\n      <br />\n      <nr-input\n        placeholder=\"Enter your FullName\"\n        state=\"error\"\n        size=\"large\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Error input</span>\n        <span slot=\"helper-text\">Error input helper</span>\n      </nr-input>\n      <br />\n      <br />\n      <nr-input\n        placeholder=\"Enter your FullName\"\n        state=\"error\"\n        size=\"large\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Error input without helper</span>\n      </nr-input>\n      <br />\n      <br />\n      <nr-input\n        placeholder=\"Enter your FullName\"\n        state=\"warning\"\n        size=\"large\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Warning input</span>\n        <span slot=\"helper-text\">Warning input helper</span>\n      </nr-input>\n      <br />\n      <br />\n      <nr-input\n        placeholder=\"Enter your FullName\"\n        state=\"warning\"\n        size=\"large\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Warning input without helper</span>\n      </nr-input>\n      <br />\n      <br />\n      <nr-input\n        placeholder=\"Enter your FullName\"\n        disabled\n        state=\"error\"\n        size=\"large\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">disabled input error </span>\n        <span slot=\"helper-text\">helper</span>\n      </nr-input>\n      <br />\n      <br />\n      <nr-input\n        placeholder=\"Enter your FullName\"\n        disabled\n        state=\"warning\"\n        size=\"large\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">disabled input warning </span>\n        <span slot=\"helper-text\">helper</span>\n      </nr-input>\n      <br />\n      <br />\n      <nr-input\n        placeholder=\"Enter your FullName\"\n        size=\"large\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"helper-text\">without label</span>\n      </nr-input>\n      <br /><br />\n      <nr-input\n        placeholder=\"Enter your FullName\"\n        size=\"large\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n      </nr-input>\n      <br /><br />\n\n      <nr-input\n        ?disabled=${true}\n        placeholder=\"Enter your FullName\"\n        size=\"large\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Disabled input</span>\n      </nr-input>\n\n      <br /><br />\n      <nr-input\n        placeholder=\"Enter your FullName\"\n        ?disabled=${true}\n        size=\"large\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Disabled input with label and helper</span>\n        <span slot=\"helper-text\">helper</span>\n      </nr-input>\n\n      <br /><br />\n      <h3>Password input</h3>\n\n      <nr-input\n        placeholder=\"your password please\"\n        size=\"large\"\n        type=\"password\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Password input</span>\n      </nr-input>\n      <br /><br />\n      <nr-input\n        disabled\n        placeholder=\"your password please\"\n        size=\"large\"\n        type=\"password\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Password input disabled</span>\n      </nr-input>\n      <br /><br />\n      <nr-input\n        placeholder=\"your password please\"\n        size=\"large\"\n        type=\"password\"\n        state=\"error\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Password input error</span>\n      </nr-input>\n      <br /><br />\n      <nr-input\n        placeholder=\"your password please\"\n        disabled\n        size=\"large\"\n        type=\"password\"\n        state=\"error\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Password input error disabled</span>\n      </nr-input>\n      <br /><br />\n      <nr-input\n        placeholder=\"your password please\"\n        size=\"large\"\n        type=\"password\"\n        state=\"warning\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Password input warning </span>\n      </nr-input>\n      <br /><br />\n      <nr-input\n        placeholder=\"your password please\"\n        disabled\n        size=\"large\"\n        type=\"password\"\n        state=\"warning\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Password input warning disabled</span>\n      </nr-input>\n      <br /><br />\n      <h3>Number input</h3>\n\n      <nr-input\n        placeholder=\"Enter your age\"\n        size=\"large\"\n        type=\"number\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Default number input </span>\n      </nr-input>\n\n      <br /><br />\n      <nr-input\n        state=\"error\"\n        placeholder=\"Enter your age\"\n        size=\"large\"\n        type=\"number\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Number input error </span>\n      </nr-input>\n      <br /><br />\n      <nr-input\n        disabled\n        state=\"error\"\n        placeholder=\"Enter your age\"\n        size=\"large\"\n        type=\"number\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Number input error disabled</span>\n      </nr-input>\n      <br /><br />\n      <nr-input\n        state=\"warning\"\n        placeholder=\"Enter your age\"\n        size=\"large\"\n        type=\"number\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Number input warning </span>\n      </nr-input>\n      <br /><br />\n      <nr-input\n        disabled\n        state=\"warning\"\n        placeholder=\"Enter your age\"\n        size=\"large\"\n        type=\"number\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Number input warning disabled </span>\n      </nr-input>\n      <br /><br />\n      <nr-input\n        min=\"15\"\n        max=\"100\"\n        step=\"25\"\n        size=\"large\"\n        type=\"number\"\n        @nr-input=${this._changeHandler}\n        @nr-focus=${this._focusHandler}\n      >\n        <span slot=\"label\">Number input with steps of 25, max 100 and min 15 </span>\n      </nr-input>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nr-inputs-demo': ElButtonDemoElement;\n  }\n}\n"]}

package/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,KAAK,WAAW,MAAM,iBAAiB,CAAC"}

package/input.component.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input.style.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.style.ts"],"names":[],"mappings":"AA8jBA,eAAO,MAAM,MAAM,2BAA+C,CAAC"}

package/input.style.variable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.style.variable.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.style.variable.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA2K1B,CAAC"}

package/input.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.types.ts"],"names":[],"mappings":"AAAA,0BAAkB,WAAW;IAC3B,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,0BAAkB,UAAU;IAC1B,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,0BAAkB,aAAa;IAC7B,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,UAAU,eAAe;CAC1B;AAED,0BAAkB,UAAU;IAC1B,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,KAAK,CAAC"}

package/mixins/focus-mixin.d.ts

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

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