@lukso/web-components 1.88.0 → 1.89.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 (80) hide show
  1. package/dist/components/index.cjs +9 -4
  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 -4
  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 +3 -3
  8. package/dist/components/lukso-card/index.js +3 -3
  9. package/dist/components/lukso-checkbox/index.cjs +1 -1
  10. package/dist/components/lukso-checkbox/index.js +1 -1
  11. package/dist/components/lukso-color-picker/index.cjs +340 -0
  12. package/dist/components/lukso-color-picker/index.d.ts +39 -0
  13. package/dist/components/lukso-color-picker/index.d.ts.map +1 -0
  14. package/dist/components/lukso-color-picker/index.js +338 -0
  15. package/dist/components/lukso-color-picker/lukso-color-picker.stories.d.ts +19 -0
  16. package/dist/components/lukso-color-picker/lukso-color-picker.stories.d.ts.map +1 -0
  17. package/dist/components/lukso-dropdown/index.cjs +4 -4
  18. package/dist/components/lukso-dropdown/index.js +4 -4
  19. package/dist/components/lukso-dropdown-option/index.cjs +1 -1
  20. package/dist/components/lukso-dropdown-option/index.js +1 -1
  21. package/dist/components/lukso-footer/index.cjs +1 -1
  22. package/dist/components/lukso-footer/index.js +1 -1
  23. package/dist/components/lukso-icon/icons/expand.d.ts.map +1 -1
  24. package/dist/components/lukso-icon/index.cjs +26 -4
  25. package/dist/components/lukso-icon/index.js +26 -4
  26. package/dist/components/lukso-image/index.cjs +2 -2
  27. package/dist/components/lukso-image/index.js +2 -2
  28. package/dist/components/lukso-input/index.cjs +7 -7
  29. package/dist/components/lukso-input/index.d.ts +1 -1
  30. package/dist/components/lukso-input/index.js +7 -7
  31. package/dist/components/lukso-modal/index.cjs +1 -1
  32. package/dist/components/lukso-modal/index.js +1 -1
  33. package/dist/components/lukso-navbar/index.cjs +3 -3
  34. package/dist/components/lukso-navbar/index.js +3 -3
  35. package/dist/components/lukso-pagination/index.cjs +2 -2
  36. package/dist/components/lukso-pagination/index.js +2 -2
  37. package/dist/components/lukso-profile/index.cjs +2 -2
  38. package/dist/components/lukso-profile/index.js +2 -2
  39. package/dist/components/lukso-progress/index.cjs +2 -2
  40. package/dist/components/lukso-progress/index.js +2 -2
  41. package/dist/components/lukso-sanitize/index.cjs +1 -1
  42. package/dist/components/lukso-sanitize/index.js +1 -1
  43. package/dist/components/lukso-search/index.cjs +4 -4
  44. package/dist/components/lukso-search/index.js +4 -4
  45. package/dist/components/lukso-select/index.cjs +4 -4
  46. package/dist/components/lukso-select/index.js +4 -4
  47. package/dist/components/lukso-share/index.cjs +1 -1
  48. package/dist/components/lukso-share/index.js +1 -1
  49. package/dist/components/lukso-switch/index.cjs +2 -2
  50. package/dist/components/lukso-switch/index.js +2 -2
  51. package/dist/components/lukso-tag/index.cjs +2 -2
  52. package/dist/components/lukso-tag/index.js +2 -2
  53. package/dist/components/lukso-terms/index.cjs +2 -2
  54. package/dist/components/lukso-terms/index.js +2 -2
  55. package/dist/components/lukso-test/index.cjs +1 -1
  56. package/dist/components/lukso-test/index.js +1 -1
  57. package/dist/components/lukso-textarea/index.cjs +7 -7
  58. package/dist/components/lukso-textarea/index.d.ts +1 -1
  59. package/dist/components/lukso-textarea/index.js +7 -7
  60. package/dist/components/lukso-tooltip/index.cjs +2 -2
  61. package/dist/components/lukso-tooltip/index.js +2 -2
  62. package/dist/components/lukso-username/index.cjs +2 -2
  63. package/dist/components/lukso-username/index.js +2 -2
  64. package/dist/components/lukso-wizard/index.cjs +1 -1
  65. package/dist/components/lukso-wizard/index.js +1 -1
  66. package/dist/{index-0f429f67.js → index-0b520c6a.js} +1 -1
  67. package/dist/index-31c27410.cjs +46 -0
  68. package/dist/{index-8186b19a.cjs → index-3429e18a.cjs} +1 -1
  69. package/dist/{index-752774b2.cjs → index-bca7ccb0.cjs} +1 -1
  70. package/dist/{index-62e802f0.js → index-c6f49fea.js} +1 -1
  71. package/dist/index-e73db22f.js +39 -0
  72. package/dist/index.cjs +9 -4
  73. package/dist/index.js +5 -4
  74. package/dist/shared/tailwind-element/index.cjs +1 -1
  75. package/dist/shared/tailwind-element/index.js +1 -1
  76. package/dist/{style-map-272091aa.cjs → style-map-77b74f74.cjs} +1 -1
  77. package/dist/{style-map-f7093d93.js → style-map-d5d85b80.js} +1 -1
  78. package/package.json +6 -1
  79. package/dist/index-14baf4da.js +0 -39
  80. package/dist/index-8322d22b.cjs +0 -46
