@lukso/web-components 1.66.0 → 1.67.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.
Files changed (60) hide show
  1. package/dist/components/index.cjs +3 -3
  2. package/dist/components/index.js +3 -3
  3. package/dist/components/lukso-button/index.cjs +4 -1
  4. package/dist/components/lukso-button/index.d.ts.map +1 -1
  5. package/dist/components/lukso-button/index.js +4 -1
  6. package/dist/components/lukso-card/index.cjs +3 -3
  7. package/dist/components/lukso-card/index.js +3 -3
  8. package/dist/components/lukso-checkbox/index.cjs +1 -1
  9. package/dist/components/lukso-checkbox/index.js +1 -1
  10. package/dist/components/lukso-footer/index.cjs +1 -1
  11. package/dist/components/lukso-footer/index.js +1 -1
  12. package/dist/components/lukso-icon/index.cjs +2 -2
  13. package/dist/components/lukso-icon/index.js +2 -2
  14. package/dist/components/lukso-input/index.cjs +1 -1
  15. package/dist/components/lukso-input/index.js +1 -1
  16. package/dist/components/lukso-modal/index.cjs +1 -1
  17. package/dist/components/lukso-modal/index.js +1 -1
  18. package/dist/components/lukso-navbar/index.cjs +3 -3
  19. package/dist/components/lukso-navbar/index.js +3 -3
  20. package/dist/components/lukso-profile/index.cjs +2 -2
  21. package/dist/components/lukso-profile/index.js +2 -2
  22. package/dist/components/lukso-progress/index.cjs +2 -2
  23. package/dist/components/lukso-progress/index.js +2 -2
  24. package/dist/components/lukso-sanitize/index.cjs +1 -1
  25. package/dist/components/lukso-sanitize/index.js +1 -1
  26. package/dist/components/lukso-search/index.cjs +3 -3
  27. package/dist/components/lukso-search/index.js +3 -3
  28. package/dist/components/lukso-select/index.cjs +3 -3
  29. package/dist/components/lukso-select/index.js +3 -3
  30. package/dist/components/lukso-share/index.cjs +1 -1
  31. package/dist/components/lukso-share/index.js +1 -1
  32. package/dist/components/lukso-switch/index.cjs +2 -2
  33. package/dist/components/lukso-switch/index.js +2 -2
  34. package/dist/components/lukso-tag/index.cjs +2 -2
  35. package/dist/components/lukso-tag/index.js +2 -2
  36. package/dist/components/lukso-terms/index.cjs +2 -2
  37. package/dist/components/lukso-terms/index.js +2 -2
  38. package/dist/components/lukso-test/index.cjs +1 -1
  39. package/dist/components/lukso-test/index.js +1 -1
  40. package/dist/components/lukso-tooltip/index.cjs +32 -14
  41. package/dist/components/lukso-tooltip/index.d.ts +9 -2
  42. package/dist/components/lukso-tooltip/index.d.ts.map +1 -1
  43. package/dist/components/lukso-tooltip/index.js +32 -14
  44. package/dist/components/lukso-tooltip/lukso-tooltip.stories.d.ts +3 -1
  45. package/dist/components/lukso-tooltip/lukso-tooltip.stories.d.ts.map +1 -1
  46. package/dist/components/lukso-username/index.cjs +2 -2
  47. package/dist/components/lukso-username/index.js +2 -2
  48. package/dist/components/lukso-wizard/index.cjs +1 -1
  49. package/dist/components/lukso-wizard/index.js +1 -1
  50. package/dist/{index-98e8e0d5.cjs → index-21e30dce.cjs} +1 -1
  51. package/dist/{index-688c3040.cjs → index-9158df3a.cjs} +1 -1
  52. package/dist/{index-3527fb14.js → index-987980d1.js} +1 -1
  53. package/dist/{index-1765cfe1.js → index-ccc127cd.js} +1 -1
  54. package/dist/index.cjs +3 -3
  55. package/dist/index.js +3 -3
  56. package/dist/shared/tailwind-element/index.cjs +1 -1
  57. package/dist/shared/tailwind-element/index.js +1 -1
  58. package/dist/{style-map-c86dd6e2.cjs → style-map-c75e9a96.cjs} +1 -1
  59. package/dist/{style-map-9fdda015.js → style-map-de03e3eb.js} +1 -1
  60. package/package.json +1 -1
