@golemui/gui-lit 0.14.0 → 0.15.1

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 (27) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/{button.element-ATNRRDN3.js → button.element-DxwYDdu6.js} +49 -45
  3. package/{currency.element-C7SZkoPP.js → currency.element-ybKzwXEh.js} +11 -10
  4. package/{date-input-e0k3oBof.js → date-input-D_Swskk4.js} +5 -5
  5. package/{date-picker.element-D6v6aHR5.js → date-picker.element-CP2_u_ZE.js} +1 -1
  6. package/{date.element-COU_mEUt.js → date.element-p6aB6OGd.js} +1 -1
  7. package/{dropdown.element-DCUI5Y7I.js → dropdown.element-8OaBgk7F.js} +1 -0
  8. package/index.js +271 -279
  9. package/index.umd.cjs +268 -195
  10. package/lib/components/range-date-picker.element.d.ts +3 -0
  11. package/lib/components/tags.element.d.ts +17 -0
  12. package/{markdown.element-CT1JOOM3.js → markdown.element-1IF3G5KX.js} +1 -0
  13. package/{number.element-HaXEg_7U.js → number.element-zgd4L5hn.js} +7 -6
  14. package/package.json +6 -6
  15. package/{password.element-B4-0SCe4.js → password.element-BT65mDsp.js} +1 -0
  16. package/pills-D0yyi-op.js +323 -0
  17. package/range-calendar-CZGBBOzO.js +258 -0
  18. package/{range-calendar.element-C-4qqRGK.js → range-calendar.element-DQZXvd-L.js} +1 -1
  19. package/range-date-input-CcPYH7P3.js +398 -0
  20. package/{range-date-input.element-D3xRMAaY.js → range-date-input.element-v71P-oUp.js} +1 -1
  21. package/{range-date-picker.element-Vgj3tFlQ.js → range-date-picker.element-CA-KcQhA.js} +60 -51
  22. package/{select.element-DuGZjlZY.js → select.element-CjWqp9dd.js} +1 -1
  23. package/tags.element-ed1_51GA.js +365 -0
  24. package/{textarea.element-C8yx2u0o.js → textarea.element-BTJLqnnI.js} +6 -5
  25. package/{textinput.element-DKuplF1A.js → textinput.element-zI0iG-Cq.js} +4 -3
  26. package/range-calendar-qpakwAba.js +0 -326
  27. package/range-date-input-DFnvo-KK.js +0 -507
