@lukso/web-components 1.129.0 → 1.130.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 (87) hide show
  1. package/dist/components/index.cjs +6 -6
  2. package/dist/components/index.js +6 -6
  3. package/dist/components/lukso-button/index.cjs +3 -3
  4. package/dist/components/lukso-button/index.js +3 -3
  5. package/dist/components/lukso-card/index.cjs +6 -6
  6. package/dist/components/lukso-card/index.js +6 -6
  7. package/dist/components/lukso-checkbox/index.cjs +3 -3
  8. package/dist/components/lukso-checkbox/index.js +3 -3
  9. package/dist/components/lukso-color-picker/index.cjs +4 -4
  10. package/dist/components/lukso-color-picker/index.js +4 -4
  11. package/dist/components/lukso-dropdown/index.cjs +8 -14
  12. package/dist/components/lukso-dropdown/index.d.ts +1 -1
  13. package/dist/components/lukso-dropdown/index.d.ts.map +1 -1
  14. package/dist/components/lukso-dropdown/index.js +8 -14
  15. package/dist/components/lukso-dropdown-option/index.cjs +3 -9
  16. package/dist/components/lukso-dropdown-option/index.d.ts +1 -1
  17. package/dist/components/lukso-dropdown-option/index.d.ts.map +1 -1
  18. package/dist/components/lukso-dropdown-option/index.js +3 -9
  19. package/dist/components/lukso-footer/index.cjs +2 -2
  20. package/dist/components/lukso-footer/index.js +2 -2
  21. package/dist/components/lukso-icon/index.cjs +3 -3
  22. package/dist/components/lukso-icon/index.js +3 -3
  23. package/dist/components/lukso-image/index.cjs +4 -4
  24. package/dist/components/lukso-image/index.js +4 -4
  25. package/dist/components/lukso-input/index.cjs +17 -17
  26. package/dist/components/lukso-input/index.d.ts +1 -1
  27. package/dist/components/lukso-input/index.d.ts.map +1 -1
  28. package/dist/components/lukso-input/index.js +17 -17
  29. package/dist/components/lukso-modal/index.cjs +14 -10
  30. package/dist/components/lukso-modal/index.d.ts.map +1 -1
  31. package/dist/components/lukso-modal/index.js +14 -10
  32. package/dist/components/lukso-navbar/index.cjs +5 -5
  33. package/dist/components/lukso-navbar/index.js +5 -5
  34. package/dist/components/lukso-pagination/index.cjs +4 -4
  35. package/dist/components/lukso-pagination/index.js +4 -4
  36. package/dist/components/lukso-profile/index.cjs +5 -5
  37. package/dist/components/lukso-profile/index.js +5 -5
  38. package/dist/components/lukso-progress/index.cjs +3 -3
  39. package/dist/components/lukso-progress/index.js +3 -3
  40. package/dist/components/lukso-sanitize/index.cjs +2 -2
  41. package/dist/components/lukso-sanitize/index.js +2 -2
  42. package/dist/components/lukso-search/index.cjs +64 -22
  43. package/dist/components/lukso-search/index.d.ts +11 -3
  44. package/dist/components/lukso-search/index.d.ts.map +1 -1
  45. package/dist/components/lukso-search/index.js +64 -22
  46. package/dist/components/lukso-search/lukso-search.stories.d.ts +1 -0
  47. package/dist/components/lukso-search/lukso-search.stories.d.ts.map +1 -1
  48. package/dist/components/lukso-select/index.cjs +6 -6
  49. package/dist/components/lukso-select/index.js +6 -6
  50. package/dist/components/lukso-share/index.cjs +2 -2
  51. package/dist/components/lukso-share/index.js +2 -2
  52. package/dist/components/lukso-switch/index.cjs +3 -3
  53. package/dist/components/lukso-switch/index.js +3 -3
  54. package/dist/components/lukso-tag/index.cjs +3 -3
  55. package/dist/components/lukso-tag/index.js +3 -3
  56. package/dist/components/lukso-terms/index.cjs +4 -4
  57. package/dist/components/lukso-terms/index.js +4 -4
  58. package/dist/components/lukso-test/index.cjs +2 -2
  59. package/dist/components/lukso-test/index.js +2 -2
  60. package/dist/components/lukso-textarea/index.cjs +4 -4
  61. package/dist/components/lukso-textarea/index.js +4 -4
  62. package/dist/components/lukso-tooltip/index.cjs +4 -4
  63. package/dist/components/lukso-tooltip/index.js +4 -4
  64. package/dist/components/lukso-username/index.cjs +3 -3
  65. package/dist/components/lukso-username/index.js +3 -3
  66. package/dist/components/lukso-wizard/index.cjs +2 -2
  67. package/dist/components/lukso-wizard/index.js +2 -2
  68. package/dist/{index-b74237f9.js → index-11b4b329.js} +1 -1
  69. package/dist/index-1fd569a9.cjs +46 -0
  70. package/dist/{index-e5b0ba18.cjs → index-2f5d5d79.cjs} +2 -2
  71. package/dist/index-82b4fdeb.js +37 -0
  72. package/dist/{index-2ffc105b.cjs → index-8eb2e6d8.cjs} +1 -1
  73. package/dist/{index-da14e190.js → index-de036f63.js} +2 -2
  74. package/dist/index.cjs +6 -6
  75. package/dist/index.js +6 -6
  76. package/dist/{property-65ed3fa1.cjs → property-7a90cede.cjs} +1 -1
  77. package/dist/{property-ff5733e6.js → property-cfc5fabd.js} +1 -1
  78. package/dist/shared/tailwind-element/index.cjs +1 -1
  79. package/dist/shared/tailwind-element/index.js +1 -1
  80. package/dist/{state-ec4491d8.cjs → state-09b048f8.cjs} +1 -1
  81. package/dist/{state-9bdaddc0.js → state-1aaee2b7.js} +1 -1
  82. package/dist/{style-map-227a49cb.cjs → style-map-2abffb39.cjs} +1 -1
  83. package/dist/{style-map-8a1e2472.js → style-map-c8670fc8.js} +1 -1
  84. package/package.json +1 -1
  85. package/tools/sass/colors.scss +1 -0
  86. package/dist/index-869a59a0.js +0 -37
  87. package/dist/index-b44989bb.cjs +0 -46