@@ -23,15 +23,15 @@ const components_luksoTest_index = require('./lukso-test/index.cjs');
23
23
  const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
24
24
  const components_luksoUsername_index = require('./lukso-username/index.cjs');
25
25
  const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
26
- const shared_tailwindElement_index = require('../index-688c3040.cjs');
26
+ const shared_tailwindElement_index = require('../index-9158df3a.cjs');
27
27
  require('../cn-4ec0bd94.cjs');
28
28
  require('../query-assigned-elements-1d5d9d4c.cjs');
29
29
  require('../state-f73a8b4f.cjs');
30
30
  require('../index-e8741080.cjs');
31
31
  require('../tailwind-config.cjs');
32
- require('../style-map-c86dd6e2.cjs');
32
+ require('../style-map-c75e9a96.cjs');
33
33
  require('../directive-8278ab14.cjs');
34
- require('../index-98e8e0d5.cjs');
34
+ require('../index-21e30dce.cjs');
35
35
  require('../index-e9668573.cjs');
36
36
 
37
37
 
@@ -19,13 +19,13 @@ export { LuksoTest } from './lukso-test/index.js';
19
19
  export { LuksoTooltip } from './lukso-tooltip/index.js';
20
20
  export { LuksoUsername } from './lukso-username/index.js';
21
21
  export { LuksoWizard } from './lukso-wizard/index.js';
22
- export { a as TailwindElement, T as TailwindStyledElement } from '../index-3527fb14.js';
22
+ export { a as TailwindElement, T as TailwindStyledElement } from '../index-987980d1.js';
23
23
  import '../cn-616567d4.js';
24
24
  import '../query-assigned-elements-5d94572f.js';
25
25
  import '../state-0a779257.js';
26
26
  import '../index-c55a1069.js';
27
27
  import '../tailwind-config.js';
28
- import '../style-map-9fdda015.js';
28
+ import '../style-map-de03e3eb.js';
29
29
  import '../directive-2bb7789e.js';
30
- import '../index-1765cfe1.js';
30
+ import '../index-ccc127cd.js';
31
31
  import '../index-5e194caf.js';
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const state = require('../../state-f73a8b4f.cjs');
8
8
  const index = require('../../index-e8741080.cjs');
@@ -174,6 +174,9 @@ exports.LuksoButton = class LuksoButton extends shared_tailwindElement_index.Tai
174
174
  type=${this.type}
175
175
  class=${cn.cn(buttonStyles, this.customClass)}
176
176
  @mousedown=${this.handleMouseDown}
177
+ @touchstart=${this.handleMouseDown}
178
+ @touchend=${this.handleMouseUp}
179
+ @touchcancel=${this.handleMouseUp}
177
180
  @mouseup=${this.handleMouseUp}
178
181
  @mouseleave=${this.handleMouseUp}
