@lukso/web-components 1.81.0 → 1.81.2

package/dist/components/lukso-search/index.cjs

@@ -55,6 +55,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
     this.showNoResults = false;
     this.hideLoading = false;
     this.hasReset = false;
+    this.keepValueOnEscapeHit = false;
     this.selected = void 0;
     this.size = "medium";
     this.isDebouncing = false;
@@ -264,6 +265,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
     this.dispatchEvent(selectEvent);
   }
   async handleBlur(event) {
+    event.stopPropagation();
     await this.updateComplete;
     const target = event.target;
     const blurEvent = new CustomEvent("on-blur", {
@@ -277,6 +279,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
     this.dispatchEvent(blurEvent);
   }
   async handleInputClick(event) {
+    event.stopPropagation();
     await this.updateComplete;
     const target = event.target;
     const clickEvent = new CustomEvent("on-input-click", {
@@ -290,8 +293,21 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
     this.dispatchEvent(clickEvent);
   }
   async handleKeyUp(event) {
+    event.stopPropagation();
     await this.updateComplete;
-    const value = event?.detail?.value;
+    let value = event?.detail?.value;
+    if (!this.keepValueOnEscapeHit && event?.detail?.event?.key === "Escape") {
+      value = "";
+      this.value = "";
+      const changeEvent = new CustomEvent("on-search", {
+        detail: {
+          value
+        },
+        bubbles: false,
+        composed: true
+      });
+      this.dispatchEvent(changeEvent);
+    }
     const keyEvent = new CustomEvent("on-key-up", {
       detail: {
         value,
@@ -348,7 +364,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
         <lukso-input
           name=${this.name}
           type="text"
-          value=${this.value}
+          .value=${this.value}
           placeholder=${this.placeholder}
           autocomplete=${this.autocomplete}
           label=${this.label}
@@ -361,8 +377,8 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
           right-icon="${this.hasReset && this.value ? "close-sm" : "search"}"
           ?is-right-icon-clickable=${this.hasReset && this.value}
           ?autofocus=${this.autofocus}
-          ?readonly=${this.isReadonly}
-          ?disabled=${this.isDisabled}
+          ?is-readonly=${this.isReadonly}
+          ?is-disabled=${this.isDisabled}
           ?is-full-width=${this.isFullWidth}
           @on-input=${this.handleSearch}
           @on-blur=${this.handleBlur}
@@ -443,6 +459,9 @@ __decorateClass([
 __decorateClass([
   queryAssignedElements.n({ type: Boolean, attribute: "has-reset" })
 ], exports.LuksoSearch.prototype, "hasReset", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean, attribute: "keep-value-on-escape-hit" })
+], exports.LuksoSearch.prototype, "keepValueOnEscapeHit", 2);
 __decorateClass([
   queryAssignedElements.n({ type: Number })
 ], exports.LuksoSearch.prototype, "selected", 2);

package/dist/components/lukso-search/index.d.ts

@@ -33,6 +33,7 @@ export declare class LuksoSearch extends LuksoSearch_base {
     showNoResults: boolean;
     hideLoading: boolean;
     hasReset: boolean;
+    keepValueOnEscapeHit: boolean;
     selected: any;
     size: InputSize;
     private isDebouncing;

package/dist/components/lukso-search/index.d.ts.map

@@ -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;YAcX,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"}
+{"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,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,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;YA8BX,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

@@ -51,6 +51,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
     this.showNoResults = false;
     this.hideLoading = false;
     this.hasReset = false;
+    this.keepValueOnEscapeHit = false;
     this.selected = void 0;
     this.size = "medium";
     this.isDebouncing = false;
@@ -260,6 +261,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
     this.dispatchEvent(selectEvent);
   }
   async handleBlur(event) {
+    event.stopPropagation();
     await this.updateComplete;
     const target = event.target;
     const blurEvent = new CustomEvent("on-blur", {
@@ -273,6 +275,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
     this.dispatchEvent(blurEvent);
   }
   async handleInputClick(event) {
+    event.stopPropagation();
     await this.updateComplete;
     const target = event.target;
     const clickEvent = new CustomEvent("on-input-click", {
@@ -286,8 +289,21 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
     this.dispatchEvent(clickEvent);
   }
   async handleKeyUp(event) {
+    event.stopPropagation();
     await this.updateComplete;
-    const value = event?.detail?.value;
+    let value = event?.detail?.value;
+    if (!this.keepValueOnEscapeHit && event?.detail?.event?.key === "Escape") {
+      value = "";
+      this.value = "";
+      const changeEvent = new CustomEvent("on-search", {
+        detail: {
+          value
+        },
+        bubbles: false,
+        composed: true
+      });
+      this.dispatchEvent(changeEvent);
+    }
     const keyEvent = new CustomEvent("on-key-up", {
       detail: {
         value,
@@ -344,7 +360,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
         <lukso-input
           name=${this.name}
           type="text"
-          value=${this.value}
+          .value=${this.value}
           placeholder=${this.placeholder}
           autocomplete=${this.autocomplete}
           label=${this.label}
@@ -357,8 +373,8 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
           right-icon="${this.hasReset && this.value ? "close-sm" : "search"}"
           ?is-right-icon-clickable=${this.hasReset && this.value}
           ?autofocus=${this.autofocus}
-          ?readonly=${this.isReadonly}
-          ?disabled=${this.isDisabled}
+          ?is-readonly=${this.isReadonly}
+          ?is-disabled=${this.isDisabled}
           ?is-full-width=${this.isFullWidth}
           @on-input=${this.handleSearch}
           @on-blur=${this.handleBlur}
@@ -439,6 +455,9 @@ __decorateClass([
 __decorateClass([
   n({ type: Boolean, attribute: "has-reset" })
 ], LuksoSearch.prototype, "hasReset", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "keep-value-on-escape-hit" })
+], LuksoSearch.prototype, "keepValueOnEscapeHit", 2);
 __decorateClass([
   n({ type: Number })
 ], LuksoSearch.prototype, "selected", 2);

package/dist/components/lukso-search/lukso-search.stories.d.ts.map

@@ -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,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"}
+{"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,IAiTX,CAAA;AAED,eAAe,IAAI,CAAA;AA4FnB,+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

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/web-components",
-  "version": "1.81.0",
+  "version": "1.81.2",
   "type": "module",
   "files": [
     "dist",