@@ -1,21 +1,22 @@
1
- import { m as makeBlockie } from '../../index-da14e190.js';
2
- import { T as TailwindStyledElement, x, E } from '../../index-869a59a0.js';
3
- import { n, t } from '../../property-ff5733e6.js';
4
- import { r } from '../../state-9bdaddc0.js';
1
+ import { m as makeBlockie } from '../../index-de036f63.js';
2
+ import { T as TailwindStyledElement, x, E } from '../../index-82b4fdeb.js';
3
+ import { n, t } from '../../property-cfc5fabd.js';
4
+ import { r } from '../../state-1aaee2b7.js';
5
5
  import { c as ce } from '../../index-d14b6a34.js';
6
6
  import '../lukso-dropdown/index.js';
7
7
  import '../lukso-dropdown-option/index.js';
8
8
  import '../lukso-icon/index.js';
9
9
  import '../lukso-input/index.js';
10
+ import '../lukso-tag/index.js';
10
11
  import '../lukso-username/index.js';
11
12
  import '../lukso-image/index.js';
12
- import '../../style-map-8a1e2472.js';
13
+ import '../../style-map-c8670fc8.js';
13
14
  import '../../directive-2bb7789e.js';
14
15
  import '../../uniq-id-ce2d165c.js';
16
+ import '../lukso-sanitize/index.js';
15
17
  import '../../tailwind-config.js';
16
18
  import '../../cn-90c03edf.js';
17
- import '../lukso-sanitize/index.js';
18
- import '../../index-b74237f9.js';
19
+ import '../../index-11b4b329.js';
19
20
 
20
21
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
21
22
 
@@ -37,6 +38,8 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
37
38
  this.name = "";
38
39
  this.placeholder = "";
39
40
  this.label = "";
41
+ this.availableText = "Available";
42
+ this.unavailableText = "Registered";
40
43
  this.autocomplete = "off";
41
44
  this.id = "";
42
45
  this.description = "";
@@ -57,10 +60,9 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
57
60
  this.hasReset = false;
