@golemui/gui-lit 0.16.2 → 1.0.0-rc.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 (70) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/{abstract-calendar-YDgwwbqe.js → abstract-calendar-BoqKPRmS.js} +51 -34
  3. package/{accordion.element-ChLmV6QT.js → accordion.element-BIgxl5e9.js} +0 -1
  4. package/{alert.element-9QFlqjj9.js → alert.element-DPWq9-0F.js} +3 -4
  5. package/{button.element-DxwYDdu6.js → button.element-3a7rRHbA.js} +42 -38
  6. package/{calendar-P9DzVryu.js → calendar-DTYKVYc3.js} +2 -2
  7. package/{calendar.element-O2of7VBr.js → calendar.element-MubSE1bx.js} +11 -12
  8. package/{checkbox.element-DMmer4Jw.js → checkbox.element-CVskoXEc.js} +0 -1
  9. package/{currency.element-ybKzwXEh.js → currency.element-YyL4TeL0.js} +0 -1
  10. package/{date-CG1562vW.js → date-DTYg8sog.js} +12 -13
  11. package/{date-input-D_Swskk4.js → date-input-BeQvyfln.js} +5 -3
  12. package/{date-picker.element-CP2_u_ZE.js → date-picker.element-DabW_-0-.js} +14 -9
  13. package/{date.element-p6aB6OGd.js → date.element-BtVJSIRk.js} +1 -2
  14. package/{dropdown.element-sbd3T145.js → dropdown.element-DqzC6aXR.js} +1 -2
  15. package/{flex.element-B0sG0YT1.js → flex.element-DG4Uaj_X.js} +0 -1
  16. package/{grid.element-Bf5aEjkj.js → grid.element-DCZsh-3J.js} +0 -1
  17. package/index.js +1243 -1210
  18. package/index.umd.cjs +136 -116
  19. package/lib/components/accordion.element.d.ts +1 -1
  20. package/lib/components/alert.element.d.ts +1 -1
  21. package/lib/components/button.element.d.ts +1 -1
  22. package/lib/components/calendar.element.d.ts +1 -1
  23. package/lib/components/checkbox.element.d.ts +1 -1
  24. package/lib/components/currency.element.d.ts +1 -1
  25. package/lib/components/date-picker.element.d.ts +2 -1
  26. package/lib/components/date.element.d.ts +1 -1
  27. package/lib/components/dropdown.element.d.ts +1 -1
  28. package/lib/components/flex.element.d.ts +1 -1
  29. package/lib/components/grid.element.d.ts +1 -1
  30. package/lib/components/list.element.d.ts +1 -1
  31. package/lib/components/markdown-text.element.d.ts +1 -1
  32. package/lib/components/markdown.element.d.ts +1 -1
  33. package/lib/components/number.element.d.ts +1 -1
  34. package/lib/components/password.element.d.ts +1 -1
  35. package/lib/components/radiogroup.element.d.ts +1 -1
  36. package/lib/components/range-calendar.element.d.ts +1 -1
  37. package/lib/components/range-date-input.element.d.ts +1 -1
  38. package/lib/components/range-date-picker.element.d.ts +1 -1
  39. package/lib/components/renderer.element.d.ts +1 -1
  40. package/lib/components/repeater.element.d.ts +1 -1
  41. package/lib/components/select.element.d.ts +1 -1
  42. package/lib/components/tabs.element.d.ts +1 -1
  43. package/lib/components/tags.element.d.ts +1 -1
  44. package/lib/components/textarea.element.d.ts +1 -1
  45. package/lib/components/textinput.element.d.ts +1 -1
  46. package/lib/components/toggle.element.d.ts +1 -1
  47. package/lib/widget.loaders.d.ts +1 -1
  48. package/{list-CVDHuXKS.js → list-D1oKnH89.js} +2 -3
  49. package/{list.element-Bgnx2CN_.js → list.element-Co3V3Cn5.js} +9 -10
  50. package/{markdown-text.element-C_1OqrGa.js → markdown-text.element-B8TfVLIO.js} +0 -1
  51. package/{markdown.element-1IF3G5KX.js → markdown.element-CNp4wbg9.js} +109 -106
  52. package/{number.element-zgd4L5hn.js → number.element-B6TsvHMK.js} +31 -40
  53. package/{one-of-DifUsEYY.js → one-of-C0ur6b_n.js} +13 -11
  54. package/package.json +6 -6
  55. package/{password.element-BT65mDsp.js → password.element-n-R9RbkB.js} +0 -1
  56. package/{pills-D0yyi-op.js → pills-B66qz_KX.js} +6 -6
  57. package/{radiogroup.element-DzHLgRh1.js → radiogroup.element-CeQn623u.js} +6 -7
  58. package/{range-calendar-CZGBBOzO.js → range-calendar-9skwbwlB.js} +4 -7
  59. package/{range-calendar.element-DQZXvd-L.js → range-calendar.element-QTE6vGNP.js} +1 -2
  60. package/{range-date-input-CcPYH7P3.js → range-date-input-Uy8134vi.js} +3 -6
  61. package/{range-date-input.element-v71P-oUp.js → range-date-input.element-Dj29D_OQ.js} +1 -2
  62. package/{range-date-picker.element-CA-KcQhA.js → range-date-picker.element-BUUKtKkz.js} +2 -3
  63. package/{renderer.element-DMsheQGi.js → renderer.element-CNyMn2Lu.js} +0 -1
  64. package/{repeater.element-Ry8HyMfW.js → repeater.element-CtNgB4F5.js} +0 -1
  65. package/{select.element-CjWqp9dd.js → select.element-jcDF1h-g.js} +10 -11
  66. package/{tabs.element-VLrtF1j5.js → tabs.element-BvAyI71N.js} +0 -1
  67. package/{tags.element-ed1_51GA.js → tags.element-CX3vQL8L.js} +2 -5
  68. package/{textarea.element-BTJLqnnI.js → textarea.element-Cu9ZW3K4.js} +0 -1
  69. package/{textinput.element-zI0iG-Cq.js → textinput.element-CkXNzMUg.js} +0 -1
  70. package/{toggle.element-NXRrhALB.js → toggle.element-C1kCw5H8.js} +9 -10