179
182
  >
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-button/index.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,CAAA;AACV,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAC3C,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;;AAIhE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,OAAO,EAAE,aAAa,CAAY;IAGlC,IAAI,EAAE,UAAU,CAAW;IAG3B,QAAQ,UAAQ;IAGhB,WAAW,UAAQ;IAGnB,WAAW,UAAQ;IAGnB,MAAM,UAAQ;IAGd,SAAS,UAAQ;IAGjB,IAAI,EAAE,UAAU,CAAW;IAG3B,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAW;IAG7B,GAAG,SAAK;IAGR,WAAW,SAAK;IAGhB,WAAW,SAAK;IAGhB,QAAQ,UAAQ;IAGhB,KAAK,SAAK;IAGV,OAAO,CAAC,SAAS,CAAQ;IAGzB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,KAAK,CAAI;IAEjB,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,YAAY,CA6DlB;IAEF,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,aAAa;IAcrB,eAAe,IAAI,OAAO;IAa1B,eAAe;IAQf,cAAc;IA0Bd,YAAY;IAsBZ,MAAM;CAGP;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-button/index.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,CAAA;AACV,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAC3C,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;;AAIhE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,OAAO,EAAE,aAAa,CAAY;IAGlC,IAAI,EAAE,UAAU,CAAW;IAG3B,QAAQ,UAAQ;IAGhB,WAAW,UAAQ;IAGnB,WAAW,UAAQ;IAGnB,MAAM,UAAQ;IAGd,SAAS,UAAQ;IAGjB,IAAI,EAAE,UAAU,CAAW;IAG3B,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAW;IAG7B,GAAG,SAAK;IAGR,WAAW,SAAK;IAGhB,WAAW,SAAK;IAGhB,QAAQ,UAAQ;IAGhB,KAAK,SAAK;IAGV,OAAO,CAAC,SAAS,CAAQ;IAGzB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,KAAK,CAAI;IAEjB,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,YAAY,CA6DlB;IAEF,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,aAAa;IAcrB,eAAe,IAAI,OAAO;IAa1B,eAAe;IAQf,cAAc;IA6Bd,YAAY;IAsBZ,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
@@ -1,4 +1,4 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-3527fb14.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { t } from '../../state-0a779257.js';
4
4
  import { s as se } from '../../index-c55a1069.js';
