@nuralyui/input 0.0.3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/demo/input-demo.d.ts +1 -1
  2. package/demo/input-demo.d.ts.map +1 -1
  3. package/demo/input-demo.js +109 -109
  4. package/demo/input-demo.js.map +1 -1
  5. package/input.component.d.ts +20 -6
  6. package/input.component.d.ts.map +1 -1
  7. package/input.component.js +167 -42
  8. package/input.component.js.map +1 -1
  9. package/input.style.d.ts.map +1 -1
  10. package/input.style.js +237 -96
  11. package/input.style.js.map +1 -1
  12. package/{variables.style.d.ts → input.style.variable..d.ts} +1 -1
  13. package/input.style.variable..d.ts.map +1 -0
  14. package/{variables.style.js → input.style.variable..js} +29 -26
  15. package/input.style.variable..js.map +1 -0
  16. package/package.json +1 -1
  17. package/react.d.ts +7 -4
  18. package/react.d.ts.map +1 -1
  19. package/react.js +9 -6
  20. package/react.js.map +1 -1
  21. package/test/hy-input_test.js +14 -14
  22. package/test/hy-input_test.js.map +1 -1
  23. package/variables.style.d.ts.map +0 -1
  24. package/variables.style.js.map +0 -1
package/demo/input-demo.d.ts CHANGED
@@ -13,7 +13,7 @@ export declare class ElButtonDemoElement extends LitElement {
13
13
  }
14
14
  declare global {
15
15
  interface HTMLElementTagNameMap {
16
- 'hy-inputs-demo': ElButtonDemoElement;
16
+ 'nr-inputs-demo': ElButtonDemoElement;
17
17
  }
18
18
  }
19
19
  //# sourceMappingURL=input-demo.d.ts.map
