@lukso/web-components 1.80.0 → 1.81.1

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 (8) hide show
  1. package/dist/components/lukso-input/index.cjs +6 -6
  2. package/dist/components/lukso-input/index.js +6 -6
  3. package/dist/components/lukso-search/index.cjs +17 -0
  4. package/dist/components/lukso-search/index.d.ts +1 -0
  5. package/dist/components/lukso-search/index.d.ts.map +1 -1
  6. package/dist/components/lukso-search/index.js +17 -0
  7. package/dist/components/lukso-search/lukso-search.stories.d.ts.map +1 -1
  8. package/package.json +1 -1
package/dist/components/lukso-input/index.cjs CHANGED
@@ -244,7 +244,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
244
244
  const target = event.target;
245
245
  const blurEvent = new CustomEvent("on-blur", {
246
246
  detail: {
247
- value: target.value,
247
+ value: target?.value,
248
248
  event
249
249
  },
250
250
  bubbles: false,
@@ -257,7 +257,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
257
257
  const target = event.target;
258
258
  const changeEvent = new CustomEvent("on-change", {
259
259
  detail: {
260
- value: target.value,
260
+ value: target?.value,
261
261
  event
262
262
  },
263
263
  bubbles: false,
@@ -267,11 +267,11 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
267
267
  }
268
268
  async handleInput(event) {
269
269
  const target = event.target;
270
- this.value = target.value;
270
+ this.value = target?.value;
271
271
  await this.updateComplete;
272
272
  const changeEvent = new CustomEvent("on-input", {
273
273
  detail: {
274
- value: target.value,
274
+ value: target?.value,
275
275
  event
276
276
  },
277
277
  bubbles: false,
@@ -284,7 +284,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
284
284
  const target = event.target;
285
285
  const keyEvent = new CustomEvent("on-key-up", {
286
286
  detail: {
287
- value: target.value,
287
+ value: target?.value,
288
288
  event
289
289
  },
290
290
  bubbles: true,
@@ -310,7 +310,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
310
310
  const target = event.target;
311
311
  const keyEvent = new CustomEvent("on-key-press", {
312
312
  detail: {
313
- value: target.value,
313
+ value: target?.value,
314
314
  event
315
315
  },
316
316
  bubbles: true,
package/dist/components/lukso-input/index.js CHANGED
@@ -240,7 +240,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
240
240
  const target = event.target;
241
241
  const blurEvent = new CustomEvent("on-blur", {
242
242
  detail: {
243
- value: target.value,
243
+ value: target?.value,
244
244
  event
245
245
  },
246
246
  bubbles: false,
@@ -253,7 +253,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
253
253
  const target = event.target;
254
254
  const changeEvent = new CustomEvent("on-change", {
255
255
  detail: {
256
- value: target.value,
256
+ value: target?.value,
257
257
  event
258
258
  },
259
259
  bubbles: false,
@@ -263,11 +263,11 @@ let LuksoInput = class extends TailwindStyledElement(style) {
263
263
  }
264
264
  async handleInput(event) {
265
265
  const target = event.target;
266
- this.value = target.value;
266
+ this.value = target?.value;
267
267
  await this.updateComplete;
268
268
  const changeEvent = new CustomEvent("on-input", {
269
269
  detail: {
270
- value: target.value,
270
+ value: target?.value,
271
271
  event
272
272
  },
273
273
  bubbles: false,
@@ -280,7 +280,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
280
280
  const target = event.target;
281
281
  const keyEvent = new CustomEvent("on-key-up", {
282
282
  detail: {
283
- value: target.value,
283
+ value: target?.value,
284
284
  event
285
285
  },
286
286
  bubbles: true,
@@ -306,7 +306,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
306
306
  const target = event.target;
307
307
  const keyEvent = new CustomEvent("on-key-press", {
308
308
  detail: {
309
- value: target.value,
309
+ value: target?.value,
310
310
  event
311
311
  },
312
312
  bubbles: true,
package/dist/components/lukso-search/index.cjs CHANGED
@@ -264,6 +264,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
264
264
  this.dispatchEvent(selectEvent);
265
265
  }
266
266
  async handleBlur(event) {
267
+ event.stopPropagation();
267
268
  await this.updateComplete;
268
269
  const target = event.target;
269
270
  const blurEvent = new CustomEvent("on-blur", {
@@ -277,6 +278,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
277
278
  this.dispatchEvent(blurEvent);
278
279
  }
279
280
  async handleInputClick(event) {
281
+ event.stopPropagation();
280
282
  await this.updateComplete;
281
283
  const target = event.target;
282
284
  const clickEvent = new CustomEvent("on-input-click", {
@@ -289,6 +291,20 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
289
291
  });
290
292
  this.dispatchEvent(clickEvent);
291
293
  }
294
+ async handleKeyUp(event) {
295
+ event.stopPropagation();
296
+ await this.updateComplete;
297
+ const value = event?.detail?.value;
298
+ const keyEvent = new CustomEvent("on-key-up", {
299
+ detail: {
300
+ value,
301
+ event
302
+ },
303
+ bubbles: true,
304
+ composed: true
305
+ });
306
+ this.dispatchEvent(keyEvent);
307
+ }
292
308
  async handleReset(event) {
293
309
  if (!this.hasReset) {
294
310
  return;
@@ -355,6 +371,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
355
371
  @on-blur=${this.handleBlur}
356
372
  @on-input-click=${this.handleInputClick}
357
373
  @on-right-icon-click=${this.handleReset}
374
+ @on-key-up=${this.handleKeyUp}
358
375
  ></lukso-input>
359
376
  <!-- results dropdown -->
360
377
  ${this.results && !(this.isSearching || this.isDebouncing) ? this.resultsTemplate() : shared_tailwindElement_index.A}
package/dist/components/lukso-search/index.d.ts CHANGED
@@ -55,6 +55,7 @@ export declare class LuksoSearch extends LuksoSearch_base {
55
55
  private handleSelect;
56
56
  private handleBlur;
57
57
  private handleInputClick;
58
+ private handleKeyUp;
58
59
  private handleReset;
59
60
  private searchDebounce;
60
61
  private handleSearch;
package/dist/components/lukso-search/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAK7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,0BAA0B,CAAA;AAGjC,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,mBAAmB,CAAA;;AAEnE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAQ;IAGpB,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,WAAW,UAAQ;IAGnB,aAAa,SAAK;IAGlB,aAAa,UAAQ;IAGrB,WAAW,UAAQ;IAGnB,QAAQ,UAAQ;IAGhB,QAAQ,MAAY;IAGpB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,YAAY,CAwBlB;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,eAAe;IAqBf,iBAAiB;IAQjB,eAAe;IA+Bf,uBAAuB,CACrB,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE;IASxD,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAgB9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YA4BlD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAcV,gBAAgB;YAchB,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CA4CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAK7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,0BAA0B,CAAA;AAGjC,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,mBAAmB,CAAA;;AAEnE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAQ;IAGpB,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,WAAW,UAAQ;IAGnB,aAAa,SAAK;IAGlB,aAAa,UAAQ;IAGrB,WAAW,UAAQ;IAGnB,QAAQ,UAAQ;IAGhB,QAAQ,MAAY;IAGpB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,YAAY,CAwBlB;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,eAAe;IAqBf,iBAAiB;IAQjB,eAAe;IA+Bf,uBAAuB,CACrB,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE;IASxD,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAgB9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YA4BlD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAeX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CA6CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
package/dist/components/lukso-search/index.js CHANGED
@@ -260,6 +260,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
260
260
  this.dispatchEvent(selectEvent);
261
261
  }
262
262
  async handleBlur(event) {
263
+ event.stopPropagation();
263
264
  await this.updateComplete;
264
265
  const target = event.target;
265
266
  const blurEvent = new CustomEvent("on-blur", {
@@ -273,6 +274,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
273
274
  this.dispatchEvent(blurEvent);
274
275
  }
275
276
  async handleInputClick(event) {
277
+ event.stopPropagation();
276
278
  await this.updateComplete;
277
279
  const target = event.target;
278
280
  const clickEvent = new CustomEvent("on-input-click", {
@@ -285,6 +287,20 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
285
287
  });
286
288
  this.dispatchEvent(clickEvent);
287
289
  }
290
+ async handleKeyUp(event) {
291
+ event.stopPropagation();
292
+ await this.updateComplete;
293
+ const value = event?.detail?.value;
294
+ const keyEvent = new CustomEvent("on-key-up", {
295
+ detail: {
296
+ value,
297
+ event
298
+ },
299
+ bubbles: true,
300
+ composed: true
301
+ });
302
+ this.dispatchEvent(keyEvent);
303
+ }
288
304
  async handleReset(event) {
289
305
  if (!this.hasReset) {
290
306
  return;
@@ -351,6 +367,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
351
367
  @on-blur=${this.handleBlur}
352
368
  @on-input-click=${this.handleInputClick}
353
369
  @on-right-icon-click=${this.handleReset}
370
+ @on-key-up=${this.handleKeyUp}
354
371
  ></lukso-input>
355
372
  <!-- results dropdown -->
356
373
  ${this.results && !(this.isSearching || this.isDebouncing) ? this.resultsTemplate() : A}
package/dist/components/lukso-search/lukso-search.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lukso-search.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/lukso-search.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,mHAAmH;AACnH,QAAA,MAAM,IAAI,EAAE,IA+RX,CAAA;AAED,eAAe,IAAI,CAAA;AAwFnB,+CAA+C;AAC/C,eAAO,MAAM,aAAa,KAAoB,CAAA;AAM9C,gDAAgD;AAChD,eAAO,MAAM,aAAa,KAAoB,CAAA;AAsB9C,0FAA0F;AAC1F,eAAO,MAAM,cAAc,KAAoB,CAAA;AAQ/C,mJAAmJ;AACnJ,eAAO,MAAM,SAAS,KAAoB,CAAA;AAQ1C,mCAAmC;AACnC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAM/C,gCAAgC;AAChC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
1
+ {"version":3,"file":"lukso-search.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/lukso-search.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,mHAAmH;AACnH,QAAA,MAAM,IAAI,EAAE,IAsSX,CAAA;AAED,eAAe,IAAI,CAAA;AA0FnB,+CAA+C;AAC/C,eAAO,MAAM,aAAa,KAAoB,CAAA;AAM9C,gDAAgD;AAChD,eAAO,MAAM,aAAa,KAAoB,CAAA;AAsB9C,0FAA0F;AAC1F,eAAO,MAAM,cAAc,KAAoB,CAAA;AAQ/C,mJAAmJ;AACnJ,eAAO,MAAM,SAAS,KAAoB,CAAA;AAQ1C,mCAAmC;AACnC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAM/C,gCAAgC;AAChC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lukso/web-components",
3
- "version": "1.80.0",
3
+ "version": "1.81.1",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",