@lukso/web-components 1.19.0 → 1.20.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 +2 -2
- package/dist/components/index.js +2 -2
- package/dist/components/lukso-button/index.cjs +1 -1
- package/dist/components/lukso-button/index.js +1 -1
- package/dist/components/lukso-card/index.cjs +13 -6
- package/dist/components/lukso-card/index.d.ts +1 -0
- package/dist/components/lukso-card/index.d.ts.map +1 -1
- package/dist/components/lukso-card/index.js +13 -6
- package/dist/components/lukso-icon/index.cjs +2 -2
- package/dist/components/lukso-icon/index.js +2 -2
- package/dist/components/lukso-input/index.cjs +15 -2
- package/dist/components/lukso-input/index.d.ts +1 -0
- package/dist/components/lukso-input/index.d.ts.map +1 -1
- package/dist/components/lukso-input/index.js +15 -2
- package/dist/components/lukso-modal/index.cjs +1 -1
- package/dist/components/lukso-modal/index.js +1 -1
- package/dist/components/lukso-navbar/index.cjs +2 -2
- package/dist/components/lukso-navbar/index.d.ts.map +1 -1
- package/dist/components/lukso-navbar/index.js +2 -2
- package/dist/components/lukso-profile/index.cjs +2 -2
- package/dist/components/lukso-profile/index.js +2 -2
- package/dist/components/lukso-progress/index.cjs +2 -2
- package/dist/components/lukso-progress/index.js +2 -2
- package/dist/components/lukso-sanitize/index.cjs +1 -1
- package/dist/components/lukso-sanitize/index.js +1 -1
- package/dist/components/lukso-share/index.cjs +2 -2
- package/dist/components/lukso-share/index.js +2 -2
- package/dist/components/lukso-tag/index.cjs +2 -2
- package/dist/components/lukso-tag/index.js +2 -2
- package/dist/components/lukso-terms/index.cjs +2 -2
- package/dist/components/lukso-terms/index.js +2 -2
- package/dist/components/lukso-test/index.cjs +1 -1
- package/dist/components/lukso-test/index.js +1 -1
- package/dist/components/lukso-username/index.cjs +2 -2
- package/dist/components/lukso-username/index.js +2 -2
- package/dist/components/lukso-wizard/index.cjs +1 -1
- package/dist/components/lukso-wizard/index.js +1 -1
- package/dist/{index-8d1ad2d4.js → index-05e1e8a5.js} +1 -1
- package/dist/{index-f230a866.cjs → index-c3f288b5.cjs} +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.js +2 -2
- package/dist/shared/tailwind-element/index.cjs +1 -1
- package/dist/shared/tailwind-element/index.js +1 -1
- package/dist/{style-map-2cb404ff.cjs → style-map-43c394ff.cjs} +1 -1
- package/dist/{style-map-d0125823.js → style-map-ad6bcb0b.js} +1 -1
- package/package.json +1 -1
|
@@ -17,11 +17,11 @@ const components_luksoTerms_index = require('./lukso-terms/index.cjs');
|
|
|
17
17
|
const components_luksoTest_index = require('./lukso-test/index.cjs');
|
|
18
18
|
const components_luksoUsername_index = require('./lukso-username/index.cjs');
|
|
19
19
|
const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
|
|
20
|
-
const shared_tailwindElement_index = require('../index-
|
|
20
|
+
const shared_tailwindElement_index = require('../index-c3f288b5.cjs');
|
|
21
21
|
require('../directive-db00f5fb.cjs');
|
|
22
22
|
require('../state-a62a7d5d.cjs');
|
|
23
23
|
require('../index-7dc05ee5.cjs');
|
|
24
|
-
require('../style-map-
|
|
24
|
+
require('../style-map-43c394ff.cjs');
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
package/dist/components/index.js
CHANGED
|
@@ -13,8 +13,8 @@ export { LuksoTerms } from './lukso-terms/index.js';
|
|
|
13
13
|
export { LuksoTest } from './lukso-test/index.js';
|
|
14
14
|
export { LuksoUsername } from './lukso-username/index.js';
|
|
15
15
|
export { LuksoWizard } from './lukso-wizard/index.js';
|
|
16
|
-
export { a as TailwindElement, T as TailwindStyledElement } from '../index-
|
|
16
|
+
export { a as TailwindElement, T as TailwindStyledElement } from '../index-05e1e8a5.js';
|
|
17
17
|
import '../directive-9ec64c08.js';
|
|
18
18
|
import '../state-7fde94d1.js';
|
|
19
19
|
import '../index-714323c9.js';
|
|
20
|
-
import '../style-map-
|
|
20
|
+
import '../style-map-ad6bcb0b.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-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
7
|
const state = require('../../state-a62a7d5d.cjs');
|
|
8
8
|
const index = require('../../index-7dc05ee5.cjs');
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-05e1e8a5.js';
|
|
2
2
|
import { e, a as e$1 } from '../../directive-9ec64c08.js';
|
|
3
3
|
import { t } from '../../state-7fde94d1.js';
|
|
4
4
|
import { c as customClassMap } from '../../index-714323c9.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-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
7
|
+
const styleMap = require('../../style-map-43c394ff.cjs');
|
|
8
8
|
const index = require('../../index-7dc05ee5.cjs');
|
|
9
9
|
require('../lukso-profile/index.cjs');
|
|
10
10
|
|
|
@@ -31,14 +31,16 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
|
|
|
31
31
|
this.isFixedWidth = false;
|
|
32
32
|
this.isFixedHeight = false;
|
|
33
33
|
this.isFullWidth = false;
|
|
34
|
-
this.
|
|
34
|
+
this.customClass = "";
|
|
35
|
+
this.defaultStyles = `rounded-24 shadow-neutral-drop-shadow-2xl`;
|
|
35
36
|
}
|
|
36
37
|
basicTemplate() {
|
|
37
38
|
return shared_tailwindElement_index.x`
|
|
38
39
|
<div
|
|
39
40
|
data-testid="card"
|
|
40
41
|
class="bg-neutral-100 ${index.customClassMap({
|
|
41
|
-
[this.defaultStyles]:
|
|
42
|
+
[this.defaultStyles]: !this.customClass,
|
|
43
|
+
[this.customClass]: !!this.customClass,
|
|
42
44
|
["w-[362px]"]: this.isFixedWidth,
|
|
43
45
|
["min-h-[534px]"]: this.isFixedHeight,
|
|
44
46
|
["w-full"]: this.isFullWidth
|
|
@@ -53,7 +55,8 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
|
|
|
53
55
|
<div
|
|
54
56
|
data-testid="card"
|
|
55
57
|
class="bg-neutral-98 grid grid-rows-[auto,1fr] ${index.customClassMap({
|
|
56
|
-
[this.defaultStyles]:
|
|
58
|
+
[this.defaultStyles]: !this.customClass,
|
|
59
|
+
[this.customClass]: !!this.customClass,
|
|
57
60
|
["w-[362px]"]: this.isFixedWidth,
|
|
58
61
|
["min-h-[534px]"]: this.isFixedHeight,
|
|
59
62
|
["w-full"]: this.isFullWidth
|
|
@@ -73,7 +76,8 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
|
|
|
73
76
|
<div
|
|
74
77
|
data-testid="card"
|
|
75
78
|
class="bg-neutral-98 grid grid-rows-[auto,1fr] ${index.customClassMap({
|
|
76
|
-
[this.defaultStyles]:
|
|
79
|
+
[this.defaultStyles]: !this.customClass,
|
|
80
|
+
[this.customClass]: !!this.customClass,
|
|
77
81
|
["w-[362px]"]: this.isFixedWidth,
|
|
78
82
|
["min-h-[534px]"]: this.isFixedHeight,
|
|
79
83
|
["w-full"]: this.isFullWidth
|
|
@@ -147,6 +151,9 @@ __decorateClass([
|
|
|
147
151
|
__decorateClass([
|
|
148
152
|
directive.e({ type: Boolean, attribute: "is-full-width" })
|
|
149
153
|
], exports.LuksoCard.prototype, "isFullWidth", 2);
|
|
154
|
+
__decorateClass([
|
|
155
|
+
directive.e({ type: String, attribute: "custom-class" })
|
|
156
|
+
], exports.LuksoCard.prototype, "customClass", 2);
|
|
150
157
|
exports.LuksoCard = __decorateClass([
|
|
151
158
|
directive.e$1("lukso-card")
|
|
152
159
|
], exports.LuksoCard);
|
|
@@ -8,6 +8,7 @@ export declare class LuksoCard extends LuksoCard_base {
|
|
|
8
8
|
isFixedWidth: boolean;
|
|
9
9
|
isFixedHeight: boolean;
|
|
10
10
|
isFullWidth: boolean;
|
|
11
|
+
customClass: string;
|
|
11
12
|
private defaultStyles;
|
|
12
13
|
basicTemplate(): import("lit-html").TemplateResult<1>;
|
|
13
14
|
withHeaderTemplate(): import("lit-html").TemplateResult<1>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-card/index.ts"],"names":[],"mappings":"AAOA,OAAO,4BAA4B,CAAA;AAEnC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,CAAA;;AAE9D,qBACa,SAAU,SAAQ,cAA4B;IAEzD,OAAO,EAAE,YAAY,CAAU;IAG/B,aAAa,SAAK;IAGlB,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,YAAY,UAAQ;IAGpB,aAAa,UAAQ;IAGrB,WAAW,UAAQ;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-card/index.ts"],"names":[],"mappings":"AAOA,OAAO,4BAA4B,CAAA;AAEnC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,CAAA;;AAE9D,qBACa,SAAU,SAAQ,cAA4B;IAEzD,OAAO,EAAE,YAAY,CAAU;IAG/B,aAAa,SAAK;IAGlB,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,YAAY,UAAQ;IAGpB,aAAa,UAAQ;IAGrB,WAAW,UAAQ;IAGnB,WAAW,SAAK;IAEhB,OAAO,CAAC,aAAa,CAA8C;IAEnE,aAAa;IAiBb,kBAAkB;IAsBlB,eAAe;IAiDf,MAAM;CAWP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-05e1e8a5.js';
|
|
2
2
|
import { e, a as e$1 } from '../../directive-9ec64c08.js';
|
|
3
|
-
import { o } from '../../style-map-
|
|
3
|
+
import { o } from '../../style-map-ad6bcb0b.js';
|
|
4
4
|
import { c as customClassMap } from '../../index-714323c9.js';
|
|
5
5
|
import '../lukso-profile/index.js';
|
|
6
6
|
|
|
@@ -27,14 +27,16 @@ let LuksoCard = class extends TailwindStyledElement(style) {
|
|
|
27
27
|
this.isFixedWidth = false;
|
|
28
28
|
this.isFixedHeight = false;
|
|
29
29
|
this.isFullWidth = false;
|
|
30
|
-
this.
|
|
30
|
+
this.customClass = "";
|
|
31
|
+
this.defaultStyles = `rounded-24 shadow-neutral-drop-shadow-2xl`;
|
|
31
32
|
}
|
|
32
33
|
basicTemplate() {
|
|
33
34
|
return x`
|
|
34
35
|
<div
|
|
35
36
|
data-testid="card"
|
|
36
37
|
class="bg-neutral-100 ${customClassMap({
|
|
37
|
-
[this.defaultStyles]:
|
|
38
|
+
[this.defaultStyles]: !this.customClass,
|
|
39
|
+
[this.customClass]: !!this.customClass,
|
|
38
40
|
["w-[362px]"]: this.isFixedWidth,
|
|
39
41
|
["min-h-[534px]"]: this.isFixedHeight,
|
|
40
42
|
["w-full"]: this.isFullWidth
|
|
@@ -49,7 +51,8 @@ let LuksoCard = class extends TailwindStyledElement(style) {
|
|
|
49
51
|
<div
|
|
50
52
|
data-testid="card"
|
|
51
53
|
class="bg-neutral-98 grid grid-rows-[auto,1fr] ${customClassMap({
|
|
52
|
-
[this.defaultStyles]:
|
|
54
|
+
[this.defaultStyles]: !this.customClass,
|
|
55
|
+
[this.customClass]: !!this.customClass,
|
|
53
56
|
["w-[362px]"]: this.isFixedWidth,
|
|
54
57
|
["min-h-[534px]"]: this.isFixedHeight,
|
|
55
58
|
["w-full"]: this.isFullWidth
|
|
@@ -69,7 +72,8 @@ let LuksoCard = class extends TailwindStyledElement(style) {
|
|
|
69
72
|
<div
|
|
70
73
|
data-testid="card"
|
|
71
74
|
class="bg-neutral-98 grid grid-rows-[auto,1fr] ${customClassMap({
|
|
72
|
-
[this.defaultStyles]:
|
|
75
|
+
[this.defaultStyles]: !this.customClass,
|
|
76
|
+
[this.customClass]: !!this.customClass,
|
|
73
77
|
["w-[362px]"]: this.isFixedWidth,
|
|
74
78
|
["min-h-[534px]"]: this.isFixedHeight,
|
|
75
79
|
["w-full"]: this.isFullWidth
|
|
@@ -143,6 +147,9 @@ __decorateClass([
|
|
|
143
147
|
__decorateClass([
|
|
144
148
|
e({ type: Boolean, attribute: "is-full-width" })
|
|
145
149
|
], LuksoCard.prototype, "isFullWidth", 2);
|
|
150
|
+
__decorateClass([
|
|
151
|
+
e({ type: String, attribute: "custom-class" })
|
|
152
|
+
], LuksoCard.prototype, "customClass", 2);
|
|
146
153
|
LuksoCard = __decorateClass([
|
|
147
154
|
e$1("lukso-card")
|
|
148
155
|
], LuksoCard);
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
7
|
+
const styleMap = require('../../style-map-43c394ff.cjs');
|
|
8
8
|
|
|
9
9
|
const style = ":host {\n display: inline-flex\n}";
|
|
10
10
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { x, T as TailwindStyledElement } from '../../index-
|
|
1
|
+
import { x, T as TailwindStyledElement } from '../../index-05e1e8a5.js';
|
|
2
2
|
import { e, a as e$1 } from '../../directive-9ec64c08.js';
|
|
3
|
-
import { o } from '../../style-map-
|
|
3
|
+
import { o } from '../../style-map-ad6bcb0b.js';
|
|
4
4
|
|
|
5
5
|
const style = ":host {\n display: inline-flex\n}";
|
|
6
6
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
7
|
const state = require('../../state-a62a7d5d.cjs');
|
|
8
8
|
const index = require('../../index-7dc05ee5.cjs');
|
|
@@ -80,7 +80,8 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
|
|
|
80
80
|
[this.customClass]: !!this.customClass
|
|
81
81
|
})}
|
|
82
82
|
@focus=${this.handleFocus}
|
|
83
|
-
@input=${this.
|
|
83
|
+
@input=${this.handleInput}
|
|
84
|
+
@change=${this.handleChange}
|
|
84
85
|
@blur=${this.handleBlur}
|
|
85
86
|
@keyup=${this.handleKeyUp}
|
|
86
87
|
@keydown=${this.handleKeyDown}
|
|
@@ -154,6 +155,18 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
|
|
|
154
155
|
});
|
|
155
156
|
this.dispatchEvent(changeEvent);
|
|
156
157
|
}
|
|
158
|
+
handleInput(event) {
|
|
159
|
+
const target = event.target;
|
|
160
|
+
const changeEvent = new CustomEvent("on-input", {
|
|
161
|
+
detail: {
|
|
162
|
+
value: target.value,
|
|
163
|
+
event
|
|
164
|
+
},
|
|
165
|
+
bubbles: false,
|
|
166
|
+
composed: true
|
|
167
|
+
});
|
|
168
|
+
this.dispatchEvent(changeEvent);
|
|
169
|
+
}
|
|
157
170
|
handleKeyUp(event) {
|
|
158
171
|
const target = event.target;
|
|
159
172
|
const keyEvent = new CustomEvent("on-key-up", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,qBACa,UAAW,SAAQ,eAAe;IAE7C,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,IAAI,SAAS;IAGb,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAO;IAGnB,EAAE,SAAK;IAGP,GAAG,MAAY;IAGf,MAAM,MAAY;IAGlB,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,kBAAkB,CAE4C;IAEtE,OAAO,CAAC,iBAAiB,CAG0B;IAGnD,aAAa;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,qBACa,UAAW,SAAQ,eAAe;IAE7C,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,IAAI,SAAS;IAGb,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAO;IAGnB,EAAE,SAAK;IAGP,GAAG,MAAY;IAGf,MAAM,MAAY;IAGlB,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,kBAAkB,CAE4C;IAEtE,OAAO,CAAC,iBAAiB,CAG0B;IAGnD,aAAa;IA2Cb,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,YAAY;IAgBZ,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,cAAc;IAMtB,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as TailwindElement, x, A } from '../../index-
|
|
1
|
+
import { a as TailwindElement, x, A } from '../../index-05e1e8a5.js';
|
|
2
2
|
import { e, a as e$1 } from '../../directive-9ec64c08.js';
|
|
3
3
|
import { t } from '../../state-7fde94d1.js';
|
|
4
4
|
import { c as customClassMap } from '../../index-714323c9.js';
|
|
@@ -76,7 +76,8 @@ let LuksoInput = class extends TailwindElement {
|
|
|
76
76
|
[this.customClass]: !!this.customClass
|
|
77
77
|
})}
|
|
78
78
|
@focus=${this.handleFocus}
|
|
79
|
-
@input=${this.
|
|
79
|
+
@input=${this.handleInput}
|
|
80
|
+
@change=${this.handleChange}
|
|
80
81
|
@blur=${this.handleBlur}
|
|
81
82
|
@keyup=${this.handleKeyUp}
|
|
82
83
|
@keydown=${this.handleKeyDown}
|
|
@@ -150,6 +151,18 @@ let LuksoInput = class extends TailwindElement {
|
|
|
150
151
|
});
|
|
151
152
|
this.dispatchEvent(changeEvent);
|
|
152
153
|
}
|
|
154
|
+
handleInput(event) {
|
|
155
|
+
const target = event.target;
|
|
156
|
+
const changeEvent = new CustomEvent("on-input", {
|
|
157
|
+
detail: {
|
|
158
|
+
value: target.value,
|
|
159
|
+
event
|
|
160
|
+
},
|
|
161
|
+
bubbles: false,
|
|
162
|
+
composed: true
|
|
163
|
+
});
|
|
164
|
+
this.dispatchEvent(changeEvent);
|
|
165
|
+
}
|
|
153
166
|
handleKeyUp(event) {
|
|
154
167
|
const target = event.target;
|
|
155
168
|
const keyEvent = new CustomEvent("on-key-up", {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
7
|
const index = require('../../index-7dc05ee5.cjs');
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
7
|
const state = require('../../state-a62a7d5d.cjs');
|
|
8
8
|
const index = require('../../index-7dc05ee5.cjs');
|
|
@@ -101,7 +101,7 @@ exports.LuksoNavbar = class LuksoNavbar extends shared_tailwindElement_index.Tai
|
|
|
101
101
|
<span>${this.title}</span>
|
|
102
102
|
</div>
|
|
103
103
|
</div>
|
|
104
|
-
${this.desktopMenuTemplate()} ${this.mobileMenuTemplate()}
|
|
104
|
+
${this.isCenter ? shared_tailwindElement_index.x`` : shared_tailwindElement_index.x`${this.desktopMenuTemplate()} ${this.mobileMenuTemplate()}`}
|
|
105
105
|
</nav>
|
|
106
106
|
`;
|
|
107
107
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-navbar/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,qBACa,WAAY,SAAQ,eAAe;IAE9C,KAAK,SAAK;IAGV,QAAQ,UAAQ;IAGhB,QAAQ,UAAQ;IAGhB,aAAa,UAAQ;IAGrB,OAAO,CAAC,UAAU,CAAQ;IAE1B,OAAO,CAAC,YAAY,CAAmB;IAEvC,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,iBAAiB,CAAiC;IAE1D,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,gBAAgB;IAIxB,mBAAmB;IAQnB,kBAAkB;IAiClB,MAAM;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-navbar/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,qBACa,WAAY,SAAQ,eAAe;IAE9C,KAAK,SAAK;IAGV,QAAQ,UAAQ;IAGhB,QAAQ,UAAQ;IAGhB,aAAa,UAAQ;IAGrB,OAAO,CAAC,UAAU,CAAQ;IAE1B,OAAO,CAAC,YAAY,CAAmB;IAEvC,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,iBAAiB,CAAiC;IAE1D,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,gBAAgB;IAIxB,mBAAmB;IAQnB,kBAAkB;IAiClB,MAAM;CA6BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as TailwindElement, x } from '../../index-
|
|
1
|
+
import { a as TailwindElement, x } from '../../index-05e1e8a5.js';
|
|
2
2
|
import { e, a as e$1 } from '../../directive-9ec64c08.js';
|
|
3
3
|
import { t } from '../../state-7fde94d1.js';
|
|
4
4
|
import { c as customClassMap } from '../../index-714323c9.js';
|
|
@@ -97,7 +97,7 @@ let LuksoNavbar = class extends TailwindElement {
|
|
|
97
97
|
<span>${this.title}</span>
|
|
98
98
|
</div>
|
|
99
99
|
</div>
|
|
100
|
-
${this.desktopMenuTemplate()} ${this.mobileMenuTemplate()}
|
|
100
|
+
${this.isCenter ? x`` : x`${this.desktopMenuTemplate()} ${this.mobileMenuTemplate()}`}
|
|
101
101
|
</nav>
|
|
102
102
|
`;
|
|
103
103
|
}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
7
|
+
const styleMap = require('../../style-map-43c394ff.cjs');
|
|
8
8
|
|
|
9
9
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
10
10
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { a as TailwindElement, x } from '../../index-
|
|
1
|
+
import { a as TailwindElement, x } from '../../index-05e1e8a5.js';
|
|
2
2
|
import { e, a as e$1 } from '../../directive-9ec64c08.js';
|
|
3
|
-
import { o } from '../../style-map-
|
|
3
|
+
import { o } from '../../style-map-ad6bcb0b.js';
|
|
4
4
|
|
|
5
5
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
6
6
|
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
7
|
+
const styleMap = require('../../style-map-43c394ff.cjs');
|
|
8
8
|
const index = require('../../index-7dc05ee5.cjs');
|
|
9
9
|
|
|
10
10
|
var __defProp = Object.defineProperty;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { a as TailwindElement, x } from '../../index-
|
|
1
|
+
import { a as TailwindElement, x } from '../../index-05e1e8a5.js';
|
|
2
2
|
import { e, a as e$1 } from '../../directive-9ec64c08.js';
|
|
3
|
-
import { o } from '../../style-map-
|
|
3
|
+
import { o } from '../../style-map-ad6bcb0b.js';
|
|
4
4
|
import { c as customClassMap } from '../../index-714323c9.js';
|
|
5
5
|
|
|
6
6
|
var __defProp = Object.defineProperty;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
7
|
|
|
8
8
|
/**
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
7
|
const index = require('../../index-7dc05ee5.cjs');
|
|
8
8
|
|
|
@@ -28,7 +28,7 @@ exports.LuksoShare = class LuksoShare extends shared_tailwindElement_index.Tailw
|
|
|
28
28
|
instagram: "https://www.instagram.com/lukso/",
|
|
29
29
|
linkedin: "https://www.linkedin.com/company/18289660/",
|
|
30
30
|
telegram: "https://t.me/lukso",
|
|
31
|
-
discord: "
|
|
31
|
+
discord: "https://discord.com/invite/lukso",
|
|
32
32
|
reddit: "https://www.reddit.com/r/lukso/",
|
|
33
33
|
medium: "https://medium.com/lukso",
|
|
34
34
|
github: "https://github.com/lukso-network"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-05e1e8a5.js';
|
|
2
2
|
import { e, a as e$1 } from '../../directive-9ec64c08.js';
|
|
3
3
|
import { c as customClassMap } from '../../index-714323c9.js';
|
|
4
4
|
|
|
@@ -24,7 +24,7 @@ let LuksoShare = class extends TailwindStyledElement(style) {
|
|
|
24
24
|
instagram: "https://www.instagram.com/lukso/",
|
|
25
25
|
linkedin: "https://www.linkedin.com/company/18289660/",
|
|
26
26
|
telegram: "https://t.me/lukso",
|
|
27
|
-
discord: "
|
|
27
|
+
discord: "https://discord.com/invite/lukso",
|
|
28
28
|
reddit: "https://www.reddit.com/r/lukso/",
|
|
29
29
|
medium: "https://medium.com/lukso",
|
|
30
30
|
github: "https://github.com/lukso-network"
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
7
|
+
const styleMap = require('../../style-map-43c394ff.cjs');
|
|
8
8
|
const index = require('../../index-7dc05ee5.cjs');
|
|
9
9
|
|
|
10
10
|
var __defProp = Object.defineProperty;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { a as TailwindElement, x } from '../../index-
|
|
1
|
+
import { a as TailwindElement, x } from '../../index-05e1e8a5.js';
|
|
2
2
|
import { e, a as e$1 } from '../../directive-9ec64c08.js';
|
|
3
|
-
import { o } from '../../style-map-
|
|
3
|
+
import { o } from '../../style-map-ad6bcb0b.js';
|
|
4
4
|
import { c as customClassMap } from '../../index-714323c9.js';
|
|
5
5
|
|
|
6
6
|
var __defProp = Object.defineProperty;
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
7
|
const state = require('../../state-a62a7d5d.cjs');
|
|
8
8
|
const index = require('../../index-7dc05ee5.cjs');
|
|
9
9
|
require('../lukso-icon/index.cjs');
|
|
10
10
|
require('../lukso-sanitize/index.cjs');
|
|
11
|
-
require('../../style-map-
|
|
11
|
+
require('../../style-map-43c394ff.cjs');
|
|
12
12
|
|
|
13
13
|
const style = ":host {\n display: flex;\n height: 100%\n}";
|
|
14
14
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-05e1e8a5.js';
|
|
2
2
|
import { e, a as e$1 } from '../../directive-9ec64c08.js';
|
|
3
3
|
import { t } from '../../state-7fde94d1.js';
|
|
4
4
|
import { c as customClassMap } from '../../index-714323c9.js';
|
|
5
5
|
import '../lukso-icon/index.js';
|
|
6
6
|
import '../lukso-sanitize/index.js';
|
|
7
|
-
import '../../style-map-
|
|
7
|
+
import '../../style-map-ad6bcb0b.js';
|
|
8
8
|
|
|
9
9
|
const style = ":host {\n display: flex;\n height: 100%\n}";
|
|
10
10
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
7
|
|
|
8
8
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { b as T$1, T as TailwindStyledElement, x as x$2 } from '../../index-
|
|
1
|
+
import { b as T$1, T as TailwindStyledElement, x as x$2 } from '../../index-05e1e8a5.js';
|
|
2
2
|
import { b as e$3, i as i$3, t as t$3, e as e$4, a as e$5 } from '../../directive-9ec64c08.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
7
|
+
const styleMap = require('../../style-map-43c394ff.cjs');
|
|
8
8
|
const index = require('../../index-7dc05ee5.cjs');
|
|
9
9
|
|
|
10
10
|
const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { a as TailwindElement, x } from '../../index-
|
|
1
|
+
import { a as TailwindElement, x } from '../../index-05e1e8a5.js';
|
|
2
2
|
import { e, a as e$1 } from '../../directive-9ec64c08.js';
|
|
3
|
-
import { o } from '../../style-map-
|
|
3
|
+
import { o } from '../../style-map-ad6bcb0b.js';
|
|
4
4
|
import { c as customClassMap } from '../../index-714323c9.js';
|
|
5
5
|
|
|
6
6
|
const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-c3f288b5.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
7
|
const index = require('../../index-7dc05ee5.cjs');
|
|
8
8
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Z, b as T, a as TailwindElement, x } from '../../index-
|
|
1
|
+
import { Z, b as T, a as TailwindElement, x } from '../../index-05e1e8a5.js';
|
|
2
2
|
import { b as e, i, t, e as e$1, a as e$2 } from '../../directive-9ec64c08.js';
|
|
3
3
|
import { c as customClassMap } from '../../index-714323c9.js';
|
|
4
4
|
|