@lukso/web-components 1.91.0 → 1.93.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/lukso-color-picker/index.cjs +12 -0
- package/dist/components/lukso-color-picker/index.d.ts +1 -0
- package/dist/components/lukso-color-picker/index.d.ts.map +1 -1
- package/dist/components/lukso-color-picker/index.js +12 -0
- package/dist/components/lukso-input/index.cjs +10 -0
- 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 +10 -0
- package/dist/components/lukso-textarea/index.cjs +10 -0
- package/dist/components/lukso-textarea/index.d.ts +1 -0
- package/dist/components/lukso-textarea/index.d.ts.map +1 -1
- package/dist/components/lukso-textarea/index.js +10 -0
- package/dist/components/lukso-tooltip/index.cjs +10 -1
- package/dist/components/lukso-tooltip/index.d.ts +2 -0
- package/dist/components/lukso-tooltip/index.d.ts.map +1 -1
- package/dist/components/lukso-tooltip/index.js +10 -1
- package/dist/components/lukso-tooltip/lukso-tooltip.stories.d.ts +2 -0
- package/dist/components/lukso-tooltip/lukso-tooltip.stories.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -26,6 +26,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
26
26
|
__defProp(target, key, result);
|
|
27
27
|
return result;
|
|
28
28
|
};
|
|
29
|
+
const FOCUS_DELAY_MS = 10;
|
|
29
30
|
exports.LuksoColorPicker = class LuksoColorPicker extends shared_tailwindElement_index.TailwindStyledElement(style) {
|
|
30
31
|
constructor() {
|
|
31
32
|
super(...arguments);
|
|
@@ -135,6 +136,17 @@ exports.LuksoColorPicker = class LuksoColorPicker extends shared_tailwindElement
|
|
|
135
136
|
]
|
|
136
137
|
});
|
|
137
138
|
}
|
|
139
|
+
connectedCallback() {
|
|
140
|
+
super.connectedCallback();
|
|
141
|
+
if (this.autofocus) {
|
|
142
|
+
setTimeout(() => {
|
|
143
|
+
const input = this.shadowRoot?.querySelector(
|
|
144
|
+
"input[autofocus]"
|
|
145
|
+
);
|
|
146
|
+
input?.focus();
|
|
147
|
+
}, FOCUS_DELAY_MS);
|
|
148
|
+
}
|
|
149
|
+
}
|
|
138
150
|
inputTemplate(styles) {
|
|
139
151
|
return shared_tailwindElement_index.x`
|
|
140
152
|
<input
|
|
@@ -18,6 +18,7 @@ export declare class LuksoColorPicker extends LuksoColorPicker_base {
|
|
|
18
18
|
private hasFocus;
|
|
19
19
|
private hasHighlight;
|
|
20
20
|
private styles;
|
|
21
|
+
connectedCallback(): void;
|
|
21
22
|
inputTemplate(styles: string): import("lit-html").TemplateResult<1>;
|
|
22
23
|
colorPickerTemplate(styles: string, colorInputStyles: string): import("lit-html").TemplateResult<1>;
|
|
23
24
|
labelTemplate(): import("lit-html").TemplateResult<1>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-color-picker/index.ts"],"names":[],"mappings":"AAOA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-color-picker/index.ts"],"names":[],"mappings":"AAOA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAI/C,qBACa,gBAAiB,SAAQ,qBAA4B;IAEhE,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAY;IAGvB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAwFZ;IAEF,iBAAiB;IAajB,aAAa,CAAC,MAAM,EAAE,MAAM;IAwB5B,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM;IAiB5D,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;IAe3B,MAAM;CAsBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAA;KACvC;CACF"}
|
|
@@ -22,6 +22,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
22
22
|
__defProp(target, key, result);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
+
const FOCUS_DELAY_MS = 10;
|
|
25
26
|
let LuksoColorPicker = class extends TailwindStyledElement(style) {
|
|
26
27
|
constructor() {
|
|
27
28
|
super(...arguments);
|
|
@@ -131,6 +132,17 @@ let LuksoColorPicker = class extends TailwindStyledElement(style) {
|
|
|
131
132
|
]
|
|
132
133
|
});
|
|
133
134
|
}
|
|
135
|
+
connectedCallback() {
|
|
136
|
+
super.connectedCallback();
|
|
137
|
+
if (this.autofocus) {
|
|
138
|
+
setTimeout(() => {
|
|
139
|
+
const input = this.shadowRoot?.querySelector(
|
|
140
|
+
"input[autofocus]"
|
|
141
|
+
);
|
|
142
|
+
input?.focus();
|
|
143
|
+
}, FOCUS_DELAY_MS);
|
|
144
|
+
}
|
|
145
|
+
}
|
|
134
146
|
inputTemplate(styles) {
|
|
135
147
|
return x`
|
|
136
148
|
<input
|
|
@@ -26,6 +26,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
26
26
|
__defProp(target, key, result);
|
|
27
27
|
return result;
|
|
28
28
|
};
|
|
29
|
+
const FOCUS_DELAY_MS = 10;
|
|
29
30
|
exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.TailwindStyledElement(style) {
|
|
30
31
|
constructor() {
|
|
31
32
|
super(...arguments);
|
|
@@ -161,6 +162,15 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
|
|
|
161
162
|
]
|
|
162
163
|
});
|
|
163
164
|
}
|
|
165
|
+
connectedCallback() {
|
|
166
|
+
super.connectedCallback();
|
|
167
|
+
if (this.autofocus) {
|
|
168
|
+
setTimeout(() => {
|
|
169
|
+
const input = this.shadowRoot?.querySelector("input");
|
|
170
|
+
input?.focus();
|
|
171
|
+
}, FOCUS_DELAY_MS);
|
|
172
|
+
}
|
|
173
|
+
}
|
|
164
174
|
// @input works better in vue
|
|
165
175
|
inputTemplate(styles) {
|
|
166
176
|
return shared_tailwindElement_index.x`
|
|
@@ -28,6 +28,7 @@ export declare class LuksoInput extends LuksoInput_base {
|
|
|
28
28
|
private hasFocus;
|
|
29
29
|
private hasHighlight;
|
|
30
30
|
private inputStyles;
|
|
31
|
+
connectedCallback(): void;
|
|
31
32
|
inputTemplate(styles: string): import("lit-html").TemplateResult<1>;
|
|
32
33
|
labelTemplate(): import("lit-html").TemplateResult<1>;
|
|
33
34
|
descriptionTemplate(): import("lit-html").TemplateResult<1>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAI/C,qBACa,UAAW,SAAQ,eAA4B;IAE1D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,IAAI,SAAS;IAGb,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAO;IAGnB,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAGtC,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,UAAU,UAAQ;IAGlB,IAAI,EAAE,SAAS,CAAW;IAG1B,SAAS,SAAK;IAGd,oBAAoB,UAAQ;IAG5B,iBAAiB,UAAQ;IAGzB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,WAAW,CAwGjB;IAEF,iBAAiB;IAYjB,aAAa,CAAC,MAAM,EAAE,MAAM;IAgC5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,YAAY,CAAC,MAAM,EAAE,MAAM;IAW3B,iBAAiB,CAAC,MAAM,EAAE,MAAM;IAShC,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;YAaT,gBAAgB;IAc9B,OAAO,CAAC,oBAAoB;IAY5B,MAAM;CA6BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
|
|
@@ -22,6 +22,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
22
22
|
__defProp(target, key, result);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
+
const FOCUS_DELAY_MS = 10;
|
|
25
26
|
let LuksoInput = class extends TailwindStyledElement(style) {
|
|
26
27
|
constructor() {
|
|
27
28
|
super(...arguments);
|
|
@@ -157,6 +158,15 @@ let LuksoInput = class extends TailwindStyledElement(style) {
|
|
|
157
158
|
]
|
|
158
159
|
});
|
|
159
160
|
}
|
|
161
|
+
connectedCallback() {
|
|
162
|
+
super.connectedCallback();
|
|
163
|
+
if (this.autofocus) {
|
|
164
|
+
setTimeout(() => {
|
|
165
|
+
const input = this.shadowRoot?.querySelector("input");
|
|
166
|
+
input?.focus();
|
|
167
|
+
}, FOCUS_DELAY_MS);
|
|
168
|
+
}
|
|
169
|
+
}
|
|
160
170
|
// @input works better in vue
|
|
161
171
|
inputTemplate(styles) {
|
|
162
172
|
return x`
|
|
@@ -26,6 +26,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
26
26
|
__defProp(target, key, result);
|
|
27
27
|
return result;
|
|
28
28
|
};
|
|
29
|
+
const FOCUS_DELAY_MS = 10;
|
|
29
30
|
exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index.TailwindStyledElement(style) {
|
|
30
31
|
constructor() {
|
|
31
32
|
super(...arguments);
|
|
@@ -116,6 +117,15 @@ exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index
|
|
|
116
117
|
]
|
|
117
118
|
});
|
|
118
119
|
}
|
|
120
|
+
connectedCallback() {
|
|
121
|
+
super.connectedCallback();
|
|
122
|
+
if (this.autofocus) {
|
|
123
|
+
setTimeout(() => {
|
|
124
|
+
const textarea = this.shadowRoot?.querySelector("textarea");
|
|
125
|
+
textarea?.focus();
|
|
126
|
+
}, FOCUS_DELAY_MS);
|
|
127
|
+
}
|
|
128
|
+
}
|
|
119
129
|
inputTemplate(styles) {
|
|
120
130
|
return shared_tailwindElement_index.x`
|
|
121
131
|
<textarea
|
|
@@ -22,6 +22,7 @@ export declare class LuksoTextarea extends LuksoTextarea_base {
|
|
|
22
22
|
private hasFocus;
|
|
23
23
|
private hasHighlight;
|
|
24
24
|
private styles;
|
|
25
|
+
connectedCallback(): void;
|
|
25
26
|
inputTemplate(styles: string): import("lit-html").TemplateResult<1>;
|
|
26
27
|
labelTemplate(): import("lit-html").TemplateResult<1>;
|
|
27
28
|
descriptionTemplate(): import("lit-html").TemplateResult<1>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAI/C,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,cAAc,UAAQ;IAGtB,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,SAAS,CAAW;IAG1B,IAAI,SAAI;IAGR,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAiEZ;IAEF,iBAAiB;IAWjB,aAAa,CAAC,MAAM,EAAE,MAAM;IA6B5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;YAMR,gBAAgB;IAc9B,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}
|
|
@@ -22,6 +22,7 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
22
22
|
__defProp(target, key, result);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
+
const FOCUS_DELAY_MS = 10;
|
|
25
26
|
let LuksoTextarea = class extends TailwindStyledElement(style) {
|
|
26
27
|
constructor() {
|
|
27
28
|
super(...arguments);
|
|
@@ -112,6 +113,15 @@ let LuksoTextarea = class extends TailwindStyledElement(style) {
|
|
|
112
113
|
]
|
|
113
114
|
});
|
|
114
115
|
}
|
|
116
|
+
connectedCallback() {
|
|
117
|
+
super.connectedCallback();
|
|
118
|
+
if (this.autofocus) {
|
|
119
|
+
setTimeout(() => {
|
|
120
|
+
const textarea = this.shadowRoot?.querySelector("textarea");
|
|
121
|
+
textarea?.focus();
|
|
122
|
+
}, FOCUS_DELAY_MS);
|
|
123
|
+
}
|
|
124
|
+
}
|
|
115
125
|
inputTemplate(styles) {
|
|
116
126
|
return x`
|
|
117
127
|
<textarea
|
|
@@ -3477,6 +3477,8 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
|
|
|
3477
3477
|
this.offset = 10;
|
|
3478
3478
|
this.options = "";
|
|
3479
3479
|
this.showArrow = true;
|
|
3480
|
+
this.showDelay = 300;
|
|
3481
|
+
this.hideDelay = 300;
|
|
3480
3482
|
this.showCopy = false;
|
|
3481
3483
|
this.optionsParsed = [];
|
|
3482
3484
|
this.tooltipInstance = void 0;
|
|
@@ -3521,7 +3523,8 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
|
|
|
3521
3523
|
maxWidth: this.maxWidth,
|
|
3522
3524
|
theme: `${this.variant}-${this.size}`,
|
|
3523
3525
|
offset: [0, this.offset],
|
|
3524
|
-
hideOnClick: this.hideOnClickCheck()
|
|
3526
|
+
hideOnClick: this.hideOnClickCheck(),
|
|
3527
|
+
delay: [this.showDelay, this.hideDelay]
|
|
3525
3528
|
});
|
|
3526
3529
|
}
|
|
3527
3530
|
handleClick() {
|
|
@@ -3642,6 +3645,12 @@ __decorateClass([
|
|
|
3642
3645
|
__decorateClass([
|
|
3643
3646
|
queryAssignedElements.n({ type: Boolean, attribute: "show-arrow" })
|
|
3644
3647
|
], exports.LuksoTooltip.prototype, "showArrow", 2);
|
|
3648
|
+
__decorateClass([
|
|
3649
|
+
queryAssignedElements.n({ type: Number, attribute: "show-delay" })
|
|
3650
|
+
], exports.LuksoTooltip.prototype, "showDelay", 2);
|
|
3651
|
+
__decorateClass([
|
|
3652
|
+
queryAssignedElements.n({ type: Number, attribute: "hide-delay" })
|
|
3653
|
+
], exports.LuksoTooltip.prototype, "hideDelay", 2);
|
|
3645
3654
|
__decorateClass([
|
|
3646
3655
|
state.t()
|
|
3647
3656
|
], exports.LuksoTooltip.prototype, "showCopy", 2);
|
|
@@ -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,QAAQ,UAAQ;IAGhB,aAAa,EAAE,aAAa,EAAE,CAAK;IAEnC,OAAO,CAAC,eAAe,CAAY;IAEnC,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,WAAW;
|
|
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,aAAa,CAMnB;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;IAqBvB,MAAM;CA2BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}
|
|
@@ -3473,6 +3473,8 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
|
|
|
3473
3473
|
this.offset = 10;
|
|
3474
3474
|
this.options = "";
|
|
3475
3475
|
this.showArrow = true;
|
|
3476
|
+
this.showDelay = 300;
|
|
3477
|
+
this.hideDelay = 300;
|
|
3476
3478
|
this.showCopy = false;
|
|
3477
3479
|
this.optionsParsed = [];
|
|
3478
3480
|
this.tooltipInstance = void 0;
|
|
@@ -3517,7 +3519,8 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
|
|
|
3517
3519
|
maxWidth: this.maxWidth,
|
|
3518
3520
|
theme: `${this.variant}-${this.size}`,
|
|
3519
3521
|
offset: [0, this.offset],
|
|
3520
|
-
hideOnClick: this.hideOnClickCheck()
|
|
3522
|
+
hideOnClick: this.hideOnClickCheck(),
|
|
3523
|
+
delay: [this.showDelay, this.hideDelay]
|
|
3521
3524
|
});
|
|
3522
3525
|
}
|
|
3523
3526
|
handleClick() {
|
|
@@ -3638,6 +3641,12 @@ __decorateClass([
|
|
|
3638
3641
|
__decorateClass([
|
|
3639
3642
|
n({ type: Boolean, attribute: "show-arrow" })
|
|
3640
3643
|
], LuksoTooltip.prototype, "showArrow", 2);
|
|
3644
|
+
__decorateClass([
|
|
3645
|
+
n({ type: Number, attribute: "show-delay" })
|
|
3646
|
+
], LuksoTooltip.prototype, "showDelay", 2);
|
|
3647
|
+
__decorateClass([
|
|
3648
|
+
n({ type: Number, attribute: "hide-delay" })
|
|
3649
|
+
], LuksoTooltip.prototype, "hideDelay", 2);
|
|
3641
3650
|
__decorateClass([
|
|
3642
3651
|
t()
|
|
3643
3652
|
], LuksoTooltip.prototype, "showCopy", 2);
|
|
@@ -26,4 +26,6 @@ export declare const Offset: any;
|
|
|
26
26
|
export declare const ClipboardCopy: any;
|
|
27
27
|
/** Tooltip with `options` (copied to clipboard). */
|
|
28
28
|
export declare const OptionsTooltip: any;
|
|
29
|
+
/** Delayed show/hide. */
|
|
30
|
+
export declare const DelayedTooltip: any;
|
|
29
31
|
//# sourceMappingURL=lukso-tooltip.stories.d.ts.map
|
|
@@ -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,IA2NX,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"}
|