@lukso/web-components 1.92.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.
Files changed (13) hide show
  1. package/dist/components/lukso-color-picker/index.cjs +12 -0
  2. package/dist/components/lukso-color-picker/index.d.ts +1 -0
  3. package/dist/components/lukso-color-picker/index.d.ts.map +1 -1
  4. package/dist/components/lukso-color-picker/index.js +12 -0
  5. package/dist/components/lukso-input/index.cjs +10 -0
  6. package/dist/components/lukso-input/index.d.ts +1 -0
  7. package/dist/components/lukso-input/index.d.ts.map +1 -1
  8. package/dist/components/lukso-input/index.js +10 -0
  9. package/dist/components/lukso-textarea/index.cjs +10 -0
  10. package/dist/components/lukso-textarea/index.d.ts +1 -0
  11. package/dist/components/lukso-textarea/index.d.ts.map +1 -1
  12. package/dist/components/lukso-textarea/index.js +10 -0
  13. package/package.json +1 -1
package/dist/components/lukso-color-picker/index.cjs CHANGED
@@ -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
package/dist/components/lukso-color-picker/index.d.ts CHANGED
@@ -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>;
package/dist/components/lukso-color-picker/index.d.ts.map CHANGED
@@ -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"}
package/dist/components/lukso-color-picker/index.js CHANGED
@@ -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
package/dist/components/lukso-input/index.cjs CHANGED
@@ -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`
package/dist/components/lukso-input/index.d.ts CHANGED
@@ -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>;
package/dist/components/lukso-input/index.d.ts.map CHANGED
@@ -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"}
package/dist/components/lukso-input/index.js CHANGED
@@ -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`
package/dist/components/lukso-textarea/index.cjs CHANGED
@@ -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
package/dist/components/lukso-textarea/index.d.ts CHANGED
@@ -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>;
package/dist/components/lukso-textarea/index.d.ts.map CHANGED
@@ -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"}
package/dist/components/lukso-textarea/index.js CHANGED
@@ -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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lukso/web-components",
3
- "version": "1.92.0",
3
+ "version": "1.93.0",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",