58
61
  this.keepValueOnEscapeHit = false;
59
62
  this.selected = void 0;
60
- this.size = "medium";
63
+ this.size = "large";
61
64
  this.isDebouncing = false;
62
65
  this.resultsParsed = [];
63
- this.searchTerm = "";
64
66
  this.styles = ce({
65
67
  slots: {
66
68
  loading: "bg-neutral-95 w-full animate-pulse animation-delay-none"
@@ -74,6 +76,9 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
74
76
  loading: "h-10 rounded-8"
75
77
  },
76
78
  large: {
79
+ loading: "h-10 rounded-8"
80
+ },
81
+ "x-large": {
77
82
  loading: "h-12 rounded-8"
78
83
  }
79
84
  }
@@ -107,21 +112,34 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
107
112
  }
108
113
  }
109
114
  }
115
+ sizeDropdown() {
116
+ const dropdownSize = this.size === "large" || this.size === "x-large" ? "medium" : this.size;
117
+ return dropdownSize;
118
+ }
110
119
  resultsTemplate() {
111
120
  const resultTemplates = [];
112
121
  this.resultsParsed = JSON.parse(this.results);
113
122
  for (const result of Object.entries(this.resultsParsed)) {
114
123
  const index = Number(result[0]);
115
- if ("value" in result[1]) {
116
- resultTemplates.push(this.resultStringTemplate(result[1], index));
124
+ if ("value" in result[1] && "status" in result[1]) {
125
+ resultTemplates.push(
126
+ this.resultUniversalNameTemplate(
127
+ result[1],
128
+ index
129
+ )
130
+ );
131
+ } else if ("value" in result[1]) {
132
+ resultTemplates.push(
133
+ this.resultStringTemplate(result[1], index)
134
+ );
117
135
  } else if ("address" in result[1]) {
118
136
  resultTemplates.push(this.resultProfileTemplate(result[1], index));
119
- } else {
137
+ } else if ("value" in result[1]) ; else {
120
138
  console.error("Unknown result type", result);
121
139
  }
122
140
  }
123
141
  return x`<lukso-dropdown
124
- size=${this.size}
142
+ size=${this.sizeDropdown()}
125
143
  is-open
126
144
  is-open-on-outside-click
127
145
  is-full-width
@@ -130,7 +148,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
130
148
  }
131
149
  noResultsTemplate() {
132
150
  return x`<lukso-dropdown
133
- size=${this.size}
151
+ size=${this.sizeDropdown()}
134
152
  is-open
135
153
  is-open-on-outside-click
136
154
  is-full-width
@@ -145,7 +163,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
145
163
  });