@@ -170,6 +170,9 @@ let LuksoButton = class extends TailwindStyledElement(style) {
170
170
  type=${this.type}
171
171
  class=${cn(buttonStyles, this.customClass)}
172
172
  @mousedown=${this.handleMouseDown}
173
+ @touchstart=${this.handleMouseDown}
174
+ @touchend=${this.handleMouseUp}
175
+ @touchcancel=${this.handleMouseUp}
173
176
  @mouseup=${this.handleMouseUp}
174
177
  @mouseleave=${this.handleMouseUp}
175
178
  >
@@ -2,14 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
- const styleMap = require('../../style-map-c86dd6e2.cjs');
7
+ const styleMap = require('../../style-map-c75e9a96.cjs');
8
8
  const index = require('../../index-e8741080.cjs');
9
9
  require('../lukso-profile/index.cjs');
10
10
  require('../../tailwind-config.cjs');
11
11
  const cn = require('../../cn-4ec0bd94.cjs');
12
- const index$1 = require('../../index-98e8e0d5.cjs');
12
+ const index$1 = require('../../index-21e30dce.cjs');
13
13
  require('../../directive-8278ab14.cjs');
14
14
  require('../../index-e9668573.cjs');
15
15
 
@@ -1,11 +1,11 @@
1
- import { T as TailwindStyledElement, x } from '../../index-3527fb14.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
- import { o } from '../../style-map-9fdda015.js';
3
+ import { o } from '../../style-map-de03e3eb.js';
4
4
  import { s as se } from '../../index-c55a1069.js';
5
5
  import '../lukso-profile/index.js';
6
6
  import '../../tailwind-config.js';
7
7
  import { c as cn } from '../../cn-616567d4.js';
8
- import { c as customStyleMap } from '../../index-1765cfe1.js';
8
+ import { c as customStyleMap } from '../../index-ccc127cd.js';
9
9
  import '../../directive-2bb7789e.js';
10
10
  import '../../index-5e194caf.js';
11
11
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const state = require('../../state-f73a8b4f.cjs');
8
8
  const index = require('../../index-e9668573.cjs');
@@ -1,4 +1,4 @@
1
- import { a as TailwindElement, x, A } from '../../index-3527fb14.js';
1
+ import { a as TailwindElement, x, A } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { t } from '../../state-0a779257.js';
4
4
  import { c as customClassMap } from '../../index-5e194caf.js';
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
 
8
8
  var __defProp = Object.defineProperty;
@@ -1,4 +1,4 @@
1
- import { a as TailwindElement, x } from '../../index-3527fb14.js';
1
+ import { a as TailwindElement, x } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
 
4
4
  var __defProp = Object.defineProperty;
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
- const styleMap = require('../../style-map-c86dd6e2.cjs');
7
+ const styleMap = require('../../style-map-c75e9a96.cjs');
8
8
  require('../../directive-8278ab14.cjs');
9
9
 
10
10
  const style = ":host {\n display: inline-flex\n}";
@@ -1,6 +1,6 @@
1
- import { x, T as TailwindStyledElement } from '../../index-3527fb14.js';
1
+ import { x, T as TailwindStyledElement } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
- import { o } from '../../style-map-9fdda015.js';
3
+ import { o } from '../../style-map-de03e3eb.js';
4
4
  import '../../directive-2bb7789e.js';
5
5
 
6
6
  const style = ":host {\n display: inline-flex\n}";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const state = require('../../state-f73a8b4f.cjs');
8
8
  const index = require('../../index-e9668573.cjs');
@@ -1,4 +1,4 @@
1
- import { a as TailwindElement, x, A } from '../../index-3527fb14.js';
1
+ import { a as TailwindElement, x, A } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { t } from '../../state-0a779257.js';
4
4
  import { c as customClassMap } from '../../index-5e194caf.js';
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const index = require('../../index-e9668573.cjs');
8
8
  require('../../directive-8278ab14.cjs');
@@ -1,4 +1,4 @@
1
- import { a as TailwindElement, x } from '../../index-3527fb14.js';
1
+ import { a as TailwindElement, x } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { c as customClassMap } from '../../index-5e194caf.js';
4
4
  import '../../directive-2bb7789e.js';
@@ -2,15 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const state = require('../../state-f73a8b4f.cjs');
8
8
  const index = require('../../index-e8741080.cjs');
9
9
  require('../lukso-icon/index.cjs');
10
10
  require('../lukso-tag/index.cjs');
11
- require('../../style-map-c86dd6e2.cjs');
11
+ require('../../style-map-c75e9a96.cjs');
12
12
  require('../../directive-8278ab14.cjs');
13
- require('../../index-98e8e0d5.cjs');
13
+ require('../../index-21e30dce.cjs');
14
14
 
15
15
  var __defProp = Object.defineProperty;
16
16
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1,12 +1,12 @@
1
- import { a as TailwindElement, x, A } from '../../index-3527fb14.js';
1
+ import { a as TailwindElement, x, A } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { t } from '../../state-0a779257.js';
4
4
  import { s as se } from '../../index-c55a1069.js';
5
5
  import '../lukso-icon/index.js';
6
6
  import '../lukso-tag/index.js';
7
- import '../../style-map-9fdda015.js';
7
+ import '../../style-map-de03e3eb.js';
8
8
  import '../../directive-2bb7789e.js';
9
- import '../../index-1765cfe1.js';
9
+ import '../../index-ccc127cd.js';
10
10
 
11
11
  var __defProp = Object.defineProperty;
12
12
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
- const styleMap = require('../../style-map-c86dd6e2.cjs');
7
+ const styleMap = require('../../style-map-c75e9a96.cjs');
8
8
  const index = require('../../index-e9668573.cjs');
9
9
  require('../../directive-8278ab14.cjs');
10
10
 
@@ -1,6 +1,6 @@
1
- import { a as TailwindElement, x } from '../../index-3527fb14.js';
1
+ import { a as TailwindElement, x } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
- import { o } from '../../style-map-9fdda015.js';
3
+ import { o } from '../../style-map-de03e3eb.js';
4
4
  import { c as customClassMap } from '../../index-5e194caf.js';
5
5
  import '../../directive-2bb7789e.js';
6
6
 
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
- const styleMap = require('../../style-map-c86dd6e2.cjs');
7
+ const styleMap = require('../../style-map-c75e9a96.cjs');
8
8
  require('../../tailwind-config.cjs');
9
9
  const cn = require('../../cn-4ec0bd94.cjs');
10
10
  require('../../directive-8278ab14.cjs');
@@ -1,6 +1,6 @@
1
- import { a as TailwindElement, x } from '../../index-3527fb14.js';
1
+ import { a as TailwindElement, x } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
- import { o } from '../../style-map-9fdda015.js';
3
+ import { o } from '../../style-map-de03e3eb.js';
4
4
  import '../../tailwind-config.js';
5
5
  import { c as cn } from '../../cn-616567d4.js';
6
6
  import '../../directive-2bb7789e.js';
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const directive = require('../../directive-8278ab14.cjs');
8
8
 
@@ -1,4 +1,4 @@
1
- import { A, b as T, a as TailwindElement, x } from '../../index-3527fb14.js';
1
+ import { A, b as T, a as TailwindElement, x } from '../../index-987980d1.js';
2
2
  import { n, e as e$2 } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { i, t, e as e$1 } from '../../directive-2bb7789e.js';
4
4
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const state = require('../../state-f73a8b4f.cjs');
8
8
  const index = require('../../index-e9668573.cjs');
@@ -10,8 +10,8 @@ require('../lukso-icon/index.cjs');
10
10
  require('../lukso-profile/index.cjs');
11
11
  require('../lukso-username/index.cjs');
12
12
  require('../../directive-8278ab14.cjs');
13
- require('../../style-map-c86dd6e2.cjs');
14
- require('../../index-98e8e0d5.cjs');
13
+ require('../../style-map-c75e9a96.cjs');
14
+ require('../../index-21e30dce.cjs');
15
15
 
16
16
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
17
17
 
@@ -1,4 +1,4 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-3527fb14.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { t } from '../../state-0a779257.js';
4
4
  import { c as customClassMap } from '../../index-5e194caf.js';
@@ -6,8 +6,8 @@ import '../lukso-icon/index.js';
6
6
  import '../lukso-profile/index.js';
7
7
  import '../lukso-username/index.js';
8
8
  import '../../directive-2bb7789e.js';
9
- import '../../style-map-9fdda015.js';
10
- import '../../index-1765cfe1.js';
9
+ import '../../style-map-de03e3eb.js';
10
+ import '../../index-ccc127cd.js';
11
11
 
12
12
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
13
13
 
@@ -2,17 +2,17 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const state = require('../../state-f73a8b4f.cjs');
8
8
  const index = require('../../index-e8741080.cjs');
9
9
  require('../lukso-icon/index.cjs');
10
10
  require('../lukso-profile/index.cjs');
11
11
  require('../lukso-username/index.cjs');
12
- require('../../style-map-c86dd6e2.cjs');
12
+ require('../../style-map-c75e9a96.cjs');
13
13
  require('../../directive-8278ab14.cjs');
14
14
  require('../../index-e9668573.cjs');
15
- require('../../index-98e8e0d5.cjs');
15
+ require('../../index-21e30dce.cjs');
16
16
 
17
17
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
18
18
 
@@ -1,14 +1,14 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-3527fb14.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { t } from '../../state-0a779257.js';
4
4
  import { s as se } from '../../index-c55a1069.js';
5
5
  import '../lukso-icon/index.js';
6
6
  import '../lukso-profile/index.js';
7
7
  import '../lukso-username/index.js';
8
- import '../../style-map-9fdda015.js';
8
+ import '../../style-map-de03e3eb.js';
9
9
  import '../../directive-2bb7789e.js';
10
10
  import '../../index-5e194caf.js';
11
- import '../../index-1765cfe1.js';
11
+ import '../../index-ccc127cd.js';
12
12
 
13
13
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
14
14
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
 
8
8
  const style = ":host {\n display: inline-flex\n}";
@@ -1,4 +1,4 @@
1
- import { T as TailwindStyledElement, x } from '../../index-3527fb14.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
 
4
4
  const style = ":host {\n display: inline-flex\n}";
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
- const styleMap = require('../../style-map-c86dd6e2.cjs');
7
+ const styleMap = require('../../style-map-c75e9a96.cjs');
8
8
  const index = require('../../index-e9668573.cjs');
9
9
  require('../../directive-8278ab14.cjs');
10
10
 
@@ -1,6 +1,6 @@
1
- import { a as TailwindElement, x } from '../../index-3527fb14.js';
1
+ import { a as TailwindElement, x } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
- import { o } from '../../style-map-9fdda015.js';
3
+ import { o } from '../../style-map-de03e3eb.js';
4
4
  import { c as customClassMap } from '../../index-5e194caf.js';
5
5
  import '../../directive-2bb7789e.js';
6
6
 
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const index = require('../../index-e8741080.cjs');
8
- const index$1 = require('../../index-98e8e0d5.cjs');
8
+ const index$1 = require('../../index-21e30dce.cjs');
9
9
  require('../../directive-8278ab14.cjs');
10
10
 
11
11
  const style = ":host {\n display: inline-flex\n}";
@@ -1,7 +1,7 @@
1
- import { T as TailwindStyledElement, x } from '../../index-3527fb14.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { s as se } from '../../index-c55a1069.js';
4
- import { c as customStyleMap } from '../../index-1765cfe1.js';
4
+ import { c as customStyleMap } from '../../index-ccc127cd.js';
5
5
  import '../../directive-2bb7789e.js';
6
6
 
7
7
  const style = ":host {\n display: inline-flex\n}";
@@ -2,14 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const state = require('../../state-f73a8b4f.cjs');
8
8
  const index = require('../../index-e9668573.cjs');
9
9
  require('../lukso-icon/index.cjs');
10
10
  require('../lukso-sanitize/index.cjs');
11
11
  require('../../directive-8278ab14.cjs');
12
- require('../../style-map-c86dd6e2.cjs');
12
+ require('../../style-map-c75e9a96.cjs');
13
13
 
14
14
  const style = ":host {\n display: flex;\n height: 100%\n}";
15
15
 
@@ -1,11 +1,11 @@
1
- import { T as TailwindStyledElement, x } from '../../index-3527fb14.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-987980d1.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { t } from '../../state-0a779257.js';
4
4
  import { c as customClassMap } from '../../index-5e194caf.js';
5
5
  import '../lukso-icon/index.js';
6
6
  import '../lukso-sanitize/index.js';
7
7
  import '../../directive-2bb7789e.js';
8
- import '../../style-map-9fdda015.js';
8
+ import '../../style-map-de03e3eb.js';
9
9
 
10
10
  const style = ":host {\n display: flex;\n height: 100%\n}";
11
11
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const directive = require('../../directive-8278ab14.cjs');
8
8
 
@@ -1,4 +1,4 @@
1
- import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-3527fb14.js';
1
+ import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-987980d1.js';
2
2
  import { n as n$3, e as e$3 } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { e as e$2, i as i$3, t as t$3 } from '../../directive-2bb7789e.js';
4
4
 
@@ -2,11 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-688c3040.cjs');
5
+ const shared_tailwindElement_index = require('../../index-9158df3a.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const state = require('../../state-f73a8b4f.cjs');
8
- const index = require('../../index-e9668573.cjs');
9
- require('../../directive-8278ab14.cjs');
10
8
 
11
9
  var top = 'top';
12
10
  var bottom = 'bottom';
@@ -3473,8 +3471,9 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
3473
3471
  this.copyText = "";
3474
3472
  this.copyValue = "";
3475
3473
  this.offset = 10;
3474
+ this.options = "";
3476
3475
  this.showCopy = false;
3477
- this.defaultTooltipStyles = "bg-neutral-20 p-4 hidden";
3476
+ this.optionsParsed = [];
3478
3477
  this.tooltipInstance = void 0;
3479
3478
  }
3480
3479
  hideOnClickCheck() {
@@ -3495,7 +3494,7 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
3495
3494
  this.tooltipInstance.destroy();
3496
3495
  this.tooltipInstance = void 0;
3497
3496
  }
3498
- if (!this.text) {
3497
+ if (!this.text && !this.options) {
3499
3498
  return;
3500
3499
  }
3501
3500
  this.tooltipInstance = tippy(trigger, {
@@ -3527,25 +3526,38 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
3527
3526
  await this.updateComplete;
3528
3527
  if (changedProperties.has("show") && this.trigger === "manual") {
3529
3528
  if (this.show) {
3530
- !!!this.tooltipInstance && this.initTooltip();
3529
+ !this.tooltipInstance && this.initTooltip();
3531
3530
  this.tooltipInstance.show();
3532
3531
  } else {
3533
3532
  this.tooltipInstance?.hide();
3534
3533
  }
3535
3534
  return;
3536
3535
  }
3536
+ if (changedProperties.has("options") && !!this.options) {
3537
+ try {
3538
+ this.optionsParsed = JSON.parse(this.options);
3539
+ } catch (error) {
3540
+ console.warn("Could not parse options", error);
3541
+ }
3542
+ }
3537
3543
  this.initTooltip();
3538
3544
  }
3545
+ optionsTemplate() {
3546
+ return shared_tailwindElement_index.x`
3547
+ ${Object.entries(this.optionsParsed).map(
3548
+ (option) => shared_tailwindElement_index.x`<div
3549
+ class="mb-1 rounded-4 px-2 py-1 hover:cursor-pointer hover:bg-neutral-95"
3550
+ onClick="navigator.clipboard.writeText('${option[1].value}')"
3551
+ >
3552
+ ${option[1].text}
3553
+ </div>`
3554
+ )}
3555
+ `;
3556
+ }
3539
3557
  render() {
3540
3558
  return shared_tailwindElement_index.x`
3541
- <div
3542
- id="tooltip"
3543
- role="tooltip"
3544
- class=${index.customClassMap({
3545
- [this.defaultTooltipStyles]: true
3546
- })}
3547
- >
3548
- ${this.text}
3559
+ <div id="tooltip" role="tooltip" class="bg-neutral-20 p-4 hidden">
3560
+ ${this.options ? this.optionsTemplate() : this.text}
3549
3561
  </div>
3550
3562
  ${this.isClipboardCopy ? shared_tailwindElement_index.x`<lukso-tooltip
3551
3563
  variant=${this.variant}
@@ -3610,9 +3622,15 @@ __decorateClass([
3610
3622
  __decorateClass([
3611
3623
  queryAssignedElements.n({ type: Number })
3612
3624
  ], exports.LuksoTooltip.prototype, "offset", 2);
3625
+ __decorateClass([
3626
+ queryAssignedElements.n({ type: String })
3627
+ ], exports.LuksoTooltip.prototype, "options", 2);
3613
3628
  __decorateClass([
3614
3629
  state.t()
3615
3630
  ], exports.LuksoTooltip.prototype, "showCopy", 2);
3631
+ __decorateClass([
3632
+ state.t()
3633
+ ], exports.LuksoTooltip.prototype, "optionsParsed", 2);
3616
3634
  exports.LuksoTooltip = __decorateClass([
3617
3635
  queryAssignedElements.e("lukso-tooltip")
3618
3636
  ], exports.LuksoTooltip);