@lukso/web-components 1.49.2 → 1.51.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 (74) hide show
  1. package/dist/components/index.cjs +9 -3
  2. package/dist/components/index.d.ts +1 -0
  3. package/dist/components/index.d.ts.map +1 -1
  4. package/dist/components/index.js +5 -3
  5. package/dist/components/lukso-button/index.cjs +1 -1
  6. package/dist/components/lukso-button/index.js +1 -1
  7. package/dist/components/lukso-card/index.cjs +11 -296
  8. package/dist/components/lukso-card/index.d.ts +1 -0
  9. package/dist/components/lukso-card/index.d.ts.map +1 -1
  10. package/dist/components/lukso-card/index.js +6 -300
  11. package/dist/components/lukso-card/lukso-card.stories.d.ts.map +1 -1
  12. package/dist/components/lukso-checkbox/index.cjs +1 -1
  13. package/dist/components/lukso-checkbox/index.js +1 -1
  14. package/dist/components/lukso-footer/index.cjs +1 -2
  15. package/dist/components/lukso-footer/index.d.ts.map +1 -1
  16. package/dist/components/lukso-footer/index.js +1 -2
  17. package/dist/components/lukso-icon/index.cjs +2 -2
  18. package/dist/components/lukso-icon/index.js +2 -2
  19. package/dist/components/lukso-input/index.cjs +1 -1
  20. package/dist/components/lukso-input/index.js +1 -1
  21. package/dist/components/lukso-modal/index.cjs +1 -1
  22. package/dist/components/lukso-modal/index.js +1 -1
  23. package/dist/components/lukso-navbar/index.cjs +2 -2
  24. package/dist/components/lukso-navbar/index.js +2 -2
  25. package/dist/components/lukso-profile/index.cjs +2 -2
  26. package/dist/components/lukso-profile/index.js +2 -2
  27. package/dist/components/lukso-progress/index.cjs +2 -2
  28. package/dist/components/lukso-progress/index.js +2 -2
  29. package/dist/components/lukso-sanitize/index.cjs +1 -1
  30. package/dist/components/lukso-sanitize/index.js +1 -1
  31. package/dist/components/lukso-search/index.cjs +10 -7
  32. package/dist/components/lukso-search/index.d.ts.map +1 -1
  33. package/dist/components/lukso-search/index.js +10 -7
  34. package/dist/components/lukso-select/index.cjs +12 -8
  35. package/dist/components/lukso-select/index.d.ts.map +1 -1
  36. package/dist/components/lukso-select/index.js +12 -8
  37. package/dist/components/lukso-share/index.cjs +1 -1
  38. package/dist/components/lukso-share/index.js +1 -1
  39. package/dist/components/lukso-switch/index.cjs +2 -2
  40. package/dist/components/lukso-switch/index.js +2 -2
  41. package/dist/components/lukso-tag/index.cjs +2 -2
  42. package/dist/components/lukso-tag/index.js +2 -2
  43. package/dist/components/lukso-terms/index.cjs +2 -2
  44. package/dist/components/lukso-terms/index.js +2 -2
  45. package/dist/components/lukso-test/index.cjs +1 -1
  46. package/dist/components/lukso-test/index.js +1 -1
  47. package/dist/components/lukso-tooltip/index.cjs +3614 -0
  48. package/dist/components/lukso-tooltip/index.d.ts +35 -0
  49. package/dist/components/lukso-tooltip/index.d.ts.map +1 -0
  50. package/dist/components/lukso-tooltip/index.js +3612 -0
  51. package/dist/components/lukso-tooltip/lukso-tooltip.stories.d.ts +27 -0
  52. package/dist/components/lukso-tooltip/lukso-tooltip.stories.d.ts.map +1 -0
  53. package/dist/components/lukso-username/index.cjs +1 -1
  54. package/dist/components/lukso-username/index.js +1 -1
  55. package/dist/components/lukso-wizard/index.cjs +1 -1
  56. package/dist/components/lukso-wizard/index.js +1 -1
  57. package/dist/index-2f5488b6.js +39 -0
  58. package/dist/index-87e624a1.cjs +2849 -0
  59. package/dist/index-aaa67d55.cjs +46 -0
  60. package/dist/index-d0d67b5f.js +2846 -0
  61. package/dist/index.cjs +50 -2567
  62. package/dist/index.js +5 -2530
  63. package/dist/shared/tailwind-element/index.cjs +1 -1
  64. package/dist/shared/tailwind-element/index.js +1 -1
  65. package/dist/{style-map-ea2513e4.cjs → style-map-74906707.cjs} +1 -1
  66. package/dist/{style-map-b2a337a1.js → style-map-88b4d8ad.js} +1 -1
  67. package/dist/styles/main.css +230 -0
  68. package/dist/styles/main.css.map +1 -1
  69. package/package.json +8 -2
  70. package/tools/sass/main.scss +1 -0
  71. package/tools/sass/tippy.scss +275 -0
  72. package/tools/styles/main.css +230 -0
  73. package/dist/index-c04e4744.cjs +0 -46
  74. package/dist/index-cfea1b58.js +0 -39
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,KAAK,CAAA;AAMnE,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AAEpC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAA;;AAE7C,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,QAAQ,MAAY;IAGpB,MAAM,EAAE,OAAO,CAAQ;IAGvB,OAAO,EAAE,OAAO,CAAQ;IAGxB,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,WAAW,CAAsC;IAEzD,OAAO,CAAC,kBAAkB,CAEuD;IAEjF,iBAAiB;IAKjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAgClD,aAAa;IAuBb,aAAa;IAQb,mBAAmB;IAQnB,aAAa;IAMb,eAAe;IAgBf,uBAAuB,CACrB,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE;IAexD,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAmB9D,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,0BAA0B;YAUpB,qBAAqB;YAiCrB,YAAY;YAiBZ,UAAU;IAcxB,OAAO,CAAC,WAAW;IAQnB,MAAM;CA2BP;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-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,KAAK,CAAA;AAMnE,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AAEpC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAA;;AAE7C,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,QAAQ,MAAY;IAGpB,MAAM,EAAE,OAAO,CAAQ;IAGvB,OAAO,EAAE,OAAO,CAAQ;IAGxB,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,WAAW,CAAsC;IAEzD,OAAO,CAAC,kBAAkB,CAEuD;IAEjF,iBAAiB;IAKjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwClD,aAAa;IAuBb,aAAa;IAQb,mBAAmB;IAQnB,aAAa;IAMb,eAAe;IAgBf,uBAAuB,CACrB,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE;IAexD,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAmB9D,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,0BAA0B;YAUpB,qBAAqB;YAiCrB,YAAY;YAiBZ,UAAU;IAcxB,OAAO,CAAC,WAAW;IAQnB,MAAM;CA2BP;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-cfea1b58.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-2f5488b6.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,7 +6,7 @@ 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-b2a337a1.js';
9
+ import '../../style-map-88b4d8ad.js';
10
10
 
