@lukso/web-components 1.144.0 → 1.144.1

package/dist/components/index.cjs

@@ -20,7 +20,7 @@ const components_luksoProgress_index = require('./lukso-progress/index.cjs');
 const components_luksoRadio_index = require('./lukso-radio/index.cjs');
 const components_luksoRadioGroup_index = require('./lukso-radio-group/index.cjs');
 const components_luksoSanitize_index = require('./lukso-sanitize/index.cjs');
-const components_luksoSearch_index = require('../index-3V8ZK5SA.cjs');
+const components_luksoSearch_index = require('../index-D_tMu2-d.cjs');
 const components_luksoSelect_index = require('./lukso-select/index.cjs');
 const components_luksoShare_index = require('./lukso-share/index.cjs');
 const components_luksoSwitch_index = require('./lukso-switch/index.cjs');

package/dist/components/index.js

@@ -16,7 +16,7 @@ export { LuksoProgress } from './lukso-progress/index.js';
 export { LuksoRadio } from './lukso-radio/index.js';
 export { LuksoRadioGroup } from './lukso-radio-group/index.js';
 export { LuksoSanitize } from './lukso-sanitize/index.js';
-export { L as LuksoSearch } from '../index-B663nE0O.js';
+export { L as LuksoSearch } from '../index-D2yMtMn1.js';
 export { LuksoSelect } from './lukso-select/index.js';
 export { LuksoShare } from './lukso-share/index.js';
 export { LuksoSwitch } from './lukso-switch/index.js';

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

@@ -15,7 +15,8 @@ require('../lukso-tag/index.cjs');
 require('../../index-muwdeQPx.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-CNdKneQ1.cjs');
-const components_luksoSearch_index = require('../../index-3V8ZK5SA.cjs');
+const components_luksoSearch_index = require('../../index-D_tMu2-d.cjs');
+require('../../uniq-id-Cszs24DQ.cjs');
 
 
 

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

