@lukso/web-components 1.154.0 → 1.155.0

package/README.md

@@ -100,6 +100,18 @@ $font-file-path: '/assets/fonts';
 @import '@lukso/web-components/tools/sass/fonts.scss';
 ```
 
+## Icons
+
+We currently support custom icons and the one from `Vuesax` icon pack. They work almost the same but there is a difference is adding them to library:
+
+#### Custom icons
+
+They are added as Typescript files. Each icon needs to be wrapped in ts file and dynamic parts like `stroke`, `fill`, `stroke-width` needs to be replaced with placeholders. Icons needs to be registered in the icon index file.
+
+#### Vuesax icons
+
+Those icon take more modern approach. All it is needed that the svg files have to be placed in correct folder structure under `src/components/lukso-icon/vuesax`. Then component takes over all the parsing part to make them usable. Since we rely on Figma file the easiest is just to export the whole icon group and [copy into the project](https://share.cleanshot.com/CgthLhSs).
+
 ## Development workflow
 
 Start the watch mode and Storybook preview

package/dist/components/index.cjs

@@ -13,15 +13,17 @@ const components_luksoFooter_index = require('./lukso-footer/index.cjs');
 const components_luksoIcon_index = require('./lukso-icon/index.cjs');
 const components_luksoImage_index = require('./lukso-image/index.cjs');
 const components_luksoInput_index = require('./lukso-input/index.cjs');
+const components_luksoMarkdown_index = require('./lukso-markdown/index.cjs');
+const components_luksoMarkdownEditor_index = require('./lukso-markdown-editor/index.cjs');
 const components_luksoModal_index = require('./lukso-modal/index.cjs');
 const components_luksoNavbar_index = require('./lukso-navbar/index.cjs');
 const components_luksoPagination_index = require('./lukso-pagination/index.cjs');
-const components_luksoProfile_index = require('../index-U4Y7KwZv.cjs');
+const components_luksoProfile_index = require('../index-D4HqZcbk.cjs');
 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-Dg9hcDqR.cjs');
+const components_luksoSearch_index = require('../index-CO57mpzm.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');
@@ -29,9 +31,9 @@ const components_luksoTag_index = require('./lukso-tag/index.cjs');
 const components_luksoTerms_index = require('./lukso-terms/index.cjs');
 const components_luksoTextarea_index = require('./lukso-textarea/index.cjs');
 const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
-const components_luksoUsername_index = require('../index-fSZGRljb.cjs');
+const components_luksoUsername_index = require('../index-D9mdD_OM.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-DkfODalz.cjs');
+const shared_tailwindElement_index = require('../index-KrWvJ44l.cjs');
 require('../cn-CNdKneQ1.cjs');
 
 
@@ -80,6 +82,14 @@ Object.defineProperty(exports, "LuksoInput", {
 	enumerable: true,
 	get: () => components_luksoInput_index.LuksoInput
 });
+Object.defineProperty(exports, "LuksoMarkdown", {
+	enumerable: true,
+	get: () => components_luksoMarkdown_index.LuksoMarkdown
+});
+Object.defineProperty(exports, "LuksoMarkdownEditor", {
+	enumerable: true,
+	get: () => components_luksoMarkdownEditor_index.LuksoMarkdownEditor
+});
 Object.defineProperty(exports, "LuksoModal", {
 	enumerable: true,
 	get: () => components_luksoModal_index.LuksoModal

package/dist/components/index.d.ts

@@ -9,6 +9,8 @@ export * from './lukso-footer/index';
 export * from './lukso-icon/index';
 export * from './lukso-image/index';
 export * from './lukso-input/index';
+export * from './lukso-markdown/index';
+export * from './lukso-markdown-editor/index';
 export * from './lukso-modal/index';
 export * from './lukso-navbar/index';
 export * from './lukso-pagination/index';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA"}

package/dist/components/index.js

@@ -9,15 +9,17 @@ export { LuksoFooter } from './lukso-footer/index.js';
 export { LuksoIcon } from './lukso-icon/index.js';
 export { LuksoImage } from './lukso-image/index.js';
 export { LuksoInput } from './lukso-input/index.js';
+export { LuksoMarkdown } from './lukso-markdown/index.js';
+export { LuksoMarkdownEditor } from './lukso-markdown-editor/index.js';
 export { LuksoModal } from './lukso-modal/index.js';
 export { LuksoNavbar } from './lukso-navbar/index.js';
 export { LuksoPagination } from './lukso-pagination/index.js';
-export { L as LuksoProfile } from '../index-CvWyP3CS.js';
+export { L as LuksoProfile } from '../index-DFculCCQ.js';
 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-DUwutUFV.js';
+export { L as LuksoSearch } from '../index-B5_11hN3.js';
 export { LuksoSelect } from './lukso-select/index.js';
 export { LuksoShare } from './lukso-share/index.js';
 export { LuksoSwitch } from './lukso-switch/index.js';
@@ -25,7 +27,7 @@ export { LuksoTag } from './lukso-tag/index.js';
 export { LuksoTerms } from './lukso-terms/index.js';
 export { LuksoTextarea } from './lukso-textarea/index.js';
 export { LuksoTooltip } from './lukso-tooltip/index.js';
-export { L as LuksoUsername } from '../index-6Bz9XVC3.js';
+export { L as LuksoUsername } from '../index-1cnTXnRX.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-C9vH8YlV.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-BWp0TAbf.js';
 import '../cn-Cu9aP49j.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DkfODalz.cjs');
-const property = require('../../property-BXmHod5d.cjs');
-const state = require('../../state-CW2YmM3f.cjs');
+const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
+const property = require('../../property-CLMAG2Rj.cjs');
+const state = require('../../state-DXBdLH-W.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-CNdKneQ1.cjs');

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, E, x } from '../../index-C9vH8YlV.js';
-import { n, t } from '../../property-B4XYi6Sk.js';
-import { r } from '../../state-CkvZ4IP8.js';
+import { T as TailwindStyledElement, E, x } from '../../index-BWp0TAbf.js';
+import { n, t } from '../../property-DkFGx5Fg.js';
+import { r } from '../../state-DPXXwNMf.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-Cu9aP49j.js';

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

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const components_luksoProfile_index = require('../../index-U4Y7KwZv.cjs');
-const shared_tailwindElement_index = require('../../index-DkfODalz.cjs');
-const property = require('../../property-BXmHod5d.cjs');
-const state = require('../../state-CW2YmM3f.cjs');
+const components_luksoProfile_index = require('../../index-D4HqZcbk.cjs');
+const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
+const property = require('../../property-CLMAG2Rj.cjs');
+const state = require('../../state-DXBdLH-W.cjs');
 const base = require('../../base-NFGX42U4.cjs');
-const styleMap = require('../../style-map-c2S85yDu.cjs');
+const styleMap = require('../../style-map-BFG88xg5.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-CNdKneQ1.cjs');
-const isAddress = require('../../isAddress-B3b91Jxf.cjs');
-const index$1 = require('../../index-m3XGqZFz.cjs');
+const isAddress = require('../../isAddress-7c5mkwjj.cjs');
+const index$1 = require('../../index-D-a6OWyj.cjs');
 require('../lukso-image/index.cjs');
 
 /**

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

@@ -1,14 +1,14 @@
-import { m as makeBlockie } from '../../index-CvWyP3CS.js';
-import { T as TailwindStyledElement, x, E } from '../../index-C9vH8YlV.js';
-import { n, t } from '../../property-B4XYi6Sk.js';
-import { r } from '../../state-CkvZ4IP8.js';
+import { m as makeBlockie } from '../../index-DFculCCQ.js';
+import { T as TailwindStyledElement, x, E } from '../../index-BWp0TAbf.js';
+import { n, t } from '../../property-DkFGx5Fg.js';
+import { r } from '../../state-DPXXwNMf.js';
 import { e } from '../../base-Cl6v8-BZ.js';
-import { o as o$1 } from '../../style-map-D1R4wi4h.js';
+import { o as o$1 } from '../../style-map-CXXmrGLe.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-Cu9aP49j.js';
-import { i as isAddress } from '../../isAddress-Dq9UN07g.js';
-import { c as customStyleMap } from '../../index-gJTlTDGh.js';
+import { i as isAddress } from '../../isAddress-DyEmEF7O.js';
+import { c as customStyleMap } from '../../index-CsepkLbs.js';
 import '../lukso-image/index.js';
 
 /**

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DkfODalz.cjs');
-const property = require('../../property-BXmHod5d.cjs');
-const state = require('../../state-CW2YmM3f.cjs');
+const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
+const property = require('../../property-CLMAG2Rj.cjs');
+const state = require('../../state-DXBdLH-W.cjs');
 const index = require('../../index-D0nCA-7X.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x, E } from '../../index-C9vH8YlV.js';
-import { n, t } from '../../property-B4XYi6Sk.js';
-import { r } from '../../state-CkvZ4IP8.js';
+import { a as TailwindElement, x, E } from '../../index-BWp0TAbf.js';
+import { n, t } from '../../property-DkFGx5Fg.js';
+import { r } from '../../state-DPXXwNMf.js';
 import { c as customClassMap } from '../../index-F8ll4iy2.js';
 
 var __defProp = Object.defineProperty;

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

@@ -2,21 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DkfODalz.cjs');
-const property = require('../../property-BXmHod5d.cjs');
-const state = require('../../state-CW2YmM3f.cjs');
-const base = require('../../base-NFGX42U4.cjs');
+const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
+const property = require('../../property-CLMAG2Rj.cjs');
+const state = require('../../state-DXBdLH-W.cjs');
+const query = require('../../query-EFiHeHdi.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-CNdKneQ1.cjs');
 require('../lukso-icon/index.cjs');
 
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function e(e,r){return (n,s,i)=>{const o=t=>t.renderRoot?.querySelector(e)??null;return base.e(n,s,{get(){return o(this)}})}}
-
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -177,7 +171,7 @@ __decorateClass([
   state.r()
 ], exports.LuksoCollapse.prototype, "observedHeight", 2);
 __decorateClass([
-  e(".collapse-content")
+  query.e(".collapse-content")
 ], exports.LuksoCollapse.prototype, "contentElement", 2);
 exports.LuksoCollapse = __decorateClass([
   property.t("lukso-collapse")

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

@@ -1,18 +1,12 @@
-import { a as TailwindElement, x } from '../../index-C9vH8YlV.js';
-import { n, t } from '../../property-B4XYi6Sk.js';
-import { r } from '../../state-CkvZ4IP8.js';
-import { e as e$1 } from '../../base-Cl6v8-BZ.js';
+import { a as TailwindElement, x } from '../../index-BWp0TAbf.js';
+import { n, t } from '../../property-DkFGx5Fg.js';
+import { r } from '../../state-DPXXwNMf.js';
+import { e } from '../../query-CHb9Ft_d.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-Cu9aP49j.js';
 import '../lukso-icon/index.js';
 
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function e(e,r){return (n,s,i)=>{const o=t=>t.renderRoot?.querySelector(e)??null;return e$1(n,s,{get(){return o(this)}})}}
-
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {

package/dist/components/lukso-color-picker/index.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DkfODalz.cjs');
-const property = require('../../property-BXmHod5d.cjs');
-const state = require('../../state-CW2YmM3f.cjs');
+const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
+const property = require('../../property-CLMAG2Rj.cjs');
+const state = require('../../state-DXBdLH-W.cjs');
 const index = require('../../index-CaJky2qL.cjs');
-const styleMap = require('../../style-map-c2S85yDu.cjs');
+const styleMap = require('../../style-map-BFG88xg5.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-CNdKneQ1.cjs');
 require('../lukso-icon/index.cjs');

package/dist/components/lukso-color-picker/index.js

@@ -1,8 +1,8 @@
-import { T as TailwindStyledElement, E, x } from '../../index-C9vH8YlV.js';
-import { n, t } from '../../property-B4XYi6Sk.js';
-import { r } from '../../state-CkvZ4IP8.js';
+import { T as TailwindStyledElement, E, x } from '../../index-BWp0TAbf.js';
+import { n, t } from '../../property-DkFGx5Fg.js';
+import { r } from '../../state-DPXXwNMf.js';
 import { c as ce } from '../../index-B9iart53.js';
-import { o } from '../../style-map-D1R4wi4h.js';
+import { o } from '../../style-map-CXXmrGLe.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-Cu9aP49j.js';
 import '../lukso-icon/index.js';

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DkfODalz.cjs');
-const property = require('../../property-BXmHod5d.cjs');
+const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
+const property = require('../../property-CLMAG2Rj.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-U4Y7KwZv.cjs');
-require('../../index-fSZGRljb.cjs');
+require('../../index-D4HqZcbk.cjs');
+require('../../index-D9mdD_OM.cjs');
 const uniqId = require('../../uniq-id-Cszs24DQ.cjs');
 
 const debounceFunction = (func, timeout = 100) => {
@@ -126,7 +126,8 @@ exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index
     };
     this.handleClick = debounceFunction((event) => {
       const element = event.target;
-      if (element.id === this.triggerId || this.id === element.id) {
+      const hasValidTriggerId = this.triggerId && this.triggerId.trim() !== "";
+      if (hasValidTriggerId && element.id === this.triggerId || this.id === element.id) {
         this.isOpen = !this.isOpen;
         return;
       }
@@ -153,7 +154,8 @@ exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index
   }
   connectedCallback() {
     super.connectedCallback();
-    window.addEventListener("click", this.handleClick.bind(this));
+    this.boundHandleClick = this.handleClick.bind(this);
+    window.addEventListener("click", this.boundHandleClick);
     if (this.trigger === "hover") {
       const triggerElement = document.getElementById(this.triggerId);
       if (triggerElement) {
@@ -164,7 +166,9 @@ exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index
   }
   disconnectedCallback() {
     super.disconnectedCallback();
-    window.removeEventListener("click", this.handleClick);
+    if (this.boundHandleClick) {
+      window.removeEventListener("click", this.boundHandleClick);
+    }
     if (this.trigger === "hover") {
       const triggerElement = document.getElementById(this.triggerId);
       if (triggerElement) {

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

@@ -16,6 +16,7 @@ export declare class LuksoDropdown extends LuksoDropdown_base {
     size: InputSize;
     trigger: LuksoDropdownTrigger;
     maxHeight: any;
+    private boundHandleClick?;
     constructor();
     private styles;
     private handleMouseEnter;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAIxD,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AAMpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,gCAAgC,GAAG;IAC7C,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,OAAO,CAAA;;AAEpD,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,EAAE,SAAK;IAGP,SAAS,SAAK;IAGd,MAAM,UAAQ;IAGd,oBAAoB,UAAQ;IAG5B,OAAO,UAAQ;IAGf,OAAO,UAAQ;IAGf,WAAW,UAAQ;IAGnB,IAAI,EAAE,SAAS,CAAU;IAGzB,OAAO,EAAE,oBAAoB,CAAU;IAGvC,SAAS,MAAY;;IAUrB,OAAO,CAAC,MAAM,CAuEZ;IAEF,OAAO,CAAC,gBAAgB,CAEvB;IAED,OAAO,CAAC,gBAAgB,CASvB;IAED,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiB/C,iBAAiB;IAejB,oBAAoB;IAcd,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiBxD,OAAO,CAAC,WAAW,CAajB;IAEF,MAAM;CAsBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAIxD,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AAMpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,gCAAgC,GAAG;IAC7C,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,OAAO,CAAA;;AAEpD,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,EAAE,SAAK;IAGP,SAAS,SAAK;IAGd,MAAM,UAAQ;IAGd,oBAAoB,UAAQ;IAG5B,OAAO,UAAQ;IAGf,OAAO,UAAQ;IAGf,WAAW,UAAQ;IAGnB,IAAI,EAAE,SAAS,CAAU;IAGzB,OAAO,EAAE,oBAAoB,CAAU;IAGvC,SAAS,MAAY;IAErB,OAAO,CAAC,gBAAgB,CAAC,CAAwB;;IAUjD,OAAO,CAAC,MAAM,CAuEZ;IAEF,OAAO,CAAC,gBAAgB,CAEvB;IAED,OAAO,CAAC,gBAAgB,CASvB;IAED,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiB/C,iBAAiB;IAgBjB,oBAAoB;IAgBd,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiBxD,OAAO,CAAC,WAAW,CAmBjB;IAEF,MAAM;CAsBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

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

@@ -1,9 +1,9 @@
-import { T as TailwindStyledElement, E, x } from '../../index-C9vH8YlV.js';
-import { n, t } from '../../property-B4XYi6Sk.js';
+import { T as TailwindStyledElement, E, x } from '../../index-BWp0TAbf.js';
+import { n, t } from '../../property-DkFGx5Fg.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../lukso-icon/index.js';
-import '../../index-CvWyP3CS.js';
-import '../../index-6Bz9XVC3.js';
+import '../../index-DFculCCQ.js';
+import '../../index-1cnTXnRX.js';
 import { u as uniqId } from '../../uniq-id-CGUN-pJV.js';
 
 const debounceFunction = (func, timeout = 100) => {
@@ -122,7 +122,8 @@ let LuksoDropdown = class extends TailwindStyledElement(style) {
     };
     this.handleClick = debounceFunction((event) => {
       const element = event.target;
-      if (element.id === this.triggerId || this.id === element.id) {
+      const hasValidTriggerId = this.triggerId && this.triggerId.trim() !== "";
+      if (hasValidTriggerId && element.id === this.triggerId || this.id === element.id) {
         this.isOpen = !this.isOpen;
         return;
       }
@@ -149,7 +150,8 @@ let LuksoDropdown = class extends TailwindStyledElement(style) {
   }
   connectedCallback() {
     super.connectedCallback();
-    window.addEventListener("click", this.handleClick.bind(this));
+    this.boundHandleClick = this.handleClick.bind(this);
+    window.addEventListener("click", this.boundHandleClick);
     if (this.trigger === "hover") {
       const triggerElement = document.getElementById(this.triggerId);
       if (triggerElement) {
@@ -160,7 +162,9 @@ let LuksoDropdown = class extends TailwindStyledElement(style) {
   }
   disconnectedCallback() {
     super.disconnectedCallback();
-    window.removeEventListener("click", this.handleClick);
+    if (this.boundHandleClick) {
+      window.removeEventListener("click", this.boundHandleClick);
+    }
     if (this.trigger === "hover") {
       const triggerElement = document.getElementById(this.triggerId);
       if (triggerElement) {

package/dist/components/lukso-dropdown-option/index.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DkfODalz.cjs');
-const property = require('../../property-BXmHod5d.cjs');
+const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
+const property = require('../../property-CLMAG2Rj.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 
 const style = ":host {\n    display: block\n}";

package/dist/components/lukso-dropdown-option/index.js

@@ -1,5 +1,5 @@
-import { T as TailwindStyledElement, x } from '../../index-C9vH8YlV.js';
-import { n, t } from '../../property-B4XYi6Sk.js';
+import { T as TailwindStyledElement, x } from '../../index-BWp0TAbf.js';
+import { n, t } from '../../property-DkFGx5Fg.js';
 import { c as ce } from '../../index-B9iart53.js';
 
 const style = ":host {\n    display: block\n}";

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DkfODalz.cjs');
-const property = require('../../property-BXmHod5d.cjs');
+const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
+const property = require('../../property-CLMAG2Rj.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,5 +1,5 @@
-import { a as TailwindElement, x } from '../../index-C9vH8YlV.js';
-import { n, t } from '../../property-B4XYi6Sk.js';
+import { a as TailwindElement, x } from '../../index-BWp0TAbf.js';
+import { n, t } from '../../property-DkFGx5Fg.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;