@golemui/gui-lit 1.4.0-rc.0 → 1.5.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.
- package/CHANGELOG.md +40 -0
- package/{dropdown.element-D9wMyqWQ.js → dropdown.element-COwjfvGf.js} +1 -1
- package/file-upload.element-BYsufDWc.js +83 -0
- package/index.js +674 -611
- package/index.umd.cjs +136 -76
- package/lib/components/file-upload.element.d.ts +17 -0
- package/lib/components/multi-file-upload.element.d.ts +17 -0
- package/{multi-dropdown.element-iEOlPvux.js → multi-dropdown.element-BpLDJIil.js} +1 -1
- package/multi-file-upload.element-BLHDoyzh.js +83 -0
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,43 @@
|
|
|
1
|
+
## 1.4.0 (2026-08-26)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- **lit:** read the store through one widgetViewModel$ subscription per widget ([#302](https://github.com/golemui/golemui/pull/302))
|
|
6
|
+
- **gui-components:** in-place pill editing for range inputs ([#291](https://github.com/golemui/golemui/pull/291))
|
|
7
|
+
- **gui-components:** add MultiList and MultiDropdown ([#284](https://github.com/golemui/golemui/pull/284))
|
|
8
|
+
|
|
9
|
+
### 🩹 Fixes
|
|
10
|
+
|
|
11
|
+
- **gui-lit,gui-react,gui-vue:** Clear select errors on pick a valid option ([#326](https://github.com/golemui/golemui/pull/326))
|
|
12
|
+
- read calculated props in the Angular and Lit tabs and accordion ([#325](https://github.com/golemui/golemui/pull/325))
|
|
13
|
+
- make tabs and accordion DOM ids unique and keep their aria pairs correct ([#310](https://github.com/golemui/golemui/pull/310))
|
|
14
|
+
- recreate the widget tree when the form reinitializes ([#307](https://github.com/golemui/golemui/pull/307))
|
|
15
|
+
|
|
16
|
+
### ❤️ Thank You
|
|
17
|
+
|
|
18
|
+
- Mud Scientist @mudscientist
|
|
19
|
+
- Raúl Jiménez @Elecash
|
|
20
|
+
|
|
21
|
+
## 1.4.0-rc.0 (2026-08-26)
|
|
22
|
+
|
|
23
|
+
### 🚀 Features
|
|
24
|
+
|
|
25
|
+
- **lit:** read the store through one widgetViewModel$ subscription per widget ([#302](https://github.com/golemui/golemui/pull/302))
|
|
26
|
+
- **gui-components:** in-place pill editing for range inputs ([#291](https://github.com/golemui/golemui/pull/291))
|
|
27
|
+
- **gui-components:** add MultiList and MultiDropdown ([#284](https://github.com/golemui/golemui/pull/284))
|
|
28
|
+
|
|
29
|
+
### 🩹 Fixes
|
|
30
|
+
|
|
31
|
+
- **gui-lit,gui-react,gui-vue:** Clear select errors on pick a valid option ([#326](https://github.com/golemui/golemui/pull/326))
|
|
32
|
+
- read calculated props in the Angular and Lit tabs and accordion ([#325](https://github.com/golemui/golemui/pull/325))
|
|
33
|
+
- make tabs and accordion DOM ids unique and keep their aria pairs correct ([#310](https://github.com/golemui/golemui/pull/310))
|
|
34
|
+
- recreate the widget tree when the form reinitializes ([#307](https://github.com/golemui/golemui/pull/307))
|
|
35
|
+
|
|
36
|
+
### ❤️ Thank You
|
|
37
|
+
|
|
38
|
+
- Mud Scientist @mudscientist
|
|
39
|
+
- Raúl Jiménez @Elecash
|
|
40
|
+
|
|
1
41
|
## 1.3.0 (2026-08-16)
|
|
2
42
|
|
|
3
43
|
### 🩹 Fixes
|
|
@@ -37,7 +37,7 @@ class a extends L {
|
|
|
37
37
|
t ? this.style.flex = String(t) : this.style.removeProperty("flex");
|
|
38
38
|
}
|
|
39
39
|
connectedCallback() {
|
|
40
|
-
super.connectedCallback(), document.addEventListener("click", this.onDocumentClick), this.classList.add("gui-dropdown", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this._filteredItems = this.adapter.templateData.items, this.subscriptions.push(
|
|
40
|
+
super.connectedCallback(), typeof document < "u" && document.addEventListener("click", this.onDocumentClick), this.classList.add("gui-dropdown", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this._filteredItems = this.adapter.templateData.items, this.subscriptions.push(
|
|
41
41
|
this.adapter.templateDataChanged$.subscribe(() => {
|
|
42
42
|
const e = this.adapter.templateData;
|
|
43
43
|
e.items && this._listItems?.length === 0 && this._filteredItems?.length === 0 && (this._filteredItems = e.items, this._listItems = e.items), this.requestUpdate();
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { InputWidgetAdapter as d, formContext as n, inputContext as p } from "@golemui/lit";
|
|
2
|
+
import "@golemui/gui-components/file-upload";
|
|
3
|
+
import { consume as u, provide as c } from "@lit/context";
|
|
4
|
+
import { LitElement as m, html as h } from "lit";
|
|
5
|
+
import { property as g } from "lit/decorators.js";
|
|
6
|
+
import { unsubscribeAll as b, safeDefine as $ } from "@golemui/lit/internals";
|
|
7
|
+
import "rxjs";
|
|
8
|
+
var f = Object.defineProperty, l = (r, e, t, v) => {
|
|
9
|
+
for (var a = void 0, s = r.length - 1, o; s >= 0; s--)
|
|
10
|
+
(o = r[s]) && (a = o(e, t, a) || a);
|
|
11
|
+
return a && f(e, t, a), a;
|
|
12
|
+
};
|
|
13
|
+
class i extends m {
|
|
14
|
+
constructor() {
|
|
15
|
+
super(...arguments), this.adapter = new d(), this.subscriptions = [];
|
|
16
|
+
}
|
|
17
|
+
createRenderRoot() {
|
|
18
|
+
return this;
|
|
19
|
+
}
|
|
20
|
+
updated(e) {
|
|
21
|
+
super.updated(e);
|
|
22
|
+
const t = this.adapter.templateData.size;
|
|
23
|
+
t ? this.style.flex = String(t) : this.style.removeProperty("flex");
|
|
24
|
+
}
|
|
25
|
+
connectedCallback() {
|
|
26
|
+
super.connectedCallback(), this.classList.add("gui-file-upload", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
|
|
27
|
+
this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
|
|
28
|
+
);
|
|
29
|
+
}
|
|
30
|
+
render() {
|
|
31
|
+
super.render();
|
|
32
|
+
const e = this.adapter.templateData;
|
|
33
|
+
return h`
|
|
34
|
+
<gui-file-upload
|
|
35
|
+
.uid=${this.widget.uid}
|
|
36
|
+
.path=${this.widget.path}
|
|
37
|
+
.label=${e.label}
|
|
38
|
+
.hint=${e.hint}
|
|
39
|
+
.errors=${e.errors}
|
|
40
|
+
?touched=${e.touched}
|
|
41
|
+
?required=${e.validator?.required}
|
|
42
|
+
?disabled=${e.disabled}
|
|
43
|
+
?readonly=${e.readonly}
|
|
44
|
+
.value=${e.value ?? null}
|
|
45
|
+
.dependencies=${e.deps}
|
|
46
|
+
.icon=${e.icon}
|
|
47
|
+
.accept=${e.accept}
|
|
48
|
+
.maxSize=${e.maxSize}
|
|
49
|
+
.buttonLabel=${e.buttonLabel}
|
|
50
|
+
.removeAriaLabel=${e.removeAriaLabel}
|
|
51
|
+
.cancelAriaLabel=${e.cancelAriaLabel}
|
|
52
|
+
.retryLabel=${e.retryLabel}
|
|
53
|
+
.removeIcon=${e.removeIcon}
|
|
54
|
+
.maxSizeMessage=${e.maxSizeMessage}
|
|
55
|
+
.acceptMessage=${e.acceptMessage}
|
|
56
|
+
.missingServiceMessage=${e.missingServiceMessage}
|
|
57
|
+
.uploadedMessage=${e.uploadedMessage}
|
|
58
|
+
.removedMessage=${e.removedMessage}
|
|
59
|
+
.failedMessage=${e.failedMessage}
|
|
60
|
+
@change=${this.valueChanged}
|
|
61
|
+
@blur=${() => this.adapter.onBlur()}
|
|
62
|
+
></gui-file-upload>
|
|
63
|
+
`;
|
|
64
|
+
}
|
|
65
|
+
valueChanged(e) {
|
|
66
|
+
const t = e.detail.value;
|
|
67
|
+
this.adapter.valueChanged(t);
|
|
68
|
+
}
|
|
69
|
+
disconnectedCallback() {
|
|
70
|
+
super.disconnectedCallback(), this.adapter.destroy(), b(this.subscriptions);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
l([
|
|
74
|
+
u({ context: n }),
|
|
75
|
+
g({ attribute: !1 })
|
|
76
|
+
], i.prototype, "formContext");
|
|
77
|
+
l([
|
|
78
|
+
c({ context: p })
|
|
79
|
+
], i.prototype, "adapter");
|
|
80
|
+
$("gui-file-upload-input", i);
|
|
81
|
+
export {
|
|
82
|
+
i as FileUploadElement
|
|
83
|
+
};
|