@@ -1,10 +1,9 @@
1
- import { InputWidgetAdapter as v, formContext as y, inputContext as $ } from "@golemui/lit";
2
- import "@golemui/gui-shared";
1
+ import { InputWidgetAdapter as m, formContext as y, inputContext as $ } from "@golemui/lit";
3
2
  import { LitElement as b, html as p, nothing as c } from "lit";
4
3
  import { repeat as f } from "lit-html/directives/repeat.js";
5
4
  import { property as s, customElement as g } from "lit/decorators.js";
6
5
  import { G as C, b as D, c as _ } from "./templates-Dk1jxLwS.js";
7
- import { u as F, i as O } from "./one-of-DifUsEYY.js";
6
+ import { u as F, i as O } from "./one-of-C0ur6b_n.js";
8
7
  import { consume as w, provide as E } from "@lit/context";
9
8
  import "rxjs";
10
9
  var S = Object.defineProperty, q = Object.getOwnPropertyDescriptor, o = (t, i, d, a) => {
@@ -63,11 +62,11 @@ let r = class extends b {
63
62
  this.options || [],
64
63
  (a) => a?.value,
65
64
  (a, e) => {
66
- const l = this.hasMatchingValue && a.value === t.value, n = !this.hasMatchingValue && e === 0, m = l || n;
65
+ const l = this.hasMatchingValue && a.value === t.value, n = !this.hasMatchingValue && e === 0, v = l || n;
67
66
  return p`<label for=${`${this.uid}_${e}`}>
68
67
  <input
69
68
  type="radio"
70
- tabindex=${m ? "0" : "-1"}
69
+ tabindex=${v ? "0" : "-1"}
71
70
  id=${`${this.uid}_${e}`}
72
71
  data-cy=${`${this.uid}_radiogroup_${e}`}
73
72
  name=${this.uid}
@@ -151,7 +150,7 @@ o([
151
150
  s({ type: String })
152
151
  ], r.prototype, "hint", 2);
153
152
  o([
154
- s({ type: String })
153
+ s({ type: Array })
155
154
  ], r.prototype, "options", 2);
156
155
  o([
157
156
  s({ type: String })
@@ -173,7 +172,7 @@ var x = Object.defineProperty, P = Object.getOwnPropertyDescriptor, h = (t, i, d
173
172
  };
174
173
  let u = class extends b {
175
174
  constructor() {
176
- super(...arguments), this.adapter = new v(), this.subscriptions = [];
175
+ super(...arguments), this.adapter = new m(), this.subscriptions = [];
177
176
  }
178
177
  createRenderRoot() {
179
178
  return this;
@@ -1,10 +1,9 @@
1
1
  import { html as v, nothing as b } from "lit";
2
2
  import { property as D, state as f, customElement as $ } from "lit/decorators.js";
3
3
  import { classMap as w } from "lit/directives/class-map.js";
4
- import { i as g, a as S, b as m, g as M, m as O, c as p } from "./date-CG1562vW.js";
5
- import { A } from "./abstract-calendar-YDgwwbqe.js";
6
- import "./pills-D0yyi-op.js";
7
- import "@golemui/gui-shared";
4
+ import { i as g, a as S, b as m, g as M, m as O, c as p } from "./date-DTYg8sog.js";
5
+ import { A } from "./abstract-calendar-BoqKPRmS.js";
6
+ import "./pills-B66qz_KX.js";
8
7
  var E = Object.defineProperty, P = Object.getOwnPropertyDescriptor, u = (e, i, s, n) => {
9
8
  for (var a = n > 1 ? void 0 : n ? P(i, s) : i, t = e.length - 1, r; t >= 0; t--)
10
9
  (r = e[t]) && (a = (n ? r(i, s, a) : r(a)) || a);
@@ -29,9 +28,7 @@ let c = class extends A {
29
28
  })
30
29
  );
31
30
  }, this.onPillClickEvent = (e) => {
32
- const s = this.getSortedPills().find(
33
- (n) => `${n.start}-${n.end ?? n.start}` === e.detail.key
34
- );
31
+ const s = this.getSortedPills().find((n) => `${n.start}-${n.end ?? n.start}` === e.detail.key);
35
32
  s && this.navigateToDate(s.start);
36
33
  };
37
34
  }
@@ -1,6 +1,5 @@
1
1
  import { InputWidgetAdapter as d, formContext as o, inputContext as h } from "@golemui/lit";
2
- import "@golemui/gui-shared";
3
- import "./range-calendar-CZGBBOzO.js";
2
+ import "./range-calendar-9skwbwlB.js";
4
3
  import { consume as m, provide as u } from "@lit/context";
5
4
  import { LitElement as c, html as b } from "lit";
6
5
  import { property as D, customElement as $ } from "lit/decorators.js";
@@ -1,12 +1,11 @@
1
- import "@golemui/gui-shared";
2
1
  import { LitElement as v, nothing as g, html as c } from "lit";
3
2
  import { repeat as D } from "lit-html/directives/repeat.js";
4
3
  import { property as h, state as f, customElement as b } from "lit/decorators.js";
5
4
  import { classMap as _ } from "lit/directives/class-map.js";
6
5
  import { live as $ } from "lit/directives/live.js";
7
6
  import { G as I, b as A, c as w } from "./templates-Dk1jxLwS.js";
8
- import { t as m, m as P } from "./date-CG1562vW.js";
9
- import "./pills-D0yyi-op.js";
7
+ import { t as m, m as P } from "./date-DTYg8sog.js";
8
+ import "./pills-B66qz_KX.js";
10
9
  import { styleMap as E } from "lit-html/directives/style-map.js";
11
10
  var S = Object.defineProperty, M = Object.getOwnPropertyDescriptor, d = (t, e, s, a) => {
12
11
  for (var r = a > 1 ? void 0 : a ? M(e, s) : e, i = t.length - 1, l; i >= 0; i--)
@@ -48,9 +47,7 @@ let o = class extends v {
48
47
  )?.focus();
49
48
  });
50
49
  }, this.onPillClickEvent = (t) => {
51
- const s = this.getSortedPills().find(
52
- (a) => `${a.start}-${a.end ?? a.start}` === t.detail.key
53
- );
50
+ const s = this.getSortedPills().find((a) => `${a.start}-${a.end ?? a.start}` === t.detail.key);
54
51
  s && this.onPillClick(s);
55
52
  };
56
53
  }
@@ -1,6 +1,5 @@
1
1
  import { InputWidgetAdapter as n, formContext as o, inputContext as u } from "@golemui/lit";
2
- import "@golemui/gui-shared";
3
- import "./range-date-input-CcPYH7P3.js";
2
+ import "./range-date-input-Uy8134vi.js";
4
3
  import { consume as h, provide as m } from "@lit/context";
5
4
  import { LitElement as c, html as b } from "lit";
6
5
  import { property as D, customElement as g } from "lit/decorators.js";
@@ -1,8 +1,7 @@
1
1
  import { InputWidgetAdapter as c, formContext as u, inputContext as m } from "@golemui/lit";
2
2
  import { a as g, b as D, c as C } from "./templates-Dk1jxLwS.js";
3
- import "@golemui/gui-shared";
4
- import "./range-calendar-CZGBBOzO.js";
5
- import "./range-date-input-CcPYH7P3.js";
3
+ import "./range-calendar-9skwbwlB.js";
4
+ import "./range-date-input-Uy8134vi.js";
6
5
  import { consume as $, provide as f } from "@lit/context";
7
6
  import { LitElement as v, html as d, nothing as b } from "lit";
8
7
  import { property as w, query as p, state as h, customElement as y } from "lit/decorators.js";
@@ -1,5 +1,4 @@
1
1
  import { DisplayWidgetAdapter as d, formContext as c, displayWidgetContext as l } from "@golemui/lit";
2
- import "@golemui/gui-shared";
3
2
  import { consume as u, provide as m } from "@lit/context";
4
3
  import { LitElement as h, html as f } from "lit";
5
4
  import { property as b, customElement as g } from "lit/decorators.js";
@@ -1,4 +1,3 @@
1
- import "@golemui/gui-shared";
2
1
  import "@golemui/core";
3
2
  import "./index.js";
4
3
  import { InputWidgetAdapter as c, formContext as l, inputContext as h } from "@golemui/lit";
@@ -1,11 +1,10 @@
1
1
  import { InputWidgetAdapter as g, formContext as b, inputContext as y } from "@golemui/lit";
2
- import "@golemui/gui-shared";
3
- import { LitElement as m, html as n, nothing as u } from "lit";
2
+ import { LitElement as v, html as n, nothing as u } from "lit";
4
3
  import { repeat as f } from "lit-html/directives/repeat.js";
5
- import { property as s, customElement as v } from "lit/decorators.js";
4
+ import { property as s, customElement as m } from "lit/decorators.js";
6
5
  import { classMap as $ } from "lit/directives/class-map.js";
7
6
  import { G as C, a as D, b as w, c as E } from "./templates-Dk1jxLwS.js";
8
- import { u as S, i as F } from "./one-of-DifUsEYY.js";
7
+ import { u as F, i as S } from "./one-of-C0ur6b_n.js";
9
8
  import { consume as x, provide as O } from "@lit/context";
10
9
  import "rxjs";
11
10
  var _ = Object.defineProperty, q = Object.getOwnPropertyDescriptor, l = (t, e, r, i) => {
@@ -13,7 +12,7 @@ var _ = Object.defineProperty, q = Object.getOwnPropertyDescriptor, l = (t, e, r
13
12
  (p = t[d]) && (o = (i ? p(e, r, o) : p(o)) || o);
14
13
  return i && o && _(e, r, o), o;
15
14
  };
16
- let a = class extends m {
15
+ let a = class extends v {
17
16
  constructor() {
18
17
  super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = "en", this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.hint = void 0, this.icon = void 0, this.autocomplete = void 0, this.options = [], this.placeholder = void 0, this.labelField = void 0, this.valueField = void 0, this.optionsLoading = !1, this.hasMatchingValue = !1, this.ariaController = new C(this, {
19
18
  getTargets: () => this.querySelectorAll(`select[id="${this.uid}"]`),
@@ -54,7 +53,7 @@ let a = class extends m {
54
53
  labelField: this.labelField,
55
54
  valueField: this.valueField
56
55
  }, e = D("select", t);
57
- this.options = S(this.options, {
56
+ this.options = F(this.options, {
58
57
  labelField: this.labelField,
59
58
  valueField: this.valueField
60
59
  }), this.hasMatchingValue = this.options?.length ? this.options.find(({ value: i }) => i === this.value) !== void 0 : !1;
@@ -117,7 +116,7 @@ let a = class extends m {
117
116
  const e = t.target;
118
117
  this.dispatchEvent(
119
118
  new CustomEvent("change", {
120
- detail: { value: F(e.value, this.options) },
119
+ detail: { value: S(e.value, this.options) },
121
120
  bubbles: !0,
122
121
  composed: !0
123
122
  })
@@ -170,7 +169,7 @@ l([
170
169
  s({ type: String })
171
170
  ], a.prototype, "autocomplete", 2);
172
171
  l([
173
- s({ type: String })
172
+ s({ type: Array })
174
173
  ], a.prototype, "options", 2);
175
174
  l([
176
175
  s({ type: String })
@@ -182,7 +181,7 @@ l([
182
181
  s({ type: String })
183
182
  ], a.prototype, "valueField", 2);
184
183
  a = l([
185
- v("gui-select")
184
+ m("gui-select")
186
185
  ], a);
187
186
  typeof customElements < "u" && !customElements.get("gui-select") && customElements.define("gui-select", a);
188
187
  var I = Object.defineProperty, P = Object.getOwnPropertyDescriptor, c = (t, e, r, i) => {
@@ -190,7 +189,7 @@ var I = Object.defineProperty, P = Object.getOwnPropertyDescriptor, c = (t, e, r
190
189
  (p = t[d]) && (o = (i ? p(e, r, o) : p(o)) || o);
191
190
  return i && o && I(e, r, o), o;
192
191
  };
193
- let h = class extends m {
192
+ let h = class extends v {
194
193
  constructor() {
195
194
  super(...arguments), this.adapter = new g(), this.subscriptions = [];
196
195
  }
@@ -250,7 +249,7 @@ c([
250
249
  O({ context: y })
251
250
  ], h.prototype, "adapter", 2);
252
251
  h = c([
253
- v("gui-select-input")
252
+ m("gui-select-input")
254
253
  ], h);
255
254
  export {
256
255
  h as SelectElement
@@ -1,6 +1,5 @@
1
1
  import { LayoutWidgetAdapter as f, formContext as m, layoutContext as v } from "@golemui/lit";
2
2
  import { c } from "./tabs-DzSCq_98.js";
3
- import "@golemui/gui-shared";
4
3
  import { consume as w, provide as $ } from "@lit/context";
5
4
  import { LitElement as y, html as d, nothing as _ } from "lit";
6
5
  import { repeat as p } from "lit-html/directives/repeat.js";
@@ -1,10 +1,9 @@
1
1
  import { InputWidgetAdapter as D, formContext as w, inputContext as C } from "@golemui/lit";
2
- import "@golemui/gui-shared";
3
2
  import { LitElement as y, nothing as c, html as m } from "lit";
4
3
  import { property as o, customElement as v } from "lit/decorators.js";
5
4
  import { classMap as f } from "lit/directives/class-map.js";
6
5
  import { G as A, b as P, c as S } from "./templates-Dk1jxLwS.js";
7
- import "./pills-D0yyi-op.js";
6
+ import "./pills-B66qz_KX.js";
8
7
  import { styleMap as _ } from "lit-html/directives/style-map.js";
9
8
  import { consume as E, provide as O } from "@lit/context";
10
9
  import "rxjs";
@@ -172,9 +171,7 @@ let l = class extends y {
172
171
  if (this.disabled || this.readOnly) return;
173
172
  const e = t.clipboardData?.getData("text") ?? "";
174
173
  if (!e) return;
175
- const a = this.getSeparators().filter(
176
- (u) => u !== "Enter" && u !== "Tab" && u !== "blur"
177
- );
174
+ const a = this.getSeparators().filter((u) => u !== "Enter" && u !== "Tab" && u !== "blur");
178
175
  if (a.length === 0) return;
179
176
  const i = new RegExp(
180
177
  `[${a.map((u) => u.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("")}
@@ -1,5 +1,4 @@
1
1
  import { InputWidgetAdapter as v, formContext as b, inputContext as x } from "@golemui/lit";
2
- import "@golemui/gui-shared";
3
2
  import { LitElement as m, html as n, nothing as c } from "lit";
4
3
  import { property as i, customElement as g } from "lit/decorators.js";
5
4
  import { classMap as $ } from "lit/directives/class-map.js";
@@ -1,5 +1,4 @@
1
1
  import { InputWidgetAdapter as b, formContext as v, inputContext as g } from "@golemui/lit";
2
- import "@golemui/gui-shared";
3
2
  import { LitElement as c, nothing as h, html as m } from "lit";
4
3
  import { property as r, customElement as y } from "lit/decorators.js";
5
4
  import { classMap as f } from "lit/directives/class-map.js";
@@ -1,5 +1,4 @@
1
1
  import { InputWidgetAdapter as b, formContext as m, inputContext as y } from "@golemui/lit";
2
- import "@golemui/gui-shared";
3
2
  import { G as v, c as f } from "./templates-Dk1jxLwS.js";
4
3
  import { LitElement as h, nothing as $, html as g } from "lit";
5
4
  import { property as r, customElement as c } from "lit/decorators.js";
@@ -138,12 +137,12 @@ a = s([
138
137
  c("gui-toggle")
139
138
  ], a);
140
139
  typeof customElements < "u" && !customElements.get("gui-toggle") && customElements.define("gui-toggle", a);
141
- var w = Object.defineProperty, x = Object.getOwnPropertyDescriptor, u = (t, e, l, o) => {
140
+ var w = Object.defineProperty, x = Object.getOwnPropertyDescriptor, p = (t, e, l, o) => {
142
141
  for (var i = o > 1 ? void 0 : o ? x(e, l) : e, d = t.length - 1, n; d >= 0; d--)
143
142
  (n = t[d]) && (i = (o ? n(e, l, i) : n(i)) || i);
144
143
  return o && i && w(e, l, i), i;
145
144
  };
146
- let p = class extends h {
145
+ let u = class extends h {
147
146
  constructor() {
148
147
  super(...arguments), this.adapter = new b(), this.subscriptions = [];
149
148
  }
@@ -186,16 +185,16 @@ let p = class extends h {
186
185
  super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
187
186
  }
188
187
  };
189
- u([
188
+ p([
190
189
  C({ context: m }),
191
190
  r({ attribute: !1 })
192
- ], p.prototype, "formContext", 2);
193
- u([
191
+ ], u.prototype, "formContext", 2);
192
+ p([
194
193
  _({ context: y })
195
- ], p.prototype, "adapter", 2);
196
- p = u([
194
+ ], u.prototype, "adapter", 2);
195
+ u = p([
197
196
  c("gui-toggle-input")
198
- ], p);
197
+ ], u);
199
198
  export {
200
- p as ToggleElement
199
+ u as ToggleElement
201
200
  };