package/CHANGELOG.md CHANGED
@@ -1,3 +1,25 @@
1
+ ## 0.15.0 (2026-05-26)
2
+
3
+ ### 🚀 Features
4
+
5
+ - **core:** add actionType: 'submit' to action widgets ([#120](https://github.com/golemui/golemui/pull/120))
6
+ - add tags widget ([#121](https://github.com/golemui/golemui/pull/121))
7
+
8
+ ### 🩹 Fixes
9
+
10
+ - release from 0.0.0 ([#134](https://github.com/golemui/golemui/pull/134))
11
+
12
+ ### ❤️ Thank You
13
+
14
+ - Mud Scientist
15
+ - mudscientist
16
+ - Raul Jimenez @Elecash
17
+ - Raúl Jiménez @Elecash
18
+
19
+ ## 0.14.0 (2026-05-21)
20
+
21
+ This was a version bump only for gui-lit to align it with other projects, there were no code changes.
22
+
1
23
  ## 0.13.3 (2026-05-19)
2
24
 
3
25
  This was a version bump only for gui-lit to align it with other projects, there were no code changes.
@@ -1,18 +1,18 @@
1
- import { ActionWidgetAdapter as f, formContext as g, actionContext as v } from "@golemui/lit";
2
- import { consume as $, provide as y } from "@lit/context";
3
- import { LitElement as b, html as u, nothing as c } from "lit";
4
- import { property as p, customElement as m } from "lit/decorators.js";
1
+ import { ActionWidgetAdapter as f, formContext as g, actionContext as y } from "@golemui/lit";
2
+ import { consume as v, provide as $ } from "@lit/context";
3
+ import { LitElement as b, html as u, nothing as l } from "lit";
4
+ import { property as a, customElement as m } from "lit/decorators.js";
5
5
  import "rxjs";
6
6
  import "@golemui/gui-shared";
7
7
  import { classMap as P } from "lit/directives/class-map.js";
8
- var C = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (i, t, s, o) => {
9
- for (var e = o > 1 ? void 0 : o ? x(t, s) : t, a = i.length - 1, r; a >= 0; a--)
10
- (r = i[a]) && (e = (o ? r(t, s, e) : r(e)) || e);
11
- return o && e && C(t, s, e), e;
8
+ var C = Object.defineProperty, x = Object.getOwnPropertyDescriptor, r = (i, t, n, o) => {
9
+ for (var e = o > 1 ? void 0 : o ? x(t, n) : t, p = i.length - 1, c; p >= 0; p--)
10
+ (c = i[p]) && (e = (o ? c(t, n, e) : c(e)) || e);
11
+ return o && e && C(t, n, e), e;
12
12
  };
13
- let n = class extends b {
13
+ let s = class extends b {
14
14
  constructor() {
15
- super(...arguments), this.uid = void 0, this.label = void 0, this.disabled = !1, this.icon = void 0, this.variant = "filled", this.iconPosition = "left";
15
+ super(...arguments), this.uid = void 0, this.label = void 0, this.disabled = !1, this.icon = void 0, this.variant = "filled", this.iconPosition = "left", this.actionType = "button";
16
16
  }
17
17
  createRenderRoot() {
18
18
  return this;
@@ -21,56 +21,59 @@ let n = class extends b {
21
21
  super.connectedCallback(), this.classList.add("gui-field");
22
22
  }
23
23
  render() {
24
- const i = this.icon, t = this.iconPosition || "left", s = {
24
+ const i = this.icon, t = this.iconPosition || "left", n = {
25
25
  "gui-button-with-icon": !!i,
26
26
  [`gui-button-icon-${t}`]: !0,
27
27
  "gui-button--outlined": this.variant === "outlined",
28
28
  "gui-button--link": this.variant === "link"
29
- }, o = i ? u`<span class="gui-widget-icon gui-button-icon ${i}" data-icon=${i}></span>` : c;
29
+ }, o = i ? u`<span class="gui-widget-icon gui-button-icon ${i}" data-icon=${i}></span>` : l;
30
30
  return u`
31
31
  <div class="gui-widget">
32
32
  <button
33
- type="button"
33
+ type=${this.actionType ?? "button"}
34
34
  tabindex="0"
35
35
  id=${this.uid}
36
- class=${P(s)}
36
+ class=${P(n)}
37
37
  data-cy=${`${this.uid}_button`}
38
38
  ?disabled=${this.disabled}
39
39
  >
40
- ${t === "left" ? o : c}
41
- ${this.label ? u`<span>${this.label}</span>` : c}
42
- ${t === "right" ? o : c}
40
+ ${t === "left" ? o : l}
41
+ ${this.label ? u`<span>${this.label}</span>` : l}
42
+ ${t === "right" ? o : l}
43
43
  </button>
44
44
  </div>
45
45
  `;
46
46
  }
47
47
  };
48
- l([
49
- p({ type: String })
50
- ], n.prototype, "uid", 2);
51
- l([
52
- p({ type: String })
53
- ], n.prototype, "label", 2);
54
- l([
55
- p({ type: Boolean })
56
- ], n.prototype, "disabled", 2);
57
- l([
58
- p({ type: String })
59
- ], n.prototype, "icon", 2);
60
- l([
61
- p({ type: String })
62
- ], n.prototype, "variant", 2);
63
- l([
64
- p({ type: String })
65
- ], n.prototype, "iconPosition", 2);
66
- n = l([
48
+ r([
49
+ a({ type: String })
50
+ ], s.prototype, "uid", 2);
51
+ r([
52
+ a({ type: String })
53
+ ], s.prototype, "label", 2);
54
+ r([
55
+ a({ type: Boolean })
56
+ ], s.prototype, "disabled", 2);
57
+ r([
58
+ a({ type: String })
59
+ ], s.prototype, "icon", 2);
60
+ r([
61
+ a({ type: String })
62
+ ], s.prototype, "variant", 2);
63
+ r([
64
+ a({ type: String })
65
+ ], s.prototype, "iconPosition", 2);
66
+ r([
67
+ a({ type: String })
68
+ ], s.prototype, "actionType", 2);
69
+ s = r([
67
70
  m("gui-button")
68
- ], n);
69
- typeof customElements < "u" && !customElements.get("gui-button") && customElements.define("gui-button", n);
70
- var _ = Object.defineProperty, D = Object.getOwnPropertyDescriptor, h = (i, t, s, o) => {
71
- for (var e = o > 1 ? void 0 : o ? D(t, s) : t, a = i.length - 1, r; a >= 0; a--)
72
- (r = i[a]) && (e = (o ? r(t, s, e) : r(e)) || e);
73
- return o && e && _(t, s, e), e;
71
+ ], s);
72
+ typeof customElements < "u" && !customElements.get("gui-button") && customElements.define("gui-button", s);
73
+ var _ = Object.defineProperty, D = Object.getOwnPropertyDescriptor, h = (i, t, n, o) => {
74
+ for (var e = o > 1 ? void 0 : o ? D(t, n) : t, p = i.length - 1, c; p >= 0; p--)
75
+ (c = i[p]) && (e = (o ? c(t, n, e) : c(e)) || e);
76
+ return o && e && _(t, n, e), e;
74
77
  };
75
78
  let d = class extends b {
76
79
  constructor() {
@@ -93,6 +96,7 @@ let d = class extends b {
93
96
  return u`
94
97
  <gui-button
95
98
  .uid=${this.widget.uid}
99
+ .actionType=${this.adapter.templateData.actionType ?? "button"}
96
100
  .label=${this.adapter.templateData.label}
97
101
  ?disabled=${this.adapter.templateData.disabled === !0}
98
102
  .variant=${this.adapter.templateData.variant}
@@ -107,11 +111,11 @@ let d = class extends b {
107
111
  }
108
112
  };
109
113
  h([
110
- $({ context: g }),
111
- p({ attribute: !1 })
114
+ v({ context: g }),
115
+ a({ attribute: !1 })
112
116
  ], d.prototype, "formContext", 2);
113
117
  h([
114
- y({ context: v })
118
+ $({ context: y })
115
119
  ], d.prototype, "adapter", 2);
116
120
  d = h([
117
121
  m("gui-button-interactive")
@@ -1,6 +1,6 @@
1
1
  import { InputWidgetAdapter as g, formContext as b, inputContext as v } from "@golemui/lit";
2
2
  import "@golemui/gui-shared";
3
- import { LitElement as m, nothing as p, html as d } from "lit";
3
+ import { LitElement as m, nothing as p, html as c } from "lit";
4
4
  import { property as a, state as f, query as $, customElement as y } from "lit/decorators.js";
5
5
  import { classMap as D } from "lit/directives/class-map.js";
6
6
  import { G as C, a as x, b as F, c as S } from "./templates-Dk1jxLwS.js";
@@ -57,9 +57,10 @@ let e = class extends m {
57
57
  };
58
58
  this.displayValue = this.formatCurrency(this.value);
59
59
  const i = x("currency", t), o = {
60
+ "gui-widget-input": !0,
60
61
  "gui-currency--icon": !!this.icon
61
62
  };
62
- return d`
63
+ return c`
63
64
  ${F(this.uid, t)}
64
65
 
65
66
  <div class="gui-widget">
@@ -80,7 +81,7 @@ let e = class extends m {
80
81
  @focus=${this.handleFocus}
81
82
  @blur=${this.handleBlur}
82
83
  />
83
- ${this.displayValue ? d`<label
84
+ ${this.displayValue ? c`<label
84
85
  for=${this.uid}
85
86
  class="gui-currency__format-value ${this.icon ? "gui-currency__format-value--icon" : ""}"
86
87
  >${this.displayValue}</label
@@ -201,7 +202,7 @@ var O = Object.defineProperty, q = Object.getOwnPropertyDescriptor, h = (t, i, o
201
202
  (u = t[n]) && (s = (l ? u(i, o, s) : u(s)) || s);
202
203
  return l && s && O(i, o, s), s;
203
204
  };
204
- let c = class extends m {
205
+ let d = class extends m {
205
206
  constructor() {
206
207
  super(...arguments), this.adapter = new g(), this.subscriptions = [];
207
208
  }
@@ -219,7 +220,7 @@ let c = class extends m {
219
220
  );
220
221
  }
221
222
  render() {
222
- return super.render(), d`
223
+ return super.render(), c`
223
224
  <gui-currency
224
225
  .uid=${this.widget.uid}
225
226
  .label=${this.adapter.templateData.label}
@@ -254,13 +255,13 @@ let c = class extends m {
254
255
  h([
255
256
  _({ context: b }),
256
257
  a({ attribute: !1 })
257
- ], c.prototype, "formContext", 2);
258
+ ], d.prototype, "formContext", 2);
258
259
  h([
259
260
  w({ context: v })
260
- ], c.prototype, "adapter", 2);
261
- c = h([
261
+ ], d.prototype, "adapter", 2);
262
+ d = h([
262
263
  y("gui-currency-input")
263
- ], c);
264
+ ], d);
264
265
  export {
265
- c as CurrencyElement
266
+ d as CurrencyElement
266
267
  };
@@ -5,11 +5,11 @@ import { property as l, state as p, customElement as m } from "lit/decorators.js
5
5
  import { classMap as _ } from "lit/directives/class-map.js";
6
6
  import { live as f } from "lit/directives/live.js";
7
7
  import { G as v, b as A, c as S } from "./templates-Dk1jxLwS.js";
8
- import { t as b } from "./date-CG1562vW.js";
9
- var w = Object.defineProperty, I = Object.getOwnPropertyDescriptor, h = (t, e, a, i) => {
8
+ import { t as w } from "./date-CG1562vW.js";
9
+ var b = Object.defineProperty, I = Object.getOwnPropertyDescriptor, h = (t, e, a, i) => {
10
10
  for (var r = i > 1 ? void 0 : i ? I(e, a) : e, n = t.length - 1, s; n >= 0; n--)
11
11
  (s = t[n]) && (r = (i ? s(e, a, r) : s(r)) || r);
12
- return i && r && w(e, a, r), r;
12
+ return i && r && b(e, a, r), r;
13
13
  };
14
14
  let o = class extends y {
15
15
  constructor() {
@@ -60,7 +60,7 @@ let o = class extends y {
60
60
  ${this.label ? A(this.uid, t) : u}
61
61
 
62
62
  <div class="gui-widget">
63
- <div class="gui-date-input ${this.icon ? "gui-calendar--icon" : ""}" role="group">
63
+ <div class="gui-widget-input gui-date-input ${this.icon ? "gui-calendar--icon" : ""}" role="group">
64
64
  ${g(
65
65
  e,
66
66
  (i) => i.type,
@@ -204,7 +204,7 @@ let o = class extends y {
204
204
  );
205
205
  else {
206
206
  const c = new Date(t, e - 1, a);
207
- this.value = b(c), this.dispatchEvent(
207
+ this.value = w(c), this.dispatchEvent(
208
208
  new CustomEvent("change", {
209
209
  detail: { value: this.value },
210
210
  bubbles: !0
@@ -1,7 +1,7 @@
1
1
  import { InputWidgetAdapter as h, formContext as u, inputContext as c } from "@golemui/lit";
2
2
  import { a as m, b as g, c as C } from "./templates-Dk1jxLwS.js";
3
3
  import "@golemui/gui-shared";
4
- import "./date-input-e0k3oBof.js";
4
+ import "./date-input-D_Swskk4.js";
5
5
  import "./calendar-P9DzVryu.js";
6
6
  import { consume as D, provide as $ } from "@lit/context";
7
7
  import { LitElement as v, html as l, nothing as f } from "lit";
@@ -1,7 +1,7 @@
1
1
  import { InputWidgetAdapter as l, formContext as n, inputContext as u } from "@golemui/lit";
2
2
  import { a as h } from "./templates-Dk1jxLwS.js";
3
3
  import "@golemui/gui-shared";
4
- import "./date-input-e0k3oBof.js";
4
+ import "./date-input-D_Swskk4.js";
5
5
  import { consume as c, provide as m } from "@lit/context";
6
6
  import { LitElement as f, html as b } from "lit";
7
7
  import { property as g, customElement as D } from "lit/decorators.js";
@@ -128,6 +128,7 @@ let a = class extends x {
128
128
  type="text"
129
129
  id=${this.widget.uid}
130
130
  data-cy=${`${this.widget.uid}_textinput`}
131
+ class="gui-widget-input"
131
132
  .value=${o ?? e.value ?? ""}
132
133
  ?required=${e.validator?.required}
133
134
  ?disabled=${e.disabled}