package/demo/input-demo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"input-demo.d.ts","sourceRoot":"","sources":["../../../../src/components/input/demo/input-demo.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAErC,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"}
1
+ {"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 CHANGED
@@ -25,315 +25,315 @@ let ElButtonDemoElement = class ElButtonDemoElement extends LitElement {
25
25
  render() {
26
26
  return html ` <div>
27
27
  <h3>Text input</h3>
28
- <hy-input
28
+ <nr-input
29
29
  placeholder="Enter your FullName"
30
30
  size="large"
31
- @input=${this._changeHandler}
32
- @focused=${this._focusHandler}
33
- @enter-pressed=${this.enterPressedHandler}
31
+ @nr-input=${this._changeHandler}
32
+ @nr-focus=${this._focusHandler}
33
+ @nr-enter=${this.enterPressedHandler}
34
34
  >
35
35
  <span slot="label">Large input</span>
36
36
  <span slot="helper-text">helper</span>
37
- </hy-input>
37
+ </nr-input>
38
38
  <br />
39
39
  <br />
40
40
 
41
- <hy-input
41
+ <nr-input
42
42
  placeholder="Enter your FullName"
43
- withCopy=${true}
43
+ ?withCopy=${true}
44
44
  size="large"
45
- @input=${this._changeHandler}
46
- @focused=${this._focusHandler}
45
+ @nr-input=${this._changeHandler}
46
+ @nr-focus=${this._focusHandler}
47
47
  >
48
48
  <span slot="label">Text input with copy</span>
49
49
  <span slot="helper-text">helper</span>
50
- </hy-input>
50
+ </nr-input>
51
51
  <br />
52
52
  <br />
53
- <hy-input
53
+ <nr-input
54
54
  placeholder="Enter your FullName"
55
55
  size="medium"
56
- @valueChange=${this._changeHandler}
57
- @focused=${this._focusHandler}
56
+ @nr-input=${this._changeHandler}
57
+ @nr-focus=${this._focusHandler}
58
58
  >
59
59
  <span slot="label">Medium input</span>
60
60
  <span slot="helper-text">helper</span>
61
- </hy-input>
61
+ </nr-input>
62
62
  <br />
63
63
  <br />
64
- <hy-input
64
+ <nr-input
65
65
  placeholder="Enter your FullName"
66
66
  size="small"
67
- @valueChange=${this._changeHandler}
68
- @focused=${this._focusHandler}
67
+ @nr-input=${this._changeHandler}
68
+ @nr-focus=${this._focusHandler}
69
69
  >
70
70
  <span slot="label">Small input</span>
71
71
  <span slot="helper-text">helper</span>
72
- </hy-input>
72
+ </nr-input>
73
73
  <br />
74
74
  <br />
75
- <hy-input size="small" @valueChange=${this._changeHandler} @focused=${this._focusHandler}>
75
+ <nr-input size="small" @nr-input=${this._changeHandler} @nr-focus=${this._focusHandler}>
76
76
  <span slot="label">without placeholder</span>
77
- </hy-input>
77
+ </nr-input>
78
78
  <br />
79
79
  <br />
80
- <hy-input
80
+ <nr-input
81
81
  placeholder="Enter your FullName"
82
82
  state="error"
83
83
  size="large"
84
- @valueChange=${this._changeHandler}
85
- @focused=${this._focusHandler}
84
+ @nr-input=${this._changeHandler}
85
+ @nr-focus=${this._focusHandler}
86
86
  >
87
87
  <span slot="label">Error input</span>
88
88
  <span slot="helper-text">Error input helper</span>
89
- </hy-input>
89
+ </nr-input>
90
90
  <br />
91
91
  <br />
92
- <hy-input
92
+ <nr-input
93
93
  placeholder="Enter your FullName"
94
94
  state="error"
95
95
  size="large"
96
- @valueChange=${this._changeHandler}
97
- @focused=${this._focusHandler}
96
+ @nr-input=${this._changeHandler}
97
+ @nr-focus=${this._focusHandler}
98
98
  >
99
99
  <span slot="label">Error input without helper</span>
100
- </hy-input>
100
+ </nr-input>
101
101
  <br />
102
102
  <br />
103
- <hy-input
103
+ <nr-input
104
104
  placeholder="Enter your FullName"
105
105
  state="warning"
106
106
  size="large"
107
- @valueChange=${this._changeHandler}
108
- @focused=${this._focusHandler}
107
+ @nr-input=${this._changeHandler}
108
+ @nr-focus=${this._focusHandler}
109
109
  >
110
110
  <span slot="label">Warning input</span>
111
111
  <span slot="helper-text">Warning input helper</span>
112
- </hy-input>
112
+ </nr-input>
113
113
  <br />
114
114
  <br />
115
- <hy-input
115
+ <nr-input
116
116
  placeholder="Enter your FullName"
117
117
  state="warning"
118
118
  size="large"
119
- @valueChange=${this._changeHandler}
120
- @focused=${this._focusHandler}
119
+ @nr-input=${this._changeHandler}
120
+ @nr-focus=${this._focusHandler}
121
121
  >
122
122
  <span slot="label">Warning input without helper</span>
123
- </hy-input>
123
+ </nr-input>
124
124
  <br />
125
125
  <br />
126
- <hy-input
126
+ <nr-input
127
127
  placeholder="Enter your FullName"
128
128
  disabled
129
129
  state="error"
130
130
  size="large"
131
- @valueChange=${this._changeHandler}
132
- @focused=${this._focusHandler}
131
+ @nr-input=${this._changeHandler}
132
+ @nr-focus=${this._focusHandler}
133
133
  >
134
134
  <span slot="label">disabled input error </span>
135
135
  <span slot="helper-text">helper</span>
136
- </hy-input>
136
+ </nr-input>
137
137
  <br />
138
138
  <br />
139
- <hy-input
139
+ <nr-input
140
140
  placeholder="Enter your FullName"
141
141
  disabled
142
142
  state="warning"
143
143
  size="large"
144
- @valueChange=${this._changeHandler}
145
- @focused=${this._focusHandler}
144
+ @nr-input=${this._changeHandler}
145
+ @nr-focus=${this._focusHandler}
146
146
  >
147
147
  <span slot="label">disabled input warning </span>
148
148
  <span slot="helper-text">helper</span>
149
- </hy-input>
149
+ </nr-input>
150
150
  <br />
151
151
  <br />
152
- <hy-input
152
+ <nr-input
153
153
  placeholder="Enter your FullName"
154
154
  size="large"
155
- @valueChange=${this._changeHandler}
156
- @focused=${this._focusHandler}
155
+ @nr-input=${this._changeHandler}
156
+ @nr-focus=${this._focusHandler}
157
157
  >
158
158
  <span slot="helper-text">without label</span>
159
- </hy-input>
159
+ </nr-input>
160
160
  <br /><br />
161
- <hy-input
161
+ <nr-input
162
162
  placeholder="Enter your FullName"
163
163
  size="large"
164
- @valueChange=${this._changeHandler}
165
- @focused=${this._focusHandler}
164
+ @nr-input=${this._changeHandler}
165
+ @nr-focus=${this._focusHandler}
166
166
  >
167
- </hy-input>
167
+ </nr-input>
168
168
  <br /><br />
169
169
 
170
- <hy-input
170
+ <nr-input
171
171
  ?disabled=${true}
172
172
  placeholder="Enter your FullName"
173
173
  size="large"
174
- @valueChange=${this._changeHandler}
175
- @focused=${this._focusHandler}
174
+ @nr-input=${this._changeHandler}
175
+ @nr-focus=${this._focusHandler}
176
176
  >
177
177
  <span slot="label">Disabled input</span>
178
- </hy-input>
178
+ </nr-input>
179
179
 
180
180
  <br /><br />
181
- <hy-input
181
+ <nr-input
182
182
  placeholder="Enter your FullName"
183
183
  ?disabled=${true}
184
184
  size="large"
185
- @valueChange=${this._changeHandler}
186
- @focused=${this._focusHandler}
185
+ @nr-input=${this._changeHandler}
186
+ @nr-focus=${this._focusHandler}
187
187
  >
188
188
  <span slot="label">Disabled input with label and helper</span>
189
189
  <span slot="helper-text">helper</span>
190
- </hy-input>
190
+ </nr-input>
191
191
 
192
192
  <br /><br />
193
193
  <h3>Password input</h3>
194
194
 
195
- <hy-input
195
+ <nr-input
196
196
  placeholder="your password please"
197
197
  size="large"
198
198
  type="password"
199
- @valueChange=${this._changeHandler}
200
- @focused=${this._focusHandler}
199
+ @nr-input=${this._changeHandler}
200
+ @nr-focus=${this._focusHandler}
201
201
  >
202
202
  <span slot="label">Password input</span>
203
- </hy-input>
203
+ </nr-input>
204
204
  <br /><br />
205
- <hy-input
205
+ <nr-input
206
206
  disabled
207
207
  placeholder="your password please"
208
208
  size="large"
209
209
  type="password"
210
- @valueChange=${this._changeHandler}
211
- @focused=${this._focusHandler}
210
+ @nr-input=${this._changeHandler}
211
+ @nr-focus=${this._focusHandler}
212
212
  >
213
213
  <span slot="label">Password input disabled</span>
214
- </hy-input>
214
+ </nr-input>
215
215
  <br /><br />
216
- <hy-input
216
+ <nr-input
217
217
  placeholder="your password please"
218
218
  size="large"
219
219
  type="password"
220
220
  state="error"
221
- @valueChange=${this._changeHandler}
222
- @focused=${this._focusHandler}
221
+ @nr-input=${this._changeHandler}
222
+ @nr-focus=${this._focusHandler}
223
223
  >
224
224
  <span slot="label">Password input error</span>
225
- </hy-input>
225
+ </nr-input>
226
226
  <br /><br />
227
- <hy-input
227
+ <nr-input
228
228
  placeholder="your password please"
229
229
  disabled
230
230
  size="large"
231
231
  type="password"
232
232
  state="error"
233
- @valueChange=${this._changeHandler}
234
- @focused=${this._focusHandler}
233
+ @nr-input=${this._changeHandler}
234
+ @nr-focus=${this._focusHandler}
235
235
  >
236
236
  <span slot="label">Password input error disabled</span>
237
- </hy-input>
237
+ </nr-input>
238
238
  <br /><br />
239
- <hy-input
239
+ <nr-input
240
240
  placeholder="your password please"
241
241
  size="large"
242
242
  type="password"
243
243
  state="warning"
244
- @valueChange=${this._changeHandler}
245
- @focused=${this._focusHandler}
244
+ @nr-input=${this._changeHandler}
245
+ @nr-focus=${this._focusHandler}
246
246
  >
247
247
  <span slot="label">Password input warning </span>
248
- </hy-input>
248
+ </nr-input>
249
249
  <br /><br />
250
- <hy-input
250
+ <nr-input
251
251
  placeholder="your password please"
252
252
  disabled
253
253
  size="large"
254
254
  type="password"
255
255
  state="warning"
256
- @valueChange=${this._changeHandler}
257
- @focused=${this._focusHandler}
256
+ @nr-input=${this._changeHandler}
257
+ @nr-focus=${this._focusHandler}
258
258
  >
259
259
  <span slot="label">Password input warning disabled</span>
260
- </hy-input>
260
+ </nr-input>
261
261
  <br /><br />
262
262
  <h3>Number input</h3>
263
263
 
264
- <hy-input
264
+ <nr-input
265
265
  placeholder="Enter your age"
266
266
  size="large"
267
267
  type="number"
268
- @valueChange=${this._changeHandler}
269
- @focused=${this._focusHandler}
268
+ @nr-input=${this._changeHandler}
269
+ @nr-focus=${this._focusHandler}
270
270
  >
271
271
  <span slot="label">Default number input </span>
272
- </hy-input>
272
+ </nr-input>
273
273
 
274
274
  <br /><br />
275
- <hy-input
275
+ <nr-input
276
276
  state="error"
277
277
  placeholder="Enter your age"
278
278
  size="large"
279
279
  type="number"
280
- @valueChange=${this._changeHandler}
281
- @focused=${this._focusHandler}
280
+ @nr-input=${this._changeHandler}
281
+ @nr-focus=${this._focusHandler}
282
282
  >
283
283
  <span slot="label">Number input error </span>
284
- </hy-input>
284
+ </nr-input>
285
285
  <br /><br />
286
- <hy-input
286
+ <nr-input
287
287
  disabled
288
288
  state="error"
289
289
  placeholder="Enter your age"
290
290
  size="large"
291
291
  type="number"
292
- @valueChange=${this._changeHandler}
293
- @focused=${this._focusHandler}
292
+ @nr-input=${this._changeHandler}
293
+ @nr-focus=${this._focusHandler}
294
294
  >
295
295
  <span slot="label">Number input error disabled</span>
296
- </hy-input>
296
+ </nr-input>
297
297
  <br /><br />
298
- <hy-input
298
+ <nr-input
299
299
  state="warning"
300
300
  placeholder="Enter your age"
301
301
  size="large"
302
302
  type="number"
303
- @valueChange=${this._changeHandler}
304
- @focused=${this._focusHandler}
303
+ @nr-input=${this._changeHandler}
304
+ @nr-focus=${this._focusHandler}
305
305
  >
306
306
  <span slot="label">Number input warning </span>
307
- </hy-input>
307
+ </nr-input>
308
308
  <br /><br />
309
- <hy-input
309
+ <nr-input
310
310
  disabled
311
311
  state="warning"
312
312
  placeholder="Enter your age"
313
313
  size="large"
314
314
  type="number"
315
- @valueChange=${this._changeHandler}
316
- @focused=${this._focusHandler}
315
+ @nr-input=${this._changeHandler}
316
+ @nr-focus=${this._focusHandler}
317
317
  >
318
318
  <span slot="label">Number input warning disabled </span>
319
- </hy-input>
319
+ </nr-input>
320
320
  <br /><br />
321
- <hy-input
321
+ <nr-input
322
322
  min="15"
323
323
  max="100"
324
324
  step="25"
325
325
  size="large"
326
326
  type="number"
327
- @valueChange=${this._changeHandler}
328
- @focused=${this._focusHandler}
327
+ @nr-input=${this._changeHandler}
328
+ @nr-focus=${this._focusHandler}
329
329
  >
330
330
  <span slot="label">Number input with steps of 25, max 100 and min 15 </span>
331
- </hy-input>
331
+ </nr-input>
332
332
  </div>`;
333
333
  }
334
334
  };
335
335
  ElButtonDemoElement = __decorate([
336
- customElement('hy-inputs-demo')
336
+ customElement('nr-inputs-demo')
337
337
  ], ElButtonDemoElement);
338
338
  export { ElButtonDemoElement };
339
339
  //# sourceMappingURL=input-demo.js.map
package/demo/input-demo.js.map CHANGED
@@ -1 +1 @@
1
- {"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('hy-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 <hy-input\n placeholder=\"Enter your FullName\"\n size=\"large\"\n @input=${this._changeHandler}\n @focused=${this._focusHandler}\n @enter-pressed=${this.enterPressedHandler}\n >\n <span slot=\"label\">Large input</span>\n <span slot=\"helper-text\">helper</span>\n </hy-input>\n <br />\n <br />\n\n <hy-input\n placeholder=\"Enter your FullName\"\n withCopy=${true}\n size=\"large\"\n @input=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Text input with copy</span>\n <span slot=\"helper-text\">helper</span>\n </hy-input>\n <br />\n <br />\n <hy-input\n placeholder=\"Enter your FullName\"\n size=\"medium\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Medium input</span>\n <span slot=\"helper-text\">helper</span>\n </hy-input>\n <br />\n <br />\n <hy-input\n placeholder=\"Enter your FullName\"\n size=\"small\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Small input</span>\n <span slot=\"helper-text\">helper</span>\n </hy-input>\n <br />\n <br />\n <hy-input size=\"small\" @valueChange=${this._changeHandler} @focused=${this._focusHandler}>\n <span slot=\"label\">without placeholder</span>\n </hy-input>\n <br />\n <br />\n <hy-input\n placeholder=\"Enter your FullName\"\n state=\"error\"\n size=\"large\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Error input</span>\n <span slot=\"helper-text\">Error input helper</span>\n </hy-input>\n <br />\n <br />\n <hy-input\n placeholder=\"Enter your FullName\"\n state=\"error\"\n size=\"large\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Error input without helper</span>\n </hy-input>\n <br />\n <br />\n <hy-input\n placeholder=\"Enter your FullName\"\n state=\"warning\"\n size=\"large\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Warning input</span>\n <span slot=\"helper-text\">Warning input helper</span>\n </hy-input>\n <br />\n <br />\n <hy-input\n placeholder=\"Enter your FullName\"\n state=\"warning\"\n size=\"large\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Warning input without helper</span>\n </hy-input>\n <br />\n <br />\n <hy-input\n placeholder=\"Enter your FullName\"\n disabled\n state=\"error\"\n size=\"large\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">disabled input error </span>\n <span slot=\"helper-text\">helper</span>\n </hy-input>\n <br />\n <br />\n <hy-input\n placeholder=\"Enter your FullName\"\n disabled\n state=\"warning\"\n size=\"large\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">disabled input warning </span>\n <span slot=\"helper-text\">helper</span>\n </hy-input>\n <br />\n <br />\n <hy-input\n placeholder=\"Enter your FullName\"\n size=\"large\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"helper-text\">without label</span>\n </hy-input>\n <br /><br />\n <hy-input\n placeholder=\"Enter your FullName\"\n size=\"large\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n </hy-input>\n <br /><br />\n\n <hy-input\n ?disabled=${true}\n placeholder=\"Enter your FullName\"\n size=\"large\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Disabled input</span>\n </hy-input>\n\n <br /><br />\n <hy-input\n placeholder=\"Enter your FullName\"\n ?disabled=${true}\n size=\"large\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Disabled input with label and helper</span>\n <span slot=\"helper-text\">helper</span>\n </hy-input>\n\n <br /><br />\n <h3>Password input</h3>\n\n <hy-input\n placeholder=\"your password please\"\n size=\"large\"\n type=\"password\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Password input</span>\n </hy-input>\n <br /><br />\n <hy-input\n disabled\n placeholder=\"your password please\"\n size=\"large\"\n type=\"password\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Password input disabled</span>\n </hy-input>\n <br /><br />\n <hy-input\n placeholder=\"your password please\"\n size=\"large\"\n type=\"password\"\n state=\"error\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Password input error</span>\n </hy-input>\n <br /><br />\n <hy-input\n placeholder=\"your password please\"\n disabled\n size=\"large\"\n type=\"password\"\n state=\"error\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Password input error disabled</span>\n </hy-input>\n <br /><br />\n <hy-input\n placeholder=\"your password please\"\n size=\"large\"\n type=\"password\"\n state=\"warning\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Password input warning </span>\n </hy-input>\n <br /><br />\n <hy-input\n placeholder=\"your password please\"\n disabled\n size=\"large\"\n type=\"password\"\n state=\"warning\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Password input warning disabled</span>\n </hy-input>\n <br /><br />\n <h3>Number input</h3>\n\n <hy-input\n placeholder=\"Enter your age\"\n size=\"large\"\n type=\"number\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Default number input </span>\n </hy-input>\n\n <br /><br />\n <hy-input\n state=\"error\"\n placeholder=\"Enter your age\"\n size=\"large\"\n type=\"number\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Number input error </span>\n </hy-input>\n <br /><br />\n <hy-input\n disabled\n state=\"error\"\n placeholder=\"Enter your age\"\n size=\"large\"\n type=\"number\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Number input error disabled</span>\n </hy-input>\n <br /><br />\n <hy-input\n state=\"warning\"\n placeholder=\"Enter your age\"\n size=\"large\"\n type=\"number\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Number input warning </span>\n </hy-input>\n <br /><br />\n <hy-input\n disabled\n state=\"warning\"\n placeholder=\"Enter your age\"\n size=\"large\"\n type=\"number\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Number input warning disabled </span>\n </hy-input>\n <br /><br />\n <hy-input\n min=\"15\"\n max=\"100\"\n step=\"25\"\n size=\"large\"\n type=\"number\"\n @valueChange=${this._changeHandler}\n @focused=${this._focusHandler}\n >\n <span slot=\"label\">Number input with steps of 25, max 100 and min 15 </span>\n </hy-input>\n </div>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'hy-inputs-demo': ElButtonDemoElement;\n }\n}\n"]}
1
+ {"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/input.component.d.ts CHANGED
@@ -6,26 +6,39 @@
6
6
  /// <reference types="react" />
7
7
  import { LitElement, PropertyValues } from 'lit';
8
8
  import { INPUT_TYPE, INPUT_STATE, INPUT_SIZE } from './input.constant.js';
9
- export declare class HyInputElement extends LitElement {
9
+ import '../icon/icon.component.js';
10
+ declare const NrInputElement_base: (new (...args: any[]) => import("../../shared/dependency-mixin.js").DependencyAware) & (new (...args: any[]) => import("../../shared/theme-mixin.js").ThemeAware) & typeof LitElement;
11
+ export declare class NrInputElement extends NrInputElement_base {
10
12
  disabled: boolean;
11
13
  state: INPUT_STATE;
12
14
  value: string;
13
15
  size: INPUT_SIZE;
14
16
  type: INPUT_TYPE;
15
- step: string;
16
- min: string;
17
- max: string;
17
+ step?: string;
18
+ min?: string;
19
+ max?: string;
18
20
  placeholder: string;
19
21
  autocomplete: string;
20
22
  withCopy: boolean;
21
23
  inputType: string;
22
24
  input: HTMLInputElement;
25
+ /**
26
+ * Required components that must be registered for this component to work properly
27
+ */
28
+ requiredComponents: string[];
29
+ /**
30
+ * Check for required dependencies when component is connected to DOM
31
+ */
32
+ connectedCallback(): void;
23
33
  willUpdate(_changedProperties: PropertyValues): void;
34
+ updated(_changedProperties: PropertyValues): void;
24
35
  private _increment;
25
36
  private _decrement;
26
37
  private _valueChange;
27
38
  private handleKeyDown;
39
+ private _handleIconKeydown;
28
40
  private onCopy;
41
+ private _getAriaDescribedBy;
29
42
  private _focusEvent;
30
43
  _togglePasswordIcon(): void;
31
44
  render(): import("lit").TemplateResult<1>;
@@ -33,12 +46,13 @@ export declare class HyInputElement extends LitElement {
33
46
  }
34
47
  declare global {
35
48
  interface HTMLElementTagNameMap {
36
- 'hy-input': HyInputElement;
49
+ 'nr-input': NrInputElement;
37
50
  }
38
51
  namespace JSX {
39
52
  interface IntrinsicElements {
40
- 'hy-input': React.DetailedHTMLProps<React.HTMLAttributes<HyInputElement>, HyInputElement> | Partial<HyInputElement>;
53
+ 'nr-input': React.DetailedHTMLProps<React.HTMLAttributes<NrInputElement>, NrInputElement> | Partial<NrInputElement>;
41
54
  }
42
55
  }
43
56
  }
57
+ export {};
44
58
  //# sourceMappingURL=input.component.d.ts.map
package/input.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.component.ts"],"names":[],"mappings":"AACA;;;;GAIG;;AAEH,OAAO,EAAC,UAAU,EAAE,cAAc,EAAgB,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAC,UAAU,EAAE,WAAW,EAAE,UAAU,EAAe,MAAM,qBAAqB,CAAC;AAGtF,qBACa,cAAe,SAAQ,UAAU;IAI5C,QAAQ,UAAS;IAGjB,KAAK,cAAuB;IAG5B,KAAK,SAAgB;IAGrB,IAAI,aAAqB;IAGzB,IAAI,aAAmB;IAGvB,IAAI,EAAG,MAAM,CAAC;IAGd,GAAG,EAAG,MAAM,CAAC;IAGb,GAAG,EAAG,MAAM,CAAC;IAGb,WAAW,SAAgB;IAG3B,YAAY,SAAS;IAGrB,QAAQ,UAAS;IAGjB,SAAS,SAAgB;IAGzB,KAAK,EAAG,gBAAgB,CAAC;IAEhB,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAO7D,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,WAAW;IAQnB,mBAAmB;IAKV,MAAM;IAwEf,OAAgB,MAAM,4BAAU;CACjC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,cAAc,CAAC;KAC5B;IAED,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,UAAU,EACN,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,GAC7E,OAAO,CAAC,cAAc,CAAC,CAAC;SAC7B;KACF;CACF"}
1
+ {"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.component.ts"],"names":[],"mappings":"AACA;;;;GAIG;;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAiB,MAAM,KAAK,CAAC;AAGhE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAgB,MAAM,qBAAqB,CAAC;AAGxF,OAAO,2BAA2B,CAAC;;AAEnC,qBACa,cAAe,SAAQ,mBAA6B;IAG/D,QAAQ,UAAS;IAGjB,KAAK,cAAuB;IAG5B,KAAK,SAAgB;IAGrB,IAAI,aAAqB;IAGzB,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,SAAS,SAAgB;IAGzB,KAAK,EAAG,gBAAgB,CAAC;IAEzB;;OAEG;IACM,kBAAkB,WAAe;IAE1C;;OAEG;IACM,iBAAiB;IAKjB,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IASpD,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAgB1D,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,kBAAkB;YAkBZ,MAAM;IAkBpB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,WAAW;IAYnB,mBAAmB;IAQV,MAAM;IAmFf,OAAgB,MAAM,4BAAU;CACjC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,cAAc,CAAC;KAC5B;IAED,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,UAAU,EACN,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,GAC7E,OAAO,CAAC,cAAc,CAAC,CAAC;SAC7B;KACF;CACF"}