146
164
  if (this.showNoResults) {
147
165
  return x`<lukso-dropdown
148
- size=${this.size}
166
+ size=${this.sizeDropdown()}
149
167
  is-open
150
168
  is-open-on-outside-click
151
169
  is-full-width
@@ -158,7 +176,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
158
176
  }
159
177
  if (this.resultsParsed.length === 0 || this.resultsParsed.length > 5) {
160
178
  return x`<lukso-dropdown
161
- size=${this.size}
179
+ size=${this.sizeDropdown()}
162
180
  is-open
163
181
  is-open-on-outside-click
164
182
  is-full-width
@@ -170,7 +188,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
170
188
  >`;
171
189
  }
172
190
  return x`<lukso-dropdown
173
- size=${this.size}
191
+ size=${this.sizeDropdown()}
174
192
  is-open
175
193
  is-open-on-outside-click
176
194
  is-full-width
@@ -182,16 +200,37 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
182
200
  >`;
183
201
  }
184
202
  resultStringTemplate(result, index) {
203
+ const dropdownSize = this.size === "large" || this.size === "x-large" ? "medium" : this.size;
185
204
  return x`<lukso-dropdown-option
186
205
  data-id="${result.id}"
187
206
  data-index="${index + 1}"
188
207
  ?is-selected=${this.selected === index + 1}
189
- size=${this.size}
208
+ size=${dropdownSize}
190
209
  @click=${() => this.handleSelect(result)}
191
210
  >
192
211
  ${result.value}
193
212
  </lukso-dropdown-option>`;
194
213
  }
214
+ resultUniversalNameTemplate(result, index) {
215
+ const tag = x`<lukso-tag
216
+ is-rounded
217
+ background-color="${result.status ? "green-90" : "neutral-95"}"
218
+ text-color="${result.status ? "green-45" : "neutral-60"}"
219
+ >${!!result.status ? this.availableText : this.unavailableText}</lukso-tag
220
+ >`;
221
+ return x`<lukso-dropdown-option
222
+ data-id="${result.id}"
223
+ data-index="${index + 1}"
224
+ ?is-selected=${this.selected === index + 1}
225
+ size=${this.sizeDropdown()}
226
+ @click=${() => this.handleSelect(result)}
227
+ >
228
+ <div class="flex flex-row items-center justify-between w-full">
229
+ <div class="paragraph-inter-14-semi-bold">${result.value}</div>
230
+ ${tag}
231
+ </div>
232
+ </lukso-dropdown-option>`;
233
+ }
195
234
  resultProfileTemplate(result, index) {
196
235
  const eoaProfilePicture = x`<lukso-profile
197
236
  profile-address="${result.address}"
@@ -209,7 +248,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
209
248
  data-id="${result.address}"
210
249
  data-index="${index + 1}"
211
250
  ?is-selected=${this.selected === index + 1}
212
- size=${this.size}
251
+ size=${this.sizeDropdown()}
213
252
  @click=${() => this.handleSelect(result)}
214
253
  >
215
254
  ${profilePicture}
@@ -402,6 +441,12 @@ __decorateClass([
402
441
  __decorateClass([
403
442
  n({ type: String })
404
443
  ], LuksoSearch.prototype, "label", 2);
444
+ __decorateClass([
445
+ n({ type: String, attribute: "available-text" })
446
+ ], LuksoSearch.prototype, "availableText", 2);
447
+ __decorateClass([
448
+ n({ type: String, attribute: "unavailable-text" })
449
+ ], LuksoSearch.prototype, "unavailableText", 2);
405
450
  __decorateClass([
406
451
  n({ type: String })
407
452
  ], LuksoSearch.prototype, "autocomplete", 2);
@@ -474,9 +519,6 @@ __decorateClass([
474
519
  __decorateClass([
475
520
  r()
476
521
  ], LuksoSearch.prototype, "resultsParsed", 2);
477
- __decorateClass([
478
- r()
479
- ], LuksoSearch.prototype, "searchTerm", 2);
480
522
  LuksoSearch = __decorateClass([
481
523
  t("lukso-search")
482
524
  ], LuksoSearch);
@@ -6,6 +6,7 @@ export default meta;
6
6
  export declare const DefaultSearch: any;
7
7
  /** Example of search with `profile` values. */
8
8
  export declare const ProfileSearch: any;
9
+ export declare const UniversalNameSearch: any;
9
10
  /** To indicate when search is processing results you can add `is-searching` attribute. */
10
11
  export declare const SearchingState: any;
11
12
  /** To show that search hes no results add `show-no-results` attribute. You can also customize no results text with `no-results-text` attribute. */
@@ -1 +1 @@
1
- {"version":3,"file":"lukso-search.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/lukso-search.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,mHAAmH;AACnH,QAAA,MAAM,IAAI,EAAE,IA8TX,CAAA;AAED,eAAe,IAAI,CAAA;AA8FnB,+CAA+C;AAC/C,eAAO,MAAM,aAAa,KAAoB,CAAA;AAM9C,gDAAgD;AAChD,eAAO,MAAM,aAAa,KAAoB,CAAA;AA0B9C,0FAA0F;AAC1F,eAAO,MAAM,cAAc,KAAoB,CAAA;AAQ/C,mJAAmJ;AACnJ,eAAO,MAAM,SAAS,KAAoB,CAAA;AAQ1C,mCAAmC;AACnC,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,mCAAmC;AACnC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAM/C,gCAAgC;AAChC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
1
+ {"version":3,"file":"lukso-search.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/lukso-search.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,mHAAmH;AACnH,QAAA,MAAM,IAAI,EAAE,IAwVX,CAAA;AAED,eAAe,IAAI,CAAA;AA8FnB,+CAA+C;AAC/C,eAAO,MAAM,aAAa,KAAoB,CAAA;AAM9C,gDAAgD;AAChD,eAAO,MAAM,aAAa,KAAoB,CAAA;AA0B9C,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAmBpD,0FAA0F;AAC1F,eAAO,MAAM,cAAc,KAAoB,CAAA;AAQ/C,mJAAmJ;AACnJ,eAAO,MAAM,SAAS,KAAoB,CAAA;AAQ1C,mCAAmC;AACnC,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,mCAAmC;AACnC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAM/C,gCAAgC;AAChC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
6
- const property = require('../../property-65ed3fa1.cjs');
7
- const state = require('../../state-ec4491d8.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
+ const property = require('../../property-7a90cede.cjs');
7
+ const state = require('../../state-09b048f8.cjs');
8
8
  const index = require('../../index-2b104ecb.cjs');
9
- const components_luksoProfile_index = require('../../index-e5b0ba18.cjs');
9
+ const components_luksoProfile_index = require('../../index-2f5d5d79.cjs');
10
10
  require('../lukso-icon/index.cjs');
11
11
  require('../lukso-username/index.cjs');
12
12
  require('../lukso-dropdown/index.cjs');
@@ -14,9 +14,9 @@ require('../lukso-dropdown-option/index.cjs');
14
14
  require('../lukso-sanitize/index.cjs');
15
15
  const uniqId = require('../../uniq-id-f0b18085.cjs');
16
16
  require('../lukso-image/index.cjs');
17
- require('../../style-map-227a49cb.cjs');
17
+ require('../../style-map-2abffb39.cjs');
18
18
  require('../../directive-8278ab14.cjs');
19
- require('../../index-2ffc105b.cjs');
19
+ require('../../index-8eb2e6d8.cjs');
20
20
  require('../../tailwind-config.cjs');
21
21
  require('../../cn-b6daa995.cjs');
22
22
 
@@ -1,8 +1,8 @@
1
- import { T as TailwindStyledElement, x, E } from '../../index-869a59a0.js';
2
- import { n, t } from '../../property-ff5733e6.js';
3
- import { r } from '../../state-9bdaddc0.js';
1
+ import { T as TailwindStyledElement, x, E } from '../../index-82b4fdeb.js';
2
+ import { n, t } from '../../property-cfc5fabd.js';
3
+ import { r } from '../../state-1aaee2b7.js';
4
4
  import { c as ce } from '../../index-d14b6a34.js';
5
- import { m as makeBlockie } from '../../index-da14e190.js';
5
+ import { m as makeBlockie } from '../../index-de036f63.js';
6
6
  import '../lukso-icon/index.js';
7
7
  import '../lukso-username/index.js';
8
8
  import '../lukso-dropdown/index.js';
@@ -10,9 +10,9 @@ import '../lukso-dropdown-option/index.js';
10
10
  import '../lukso-sanitize/index.js';
11
11
  import { u as uniqId } from '../../uniq-id-ce2d165c.js';
12
12
  import '../lukso-image/index.js';
13
- import '../../style-map-8a1e2472.js';
13
+ import '../../style-map-c8670fc8.js';
14
14
  import '../../directive-2bb7789e.js';
15
- import '../../index-b74237f9.js';
15
+ import '../../index-11b4b329.js';
16
16
  import '../../tailwind-config.js';
17
17
  import '../../cn-90c03edf.js';
18
18
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
6
- const property = require('../../property-65ed3fa1.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
+ const property = require('../../property-7a90cede.cjs');
7
7
 
8
8
  const style = ":host {\n display: inline-flex\n}";
9
9
 
@@ -1,5 +1,5 @@
1
- import { T as TailwindStyledElement, x } from '../../index-869a59a0.js';
2
- import { n, t } from '../../property-ff5733e6.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-82b4fdeb.js';
2
+ import { n, t } from '../../property-cfc5fabd.js';
3
3
 
4
4
  const style = ":host {\n display: inline-flex\n}";
5
5
 
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
6
- const property = require('../../property-65ed3fa1.cjs');
7
- const styleMap = require('../../style-map-227a49cb.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
+ const property = require('../../property-7a90cede.cjs');
7
+ const styleMap = require('../../style-map-2abffb39.cjs');
8
8
  const index = require('../../index-2b104ecb.cjs');
9
9
  const uniqId = require('../../uniq-id-f0b18085.cjs');
10
10
  require('../lukso-sanitize/index.cjs');
@@ -1,6 +1,6 @@
1
- import { a as TailwindElement, x, E } from '../../index-869a59a0.js';
2
- import { n, t } from '../../property-ff5733e6.js';
3
- import { o } from '../../style-map-8a1e2472.js';
1
+ import { a as TailwindElement, x, E } from '../../index-82b4fdeb.js';
2
+ import { n, t } from '../../property-cfc5fabd.js';
3
+ import { o } from '../../style-map-c8670fc8.js';
4
4
  import { c as ce } from '../../index-d14b6a34.js';
5
5
  import { u as uniqId } from '../../uniq-id-ce2d165c.js';
6
6
  import '../lukso-sanitize/index.js';
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
6
- const property = require('../../property-65ed3fa1.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
+ const property = require('../../property-7a90cede.cjs');
7
7
  const index = require('../../index-2b104ecb.cjs');
8
- const index$1 = require('../../index-2ffc105b.cjs');
8
+ const index$1 = require('../../index-8eb2e6d8.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-869a59a0.js';
2
- import { n, t } from '../../property-ff5733e6.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-82b4fdeb.js';
2
+ import { n, t } from '../../property-cfc5fabd.js';
3
3
  import { c as ce } from '../../index-d14b6a34.js';
4
- import { c as customStyleMap } from '../../index-b74237f9.js';
4
+ import { c as customStyleMap } from '../../index-11b4b329.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-b44989bb.cjs');
6
- const property = require('../../property-65ed3fa1.cjs');
7
- const state = require('../../state-ec4491d8.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
+ const property = require('../../property-7a90cede.cjs');
7
+ const state = require('../../state-09b048f8.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-227a49cb.cjs');
12
+ require('../../style-map-2abffb39.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-869a59a0.js';
2
- import { n, t } from '../../property-ff5733e6.js';
3
- import { r } from '../../state-9bdaddc0.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-82b4fdeb.js';
2
+ import { n, t } from '../../property-cfc5fabd.js';
3
+ import { r } from '../../state-1aaee2b7.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-8a1e2472.js';
8
+ import '../../style-map-c8670fc8.js';
9
9
 
10
10
  const style = ":host {\n display: flex;\n height: 100%\n}";
11
11
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
6
- const property = require('../../property-65ed3fa1.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
+ const property = require('../../property-7a90cede.cjs');
7
7
  const directive = require('../../directive-8278ab14.cjs');
8
8
 
9
9
  /**
@@ -1,5 +1,5 @@
1
- import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-869a59a0.js';
2
- import { n as n$3, t as t$4 } from '../../property-ff5733e6.js';
1
+ import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-82b4fdeb.js';
2
+ import { n as n$3, t as t$4 } from '../../property-cfc5fabd.js';
3
3
  import { e as e$3, i as i$3, t as t$3 } from '../../directive-2bb7789e.js';
4
4
 
5
5
  /**
@@ -2,15 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
6
- const property = require('../../property-65ed3fa1.cjs');
7
- const state = require('../../state-ec4491d8.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
+ const property = require('../../property-7a90cede.cjs');
7
+ const state = require('../../state-09b048f8.cjs');
8
8
  const index = require('../../index-2b104ecb.cjs');
9
9
  require('../../tailwind-config.cjs');
10
10
  const cn = require('../../cn-b6daa995.cjs');
11
11
  require('../lukso-icon/index.cjs');
12
12
  require('../lukso-sanitize/index.cjs');
13
- require('../../style-map-227a49cb.cjs');
13
+ require('../../style-map-2abffb39.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}";
@@ -1,12 +1,12 @@
1
- import { T as TailwindStyledElement, x, E } from '../../index-869a59a0.js';
2
- import { n, t } from '../../property-ff5733e6.js';
3
- import { r } from '../../state-9bdaddc0.js';
1
+ import { T as TailwindStyledElement, x, E } from '../../index-82b4fdeb.js';
2
+ import { n, t } from '../../property-cfc5fabd.js';
3
+ import { r } from '../../state-1aaee2b7.js';
4
4
  import { c as ce } from '../../index-d14b6a34.js';
5
5
  import '../../tailwind-config.js';
6
6
  import { c as cn } from '../../cn-90c03edf.js';
7
7
  import '../lukso-icon/index.js';
8
8
  import '../lukso-sanitize/index.js';
9
- import '../../style-map-8a1e2472.js';
9
+ import '../../style-map-c8670fc8.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}";
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
6
- const property = require('../../property-65ed3fa1.cjs');
7
- const state = require('../../state-ec4491d8.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
+ const property = require('../../property-7a90cede.cjs');
7
+ const state = require('../../state-09b048f8.cjs');
8
8
  const index = require('../../index-2b104ecb.cjs');
9
- const styleMap = require('../../style-map-227a49cb.cjs');
9
+ const styleMap = require('../../style-map-2abffb39.cjs');
10
10
  require('../../directive-8278ab14.cjs');
11
11
 
12
12
  var top = 'top';
@@ -1,8 +1,8 @@
1
- import { T as TailwindStyledElement, x } from '../../index-869a59a0.js';
2
- import { n, t } from '../../property-ff5733e6.js';
3
- import { r } from '../../state-9bdaddc0.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-82b4fdeb.js';
2
+ import { n, t } from '../../property-cfc5fabd.js';
3
+ import { r } from '../../state-1aaee2b7.js';
4
4
  import { c as ce } from '../../index-d14b6a34.js';
5
- import { o } from '../../style-map-8a1e2472.js';
5
+ import { o } from '../../style-map-c8670fc8.js';
6
6
  import '../../directive-2bb7789e.js';
7
7
 
8
8
  var top = 'top';
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
6
- const property = require('../../property-65ed3fa1.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
+ const property = require('../../property-7a90cede.cjs');
7
7
  const index = require('../../index-2b104ecb.cjs');
8
- const index$1 = require('../../index-2ffc105b.cjs');
8
+ const index$1 = require('../../index-8eb2e6d8.cjs');
9
9
  require('../../tailwind-config.cjs');
10
10
  const cn = require('../../cn-b6daa995.cjs');
11
11
  require('../../directive-8278ab14.cjs');
@@ -1,7 +1,7 @@
1
- import { T as TailwindStyledElement, x, E } from '../../index-869a59a0.js';
2
- import { n, t } from '../../property-ff5733e6.js';
1
+ import { T as TailwindStyledElement, x, E } from '../../index-82b4fdeb.js';
2
+ import { n, t } from '../../property-cfc5fabd.js';
3
3
  import { c as ce } from '../../index-d14b6a34.js';
4
- import { c as customStyleMap } from '../../index-b74237f9.js';
4
+ import { c as customStyleMap } from '../../index-11b4b329.js';
5
5
  import '../../tailwind-config.js';
6
6
  import { c as cn } from '../../cn-90c03edf.js';
7
7
  import '../../directive-2bb7789e.js';
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
6
- const property = require('../../property-65ed3fa1.cjs');
5
+ const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
+ const property = require('../../property-7a90cede.cjs');
7
7
  const directive = require('../../directive-8278ab14.cjs');
8
8
  const index = require('../../index-2b104ecb.cjs');
9
9
 
@@ -1,5 +1,5 @@
1
- import { Z, b as T, T as TailwindStyledElement, x } from '../../index-869a59a0.js';
2
- import { n, t as t$2 } from '../../property-ff5733e6.js';
1
+ import { Z, b as T, T as TailwindStyledElement, x } from '../../index-82b4fdeb.js';
2
+ import { n, t as t$2 } from '../../property-cfc5fabd.js';
3
3
  import { e, i, t as t$1 } from '../../directive-2bb7789e.js';
4
4
  import { c as ce } from '../../index-d14b6a34.js';
5
5
 
@@ -1,4 +1,4 @@
1
- import { E } from './index-869a59a0.js';
1
+ import { E } from './index-82b4fdeb.js';
2
2
  import { e, i, t } from './directive-2bb7789e.js';
3
3
 
4
4
  class CustomStyleMapDirective extends i {