@@ -1,4 +1,4 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
4
  import { c as ce } from '../../index-ca8e900d.js';
@@ -6,7 +6,7 @@ import '../../tailwind-config.js';
6
6
  import { c as cn } from '../../cn-b54dcc61.js';
7
7
  import '../lukso-icon/index.js';
8
8
  import '../../bundle-mjs-fbc6e2a8.js';
9
- import '../../style-map-f7093d93.js';
9
+ import '../../style-map-d5d85b80.js';
10
10
  import '../../directive-2bb7789e.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}";
@@ -48,7 +48,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
48
48
  this.size = "medium";
49
49
  this.rightIcon = "";
50
50
  this.isRightIconClickable = false;
51
- this.hasHocus = false;
51
+ this.hasFocus = false;
52
52
  this.hasHighlight = false;
53
53
  this.inputStyles = ce({
54
54
  slots: {
@@ -229,12 +229,12 @@ let LuksoInput = class extends TailwindStyledElement(style) {
229
229
  }
230
230
  handleFocus() {
231
231
  if (!this.isReadonly && !this.isDisabled) {
232
- this.hasHocus = true;
232
+ this.hasFocus = true;
233
233
  this.hasHighlight = true;
234
234
  }
235
235
  }
236
236
  async handleBlur(event) {
237
- this.hasHocus = false;
237
+ this.hasFocus = false;
238
238
  this.hasHighlight = false;
239
239
  await this.updateComplete;
240
240
  const target = event.target;
@@ -320,7 +320,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
320
320
  }
321
321
  }
322
322
  handleMouseOut() {
323
- if (!this.hasHocus) {
323
+ if (!this.hasFocus) {
324
324
  this.hasHighlight = false;
325
325
  }
326
326
  }
@@ -460,7 +460,7 @@ __decorateClass([
460
460
  ], LuksoInput.prototype, "isRightIconClickable", 2);
461
461
  __decorateClass([
462
462
  t()
463
- ], LuksoInput.prototype, "hasHocus", 2);
463
+ ], LuksoInput.prototype, "hasFocus", 2);
464
464
  __decorateClass([
465
465
  t()
466
466
  ], LuksoInput.prototype, "hasHighlight", 2);
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const index = require('../../index-1d3f4a5a.cjs');
8
8
  require('../../bundle-mjs-d58a83c6.cjs');
@@ -1,4 +1,4 @@
1
- import { a as TailwindElement, x } from '../../index-14baf4da.js';
1
+ import { a as TailwindElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { c as ce } from '../../index-ca8e900d.js';
4
4
  import '../../bundle-mjs-fbc6e2a8.js';
@@ -2,16 +2,16 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.cjs');
8
8
  const index = require('../../index-1d3f4a5a.cjs');
9
9
  require('../lukso-icon/index.cjs');
10
10
  require('../lukso-tag/index.cjs');
11
11
  require('../../bundle-mjs-d58a83c6.cjs');
12
- require('../../style-map-272091aa.cjs');
12
+ require('../../style-map-77b74f74.cjs');
13
13
  require('../../directive-8278ab14.cjs');
14
- require('../../index-752774b2.cjs');
14
+ require('../../index-bca7ccb0.cjs');
15
15
 
16
16
  var __defProp = Object.defineProperty;
17
17
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1,13 +1,13 @@
1
- import { a as TailwindElement, x, A } from '../../index-14baf4da.js';
1
+ import { a as TailwindElement, x, A } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
4
  import { c as ce } from '../../index-ca8e900d.js';
5
5
  import '../lukso-icon/index.js';
6
6
  import '../lukso-tag/index.js';
7
7
  import '../../bundle-mjs-fbc6e2a8.js';
8
- import '../../style-map-f7093d93.js';
8
+ import '../../style-map-d5d85b80.js';
9
9
  import '../../directive-2bb7789e.js';
10
- import '../../index-0f429f67.js';
10
+ import '../../index-0b520c6a.js';
11
11
 
12
12
  var __defProp = Object.defineProperty;
13
13
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -2,14 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.cjs');
8
8
  const index = require('../../index-1d3f4a5a.cjs');
9
9
  require('../lukso-icon/index.cjs');
10
10
  require('../lukso-button/index.cjs');
11
11
  require('../../bundle-mjs-d58a83c6.cjs');
12
- require('../../style-map-272091aa.cjs');
12
+ require('../../style-map-77b74f74.cjs');
13
13
  require('../../directive-8278ab14.cjs');
14
14
  require('../../tailwind-config.cjs');
15
15
  require('../../cn-5ceac001.cjs');
@@ -1,11 +1,11 @@
1
- import { T as TailwindStyledElement, x } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
4
  import { c as ce } from '../../index-ca8e900d.js';
5
5
  import '../lukso-icon/index.js';
6
6
  import '../lukso-button/index.js';
7
7
  import '../../bundle-mjs-fbc6e2a8.js';
8
- import '../../style-map-f7093d93.js';
8
+ import '../../style-map-d5d85b80.js';
9
9
  import '../../directive-2bb7789e.js';
10
10
  import '../../tailwind-config.js';
11
11
  import '../../cn-b54dcc61.js';
@@ -2,13 +2,13 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const index = require('../../index-1d3f4a5a.cjs');
8
8
  require('../lukso-image/index.cjs');
9
9
  require('../../bundle-mjs-d58a83c6.cjs');
10
10
  require('../../state-d9fb972b.cjs');
11
- require('../../style-map-272091aa.cjs');
11
+ require('../../style-map-77b74f74.cjs');
12
12
  require('../../directive-8278ab14.cjs');
13
13
 
14
14
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1,10 +1,10 @@
1
- import { a as TailwindElement, x } from '../../index-14baf4da.js';
1
+ import { a as TailwindElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { c as ce } from '../../index-ca8e900d.js';
4
4
  import '../lukso-image/index.js';
5
5
  import '../../bundle-mjs-fbc6e2a8.js';
6
6
  import '../../state-b9ca4e74.js';
7
- import '../../style-map-f7093d93.js';
7
+ import '../../style-map-d5d85b80.js';
8
8
  import '../../directive-2bb7789e.js';
9
9
 
10
10
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
- const styleMap = require('../../style-map-272091aa.cjs');
7
+ const styleMap = require('../../style-map-77b74f74.cjs');
8
8
  require('../../tailwind-config.cjs');
9
9
  const cn = require('../../cn-5ceac001.cjs');
10
10
  require('../../directive-8278ab14.cjs');
@@ -1,6 +1,6 @@
1
- import { a as TailwindElement, x } from '../../index-14baf4da.js';
1
+ import { a as TailwindElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
- import { o } from '../../style-map-f7093d93.js';
3
+ import { o } from '../../style-map-d5d85b80.js';
4
4
  import '../../tailwind-config.js';
5
5
  import { c as cn } from '../../cn-b54dcc61.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-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.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-14baf4da.js';
1
+ import { A, b as T, a as TailwindElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e as e$2 } from '../../query-assigned-elements-1c8c9e90.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-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.cjs');
8
8
  const index = require('../../index-1d3f4a5a.cjs');
@@ -10,13 +10,13 @@ require('../lukso-icon/index.cjs');
10
10
  require('../lukso-profile/index.cjs');
11
11
  require('../lukso-username/index.cjs');
12
12
  require('../lukso-input/index.cjs');
13
- require('../../index-8186b19a.cjs');
13
+ require('../../index-3429e18a.cjs');
14
14
  require('../lukso-dropdown-option/index.cjs');
15
15
  require('../../bundle-mjs-d58a83c6.cjs');
16
- require('../../style-map-272091aa.cjs');
16
+ require('../../style-map-77b74f74.cjs');
17
17
  require('../../directive-8278ab14.cjs');
18
18
  require('../lukso-image/index.cjs');
19
- require('../../index-752774b2.cjs');
19
+ require('../../index-bca7ccb0.cjs');
20
20
  require('../../tailwind-config.cjs');
21
21
  require('../../cn-5ceac001.cjs');
22
22
 
@@ -1,4 +1,4 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
4
  import { c as ce } from '../../index-ca8e900d.js';
@@ -6,13 +6,13 @@ import '../lukso-icon/index.js';
6
6
  import '../lukso-profile/index.js';
7
7
  import '../lukso-username/index.js';
8
8
  import '../lukso-input/index.js';
9
- import '../../index-62e802f0.js';
9
+ import '../../index-c6f49fea.js';
10
10
  import '../lukso-dropdown-option/index.js';
11
11
  import '../../bundle-mjs-fbc6e2a8.js';
12
- import '../../style-map-f7093d93.js';
12
+ import '../../style-map-d5d85b80.js';
13
13
  import '../../directive-2bb7789e.js';
14
14
  import '../lukso-image/index.js';
15
- import '../../index-0f429f67.js';
15
+ import '../../index-0b520c6a.js';
16
16
  import '../../tailwind-config.js';
17
17
  import '../../cn-b54dcc61.js';
18
18
 
@@ -2,20 +2,20 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.cjs');
8
8
  const index = require('../../index-1d3f4a5a.cjs');
9
9
  require('../lukso-icon/index.cjs');
10
10
  require('../lukso-profile/index.cjs');
11
11
  require('../lukso-username/index.cjs');
12
- const components_luksoDropdown_index = require('../../index-8186b19a.cjs');
12
+ const components_luksoDropdown_index = require('../../index-3429e18a.cjs');
13
13
  require('../lukso-dropdown-option/index.cjs');
14
14
  require('../../bundle-mjs-d58a83c6.cjs');
15
- require('../../style-map-272091aa.cjs');
15
+ require('../../style-map-77b74f74.cjs');
16
16
  require('../../directive-8278ab14.cjs');
17
17
  require('../lukso-image/index.cjs');
18
- require('../../index-752774b2.cjs');
18
+ require('../../index-bca7ccb0.cjs');
19
19
  require('../../tailwind-config.cjs');
20
20
  require('../../cn-5ceac001.cjs');
21
21
 
@@ -1,17 +1,17 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
4
  import { c as ce } from '../../index-ca8e900d.js';
5
5
  import '../lukso-icon/index.js';
6
6
  import '../lukso-profile/index.js';
7
7
  import '../lukso-username/index.js';
8
- import { u as uniqId } from '../../index-62e802f0.js';
8
+ import { u as uniqId } from '../../index-c6f49fea.js';
9
9
  import '../lukso-dropdown-option/index.js';
10
10
  import '../../bundle-mjs-fbc6e2a8.js';
11
- import '../../style-map-f7093d93.js';
11
+ import '../../style-map-d5d85b80.js';
12
12
  import '../../directive-2bb7789e.js';
13
13
  import '../lukso-image/index.js';
14
- import '../../index-0f429f67.js';
14
+ import '../../index-0b520c6a.js';
15
15
  import '../../tailwind-config.js';
16
16
  import '../../cn-b54dcc61.js';
17
17
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.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-14baf4da.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.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-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
- const styleMap = require('../../style-map-272091aa.cjs');
7
+ const styleMap = require('../../style-map-77b74f74.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-14baf4da.js';
1
+ import { a as TailwindElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
- import { o } from '../../style-map-f7093d93.js';
3
+ import { o } from '../../style-map-d5d85b80.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-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const index = require('../../index-1d3f4a5a.cjs');
8
- const index$1 = require('../../index-752774b2.cjs');
8
+ const index$1 = require('../../index-bca7ccb0.cjs');
9
9
  require('../../bundle-mjs-d58a83c6.cjs');
10
10
  require('../../directive-8278ab14.cjs');
11
11
 
@@ -1,7 +1,7 @@
1
- import { T as TailwindStyledElement, x } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { c as ce } from '../../index-ca8e900d.js';
4
- import { c as customStyleMap } from '../../index-0f429f67.js';
4
+ import { c as customStyleMap } from '../../index-0b520c6a.js';
5
5
  import '../../bundle-mjs-fbc6e2a8.js';
6
6
  import '../../directive-2bb7789e.js';
7
7
 
@@ -2,14 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.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-272091aa.cjs');
12
+ require('../../style-map-77b74f74.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-14baf4da.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.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-f7093d93.js';
8
+ import '../../style-map-d5d85b80.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-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.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-14baf4da.js';
1
+ import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-e73db22f.js';
2
2
  import { n as n$3, e as e$3 } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { e as e$2, i as i$3, t as t$3 } 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-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.cjs');
8
8
  const index = require('../../index-1d3f4a5a.cjs');
@@ -10,7 +10,7 @@ require('../../tailwind-config.cjs');
10
10
  const cn = require('../../cn-5ceac001.cjs');
11
11
  require('../lukso-icon/index.cjs');
12
12
  require('../../bundle-mjs-d58a83c6.cjs');
13
- require('../../style-map-272091aa.cjs');
13
+ require('../../style-map-77b74f74.cjs');
14
14
  require('../../directive-8278ab14.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}";
@@ -46,7 +46,7 @@ exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index
46
46
  this.isNonResizable = false;
47
47
  this.size = "medium";
48
48
  this.rows = 4;
49
- this.hasHocus = false;
49
+ this.hasFocus = false;
50
50
  this.hasHighlight = false;
51
51
  this.styles = index.ce({
52
52
  slots: {
@@ -166,12 +166,12 @@ ${this.value}</textarea
166
166
  }
167
167
  handleFocus() {
168
168
  if (!this.isReadonly && !this.isDisabled) {
169
- this.hasHocus = true;
169
+ this.hasFocus = true;
170
170
  this.hasHighlight = true;
171
171
  }
172
172
  }
173
173
  async handleBlur(event) {
174
- this.hasHocus = false;
174
+ this.hasFocus = false;
175
175
  this.hasHighlight = false;
176
176
  await this.updateComplete;
177
177
  const target = event.target;
@@ -257,7 +257,7 @@ ${this.value}</textarea
257
257
  }
258
258
  }
259
259
  handleMouseOut() {
260
- if (!this.hasHocus) {
260
+ if (!this.hasFocus) {
261
261
  this.hasHighlight = false;
262
262
  }
263
263
  }
@@ -352,7 +352,7 @@ __decorateClass([
352
352
  ], exports.LuksoTextarea.prototype, "rows", 2);
353
353
  __decorateClass([
354
354
  state.t()
355
- ], exports.LuksoTextarea.prototype, "hasHocus", 2);
355
+ ], exports.LuksoTextarea.prototype, "hasFocus", 2);
356
356
  __decorateClass([
357
357
  state.t()
358
358
  ], exports.LuksoTextarea.prototype, "hasHighlight", 2);
@@ -18,7 +18,7 @@ export declare class LuksoTextarea extends LuksoTextarea_base {
18
18
  isNonResizable: boolean;
19
19
  size: InputSize;
20
20
  rows: number;
21
- private hasHocus;
21
+ private hasFocus;
22
22
  private hasHighlight;
23
23
  private styles;
24
24
  inputTemplate(styles: string): import("lit-html").TemplateResult<1>;
@@ -1,4 +1,4 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
4
  import { c as ce } from '../../index-ca8e900d.js';
@@ -6,7 +6,7 @@ import '../../tailwind-config.js';
6
6
  import { c as cn } from '../../cn-b54dcc61.js';
7
7
  import '../lukso-icon/index.js';
8
8
  import '../../bundle-mjs-fbc6e2a8.js';
9
- import '../../style-map-f7093d93.js';
9
+ import '../../style-map-d5d85b80.js';
10
10
  import '../../directive-2bb7789e.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}";
@@ -42,7 +42,7 @@ let LuksoTextarea = class extends TailwindStyledElement(style) {
42
42
  this.isNonResizable = false;
43
43
  this.size = "medium";
44
44
  this.rows = 4;
45
- this.hasHocus = false;
45
+ this.hasFocus = false;
46
46
  this.hasHighlight = false;
47
47
  this.styles = ce({
48
48
  slots: {
@@ -162,12 +162,12 @@ ${this.value}</textarea
162
162
  }
163
163
  handleFocus() {
164
164
  if (!this.isReadonly && !this.isDisabled) {
165
- this.hasHocus = true;
165
+ this.hasFocus = true;
166
166
  this.hasHighlight = true;
167
167
  }
168
168
  }
169
169
  async handleBlur(event) {
170
- this.hasHocus = false;
170
+ this.hasFocus = false;
171
171
  this.hasHighlight = false;
172
172
  await this.updateComplete;
173
173
  const target = event.target;
@@ -253,7 +253,7 @@ ${this.value}</textarea
253
253
  }
254
254
  }
255
255
  handleMouseOut() {
256
- if (!this.hasHocus) {
256
+ if (!this.hasFocus) {
257
257
  this.hasHighlight = false;
258
258
  }
259
259
  }
@@ -348,7 +348,7 @@ __decorateClass([
348
348
  ], LuksoTextarea.prototype, "rows", 2);
349
349
  __decorateClass([
350
350
  t()
351
- ], LuksoTextarea.prototype, "hasHocus", 2);
351
+ ], LuksoTextarea.prototype, "hasFocus", 2);
352
352
  __decorateClass([
353
353
  t()
354
354
  ], LuksoTextarea.prototype, "hasHighlight", 2);
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const state = require('../../state-d9fb972b.cjs');
8
8
  const index = require('../../index-1d3f4a5a.cjs');
9
- const styleMap = require('../../style-map-272091aa.cjs');
9
+ const styleMap = require('../../style-map-77b74f74.cjs');
10
10
  require('../../bundle-mjs-d58a83c6.cjs');
11
11
  require('../../directive-8278ab14.cjs');
12
12
 
@@ -1,8 +1,8 @@
1
- import { T as TailwindStyledElement, x } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { t } from '../../state-b9ca4e74.js';
4
4
  import { c as ce } from '../../index-ca8e900d.js';
5
- import { o } from '../../style-map-f7093d93.js';
5
+ import { o } from '../../style-map-d5d85b80.js';
6
6
  import '../../bundle-mjs-fbc6e2a8.js';
7
7
  import '../../directive-2bb7789e.js';
8
8
 
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const index = require('../../index-1d3f4a5a.cjs');
8
- const index$1 = require('../../index-752774b2.cjs');
8
+ const index$1 = require('../../index-bca7ccb0.cjs');
9
9
  require('../../tailwind-config.cjs');
10
10
  const cn = require('../../cn-5ceac001.cjs');
11
11
  require('../../bundle-mjs-d58a83c6.cjs');
@@ -1,7 +1,7 @@
1
- import { T as TailwindStyledElement, x, A } from '../../index-14baf4da.js';
1
+ import { T as TailwindStyledElement, x, A } from '../../index-e73db22f.js';
2
2
  import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { c as ce } from '../../index-ca8e900d.js';
4
- import { c as customStyleMap } from '../../index-0f429f67.js';
4
+ import { c as customStyleMap } from '../../index-0b520c6a.js';
5
5
  import '../../tailwind-config.js';
6
6
  import { c as cn } from '../../cn-b54dcc61.js';
7
7
  import '../../bundle-mjs-fbc6e2a8.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-8322d22b.cjs');
5
+ const shared_tailwindElement_index = require('../../index-31c27410.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
7
7
  const directive = require('../../directive-8278ab14.cjs');
8
8
  const index = require('../../index-1d3f4a5a.cjs');
@@ -1,4 +1,4 @@
1
- import { j, b as T, T as TailwindStyledElement, x } from '../../index-14baf4da.js';
1
+ import { j, b as T, T as TailwindStyledElement, x } from '../../index-e73db22f.js';
2
2
  import { n, e as e$1 } from '../../query-assigned-elements-1c8c9e90.js';
3
3
  import { e, i, t } from '../../directive-2bb7789e.js';
4
4
  import { c as ce } from '../../index-ca8e900d.js';