@golemui/gui-lit 0.13.3 → 0.15.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/CHANGELOG.md +8 -0
- package/{button.element-ATNRRDN3.js → button.element-DxwYDdu6.js} +49 -45
- package/{currency.element-C7SZkoPP.js → currency.element-ybKzwXEh.js} +11 -10
- package/{date-input-e0k3oBof.js → date-input-D_Swskk4.js} +5 -5
- package/{date-picker.element-D6v6aHR5.js → date-picker.element-CP2_u_ZE.js} +1 -1
- package/{date.element-COU_mEUt.js → date.element-p6aB6OGd.js} +1 -1
- package/{dropdown.element-DCUI5Y7I.js → dropdown.element-8OaBgk7F.js} +1 -0
- package/index.js +271 -279
- package/index.umd.cjs +268 -195
- package/lib/components/range-date-picker.element.d.ts +3 -0
- package/lib/components/tags.element.d.ts +17 -0
- package/{markdown.element-CT1JOOM3.js → markdown.element-1IF3G5KX.js} +1 -0
- package/{number.element-HaXEg_7U.js → number.element-zgd4L5hn.js} +7 -6
- package/package.json +6 -6
- package/{password.element-B4-0SCe4.js → password.element-BT65mDsp.js} +1 -0
- package/pills-D0yyi-op.js +323 -0
- package/range-calendar-CZGBBOzO.js +258 -0
- package/{range-calendar.element-C-4qqRGK.js → range-calendar.element-DQZXvd-L.js} +1 -1
- package/range-date-input-CcPYH7P3.js +398 -0
- package/{range-date-input.element-D3xRMAaY.js → range-date-input.element-v71P-oUp.js} +1 -1
- package/{range-date-picker.element-Vgj3tFlQ.js → range-date-picker.element-CA-KcQhA.js} +60 -51
- package/{select.element-DuGZjlZY.js → select.element-CjWqp9dd.js} +1 -1
- package/tags.element-ed1_51GA.js +365 -0
- package/{textarea.element-C8yx2u0o.js → textarea.element-BTJLqnnI.js} +6 -5
- package/{textinput.element-DKuplF1A.js → textinput.element-zI0iG-Cq.js} +4 -3
- package/range-calendar-qpakwAba.js +0 -326
- package/range-date-input-DFnvo-KK.js +0 -507
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
## 0.14.0 (2026-05-21)
|
|
2
|
+
|
|
3
|
+
This was a version bump only for gui-lit to align it with other projects, there were no code changes.
|
|
4
|
+
|
|
5
|
+
## 0.13.3 (2026-05-19)
|
|
6
|
+
|
|
7
|
+
This was a version bump only for gui-lit to align it with other projects, there were no code changes.
|
|
8
|
+
|
|
1
9
|
## 0.13.2 (2026-05-19)
|
|
2
10
|
|
|
3
11
|
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
|
|
2
|
-
import { consume as
|
|
3
|
-
import { LitElement as b, html as u, nothing as
|
|
4
|
-
import { property as
|
|
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,
|
|
9
|
-
for (var e = o > 1 ? void 0 : o ? x(t,
|
|
10
|
-
(
|
|
11
|
-
return o && e && C(t,
|
|
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
|
|
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",
|
|
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>` :
|
|
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
|
|
33
|
+
type=${this.actionType ?? "button"}
|
|
34
34
|
tabindex="0"
|
|
35
35
|
id=${this.uid}
|
|
36
|
-
class=${P(
|
|
36
|
+
class=${P(n)}
|
|
37
37
|
data-cy=${`${this.uid}_button`}
|
|
38
38
|
?disabled=${this.disabled}
|
|
39
39
|
>
|
|
40
|
-
${t === "left" ? o :
|
|
41
|
-
${this.label ? u`<span>${this.label}</span>` :
|
|
42
|
-
${t === "right" ? o :
|
|
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
|
-
|
|
49
|
-
|
|
50
|
-
],
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
],
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
],
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
],
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
],
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
],
|
|
66
|
-
|
|
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
|
-
],
|
|
69
|
-
typeof customElements < "u" && !customElements.get("gui-button") && customElements.define("gui-button",
|
|
70
|
-
var _ = Object.defineProperty, D = Object.getOwnPropertyDescriptor, h = (i, t,
|
|
71
|
-
for (var e = o > 1 ? void 0 : o ? D(t,
|
|
72
|
-
(
|
|
73
|
-
return o && e && _(t,
|
|
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
|
-
|
|
111
|
-
|
|
114
|
+
v({ context: g }),
|
|
115
|
+
a({ attribute: !1 })
|
|
112
116
|
], d.prototype, "formContext", 2);
|
|
113
117
|
h([
|
|
114
|
-
|
|
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
|
|
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
|
|
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 ?
|
|
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
|
|
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(),
|
|
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
|
-
],
|
|
258
|
+
], d.prototype, "formContext", 2);
|
|
258
259
|
h([
|
|
259
260
|
w({ context: v })
|
|
260
|
-
],
|
|
261
|
-
|
|
261
|
+
], d.prototype, "adapter", 2);
|
|
262
|
+
d = h([
|
|
262
263
|
y("gui-currency-input")
|
|
263
|
-
],
|
|
264
|
+
], d);
|
|
264
265
|
export {
|
|
265
|
-
|
|
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
|
|
9
|
-
var
|
|
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 &&
|
|
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 =
|
|
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-
|
|
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-
|
|
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";
|