@@ -46,6 +46,7 @@ export declare class LuksoSearch extends LuksoSearch_base {
     private isDebouncing;
     private debounceTimer;
     private resultsParsed;
+    constructor();
     private styles;
     private dropdownSize;
     private profileSize;

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":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAI7E,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AACjC,OAAO,4BAA4B,CAAA;AACnC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,6BAA6B,CAAA;AAIpC,OAAO,EACL,gBAAgB,EAChB,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,QAAQ,EACd,MAAM,gBAAgB,CAAA;AAGvB,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,gBAAgB,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;;AAED,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAMT;IAGF,aAAa,SAAc;IAG3B,eAAe,SAAe;IAG9B,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,SAAS,SAAW;IAGpB,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,CAAU;IAGzB,SAAS,MAAY;IAGrB,eAAe,UAAQ;IAGvB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAE1C,OAAO,CAAC,MAAM,CAoBZ;IAEF,OAAO,CAAC,YAAY,CAKnB;IAED,OAAO,CAAC,WAAW,CAKlB;IAED,OAAO,CAAC,YAAY,CAKnB;IAED,OAAO,CAAC,QAAQ,CAKf;IAED,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,eAAe;IA+Ef,iBAAiB;IAYjB,eAAe;IAiDf,oBAAoB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IAcxD,2BAA2B,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IAqB/D,qBAAqB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IAkEzD,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IA0BvD,iBAAiB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;YAmBvC,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAuBX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CAgDP;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":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAI7E,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AACjC,OAAO,4BAA4B,CAAA;AACnC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,6BAA6B,CAAA;AAIpC,OAAO,EACL,gBAAgB,EAChB,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,QAAQ,EACd,MAAM,gBAAgB,CAAA;AAIvB,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,gBAAgB,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;;AAED,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAMT;IAGF,aAAa,SAAc;IAG3B,eAAe,SAAe;IAG9B,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,SAAS,SAAW;IAGpB,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,CAAU;IAGzB,SAAS,MAAY;IAGrB,eAAe,UAAQ;IAGvB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;;IAU1C,OAAO,CAAC,MAAM,CAoBZ;IAEF,OAAO,CAAC,YAAY,CAKnB;IAED,OAAO,CAAC,WAAW,CAKlB;IAED,OAAO,CAAC,YAAY,CAKnB;IAED,OAAO,CAAC,QAAQ,CAKf;IAED,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,eAAe;IA+Ef,iBAAiB;IAYjB,eAAe;IAiDf,oBAAoB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IAcxD,2BAA2B,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IAqB/D,qBAAqB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IAkEzD,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IA0BvD,iBAAiB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;YAmBvC,0BAA0B;YA4B1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAuBX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CAgDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

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

@@ -11,4 +11,5 @@ import '../lukso-tag/index.js';
 import '../../index-BWVB_bXl.js';
 import '../../tailwind-config.js';
 import '../../cn-Cu9aP49j.js';
-export { L as LuksoSearch } from '../../index-B663nE0O.js';
+export { L as LuksoSearch } from '../../index-D2yMtMn1.js';
+import '../../uniq-id-CGUN-pJV.js';

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":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB,mHAAmH;AACnH,QAAA,MAAM,IAAI,EAAE,IA6XX,CAAA;AAED,eAAe,IAAI,CAAA;AAoGnB,qDAAqD;AACrD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAM7C,sDAAsD;AACtD,eAAO,MAAM,aAAa,KAAoB,CAAA;AAyC9C,6DAA6D;AAC7D,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAqBpD,oDAAoD;AACpD,eAAO,MAAM,WAAW,KAAoB,CAAA;AAwC5C,kDAAkD;AAClD,eAAO,MAAM,SAAS,KAAoB,CAAA;AAqB1C,kDAAkD;AAClD,eAAO,MAAM,WAAW,KAAoB,CAAA;AAwD5C,0FAA0F;AAC1F,eAAO,MAAM,cAAc,KAAoB,CAAA;AAQ/C,mJAAmJ;AACnJ,eAAO,MAAM,SAAS,KAAoB,CAAA;AAQ1C,mCAAmC;AACnC,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,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":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB,mHAAmH;AACnH,QAAA,MAAM,IAAI,EAAE,IAoYX,CAAA;AAED,eAAe,IAAI,CAAA;AAsGnB,qDAAqD;AACrD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAM7C,sDAAsD;AACtD,eAAO,MAAM,aAAa,KAAoB,CAAA;AAyC9C,6DAA6D;AAC7D,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAqBpD,oDAAoD;AACpD,eAAO,MAAM,WAAW,KAAoB,CAAA;AAwC5C,kDAAkD;AAClD,eAAO,MAAM,SAAS,KAAoB,CAAA;AAqB1C,kDAAkD;AAClD,eAAO,MAAM,WAAW,KAAoB,CAAA;AAwD5C,0FAA0F;AAC1F,eAAO,MAAM,cAAc,KAAoB,CAAA;AAQ/C,mJAAmJ;AACnJ,eAAO,MAAM,SAAS,KAAoB,CAAA;AAQ1C,mCAAmC;AACnC,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,mCAAmC;AACnC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAM/C,gCAAgC;AAChC,eAAO,MAAM,KAAK,KAAoB,CAAA"}

package/dist/{index-B663nE0O.js → index-D2yMtMn1.js}

@@ -11,6 +11,7 @@ import './components/lukso-tag/index.js';
 import { s as sliceAddress } from './index-BWVB_bXl.js';
 import './tailwind-config.js';
 import './cn-Cu9aP49j.js';
+import { u as uniqId } from './uniq-id-CGUN-pJV.js';
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
 
@@ -43,7 +44,7 @@ var __decorateClass = (decorators, target, key, kind) => {
 };
 let LuksoSearch = class extends TailwindStyledElement(style) {
   constructor() {
-    super(...arguments);
+    super();
     this.value = "";
     this.name = "";
     this.placeholder = "";
@@ -127,6 +128,9 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
       large: "text-14",
       "x-large": "text-16"
     };
+    if (!this.id) {
+      this.id = uniqId();
+    }
   }
   connectedCallback() {
     super.connectedCallback();
@@ -219,7 +223,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
     }
     return x`<lukso-dropdown
       size=${this.dropdownSize[this.size]}
-      is-open
+      is-open=${this.resultsParsed.length > 0}
       is-open-on-outside-click
       is-full-width
       max-height=${this.maxHeight || E}
@@ -411,10 +415,25 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
   }
   async handleOutsideDropdownClick(event) {
     const element = event.target;
-    if (element?.dataset?.component === "lukso-search") {
-      return;
+    let currentElement = element;
+    while (currentElement) {
+      if (currentElement === this) {
+        return;
+      }
+      if (currentElement?.dataset?.component === "lukso-search") {
+        return;
+      }
+      currentElement = currentElement.parentElement;
     }
     this.results = "";
+    const clickEvent = new CustomEvent("on-outside-click", {
+      detail: {
+        event
+      },
+      bubbles: false,
+      composed: true
+    });
+    this.dispatchEvent(clickEvent);
   }
   async handleDropdownKeydown(event) {
     if (event.key === "ArrowUp" && this.selected && this.selected > 1 && this.resultsParsed?.length) {
@@ -550,7 +569,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
           description=${this.description}
           error=${this.error}
           custom-class=${this.customClass}
-          id=${this.id}
+          id="search-${this.id}"
           size=${this.size}
           data-component="lukso-search"
           right-icon="${this.hasReset && this.value ? "close-sm" : this.rightIcon}"

package/dist/{index-3V8ZK5SA.cjs → index-D_tMu2-d.cjs}

@@ -13,6 +13,7 @@ require('./components/lukso-tag/index.cjs');
 const components_luksoUsername_index = require('./index-muwdeQPx.cjs');
 require('./tailwind-config.cjs');
 require('./cn-CNdKneQ1.cjs');
+const uniqId = require('./uniq-id-Cszs24DQ.cjs');
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
 
@@ -45,7 +46,7 @@ var __decorateClass = (decorators, target, key, kind) => {
 };
 exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {
-    super(...arguments);
+    super();
     this.value = "";
     this.name = "";
     this.placeholder = "";
@@ -129,6 +130,9 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
       large: "text-14",
       "x-large": "text-16"
     };
+    if (!this.id) {
+      this.id = uniqId.uniqId();
+    }
   }
   connectedCallback() {
     super.connectedCallback();
@@ -221,7 +225,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
     }
     return shared_tailwindElement_index.x`<lukso-dropdown
       size=${this.dropdownSize[this.size]}
-      is-open
+      is-open=${this.resultsParsed.length > 0}
       is-open-on-outside-click
       is-full-width
       max-height=${this.maxHeight || shared_tailwindElement_index.E}
@@ -413,10 +417,25 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
   }
   async handleOutsideDropdownClick(event) {
     const element = event.target;
-    if (element?.dataset?.component === "lukso-search") {
-      return;
+    let currentElement = element;
+    while (currentElement) {
+      if (currentElement === this) {
+        return;
+      }
+      if (currentElement?.dataset?.component === "lukso-search") {
+        return;
+      }
+      currentElement = currentElement.parentElement;
     }
     this.results = "";
+    const clickEvent = new CustomEvent("on-outside-click", {
+      detail: {
+        event
+      },
+      bubbles: false,
+      composed: true
+    });
+    this.dispatchEvent(clickEvent);
   }
   async handleDropdownKeydown(event) {
     if (event.key === "ArrowUp" && this.selected && this.selected > 1 && this.resultsParsed?.length) {
@@ -552,7 +571,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
           description=${this.description}
           error=${this.error}
           custom-class=${this.customClass}
-          id=${this.id}
+          id="search-${this.id}"
           size=${this.size}
           data-component="lukso-search"
           right-icon="${this.hasReset && this.value ? "close-sm" : this.rightIcon}"

package/dist/index.cjs

@@ -20,7 +20,7 @@ const components_luksoProgress_index = require('./components/lukso-progress/inde
 const components_luksoRadio_index = require('./components/lukso-radio/index.cjs');
 const components_luksoRadioGroup_index = require('./components/lukso-radio-group/index.cjs');
 const components_luksoSanitize_index = require('./components/lukso-sanitize/index.cjs');
-const components_luksoSearch_index = require('./index-3V8ZK5SA.cjs');
+const components_luksoSearch_index = require('./index-D_tMu2-d.cjs');
 const components_luksoSelect_index = require('./components/lukso-select/index.cjs');
 const components_luksoShare_index = require('./components/lukso-share/index.cjs');
 const components_luksoSwitch_index = require('./components/lukso-switch/index.cjs');

package/dist/index.js

@@ -16,7 +16,7 @@ export { LuksoProgress } from './components/lukso-progress/index.js';
 export { LuksoRadio } from './components/lukso-radio/index.js';
 export { LuksoRadioGroup } from './components/lukso-radio-group/index.js';
 export { LuksoSanitize } from './components/lukso-sanitize/index.js';
-export { L as LuksoSearch, a as SEARCH_RESULT_TYPES, S as STANDARDS } from './index-B663nE0O.js';
+export { L as LuksoSearch, a as SEARCH_RESULT_TYPES, S as STANDARDS } from './index-D2yMtMn1.js';
 export { LuksoSelect } from './components/lukso-select/index.js';
 export { LuksoShare } from './components/lukso-share/index.js';
 export { LuksoSwitch } from './components/lukso-switch/index.js';

package/package.json

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