@lukso/web-components 1.89.0 → 1.90.0

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.
@@ -41,6 +41,7 @@ exports.LuksoColorPicker = class LuksoColorPicker extends shared_tailwindElement
41
41
  this.isReadonly = false;
42
42
  this.isDisabled = false;
43
43
  this.autofocus = false;
44
+ this.keepFocusOnEscape = false;
44
45
  this.size = "medium";
45
46
  this.hasFocus = false;
46
47
  this.hasHighlight = false;
@@ -254,6 +255,9 @@ exports.LuksoColorPicker = class LuksoColorPicker extends shared_tailwindElement
254
255
  composed: true
255
256
  });
256
257
  this.dispatchEvent(keyEvent);
258
+ if (event.key === "Escape" && !this.keepFocusOnEscape) {
259
+ this.blur();
260
+ }
257
261
  }
258
262
  async handleKeyDown(event) {
259
263
  await this.updateComplete;
@@ -326,6 +330,9 @@ __decorateClass([
326
330
  __decorateClass([
327
331
  queryAssignedElements.n({ type: Boolean })
328
332
  ], exports.LuksoColorPicker.prototype, "autofocus", 2);
333
+ __decorateClass([
334
+ queryAssignedElements.n({ type: Boolean, attribute: "keep-focus-on-escape" })
335
+ ], exports.LuksoColorPicker.prototype, "keepFocusOnEscape", 2);
329
336
  __decorateClass([
330
337
  queryAssignedElements.n({ type: String })
331
338
  ], exports.LuksoColorPicker.prototype, "size", 2);
@@ -13,6 +13,7 @@ export declare class LuksoColorPicker extends LuksoColorPicker_base {
13
13
  isReadonly: boolean;
14
14
  isDisabled: boolean;
15
15
  autofocus: boolean;
16
+ keepFocusOnEscape: boolean;
16
17
  size: InputSize;
17
18
  private hasFocus;
18
19
  private hasHighlight;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-color-picker/index.ts"],"names":[],"mappings":"AAOA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,gBAAiB,SAAQ,qBAA4B;IAEhE,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAY;IAGvB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAwFZ;IAEF,aAAa,CAAC,MAAM,EAAE,MAAM;IAwB5B,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM;IAiB5D,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAcX,aAAa;IAe3B,MAAM;CAsBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAA;KACvC;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-color-picker/index.ts"],"names":[],"mappings":"AAOA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,gBAAiB,SAAQ,qBAA4B;IAEhE,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAY;IAGvB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAwFZ;IAEF,aAAa,CAAC,MAAM,EAAE,MAAM;IAwB5B,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM;IAiB5D,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;IAe3B,MAAM;CAsBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAA;KACvC;CACF"}
@@ -37,6 +37,7 @@ let LuksoColorPicker = class extends TailwindStyledElement(style) {
37
37
  this.isReadonly = false;
38
38
  this.isDisabled = false;
39
39
  this.autofocus = false;
40
+ this.keepFocusOnEscape = false;
40
41
  this.size = "medium";
41
42
  this.hasFocus = false;
42
43
  this.hasHighlight = false;
@@ -250,6 +251,9 @@ let LuksoColorPicker = class extends TailwindStyledElement(style) {
250
251
  composed: true
251
252
  });
252
253
  this.dispatchEvent(keyEvent);
254
+ if (event.key === "Escape" && !this.keepFocusOnEscape) {
255
+ this.blur();
256
+ }
253
257
  }
254
258
  async handleKeyDown(event) {
255
259
  await this.updateComplete;
@@ -322,6 +326,9 @@ __decorateClass([
322
326
  __decorateClass([
323
327
  n({ type: Boolean })
324
328
  ], LuksoColorPicker.prototype, "autofocus", 2);
329
+ __decorateClass([
330
+ n({ type: Boolean, attribute: "keep-focus-on-escape" })
331
+ ], LuksoColorPicker.prototype, "keepFocusOnEscape", 2);
325
332
  __decorateClass([
326
333
  n({ type: String })
327
334
  ], LuksoColorPicker.prototype, "size", 2);
@@ -1 +1 @@
1
- {"version":3,"file":"lukso-color-picker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-color-picker/lukso-color-picker.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,sEAAsE;AACtE,QAAA,MAAM,IAAI,EAAE,IA+KX,CAAA;AAED,eAAe,IAAI,CAAA;AA2CnB,8CAA8C;AAC9C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAE7C,gDAAgD;AAChD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,uDAAuD;AACvD,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,+FAA+F;AAC/F,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
1
+ {"version":3,"file":"lukso-color-picker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-color-picker/lukso-color-picker.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,sEAAsE;AACtE,QAAA,MAAM,IAAI,EAAE,IA2LX,CAAA;AAED,eAAe,IAAI,CAAA;AA6CnB,8CAA8C;AAC9C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAE7C,gDAAgD;AAChD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,uDAAuD;AACvD,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,+FAA+F;AAC/F,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
@@ -52,6 +52,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
52
52
  this.size = "medium";
53
53
  this.rightIcon = "";
54
54
  this.isRightIconClickable = false;
55
+ this.keepFocusOnEscape = false;
55
56
  this.hasFocus = false;
56
57
  this.hasHighlight = false;
57
58
  this.inputStyles = index.ce({
@@ -291,6 +292,9 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
291
292
  composed: true
292
293
  });
293
294
  this.dispatchEvent(keyEvent);
295
+ if (event.key === "Escape" && !this.keepFocusOnEscape) {
296
+ this.blur();
297
+ }
294
298
  }
295
299
  async handleKeyDown(event) {
296
300
  await this.updateComplete;
@@ -462,6 +466,9 @@ __decorateClass([
462
466
  __decorateClass([
463
467
  queryAssignedElements.n({ type: Boolean, attribute: "is-right-icon-clickable" })
464
468
  ], exports.LuksoInput.prototype, "isRightIconClickable", 2);
469
+ __decorateClass([
470
+ queryAssignedElements.n({ type: Boolean, attribute: "keep-focus-on-escape" })
471
+ ], exports.LuksoInput.prototype, "keepFocusOnEscape", 2);
465
472
  __decorateClass([
466
473
  state.t()
467
474
  ], exports.LuksoInput.prototype, "hasFocus", 2);
@@ -24,6 +24,7 @@ export declare class LuksoInput extends LuksoInput_base {
24
24
  size: InputSize;
25
25
  rightIcon: string;
26
26
  isRightIconClickable: boolean;
27
+ keepFocusOnEscape: boolean;
27
28
  private hasFocus;
28
29
  private hasHighlight;
29
30
  private inputStyles;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,UAAW,SAAQ,eAA4B;IAE1D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,IAAI,SAAS;IAGb,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAO;IAGnB,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAGtC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,UAAU,UAAQ;IAGlB,IAAI,EAAE,SAAS,CAAW;IAG1B,SAAS,SAAK;IAGd,oBAAoB,UAAQ;IAG5B,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,WAAW,CAwGjB;IAGF,aAAa,CAAC,MAAM,EAAE,MAAM;IAgC5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,YAAY,CAAC,MAAM,EAAE,MAAM;IAW3B,iBAAiB,CAAC,MAAM,EAAE,MAAM;IAShC,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAcX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;YAaT,gBAAgB;IAc9B,OAAO,CAAC,oBAAoB;IAY5B,MAAM;CA6BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,UAAW,SAAQ,eAA4B;IAE1D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,IAAI,SAAS;IAGb,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAO;IAGnB,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAGtC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,UAAU,UAAQ;IAGlB,IAAI,EAAE,SAAS,CAAW;IAG1B,SAAS,SAAK;IAGd,oBAAoB,UAAQ;IAG5B,iBAAiB,UAAQ;IAGzB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,WAAW,CAwGjB;IAGF,aAAa,CAAC,MAAM,EAAE,MAAM;IAgC5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,YAAY,CAAC,MAAM,EAAE,MAAM;IAW3B,iBAAiB,CAAC,MAAM,EAAE,MAAM;IAShC,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;YAaT,gBAAgB;IAc9B,OAAO,CAAC,oBAAoB;IAY5B,MAAM;CA6BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
@@ -48,6 +48,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
48
48
  this.size = "medium";
49
49
  this.rightIcon = "";
50
50
  this.isRightIconClickable = false;
51
+ this.keepFocusOnEscape = false;
51
52
  this.hasFocus = false;
52
53
  this.hasHighlight = false;
53
54
  this.inputStyles = ce({
@@ -287,6 +288,9 @@ let LuksoInput = class extends TailwindStyledElement(style) {
287
288
  composed: true
288
289
  });
289
290
  this.dispatchEvent(keyEvent);
291
+ if (event.key === "Escape" && !this.keepFocusOnEscape) {
292
+ this.blur();
293
+ }
290
294
  }
291
295
  async handleKeyDown(event) {
292
296
  await this.updateComplete;
@@ -458,6 +462,9 @@ __decorateClass([
458
462
  __decorateClass([
459
463
  n({ type: Boolean, attribute: "is-right-icon-clickable" })
460
464
  ], LuksoInput.prototype, "isRightIconClickable", 2);
465
+ __decorateClass([
466
+ n({ type: Boolean, attribute: "keep-focus-on-escape" })
467
+ ], LuksoInput.prototype, "keepFocusOnEscape", 2);
461
468
  __decorateClass([
462
469
  t()
463
470
  ], LuksoInput.prototype, "hasFocus", 2);
@@ -1 +1 @@
1
- {"version":3,"file":"lukso-input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/lukso-input.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAiRX,CAAA;AAED,eAAe,IAAI,CAAA;AA+DnB,8CAA8C;AAC9C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,gDAAgD;AAChD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,uDAAuD;AACvD,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,oCAAoC;AACpC,eAAO,MAAM,IAAI,KAAoB,CAAA;AAKrC,+FAA+F;AAC/F,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,gEAAgE;AAChE,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,oMAAoM;AACpM,eAAO,MAAM,WAAW,KAAoB,CAAA;AAO5C,sEAAsE;AACtE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAM3C,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,gDAAgD;AAChD,eAAO,MAAM,SAAS,KAAoB,CAAA"}
1
+ {"version":3,"file":"lukso-input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/lukso-input.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IA8RX,CAAA;AAED,eAAe,IAAI,CAAA;AAiEnB,8CAA8C;AAC9C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,gDAAgD;AAChD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,uDAAuD;AACvD,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,oCAAoC;AACpC,eAAO,MAAM,IAAI,KAAoB,CAAA;AAKrC,+FAA+F;AAC/F,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,gEAAgE;AAChE,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,oMAAoM;AACpM,eAAO,MAAM,WAAW,KAAoB,CAAA;AAO5C,sEAAsE;AACtE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAM3C,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,gDAAgD;AAChD,eAAO,MAAM,SAAS,KAAoB,CAAA"}
@@ -364,6 +364,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
364
364
  ?is-readonly=${this.isReadonly}
365
365
  ?is-disabled=${this.isDisabled}
366
366
  ?is-full-width=${this.isFullWidth}
367
+ keep-focus-on-escape
367
368
  @on-input=${this.handleSearch}
368
369
  @on-blur=${this.handleBlur}
369
370
  @on-input-click=${this.handleInputClick}
@@ -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;AACjC,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAG3C,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,oBAAoB,UAAQ;IAG5B,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,MAAM,CAcZ;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,eAAe;IA2Bf,iBAAiB;IAYjB,eAAe;IAiDf,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAY9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YAwBlD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAuBX,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"}
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;AACjC,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAG3C,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,oBAAoB,UAAQ;IAG5B,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,MAAM,CAcZ;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,eAAe;IA2Bf,iBAAiB;IAYjB,eAAe;IAiDf,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAY9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YAwBlD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAuBX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CA8CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
@@ -360,6 +360,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
360
360
  ?is-readonly=${this.isReadonly}
361
361
  ?is-disabled=${this.isDisabled}
362
362
  ?is-full-width=${this.isFullWidth}
363
+ keep-focus-on-escape
363
364
  @on-input=${this.handleSearch}
364
365
  @on-blur=${this.handleBlur}
365
366
  @on-input-click=${this.handleInputClick}
@@ -44,6 +44,7 @@ exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index
44
44
  this.autofocus = false;
45
45
  this.borderless = false;
46
46
  this.isNonResizable = false;
47
+ this.keepFocusOnEscape = false;
47
48
  this.size = "medium";
48
49
  this.rows = 4;
49
50
  this.hasFocus = false;
@@ -224,6 +225,9 @@ ${this.value}</textarea
224
225
  composed: true
225
226
  });
226
227
  this.dispatchEvent(keyEvent);
228
+ if (event.key === "Escape" && !this.keepFocusOnEscape) {
229
+ this.blur();
230
+ }
227
231
  }
228
232
  async handleKeyDown(event) {
229
233
  await this.updateComplete;
@@ -344,6 +348,9 @@ __decorateClass([
344
348
  __decorateClass([
345
349
  queryAssignedElements.n({ type: Boolean, attribute: "is-non-resizable" })
346
350
  ], exports.LuksoTextarea.prototype, "isNonResizable", 2);
351
+ __decorateClass([
352
+ queryAssignedElements.n({ type: Boolean, attribute: "keep-focus-on-escape" })
353
+ ], exports.LuksoTextarea.prototype, "keepFocusOnEscape", 2);
347
354
  __decorateClass([
348
355
  queryAssignedElements.n({ type: String })
349
356
  ], exports.LuksoTextarea.prototype, "size", 2);
@@ -16,6 +16,7 @@ export declare class LuksoTextarea extends LuksoTextarea_base {
16
16
  autofocus: boolean;
17
17
  borderless: boolean;
18
18
  isNonResizable: boolean;
19
+ keepFocusOnEscape: boolean;
19
20
  size: InputSize;
20
21
  rows: number;
21
22
  private hasFocus;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,cAAc,UAAQ;IAGtB,IAAI,EAAE,SAAS,CAAW;IAG1B,IAAI,SAAI;IAGR,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAiEZ;IAEF,aAAa,CAAC,MAAM,EAAE,MAAM;IA6B5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAcX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;YAMR,gBAAgB;IAc9B,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,cAAc,UAAQ;IAGtB,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,SAAS,CAAW;IAG1B,IAAI,SAAI;IAGR,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAiEZ;IAEF,aAAa,CAAC,MAAM,EAAE,MAAM;IA6B5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;YAMR,gBAAgB;IAc9B,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}
@@ -40,6 +40,7 @@ let LuksoTextarea = class extends TailwindStyledElement(style) {
40
40
  this.autofocus = false;
41
41
  this.borderless = false;
42
42
  this.isNonResizable = false;
43
+ this.keepFocusOnEscape = false;
43
44
  this.size = "medium";
44
45
  this.rows = 4;
45
46
  this.hasFocus = false;
@@ -220,6 +221,9 @@ ${this.value}</textarea
220
221
  composed: true
221
222
  });
222
223
  this.dispatchEvent(keyEvent);
224
+ if (event.key === "Escape" && !this.keepFocusOnEscape) {
225
+ this.blur();
226
+ }
223
227
  }
224
228
  async handleKeyDown(event) {
225
229
  await this.updateComplete;
@@ -340,6 +344,9 @@ __decorateClass([
340
344
  __decorateClass([
341
345
  n({ type: Boolean, attribute: "is-non-resizable" })
342
346
  ], LuksoTextarea.prototype, "isNonResizable", 2);
347
+ __decorateClass([
348
+ n({ type: Boolean, attribute: "keep-focus-on-escape" })
349
+ ], LuksoTextarea.prototype, "keepFocusOnEscape", 2);
343
350
  __decorateClass([
344
351
  n({ type: String })
345
352
  ], LuksoTextarea.prototype, "size", 2);
@@ -1 +1 @@
1
- {"version":3,"file":"lukso-textarea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/lukso-textarea.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,kEAAkE;AAClE,QAAA,MAAM,IAAI,EAAE,IAoNX,CAAA;AAED,eAAe,IAAI,CAAA;AAiDnB,iDAAiD;AACjD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,mDAAmD;AACnD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,wCAAwC;AACxC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,wCAAwC;AACxC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,kGAAkG;AAClG,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,mEAAmE;AACnE,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,yEAAyE;AACzE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAM3C,wCAAwC;AACxC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
1
+ {"version":3,"file":"lukso-textarea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/lukso-textarea.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,kEAAkE;AAClE,QAAA,MAAM,IAAI,EAAE,IAiOX,CAAA;AAED,eAAe,IAAI,CAAA;AAmDnB,iDAAiD;AACjD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,mDAAmD;AACnD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,wCAAwC;AACxC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,wCAAwC;AACxC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,kGAAkG;AAClG,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,mEAAmE;AACnE,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,yEAAyE;AACzE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAM3C,wCAAwC;AACxC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lukso/web-components",
3
- "version": "1.89.0",
3
+ "version": "1.90.0",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",