11
11
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
12
12
 
@@ -60,20 +60,24 @@ let LuksoSelect = class extends TailwindStyledElement(style) {
60
60
  `[data-index="${changedProperties.get("selected")}"`
61
61
  );
62
62
  if (selectedOption) {
63
- selectedOption.scrollIntoView({
64
- behavior: "smooth",
65
- block: "center"
66
- });
63
+ if ("scrollIntoViewIfNeeded" in selectedOption && typeof selectedOption.scrollIntoViewIfNeeded === "function") {
64
+ selectedOption.scrollIntoViewIfNeeded();
65
+ } else {
66
+ selectedOption.scrollIntoView({
67
+ behavior: "smooth",
68
+ block: "center"
69
+ });
70
+ }
67
71
  }
68
72
  }
69
- if (changedProperties.has("options")) {
73
+ if (changedProperties.has("options") && !!this.options) {
70
74
  try {
71
75
  this.optionsParsed = JSON.parse(this.options);
72
76
  } catch (error) {
73
77
  console.warn("Could not parse options", error);
74
78
  }
75
79
  }
76
- if (changedProperties.has("value")) {
80
+ if (changedProperties.has("value") && !!this.value) {
77
81
  try {
78
82
  this.valueParsed = JSON.parse(this.value);
79
83
  } catch (error) {
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-c04e4744.cjs');
5
+ const shared_tailwindElement_index = require('../../index-aaa67d55.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-cfea1b58.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-2f5488b6.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-c04e4744.cjs');
5
+ const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
- const styleMap = require('../../style-map-ea2513e4.cjs');
7
+ const styleMap = require('../../style-map-74906707.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-cfea1b58.js';
1
+ import { a as TailwindElement, x } from '../../index-2f5488b6.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
- import { o } from '../../style-map-b2a337a1.js';
3
+ import { o } from '../../style-map-88b4d8ad.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-c04e4744.cjs');
5
+ const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
- const styleMap = require('../../style-map-ea2513e4.cjs');
7
+ const styleMap = require('../../style-map-74906707.cjs');
8
8
  const index = require('../../index-e9668573.cjs');
9
9
  require('../../directive-8278ab14.cjs');
10
10
 
@@ -1,6 +1,6 @@
1
- import { T as TailwindStyledElement, x } from '../../index-cfea1b58.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-2f5488b6.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
- import { o } from '../../style-map-b2a337a1.js';
3
+ import { o } from '../../style-map-88b4d8ad.js';
4
4
  import { c as customClassMap } from '../../index-5e194caf.js';
5
5
  import '../../directive-2bb7789e.js';
6
6
 
@@ -2,14 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-c04e4744.cjs');
5
+ const shared_tailwindElement_index = require('../../index-aaa67d55.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-ea2513e4.cjs');
12
+ require('../../style-map-74906707.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-cfea1b58.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-2f5488b6.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-b2a337a1.js';
8
+ import '../../style-map-88b4d8ad.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-c04e4744.cjs');
5
+ const shared_tailwindElement_index = require('../../index-aaa67d55.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-cfea1b58.js';
1
+ import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-2f5488b6.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