@golemui/gui-lit 1.5.0 → 1.5.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.
- package/CHANGELOG.md +30 -0
- package/{dropdown.element-COwjfvGf.js → dropdown.element-Ckh9JvEK.js} +9 -9
- package/{flex.element-DiZWJBwt.js → flex.element-BW0_kx8z.js} +11 -9
- package/{grid.element-DJ9ACsqZ.js → grid.element-C019lV76.js} +24 -21
- package/index.js +6 -6
- package/index.umd.cjs +22 -19
- package/{list.element-DD5IL4QB.js → list.element-UIKmXzeH.js} +10 -10
- package/{multi-dropdown.element-BpLDJIil.js → multi-dropdown.element-mX06nBBb.js} +12 -12
- package/{multi-list.element-CCX3i3k6.js → multi-list.element-Bs-UN2Cy.js} +14 -14
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,33 @@
|
|
|
1
|
+
## 1.5.1-rc.0 (2026-09-23)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- support strict CSP for client-side rendering ([#400](https://github.com/golemui/golemui/pull/400))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- Raúl Jiménez @Elecash
|
|
10
|
+
|
|
11
|
+
## 1.5.0 (2026-09-14)
|
|
12
|
+
|
|
13
|
+
### 🚀 Features
|
|
14
|
+
|
|
15
|
+
- **gui-components:** surface upload errors via validation injection and icon retry button ([#357](https://github.com/golemui/golemui/pull/357))
|
|
16
|
+
- **vue:** nuxt support ([#335](https://github.com/golemui/golemui/pull/335))
|
|
17
|
+
- **gui-components:** add file upload widgets ([#332](https://github.com/golemui/golemui/pull/332))
|
|
18
|
+
- **lit,gui-lit,gui-components:** support server-side rendering of forms ([#334](https://github.com/golemui/golemui/pull/334))
|
|
19
|
+
|
|
20
|
+
### 🩹 Fixes
|
|
21
|
+
|
|
22
|
+
- **gui-react, gui-lit:** stop bundling the validators package into the builds ([#373](https://github.com/golemui/golemui/pull/373))
|
|
23
|
+
- **lit:** remove false-valued boolean attributes from the server markup ([#372](https://github.com/golemui/golemui/pull/372))
|
|
24
|
+
- **gui-components:** add interrupted message and reconcile file upload queue ([#359](https://github.com/golemui/golemui/pull/359))
|
|
25
|
+
|
|
26
|
+
### ❤️ Thank You
|
|
27
|
+
|
|
28
|
+
- Mud Scientist @mudscientist
|
|
29
|
+
- Raúl Jiménez @Elecash
|
|
30
|
+
|
|
1
31
|
## 1.5.0-rc.2 (2026-09-14)
|
|
2
32
|
|
|
3
33
|
### 🩹 Fixes
|
|
@@ -3,20 +3,20 @@ import { consume as D, provide as R } from "@lit/context";
|
|
|
3
3
|
import { LitElement as L, nothing as p, html as _ } from "lit";
|
|
4
4
|
import { classMap as v } from "lit/directives/class-map.js";
|
|
5
5
|
import { property as k, state as d, query as $ } from "lit/decorators.js";
|
|
6
|
-
import { unsubscribeAll as V, safeDefine as P } from "@golemui/lit/internals";
|
|
7
|
-
import { Subject as
|
|
8
|
-
import { d as
|
|
6
|
+
import { unsubscribeAll as V, cspStyleMap as S, safeDefine as P } from "@golemui/lit/internals";
|
|
7
|
+
import { Subject as T, debounceTime as j } from "rxjs";
|
|
8
|
+
import { d as q } from "./default-list-item-renderer-CuPJ9jUD.js";
|
|
9
9
|
import "@golemui/gui-components/label";
|
|
10
10
|
import "@golemui/gui-components/list";
|
|
11
11
|
import "@golemui/gui-components/errors";
|
|
12
|
-
var
|
|
12
|
+
var O = Object.defineProperty, l = (g, e, t, s) => {
|
|
13
13
|
for (var i = void 0, u = g.length - 1, h; u >= 0; u--)
|
|
14
14
|
(h = g[u]) && (i = h(e, t, i) || i);
|
|
15
|
-
return i &&
|
|
15
|
+
return i && O(e, t, i), i;
|
|
16
16
|
};
|
|
17
17
|
class a extends L {
|
|
18
18
|
constructor() {
|
|
19
|
-
super(...arguments), this.adapter = new F(), this.debouncer = new
|
|
19
|
+
super(...arguments), this.adapter = new F(), this.debouncer = new T(), this.subscriptions = [], this._range = { start: 0, end: 10 }, this._filteredItems = [], this._listItems = [], this._focusedIndex = -1, this._isFiltering = !1, this._isListVisible = !1, this._selectedItem = void 0, this._ignoreNextFocus = !1, this.onDocumentClick = (e) => {
|
|
20
20
|
if (!this._isListVisible) return;
|
|
21
21
|
const t = e.composedPath(), s = this._inputRef && t.includes(this._inputRef), i = this._panelRef && t.includes(this._panelRef);
|
|
22
22
|
!s && !i && (this._isListVisible = !1);
|
|
@@ -42,7 +42,7 @@ class a extends L {
|
|
|
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();
|
|
44
44
|
}),
|
|
45
|
-
this.debouncer.pipe(
|
|
45
|
+
this.debouncer.pipe(j(this.adapter.templateData.inputDebounce ?? 500)).subscribe((e) => {
|
|
46
46
|
this._filterItems(e);
|
|
47
47
|
})
|
|
48
48
|
);
|
|
@@ -123,7 +123,7 @@ class a extends L {
|
|
|
123
123
|
render() {
|
|
124
124
|
const e = this.adapter.templateData, t = e.touched && e.errors && e.errors.length > 0, s = this._listItems.slice(this._range.start, this._range.end), i = this.adapter.getItemRenderer(
|
|
125
125
|
e.itemRenderer,
|
|
126
|
-
|
|
126
|
+
q
|
|
127
127
|
), h = this._selectedItem?.template !== null && typeof this._selectedItem?.template == "object" ? e.labelField ?? "label" : null, m = h ? this._selectedItem?.template[h] : this._selectedItem?.template, o = !!this.widget.on?.filter;
|
|
128
128
|
return _`
|
|
129
129
|
<gui-label
|
|
@@ -223,7 +223,7 @@ class a extends L {
|
|
|
223
223
|
tabindex="-1"
|
|
224
224
|
class="gui-list__item-wrapper"
|
|
225
225
|
id="${this.widget.uid}-item-${n}"
|
|
226
|
-
style
|
|
226
|
+
style=${S({ height: `${e.itemHeight || 40}px` })}
|
|
227
227
|
aria-selected=${c ? "true" : "false"}
|
|
228
228
|
aria-disabled=${w ? "true" : "false"}
|
|
229
229
|
@click=${() => this._onClickItem(r, n)}
|
|
@@ -2,11 +2,11 @@ import { LayoutWidgetAdapter as n, formContext as o, layoutContext as u } from "
|
|
|
2
2
|
import { consume as g, provide as c } from "@lit/context";
|
|
3
3
|
import { LitElement as m, html as l } from "lit";
|
|
4
4
|
import { property as f } from "lit/decorators.js";
|
|
5
|
-
import {
|
|
5
|
+
import { cspStyleMap as h, unsubscribeAll as _, safeDefine as x } from "@golemui/lit/internals";
|
|
6
6
|
import "rxjs";
|
|
7
|
-
import { repeat as
|
|
8
|
-
import { classMap as
|
|
9
|
-
var D = Object.defineProperty, d = (i, e, t,
|
|
7
|
+
import { repeat as w } from "lit-html/directives/repeat.js";
|
|
8
|
+
import { classMap as y } from "lit/directives/class-map.js";
|
|
9
|
+
var D = Object.defineProperty, d = (i, e, t, b) => {
|
|
10
10
|
for (var a = void 0, r = i.length - 1, p; r >= 0; r--)
|
|
11
11
|
(p = i[r]) && (a = p(e, t, a) || a);
|
|
12
12
|
return a && D(e, t, a), a;
|
|
@@ -48,11 +48,13 @@ class s extends m {
|
|
|
48
48
|
};
|
|
49
49
|
return l`
|
|
50
50
|
<div
|
|
51
|
-
class=${
|
|
51
|
+
class=${y(e)}
|
|
52
52
|
id=${this.widget?.uid}
|
|
53
|
-
style=${
|
|
53
|
+
style=${h(
|
|
54
|
+
this.adapter.templateData.gap ? { gap: `${this.adapter.templateData.gap}px` } : {}
|
|
55
|
+
)}
|
|
54
56
|
>
|
|
55
|
-
${
|
|
57
|
+
${w(
|
|
56
58
|
this.adapter.templateData.children || [],
|
|
57
59
|
(t) => t?.uid,
|
|
58
60
|
(t) => l`<gui-widget .widget=${t}></gui-widget>`
|
|
@@ -61,7 +63,7 @@ class s extends m {
|
|
|
61
63
|
`;
|
|
62
64
|
}
|
|
63
65
|
disconnectedCallback() {
|
|
64
|
-
super.disconnectedCallback(), this.adapter.destroy(),
|
|
66
|
+
super.disconnectedCallback(), this.adapter.destroy(), _(this.subscriptions);
|
|
65
67
|
}
|
|
66
68
|
}
|
|
67
69
|
d([
|
|
@@ -71,7 +73,7 @@ d([
|
|
|
71
73
|
d([
|
|
72
74
|
c({ context: u })
|
|
73
75
|
], s.prototype, "adapter");
|
|
74
|
-
|
|
76
|
+
x("gui-flex-layout", s);
|
|
75
77
|
export {
|
|
76
78
|
s as FlexElement
|
|
77
79
|
};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { LayoutWidgetAdapter as
|
|
2
|
-
import { consume as
|
|
3
|
-
import { LitElement as
|
|
4
|
-
import { property as
|
|
5
|
-
import { unsubscribeAll as
|
|
1
|
+
import { LayoutWidgetAdapter as o, formContext as u, layoutContext as c } from "@golemui/lit";
|
|
2
|
+
import { consume as m, provide as h } from "@lit/context";
|
|
3
|
+
import { LitElement as _, html as n } from "lit";
|
|
4
|
+
import { property as f } from "lit/decorators.js";
|
|
5
|
+
import { cspStyleMap as l, unsubscribeAll as w, safeDefine as y } from "@golemui/lit/internals";
|
|
6
6
|
import "rxjs";
|
|
7
|
-
import { repeat as
|
|
8
|
-
import { classMap as
|
|
9
|
-
var
|
|
7
|
+
import { repeat as D } from "lit-html/directives/repeat.js";
|
|
8
|
+
import { classMap as b } from "lit/directives/class-map.js";
|
|
9
|
+
var v = Object.defineProperty, g = (s, a, t, p) => {
|
|
10
10
|
for (var e = void 0, i = s.length - 1, r; i >= 0; i--)
|
|
11
11
|
(r = s[i]) && (e = r(a, t, e) || e);
|
|
12
|
-
return e &&
|
|
12
|
+
return e && v(a, t, e), e;
|
|
13
13
|
};
|
|
14
|
-
class d extends
|
|
14
|
+
class d extends _ {
|
|
15
15
|
constructor() {
|
|
16
|
-
super(...arguments), this.adapter = new
|
|
16
|
+
super(...arguments), this.adapter = new o(), this.subscriptions = [];
|
|
17
17
|
}
|
|
18
18
|
createRenderRoot() {
|
|
19
19
|
return this;
|
|
@@ -45,13 +45,16 @@ class d extends h {
|
|
|
45
45
|
"gui-grid__widget--justify-start": this.adapter.templateData.justify === "start",
|
|
46
46
|
"gui-grid__widget--justify-end": this.adapter.templateData.justify === "end",
|
|
47
47
|
"gui-grid__widget--justify-stretch": this.adapter.templateData.justify === "stretch"
|
|
48
|
-
}, i =
|
|
49
|
-
return this.adapter.templateData.columnGap !== void 0 && i
|
|
50
|
-
<div class=${
|
|
51
|
-
${
|
|
48
|
+
}, i = {};
|
|
49
|
+
return this.adapter.templateData.columnGap !== void 0 && (i["column-gap"] = `${this.adapter.templateData.columnGap}px`), this.adapter.templateData.rowGap !== void 0 && (i["row-gap"] = `${this.adapter.templateData.rowGap}px`), n`
|
|
50
|
+
<div class=${b(e)} id=${this.widget?.uid} style=${l(i)}>
|
|
51
|
+
${D(
|
|
52
52
|
this.adapter.templateData.children || [],
|
|
53
53
|
(r) => r?.uid,
|
|
54
|
-
(r) => n`<div
|
|
54
|
+
(r) => n`<div
|
|
55
|
+
class="gui-grid__cell"
|
|
56
|
+
style=${l({ "grid-column": `span ${r.size || 1}` })}
|
|
57
|
+
>
|
|
55
58
|
<gui-widget .widget=${r}></gui-widget>
|
|
56
59
|
</div>`
|
|
57
60
|
)}
|
|
@@ -59,17 +62,17 @@ class d extends h {
|
|
|
59
62
|
`;
|
|
60
63
|
}
|
|
61
64
|
disconnectedCallback() {
|
|
62
|
-
super.disconnectedCallback(), this.adapter.destroy(),
|
|
65
|
+
super.disconnectedCallback(), this.adapter.destroy(), w(this.subscriptions);
|
|
63
66
|
}
|
|
64
67
|
}
|
|
65
68
|
g([
|
|
66
|
-
|
|
67
|
-
|
|
69
|
+
m({ context: u }),
|
|
70
|
+
f({ attribute: !1 })
|
|
68
71
|
], d.prototype, "formContext");
|
|
69
72
|
g([
|
|
70
|
-
|
|
73
|
+
h({ context: c })
|
|
71
74
|
], d.prototype, "adapter");
|
|
72
|
-
|
|
75
|
+
y("gui-grid-layout", d);
|
|
73
76
|
export {
|
|
74
77
|
d as GridElement
|
|
75
78
|
};
|
package/index.js
CHANGED
|
@@ -21,13 +21,13 @@ const n = {
|
|
|
21
21
|
dateInput: async () => (await import("./date.element-ChpTi2AQ.js")).DateElement,
|
|
22
22
|
datePicker: async () => (await import("./date-picker.element-DpQmremq.js")).DatePickerElement,
|
|
23
23
|
dateTimePicker: async () => (await import("./date-time-picker.element-Bt0GYSpS.js")).DateTimePickerElement,
|
|
24
|
-
dropdown: async () => (await import("./dropdown.element-
|
|
24
|
+
dropdown: async () => (await import("./dropdown.element-Ckh9JvEK.js")).DropdownElement,
|
|
25
25
|
fileUpload: async () => (await import("./file-upload.element-l_l_ubxJ.js")).FileUploadElement,
|
|
26
|
-
list: async () => (await import("./list.element-
|
|
26
|
+
list: async () => (await import("./list.element-UIKmXzeH.js")).ListElement,
|
|
27
27
|
markdown: async () => (await import("./markdown.element-DUHHoi2Y.js")).MarkdownElement,
|
|
28
|
-
multiDropdown: async () => (await import("./multi-dropdown.element-
|
|
28
|
+
multiDropdown: async () => (await import("./multi-dropdown.element-mX06nBBb.js")).MultiDropdownElement,
|
|
29
29
|
multiFileUpload: async () => (await import("./multi-file-upload.element-DzAZAfc1.js")).MultiFileUploadElement,
|
|
30
|
-
multiList: async () => (await import("./multi-list.element-
|
|
30
|
+
multiList: async () => (await import("./multi-list.element-Bs-UN2Cy.js")).MultiListElement,
|
|
31
31
|
password: async () => (await import("./password.element-xw5gugEg.js")).PasswordElement,
|
|
32
32
|
textinput: async () => (await import("./textinput.element-0q5F5ol3.js")).TextinputElement,
|
|
33
33
|
timeInput: async () => (await import("./time.element-92goKRwJ.js")).TimeElement,
|
|
@@ -43,8 +43,8 @@ const n = {
|
|
|
43
43
|
// REPEATER
|
|
44
44
|
repeater: async () => (await import("./repeater.element-DQNI4b7I.js")).RepeaterElement,
|
|
45
45
|
// LAYOUTS
|
|
46
|
-
flex: async () => (await import("./flex.element-
|
|
47
|
-
grid: async () => (await import("./grid.element-
|
|
46
|
+
flex: async () => (await import("./flex.element-BW0_kx8z.js")).FlexElement,
|
|
47
|
+
grid: async () => (await import("./grid.element-C019lV76.js")).GridElement,
|
|
48
48
|
tabs: async () => (await import("./tabs.element-BiVaQlvt.js")).TabsElement,
|
|
49
49
|
accordion: async () => (await import("./accordion.element-BEenQrCh.js")).AccordionElement,
|
|
50
50
|
// DISPLAY
|
package/index.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(g,F){typeof exports=="object"&&typeof module<"u"?F(exports,require("@golemui/gui-shared"),require("@golemui/lit/internals"),require("@golemui/gui-shared/internals"),require("@golemui/gui-validators"),require("@golemui/lit"),require("@lit/context"),require("lit"),require("lit/decorators.js"),require("rxjs"),require("@golemui/gui-components/button"),require("@golemui/gui-components/calendar"),require("@golemui/gui-components/date-time-calendar"),require("@golemui/gui-components/range-calendar"),require("@golemui/gui-components/range-date-input"),require("@golemui/gui-components/range-time-input"),require("@golemui/gui-components/range-date-time-input"),require("@golemui/gui-components/range-date-time-calendar"),require("@golemui/gui-components/range-date-time-picker"),require("@golemui/gui-components/range-date-picker"),require("@golemui/gui-components/range-time-picker"),require("@golemui/gui-components/currency"),require("@golemui/gui-components/internals"),require("@golemui/gui-components/date-input"),require("lit/directives/class-map.js"),require("@golemui/gui-components/date-picker"),require("@golemui/gui-components/date-time-picker"),require("@golemui/gui-components/label"),require("@golemui/gui-components/list"),require("@golemui/gui-components/errors"),require("@golemui/gui-components/file-upload"),require("@golemui/core"),require("@golemui/gui-components/markdown"),require("@golemui/gui-components/multi-list"),require("@golemui/gui-components/multi-select-trigger"),require("@golemui/gui-components/multi-file-upload"),require("@golemui/gui-components/password"),require("@golemui/gui-components/textinput"),require("@golemui/gui-components/time-input"),require("@golemui/gui-components/time-picker"),require("@golemui/gui-components/date-time-input"),require("@golemui/gui-components/textarea"),require("@golemui/gui-components/toggle"),require("@golemui/gui-components/checkbox"),require("@golemui/gui-components/number"),require("@golemui/gui-components/radiogroup"),require("@golemui/gui-components/select"),require("@golemui/gui-components/tags"),require("lit-html/directives/repeat.js"),require("@golemui/gui-components/markdown-text")):typeof define=="function"&&define.amd?define(["exports","@golemui/gui-shared","@golemui/lit/internals","@golemui/gui-shared/internals","@golemui/gui-validators","@golemui/lit","@lit/context","lit","lit/decorators.js","rxjs","@golemui/gui-components/button","@golemui/gui-components/calendar","@golemui/gui-components/date-time-calendar","@golemui/gui-components/range-calendar","@golemui/gui-components/range-date-input","@golemui/gui-components/range-time-input","@golemui/gui-components/range-date-time-input","@golemui/gui-components/range-date-time-calendar","@golemui/gui-components/range-date-time-picker","@golemui/gui-components/range-date-picker","@golemui/gui-components/range-time-picker","@golemui/gui-components/currency","@golemui/gui-components/internals","@golemui/gui-components/date-input","lit/directives/class-map.js","@golemui/gui-components/date-picker","@golemui/gui-components/date-time-picker","@golemui/gui-components/label","@golemui/gui-components/list","@golemui/gui-components/errors","@golemui/gui-components/file-upload","@golemui/core","@golemui/gui-components/markdown","@golemui/gui-components/multi-list","@golemui/gui-components/multi-select-trigger","@golemui/gui-components/multi-file-upload","@golemui/gui-components/password","@golemui/gui-components/textinput","@golemui/gui-components/time-input","@golemui/gui-components/time-picker","@golemui/gui-components/date-time-input","@golemui/gui-components/textarea","@golemui/gui-components/toggle","@golemui/gui-components/checkbox","@golemui/gui-components/number","@golemui/gui-components/radiogroup","@golemui/gui-components/select","@golemui/gui-components/tags","lit-html/directives/repeat.js","@golemui/gui-components/markdown-text"],F):(g=typeof globalThis<"u"?globalThis:g||self,F(g["gui-lit"]={},null,g.internals$1,g.internals,g.guiValidators,g.lit,g.context,g.lit$1,g.decorators_js,g.rxjs,null,null,null,null,null,null,null,null,null,null,null,null,g.internals$2,null,g.classMap_js,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,g.repeat_js))})(this,(function(g,F,o,D,ot,n,p,l,u,q,Va,Ua,Ba,Wa,Ga,Ha,Na,Ya,Ka,Za,Ja,Qa,P,Xa,_,ei,ti,ai,ii,si,ri,li,ni,di,oi,pi,ui,hi,ci,mi,gi,bi,fi,$i,vi,Di,yi,_i,T){"use strict";const _e={button:async()=>(await Promise.resolve().then(()=>ut)).ButtonElement,calendar:async()=>(await Promise.resolve().then(()=>ct)).CalendarElement,dateTimeCalendar:async()=>(await Promise.resolve().then(()=>gt)).DateTimeCalendarElement,rangeCalendar:async()=>(await Promise.resolve().then(()=>ft)).RangeCalendarElement,rangeDateInput:async()=>(await Promise.resolve().then(()=>vt)).RangeDateInputElement,rangeTimeInput:async()=>(await Promise.resolve().then(()=>yt)).RangeTimeInputElement,rangeDateTimeInput:async()=>(await Promise.resolve().then(()=>Ct)).RangeDateTimeInputElement,rangeDateTimeCalendar:async()=>(await Promise.resolve().then(()=>wt)).RangeDateTimeCalendarElement,rangeDateTimePicker:async()=>(await Promise.resolve().then(()=>It)).RangeDateTimePickerElement,rangeDatePicker:async()=>(await Promise.resolve().then(()=>Mt)).RangeDatePickerElement,rangeTimePicker:async()=>(await Promise.resolve().then(()=>Pt)).RangeTimePickerElement,currency:async()=>(await Promise.resolve().then(()=>Et)).CurrencyElement,dateInput:async()=>(await Promise.resolve().then(()=>
|
|
1
|
+
(function(g,F){typeof exports=="object"&&typeof module<"u"?F(exports,require("@golemui/gui-shared"),require("@golemui/lit/internals"),require("@golemui/gui-shared/internals"),require("@golemui/gui-validators"),require("@golemui/lit"),require("@lit/context"),require("lit"),require("lit/decorators.js"),require("rxjs"),require("@golemui/gui-components/button"),require("@golemui/gui-components/calendar"),require("@golemui/gui-components/date-time-calendar"),require("@golemui/gui-components/range-calendar"),require("@golemui/gui-components/range-date-input"),require("@golemui/gui-components/range-time-input"),require("@golemui/gui-components/range-date-time-input"),require("@golemui/gui-components/range-date-time-calendar"),require("@golemui/gui-components/range-date-time-picker"),require("@golemui/gui-components/range-date-picker"),require("@golemui/gui-components/range-time-picker"),require("@golemui/gui-components/currency"),require("@golemui/gui-components/internals"),require("@golemui/gui-components/date-input"),require("lit/directives/class-map.js"),require("@golemui/gui-components/date-picker"),require("@golemui/gui-components/date-time-picker"),require("@golemui/gui-components/label"),require("@golemui/gui-components/list"),require("@golemui/gui-components/errors"),require("@golemui/gui-components/file-upload"),require("@golemui/core"),require("@golemui/gui-components/markdown"),require("@golemui/gui-components/multi-list"),require("@golemui/gui-components/multi-select-trigger"),require("@golemui/gui-components/multi-file-upload"),require("@golemui/gui-components/password"),require("@golemui/gui-components/textinput"),require("@golemui/gui-components/time-input"),require("@golemui/gui-components/time-picker"),require("@golemui/gui-components/date-time-input"),require("@golemui/gui-components/textarea"),require("@golemui/gui-components/toggle"),require("@golemui/gui-components/checkbox"),require("@golemui/gui-components/number"),require("@golemui/gui-components/radiogroup"),require("@golemui/gui-components/select"),require("@golemui/gui-components/tags"),require("lit-html/directives/repeat.js"),require("@golemui/gui-components/markdown-text")):typeof define=="function"&&define.amd?define(["exports","@golemui/gui-shared","@golemui/lit/internals","@golemui/gui-shared/internals","@golemui/gui-validators","@golemui/lit","@lit/context","lit","lit/decorators.js","rxjs","@golemui/gui-components/button","@golemui/gui-components/calendar","@golemui/gui-components/date-time-calendar","@golemui/gui-components/range-calendar","@golemui/gui-components/range-date-input","@golemui/gui-components/range-time-input","@golemui/gui-components/range-date-time-input","@golemui/gui-components/range-date-time-calendar","@golemui/gui-components/range-date-time-picker","@golemui/gui-components/range-date-picker","@golemui/gui-components/range-time-picker","@golemui/gui-components/currency","@golemui/gui-components/internals","@golemui/gui-components/date-input","lit/directives/class-map.js","@golemui/gui-components/date-picker","@golemui/gui-components/date-time-picker","@golemui/gui-components/label","@golemui/gui-components/list","@golemui/gui-components/errors","@golemui/gui-components/file-upload","@golemui/core","@golemui/gui-components/markdown","@golemui/gui-components/multi-list","@golemui/gui-components/multi-select-trigger","@golemui/gui-components/multi-file-upload","@golemui/gui-components/password","@golemui/gui-components/textinput","@golemui/gui-components/time-input","@golemui/gui-components/time-picker","@golemui/gui-components/date-time-input","@golemui/gui-components/textarea","@golemui/gui-components/toggle","@golemui/gui-components/checkbox","@golemui/gui-components/number","@golemui/gui-components/radiogroup","@golemui/gui-components/select","@golemui/gui-components/tags","lit-html/directives/repeat.js","@golemui/gui-components/markdown-text"],F):(g=typeof globalThis<"u"?globalThis:g||self,F(g["gui-lit"]={},null,g.internals$1,g.internals,g.guiValidators,g.lit,g.context,g.lit$1,g.decorators_js,g.rxjs,null,null,null,null,null,null,null,null,null,null,null,null,g.internals$2,null,g.classMap_js,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,g.repeat_js))})(this,(function(g,F,o,D,ot,n,p,l,u,q,Va,Ua,Ba,Wa,Ga,Ha,Na,Ya,Ka,Za,Ja,Qa,P,Xa,_,ei,ti,ai,ii,si,ri,li,ni,di,oi,pi,ui,hi,ci,mi,gi,bi,fi,$i,vi,Di,yi,_i,T){"use strict";const _e={button:async()=>(await Promise.resolve().then(()=>ut)).ButtonElement,calendar:async()=>(await Promise.resolve().then(()=>ct)).CalendarElement,dateTimeCalendar:async()=>(await Promise.resolve().then(()=>gt)).DateTimeCalendarElement,rangeCalendar:async()=>(await Promise.resolve().then(()=>ft)).RangeCalendarElement,rangeDateInput:async()=>(await Promise.resolve().then(()=>vt)).RangeDateInputElement,rangeTimeInput:async()=>(await Promise.resolve().then(()=>yt)).RangeTimeInputElement,rangeDateTimeInput:async()=>(await Promise.resolve().then(()=>Ct)).RangeDateTimeInputElement,rangeDateTimeCalendar:async()=>(await Promise.resolve().then(()=>wt)).RangeDateTimeCalendarElement,rangeDateTimePicker:async()=>(await Promise.resolve().then(()=>It)).RangeDateTimePickerElement,rangeDatePicker:async()=>(await Promise.resolve().then(()=>Mt)).RangeDatePickerElement,rangeTimePicker:async()=>(await Promise.resolve().then(()=>Pt)).RangeTimePickerElement,currency:async()=>(await Promise.resolve().then(()=>Et)).CurrencyElement,dateInput:async()=>(await Promise.resolve().then(()=>Rt)).DateElement,datePicker:async()=>(await Promise.resolve().then(()=>qt)).DatePickerElement,dateTimePicker:async()=>(await Promise.resolve().then(()=>zt)).DateTimePickerElement,dropdown:async()=>(await Promise.resolve().then(()=>Vt)).DropdownElement,fileUpload:async()=>(await Promise.resolve().then(()=>Bt)).FileUploadElement,list:async()=>(await Promise.resolve().then(()=>Gt)).ListElement,markdown:async()=>(await Promise.resolve().then(()=>Nt)).MarkdownElement,multiDropdown:async()=>(await Promise.resolve().then(()=>Kt)).MultiDropdownElement,multiFileUpload:async()=>(await Promise.resolve().then(()=>Jt)).MultiFileUploadElement,multiList:async()=>(await Promise.resolve().then(()=>Xt)).MultiListElement,password:async()=>(await Promise.resolve().then(()=>ta)).PasswordElement,textinput:async()=>(await Promise.resolve().then(()=>ia)).TextinputElement,timeInput:async()=>(await Promise.resolve().then(()=>ra)).TimeElement,timePicker:async()=>(await Promise.resolve().then(()=>na)).TimePickerElement,dateTimeInput:async()=>(await Promise.resolve().then(()=>oa)).DateTimeElement,textarea:async()=>(await Promise.resolve().then(()=>ua)).TextareaElement,toggle:async()=>(await Promise.resolve().then(()=>ca)).ToggleElement,checkbox:async()=>(await Promise.resolve().then(()=>ga)).CheckboxElement,number:async()=>(await Promise.resolve().then(()=>fa)).NumberElement,radiogroup:async()=>(await Promise.resolve().then(()=>va)).RadiogroupElement,select:async()=>(await Promise.resolve().then(()=>ya)).SelectElement,tags:async()=>(await Promise.resolve().then(()=>Ca)).TagsElement,repeater:async()=>(await Promise.resolve().then(()=>wa)).RepeaterElement,flex:async()=>(await Promise.resolve().then(()=>Ia)).FlexElement,grid:async()=>(await Promise.resolve().then(()=>Ma)).GridElement,tabs:async()=>(await Promise.resolve().then(()=>Pa)).TabsElement,accordion:async()=>(await Promise.resolve().then(()=>Ea)).AccordionElement,alert:async()=>(await Promise.resolve().then(()=>Ra)).AlertElement,markdownText:async()=>(await Promise.resolve().then(()=>qa)).MarkdownTextElement,renderer:async()=>(await Promise.resolve().then(()=>za)).RendererElement};class Ce extends n.createFormComponent({widgetLoaders:_e,validators:ot.initValidators,resolveFormInput:D.resolveFormInput}){}o.safeDefine("gui-form",Ce);var pt=Object.defineProperty,xe=(s,e,t,d)=>{for(var a=void 0,i=s.length-1,r;i>=0;i--)(r=s[i])&&(a=r(e,t,a)||a);return a&&pt(e,t,a),a};class O extends l.LitElement{constructor(){super(...arguments),this.adapter=new n.ActionWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}updated(e){super.updated(e);const t=this.adapter.templateData.size;t?this.style.flex=String(t):this.style.removeProperty("flex")}connectedCallback(){super.connectedCallback(),this.classList.add("gui-button","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return l.html`
|
|
2
2
|
<gui-button
|
|
3
3
|
.uid=${this.widget.uid}
|
|
4
4
|
.actionType=${this.adapter.templateData.actionType??"button"}
|
|
@@ -395,7 +395,7 @@
|
|
|
395
395
|
@blur=${()=>this.adapter.onBlur()}
|
|
396
396
|
@change=${this.valueChanged}
|
|
397
397
|
></gui-range-date-picker>
|
|
398
|
-
`}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message]),this.adapter.onBlur()}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ee([p.consume({context:n.formContext}),u.property({attribute:!1})],N.prototype,"formContext"),Ee([p.provide({context:n.inputContext})],N.prototype,"adapter"),o.safeDefine("gui-range-date-picker-input",N);const Mt=Object.freeze(Object.defineProperty({__proto__:null,RangeDatePickerElement:N},Symbol.toStringTag,{value:"Module"}));var kt=Object.defineProperty,
|
|
398
|
+
`}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message]),this.adapter.onBlur()}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ee([p.consume({context:n.formContext}),u.property({attribute:!1})],N.prototype,"formContext"),Ee([p.provide({context:n.inputContext})],N.prototype,"adapter"),o.safeDefine("gui-range-date-picker-input",N);const Mt=Object.freeze(Object.defineProperty({__proto__:null,RangeDatePickerElement:N},Symbol.toStringTag,{value:"Module"}));var kt=Object.defineProperty,Se=(s,e,t,d)=>{for(var a=void 0,i=s.length-1,r;i>=0;i--)(r=s[i])&&(a=r(e,t,a)||a);return a&&kt(e,t,a),a};class Y extends l.LitElement{constructor(){super(...arguments),this.adapter=new n.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}updated(e){super.updated(e);const t=this.adapter.templateData.size;t?this.style.flex=String(t):this.style.removeProperty("flex")}connectedCallback(){super.connectedCallback(),this.classList.add("gui-range-time-picker","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=this.adapter.templateData;return l.html`
|
|
399
399
|
<gui-range-time-picker
|
|
400
400
|
.uid=${this.widget.uid}
|
|
401
401
|
.label=${e.label}
|
|
@@ -444,7 +444,7 @@
|
|
|
444
444
|
@blur=${()=>this.adapter.onBlur()}
|
|
445
445
|
@change=${this.valueChanged}
|
|
446
446
|
></gui-range-time-picker>
|
|
447
|
-
`}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}
|
|
447
|
+
`}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Se([p.consume({context:n.formContext}),u.property({attribute:!1})],Y.prototype,"formContext"),Se([p.provide({context:n.inputContext})],Y.prototype,"adapter"),o.safeDefine("gui-range-time-picker-input",Y);const Pt=Object.freeze(Object.defineProperty({__proto__:null,RangeTimePickerElement:Y},Symbol.toStringTag,{value:"Module"}));var Tt=Object.defineProperty,Re=(s,e,t,d)=>{for(var a=void 0,i=s.length-1,r;i>=0;i--)(r=s[i])&&(a=r(e,t,a)||a);return a&&Tt(e,t,a),a};class K extends l.LitElement{constructor(){super(...arguments),this.adapter=new n.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}updated(e){super.updated(e);const t=this.adapter.templateData.size;t?this.style.flex=String(t):this.style.removeProperty("flex")}connectedCallback(){super.connectedCallback(),this.classList.add("gui-currency","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),l.html`
|
|
448
448
|
<gui-currency
|
|
449
449
|
.uid=${this.widget.uid}
|
|
450
450
|
.label=${this.adapter.templateData.label}
|
|
@@ -466,7 +466,7 @@
|
|
|
466
466
|
@input=${this.valueChanged}
|
|
467
467
|
@blur=${()=>this.adapter.onBlur()}
|
|
468
468
|
></gui-currency>
|
|
469
|
-
`}valueChanged(e){const t=e.detail.value;this.adapter.valueChanged(t)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}
|
|
469
|
+
`}valueChanged(e){const t=e.detail.value;this.adapter.valueChanged(t)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Re([p.consume({context:n.formContext}),u.property({attribute:!1})],K.prototype,"formContext"),Re([p.provide({context:n.inputContext})],K.prototype,"adapter"),o.safeDefine("gui-currency-input",K);const Et=Object.freeze(Object.defineProperty({__proto__:null,CurrencyElement:K},Symbol.toStringTag,{value:"Module"}));var St=Object.defineProperty,Fe=(s,e,t,d)=>{for(var a=void 0,i=s.length-1,r;i>=0;i--)(r=s[i])&&(a=r(e,t,a)||a);return a&&St(e,t,a),a};class Z extends l.LitElement{constructor(){super(...arguments),this.adapter=new n.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}updated(e){super.updated(e);const t=this.adapter.templateData.size;t?this.style.flex=String(t):this.style.removeProperty("flex")}connectedCallback(){super.connectedCallback(),this.classList.add("gui-date","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=P.addIcon("date",this.adapter.templateData);return l.html`
|
|
470
470
|
<gui-date
|
|
471
471
|
class=${_.classMap(e.widgetClasses)}
|
|
472
472
|
.uid=${this.widget.uid}
|
|
@@ -493,7 +493,7 @@
|
|
|
493
493
|
@blur=${()=>this.adapter.onBlur()}
|
|
494
494
|
@change=${this.valueChanged}
|
|
495
495
|
></gui-date>
|
|
496
|
-
`}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Fe([p.consume({context:n.formContext}),u.property({attribute:!1})],Z.prototype,"formContext"),Fe([p.provide({context:n.inputContext})],Z.prototype,"adapter"),o.safeDefine("gui-date-input",Z);const
|
|
496
|
+
`}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Fe([p.consume({context:n.formContext}),u.property({attribute:!1})],Z.prototype,"formContext"),Fe([p.provide({context:n.inputContext})],Z.prototype,"adapter"),o.safeDefine("gui-date-input",Z);const Rt=Object.freeze(Object.defineProperty({__proto__:null,DateElement:Z},Symbol.toStringTag,{value:"Module"}));var Ft=Object.defineProperty,qe=(s,e,t,d)=>{for(var a=void 0,i=s.length-1,r;i>=0;i--)(r=s[i])&&(a=r(e,t,a)||a);return a&&Ft(e,t,a),a};class J extends l.LitElement{constructor(){super(...arguments),this.adapter=new n.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}updated(e){super.updated(e);const t=this.adapter.templateData.size;t?this.style.flex=String(t):this.style.removeProperty("flex")}connectedCallback(){super.connectedCallback(),this.classList.add("gui-date-picker","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=this.adapter.templateData;return l.html`
|
|
497
497
|
<gui-date-picker
|
|
498
498
|
.uid=${this.widget.uid}
|
|
499
499
|
.label=${e.label}
|
|
@@ -686,7 +686,7 @@
|
|
|
686
686
|
tabindex="-1"
|
|
687
687
|
class="gui-list__item-wrapper"
|
|
688
688
|
id="${this.widget.uid}-item-${m}"
|
|
689
|
-
style
|
|
689
|
+
style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
|
|
690
690
|
aria-selected=${$?"true":"false"}
|
|
691
691
|
aria-disabled=${k?"true":"false"}
|
|
692
692
|
@click=${()=>this._onClickItem(c,m)}
|
|
@@ -780,7 +780,7 @@
|
|
|
780
780
|
tabindex="-1"
|
|
781
781
|
class="gui-list__item-wrapper"
|
|
782
782
|
id="${this.widget.uid}-item-${f}"
|
|
783
|
-
style
|
|
783
|
+
style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
|
|
784
784
|
aria-selected=${h?"true":"false"}
|
|
785
785
|
aria-disabled=${b?"true":"false"}
|
|
786
786
|
@click=${()=>this._onClickItem(i,f)}
|
|
@@ -935,7 +935,7 @@
|
|
|
935
935
|
tabindex="-1"
|
|
936
936
|
class="gui-list__item-wrapper"
|
|
937
937
|
id="${this.widget.uid}-item-${b}"
|
|
938
|
-
style
|
|
938
|
+
style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
|
|
939
939
|
aria-selected=${m?"true":"false"}
|
|
940
940
|
aria-disabled=${w?"true":"false"}
|
|
941
941
|
@click=${()=>this._onClickItem(h,b)}
|
|
@@ -991,7 +991,7 @@
|
|
|
991
991
|
@blur=${()=>this.adapter.onBlur()}
|
|
992
992
|
@inputError=${this.onInputError}
|
|
993
993
|
></gui-multi-file-upload>
|
|
994
|
-
`}valueChanged(e){const t=e.detail.value;this.adapter.valueChanged(t)}onInputError(e){const t=e.detail.message;this.adapter.injectValidationIssues(t?[t]:null)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Be([p.consume({context:n.formContext}),u.property({attribute:!1})],te.prototype,"formContext"),Be([p.provide({context:n.inputContext})],te.prototype,"adapter"),o.safeDefine("gui-multi-file-upload-input",te);const Jt=Object.freeze(Object.defineProperty({__proto__:null,MultiFileUploadElement:te},Symbol.toStringTag,{value:"Module"}));var Qt=Object.defineProperty,
|
|
994
|
+
`}valueChanged(e){const t=e.detail.value;this.adapter.valueChanged(t)}onInputError(e){const t=e.detail.message;this.adapter.injectValidationIssues(t?[t]:null)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Be([p.consume({context:n.formContext}),u.property({attribute:!1})],te.prototype,"formContext"),Be([p.provide({context:n.inputContext})],te.prototype,"adapter"),o.safeDefine("gui-multi-file-upload-input",te);const Jt=Object.freeze(Object.defineProperty({__proto__:null,MultiFileUploadElement:te},Symbol.toStringTag,{value:"Module"}));var Qt=Object.defineProperty,S=(s,e,t,d)=>{for(var a=void 0,i=s.length-1,r;i>=0;i--)(r=s[i])&&(a=r(e,t,a)||a);return a&&Qt(e,t,a),a};class A extends l.LitElement{constructor(){super(...arguments),this.adapter=new n.InputWidgetAdapter,this.subscriptions=[],this._range={start:0,end:10},this._listItems=[],this._focusedIndex=-1}createRenderRoot(){return this}updated(e){super.updated(e);const t=this.adapter.templateData.size;t?this.style.flex=String(t):this.style.removeProperty("flex")}connectedCallback(){super.connectedCallback(),this.classList.add("gui-multi-list-widget","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>{const e=this.adapter.templateData;e.items&&this._listItems.length===0&&(this._listItems=e.items),this.requestUpdate()}))}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}render(){const e=this.adapter.templateData,t=e.touched&&e.errors&&e.errors.length>0,d=this._listItems.slice(this._range.start,this._range.end),a=this._currentValues(),i=this.adapter.getItemRenderer(e.itemRenderer,Ue);return l.html`
|
|
995
995
|
<gui-label
|
|
996
996
|
.targetElement=${this._guiListRef}
|
|
997
997
|
.uid=${this.widget.uid}
|
|
@@ -1029,7 +1029,7 @@
|
|
|
1029
1029
|
tabindex="-1"
|
|
1030
1030
|
class="gui-list__item-wrapper"
|
|
1031
1031
|
id="${this.widget.uid}-item-${h}"
|
|
1032
|
-
style
|
|
1032
|
+
style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
|
|
1033
1033
|
aria-selected=${c?"true":"false"}
|
|
1034
1034
|
aria-disabled=${m?"true":"false"}
|
|
1035
1035
|
@click=${()=>this._onClickItem(r,h)}
|
|
@@ -1045,7 +1045,7 @@
|
|
|
1045
1045
|
.errors=${e.errors}
|
|
1046
1046
|
.touched=${e.touched}
|
|
1047
1047
|
></gui-errors>`:l.nothing}
|
|
1048
|
-
`}_currentValues(){const e=this.adapter.templateData.value;return Array.isArray(e)?e:[]}_toggleValue(e){const t=this.adapter.templateData;if(t.disabled||t.readonly)return;const d=this._currentValues();if(d.includes(e)){this.adapter.valueChanged(d.filter(a=>a!==e));return}this.adapter.valueChanged([...d,e])}_onRangeChange(e){this._range={start:e.detail.startIndex,end:e.detail.endIndex}}_onUpdateItems(e){this._listItems=e.detail||[]}_onFocusChange(e){this._focusedIndex=e.detail.index}_onClickItem(e,t){this.adapter.templateData.disabled||e.disabled||(this._toggleValue(e.value),this._focusedIndex=t,this._guiListRef&&typeof this._guiListRef.focusItemAtIndex=="function"&&this._guiListRef.focusItemAtIndex(t))}_valueChanged(e){this.adapter.templateData.readonly||this._toggleValue(e.detail.value)}}
|
|
1048
|
+
`}_currentValues(){const e=this.adapter.templateData.value;return Array.isArray(e)?e:[]}_toggleValue(e){const t=this.adapter.templateData;if(t.disabled||t.readonly)return;const d=this._currentValues();if(d.includes(e)){this.adapter.valueChanged(d.filter(a=>a!==e));return}this.adapter.valueChanged([...d,e])}_onRangeChange(e){this._range={start:e.detail.startIndex,end:e.detail.endIndex}}_onUpdateItems(e){this._listItems=e.detail||[]}_onFocusChange(e){this._focusedIndex=e.detail.index}_onClickItem(e,t){this.adapter.templateData.disabled||e.disabled||(this._toggleValue(e.value),this._focusedIndex=t,this._guiListRef&&typeof this._guiListRef.focusItemAtIndex=="function"&&this._guiListRef.focusItemAtIndex(t))}_valueChanged(e){this.adapter.templateData.readonly||this._toggleValue(e.detail.value)}}S([p.consume({context:n.formContext}),u.property({attribute:!1})],A.prototype,"formContext"),S([p.provide({context:n.inputContext})],A.prototype,"adapter"),S([u.state()],A.prototype,"_range"),S([u.state()],A.prototype,"_listItems"),S([u.state()],A.prototype,"_focusedIndex"),S([u.query("gui-multi-list")],A.prototype,"_guiListRef"),o.safeDefine("gui-multi-list-input",A);const Xt=Object.freeze(Object.defineProperty({__proto__:null,MultiListElement:A},Symbol.toStringTag,{value:"Module"}));var ea=Object.defineProperty,We=(s,e,t,d)=>{for(var a=void 0,i=s.length-1,r;i>=0;i--)(r=s[i])&&(a=r(e,t,a)||a);return a&&ea(e,t,a),a};class ae extends l.LitElement{constructor(){super(...arguments),this.adapter=new n.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}updated(e){super.updated(e);const t=this.adapter.templateData.size;t?this.style.flex=String(t):this.style.removeProperty("flex")}connectedCallback(){super.connectedCallback(),this.classList.add("gui-password","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),l.html`
|
|
1049
1049
|
<gui-password
|
|
1050
1050
|
.uid=${this.widget.uid}
|
|
1051
1051
|
.label=${this.adapter.templateData.label}
|
|
@@ -1312,7 +1312,7 @@
|
|
|
1312
1312
|
@change=${this.valueChanged}
|
|
1313
1313
|
@blur=${()=>this.adapter.onBlur()}
|
|
1314
1314
|
></gui-tags>
|
|
1315
|
-
`}valueChanged(e){const t=e.detail.value;this.adapter.valueChanged(t)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}tt([p.consume({context:n.formContext}),u.property({attribute:!1})],ce.prototype,"formContext"),tt([p.provide({context:n.inputContext})],ce.prototype,"adapter"),o.safeDefine("gui-tags-input",ce);const Ca=Object.freeze(Object.defineProperty({__proto__:null,TagsElement:ce},Symbol.toStringTag,{value:"Module"}));var xa=Object.defineProperty,me=(s,e,t,d)=>{for(var a=void 0,i=s.length-1,r;i>=0;i--)(r=s[i])&&(a=r(e,t,a)||a);return a&&xa(e,t,a),a};class
|
|
1315
|
+
`}valueChanged(e){const t=e.detail.value;this.adapter.valueChanged(t)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}tt([p.consume({context:n.formContext}),u.property({attribute:!1})],ce.prototype,"formContext"),tt([p.provide({context:n.inputContext})],ce.prototype,"adapter"),o.safeDefine("gui-tags-input",ce);const Ca=Object.freeze(Object.defineProperty({__proto__:null,TagsElement:ce},Symbol.toStringTag,{value:"Module"}));var xa=Object.defineProperty,me=(s,e,t,d)=>{for(var a=void 0,i=s.length-1,r;i>=0;i--)(r=s[i])&&(a=r(e,t,a)||a);return a&&xa(e,t,a),a};class R extends l.LitElement{constructor(){super(...arguments),this.adapter=new n.InputWidgetAdapter,this.isFocused=!1,this.subscriptions=[]}createRenderRoot(){return this}updated(e){super.updated(e);const t=this.adapter.templateData.size;t?this.style.flex=String(t):this.style.removeProperty("flex")}connectedCallback(){super.connectedCallback(),this.classList.add("gui-repeater","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}onFocusIn(e){e.stopPropagation(),this.isFocused=!0}onFocusOut(e){e.stopPropagation(),this.adapter.onBlur(),this.isFocused=!1}render(){const e=this.adapter.templateData,t=e.touched&&e.errors&&e.errors.length>0;return l.html`
|
|
1316
1316
|
<div
|
|
1317
1317
|
id=${this.widget.uid}
|
|
1318
1318
|
class=${`gui-repeater__main-card gui-repeater__card ${this.isFocused?"gui-repeater__card--focused":""}`}
|
|
@@ -1370,17 +1370,20 @@
|
|
|
1370
1370
|
.errors=${e.errors}
|
|
1371
1371
|
.touched=${e.touched}
|
|
1372
1372
|
></gui-errors>`:l.nothing}
|
|
1373
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}addItem(){const e=[...this.adapter.templateData.value??[],{}];this.adapter.valueChanged(e),this.requestUpdate()}removeItem(e){const t=(this.adapter.templateData.value??[]).filter((d,a)=>e!==a);"structuredClone"in window?this.adapter.valueChanged(structuredClone(t)):this.adapter.valueChanged(JSON.parse(JSON.stringify(t))),this.requestUpdate()}}me([p.consume({context:n.formContext}),u.property({attribute:!1})],
|
|
1373
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}addItem(){const e=[...this.adapter.templateData.value??[],{}];this.adapter.valueChanged(e),this.requestUpdate()}removeItem(e){const t=(this.adapter.templateData.value??[]).filter((d,a)=>e!==a);"structuredClone"in window?this.adapter.valueChanged(structuredClone(t)):this.adapter.valueChanged(JSON.parse(JSON.stringify(t))),this.requestUpdate()}}me([p.consume({context:n.formContext}),u.property({attribute:!1})],R.prototype,"formContext"),me([p.provide({context:n.inputContext})],R.prototype,"adapter"),me([u.state()],R.prototype,"isFocused"),me([u.query(".gui-repeater__main-card")],R.prototype,"_repeaterRef"),o.safeDefine("gui-repeater-input",R);const wa=Object.freeze(Object.defineProperty({__proto__:null,RepeaterElement:R},Symbol.toStringTag,{value:"Module"}));var La=Object.defineProperty,at=(s,e,t,d)=>{for(var a=void 0,i=s.length-1,r;i>=0;i--)(r=s[i])&&(a=r(e,t,a)||a);return a&&La(e,t,a),a};class ge extends l.LitElement{constructor(){super(...arguments),this.adapter=new n.LayoutWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}updated(e){super.updated(e);const t=this.adapter.templateData.size;t?this.style.flex=String(t):this.style.removeProperty("flex")}connectedCallback(){super.connectedCallback(),this.classList.add("gui-flex","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){const e={"gui-flex__widget":!0,"gui-flex__widget--row":this.adapter.templateData.direction==="row","gui-flex__widget--row-reverse":this.adapter.templateData.direction==="row-reverse","gui-flex__widget--column":!this.adapter.templateData.direction||this.adapter.templateData.direction==="column","gui-flex__widget--column-reverse":this.adapter.templateData.direction==="column-reverse","gui-flex__widget--justify-center":this.adapter.templateData.justify==="center","gui-flex__widget--justify-start":this.adapter.templateData.justify==="start","gui-flex__widget--justify-end":this.adapter.templateData.justify==="end","gui-flex__widget--justify-stretch":!this.adapter.templateData.justify||this.adapter.templateData.justify==="stretch","gui-flex__widget--align-start":!this.adapter.templateData.align||this.adapter.templateData.align==="start","gui-flex__widget--align-end":this.adapter.templateData.align==="end","gui-flex__widget--align-center":this.adapter.templateData.align==="center","gui-flex__widget--align-space-between":this.adapter.templateData.align==="space-between","gui-flex__widget--align-space-around":this.adapter.templateData.align==="space-around","gui-flex__widget--align-space-evenly":this.adapter.templateData.align==="space-evenly"};return l.html`
|
|
1374
1374
|
<div
|
|
1375
1375
|
class=${_.classMap(e)}
|
|
1376
1376
|
id=${this.widget?.uid}
|
|
1377
|
-
style=${this.adapter.templateData.gap
|
|
1377
|
+
style=${o.cspStyleMap(this.adapter.templateData.gap?{gap:`${this.adapter.templateData.gap}px`}:{})}
|
|
1378
1378
|
>
|
|
1379
1379
|
${T.repeat(this.adapter.templateData.children||[],t=>t?.uid,t=>l.html`<gui-widget .widget=${t}></gui-widget>`)}
|
|
1380
1380
|
</div>
|
|
1381
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}at([p.consume({context:n.formContext}),u.property({attribute:!1})],ge.prototype,"formContext"),at([p.provide({context:n.layoutContext})],ge.prototype,"adapter"),o.safeDefine("gui-flex-layout",ge);const Ia=Object.freeze(Object.defineProperty({__proto__:null,FlexElement:ge},Symbol.toStringTag,{value:"Module"}));var Aa=Object.defineProperty,it=(s,e,t,d)=>{for(var a=void 0,i=s.length-1,r;i>=0;i--)(r=s[i])&&(a=r(e,t,a)||a);return a&&Aa(e,t,a),a};class be extends l.LitElement{constructor(){super(...arguments),this.adapter=new n.LayoutWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}updated(e){super.updated(e);const t=this.adapter.templateData.size;t?this.style.flex=String(t):this.style.removeProperty("flex")}connectedCallback(){super.connectedCallback(),this.classList.add("gui-grid","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){const e=this.adapter.templateData.direction==="column",t=!e,d=this.adapter.templateData.autoFit??!0,a={"gui-grid__widget":!0,"gui-grid__widget--row":t,"gui-grid__widget--row--auto-fit":t&&d,"gui-grid__widget--column":e,"gui-grid__widget--align-center":this.adapter.templateData.align==="center","gui-grid__widget--align-start":this.adapter.templateData.align==="start","gui-grid__widget--align-end":this.adapter.templateData.align==="end","gui-grid__widget--align-space-between":this.adapter.templateData.align==="space-between","gui-grid__widget--align-space-around":this.adapter.templateData.align==="space-around","gui-grid__widget--align-space-evenly":this.adapter.templateData.align==="space-evenly","gui-grid__widget--align-stretch":!this.adapter.templateData.align||this.adapter.templateData.align==="stretch","gui-grid__widget--justify-center":this.adapter.templateData.justify==="center","gui-grid__widget--justify-start":this.adapter.templateData.justify==="start","gui-grid__widget--justify-end":this.adapter.templateData.justify==="end","gui-grid__widget--justify-stretch":this.adapter.templateData.justify==="stretch"},i=
|
|
1382
|
-
<div class=${_.classMap(a)} id=${this.widget?.uid} style=${
|
|
1383
|
-
${T.repeat(this.adapter.templateData.children||[],r=>r?.uid,r=>l.html`<div
|
|
1381
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}at([p.consume({context:n.formContext}),u.property({attribute:!1})],ge.prototype,"formContext"),at([p.provide({context:n.layoutContext})],ge.prototype,"adapter"),o.safeDefine("gui-flex-layout",ge);const Ia=Object.freeze(Object.defineProperty({__proto__:null,FlexElement:ge},Symbol.toStringTag,{value:"Module"}));var Aa=Object.defineProperty,it=(s,e,t,d)=>{for(var a=void 0,i=s.length-1,r;i>=0;i--)(r=s[i])&&(a=r(e,t,a)||a);return a&&Aa(e,t,a),a};class be extends l.LitElement{constructor(){super(...arguments),this.adapter=new n.LayoutWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}updated(e){super.updated(e);const t=this.adapter.templateData.size;t?this.style.flex=String(t):this.style.removeProperty("flex")}connectedCallback(){super.connectedCallback(),this.classList.add("gui-grid","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){const e=this.adapter.templateData.direction==="column",t=!e,d=this.adapter.templateData.autoFit??!0,a={"gui-grid__widget":!0,"gui-grid__widget--row":t,"gui-grid__widget--row--auto-fit":t&&d,"gui-grid__widget--column":e,"gui-grid__widget--align-center":this.adapter.templateData.align==="center","gui-grid__widget--align-start":this.adapter.templateData.align==="start","gui-grid__widget--align-end":this.adapter.templateData.align==="end","gui-grid__widget--align-space-between":this.adapter.templateData.align==="space-between","gui-grid__widget--align-space-around":this.adapter.templateData.align==="space-around","gui-grid__widget--align-space-evenly":this.adapter.templateData.align==="space-evenly","gui-grid__widget--align-stretch":!this.adapter.templateData.align||this.adapter.templateData.align==="stretch","gui-grid__widget--justify-center":this.adapter.templateData.justify==="center","gui-grid__widget--justify-start":this.adapter.templateData.justify==="start","gui-grid__widget--justify-end":this.adapter.templateData.justify==="end","gui-grid__widget--justify-stretch":this.adapter.templateData.justify==="stretch"},i={};return this.adapter.templateData.columnGap!==void 0&&(i["column-gap"]=`${this.adapter.templateData.columnGap}px`),this.adapter.templateData.rowGap!==void 0&&(i["row-gap"]=`${this.adapter.templateData.rowGap}px`),l.html`
|
|
1382
|
+
<div class=${_.classMap(a)} id=${this.widget?.uid} style=${o.cspStyleMap(i)}>
|
|
1383
|
+
${T.repeat(this.adapter.templateData.children||[],r=>r?.uid,r=>l.html`<div
|
|
1384
|
+
class="gui-grid__cell"
|
|
1385
|
+
style=${o.cspStyleMap({"grid-column":`span ${r.size||1}`})}
|
|
1386
|
+
>
|
|
1384
1387
|
<gui-widget .widget=${r}></gui-widget>
|
|
1385
1388
|
</div>`)}
|
|
1386
1389
|
</div>
|
|
@@ -1454,7 +1457,7 @@
|
|
|
1454
1457
|
${d}
|
|
1455
1458
|
</div>`}):l.nothing}
|
|
1456
1459
|
</div>
|
|
1457
|
-
`:l.html``}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}st([p.consume({context:n.formContext}),u.property({attribute:!1})],fe.prototype,"formContext"),st([p.provide({context:n.layoutContext})],fe.prototype,"adapter"),o.safeDefine("gui-accordion-layout",fe);const Ea=Object.freeze(Object.defineProperty({__proto__:null,AccordionElement:fe},Symbol.toStringTag,{value:"Module"}));var
|
|
1460
|
+
`:l.html``}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}st([p.consume({context:n.formContext}),u.property({attribute:!1})],fe.prototype,"formContext"),st([p.provide({context:n.layoutContext})],fe.prototype,"adapter"),o.safeDefine("gui-accordion-layout",fe);const Ea=Object.freeze(Object.defineProperty({__proto__:null,AccordionElement:fe},Symbol.toStringTag,{value:"Module"}));var Sa=Object.defineProperty,rt=(s,e,t,d)=>{for(var a=void 0,i=s.length-1,r;i>=0;i--)(r=s[i])&&(a=r(e,t,a)||a);return a&&Sa(e,t,a),a};class $e extends l.LitElement{constructor(){super(...arguments),this.adapter=new n.DisplayWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}updated(e){super.updated(e);const t=this.adapter.templateData.size;t?this.style.flex=String(t):this.style.removeProperty("flex")}connectedCallback(){super.connectedCallback(),this.classList.add("gui-alert","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return l.html`
|
|
1458
1461
|
<div class="gui-widget" id=${this.widget.uid}>
|
|
1459
1462
|
<div
|
|
1460
1463
|
role="alert"
|
|
@@ -1463,7 +1466,7 @@
|
|
|
1463
1466
|
${this.adapter.templateData.text}
|
|
1464
1467
|
</div>
|
|
1465
1468
|
</div>
|
|
1466
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}rt([p.consume({context:n.formContext}),u.property({attribute:!1})],$e.prototype,"formContext"),rt([p.provide({context:n.displayWidgetContext})],$e.prototype,"adapter"),o.safeDefine("gui-alert-display",$e);const
|
|
1469
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}rt([p.consume({context:n.formContext}),u.property({attribute:!1})],$e.prototype,"formContext"),rt([p.provide({context:n.displayWidgetContext})],$e.prototype,"adapter"),o.safeDefine("gui-alert-display",$e);const Ra=Object.freeze(Object.defineProperty({__proto__:null,AlertElement:$e},Symbol.toStringTag,{value:"Module"}));var Fa=Object.defineProperty,lt=(s,e,t,d)=>{for(var a=void 0,i=s.length-1,r;i>=0;i--)(r=s[i])&&(a=r(e,t,a)||a);return a&&Fa(e,t,a),a};class ve extends l.LitElement{constructor(){super(...arguments),this.adapter=new n.DisplayWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}updated(e){super.updated(e);const t=this.adapter.templateData.size;t?this.style.flex=String(t):this.style.removeProperty("flex")}connectedCallback(){super.connectedCallback(),this.classList.add("gui-markdown-text","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return l.html`
|
|
1467
1470
|
<div class="gui-widget" id=${this.widget.uid}>
|
|
1468
1471
|
<gui-markdown-text
|
|
1469
1472
|
.md=${this.adapter.templateData.md}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { InputWidgetAdapter as
|
|
1
|
+
import { InputWidgetAdapter as $, formContext as _, inputContext as v } from "@golemui/lit";
|
|
2
2
|
import { consume as I, provide as x } from "@lit/context";
|
|
3
3
|
import { LitElement as y, nothing as o, html as u } from "lit";
|
|
4
4
|
import { property as C, state as h, query as R } from "lit/decorators.js";
|
|
5
|
-
import { unsubscribeAll as w,
|
|
5
|
+
import { unsubscribeAll as w, cspStyleMap as D, safeDefine as L } from "@golemui/lit/internals";
|
|
6
6
|
import "rxjs";
|
|
7
|
-
import { d as
|
|
7
|
+
import { d as k } from "./default-list-item-renderer-CuPJ9jUD.js";
|
|
8
8
|
import "@golemui/gui-components/label";
|
|
9
9
|
import "@golemui/gui-components/list";
|
|
10
10
|
import "@golemui/gui-components/errors";
|
|
11
|
-
var
|
|
11
|
+
var F = Object.defineProperty, r = (n, e, i, p) => {
|
|
12
12
|
for (var s = void 0, t = n.length - 1, d; t >= 0; t--)
|
|
13
13
|
(d = n[t]) && (s = d(e, i, s) || s);
|
|
14
|
-
return s &&
|
|
14
|
+
return s && F(e, i, s), s;
|
|
15
15
|
};
|
|
16
16
|
class a extends y {
|
|
17
17
|
constructor() {
|
|
18
|
-
super(...arguments), this.adapter = new
|
|
18
|
+
super(...arguments), this.adapter = new $(), this.subscriptions = [], this._range = { start: 0, end: 10 }, this._listItems = [], this._focusedIndex = -1;
|
|
19
19
|
}
|
|
20
20
|
createRenderRoot() {
|
|
21
21
|
return this;
|
|
@@ -39,7 +39,7 @@ class a extends y {
|
|
|
39
39
|
render() {
|
|
40
40
|
const e = this.adapter.templateData, i = e.touched && e.errors && e.errors.length > 0, p = this._listItems.slice(this._range.start, this._range.end), s = this.adapter.getItemRenderer(
|
|
41
41
|
e.itemRenderer,
|
|
42
|
-
|
|
42
|
+
k
|
|
43
43
|
);
|
|
44
44
|
return u`
|
|
45
45
|
<gui-label
|
|
@@ -81,7 +81,7 @@ class a extends y {
|
|
|
81
81
|
tabindex="-1"
|
|
82
82
|
class="gui-list__item-wrapper"
|
|
83
83
|
id="${this.widget.uid}-item-${l}"
|
|
84
|
-
style
|
|
84
|
+
style=${D({ height: `${e.itemHeight || 40}px` })}
|
|
85
85
|
aria-selected=${c ? "true" : "false"}
|
|
86
86
|
aria-disabled=${g ? "true" : "false"}
|
|
87
87
|
@click=${() => this._onClickItem(t, l)}
|
|
@@ -124,7 +124,7 @@ class a extends y {
|
|
|
124
124
|
}
|
|
125
125
|
}
|
|
126
126
|
r([
|
|
127
|
-
I({ context:
|
|
127
|
+
I({ context: _ }),
|
|
128
128
|
C({ attribute: !1 })
|
|
129
129
|
], a.prototype, "formContext");
|
|
130
130
|
r([
|
|
@@ -142,7 +142,7 @@ r([
|
|
|
142
142
|
r([
|
|
143
143
|
R("gui-list")
|
|
144
144
|
], a.prototype, "_guiListRef");
|
|
145
|
-
|
|
145
|
+
L("gui-list-input", a);
|
|
146
146
|
export {
|
|
147
147
|
a as ListElement
|
|
148
148
|
};
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { InputWidgetAdapter as
|
|
1
|
+
import { InputWidgetAdapter as I, formContext as v, inputContext as D } from "@golemui/lit";
|
|
2
2
|
import { updateListItems as F } from "@golemui/gui-components/internals";
|
|
3
3
|
import { consume as x, provide as L } from "@lit/context";
|
|
4
4
|
import { LitElement as R, nothing as w, html as m } from "lit";
|
|
5
5
|
import { property as C, state as h, query as b } from "lit/decorators.js";
|
|
6
|
-
import { unsubscribeAll as k,
|
|
7
|
-
import { Subject as
|
|
8
|
-
import { d as
|
|
6
|
+
import { unsubscribeAll as k, cspStyleMap as V, safeDefine as P } from "@golemui/lit/internals";
|
|
7
|
+
import { Subject as S, debounceTime as T } from "rxjs";
|
|
8
|
+
import { d as A } from "./default-multi-list-item-renderer-Cv-guvEX.js";
|
|
9
9
|
import "@golemui/gui-components/label";
|
|
10
10
|
import "@golemui/gui-components/multi-list";
|
|
11
11
|
import "@golemui/gui-components/multi-select-trigger";
|
|
12
12
|
import "@golemui/gui-components/errors";
|
|
13
|
-
var
|
|
13
|
+
var j = Object.defineProperty, n = (f, e, t, r) => {
|
|
14
14
|
for (var i = void 0, l = f.length - 1, a; l >= 0; l--)
|
|
15
15
|
(a = f[l]) && (i = a(e, t, i) || i);
|
|
16
|
-
return i &&
|
|
16
|
+
return i && j(e, t, i), i;
|
|
17
17
|
};
|
|
18
18
|
class o extends R {
|
|
19
19
|
constructor() {
|
|
20
|
-
super(...arguments), this.adapter = new
|
|
20
|
+
super(...arguments), this.adapter = new I(), this.debouncer = new S(), this.subscriptions = [], this._range = { start: 0, end: 10 }, this._filteredItems = [], this._listItems = [], this._focusedIndex = -1, this._isFiltering = !1, this._isListVisible = !1, this._ignoreNextFocus = !1, this.onDocumentClick = (e) => {
|
|
21
21
|
if (!this._isListVisible) return;
|
|
22
22
|
const t = e.composedPath(), r = this._triggerRef && t.includes(this._triggerRef), i = this._panelRef && t.includes(this._panelRef);
|
|
23
23
|
!r && !i && (this._isListVisible = !1);
|
|
@@ -144,7 +144,7 @@ class o extends R {
|
|
|
144
144
|
render() {
|
|
145
145
|
const e = this.adapter.templateData, t = e.touched && e.errors && e.errors.length > 0, r = this._listItems.slice(this._range.start, this._range.end), i = this._currentValues(), l = this._pillItems(i), a = this.adapter.getItemRenderer(
|
|
146
146
|
e.itemRenderer,
|
|
147
|
-
|
|
147
|
+
A
|
|
148
148
|
), c = !!this.widget.on?.filter;
|
|
149
149
|
return m`
|
|
150
150
|
<gui-label
|
|
@@ -231,20 +231,20 @@ class o extends R {
|
|
|
231
231
|
@change=${this._onValueChange}
|
|
232
232
|
>
|
|
233
233
|
${r.map((s, u) => {
|
|
234
|
-
const d = this._range.start + u, p = i.includes(s.value), g = this._focusedIndex === d, _ = !!e.disabled || !!s.disabled, $ = e.labelField ?? "label",
|
|
234
|
+
const d = this._range.start + u, p = i.includes(s.value), g = this._focusedIndex === d, _ = !!e.disabled || !!s.disabled, $ = e.labelField ?? "label", y = s.template !== null && typeof s.template == "object" && $ && !e.itemRenderer ? s.template[$] : s.template;
|
|
235
235
|
return m`
|
|
236
236
|
<div
|
|
237
237
|
role="option"
|
|
238
238
|
tabindex="-1"
|
|
239
239
|
class="gui-list__item-wrapper"
|
|
240
240
|
id="${this.widget.uid}-item-${d}"
|
|
241
|
-
style
|
|
241
|
+
style=${V({ height: `${e.itemHeight || 40}px` })}
|
|
242
242
|
aria-selected=${p ? "true" : "false"}
|
|
243
243
|
aria-disabled=${_ ? "true" : "false"}
|
|
244
244
|
@click=${() => this._onClickItem(s, d)}
|
|
245
245
|
>
|
|
246
246
|
${a({
|
|
247
|
-
template:
|
|
247
|
+
template: y,
|
|
248
248
|
value: s.value,
|
|
249
249
|
index: d,
|
|
250
250
|
selected: p,
|
|
@@ -306,7 +306,7 @@ n([
|
|
|
306
306
|
n([
|
|
307
307
|
b(".gui-picker__panel")
|
|
308
308
|
], o.prototype, "_panelRef");
|
|
309
|
-
|
|
309
|
+
P("gui-multi-dropdown-input", o);
|
|
310
310
|
export {
|
|
311
311
|
o as MultiDropdownElement
|
|
312
312
|
};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { InputWidgetAdapter as $, formContext as v, inputContext as I } from "@golemui/lit";
|
|
2
2
|
import { consume as x, provide as y } from "@lit/context";
|
|
3
3
|
import { LitElement as C, nothing as u, html as h } from "lit";
|
|
4
|
-
import { property as R, state as
|
|
5
|
-
import { unsubscribeAll as D,
|
|
4
|
+
import { property as R, state as p, query as w } from "lit/decorators.js";
|
|
5
|
+
import { unsubscribeAll as D, cspStyleMap as L, safeDefine as k } from "@golemui/lit/internals";
|
|
6
6
|
import "rxjs";
|
|
7
|
-
import { d as
|
|
7
|
+
import { d as F } from "./default-multi-list-item-renderer-Cv-guvEX.js";
|
|
8
8
|
import "@golemui/gui-components/label";
|
|
9
9
|
import "@golemui/gui-components/multi-list";
|
|
10
10
|
import "@golemui/gui-components/errors";
|
|
11
|
-
var
|
|
11
|
+
var q = Object.defineProperty, d = (o, e, t, r) => {
|
|
12
12
|
for (var i = void 0, l = o.length - 1, s; l >= 0; l--)
|
|
13
13
|
(s = o[l]) && (i = s(e, t, i) || i);
|
|
14
|
-
return i &&
|
|
14
|
+
return i && q(e, t, i), i;
|
|
15
15
|
};
|
|
16
16
|
class a extends C {
|
|
17
17
|
constructor() {
|
|
@@ -39,7 +39,7 @@ class a extends C {
|
|
|
39
39
|
render() {
|
|
40
40
|
const e = this.adapter.templateData, t = e.touched && e.errors && e.errors.length > 0, r = this._listItems.slice(this._range.start, this._range.end), i = this._currentValues(), l = this.adapter.getItemRenderer(
|
|
41
41
|
e.itemRenderer,
|
|
42
|
-
|
|
42
|
+
F
|
|
43
43
|
);
|
|
44
44
|
return h`
|
|
45
45
|
<gui-label
|
|
@@ -74,15 +74,15 @@ class a extends C {
|
|
|
74
74
|
@change=${this._valueChanged}
|
|
75
75
|
>
|
|
76
76
|
${r.map((s, f) => {
|
|
77
|
-
const n = this._range.start + f,
|
|
77
|
+
const n = this._range.start + f, c = i.includes(s.value), _ = this._focusedIndex === n, g = !!e.disabled || !!s.disabled, m = e.labelField ?? "label", b = s.template !== null && typeof s.template == "object" && m && !e.itemRenderer ? s.template[m] : s.template;
|
|
78
78
|
return h`
|
|
79
79
|
<div
|
|
80
80
|
role="option"
|
|
81
81
|
tabindex="-1"
|
|
82
82
|
class="gui-list__item-wrapper"
|
|
83
83
|
id="${this.widget.uid}-item-${n}"
|
|
84
|
-
style
|
|
85
|
-
aria-selected=${
|
|
84
|
+
style=${L({ height: `${e.itemHeight || 40}px` })}
|
|
85
|
+
aria-selected=${c ? "true" : "false"}
|
|
86
86
|
aria-disabled=${g ? "true" : "false"}
|
|
87
87
|
@click=${() => this._onClickItem(s, n)}
|
|
88
88
|
>
|
|
@@ -90,7 +90,7 @@ class a extends C {
|
|
|
90
90
|
template: b,
|
|
91
91
|
value: s.value,
|
|
92
92
|
index: n,
|
|
93
|
-
selected:
|
|
93
|
+
selected: c,
|
|
94
94
|
disabled: g,
|
|
95
95
|
focused: _
|
|
96
96
|
})}
|
|
@@ -145,18 +145,18 @@ d([
|
|
|
145
145
|
y({ context: I })
|
|
146
146
|
], a.prototype, "adapter");
|
|
147
147
|
d([
|
|
148
|
-
|
|
148
|
+
p()
|
|
149
149
|
], a.prototype, "_range");
|
|
150
150
|
d([
|
|
151
|
-
|
|
151
|
+
p()
|
|
152
152
|
], a.prototype, "_listItems");
|
|
153
153
|
d([
|
|
154
|
-
|
|
154
|
+
p()
|
|
155
155
|
], a.prototype, "_focusedIndex");
|
|
156
156
|
d([
|
|
157
157
|
w("gui-multi-list")
|
|
158
158
|
], a.prototype, "_guiListRef");
|
|
159
|
-
|
|
159
|
+
k("gui-multi-list-input", a);
|
|
160
160
|
export {
|
|
161
161
|
a as MultiListElement
|
|
162
162
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@golemui/gui-lit",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -25,11 +25,11 @@
|
|
|
25
25
|
"*.md"
|
|
26
26
|
],
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@golemui/lit": "1.5.
|
|
29
|
-
"@golemui/core": "1.5.
|
|
30
|
-
"@golemui/gui-components": "1.5.
|
|
31
|
-
"@golemui/gui-shared": "1.5.
|
|
32
|
-
"@golemui/gui-validators": "1.5.
|
|
28
|
+
"@golemui/lit": "1.5.1",
|
|
29
|
+
"@golemui/core": "1.5.1",
|
|
30
|
+
"@golemui/gui-components": "1.5.1",
|
|
31
|
+
"@golemui/gui-shared": "1.5.1",
|
|
32
|
+
"@golemui/gui-validators": "1.5.1",
|
|
33
33
|
"@lit/context": "^1.1.6",
|
|
34
34
|
"lit-html": "^3.3.1",
|
|
35
35
|
"lit": "^3.3.1",
|