@lukso/web-components 1.130.0 → 1.131.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/index.cjs +8 -7
- package/dist/components/index.js +8 -8
- package/dist/components/lukso-button/index.cjs +3 -3
- package/dist/components/lukso-button/index.js +3 -3
- package/dist/components/lukso-card/index.cjs +6 -6
- package/dist/components/lukso-card/index.js +6 -6
- package/dist/components/lukso-checkbox/index.cjs +3 -3
- package/dist/components/lukso-checkbox/index.js +3 -3
- package/dist/components/lukso-color-picker/index.cjs +4 -4
- package/dist/components/lukso-color-picker/index.js +4 -4
- package/dist/components/lukso-dropdown/index.cjs +7 -7
- package/dist/components/lukso-dropdown/index.js +7 -7
- package/dist/components/lukso-dropdown-option/index.cjs +2 -2
- package/dist/components/lukso-dropdown-option/index.js +2 -2
- package/dist/components/lukso-footer/index.cjs +2 -2
- package/dist/components/lukso-footer/index.js +2 -2
- package/dist/components/lukso-icon/index.cjs +3 -3
- package/dist/components/lukso-icon/index.js +3 -3
- package/dist/components/lukso-image/index.cjs +4 -4
- package/dist/components/lukso-image/index.js +4 -4
- package/dist/components/lukso-input/index.cjs +16 -15
- package/dist/components/lukso-input/index.d.ts.map +1 -1
- package/dist/components/lukso-input/index.js +16 -15
- package/dist/components/lukso-modal/index.cjs +2 -2
- package/dist/components/lukso-modal/index.js +2 -2
- package/dist/components/lukso-navbar/index.cjs +5 -5
- package/dist/components/lukso-navbar/index.js +5 -5
- package/dist/components/lukso-pagination/index.cjs +4 -4
- package/dist/components/lukso-pagination/index.js +4 -4
- package/dist/components/lukso-profile/index.cjs +5 -5
- package/dist/components/lukso-profile/index.js +5 -5
- package/dist/components/lukso-progress/index.cjs +3 -3
- package/dist/components/lukso-progress/index.js +3 -3
- package/dist/components/lukso-sanitize/index.cjs +2 -2
- package/dist/components/lukso-sanitize/index.js +2 -2
- package/dist/components/lukso-search/index.cjs +53 -19
- package/dist/components/lukso-search/index.d.ts +6 -1
- package/dist/components/lukso-search/index.d.ts.map +1 -1
- package/dist/components/lukso-search/index.js +52 -20
- package/dist/components/lukso-search/lukso-search.stories.d.ts.map +1 -1
- package/dist/components/lukso-select/index.cjs +7 -7
- package/dist/components/lukso-select/index.js +7 -7
- package/dist/components/lukso-share/index.cjs +2 -2
- package/dist/components/lukso-share/index.js +2 -2
- package/dist/components/lukso-switch/index.cjs +3 -3
- package/dist/components/lukso-switch/index.js +3 -3
- package/dist/components/lukso-tag/index.cjs +3 -3
- package/dist/components/lukso-tag/index.js +3 -3
- package/dist/components/lukso-terms/index.cjs +4 -4
- package/dist/components/lukso-terms/index.js +4 -4
- package/dist/components/lukso-test/index.cjs +2 -2
- package/dist/components/lukso-test/index.js +2 -2
- package/dist/components/lukso-textarea/index.cjs +4 -4
- package/dist/components/lukso-textarea/index.js +4 -4
- package/dist/components/lukso-tooltip/index.cjs +4 -4
- package/dist/components/lukso-tooltip/index.js +4 -4
- package/dist/components/lukso-username/index.cjs +9 -1330
- package/dist/components/lukso-username/index.js +6 -1336
- package/dist/components/lukso-wizard/index.cjs +2 -2
- package/dist/components/lukso-wizard/index.js +2 -2
- package/dist/index-2d057f81.js +37 -0
- package/dist/{index-de036f63.js → index-38990f38.js} +2 -2
- package/dist/{index-11b4b329.js → index-5387057e.js} +1 -1
- package/dist/{index-8eb2e6d8.cjs → index-5df012eb.cjs} +1 -1
- package/dist/index-96bba619.cjs +46 -0
- package/dist/index-9ba001cb.js +1337 -0
- package/dist/{index-2f5d5d79.cjs → index-9c39357d.cjs} +2 -2
- package/dist/index-ba49f23a.cjs +1339 -0
- package/dist/index.cjs +8 -7
- package/dist/index.js +8 -8
- package/dist/{property-cfc5fabd.js → property-5367c26a.js} +1 -1
- package/dist/{property-7a90cede.cjs → property-98f7e05b.cjs} +1 -1
- package/dist/shared/tailwind-element/index.cjs +1 -1
- package/dist/shared/tailwind-element/index.js +1 -1
- package/dist/{state-1aaee2b7.js → state-bdfaec36.js} +1 -1
- package/dist/{state-09b048f8.cjs → state-eba8ded5.cjs} +1 -1
- package/dist/{style-map-c8670fc8.js → style-map-9e6bb4a6.js} +1 -1
- package/dist/{style-map-2abffb39.cjs → style-map-b13b92c1.cjs} +1 -1
- package/package.json +1 -1
- package/dist/index-1fd569a9.cjs +0 -46
- package/dist/index-82b4fdeb.js +0 -37
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import '../../index-
|
|
2
|
-
import '../../property-
|
|
3
|
-
export { L as LuksoProfile } from '../../index-
|
|
1
|
+
import '../../index-2d057f81.js';
|
|
2
|
+
import '../../property-5367c26a.js';
|
|
3
|
+
export { L as LuksoProfile } from '../../index-38990f38.js';
|
|
4
4
|
import '../../index-d14b6a34.js';
|
|
5
5
|
import '../lukso-image/index.js';
|
|
6
|
-
import '../../state-
|
|
7
|
-
import '../../style-map-
|
|
6
|
+
import '../../state-bdfaec36.js';
|
|
7
|
+
import '../../style-map-9e6bb4a6.js';
|
|
8
8
|
import '../../directive-2bb7789e.js';
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
6
|
-
const property = require('../../property-
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-96bba619.cjs');
|
|
6
|
+
const property = require('../../property-98f7e05b.cjs');
|
|
7
|
+
const styleMap = require('../../style-map-b13b92c1.cjs');
|
|
8
8
|
require('../../tailwind-config.cjs');
|
|
9
9
|
const cn = require('../../cn-b6daa995.cjs');
|
|
10
10
|
require('../../directive-8278ab14.cjs');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { a as TailwindElement, x } from '../../index-
|
|
2
|
-
import { n, t } from '../../property-
|
|
3
|
-
import { o } from '../../style-map-
|
|
1
|
+
import { a as TailwindElement, x } from '../../index-2d057f81.js';
|
|
2
|
+
import { n, t } from '../../property-5367c26a.js';
|
|
3
|
+
import { o } from '../../style-map-9e6bb4a6.js';
|
|
4
4
|
import '../../tailwind-config.js';
|
|
5
5
|
import { c as cn } from '../../cn-90c03edf.js';
|
|
6
6
|
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-
|
|
6
|
-
const property = require('../../property-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-96bba619.cjs');
|
|
6
|
+
const property = require('../../property-98f7e05b.cjs');
|
|
7
7
|
const directive = require('../../directive-8278ab14.cjs');
|
|
8
8
|
|
|
9
9
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { E, b as T, a as TailwindElement, x } from '../../index-
|
|
2
|
-
import { n, t as t$1 } from '../../property-
|
|
1
|
+
import { E, b as T, a as TailwindElement, x } from '../../index-2d057f81.js';
|
|
2
|
+
import { n, t as t$1 } from '../../property-5367c26a.js';
|
|
3
3
|
import { i, t, e as e$1 } from '../../directive-2bb7789e.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
@@ -2,25 +2,25 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const components_luksoProfile_index = require('../../index-
|
|
6
|
-
const shared_tailwindElement_index = require('../../index-
|
|
7
|
-
const property = require('../../property-
|
|
8
|
-
const state = require('../../state-
|
|
5
|
+
const components_luksoProfile_index = require('../../index-9c39357d.cjs');
|
|
6
|
+
const shared_tailwindElement_index = require('../../index-96bba619.cjs');
|
|
7
|
+
const property = require('../../property-98f7e05b.cjs');
|
|
8
|
+
const state = require('../../state-eba8ded5.cjs');
|
|
9
9
|
const index = require('../../index-2b104ecb.cjs');
|
|
10
10
|
require('../lukso-dropdown/index.cjs');
|
|
11
11
|
require('../lukso-dropdown-option/index.cjs');
|
|
12
12
|
require('../lukso-icon/index.cjs');
|
|
13
13
|
require('../lukso-input/index.cjs');
|
|
14
14
|
require('../lukso-tag/index.cjs');
|
|
15
|
-
require('
|
|
15
|
+
const components_luksoUsername_index = require('../../index-ba49f23a.cjs');
|
|
16
|
+
require('../../tailwind-config.cjs');
|
|
17
|
+
require('../../cn-b6daa995.cjs');
|
|
16
18
|
require('../lukso-image/index.cjs');
|
|
17
|
-
require('../../style-map-
|
|
19
|
+
require('../../style-map-b13b92c1.cjs');
|
|
18
20
|
require('../../directive-8278ab14.cjs');
|
|
19
21
|
require('../../uniq-id-f0b18085.cjs');
|
|
20
22
|
require('../lukso-sanitize/index.cjs');
|
|
21
|
-
require('../../
|
|
22
|
-
require('../../cn-b6daa995.cjs');
|
|
23
|
-
require('../../index-8eb2e6d8.cjs');
|
|
23
|
+
require('../../index-5df012eb.cjs');
|
|
24
24
|
|
|
25
25
|
const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
|
|
26
26
|
|
|
@@ -35,6 +35,12 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
35
35
|
__defProp(target, key, result);
|
|
36
36
|
return result;
|
|
37
37
|
};
|
|
38
|
+
var SearchProfileType = /* @__PURE__ */ ((SearchProfileType2) => {
|
|
39
|
+
SearchProfileType2["UP"] = "up";
|
|
40
|
+
SearchProfileType2["EOA"] = "eoa";
|
|
41
|
+
SearchProfileType2["SmartContract"] = "sc";
|
|
42
|
+
return SearchProfileType2;
|
|
43
|
+
})(SearchProfileType || {});
|
|
38
44
|
exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.TailwindStyledElement(style) {
|
|
39
45
|
constructor() {
|
|
40
46
|
super(...arguments);
|
|
@@ -247,7 +253,41 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
|
|
|
247
253
|
size="x-small"
|
|
248
254
|
has-identicon
|
|
249
255
|
></lukso-profile>`;
|
|
250
|
-
const
|
|
256
|
+
const type = result.type || "up" /* UP */;
|
|
257
|
+
const profilePicture = type !== "up" /* UP */ ? eoaProfilePicture : lsp3ProfilePicture;
|
|
258
|
+
const upProfileUsername = shared_tailwindElement_index.x`<lukso-username
|
|
259
|
+
name="${result.name?.toLowerCase() || "anonymous-profile"}"
|
|
260
|
+
address="${result.address}"
|
|
261
|
+
name-color="neutral-20"
|
|
262
|
+
max-width="300"
|
|
263
|
+
size="medium"
|
|
264
|
+
?hide-prefix="${!result.name}"
|
|
265
|
+
class="ml-1"
|
|
266
|
+
></lukso-username> `;
|
|
267
|
+
const eoaUsername = shared_tailwindElement_index.x`<lukso-username
|
|
268
|
+
name="${components_luksoUsername_index.sliceAddress(result.address, 8)}"
|
|
269
|
+
address="__EOA"
|
|
270
|
+
name-color="neutral-20"
|
|
271
|
+
max-width="300"
|
|
272
|
+
size="medium"
|
|
273
|
+
hide-prefix
|
|
274
|
+
class="ml-1"
|
|
275
|
+
></lukso-username>`;
|
|
276
|
+
const scUsername = shared_tailwindElement_index.x`<lukso-username
|
|
277
|
+
name=""
|
|
278
|
+
address="${components_luksoUsername_index.sliceAddress(result.address, 8)}"
|
|
279
|
+
name-color="neutral-20"
|
|
280
|
+
max-width="300"
|
|
281
|
+
size="medium"
|
|
282
|
+
hide-prefix
|
|
283
|
+
class="ml-1"
|
|
284
|
+
></lukso-username>`;
|
|
285
|
+
let profileName = scUsername;
|
|
286
|
+
if (type === "eoa" /* EOA */) {
|
|
287
|
+
profileName = eoaUsername;
|
|
288
|
+
} else if (type === "up" /* UP */) {
|
|
289
|
+
profileName = upProfileUsername;
|
|
290
|
+
}
|
|
251
291
|
return shared_tailwindElement_index.x`<lukso-dropdown-option
|
|
252
292
|
data-id="${result.address}"
|
|
253
293
|
data-index="${index + 1}"
|
|
@@ -255,15 +295,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
|
|
|
255
295
|
size=${this.sizeDropdown()}
|
|
256
296
|
@click=${() => this.handleSelect(result)}
|
|
257
297
|
>
|
|
258
|
-
${profilePicture}
|
|
259
|
-
<lukso-username
|
|
260
|
-
name="${result.name?.toLowerCase()}"
|
|
261
|
-
address="${result.address}"
|
|
262
|
-
name-color="neutral-20"
|
|
263
|
-
max-width="300"
|
|
264
|
-
size="medium"
|
|
265
|
-
class="ml-1"
|
|
266
|
-
></lukso-username>
|
|
298
|
+
${profilePicture} ${profileName}
|
|
267
299
|
</lukso-dropdown-option>`;
|
|
268
300
|
}
|
|
269
301
|
async handleOutsideDropdownClick(event) {
|
|
@@ -526,3 +558,5 @@ __decorateClass([
|
|
|
526
558
|
exports.LuksoSearch = __decorateClass([
|
|
527
559
|
property.t("lukso-search")
|
|
528
560
|
], exports.LuksoSearch);
|
|
561
|
+
|
|
562
|
+
exports.SearchProfileType = SearchProfileType;
|
|
@@ -4,11 +4,16 @@ export type SearchStringResult = {
|
|
|
4
4
|
id?: string;
|
|
5
5
|
value: string;
|
|
6
6
|
};
|
|
7
|
+
export declare enum SearchProfileType {
|
|
8
|
+
UP = "up",
|
|
9
|
+
EOA = "eoa",
|
|
10
|
+
SmartContract = "sc"
|
|
11
|
+
}
|
|
7
12
|
export type SearchProfileResult = {
|
|
8
13
|
address: Address;
|
|
9
14
|
image?: string;
|
|
10
15
|
name?: string;
|
|
11
|
-
|
|
16
|
+
type?: SearchProfileType;
|
|
12
17
|
};
|
|
13
18
|
export type SearchUniversalNameResult = {
|
|
14
19
|
id?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAI7E,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AACjC,OAAO,4BAA4B,CAAA;AACnC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,6BAA6B,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAI7E,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AACjC,OAAO,4BAA4B,CAAA;AACnC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,6BAA6B,CAAA;AAKpC,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,oBAAY,iBAAiB;IAC3B,EAAE,OAAO;IACT,GAAG,QAAQ;IACX,aAAa,OAAO;CACrB;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,iBAAiB,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,YAAY,GACpB,kBAAkB,GAClB,mBAAmB,GACnB,yBAAyB,CAAA;;AAE7B,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,aAAa,SAAc;IAG3B,eAAe,SAAe;IAG9B,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,SAAS,SAAW;IAGpB,QAAQ,SAAM;IAGd,WAAW,UAAQ;IAGnB,aAAa,SAAK;IAGlB,aAAa,UAAQ;IAGrB,WAAW,UAAQ;IAGnB,QAAQ,UAAQ;IAGhB,oBAAoB,UAAQ;IAG5B,QAAQ,MAAY;IAGpB,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAU;IAG/C,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAE1C,OAAO,CAAC,MAAM,CAoBZ;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,YAAY;IAMZ,eAAe;IAsCf,iBAAiB;IAYjB,eAAe;IAiDf,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAc9D,2BAA2B,CACzB,MAAM,EAAE,yBAAyB,EACjC,KAAK,EAAE,MAAM;IAsBf,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YAkElD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAuBX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CAgDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { m as makeBlockie } from '../../index-
|
|
2
|
-
import { T as TailwindStyledElement, x, E } from '../../index-
|
|
3
|
-
import { n, t } from '../../property-
|
|
4
|
-
import { r } from '../../state-
|
|
1
|
+
import { m as makeBlockie } from '../../index-38990f38.js';
|
|
2
|
+
import { T as TailwindStyledElement, x, E } from '../../index-2d057f81.js';
|
|
3
|
+
import { n, t } from '../../property-5367c26a.js';
|
|
4
|
+
import { r } from '../../state-bdfaec36.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
10
|
import '../lukso-tag/index.js';
|
|
11
|
-
import '
|
|
11
|
+
import { s as sliceAddress } from '../../index-9ba001cb.js';
|
|
12
|
+
import '../../tailwind-config.js';
|
|
13
|
+
import '../../cn-90c03edf.js';
|
|
12
14
|
import '../lukso-image/index.js';
|
|
13
|
-
import '../../style-map-
|
|
15
|
+
import '../../style-map-9e6bb4a6.js';
|
|
14
16
|
import '../../directive-2bb7789e.js';
|
|
15
17
|
import '../../uniq-id-ce2d165c.js';
|
|
16
18
|
import '../lukso-sanitize/index.js';
|
|
17
|
-
import '../../
|
|
18
|
-
import '../../cn-90c03edf.js';
|
|
19
|
-
import '../../index-11b4b329.js';
|
|
19
|
+
import '../../index-5387057e.js';
|
|
20
20
|
|
|
21
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}";
|
|
22
22
|
|
|
@@ -31,6 +31,12 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
31
31
|
__defProp(target, key, result);
|
|
32
32
|
return result;
|
|
33
33
|
};
|
|
34
|
+
var SearchProfileType = /* @__PURE__ */ ((SearchProfileType2) => {
|
|
35
|
+
SearchProfileType2["UP"] = "up";
|
|
36
|
+
SearchProfileType2["EOA"] = "eoa";
|
|
37
|
+
SearchProfileType2["SmartContract"] = "sc";
|
|
38
|
+
return SearchProfileType2;
|
|
39
|
+
})(SearchProfileType || {});
|
|
34
40
|
let LuksoSearch = class extends TailwindStyledElement(style) {
|
|
35
41
|
constructor() {
|
|
36
42
|
super(...arguments);
|
|
@@ -243,7 +249,41 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
|
|
|
243
249
|
size="x-small"
|
|
244
250
|
has-identicon
|
|
245
251
|
></lukso-profile>`;
|
|
246
|
-
const
|
|
252
|
+
const type = result.type || "up" /* UP */;
|
|
253
|
+
const profilePicture = type !== "up" /* UP */ ? eoaProfilePicture : lsp3ProfilePicture;
|
|
254
|
+
const upProfileUsername = x`<lukso-username
|
|
255
|
+
name="${result.name?.toLowerCase() || "anonymous-profile"}"
|
|
256
|
+
address="${result.address}"
|
|
257
|
+
name-color="neutral-20"
|
|
258
|
+
max-width="300"
|
|
259
|
+
size="medium"
|
|
260
|
+
?hide-prefix="${!result.name}"
|
|
261
|
+
class="ml-1"
|
|
262
|
+
></lukso-username> `;
|
|
263
|
+
const eoaUsername = x`<lukso-username
|
|
264
|
+
name="${sliceAddress(result.address, 8)}"
|
|
265
|
+
address="__EOA"
|
|
266
|
+
name-color="neutral-20"
|
|
267
|
+
max-width="300"
|
|
268
|
+
size="medium"
|
|
269
|
+
hide-prefix
|
|
270
|
+
class="ml-1"
|
|
271
|
+
></lukso-username>`;
|
|
272
|
+
const scUsername = x`<lukso-username
|
|
273
|
+
name=""
|
|
274
|
+
address="${sliceAddress(result.address, 8)}"
|
|
275
|
+
name-color="neutral-20"
|
|
276
|
+
max-width="300"
|
|
277
|
+
size="medium"
|
|
278
|
+
hide-prefix
|
|
279
|
+
class="ml-1"
|
|
280
|
+
></lukso-username>`;
|
|
281
|
+
let profileName = scUsername;
|
|
282
|
+
if (type === "eoa" /* EOA */) {
|
|
283
|
+
profileName = eoaUsername;
|
|
284
|
+
} else if (type === "up" /* UP */) {
|
|
285
|
+
profileName = upProfileUsername;
|
|
286
|
+
}
|
|
247
287
|
return x`<lukso-dropdown-option
|
|
248
288
|
data-id="${result.address}"
|
|
249
289
|
data-index="${index + 1}"
|
|
@@ -251,15 +291,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
|
|
|
251
291
|
size=${this.sizeDropdown()}
|
|
252
292
|
@click=${() => this.handleSelect(result)}
|
|
253
293
|
>
|
|
254
|
-
${profilePicture}
|
|
255
|
-
<lukso-username
|
|
256
|
-
name="${result.name?.toLowerCase()}"
|
|
257
|
-
address="${result.address}"
|
|
258
|
-
name-color="neutral-20"
|
|
259
|
-
max-width="300"
|
|
260
|
-
size="medium"
|
|
261
|
-
class="ml-1"
|
|
262
|
-
></lukso-username>
|
|
294
|
+
${profilePicture} ${profileName}
|
|
263
295
|
</lukso-dropdown-option>`;
|
|
264
296
|
}
|
|
265
297
|
async handleOutsideDropdownClick(event) {
|
|
@@ -523,4 +555,4 @@ LuksoSearch = __decorateClass([
|
|
|
523
555
|
t("lukso-search")
|
|
524
556
|
], LuksoSearch);
|
|
525
557
|
|
|
526
|
-
export { LuksoSearch };
|
|
558
|
+
export { LuksoSearch, SearchProfileType };
|
|
@@ -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,IAwVX,CAAA;AAED,eAAe,IAAI,CAAA;AA8FnB,+CAA+C;AAC/C,eAAO,MAAM,aAAa,KAAoB,CAAA;AAM9C,gDAAgD;AAChD,eAAO,MAAM,aAAa,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;AAkC9C,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,21 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
6
|
-
const property = require('../../property-
|
|
7
|
-
const state = require('../../state-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-96bba619.cjs');
|
|
6
|
+
const property = require('../../property-98f7e05b.cjs');
|
|
7
|
+
const state = require('../../state-eba8ded5.cjs');
|
|
8
8
|
const index = require('../../index-2b104ecb.cjs');
|
|
9
|
-
const components_luksoProfile_index = require('../../index-
|
|
9
|
+
const components_luksoProfile_index = require('../../index-9c39357d.cjs');
|
|
10
10
|
require('../lukso-icon/index.cjs');
|
|
11
|
-
require('
|
|
11
|
+
require('../../index-ba49f23a.cjs');
|
|
12
12
|
require('../lukso-dropdown/index.cjs');
|
|
13
13
|
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-
|
|
17
|
+
require('../../style-map-b13b92c1.cjs');
|
|
18
18
|
require('../../directive-8278ab14.cjs');
|
|
19
|
-
require('../../index-
|
|
19
|
+
require('../../index-5df012eb.cjs');
|
|
20
20
|
require('../../tailwind-config.cjs');
|
|
21
21
|
require('../../cn-b6daa995.cjs');
|
|
22
22
|
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x, E } from '../../index-
|
|
2
|
-
import { n, t } from '../../property-
|
|
3
|
-
import { r } from '../../state-
|
|
1
|
+
import { T as TailwindStyledElement, x, E } from '../../index-2d057f81.js';
|
|
2
|
+
import { n, t } from '../../property-5367c26a.js';
|
|
3
|
+
import { r } from '../../state-bdfaec36.js';
|
|
4
4
|
import { c as ce } from '../../index-d14b6a34.js';
|
|
5
|
-
import { m as makeBlockie } from '../../index-
|
|
5
|
+
import { m as makeBlockie } from '../../index-38990f38.js';
|
|
6
6
|
import '../lukso-icon/index.js';
|
|
7
|
-
import '
|
|
7
|
+
import '../../index-9ba001cb.js';
|
|
8
8
|
import '../lukso-dropdown/index.js';
|
|
9
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-
|
|
13
|
+
import '../../style-map-9e6bb4a6.js';
|
|
14
14
|
import '../../directive-2bb7789e.js';
|
|
15
|
-
import '../../index-
|
|
15
|
+
import '../../index-5387057e.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-
|
|
6
|
-
const property = require('../../property-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-96bba619.cjs');
|
|
6
|
+
const property = require('../../property-98f7e05b.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-
|
|
2
|
-
import { n, t } from '../../property-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-2d057f81.js';
|
|
2
|
+
import { n, t } from '../../property-5367c26a.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-
|
|
6
|
-
const property = require('../../property-
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-96bba619.cjs');
|
|
6
|
+
const property = require('../../property-98f7e05b.cjs');
|
|
7
|
+
const styleMap = require('../../style-map-b13b92c1.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-
|
|
2
|
-
import { n, t } from '../../property-
|
|
3
|
-
import { o } from '../../style-map-
|
|
1
|
+
import { a as TailwindElement, x, E } from '../../index-2d057f81.js';
|
|
2
|
+
import { n, t } from '../../property-5367c26a.js';
|
|
3
|
+
import { o } from '../../style-map-9e6bb4a6.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-
|
|
6
|
-
const property = require('../../property-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-96bba619.cjs');
|
|
6
|
+
const property = require('../../property-98f7e05b.cjs');
|
|
7
7
|
const index = require('../../index-2b104ecb.cjs');
|
|
8
|
-
const index$1 = require('../../index-
|
|
8
|
+
const index$1 = require('../../index-5df012eb.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-
|
|
2
|
-
import { n, t } from '../../property-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-2d057f81.js';
|
|
2
|
+
import { n, t } from '../../property-5367c26a.js';
|
|
3
3
|
import { c as ce } from '../../index-d14b6a34.js';
|
|
4
|
-
import { c as customStyleMap } from '../../index-
|
|
4
|
+
import { c as customStyleMap } from '../../index-5387057e.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-
|
|
6
|
-
const property = require('../../property-
|
|
7
|
-
const state = require('../../state-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-96bba619.cjs');
|
|
6
|
+
const property = require('../../property-98f7e05b.cjs');
|
|
7
|
+
const state = require('../../state-eba8ded5.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-
|
|
12
|
+
require('../../style-map-b13b92c1.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-
|
|
2
|
-
import { n, t } from '../../property-
|
|
3
|
-
import { r } from '../../state-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-2d057f81.js';
|
|
2
|
+
import { n, t } from '../../property-5367c26a.js';
|
|
3
|
+
import { r } from '../../state-bdfaec36.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-
|
|
8
|
+
import '../../style-map-9e6bb4a6.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-
|
|
6
|
-
const property = require('../../property-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-96bba619.cjs');
|
|
6
|
+
const property = require('../../property-98f7e05b.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-
|
|
2
|
-
import { n as n$3, t as t$4 } from '../../property-
|
|
1
|
+
import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-2d057f81.js';
|
|
2
|
+
import { n as n$3, t as t$4 } from '../../property-5367c26a.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-
|
|
6
|
-
const property = require('../../property-
|
|
7
|
-
const state = require('../../state-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-96bba619.cjs');
|
|
6
|
+
const property = require('../../property-98f7e05b.cjs');
|
|
7
|
+
const state = require('../../state-eba8ded5.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-
|
|
13
|
+
require('../../style-map-b13b92c1.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-
|
|
2
|
-
import { n, t } from '../../property-
|
|
3
|
-
import { r } from '../../state-
|
|
1
|
+
import { T as TailwindStyledElement, x, E } from '../../index-2d057f81.js';
|
|
2
|
+
import { n, t } from '../../property-5367c26a.js';
|
|
3
|
+
import { r } from '../../state-bdfaec36.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-
|
|
9
|
+
import '../../style-map-9e6bb4a6.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-
|
|
6
|
-
const property = require('../../property-
|
|
7
|
-
const state = require('../../state-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-96bba619.cjs');
|
|
6
|
+
const property = require('../../property-98f7e05b.cjs');
|
|
7
|
+
const state = require('../../state-eba8ded5.cjs');
|
|
8
8
|
const index = require('../../index-2b104ecb.cjs');
|
|
9
|
-
const styleMap = require('../../style-map-
|
|
9
|
+
const styleMap = require('../../style-map-b13b92c1.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-
|
|
2
|
-
import { n, t } from '../../property-
|
|
3
|
-
import { r } from '../../state-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-2d057f81.js';
|
|
2
|
+
import { n, t } from '../../property-5367c26a.js';
|
|
3
|
+
import { r } from '../../state-bdfaec36.js';
|
|
4
4
|
import { c as ce } from '../../index-d14b6a34.js';
|
|
5
|
-
import { o } from '../../style-map-
|
|
5
|
+
import { o } from '../../style-map-9e6bb4a6.js';
|
|
6
6
|
import '../../directive-2bb7789e.js';
|
|
7
7
|
|
|
8
8
|
var top = 'top';
|