@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.
@@ -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;;AAE/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,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"}
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;;AAE/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;IAGF,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"}
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;;AAE/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,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"}
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);
@@ -24,6 +24,8 @@ export declare class LuksoTooltip extends LuksoTooltip_base {
24
24
  offset: number;
25
25
  options: string;
26
26
  showArrow: boolean;
27
+ showDelay: number;
28
+ hideDelay: number;
27
29
  showCopy: boolean;
28
30
  optionsParsed: TooltipOption[];
29
31
  private tooltipInstance;
@@ -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;IA8BnB,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"}
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,IAmMX,CAAA;AAED,eAAe,IAAI,CAAA;AAyCnB,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"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lukso/web-components",
3
- "version": "1.91.0",
3
+ "version": "1.93.0",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",