@lukso/web-components 1.23.0 → 1.25.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 +3 -3
- package/dist/components/lukso-button/index.js +3 -3
- package/dist/components/lukso-card/index.cjs +2 -2
- package/dist/components/lukso-card/index.js +2 -2
- package/dist/components/lukso-icon/icons/progress-indicator-alt.d.ts +3 -0
- package/dist/components/lukso-icon/icons/progress-indicator-alt.d.ts.map +1 -0
- package/dist/components/lukso-icon/index.cjs +151 -3
- package/dist/components/lukso-icon/index.d.ts.map +1 -1
- package/dist/components/lukso-icon/index.js +151 -3
- package/dist/components/lukso-input/index.cjs +1 -1
- package/dist/components/lukso-input/index.js +1 -1
- 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 +1 -1
- package/dist/components/lukso-navbar/index.js +1 -1
- 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 +1 -1
- package/dist/components/lukso-share/index.js +1 -1
- 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 +31 -9
- package/dist/components/lukso-wizard/index.d.ts +5 -2
- package/dist/components/lukso-wizard/index.d.ts.map +1 -1
- package/dist/components/lukso-wizard/index.js +31 -9
- package/dist/{index-e3189942.js → index-3e7edd92.js} +1 -1
- package/dist/{index-2ead6ca2.cjs → index-f0ca98d2.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-3dc9363d.cjs → style-map-4458ae5f.cjs} +1 -1
- package/dist/{style-map-e2dd0466.js → style-map-928073dd.js} +1 -1
- package/package.json +1 -1
- package/tailwind.config.cjs +4 -0
|
@@ -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-f0ca98d2.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-4458ae5f.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-3e7edd92.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-928073dd.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-f0ca98d2.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');
|
|
@@ -41,8 +41,8 @@ exports.LuksoButton = class LuksoButton extends shared_tailwindElement_index.Tai
|
|
|
41
41
|
this.noTransition = false;
|
|
42
42
|
this.timer = 0;
|
|
43
43
|
this.defaultStyles = `flex justify-center items-center relative text-center
|
|
44
|
-
border border-solid cursor-pointer transition
|
|
45
|
-
|
|
44
|
+
border border-solid cursor-pointer transition
|
|
45
|
+
duration-250 active:scale-98 active:duration-25
|
|
46
46
|
disabled:shadow-none disabled:cursor-not-allowed disabled:scale-100 disabled:opacity-50`;
|
|
47
47
|
this.secondaryStyles = `bg-neutral-100 border-neutral-90 text-neutral-20
|
|
48
48
|
hover:shadow-button-hover-secondary active:shadow-button-press-secondary`;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-3e7edd92.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';
|
|
@@ -37,8 +37,8 @@ let LuksoButton = class extends TailwindStyledElement(style) {
|
|
|
37
37
|
this.noTransition = false;
|
|
38
38
|
this.timer = 0;
|
|
39
39
|
this.defaultStyles = `flex justify-center items-center relative text-center
|
|
40
|
-
border border-solid cursor-pointer transition
|
|
41
|
-
|
|
40
|
+
border border-solid cursor-pointer transition
|
|
41
|
+
duration-250 active:scale-98 active:duration-25
|
|
42
42
|
disabled:shadow-none disabled:cursor-not-allowed disabled:scale-100 disabled:opacity-50`;
|
|
43
43
|
this.secondaryStyles = `bg-neutral-100 border-neutral-90 text-neutral-20
|
|
44
44
|
hover:shadow-button-hover-secondary active:shadow-button-press-secondary`;
|
|
@@ -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-f0ca98d2.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
7
|
+
const styleMap = require('../../style-map-4458ae5f.cjs');
|
|
8
8
|
const index = require('../../index-7dc05ee5.cjs');
|
|
9
9
|
require('../lukso-profile/index.cjs');
|
|
10
10
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-3e7edd92.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-928073dd.js';
|
|
4
4
|
import { c as customClassMap } from '../../index-714323c9.js';
|
|
5
5
|
import '../lukso-profile/index.js';
|
|
6
6
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-indicator-alt.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/progress-indicator-alt.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAE9D,eAAO,MAAM,oBAAoB,YAAa,WAAW,yCAiJxD,CAAA"}
|
|
@@ -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-f0ca98d2.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
7
|
+
const styleMap = require('../../style-map-4458ae5f.cjs');
|
|
8
8
|
|
|
9
9
|
const style = ":host {\n display: inline-flex\n}";
|
|
10
10
|
|
|
@@ -4467,6 +4467,153 @@ const switched = (options) => {
|
|
|
4467
4467
|
</svg> `;
|
|
4468
4468
|
};
|
|
4469
4469
|
|
|
4470
|
+
const progressIndicatorAlt = (options) => {
|
|
4471
|
+
return shared_tailwindElement_index.x`<svg
|
|
4472
|
+
width="64"
|
|
4473
|
+
height="64"
|
|
4474
|
+
viewBox="0 0 64 64"
|
|
4475
|
+
fill="none"
|
|
4476
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
4477
|
+
style=${styleMap.o({
|
|
4478
|
+
width: `${options.width}px`,
|
|
4479
|
+
height: `${options.height}px`
|
|
4480
|
+
})}
|
|
4481
|
+
>
|
|
4482
|
+
<g filter="url(#filter0_ii_2356_9)">
|
|
4483
|
+
<path
|
|
4484
|
+
d="M64 32C64 49.6731 49.6731 64 32 64C14.3269 64 0 49.6731 0 32C0 14.3269 14.3269 0 32 0C49.6731 0 64 14.3269 64 32ZM4.8 32C4.8 47.0221 16.9779 59.2 32 59.2C47.0221 59.2 59.2 47.0221 59.2 32C59.2 16.9779 47.0221 4.8 32 4.8C16.9779 4.8 4.8 16.9779 4.8 32Z"
|
|
4485
|
+
fill="#F8FAFB"
|
|
4486
|
+
/>
|
|
4487
|
+
</g>
|
|
4488
|
+
<defs>
|
|
4489
|
+
<filter
|
|
4490
|
+
id="filter0_ii_2356_9"
|
|
4491
|
+
x="-2"
|
|
4492
|
+
y="-2"
|
|
4493
|
+
width="68"
|
|
4494
|
+
height="68"
|
|
4495
|
+
filterUnits="userSpaceOnUse"
|
|
4496
|
+
color-interpolation-filters="sRGB"
|
|
4497
|
+
>
|
|
4498
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|
4499
|
+
<feBlend
|
|
4500
|
+
mode="normal"
|
|
4501
|
+
in="SourceGraphic"
|
|
4502
|
+
in2="BackgroundImageFix"
|
|
4503
|
+
result="shape"
|
|
4504
|
+
/>
|
|
4505
|
+
<feColorMatrix
|
|
4506
|
+
in="SourceAlpha"
|
|
4507
|
+
type="matrix"
|
|
4508
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
4509
|
+
result="hardAlpha"
|
|
4510
|
+
/>
|
|
4511
|
+
<feOffset dx="2" dy="2" />
|
|
4512
|
+
<feGaussianBlur stdDeviation="2" />
|
|
4513
|
+
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
|
|
4514
|
+
<feColorMatrix
|
|
4515
|
+
type="matrix"
|
|
4516
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0"
|
|
4517
|
+
/>
|
|
4518
|
+
<feBlend
|
|
4519
|
+
mode="normal"
|
|
4520
|
+
in2="shape"
|
|
4521
|
+
result="effect1_innerShadow_2356_9"
|
|
4522
|
+
/>
|
|
4523
|
+
<feColorMatrix
|
|
4524
|
+
in="SourceAlpha"
|
|
4525
|
+
type="matrix"
|
|
4526
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
4527
|
+
result="hardAlpha"
|
|
4528
|
+
/>
|
|
4529
|
+
<feOffset dx="-2" dy="-2" />
|
|
4530
|
+
<feGaussianBlur stdDeviation="2" />
|
|
4531
|
+
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
|
|
4532
|
+
<feColorMatrix
|
|
4533
|
+
type="matrix"
|
|
4534
|
+
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
|
|
4535
|
+
/>
|
|
4536
|
+
<feBlend
|
|
4537
|
+
mode="normal"
|
|
4538
|
+
in2="effect1_innerShadow_2356_9"
|
|
4539
|
+
result="effect2_innerShadow_2356_9"
|
|
4540
|
+
/>
|
|
4541
|
+
</filter>
|
|
4542
|
+
</defs></svg
|
|
4543
|
+
><svg
|
|
4544
|
+
width="64"
|
|
4545
|
+
height="64"
|
|
4546
|
+
viewBox="0 0 64 64"
|
|
4547
|
+
fill="none"
|
|
4548
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
4549
|
+
style=${styleMap.o({
|
|
4550
|
+
width: `${options.width}px`,
|
|
4551
|
+
height: `${options.height}px`
|
|
4552
|
+
})}
|
|
4553
|
+
class="absolute animate-spin"
|
|
4554
|
+
>
|
|
4555
|
+
<g clip-path="url(#clip0_2235_25110)">
|
|
4556
|
+
<g filter="url(#filter0_i_2235_25110)">
|
|
4557
|
+
<path
|
|
4558
|
+
d="M61.6 32C62.9255 32 64.0094 33.0761 63.91 34.3978C63.5671 38.9614 62.2484 43.4083 60.0322 47.4336C57.4293 52.1613 53.673 56.1538 49.1127 59.0399C44.5523 61.926 39.3362 63.6118 33.9494 63.9406C28.5626 64.2693 23.1801 63.2304 18.3027 60.9203C13.4253 58.6102 9.21129 55.1041 6.05278 50.7281C2.89427 46.3521 0.893816 41.2483 0.237506 35.8915C-0.418804 30.5348 0.290348 25.099 2.299 20.0899C4.00925 15.8249 6.61426 11.9873 9.92785 8.83061C10.8876 7.91635 12.4068 8.0732 13.2466 9.09871V9.09871C14.0863 10.1242 13.9272 11.6292 12.9797 12.5561C10.2862 15.1908 8.163 18.3631 6.75415 21.8764C5.0468 26.1342 4.44402 30.7545 5.00188 35.3078C5.55974 39.8611 7.26013 44.1993 9.94486 47.9189C12.6296 51.6385 16.2115 54.6187 20.3573 56.5823C24.5031 58.5458 29.0782 59.4289 33.657 59.1495C38.2358 58.87 42.6695 57.4371 46.5458 54.9839C50.422 52.5308 53.6149 49.1371 55.8273 45.1186C57.653 41.8027 58.7622 38.1502 59.0942 34.3969C59.211 33.0766 60.2745 32 61.6 32V32Z"
|
|
4559
|
+
fill="url(#paint0_linear_2235_25110)"
|
|
4560
|
+
/>
|
|
4561
|
+
</g>
|
|
4562
|
+
</g>
|
|
4563
|
+
<defs>
|
|
4564
|
+
<filter
|
|
4565
|
+
id="filter0_i_2235_25110"
|
|
4566
|
+
x="0"
|
|
4567
|
+
y="8.22852"
|
|
4568
|
+
width="64.9164"
|
|
4569
|
+
height="56.7715"
|
|
4570
|
+
filterUnits="userSpaceOnUse"
|
|
4571
|
+
color-interpolation-filters="sRGB"
|
|
4572
|
+
>
|
|
4573
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|
4574
|
+
<feBlend
|
|
4575
|
+
mode="normal"
|
|
4576
|
+
in="SourceGraphic"
|
|
4577
|
+
in2="BackgroundImageFix"
|
|
4578
|
+
result="shape"
|
|
4579
|
+
/>
|
|
4580
|
+
<feColorMatrix
|
|
4581
|
+
in="SourceAlpha"
|
|
4582
|
+
type="matrix"
|
|
4583
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
4584
|
+
result="hardAlpha"
|
|
4585
|
+
/>
|
|
4586
|
+
<feOffset dx="1" dy="1" />
|
|
4587
|
+
<feGaussianBlur stdDeviation="1" />
|
|
4588
|
+
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
|
|
4589
|
+
<feColorMatrix
|
|
4590
|
+
type="matrix"
|
|
4591
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"
|
|
4592
|
+
/>
|
|
4593
|
+
<feBlend
|
|
4594
|
+
mode="normal"
|
|
4595
|
+
in2="shape"
|
|
4596
|
+
result="effect1_innerShadow_2235_25110"
|
|
4597
|
+
/>
|
|
4598
|
+
</filter>
|
|
4599
|
+
<linearGradient
|
|
4600
|
+
id="paint0_linear_2235_25110"
|
|
4601
|
+
x1="49.6"
|
|
4602
|
+
y1="38.4"
|
|
4603
|
+
x2="-35.2"
|
|
4604
|
+
y2="-15.2"
|
|
4605
|
+
gradientUnits="userSpaceOnUse"
|
|
4606
|
+
>
|
|
4607
|
+
<stop stop-color="#F8DAD3" />
|
|
4608
|
+
<stop offset="1" stop-color="#CC99AE" />
|
|
4609
|
+
</linearGradient>
|
|
4610
|
+
<clipPath id="clip0_2235_25110">
|
|
4611
|
+
<rect width="64" height="64" fill="white" />
|
|
4612
|
+
</clipPath>
|
|
4613
|
+
</defs>
|
|
4614
|
+
</svg>`;
|
|
4615
|
+
};
|
|
4616
|
+
|
|
4470
4617
|
var __defProp = Object.defineProperty;
|
|
4471
4618
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4472
4619
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
@@ -4596,7 +4743,8 @@ const iconMap = {
|
|
|
4596
4743
|
"progress-complete": progressComplete,
|
|
4597
4744
|
"complete-filled-fade-in": completeFilledFadeIn,
|
|
4598
4745
|
"desktop-sharp": desktopSharp,
|
|
4599
|
-
switched
|
|
4746
|
+
switched,
|
|
4747
|
+
"progress-indicator-alt": progressIndicatorAlt
|
|
4600
4748
|
};
|
|
4601
4749
|
exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.TailwindStyledElement(style) {
|
|
4602
4750
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AA6HA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AAkI5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAuBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { x, T as TailwindStyledElement } from '../../index-
|
|
1
|
+
import { x, T as TailwindStyledElement } from '../../index-3e7edd92.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-928073dd.js';
|
|
4
4
|
|
|
5
5
|
const style = ":host {\n display: inline-flex\n}";
|
|
6
6
|
|
|
@@ -4463,6 +4463,153 @@ const switched = (options) => {
|
|
|
4463
4463
|
</svg> `;
|
|
4464
4464
|
};
|
|
4465
4465
|
|
|
4466
|
+
const progressIndicatorAlt = (options) => {
|
|
4467
|
+
return x`<svg
|
|
4468
|
+
width="64"
|
|
4469
|
+
height="64"
|
|
4470
|
+
viewBox="0 0 64 64"
|
|
4471
|
+
fill="none"
|
|
4472
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
4473
|
+
style=${o({
|
|
4474
|
+
width: `${options.width}px`,
|
|
4475
|
+
height: `${options.height}px`
|
|
4476
|
+
})}
|
|
4477
|
+
>
|
|
4478
|
+
<g filter="url(#filter0_ii_2356_9)">
|
|
4479
|
+
<path
|
|
4480
|
+
d="M64 32C64 49.6731 49.6731 64 32 64C14.3269 64 0 49.6731 0 32C0 14.3269 14.3269 0 32 0C49.6731 0 64 14.3269 64 32ZM4.8 32C4.8 47.0221 16.9779 59.2 32 59.2C47.0221 59.2 59.2 47.0221 59.2 32C59.2 16.9779 47.0221 4.8 32 4.8C16.9779 4.8 4.8 16.9779 4.8 32Z"
|
|
4481
|
+
fill="#F8FAFB"
|
|
4482
|
+
/>
|
|
4483
|
+
</g>
|
|
4484
|
+
<defs>
|
|
4485
|
+
<filter
|
|
4486
|
+
id="filter0_ii_2356_9"
|
|
4487
|
+
x="-2"
|
|
4488
|
+
y="-2"
|
|
4489
|
+
width="68"
|
|
4490
|
+
height="68"
|
|
4491
|
+
filterUnits="userSpaceOnUse"
|
|
4492
|
+
color-interpolation-filters="sRGB"
|
|
4493
|
+
>
|
|
4494
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|
4495
|
+
<feBlend
|
|
4496
|
+
mode="normal"
|
|
4497
|
+
in="SourceGraphic"
|
|
4498
|
+
in2="BackgroundImageFix"
|
|
4499
|
+
result="shape"
|
|
4500
|
+
/>
|
|
4501
|
+
<feColorMatrix
|
|
4502
|
+
in="SourceAlpha"
|
|
4503
|
+
type="matrix"
|
|
4504
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
4505
|
+
result="hardAlpha"
|
|
4506
|
+
/>
|
|
4507
|
+
<feOffset dx="2" dy="2" />
|
|
4508
|
+
<feGaussianBlur stdDeviation="2" />
|
|
4509
|
+
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
|
|
4510
|
+
<feColorMatrix
|
|
4511
|
+
type="matrix"
|
|
4512
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0"
|
|
4513
|
+
/>
|
|
4514
|
+
<feBlend
|
|
4515
|
+
mode="normal"
|
|
4516
|
+
in2="shape"
|
|
4517
|
+
result="effect1_innerShadow_2356_9"
|
|
4518
|
+
/>
|
|
4519
|
+
<feColorMatrix
|
|
4520
|
+
in="SourceAlpha"
|
|
4521
|
+
type="matrix"
|
|
4522
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
4523
|
+
result="hardAlpha"
|
|
4524
|
+
/>
|
|
4525
|
+
<feOffset dx="-2" dy="-2" />
|
|
4526
|
+
<feGaussianBlur stdDeviation="2" />
|
|
4527
|
+
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
|
|
4528
|
+
<feColorMatrix
|
|
4529
|
+
type="matrix"
|
|
4530
|
+
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
|
|
4531
|
+
/>
|
|
4532
|
+
<feBlend
|
|
4533
|
+
mode="normal"
|
|
4534
|
+
in2="effect1_innerShadow_2356_9"
|
|
4535
|
+
result="effect2_innerShadow_2356_9"
|
|
4536
|
+
/>
|
|
4537
|
+
</filter>
|
|
4538
|
+
</defs></svg
|
|
4539
|
+
><svg
|
|
4540
|
+
width="64"
|
|
4541
|
+
height="64"
|
|
4542
|
+
viewBox="0 0 64 64"
|
|
4543
|
+
fill="none"
|
|
4544
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
4545
|
+
style=${o({
|
|
4546
|
+
width: `${options.width}px`,
|
|
4547
|
+
height: `${options.height}px`
|
|
4548
|
+
})}
|
|
4549
|
+
class="absolute animate-spin"
|
|
4550
|
+
>
|
|
4551
|
+
<g clip-path="url(#clip0_2235_25110)">
|
|
4552
|
+
<g filter="url(#filter0_i_2235_25110)">
|
|
4553
|
+
<path
|
|
4554
|
+
d="M61.6 32C62.9255 32 64.0094 33.0761 63.91 34.3978C63.5671 38.9614 62.2484 43.4083 60.0322 47.4336C57.4293 52.1613 53.673 56.1538 49.1127 59.0399C44.5523 61.926 39.3362 63.6118 33.9494 63.9406C28.5626 64.2693 23.1801 63.2304 18.3027 60.9203C13.4253 58.6102 9.21129 55.1041 6.05278 50.7281C2.89427 46.3521 0.893816 41.2483 0.237506 35.8915C-0.418804 30.5348 0.290348 25.099 2.299 20.0899C4.00925 15.8249 6.61426 11.9873 9.92785 8.83061C10.8876 7.91635 12.4068 8.0732 13.2466 9.09871V9.09871C14.0863 10.1242 13.9272 11.6292 12.9797 12.5561C10.2862 15.1908 8.163 18.3631 6.75415 21.8764C5.0468 26.1342 4.44402 30.7545 5.00188 35.3078C5.55974 39.8611 7.26013 44.1993 9.94486 47.9189C12.6296 51.6385 16.2115 54.6187 20.3573 56.5823C24.5031 58.5458 29.0782 59.4289 33.657 59.1495C38.2358 58.87 42.6695 57.4371 46.5458 54.9839C50.422 52.5308 53.6149 49.1371 55.8273 45.1186C57.653 41.8027 58.7622 38.1502 59.0942 34.3969C59.211 33.0766 60.2745 32 61.6 32V32Z"
|
|
4555
|
+
fill="url(#paint0_linear_2235_25110)"
|
|
4556
|
+
/>
|
|
4557
|
+
</g>
|
|
4558
|
+
</g>
|
|
4559
|
+
<defs>
|
|
4560
|
+
<filter
|
|
4561
|
+
id="filter0_i_2235_25110"
|
|
4562
|
+
x="0"
|
|
4563
|
+
y="8.22852"
|
|
4564
|
+
width="64.9164"
|
|
4565
|
+
height="56.7715"
|
|
4566
|
+
filterUnits="userSpaceOnUse"
|
|
4567
|
+
color-interpolation-filters="sRGB"
|
|
4568
|
+
>
|
|
4569
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
|
4570
|
+
<feBlend
|
|
4571
|
+
mode="normal"
|
|
4572
|
+
in="SourceGraphic"
|
|
4573
|
+
in2="BackgroundImageFix"
|
|
4574
|
+
result="shape"
|
|
4575
|
+
/>
|
|
4576
|
+
<feColorMatrix
|
|
4577
|
+
in="SourceAlpha"
|
|
4578
|
+
type="matrix"
|
|
4579
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
4580
|
+
result="hardAlpha"
|
|
4581
|
+
/>
|
|
4582
|
+
<feOffset dx="1" dy="1" />
|
|
4583
|
+
<feGaussianBlur stdDeviation="1" />
|
|
4584
|
+
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
|
|
4585
|
+
<feColorMatrix
|
|
4586
|
+
type="matrix"
|
|
4587
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"
|
|
4588
|
+
/>
|
|
4589
|
+
<feBlend
|
|
4590
|
+
mode="normal"
|
|
4591
|
+
in2="shape"
|
|
4592
|
+
result="effect1_innerShadow_2235_25110"
|
|
4593
|
+
/>
|
|
4594
|
+
</filter>
|
|
4595
|
+
<linearGradient
|
|
4596
|
+
id="paint0_linear_2235_25110"
|
|
4597
|
+
x1="49.6"
|
|
4598
|
+
y1="38.4"
|
|
4599
|
+
x2="-35.2"
|
|
4600
|
+
y2="-15.2"
|
|
4601
|
+
gradientUnits="userSpaceOnUse"
|
|
4602
|
+
>
|
|
4603
|
+
<stop stop-color="#F8DAD3" />
|
|
4604
|
+
<stop offset="1" stop-color="#CC99AE" />
|
|
4605
|
+
</linearGradient>
|
|
4606
|
+
<clipPath id="clip0_2235_25110">
|
|
4607
|
+
<rect width="64" height="64" fill="white" />
|
|
4608
|
+
</clipPath>
|
|
4609
|
+
</defs>
|
|
4610
|
+
</svg>`;
|
|
4611
|
+
};
|
|
4612
|
+
|
|
4466
4613
|
var __defProp = Object.defineProperty;
|
|
4467
4614
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4468
4615
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
@@ -4592,7 +4739,8 @@ const iconMap = {
|
|
|
4592
4739
|
"progress-complete": progressComplete,
|
|
4593
4740
|
"complete-filled-fade-in": completeFilledFadeIn,
|
|
4594
4741
|
"desktop-sharp": desktopSharp,
|
|
4595
|
-
switched
|
|
4742
|
+
switched,
|
|
4743
|
+
"progress-indicator-alt": progressIndicatorAlt
|
|
4596
4744
|
};
|
|
4597
4745
|
let LuksoIcon = class extends TailwindStyledElement(style) {
|
|
4598
4746
|
constructor() {
|
|
@@ -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-f0ca98d2.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 { a as TailwindElement, x, A } from '../../index-
|
|
1
|
+
import { a as TailwindElement, x, A } from '../../index-3e7edd92.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,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-f0ca98d2.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-f0ca98d2.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 { a as TailwindElement, x } from '../../index-
|
|
1
|
+
import { a as TailwindElement, x } from '../../index-3e7edd92.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-f0ca98d2.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
7
|
+
const styleMap = require('../../style-map-4458ae5f.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-3e7edd92.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-928073dd.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-f0ca98d2.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
7
|
+
const styleMap = require('../../style-map-4458ae5f.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-3e7edd92.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-928073dd.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-f0ca98d2.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-f0ca98d2.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 { T as TailwindStyledElement, x } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-3e7edd92.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
|
|
|
@@ -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-f0ca98d2.cjs');
|
|
6
6
|
const directive = require('../../directive-db00f5fb.cjs');
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
7
|
+
const styleMap = require('../../style-map-4458ae5f.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-3e7edd92.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-928073dd.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-f0ca98d2.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-4458ae5f.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-3e7edd92.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-928073dd.js';
|
|
8
8
|
|
|
9
9
|
const style = ":host {\n display: flex;\n height: 100%\n}";
|
|
10
10
|
|