@lukso/web-components 1.94.2 → 1.95.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 +4 -4
- package/dist/components/index.js +4 -4
- 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 +3 -3
- package/dist/components/lukso-card/index.js +3 -3
- package/dist/components/lukso-checkbox/index.cjs +1 -1
- package/dist/components/lukso-checkbox/index.js +1 -1
- package/dist/components/lukso-color-picker/index.cjs +2 -2
- package/dist/components/lukso-color-picker/index.js +2 -2
- package/dist/components/lukso-dropdown/index.cjs +4 -4
- package/dist/components/lukso-dropdown/index.js +4 -4
- package/dist/components/lukso-dropdown-option/index.cjs +1 -1
- package/dist/components/lukso-dropdown-option/index.js +1 -1
- package/dist/components/lukso-footer/index.cjs +1 -1
- package/dist/components/lukso-footer/index.js +1 -1
- package/dist/components/lukso-icon/index.cjs +2 -2
- package/dist/components/lukso-icon/index.js +2 -2
- package/dist/components/lukso-image/index.cjs +2 -2
- package/dist/components/lukso-image/index.js +2 -2
- package/dist/components/lukso-input/index.cjs +2 -2
- package/dist/components/lukso-input/index.js +2 -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 +3 -3
- package/dist/components/lukso-navbar/index.js +3 -3
- package/dist/components/lukso-pagination/index.cjs +2 -2
- package/dist/components/lukso-pagination/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-search/index.cjs +4 -4
- package/dist/components/lukso-search/index.js +4 -4
- package/dist/components/lukso-select/index.cjs +4 -4
- package/dist/components/lukso-select/index.js +4 -4
- package/dist/components/lukso-share/index.cjs +1 -1
- package/dist/components/lukso-share/index.js +1 -1
- package/dist/components/lukso-switch/index.cjs +2 -2
- package/dist/components/lukso-switch/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-textarea/index.cjs +2 -2
- package/dist/components/lukso-textarea/index.js +2 -2
- package/dist/components/lukso-tooltip/index.cjs +27 -11
- package/dist/components/lukso-tooltip/index.d.ts +1 -1
- package/dist/components/lukso-tooltip/index.d.ts.map +1 -1
- package/dist/components/lukso-tooltip/index.js +27 -11
- package/dist/components/lukso-tooltip/lukso-tooltip.stories.d.ts.map +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-33b97167.cjs → index-0ca8cb06.cjs} +1 -1
- package/dist/index-1d198d10.js +39 -0
- package/dist/{index-6c072aaf.js → index-6caa4f02.js} +1 -1
- package/dist/index-93d46bad.cjs +46 -0
- package/dist/{index-f29408d2.cjs → index-a2c0bfa4.cjs} +1 -1
- package/dist/{index-c6163c1e.js → index-c9d970b8.js} +1 -1
- package/dist/index.cjs +4 -4
- package/dist/index.js +4 -4
- package/dist/shared/tailwind-element/index.cjs +1 -1
- package/dist/shared/tailwind-element/index.js +1 -1
- package/dist/{style-map-caa0c5d5.cjs → style-map-522fbb52.cjs} +1 -1
- package/dist/{style-map-c28597cb.js → style-map-592f9b77.js} +1 -1
- package/package.json +1 -1
- package/dist/index-157a6df7.cjs +0 -46
- package/dist/index-a86417c0.js +0 -39
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { a as TailwindElement, x } from '../../index-
|
|
1
|
+
import { a as TailwindElement, x } from '../../index-1d198d10.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
|
-
import { o } from '../../style-map-
|
|
3
|
+
import { o } from '../../style-map-592f9b77.js';
|
|
4
4
|
import { c as customClassMap } from '../../index-5e194caf.js';
|
|
5
5
|
import '../../directive-2bb7789e.js';
|
|
6
6
|
|
|
@@ -2,10 +2,10 @@
|
|
|
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-93d46bad.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const index = require('../../index-1d3f4a5a.cjs');
|
|
8
|
-
const index$1 = require('../../index-
|
|
8
|
+
const index$1 = require('../../index-0ca8cb06.cjs');
|
|
9
9
|
require('../../bundle-mjs-d58a83c6.cjs');
|
|
10
10
|
require('../../directive-8278ab14.cjs');
|
|
11
11
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-1d198d10.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { c as ce } from '../../index-ca8e900d.js';
|
|
4
|
-
import { c as customStyleMap } from '../../index-
|
|
4
|
+
import { c as customStyleMap } from '../../index-c9d970b8.js';
|
|
5
5
|
import '../../bundle-mjs-fbc6e2a8.js';
|
|
6
6
|
import '../../directive-2bb7789e.js';
|
|
7
7
|
|
|
@@ -2,14 +2,14 @@
|
|
|
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-93d46bad.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const state = require('../../state-d9fb972b.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-522fbb52.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-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-1d198d10.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { t } from '../../state-b9ca4e74.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-592f9b77.js';
|
|
9
9
|
|
|
10
10
|
const style = ":host {\n display: flex;\n height: 100%\n}";
|
|
11
11
|
|
|
@@ -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-93d46bad.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const directive = require('../../directive-8278ab14.cjs');
|
|
8
8
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-
|
|
1
|
+
import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-1d198d10.js';
|
|
2
2
|
import { n as n$3, e as e$3 } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { e as e$2, i as i$3, t as t$3 } from '../../directive-2bb7789e.js';
|
|
4
4
|
|
|
@@ -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-93d46bad.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const state = require('../../state-d9fb972b.cjs');
|
|
8
8
|
const index = require('../../index-1d3f4a5a.cjs');
|
|
@@ -10,7 +10,7 @@ require('../../tailwind-config.cjs');
|
|
|
10
10
|
const cn = require('../../cn-5ceac001.cjs');
|
|
11
11
|
require('../lukso-icon/index.cjs');
|
|
12
12
|
require('../../bundle-mjs-d58a83c6.cjs');
|
|
13
|
-
require('../../style-map-
|
|
13
|
+
require('../../style-map-522fbb52.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,4 +1,4 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x, A } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x, A } from '../../index-1d198d10.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { t } from '../../state-b9ca4e74.js';
|
|
4
4
|
import { c as ce } from '../../index-ca8e900d.js';
|
|
@@ -6,7 +6,7 @@ import '../../tailwind-config.js';
|
|
|
6
6
|
import { c as cn } from '../../cn-b54dcc61.js';
|
|
7
7
|
import '../lukso-icon/index.js';
|
|
8
8
|
import '../../bundle-mjs-fbc6e2a8.js';
|
|
9
|
-
import '../../style-map-
|
|
9
|
+
import '../../style-map-592f9b77.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-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-93d46bad.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const state = require('../../state-d9fb972b.cjs');
|
|
8
8
|
const index = require('../../index-1d3f4a5a.cjs');
|
|
9
|
-
const styleMap = require('../../style-map-
|
|
9
|
+
const styleMap = require('../../style-map-522fbb52.cjs');
|
|
10
10
|
require('../../bundle-mjs-d58a83c6.cjs');
|
|
11
11
|
require('../../directive-8278ab14.cjs');
|
|
12
12
|
|
|
@@ -3482,11 +3482,18 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
|
|
|
3482
3482
|
this.showCopy = false;
|
|
3483
3483
|
this.optionsParsed = [];
|
|
3484
3484
|
this.tooltipInstance = void 0;
|
|
3485
|
-
this.
|
|
3485
|
+
this.styles = index.ce({
|
|
3486
3486
|
slots: {
|
|
3487
3487
|
tooltip: "hidden",
|
|
3488
3488
|
trigger: "cursor-pointer flex flex-col items-center",
|
|
3489
3489
|
options: "rounded-4 hover:bg-neutral-95"
|
|
3490
|
+
},
|
|
3491
|
+
variants: {
|
|
3492
|
+
hasNoText: {
|
|
3493
|
+
true: {
|
|
3494
|
+
trigger: "cursor-default"
|
|
3495
|
+
}
|
|
3496
|
+
}
|
|
3490
3497
|
}
|
|
3491
3498
|
});
|
|
3492
3499
|
}
|
|
@@ -3561,12 +3568,11 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
|
|
|
3561
3568
|
super.disconnectedCallback();
|
|
3562
3569
|
this.tooltipInstance?.destroy();
|
|
3563
3570
|
}
|
|
3564
|
-
optionsTemplate() {
|
|
3565
|
-
const { options } = this.tooltipStyles();
|
|
3571
|
+
optionsTemplate(styles) {
|
|
3566
3572
|
return shared_tailwindElement_index.x`<ul>
|
|
3567
3573
|
${Object.entries(this.optionsParsed)?.map(
|
|
3568
3574
|
(option) => shared_tailwindElement_index.x`<li
|
|
3569
|
-
class=${options()}
|
|
3575
|
+
class=${styles.options()}
|
|
3570
3576
|
style=${styleMap.o({
|
|
3571
3577
|
padding: "4px 8px",
|
|
3572
3578
|
cursor: "pointer"
|
|
@@ -3579,10 +3585,12 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
|
|
|
3579
3585
|
</ul>`;
|
|
3580
3586
|
}
|
|
3581
3587
|
render() {
|
|
3582
|
-
const
|
|
3588
|
+
const styles = this.styles({
|
|
3589
|
+
hasNoText: !this.text
|
|
3590
|
+
});
|
|
3583
3591
|
return shared_tailwindElement_index.x`
|
|
3584
|
-
<div id="tooltip" role="tooltip" class=${tooltip()}>
|
|
3585
|
-
${this.options ? this.optionsTemplate() : this.text}
|
|
3592
|
+
<div id="tooltip" role="tooltip" class=${styles.tooltip()}>
|
|
3593
|
+
${this.options ? this.optionsTemplate(styles) : this.text}
|
|
3586
3594
|
</div>
|
|
3587
3595
|
${this.isClipboardCopy ? shared_tailwindElement_index.x`<lukso-tooltip
|
|
3588
3596
|
variant=${this.variant}
|
|
@@ -3594,10 +3602,18 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
|
|
|
3594
3602
|
?show=${this.showCopy ? true : void 0}
|
|
3595
3603
|
text=${this.copyText}
|
|
3596
3604
|
>
|
|
3597
|
-
<div
|
|
3605
|
+
<div
|
|
3606
|
+
id="trigger"
|
|
3607
|
+
class=${styles.trigger()}
|
|
3608
|
+
@click=${this.handleClick}
|
|
3609
|
+
>
|
|
3598
3610
|
<slot></slot>
|
|
3599
3611
|
</div>
|
|
3600
|
-
</lukso-tooltip>` : shared_tailwindElement_index.x`<div
|
|
3612
|
+
</lukso-tooltip>` : shared_tailwindElement_index.x`<div
|
|
3613
|
+
id="trigger"
|
|
3614
|
+
class=${styles.trigger()}
|
|
3615
|
+
@click=${this.handleClick}
|
|
3616
|
+
>
|
|
3601
3617
|
<slot></slot>
|
|
3602
3618
|
</div>`}
|
|
3603
3619
|
`;
|
|
@@ -29,7 +29,7 @@ export declare class LuksoTooltip extends LuksoTooltip_base {
|
|
|
29
29
|
showCopy: boolean;
|
|
30
30
|
optionsParsed: TooltipOption[];
|
|
31
31
|
private tooltipInstance;
|
|
32
|
-
private
|
|
32
|
+
private styles;
|
|
33
33
|
private hideOnClickCheck;
|
|
34
34
|
private initTooltip;
|
|
35
35
|
private handleClick;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAA;AAS/C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC9E,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC5C,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;AACd,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;;AAED,qBACa,YAAa,SAAQ,iBAA4B;IAE5D,OAAO,EAAE,cAAc,CAAU;IAGjC,IAAI,EAAE,WAAW,CAAW;IAG5B,SAAS,EAAE,gBAAgB,CAAQ;IAGnC,OAAO,EAAE,cAAc,CAAe;IAGtC,IAAI,SAAK;IAGT,QAAQ,SAAM;IAGd,IAAI,UAAQ;IAGZ,WAAW,SAAS;IAGpB,eAAe,UAAQ;IAGvB,QAAQ,SAAK;IAGb,SAAS,SAAK;IAGd,MAAM,SAAK;IAGX,OAAO,SAAK;IAGZ,SAAS,UAAO;IAGhB,SAAS,SAAM;IAGf,SAAS,SAAM;IAGf,QAAQ,UAAQ;IAGhB,aAAa,EAAE,aAAa,EAAE,CAAK;IAEnC,OAAO,CAAC,eAAe,CAAY;IAEnC,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAA;AAS/C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC9E,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC5C,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;AACd,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;;AAED,qBACa,YAAa,SAAQ,iBAA4B;IAE5D,OAAO,EAAE,cAAc,CAAU;IAGjC,IAAI,EAAE,WAAW,CAAW;IAG5B,SAAS,EAAE,gBAAgB,CAAQ;IAGnC,OAAO,EAAE,cAAc,CAAe;IAGtC,IAAI,SAAK;IAGT,QAAQ,SAAM;IAGd,IAAI,UAAQ;IAGZ,WAAW,SAAS;IAGpB,eAAe,UAAQ;IAGvB,QAAQ,SAAK;IAGb,SAAS,SAAK;IAGd,MAAM,SAAK;IAGX,OAAO,SAAK;IAGZ,SAAS,UAAO;IAGhB,SAAS,SAAM;IAGf,SAAS,SAAM;IAGf,QAAQ,UAAQ;IAGhB,aAAa,EAAE,aAAa,EAAE,CAAK;IAEnC,OAAO,CAAC,eAAe,CAAY;IAEnC,OAAO,CAAC,MAAM,CAaZ;IAEF,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,WAAW;IA+BnB,OAAO,CAAC,WAAW;IAab,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAyBxD,oBAAoB;IAKpB,OAAO,CAAC,eAAe;IAmBvB,MAAM;CAqCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-1d198d10.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { t } from '../../state-b9ca4e74.js';
|
|
4
4
|
import { c as ce } from '../../index-ca8e900d.js';
|
|
5
|
-
import { o } from '../../style-map-
|
|
5
|
+
import { o } from '../../style-map-592f9b77.js';
|
|
6
6
|
import '../../bundle-mjs-fbc6e2a8.js';
|
|
7
7
|
import '../../directive-2bb7789e.js';
|
|
8
8
|
|
|
@@ -3478,11 +3478,18 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
|
|
|
3478
3478
|
this.showCopy = false;
|
|
3479
3479
|
this.optionsParsed = [];
|
|
3480
3480
|
this.tooltipInstance = void 0;
|
|
3481
|
-
this.
|
|
3481
|
+
this.styles = ce({
|
|
3482
3482
|
slots: {
|
|
3483
3483
|
tooltip: "hidden",
|
|
3484
3484
|
trigger: "cursor-pointer flex flex-col items-center",
|
|
3485
3485
|
options: "rounded-4 hover:bg-neutral-95"
|
|
3486
|
+
},
|
|
3487
|
+
variants: {
|
|
3488
|
+
hasNoText: {
|
|
3489
|
+
true: {
|
|
3490
|
+
trigger: "cursor-default"
|
|
3491
|
+
}
|
|
3492
|
+
}
|
|
3486
3493
|
}
|
|
3487
3494
|
});
|
|
3488
3495
|
}
|
|
@@ -3557,12 +3564,11 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
|
|
|
3557
3564
|
super.disconnectedCallback();
|
|
3558
3565
|
this.tooltipInstance?.destroy();
|
|
3559
3566
|
}
|
|
3560
|
-
optionsTemplate() {
|
|
3561
|
-
const { options } = this.tooltipStyles();
|
|
3567
|
+
optionsTemplate(styles) {
|
|
3562
3568
|
return x`<ul>
|
|
3563
3569
|
${Object.entries(this.optionsParsed)?.map(
|
|
3564
3570
|
(option) => x`<li
|
|
3565
|
-
class=${options()}
|
|
3571
|
+
class=${styles.options()}
|
|
3566
3572
|
style=${o({
|
|
3567
3573
|
padding: "4px 8px",
|
|
3568
3574
|
cursor: "pointer"
|
|
@@ -3575,10 +3581,12 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
|
|
|
3575
3581
|
</ul>`;
|
|
3576
3582
|
}
|
|
3577
3583
|
render() {
|
|
3578
|
-
const
|
|
3584
|
+
const styles = this.styles({
|
|
3585
|
+
hasNoText: !this.text
|
|
3586
|
+
});
|
|
3579
3587
|
return x`
|
|
3580
|
-
<div id="tooltip" role="tooltip" class=${tooltip()}>
|
|
3581
|
-
${this.options ? this.optionsTemplate() : this.text}
|
|
3588
|
+
<div id="tooltip" role="tooltip" class=${styles.tooltip()}>
|
|
3589
|
+
${this.options ? this.optionsTemplate(styles) : this.text}
|
|
3582
3590
|
</div>
|
|
3583
3591
|
${this.isClipboardCopy ? x`<lukso-tooltip
|
|
3584
3592
|
variant=${this.variant}
|
|
@@ -3590,10 +3598,18 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
|
|
|
3590
3598
|
?show=${this.showCopy ? true : void 0}
|
|
3591
3599
|
text=${this.copyText}
|
|
3592
3600
|
>
|
|
3593
|
-
<div
|
|
3601
|
+
<div
|
|
3602
|
+
id="trigger"
|
|
3603
|
+
class=${styles.trigger()}
|
|
3604
|
+
@click=${this.handleClick}
|
|
3605
|
+
>
|
|
3594
3606
|
<slot></slot>
|
|
3595
3607
|
</div>
|
|
3596
|
-
</lukso-tooltip>` : x`<div
|
|
3608
|
+
</lukso-tooltip>` : x`<div
|
|
3609
|
+
id="trigger"
|
|
3610
|
+
class=${styles.trigger()}
|
|
3611
|
+
@click=${this.handleClick}
|
|
3612
|
+
>
|
|
3597
3613
|
<slot></slot>
|
|
3598
3614
|
</div>`}
|
|
3599
3615
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lukso-tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/lukso-tooltip.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAChB,OAAO,uBAAuB,CAAA;AAE9B,gEAAgE;AAChE,QAAA,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"lukso-tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/lukso-tooltip.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAChB,OAAO,uBAAuB,CAAA;AAE9B,gEAAgE;AAChE,QAAA,MAAM,IAAI,EAAE,IA0NX,CAAA;AAED,eAAe,IAAI,CAAA;AA6CnB,8CAA8C;AAC9C,eAAO,MAAM,cAAc,KAA2B,CAAA;AAMtD,4CAA4C;AAC5C,eAAO,MAAM,YAAY,KAA2B,CAAA;AAOpD,sEAAsE;AACtE,eAAO,MAAM,QAAQ,KAA2B,CAAA;AAUhD,gCAAgC;AAChC,eAAO,MAAM,SAAS,KAA2B,CAAA;AASjD,mCAAmC;AACnC,eAAO,MAAM,YAAY,KAA2B,CAAA;AASpD,qCAAqC;AACrC,eAAO,MAAM,cAAc,KAA2B,CAAA;AAStD,oCAAoC;AACpC,eAAO,MAAM,aAAa,KAA2B,CAAA;AASrD,oEAAoE;AACpE,eAAO,MAAM,cAAc,KAA2B,CAAA;AAOtD,eAAO,MAAM,aAAa,KAA2B,CAAA;AAQrD,eAAO,MAAM,eAAe,KAA2B,CAAA;AASvD,8DAA8D;AAC9D,eAAO,MAAM,MAAM,KAA2B,CAAA;AAS9C,qIAAqI;AACrI,eAAO,MAAM,aAAa,KAA2B,CAAA;AAUrD,qDAAqD;AACrD,eAAO,MAAM,cAAc,KAA2B,CAAA;AAwBtD,0BAA0B;AAC1B,eAAO,MAAM,cAAc,KAA2B,CAAA"}
|
|
@@ -2,10 +2,10 @@
|
|
|
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-93d46bad.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const index = require('../../index-1d3f4a5a.cjs');
|
|
8
|
-
const index$1 = require('../../index-
|
|
8
|
+
const index$1 = require('../../index-0ca8cb06.cjs');
|
|
9
9
|
require('../../tailwind-config.cjs');
|
|
10
10
|
const cn = require('../../cn-5ceac001.cjs');
|
|
11
11
|
require('../../bundle-mjs-d58a83c6.cjs');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x, A } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x, A } from '../../index-1d198d10.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { c as ce } from '../../index-ca8e900d.js';
|
|
4
|
-
import { c as customStyleMap } from '../../index-
|
|
4
|
+
import { c as customStyleMap } from '../../index-c9d970b8.js';
|
|
5
5
|
import '../../tailwind-config.js';
|
|
6
6
|
import { c as cn } from '../../cn-b54dcc61.js';
|
|
7
7
|
import '../../bundle-mjs-fbc6e2a8.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-93d46bad.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const directive = require('../../directive-8278ab14.cjs');
|
|
8
8
|
const index = require('../../index-1d3f4a5a.cjs');
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { j, b as T, T as TailwindStyledElement, x } from '../../index-
|
|
1
|
+
import { j, b as T, T as TailwindStyledElement, x } from '../../index-1d198d10.js';
|
|
2
2
|
import { n, e as e$1 } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { e, i, t } from '../../directive-2bb7789e.js';
|
|
4
4
|
import { c as ce } from '../../index-ca8e900d.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const shared_tailwindElement_index = require('./index-
|
|
3
|
+
const shared_tailwindElement_index = require('./index-93d46bad.cjs');
|
|
4
4
|
const directive = require('./directive-8278ab14.cjs');
|
|
5
5
|
|
|
6
6
|
class CustomStyleMapDirective extends directive.i {
|