@lukso/web-components 1.79.0 → 1.81.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.
- package/dist/components/lukso-input/index.cjs +6 -6
- package/dist/components/lukso-input/index.js +6 -6
- package/dist/components/lukso-search/index.cjs +14 -0
- package/dist/components/lukso-search/index.d.ts +1 -0
- package/dist/components/lukso-search/index.d.ts.map +1 -1
- package/dist/components/lukso-search/index.js +14 -0
- package/dist/components/lukso-search/lukso-search.stories.d.ts.map +1 -1
- package/dist/components/lukso-username/index.cjs +11 -1
- package/dist/components/lukso-username/index.d.ts +2 -0
- package/dist/components/lukso-username/index.d.ts.map +1 -1
- package/dist/components/lukso-username/index.js +11 -1
- package/dist/components/lukso-username/lukso-username.stories.d.ts +2 -0
- package/dist/components/lukso-username/lukso-username.stories.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -244,7 +244,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
|
|
|
244
244
|
const target = event.target;
|
|
245
245
|
const blurEvent = new CustomEvent("on-blur", {
|
|
246
246
|
detail: {
|
|
247
|
-
value: target
|
|
247
|
+
value: target?.value,
|
|
248
248
|
event
|
|
249
249
|
},
|
|
250
250
|
bubbles: false,
|
|
@@ -257,7 +257,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
|
|
|
257
257
|
const target = event.target;
|
|
258
258
|
const changeEvent = new CustomEvent("on-change", {
|
|
259
259
|
detail: {
|
|
260
|
-
value: target
|
|
260
|
+
value: target?.value,
|
|
261
261
|
event
|
|
262
262
|
},
|
|
263
263
|
bubbles: false,
|
|
@@ -267,11 +267,11 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
|
|
|
267
267
|
}
|
|
268
268
|
async handleInput(event) {
|
|
269
269
|
const target = event.target;
|
|
270
|
-
this.value = target
|
|
270
|
+
this.value = target?.value;
|
|
271
271
|
await this.updateComplete;
|
|
272
272
|
const changeEvent = new CustomEvent("on-input", {
|
|
273
273
|
detail: {
|
|
274
|
-
value: target
|
|
274
|
+
value: target?.value,
|
|
275
275
|
event
|
|
276
276
|
},
|
|
277
277
|
bubbles: false,
|
|
@@ -284,7 +284,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
|
|
|
284
284
|
const target = event.target;
|
|
285
285
|
const keyEvent = new CustomEvent("on-key-up", {
|
|
286
286
|
detail: {
|
|
287
|
-
value: target
|
|
287
|
+
value: target?.value,
|
|
288
288
|
event
|
|
289
289
|
},
|
|
290
290
|
bubbles: true,
|
|
@@ -310,7 +310,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
|
|
|
310
310
|
const target = event.target;
|
|
311
311
|
const keyEvent = new CustomEvent("on-key-press", {
|
|
312
312
|
detail: {
|
|
313
|
-
value: target
|
|
313
|
+
value: target?.value,
|
|
314
314
|
event
|
|
315
315
|
},
|
|
316
316
|
bubbles: true,
|
|
@@ -240,7 +240,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
|
|
|
240
240
|
const target = event.target;
|
|
241
241
|
const blurEvent = new CustomEvent("on-blur", {
|
|
242
242
|
detail: {
|
|
243
|
-
value: target
|
|
243
|
+
value: target?.value,
|
|
244
244
|
event
|
|
245
245
|
},
|
|
246
246
|
bubbles: false,
|
|
@@ -253,7 +253,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
|
|
|
253
253
|
const target = event.target;
|
|
254
254
|
const changeEvent = new CustomEvent("on-change", {
|
|
255
255
|
detail: {
|
|
256
|
-
value: target
|
|
256
|
+
value: target?.value,
|
|
257
257
|
event
|
|
258
258
|
},
|
|
259
259
|
bubbles: false,
|
|
@@ -263,11 +263,11 @@ let LuksoInput = class extends TailwindStyledElement(style) {
|
|
|
263
263
|
}
|
|
264
264
|
async handleInput(event) {
|
|
265
265
|
const target = event.target;
|
|
266
|
-
this.value = target
|
|
266
|
+
this.value = target?.value;
|
|
267
267
|
await this.updateComplete;
|
|
268
268
|
const changeEvent = new CustomEvent("on-input", {
|
|
269
269
|
detail: {
|
|
270
|
-
value: target
|
|
270
|
+
value: target?.value,
|
|
271
271
|
event
|
|
272
272
|
},
|
|
273
273
|
bubbles: false,
|
|
@@ -280,7 +280,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
|
|
|
280
280
|
const target = event.target;
|
|
281
281
|
const keyEvent = new CustomEvent("on-key-up", {
|
|
282
282
|
detail: {
|
|
283
|
-
value: target
|
|
283
|
+
value: target?.value,
|
|
284
284
|
event
|
|
285
285
|
},
|
|
286
286
|
bubbles: true,
|
|
@@ -306,7 +306,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
|
|
|
306
306
|
const target = event.target;
|
|
307
307
|
const keyEvent = new CustomEvent("on-key-press", {
|
|
308
308
|
detail: {
|
|
309
|
-
value: target
|
|
309
|
+
value: target?.value,
|
|
310
310
|
event
|
|
311
311
|
},
|
|
312
312
|
bubbles: true,
|
|
@@ -289,6 +289,19 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
|
|
|
289
289
|
});
|
|
290
290
|
this.dispatchEvent(clickEvent);
|
|
291
291
|
}
|
|
292
|
+
async handleKeyUp(event) {
|
|
293
|
+
await this.updateComplete;
|
|
294
|
+
const value = event?.detail?.value;
|
|
295
|
+
const keyEvent = new CustomEvent("on-key-up", {
|
|
296
|
+
detail: {
|
|
297
|
+
value,
|
|
298
|
+
event
|
|
299
|
+
},
|
|
300
|
+
bubbles: true,
|
|
301
|
+
composed: true
|
|
302
|
+
});
|
|
303
|
+
this.dispatchEvent(keyEvent);
|
|
304
|
+
}
|
|
292
305
|
async handleReset(event) {
|
|
293
306
|
if (!this.hasReset) {
|
|
294
307
|
return;
|
|
@@ -355,6 +368,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
|
|
|
355
368
|
@on-blur=${this.handleBlur}
|
|
356
369
|
@on-input-click=${this.handleInputClick}
|
|
357
370
|
@on-right-icon-click=${this.handleReset}
|
|
371
|
+
@on-key-up=${this.handleKeyUp}
|
|
358
372
|
></lukso-input>
|
|
359
373
|
<!-- results dropdown -->
|
|
360
374
|
${this.results && !(this.isSearching || this.isDebouncing) ? this.resultsTemplate() : shared_tailwindElement_index.A}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAK7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,0BAA0B,CAAA;AAGjC,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,mBAAmB,CAAA;;AAEnE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAQ;IAGpB,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,WAAW,UAAQ;IAGnB,aAAa,SAAK;IAGlB,aAAa,UAAQ;IAGrB,WAAW,UAAQ;IAGnB,QAAQ,UAAQ;IAGhB,QAAQ,MAAY;IAGpB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,YAAY,CAwBlB;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,eAAe;IAqBf,iBAAiB;IAQjB,eAAe;IA+Bf,uBAAuB,CACrB,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE;IASxD,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAgB9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YA4BlD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAcV,gBAAgB;YAchB,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAK7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,0BAA0B,CAAA;AAGjC,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,mBAAmB,CAAA;;AAEnE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAQ;IAGpB,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,WAAW,UAAQ;IAGnB,aAAa,SAAK;IAGlB,aAAa,UAAQ;IAGrB,WAAW,UAAQ;IAGnB,QAAQ,UAAQ;IAGhB,QAAQ,MAAY;IAGpB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,YAAY,CAwBlB;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,eAAe;IAqBf,iBAAiB;IAQjB,eAAe;IA+Bf,uBAAuB,CACrB,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE;IASxD,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAgB9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YA4BlD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAcV,gBAAgB;YAchB,WAAW;YAcX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CA6CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
|
|
@@ -285,6 +285,19 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
|
|
|
285
285
|
});
|
|
286
286
|
this.dispatchEvent(clickEvent);
|
|
287
287
|
}
|
|
288
|
+
async handleKeyUp(event) {
|
|
289
|
+
await this.updateComplete;
|
|
290
|
+
const value = event?.detail?.value;
|
|
291
|
+
const keyEvent = new CustomEvent("on-key-up", {
|
|
292
|
+
detail: {
|
|
293
|
+
value,
|
|
294
|
+
event
|
|
295
|
+
},
|
|
296
|
+
bubbles: true,
|
|
297
|
+
composed: true
|
|
298
|
+
});
|
|
299
|
+
this.dispatchEvent(keyEvent);
|
|
300
|
+
}
|
|
288
301
|
async handleReset(event) {
|
|
289
302
|
if (!this.hasReset) {
|
|
290
303
|
return;
|
|
@@ -351,6 +364,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
|
|
|
351
364
|
@on-blur=${this.handleBlur}
|
|
352
365
|
@on-input-click=${this.handleInputClick}
|
|
353
366
|
@on-right-icon-click=${this.handleReset}
|
|
367
|
+
@on-key-up=${this.handleKeyUp}
|
|
354
368
|
></lukso-input>
|
|
355
369
|
<!-- results dropdown -->
|
|
356
370
|
${this.results && !(this.isSearching || this.isDebouncing) ? this.resultsTemplate() : A}
|
|
@@ -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,
|
|
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,IAsSX,CAAA;AAED,eAAe,IAAI,CAAA;AA0FnB,+CAA+C;AAC/C,eAAO,MAAM,aAAa,KAAoB,CAAA;AAM9C,gDAAgD;AAChD,eAAO,MAAM,aAAa,KAAoB,CAAA;AAsB9C,0FAA0F;AAC1F,eAAO,MAAM,cAAc,KAAoB,CAAA;AAQ/C,mJAAmJ;AACnJ,eAAO,MAAM,SAAS,KAAoB,CAAA;AAQ1C,mCAAmC;AACnC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAM/C,gCAAgC;AAChC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
|
|
@@ -50,6 +50,7 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
|
|
|
50
50
|
this.customClass = "";
|
|
51
51
|
this.hidePrefix = false;
|
|
52
52
|
this.prefix = "@";
|
|
53
|
+
this.noTransform = false;
|
|
53
54
|
/** Width of the first 4 bytes of the address */
|
|
54
55
|
this.bytesWidth = 52;
|
|
55
56
|
this.styles = index.ce({
|
|
@@ -91,6 +92,12 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
|
|
|
91
92
|
}
|
|
92
93
|
});
|
|
93
94
|
}
|
|
95
|
+
validateName(name) {
|
|
96
|
+
if (this.noTransform) {
|
|
97
|
+
return name;
|
|
98
|
+
}
|
|
99
|
+
return name?.toLowerCase();
|
|
100
|
+
}
|
|
94
101
|
addressBytesTemplate(styles) {
|
|
95
102
|
return shared_tailwindElement_index.x`<div
|
|
96
103
|
class=${styles}
|
|
@@ -109,7 +116,7 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
|
|
|
109
116
|
[`color: var(--${this.nameColor})`]: this.nameColor !== ""
|
|
110
117
|
})}
|
|
111
118
|
>
|
|
112
|
-
${this.hidePrefix ? shared_tailwindElement_index.A : this.prefix}${this.name}
|
|
119
|
+
${this.hidePrefix ? shared_tailwindElement_index.A : this.prefix}${this.validateName(this.name)}
|
|
113
120
|
</div>`;
|
|
114
121
|
}
|
|
115
122
|
addressTemplate(styles) {
|
|
@@ -174,6 +181,9 @@ __decorateClass([
|
|
|
174
181
|
__decorateClass([
|
|
175
182
|
queryAssignedElements.n({ type: String })
|
|
176
183
|
], exports.LuksoUsername.prototype, "prefix", 2);
|
|
184
|
+
__decorateClass([
|
|
185
|
+
queryAssignedElements.n({ type: Boolean, attribute: "no-transform" })
|
|
186
|
+
], exports.LuksoUsername.prototype, "noTransform", 2);
|
|
177
187
|
exports.LuksoUsername = __decorateClass([
|
|
178
188
|
queryAssignedElements.e("lukso-username")
|
|
179
189
|
], exports.LuksoUsername);
|
|
@@ -11,9 +11,11 @@ export declare class LuksoUsername extends LuksoUsername_base {
|
|
|
11
11
|
customClass: string;
|
|
12
12
|
hidePrefix: boolean;
|
|
13
13
|
prefix: string;
|
|
14
|
+
noTransform: boolean;
|
|
14
15
|
/** Width of the first 4 bytes of the address */
|
|
15
16
|
private bytesWidth;
|
|
16
17
|
private styles;
|
|
18
|
+
private validateName;
|
|
17
19
|
private addressBytesTemplate;
|
|
18
20
|
private nameTemplate;
|
|
19
21
|
private addressTemplate;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-username/index.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;;AAE/E,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,IAAI,SAAK;IAGT,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,IAAI,EAAE,YAAY,CAAU;IAG5B,OAAO,SAAI;IAGX,YAAY,SAAK;IAGjB,SAAS,SAAK;IAGd,WAAW,SAAK;IAGhB,UAAU,UAAQ;IAGlB,MAAM,SAAM;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-username/index.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;;AAE/E,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,IAAI,SAAK;IAGT,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,IAAI,EAAE,YAAY,CAAU;IAG5B,OAAO,SAAI;IAGX,YAAY,SAAK;IAGjB,SAAS,SAAK;IAGd,WAAW,SAAK;IAGhB,UAAU,UAAQ;IAGlB,MAAM,SAAM;IAGZ,WAAW,UAAQ;IAEnB,gDAAgD;IAChD,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,MAAM,CAqCZ;IAEF,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,eAAe;IAWvB,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}
|
|
@@ -46,6 +46,7 @@ let LuksoUsername = class extends TailwindStyledElement(style) {
|
|
|
46
46
|
this.customClass = "";
|
|
47
47
|
this.hidePrefix = false;
|
|
48
48
|
this.prefix = "@";
|
|
49
|
+
this.noTransform = false;
|
|
49
50
|
/** Width of the first 4 bytes of the address */
|
|
50
51
|
this.bytesWidth = 52;
|
|
51
52
|
this.styles = ce({
|
|
@@ -87,6 +88,12 @@ let LuksoUsername = class extends TailwindStyledElement(style) {
|
|
|
87
88
|
}
|
|
88
89
|
});
|
|
89
90
|
}
|
|
91
|
+
validateName(name) {
|
|
92
|
+
if (this.noTransform) {
|
|
93
|
+
return name;
|
|
94
|
+
}
|
|
95
|
+
return name?.toLowerCase();
|
|
96
|
+
}
|
|
90
97
|
addressBytesTemplate(styles) {
|
|
91
98
|
return x`<div
|
|
92
99
|
class=${styles}
|
|
@@ -105,7 +112,7 @@ let LuksoUsername = class extends TailwindStyledElement(style) {
|
|
|
105
112
|
[`color: var(--${this.nameColor})`]: this.nameColor !== ""
|
|
106
113
|
})}
|
|
107
114
|
>
|
|
108
|
-
${this.hidePrefix ? A : this.prefix}${this.name}
|
|
115
|
+
${this.hidePrefix ? A : this.prefix}${this.validateName(this.name)}
|
|
109
116
|
</div>`;
|
|
110
117
|
}
|
|
111
118
|
addressTemplate(styles) {
|
|
@@ -170,6 +177,9 @@ __decorateClass([
|
|
|
170
177
|
__decorateClass([
|
|
171
178
|
n({ type: String })
|
|
172
179
|
], LuksoUsername.prototype, "prefix", 2);
|
|
180
|
+
__decorateClass([
|
|
181
|
+
n({ type: Boolean, attribute: "no-transform" })
|
|
182
|
+
], LuksoUsername.prototype, "noTransform", 2);
|
|
173
183
|
LuksoUsername = __decorateClass([
|
|
174
184
|
e("lukso-username")
|
|
175
185
|
], LuksoUsername);
|
|
@@ -28,4 +28,6 @@ export declare const Medium: any;
|
|
|
28
28
|
export declare const Large: any;
|
|
29
29
|
/** Example of `x-large` size with 24px font. */
|
|
30
30
|
export declare const XLarge: any;
|
|
31
|
+
/** Example of unformatted name. */
|
|
32
|
+
export declare const UnformattedName: any;
|
|
31
33
|
//# sourceMappingURL=lukso-username.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lukso-username.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-username/lukso-username.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,iIAAiI;AACjI,QAAA,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"lukso-username.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-username/lukso-username.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,iIAAiI;AACjI,QAAA,MAAM,IAAI,EAAE,IAuIX,CAAA;AAED,eAAe,IAAI,CAAA;AA6BnB,uGAAuG;AACvG,eAAO,MAAM,eAAe,KAAoB,CAAA;AAEhD,mGAAmG;AACnG,eAAO,MAAM,QAAQ,KAAoB,CAAA;AAKzC,2DAA2D;AAC3D,eAAO,MAAM,QAAQ,KAAoB,CAAA;AAKzC,8DAA8D;AAC9D,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,4FAA4F;AAC5F,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,mGAAmG;AACnG,eAAO,MAAM,WAAW,KAAoB,CAAA;AAM5C,wDAAwD;AACxD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,wEAAwE;AACxE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAQ3C,iDAAiD;AACjD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,8CAA8C;AAC9C,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,+CAA+C;AAC/C,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,8CAA8C;AAC9C,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,gDAAgD;AAChD,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,mCAAmC;AACnC,eAAO,MAAM,eAAe,KAAoB,CAAA"}
|