@golemui/gui-lit 1.6.0 → 2.0.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +76 -0
- package/accordion.element-CE1gDRCy.js +84 -0
- package/alert.element-Bqcad7bR.js +43 -0
- package/{button.element-CKYv0Glr.js → button.element-CjeUWaly.js} +23 -24
- package/{calendar.element-DkHZFBNr.js → calendar.element-DXI9bfFN.js} +17 -22
- package/{checkbox.element-MukoziRw.js → checkbox.element-D8hXKLjW.js} +18 -22
- package/{currency.element-DNumeSKA.js → currency.element-D8t_MtIs.js} +22 -26
- package/{date-picker.element-DpQmremq.js → date-picker.element-X__hfSnj.js} +16 -21
- package/{date-time-calendar.element-GAr8VMGa.js → date-time-calendar.element-Dmyd7LQ0.js} +17 -21
- package/{date-time-picker.element-Bt0GYSpS.js → date-time-picker.element-QGn5dEbf.js} +23 -27
- package/{date-time.element-WfLnY_Cb.js → date-time.element-B0OuRjlf.js} +20 -25
- package/{date.element-ChpTi2AQ.js → date.element-Ba8wmaNU.js} +13 -18
- package/{dropdown.element-Ckh9JvEK.js → dropdown.element-Djee1u1L.js} +15 -29
- package/{file-upload.element-l_l_ubxJ.js → file-upload.element-B3oBEQ_s.js} +18 -23
- package/grid.element-CwDdlQ4b.js +54 -0
- package/index.js +42 -42
- package/index.umd.cjs +289 -352
- package/lib/components/accordion.element.d.ts +2 -2
- package/lib/components/alert.element.d.ts +0 -1
- package/lib/components/calendar.element.d.ts +0 -1
- package/lib/components/checkbox.element.d.ts +0 -1
- package/lib/components/currency.element.d.ts +0 -1
- package/lib/components/date-picker.element.d.ts +0 -1
- package/lib/components/date-time-calendar.element.d.ts +0 -1
- package/lib/components/date-time-picker.element.d.ts +0 -1
- package/lib/components/date-time.element.d.ts +0 -1
- package/lib/components/date.element.d.ts +0 -1
- package/lib/components/dropdown.element.d.ts +0 -1
- package/lib/components/file-upload.element.d.ts +0 -1
- package/lib/components/grid.element.d.ts +3 -3
- package/lib/components/list.element.d.ts +0 -1
- package/lib/components/markdown-text.element.d.ts +0 -1
- package/lib/components/markdown.element.d.ts +0 -1
- package/lib/components/multi-dropdown.element.d.ts +0 -1
- package/lib/components/multi-file-upload.element.d.ts +0 -1
- package/lib/components/multi-list.element.d.ts +0 -1
- package/lib/components/number.element.d.ts +0 -1
- package/lib/components/password.element.d.ts +0 -1
- package/lib/components/radiogroup.element.d.ts +0 -1
- package/lib/components/range-calendar.element.d.ts +0 -1
- package/lib/components/range-date-input.element.d.ts +0 -1
- package/lib/components/range-date-picker.element.d.ts +0 -1
- package/lib/components/range-date-time-calendar.element.d.ts +0 -1
- package/lib/components/range-date-time-input.element.d.ts +0 -1
- package/lib/components/range-date-time-picker.element.d.ts +0 -1
- package/lib/components/range-time-input.element.d.ts +0 -1
- package/lib/components/range-time-picker.element.d.ts +0 -1
- package/lib/components/renderer.element.d.ts +0 -1
- package/lib/components/repeater.element.d.ts +0 -1
- package/lib/components/select.element.d.ts +0 -1
- package/lib/components/tabs.element.d.ts +4 -15
- package/lib/components/tags.element.d.ts +0 -1
- package/lib/components/textarea.element.d.ts +0 -1
- package/lib/components/textinput.element.d.ts +0 -1
- package/lib/components/time-picker.element.d.ts +0 -1
- package/lib/components/time.element.d.ts +0 -1
- package/lib/components/toggle.element.d.ts +0 -1
- package/{list.element-UIKmXzeH.js → list.element-DfLD2X8s.js} +37 -38
- package/{markdown-text.element-DflCQwAo.js → markdown-text.element-Jos6zKYy.js} +17 -22
- package/{markdown.element-DUHHoi2Y.js → markdown.element-7tvZ028P.js} +11 -15
- package/{multi-dropdown.element-mX06nBBb.js → multi-dropdown.element-B1vV4rF-.js} +51 -65
- package/{multi-file-upload.element-DzAZAfc1.js → multi-file-upload.element-4h6JQgRF.js} +16 -21
- package/{multi-list.element-Bs-UN2Cy.js → multi-list.element-CNVHVkj0.js} +44 -45
- package/{number.element-mQSFQsYC.js → number.element-WRHwQGZz.js} +19 -23
- package/package.json +6 -6
- package/{password.element-xw5gugEg.js → password.element-DnV_PqKI.js} +17 -21
- package/{radiogroup.element-TqfrxVyI.js → radiogroup.element-Cqn_48Ao.js} +20 -24
- package/{range-calendar.element-BJr97SVA.js → range-calendar.element-V_56ZeT9.js} +13 -18
- package/{range-date-input.element-DDRYvP9h.js → range-date-input.element-D3ZG8OW-.js} +15 -20
- package/{range-date-picker.element-rdEr0_wu.js → range-date-picker.element-CaNHjueS.js} +21 -26
- package/{range-date-time-calendar.element-UlL1BBRJ.js → range-date-time-calendar.element-DyiiUB5Q.js} +19 -24
- package/{range-date-time-input.element-Cq4IdW7N.js → range-date-time-input.element-CVCPS7FC.js} +20 -25
- package/{range-date-time-picker.element-CnJcIN9C.js → range-date-time-picker.element-6nBQ_NZs.js} +16 -21
- package/{range-time-input.element-Cq0TrGe9.js → range-time-input.element-GXw45kMr.js} +12 -17
- package/{range-time-picker.element-BzlIuZ6m.js → range-time-picker.element-CG4PJg3u.js} +24 -29
- package/{renderer.element-BVwerbtL.js → renderer.element-FWOUTePl.js} +16 -21
- package/{repeater.element-DQNI4b7I.js → repeater.element-V508AKTJ.js} +8 -13
- package/{select.element-RBtbAvLx.js → select.element-BPrqKmDM.js} +17 -20
- package/tabs.element-CeZOk5Bj.js +88 -0
- package/{tags.element-CGvxhMmX.js → tags.element-CVCUsKZ0.js} +12 -17
- package/{textarea.element-E2ntRBtE.js → textarea.element-DrWG3xvs.js} +23 -27
- package/{textinput.element-0q5F5ol3.js → textinput.element-CCgsbYTB.js} +25 -29
- package/{time-picker.element-BiLaLr_c.js → time-picker.element-Q_OWcBVy.js} +21 -26
- package/{time.element-92goKRwJ.js → time.element-B0L2sriD.js} +20 -25
- package/{toggle.element-zDUc9Vja.js → toggle.element-BTjo7IVK.js} +18 -22
- package/accordion.element-BEenQrCh.js +0 -102
- package/alert.element-Dzv49O-1.js +0 -55
- package/flex.element-BW0_kx8z.js +0 -79
- package/grid.element-C019lV76.js +0 -78
- package/lib/components/flex.element.d.ts +0 -16
- package/tabs.element-BiVaQlvt.js +0 -171
package/index.umd.cjs
CHANGED
|
@@ -1,22 +1,21 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(m,E){typeof exports=="object"&&typeof module<"u"?E(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("lit/directives/live.js"),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("lit/directives/repeat.js"),require("@golemui/gui-components/tabs"),require("@golemui/gui-components/accordion"),require("@golemui/gui-components/alert"),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","lit/directives/live.js","@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","lit/directives/repeat.js","@golemui/gui-components/tabs","@golemui/gui-components/accordion","@golemui/gui-components/alert","@golemui/gui-components/markdown-text"],E):(m=typeof globalThis<"u"?globalThis:m||self,E(m["gui-lit"]={},null,m.internals$1,m.internals,m.guiValidators,m.lit,m.context,m.lit$1,m.decorators_js,m.rxjs,null,null,null,null,null,null,null,null,null,null,null,null,m.live_js,m.internals$2,null,m.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,m.repeat_js,m.repeat_js$1))})(this,(function(m,E,o,_,ut,l,u,n,p,F,ja,Va,Ua,za,Ba,Wa,Ga,Ha,Na,Ya,Ka,Ja,v,q,Za,A,Qa,Xa,ei,ti,ai,ii,ri,si,ni,li,di,oi,ui,pi,hi,ci,mi,gi,bi,$i,fi,vi,Di,Ce,ve){"use strict";const ye={button:async()=>(await Promise.resolve().then(()=>ht)).ButtonElement,calendar:async()=>(await Promise.resolve().then(()=>mt)).CalendarElement,dateTimeCalendar:async()=>(await Promise.resolve().then(()=>bt)).DateTimeCalendarElement,rangeCalendar:async()=>(await Promise.resolve().then(()=>ft)).RangeCalendarElement,rangeDateInput:async()=>(await Promise.resolve().then(()=>Dt)).RangeDateInputElement,rangeTimeInput:async()=>(await Promise.resolve().then(()=>Ct)).RangeTimeInputElement,rangeDateTimeInput:async()=>(await Promise.resolve().then(()=>xt)).RangeDateTimeInputElement,rangeDateTimeCalendar:async()=>(await Promise.resolve().then(()=>wt)).RangeDateTimeCalendarElement,rangeDateTimePicker:async()=>(await Promise.resolve().then(()=>At)).RangeDateTimePickerElement,rangeDatePicker:async()=>(await Promise.resolve().then(()=>kt)).RangeDatePickerElement,rangeTimePicker:async()=>(await Promise.resolve().then(()=>Pt)).RangeTimePickerElement,currency:async()=>(await Promise.resolve().then(()=>Et)).CurrencyElement,dateInput:async()=>(await Promise.resolve().then(()=>qt)).DateElement,datePicker:async()=>(await Promise.resolve().then(()=>Ot)).DatePickerElement,dateTimePicker:async()=>(await Promise.resolve().then(()=>Vt)).DateTimePickerElement,dropdown:async()=>(await Promise.resolve().then(()=>zt)).DropdownElement,fileUpload:async()=>(await Promise.resolve().then(()=>Wt)).FileUploadElement,list:async()=>(await Promise.resolve().then(()=>Ht)).ListElement,markdown:async()=>(await Promise.resolve().then(()=>Yt)).MarkdownElement,multiDropdown:async()=>(await Promise.resolve().then(()=>Jt)).MultiDropdownElement,multiFileUpload:async()=>(await Promise.resolve().then(()=>Qt)).MultiFileUploadElement,multiList:async()=>(await Promise.resolve().then(()=>ea)).MultiListElement,password:async()=>(await Promise.resolve().then(()=>aa)).PasswordElement,textinput:async()=>(await Promise.resolve().then(()=>ra)).TextinputElement,timeInput:async()=>(await Promise.resolve().then(()=>na)).TimeElement,timePicker:async()=>(await Promise.resolve().then(()=>da)).TimePickerElement,dateTimeInput:async()=>(await Promise.resolve().then(()=>ua)).DateTimeElement,textarea:async()=>(await Promise.resolve().then(()=>ha)).TextareaElement,toggle:async()=>(await Promise.resolve().then(()=>ma)).ToggleElement,checkbox:async()=>(await Promise.resolve().then(()=>ba)).CheckboxElement,number:async()=>(await Promise.resolve().then(()=>fa)).NumberElement,radiogroup:async()=>(await Promise.resolve().then(()=>Da)).RadiogroupElement,select:async()=>(await Promise.resolve().then(()=>Ca)).SelectElement,tags:async()=>(await Promise.resolve().then(()=>xa)).TagsElement,repeater:async()=>(await Promise.resolve().then(()=>wa)).RepeaterElement,flex:async()=>(await Promise.resolve().then(()=>rt)).GridElement,grid:async()=>(await Promise.resolve().then(()=>rt)).GridElement,tabs:async()=>(await Promise.resolve().then(()=>Ma)).TabsElement,accordion:async()=>(await Promise.resolve().then(()=>Ta)).AccordionElement,alert:async()=>(await Promise.resolve().then(()=>Ra)).AlertElement,markdownText:async()=>(await Promise.resolve().then(()=>Fa)).MarkdownTextElement,renderer:async()=>(await Promise.resolve().then(()=>Sa)).RendererElement};class xe extends l.createFormComponent({widgetLoaders:ye,validators:ut.initValidators,resolveFormInput:_.resolveFormInput}){}o.safeDefine("gui-form",xe);var pt=Object.defineProperty,Le=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&pt(e,a,t),t};class S extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.ActionWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}updated(e){super.updated(e);const{invalid:a,actionType:d}=this.adapter.templateData;this.classList.toggle("gui-button--invalid",a===!0&&d==="submit")}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 n.html`
|
|
2
2
|
<gui-button
|
|
3
3
|
.uid=${this.widget.uid}
|
|
4
|
-
.
|
|
4
|
+
.type=${this.adapter.templateData.actionType??"button"}
|
|
5
5
|
.label=${this.adapter.templateData.label}
|
|
6
6
|
?disabled=${this.adapter.templateData.disabled===!0}
|
|
7
|
-
?invalid=${this.adapter.templateData.invalid===!0}
|
|
8
7
|
.variant=${this.adapter.templateData.variant}
|
|
9
8
|
.icon=${this.adapter.templateData.icon}
|
|
10
9
|
.iconPosition=${this.adapter.templateData.iconPosition}
|
|
11
10
|
@click=${()=>this.adapter.click()}
|
|
12
11
|
></gui-button>
|
|
13
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}
|
|
12
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Le([u.consume({context:l.formContext}),p.property({attribute:!1})],S.prototype,"formContext"),Le([u.provide({context:l.actionContext})],S.prototype,"adapter"),o.safeDefine("gui-button-interactive",S);const ht=Object.freeze(Object.defineProperty({__proto__:null,ButtonElement:S},Symbol.toStringTag,{value:"Module"}));var ct=Object.defineProperty,we=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&ct(e,a,t),t};class O extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-calendar","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(),n.html`
|
|
14
13
|
<gui-calendar
|
|
15
14
|
.uid=${this.widget.uid}
|
|
16
15
|
.label=${this.adapter.templateData.label}
|
|
17
16
|
.hint=${this.adapter.templateData.hint}
|
|
18
17
|
.errors=${this.adapter.templateData.errors}
|
|
19
|
-
|
|
18
|
+
.touched=${this.adapter.templateData.touched}
|
|
20
19
|
?required=${this.adapter.templateData.validator?.required}
|
|
21
20
|
?disabled=${this.adapter.templateData.disabled}
|
|
22
21
|
?readonly=${this.adapter.templateData.readonly}
|
|
@@ -35,16 +34,16 @@
|
|
|
35
34
|
.disabledRanges=${this.adapter.templateData.disabledRanges}
|
|
36
35
|
.numberOfMonths=${this.adapter.templateData.numberOfMonths}
|
|
37
36
|
.localeId=${this.adapter.templateData.lang}
|
|
38
|
-
@
|
|
39
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
37
|
+
@gui-input=${this.valueChanged}
|
|
38
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
40
39
|
></gui-calendar>
|
|
41
|
-
`}valueChanged(e){const
|
|
40
|
+
`}valueChanged(e){const a=e?.target;this.adapter.valueChanged(a.value)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}we([u.consume({context:l.formContext}),p.property({attribute:!1})],O.prototype,"formContext"),we([u.provide({context:l.inputContext})],O.prototype,"adapter"),o.safeDefine("gui-calendar-input",O);const mt=Object.freeze(Object.defineProperty({__proto__:null,CalendarElement:O},Symbol.toStringTag,{value:"Module"}));var gt=Object.defineProperty,Ie=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&>(e,a,t),t};class j extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-date-time-calendar","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 n.html`
|
|
42
41
|
<gui-date-time-calendar
|
|
43
42
|
.uid=${this.widget.uid}
|
|
44
43
|
.label=${e.label}
|
|
45
44
|
.hint=${e.hint}
|
|
46
45
|
.errors=${e.errors}
|
|
47
|
-
|
|
46
|
+
.touched=${e.touched}
|
|
48
47
|
?required=${e.validator?.required}
|
|
49
48
|
?disabled=${e.disabled}
|
|
50
49
|
?readonly=${e.readonly}
|
|
@@ -69,22 +68,23 @@
|
|
|
69
68
|
.maxTime=${e.maxTime}
|
|
70
69
|
.disabledTimeRanges=${e.disabledTimeRanges}
|
|
71
70
|
?allow-custom-time=${e.allowCustomTime}
|
|
71
|
+
.timeLabel=${e.timeLabel}
|
|
72
72
|
.minTimeMessage=${e.minTimeMessage}
|
|
73
73
|
.maxTimeMessage=${e.maxTimeMessage}
|
|
74
74
|
.disabledTimeRangeMessage=${e.disabledTimeRangeMessage}
|
|
75
75
|
.noAvailableTimesMessage=${e.noAvailableTimesMessage}
|
|
76
76
|
.incompleteMessage=${e.incompleteMessage}
|
|
77
|
-
@
|
|
78
|
-
@
|
|
79
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
77
|
+
@gui-input=${this.valueChanged}
|
|
78
|
+
@gui-input-error=${this.onInputError}
|
|
79
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
80
80
|
></gui-date-time-calendar>
|
|
81
|
-
`}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)}}
|
|
81
|
+
`}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)}}Ie([u.consume({context:l.formContext}),p.property({attribute:!1})],j.prototype,"formContext"),Ie([u.provide({context:l.inputContext})],j.prototype,"adapter"),o.safeDefine("gui-date-time-calendar-input",j);const bt=Object.freeze(Object.defineProperty({__proto__:null,DateTimeCalendarElement:j},Symbol.toStringTag,{value:"Module"}));var $t=Object.defineProperty,Ae=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&$t(e,a,t),t};class V extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-calendar","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(),n.html`
|
|
82
82
|
<gui-range-calendar
|
|
83
83
|
.uid=${this.widget.uid}
|
|
84
84
|
.label=${this.adapter.templateData.label}
|
|
85
85
|
.hint=${this.adapter.templateData.hint}
|
|
86
86
|
.errors=${this.adapter.templateData.errors}
|
|
87
|
-
|
|
87
|
+
.touched=${this.adapter.templateData.touched}
|
|
88
88
|
?required=${this.adapter.templateData.validator?.required}
|
|
89
89
|
?disabled=${this.adapter.templateData.disabled}
|
|
90
90
|
?readonly=${this.adapter.templateData.readonly}
|
|
@@ -114,18 +114,18 @@
|
|
|
114
114
|
.editCommittedMessage=${this.adapter.templateData.editCommittedMessage}
|
|
115
115
|
.editCancelledMessage=${this.adapter.templateData.editCancelledMessage}
|
|
116
116
|
.localeId=${this.adapter.templateData.lang}
|
|
117
|
-
@
|
|
118
|
-
@
|
|
119
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
117
|
+
@gui-input=${this.valueChanged}
|
|
118
|
+
@gui-input-error=${this.onInputError}
|
|
119
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
120
120
|
></gui-range-calendar>
|
|
121
|
-
`}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)}}
|
|
121
|
+
`}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)}}Ae([u.consume({context:l.formContext}),p.property({attribute:!1})],V.prototype,"formContext"),Ae([u.provide({context:l.inputContext})],V.prototype,"adapter"),o.safeDefine("gui-range-calendar-input",V);const ft=Object.freeze(Object.defineProperty({__proto__:null,RangeCalendarElement:V},Symbol.toStringTag,{value:"Module"}));var vt=Object.defineProperty,Me=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&vt(e,a,t),t};class U extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-range-date","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(),n.html`
|
|
122
122
|
<gui-range-date
|
|
123
123
|
.uid=${this.widget.uid}
|
|
124
124
|
.label=${this.adapter.templateData.label}
|
|
125
125
|
.hint=${this.adapter.templateData.hint}
|
|
126
126
|
.icon=${this.adapter.templateData.icon}
|
|
127
127
|
.errors=${this.adapter.templateData.errors}
|
|
128
|
-
|
|
128
|
+
.touched=${this.adapter.templateData.touched}
|
|
129
129
|
?required=${this.adapter.templateData.validator?.required}
|
|
130
130
|
?disabled=${this.adapter.templateData.disabled}
|
|
131
131
|
?readonly=${this.adapter.templateData.readonly}
|
|
@@ -148,17 +148,17 @@
|
|
|
148
148
|
.removePillAriaLabel=${this.adapter.templateData.removePillAriaLabel}
|
|
149
149
|
.startDateAriaLabel=${this.adapter.templateData.startDateAriaLabel}
|
|
150
150
|
.endDateAriaLabel=${this.adapter.templateData.endDateAriaLabel}
|
|
151
|
-
@
|
|
152
|
-
@
|
|
151
|
+
@gui-input=${this.valueChanged}
|
|
152
|
+
@gui-input-error=${this.onInputError}
|
|
153
153
|
></gui-range-date>
|
|
154
|
-
`}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)}}
|
|
154
|
+
`}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)}}Me([u.consume({context:l.formContext}),p.property({attribute:!1})],U.prototype,"formContext"),Me([u.provide({context:l.inputContext})],U.prototype,"adapter"),o.safeDefine("gui-range-date-input",U);const Dt=Object.freeze(Object.defineProperty({__proto__:null,RangeDateInputElement:U},Symbol.toStringTag,{value:"Module"}));var _t=Object.defineProperty,ke=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&_t(e,a,t),t};class z extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-range-time","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(),n.html`
|
|
155
155
|
<gui-range-time
|
|
156
156
|
.uid=${this.widget.uid}
|
|
157
157
|
.label=${this.adapter.templateData.label}
|
|
158
158
|
.hint=${this.adapter.templateData.hint}
|
|
159
159
|
.icon=${this.adapter.templateData.icon}
|
|
160
160
|
.errors=${this.adapter.templateData.errors}
|
|
161
|
-
|
|
161
|
+
.touched=${this.adapter.templateData.touched}
|
|
162
162
|
?required=${this.adapter.templateData.validator?.required}
|
|
163
163
|
?disabled=${this.adapter.templateData.disabled}
|
|
164
164
|
?readonly=${this.adapter.templateData.readonly}
|
|
@@ -187,17 +187,17 @@
|
|
|
187
187
|
.editStartedMessage=${this.adapter.templateData.editStartedMessage}
|
|
188
188
|
.editCommittedMessage=${this.adapter.templateData.editCommittedMessage}
|
|
189
189
|
.editCancelledMessage=${this.adapter.templateData.editCancelledMessage}
|
|
190
|
-
@
|
|
191
|
-
@
|
|
190
|
+
@gui-input=${this.valueChanged}
|
|
191
|
+
@gui-input-error=${this.onInputError}
|
|
192
192
|
></gui-range-time>
|
|
193
|
-
`}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)}}
|
|
193
|
+
`}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)}}ke([u.consume({context:l.formContext}),p.property({attribute:!1})],z.prototype,"formContext"),ke([u.provide({context:l.inputContext})],z.prototype,"adapter"),o.safeDefine("gui-range-time-input",z);const Ct=Object.freeze(Object.defineProperty({__proto__:null,RangeTimeInputElement:z},Symbol.toStringTag,{value:"Module"}));var yt=Object.defineProperty,Te=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&yt(e,a,t),t};class B extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-range-date-time","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(),n.html`
|
|
194
194
|
<gui-range-date-time
|
|
195
195
|
.uid=${this.widget.uid}
|
|
196
196
|
.label=${this.adapter.templateData.label}
|
|
197
197
|
.hint=${this.adapter.templateData.hint}
|
|
198
198
|
.icon=${this.adapter.templateData.icon}
|
|
199
199
|
.errors=${this.adapter.templateData.errors}
|
|
200
|
-
|
|
200
|
+
.touched=${this.adapter.templateData.touched}
|
|
201
201
|
?required=${this.adapter.templateData.validator?.required}
|
|
202
202
|
?disabled=${this.adapter.templateData.disabled}
|
|
203
203
|
?readonly=${this.adapter.templateData.readonly}
|
|
@@ -229,16 +229,16 @@
|
|
|
229
229
|
.editStartedMessage=${this.adapter.templateData.editStartedMessage}
|
|
230
230
|
.editCommittedMessage=${this.adapter.templateData.editCommittedMessage}
|
|
231
231
|
.editCancelledMessage=${this.adapter.templateData.editCancelledMessage}
|
|
232
|
-
@
|
|
233
|
-
@
|
|
232
|
+
@gui-input=${this.valueChanged}
|
|
233
|
+
@gui-input-error=${this.onInputError}
|
|
234
234
|
></gui-range-date-time>
|
|
235
|
-
`}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)}}
|
|
235
|
+
`}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)}}Te([u.consume({context:l.formContext}),p.property({attribute:!1})],B.prototype,"formContext"),Te([u.provide({context:l.inputContext})],B.prototype,"adapter"),o.safeDefine("gui-range-date-time-input",B);const xt=Object.freeze(Object.defineProperty({__proto__:null,RangeDateTimeInputElement:B},Symbol.toStringTag,{value:"Module"}));var Lt=Object.defineProperty,Pe=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Lt(e,a,t),t};class W extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-range-date-time-calendar","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 n.html`
|
|
236
236
|
<gui-range-date-time-calendar
|
|
237
237
|
.uid=${this.widget.uid}
|
|
238
238
|
.label=${e.label}
|
|
239
239
|
.hint=${e.hint}
|
|
240
240
|
.errors=${e.errors}
|
|
241
|
-
|
|
241
|
+
.touched=${e.touched}
|
|
242
242
|
?required=${e.validator?.required}
|
|
243
243
|
?disabled=${e.disabled}
|
|
244
244
|
?readonly=${e.readonly}
|
|
@@ -278,18 +278,18 @@
|
|
|
278
278
|
.editStartedMessage=${e.editStartedMessage}
|
|
279
279
|
.editCommittedMessage=${e.editCommittedMessage}
|
|
280
280
|
.editCancelledMessage=${e.editCancelledMessage}
|
|
281
|
-
@
|
|
282
|
-
@
|
|
283
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
281
|
+
@gui-input=${this.valueChanged}
|
|
282
|
+
@gui-input-error=${this.onInputError}
|
|
283
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
284
284
|
></gui-range-date-time-calendar>
|
|
285
|
-
`}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)}}Pe([
|
|
285
|
+
`}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)}}Pe([u.consume({context:l.formContext}),p.property({attribute:!1})],W.prototype,"formContext"),Pe([u.provide({context:l.inputContext})],W.prototype,"adapter"),o.safeDefine("gui-range-date-time-calendar-input",W);const wt=Object.freeze(Object.defineProperty({__proto__:null,RangeDateTimeCalendarElement:W},Symbol.toStringTag,{value:"Module"}));var It=Object.defineProperty,Re=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&It(e,a,t),t};class G extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-range-date-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 n.html`
|
|
286
286
|
<gui-range-date-time-picker
|
|
287
287
|
.uid=${this.widget.uid}
|
|
288
288
|
.label=${e.label}
|
|
289
289
|
.hint=${e.hint}
|
|
290
290
|
.icon=${e.icon}
|
|
291
291
|
.errors=${e.errors}
|
|
292
|
-
|
|
292
|
+
.touched=${e.touched}
|
|
293
293
|
?required=${e.validator?.required}
|
|
294
294
|
?disabled=${e.disabled}
|
|
295
295
|
?readonly=${e.readonly}
|
|
@@ -340,17 +340,17 @@
|
|
|
340
340
|
.editCancelledMessage=${e.editCancelledMessage}
|
|
341
341
|
.dayCountAriaLabel=${e.dayCountAriaLabel}
|
|
342
342
|
.disabledDayCountAriaLabel=${e.disabledDayCountAriaLabel}
|
|
343
|
-
@
|
|
344
|
-
@
|
|
345
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
343
|
+
@gui-input=${this.valueChanged}
|
|
344
|
+
@gui-input-error=${this.onInputError}
|
|
345
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
346
346
|
></gui-range-date-time-picker>
|
|
347
|
-
`}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)}}
|
|
347
|
+
`}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)}}Re([u.consume({context:l.formContext}),p.property({attribute:!1})],G.prototype,"formContext"),Re([u.provide({context:l.inputContext})],G.prototype,"adapter"),o.safeDefine("gui-range-date-time-picker-input",G);const At=Object.freeze(Object.defineProperty({__proto__:null,RangeDateTimePickerElement:G},Symbol.toStringTag,{value:"Module"}));var Mt=Object.defineProperty,Ee=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Mt(e,a,t),t};class H extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-range-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 n.html`
|
|
348
348
|
<gui-range-date-picker
|
|
349
349
|
.uid=${this.widget.uid}
|
|
350
350
|
.label=${e.label}
|
|
351
351
|
.hint=${e.hint}
|
|
352
352
|
.errors=${e.errors}
|
|
353
|
-
|
|
353
|
+
.touched=${e.touched}
|
|
354
354
|
?required=${e.validator?.required}
|
|
355
355
|
?disabled=${e.disabled}
|
|
356
356
|
?readonly=${e.readonly}
|
|
@@ -391,17 +391,17 @@
|
|
|
391
391
|
.editStartedMessage=${e.editStartedMessage}
|
|
392
392
|
.editCommittedMessage=${e.editCommittedMessage}
|
|
393
393
|
.editCancelledMessage=${e.editCancelledMessage}
|
|
394
|
-
@
|
|
395
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
396
|
-
@
|
|
394
|
+
@gui-input-error=${this.onInputError}
|
|
395
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
396
|
+
@gui-input=${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([
|
|
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([u.consume({context:l.formContext}),p.property({attribute:!1})],H.prototype,"formContext"),Ee([u.provide({context:l.inputContext})],H.prototype,"adapter"),o.safeDefine("gui-range-date-picker-input",H);const kt=Object.freeze(Object.defineProperty({__proto__:null,RangeDatePickerElement:H},Symbol.toStringTag,{value:"Module"}));var Tt=Object.defineProperty,Fe=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Tt(e,a,t),t};class N extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}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 n.html`
|
|
399
399
|
<gui-range-time-picker
|
|
400
400
|
.uid=${this.widget.uid}
|
|
401
401
|
.label=${e.label}
|
|
402
402
|
.hint=${e.hint}
|
|
403
403
|
.errors=${e.errors}
|
|
404
|
-
|
|
404
|
+
.touched=${e.touched}
|
|
405
405
|
?required=${e.validator?.required}
|
|
406
406
|
?disabled=${e.disabled}
|
|
407
407
|
?readonly=${e.readonly}
|
|
@@ -440,21 +440,21 @@
|
|
|
440
440
|
.editStartedMessage=${e.editStartedMessage}
|
|
441
441
|
.editCommittedMessage=${e.editCommittedMessage}
|
|
442
442
|
.editCancelledMessage=${e.editCancelledMessage}
|
|
443
|
-
@
|
|
444
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
445
|
-
@
|
|
443
|
+
@gui-input-error=${this.onInputError}
|
|
444
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
445
|
+
@gui-input=${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)}}Fe([u.consume({context:l.formContext}),p.property({attribute:!1})],N.prototype,"formContext"),Fe([u.provide({context:l.inputContext})],N.prototype,"adapter"),o.safeDefine("gui-range-time-picker-input",N);const Pt=Object.freeze(Object.defineProperty({__proto__:null,RangeTimePickerElement:N},Symbol.toStringTag,{value:"Module"}));var Rt=Object.defineProperty,qe=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Rt(e,a,t),t};class Y extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}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(),n.html`
|
|
448
448
|
<gui-currency
|
|
449
449
|
.uid=${this.widget.uid}
|
|
450
450
|
.label=${this.adapter.templateData.label}
|
|
451
451
|
.hint=${this.adapter.templateData.hint}
|
|
452
452
|
.errors=${this.adapter.templateData.errors}
|
|
453
|
-
|
|
453
|
+
.touched=${this.adapter.templateData.touched}
|
|
454
454
|
?required=${this.adapter.templateData.validator?.required}
|
|
455
455
|
?disabled=${this.adapter.templateData.disabled}
|
|
456
456
|
?readonly=${this.adapter.templateData.readonly}
|
|
457
|
-
.value=${this.adapter.templateData.value}
|
|
457
|
+
.value=${v.live(this.adapter.templateData.value)}
|
|
458
458
|
.currency=${this.adapter.templateData.currency}
|
|
459
459
|
.step=${this.adapter.templateData.step}
|
|
460
460
|
.maximumFractionDigits=${this.adapter.templateData.maximumFractionDigits}
|
|
@@ -463,17 +463,17 @@
|
|
|
463
463
|
.placeholder=${this.adapter.templateData.placeholder}
|
|
464
464
|
.autocomplete=${this.adapter.templateData.autocomplete}
|
|
465
465
|
.localeId=${this.adapter.templateData.lang}
|
|
466
|
-
@input=${this.valueChanged}
|
|
467
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
466
|
+
@gui-input=${this.valueChanged}
|
|
467
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
468
468
|
></gui-currency>
|
|
469
|
-
`}valueChanged(e){const
|
|
469
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}qe([u.consume({context:l.formContext}),p.property({attribute:!1})],Y.prototype,"formContext"),qe([u.provide({context:l.inputContext})],Y.prototype,"adapter"),o.safeDefine("gui-currency-input",Y);const Et=Object.freeze(Object.defineProperty({__proto__:null,CurrencyElement:Y},Symbol.toStringTag,{value:"Module"}));var Ft=Object.defineProperty,Se=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Ft(e,a,t),t};class K extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}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=q.addIcon("date",this.adapter.templateData);return n.html`
|
|
470
470
|
<gui-date
|
|
471
|
-
class=${
|
|
471
|
+
class=${A.classMap(e.widgetClasses)}
|
|
472
472
|
.uid=${this.widget.uid}
|
|
473
473
|
.label=${this.adapter.templateData.label}
|
|
474
474
|
.hint=${this.adapter.templateData.hint}
|
|
475
475
|
.errors=${this.adapter.templateData.errors}
|
|
476
|
-
|
|
476
|
+
.touched=${this.adapter.templateData.touched}
|
|
477
477
|
?required=${this.adapter.templateData.validator?.required}
|
|
478
478
|
?disabled=${this.adapter.templateData.disabled}
|
|
479
479
|
?readonly=${this.adapter.templateData.readonly}
|
|
@@ -489,17 +489,17 @@
|
|
|
489
489
|
.minDateMessage=${this.adapter.templateData.minDateMessage}
|
|
490
490
|
.maxDateMessage=${this.adapter.templateData.maxDateMessage}
|
|
491
491
|
.incompleteMessage=${this.adapter.templateData.incompleteMessage}
|
|
492
|
-
@
|
|
493
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
494
|
-
@
|
|
492
|
+
@gui-input-error=${this.onInputError}
|
|
493
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
494
|
+
@gui-input=${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)}}
|
|
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)}}Se([u.consume({context:l.formContext}),p.property({attribute:!1})],K.prototype,"formContext"),Se([u.provide({context:l.inputContext})],K.prototype,"adapter"),o.safeDefine("gui-date-input",K);const qt=Object.freeze(Object.defineProperty({__proto__:null,DateElement:K},Symbol.toStringTag,{value:"Module"}));var St=Object.defineProperty,Oe=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&St(e,a,t),t};class J extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}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 n.html`
|
|
497
497
|
<gui-date-picker
|
|
498
498
|
.uid=${this.widget.uid}
|
|
499
499
|
.label=${e.label}
|
|
500
500
|
.hint=${e.hint}
|
|
501
501
|
.errors=${e.errors}
|
|
502
|
-
|
|
502
|
+
.touched=${e.touched}
|
|
503
503
|
?required=${e.validator?.required}
|
|
504
504
|
?disabled=${e.disabled}
|
|
505
505
|
?readonly=${e.readonly}
|
|
@@ -528,17 +528,17 @@
|
|
|
528
528
|
.maxDateMessage=${e.maxDateMessage}
|
|
529
529
|
.disabledDateRangeMessage=${e.disabledDateRangeMessage}
|
|
530
530
|
.incompleteMessage=${e.incompleteMessage}
|
|
531
|
-
@
|
|
532
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
533
|
-
@
|
|
531
|
+
@gui-input-error=${this.onInputError}
|
|
532
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
533
|
+
@gui-input=${this.valueChanged}
|
|
534
534
|
></gui-date-picker>
|
|
535
|
-
`}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)}}
|
|
535
|
+
`}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)}}Oe([u.consume({context:l.formContext}),p.property({attribute:!1})],J.prototype,"formContext"),Oe([u.provide({context:l.inputContext})],J.prototype,"adapter"),o.safeDefine("gui-date-picker-input",J);const Ot=Object.freeze(Object.defineProperty({__proto__:null,DatePickerElement:J},Symbol.toStringTag,{value:"Module"}));var jt=Object.defineProperty,je=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&jt(e,a,t),t};class Z extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-date-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 n.html`
|
|
536
536
|
<gui-date-time-picker
|
|
537
537
|
.uid=${this.widget.uid}
|
|
538
538
|
.label=${e.label}
|
|
539
539
|
.hint=${e.hint}
|
|
540
540
|
.errors=${e.errors}
|
|
541
|
-
|
|
541
|
+
.touched=${e.touched}
|
|
542
542
|
?required=${e.validator?.required}
|
|
543
543
|
?disabled=${e.disabled}
|
|
544
544
|
?readonly=${e.readonly}
|
|
@@ -571,6 +571,7 @@
|
|
|
571
571
|
.maxTime=${e.maxTime}
|
|
572
572
|
.disabledTimeRanges=${e.disabledTimeRanges}
|
|
573
573
|
?allow-custom-time=${e.allowCustomTime}
|
|
574
|
+
.timeLabel=${e.timeLabel}
|
|
574
575
|
.invalidDateMessage=${e.invalidDateMessage}
|
|
575
576
|
.minDateMessage=${e.minDateMessage}
|
|
576
577
|
.maxDateMessage=${e.maxDateMessage}
|
|
@@ -580,20 +581,20 @@
|
|
|
580
581
|
.disabledTimeRangeMessage=${e.disabledTimeRangeMessage}
|
|
581
582
|
.noAvailableTimesMessage=${e.noAvailableTimesMessage}
|
|
582
583
|
.incompleteMessage=${e.incompleteMessage}
|
|
583
|
-
@
|
|
584
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
585
|
-
@
|
|
584
|
+
@gui-input-error=${this.onInputError}
|
|
585
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
586
|
+
@gui-input=${this.valueChanged}
|
|
586
587
|
></gui-date-time-picker>
|
|
587
|
-
`}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)}}
|
|
588
|
+
`}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)}}je([u.consume({context:l.formContext}),p.property({attribute:!1})],Z.prototype,"formContext"),je([u.provide({context:l.inputContext})],Z.prototype,"adapter"),o.safeDefine("gui-date-time-picker-input",Z);const Vt=Object.freeze(Object.defineProperty({__proto__:null,DateTimePickerElement:Z},Symbol.toStringTag,{value:"Module"})),Ve=r=>{const e={"gui-list__item":!0,"gui-list__item-selected":!!r.selected,"gui-list__item-focused":!!r.focused,"gui-list__item-disabled":!!r.disabled};return n.html`
|
|
588
589
|
<div
|
|
589
590
|
role="option"
|
|
590
|
-
class=${
|
|
591
|
-
aria-selected=${
|
|
592
|
-
aria-disabled=${
|
|
591
|
+
class=${A.classMap(e)}
|
|
592
|
+
aria-selected=${r.selected?"true":"false"}
|
|
593
|
+
aria-disabled=${r.disabled?"true":"false"}
|
|
593
594
|
>
|
|
594
|
-
${
|
|
595
|
+
${r.template}
|
|
595
596
|
</div>
|
|
596
|
-
`};var
|
|
597
|
+
`};var Ut=Object.defineProperty,y=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Ut(e,a,t),t};class D extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.debouncer=new F.Subject,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=>{if(!this._isListVisible)return;const a=e.composedPath(),d=this._inputRef&&a.includes(this._inputRef),t=this._panelRef&&a.includes(this._panelRef);!d&&!t&&(this._isListVisible=!1)},this._onToggleMouseDown=e=>{e.preventDefault()},this._onToggleClick=e=>{e.stopPropagation(),this._isListVisible?(this._isListVisible=!1,this._isFiltering=!1,this._ignoreNextFocus=!0,this._inputRef?.focus(),setTimeout(()=>{this._ignoreNextFocus=!1})):(this._inputRef?.focus(),this._onFocus())}}createRenderRoot(){return this}connectedCallback(){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(this.adapter.templateDataChanged$.subscribe(()=>{const e=this.adapter.templateData;e.items&&this._listItems?.length===0&&this._filteredItems?.length===0&&(this._filteredItems=e.items,this._listItems=e.items),this.requestUpdate()}),this.debouncer.pipe(F.debounceTime(this.adapter.templateData.inputDebounce??500)).subscribe(e=>{this._filterItems(e)}))}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}_onRangeChange(e){this._range={start:e.detail.startIndex,end:e.detail.endIndex}}_onUpdateItems(e){const a=e.detail||[];if(this._listItems=a,!this._selectedItem&&this.adapter.templateData.value!=null){const d=a.find(t=>t.value===this.adapter.templateData.value);d&&(this._selectedItem=d)}}_onFocusChange(e){this._focusedIndex=e.detail.index}_onClickItem(e,a){if(this.adapter.templateData.readonly||e.disabled)return;const d=this.adapter.templateData;this.adapter.valueChanged(e.value),this.adapter.filterChanged(""),this._focusedIndex=a,this._selectedItem=e,this._isFiltering=!1,this._isListVisible=!1,this._listRef&&(this._listRef.focusItemAtIndex(a),this._inputRef.value=d.valueField?e.template[d.valueField]:e.template)}_onValueChange(e){const a=e.detail.value;this.adapter.valueChanged(a),this.adapter.filterChanged(""),this._selectedItem=this._listItems.find(d=>d.value===a),this._isFiltering=!1,this._isListVisible=!1}async _onKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this._isListVisible=!0,await this.updateComplete,this._listRef.focus(),this._listRef.scrollToSelectedIndex();break;case"Enter":this._inputRef.value||(this.adapter.valueChanged(null),this._isListVisible=!1,this._isFiltering=!1);break}}_onInput(e){const a=e.target.value;this.debouncer.next(a)}_filterItems(e){const a=this.adapter.templateData,d=!!this.widget.on?.filter;if(this.adapter.filterChanged(e),e&&!d){this._isFiltering=!0,this._isListVisible=!0;const t=a.searchFields??[a.labelField,a.valueField].filter(h=>!!h),i=t.length>0,g=(a.items||[]).filter(h=>{if(h===null||typeof h!="object")return h!=null&&h.toString().toLowerCase().includes(e.toLowerCase());const $=Object.keys(h),b=(f,L)=>f||h[L].toString().toLowerCase().includes(e.toLowerCase());return i?$.filter(f=>t.includes(f)).reduce(b,!1):$.reduce(b,!1)});this._filteredItems=[...g]}else this._isFiltering=!1,this._filteredItems=[...a.items]}_onWidgetKeyDown(e){e.key!=="Escape"||!this._isListVisible||(e.preventDefault(),e.stopPropagation(),this._isListVisible=!1,this._isFiltering=!1,this._ignoreNextFocus=!0,this._inputRef?.focus(),setTimeout(()=>{this._ignoreNextFocus=!1}))}async _onFocus(){this._ignoreNextFocus||(this._isListVisible=!0,await this.updateComplete,this._listRef.scrollToSelectedIndex())}_onPanelMouseDown(e){const a=e.target;this._listRef&&this._listRef.contains(a)||e.preventDefault()}_onFocusOut(e){const a=e.relatedTarget;a&&this.contains(a)||(this.adapter.onBlur(),this._isListVisible=!1,this._isFiltering=!1)}render(){const e=this.adapter.templateData,a=e.touched&&e.errors&&e.errors.length>0,d=this._listItems.slice(this._range.start,this._range.end),t=this.adapter.getItemRenderer(e.itemRenderer,Ve),s=this._selectedItem?.template!==null&&typeof this._selectedItem?.template=="object"?e.labelField??"label":null,g=s?this._selectedItem?.template[s]:this._selectedItem?.template,h=!!this.widget.on?.filter;return n.html`
|
|
597
598
|
<gui-label
|
|
598
599
|
.targetElement=${[this._listRef,this._inputRef]}
|
|
599
600
|
.uid=${this.widget.uid}
|
|
@@ -606,31 +607,31 @@
|
|
|
606
607
|
></gui-label>
|
|
607
608
|
|
|
608
609
|
<div class="gui-widget" @keydown=${this._onWidgetKeyDown} @focusout=${this._onFocusOut}>
|
|
609
|
-
${e.icon?
|
|
610
|
-
class=${
|
|
610
|
+
${e.icon?n.html`<span
|
|
611
|
+
class=${A.classMap({"gui-widget-icon":!0,[e.icon]:!0})}
|
|
611
612
|
data-icon=${e.icon}
|
|
612
613
|
aria-hidden="true"
|
|
613
|
-
></span>`:
|
|
614
|
+
></span>`:n.nothing}
|
|
614
615
|
<input
|
|
615
616
|
type="text"
|
|
616
617
|
role="combobox"
|
|
617
618
|
id=${this.widget.uid}
|
|
618
619
|
data-cy=${`${this.widget.uid}_textinput`}
|
|
619
|
-
class=${
|
|
620
|
-
.value=${
|
|
620
|
+
class=${A.classMap({"gui-widget-input":!0,"gui-dropdown--icon":!!e.icon})}
|
|
621
|
+
.value=${g??e.value??""}
|
|
621
622
|
?required=${e.validator?.required}
|
|
622
623
|
?disabled=${e.disabled}
|
|
623
624
|
?readonly=${e.readonly}
|
|
624
625
|
placeholder=${e.placeholder??""}
|
|
625
|
-
autocomplete=${e.autocomplete||
|
|
626
|
+
autocomplete=${e.autocomplete||n.nothing}
|
|
626
627
|
@keydown=${this._onKeyDown}
|
|
627
628
|
@input=${this._onInput}
|
|
628
629
|
@focus=${this._onFocus}
|
|
629
630
|
aria-expanded=${this._isListVisible?"true":"false"}
|
|
630
631
|
aria-controls=${`${this.widget.uid}-list`}
|
|
631
632
|
aria-autocomplete="list"
|
|
632
|
-
aria-labelledby=${e.label?`${this.widget.uid}_label`:
|
|
633
|
-
aria-describedby=${e.hint?`${this.widget.uid}_hint`:
|
|
633
|
+
aria-labelledby=${e.label?`${this.widget.uid}_label`:n.nothing}
|
|
634
|
+
aria-describedby=${e.hint?`${this.widget.uid}_hint`:n.nothing}
|
|
634
635
|
/>
|
|
635
636
|
<button
|
|
636
637
|
type="button"
|
|
@@ -643,17 +644,7 @@
|
|
|
643
644
|
@mousedown=${this._onToggleMouseDown}
|
|
644
645
|
@click=${this._onToggleClick}
|
|
645
646
|
>
|
|
646
|
-
<
|
|
647
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
648
|
-
width="16"
|
|
649
|
-
height="16"
|
|
650
|
-
viewBox="0 0 256 256"
|
|
651
|
-
aria-hidden="true"
|
|
652
|
-
>
|
|
653
|
-
<path
|
|
654
|
-
d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"
|
|
655
|
-
></path>
|
|
656
|
-
</svg>
|
|
647
|
+
<span class="gui-caret" aria-hidden="true"></span>
|
|
657
648
|
</button>
|
|
658
649
|
|
|
659
650
|
<div
|
|
@@ -664,13 +655,13 @@
|
|
|
664
655
|
<gui-list
|
|
665
656
|
id=${`${this.widget.uid}-list`}
|
|
666
657
|
.uid=${this.widget.uid}
|
|
667
|
-
.value=${e.value??""}
|
|
658
|
+
.value=${v.live(e.value??"")}
|
|
668
659
|
.valueField=${e.valueField}
|
|
669
660
|
.items=${this._isFiltering&&!h?this._filteredItems:e.items}
|
|
670
661
|
.itemHeight=${e.itemHeight}
|
|
671
662
|
.height=${e.height}
|
|
672
663
|
?required=${e.validator?.required}
|
|
673
|
-
|
|
664
|
+
.touched=${e.touched}
|
|
674
665
|
?disabled=${e.disabled}
|
|
675
666
|
?readonly=${e.readonly}
|
|
676
667
|
?hidden=${!this._isListVisible}
|
|
@@ -678,45 +669,45 @@
|
|
|
678
669
|
@gui-update-items=${this._onUpdateItems}
|
|
679
670
|
@gui-focus-change=${this._onFocusChange}
|
|
680
671
|
@focus=${this._onFocus}
|
|
681
|
-
@
|
|
672
|
+
@gui-input=${this._onValueChange}
|
|
682
673
|
>
|
|
683
|
-
${d.map((c
|
|
674
|
+
${d.map((c,$)=>{const b=this._range.start+$,f=e.value===c.value,L=this._focusedIndex===b,M=!!e.disabled||!!c.disabled,_e=e.labelField??"label",Oa=c.template!==null&&typeof c.template=="object"&&_e&&!e.itemRenderer?c.template[_e]:c.template;return n.html`
|
|
684
675
|
<div
|
|
685
676
|
role="option"
|
|
686
677
|
tabindex="-1"
|
|
687
678
|
class="gui-list__item-wrapper"
|
|
688
|
-
id="${this.widget.uid}-item-${
|
|
679
|
+
id="${this.widget.uid}-item-${b}"
|
|
689
680
|
style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
|
|
690
|
-
aria-selected=${
|
|
691
|
-
aria-disabled=${
|
|
692
|
-
@click=${()=>this._onClickItem(c,
|
|
681
|
+
aria-selected=${f?"true":"false"}
|
|
682
|
+
aria-disabled=${M?"true":"false"}
|
|
683
|
+
@click=${()=>this._onClickItem(c,b)}
|
|
693
684
|
>
|
|
694
|
-
${
|
|
685
|
+
${t({template:Oa,value:c.value,index:b,selected:f,disabled:M,focused:L})}
|
|
695
686
|
</div>
|
|
696
687
|
`})}
|
|
697
688
|
</gui-list>
|
|
698
|
-
${
|
|
689
|
+
${a?n.html`<gui-errors
|
|
699
690
|
panel
|
|
700
691
|
.uid=${this.widget.uid}
|
|
701
692
|
.errors=${e.errors}
|
|
702
693
|
.touched=${e.touched}
|
|
703
|
-
></gui-errors>`:
|
|
694
|
+
></gui-errors>`:n.nothing}
|
|
704
695
|
</div>
|
|
705
696
|
</div>
|
|
706
697
|
|
|
707
|
-
${
|
|
698
|
+
${a?n.html`<gui-errors
|
|
708
699
|
.uid=${this.widget.uid}
|
|
709
700
|
.errors=${e.errors}
|
|
710
701
|
.touched=${e.touched}
|
|
711
|
-
></gui-errors>`:
|
|
712
|
-
`}}
|
|
702
|
+
></gui-errors>`:n.nothing}
|
|
703
|
+
`}}y([u.consume({context:l.formContext}),p.property({attribute:!1})],D.prototype,"formContext"),y([u.provide({context:l.inputContext})],D.prototype,"adapter"),y([p.state()],D.prototype,"_range"),y([p.state()],D.prototype,"_filteredItems"),y([p.state()],D.prototype,"_listItems"),y([p.state()],D.prototype,"_focusedIndex"),y([p.state()],D.prototype,"_isFiltering"),y([p.state()],D.prototype,"_isListVisible"),y([p.state()],D.prototype,"_selectedItem"),y([p.query("input")],D.prototype,"_inputRef"),y([p.query("gui-list")],D.prototype,"_listRef"),y([p.query(".gui-picker__panel")],D.prototype,"_panelRef"),o.safeDefine("gui-dropdown-input",D);const zt=Object.freeze(Object.defineProperty({__proto__:null,DropdownElement:D},Symbol.toStringTag,{value:"Module"}));var Bt=Object.defineProperty,Ue=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Bt(e,a,t),t};class Q extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-file-upload","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 n.html`
|
|
713
704
|
<gui-file-upload
|
|
714
705
|
.uid=${this.widget.uid}
|
|
715
706
|
.path=${this.widget.path}
|
|
716
707
|
.label=${e.label}
|
|
717
708
|
.hint=${e.hint}
|
|
718
709
|
.errors=${e.errors}
|
|
719
|
-
|
|
710
|
+
.touched=${e.touched}
|
|
720
711
|
?required=${e.validator?.required}
|
|
721
712
|
?disabled=${e.disabled}
|
|
722
713
|
?readonly=${e.readonly}
|
|
@@ -738,11 +729,11 @@
|
|
|
738
729
|
.uploadedMessage=${e.uploadedMessage}
|
|
739
730
|
.removedMessage=${e.removedMessage}
|
|
740
731
|
.failedMessage=${e.failedMessage}
|
|
741
|
-
@
|
|
742
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
743
|
-
@
|
|
732
|
+
@gui-input=${this.valueChanged}
|
|
733
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
734
|
+
@gui-input-error=${this.onInputError}
|
|
744
735
|
></gui-file-upload>
|
|
745
|
-
`}valueChanged(e){const
|
|
736
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}onInputError(e){const a=e.detail.message;this.adapter.injectValidationIssues(a?[a]:null)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ue([u.consume({context:l.formContext}),p.property({attribute:!1})],Q.prototype,"formContext"),Ue([u.provide({context:l.inputContext})],Q.prototype,"adapter"),o.safeDefine("gui-file-upload-input",Q);const Wt=Object.freeze(Object.defineProperty({__proto__:null,FileUploadElement:Q},Symbol.toStringTag,{value:"Module"}));var Gt=Object.defineProperty,k=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Gt(e,a,t),t};class w extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[],this._range={start:0,end:10},this._listItems=[],this._focusedIndex=-1}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-list","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,a=e.touched&&e.errors&&e.errors.length>0,d=this._listItems.slice(this._range.start,this._range.end),t=this.adapter.getItemRenderer(e.itemRenderer,Ve);return n.html`
|
|
746
737
|
<gui-label
|
|
747
738
|
.targetElement=${this._guiListRef}
|
|
748
739
|
.uid=${this.widget.uid}
|
|
@@ -751,61 +742,63 @@
|
|
|
751
742
|
.errors=${e.errors}
|
|
752
743
|
.touched=${e.touched}
|
|
753
744
|
.required=${e.validator?.required}
|
|
745
|
+
.disabled=${e.disabled}
|
|
746
|
+
.readOnly=${e.readonly}
|
|
754
747
|
.native=${!1}
|
|
755
748
|
></gui-label>
|
|
756
749
|
|
|
757
750
|
<div class="gui-widget">
|
|
758
751
|
<gui-list
|
|
759
752
|
.uid=${this.widget.uid}
|
|
760
|
-
.value=${e.value??""}
|
|
753
|
+
.value=${v.live(e.value??"")}
|
|
761
754
|
.valueField=${e.valueField}
|
|
762
755
|
.items=${e.items}
|
|
763
756
|
.itemHeight=${e.itemHeight}
|
|
764
757
|
.height=${e.height}
|
|
765
758
|
?required=${e.validator?.required}
|
|
766
|
-
|
|
759
|
+
.touched=${e.touched}
|
|
767
760
|
?disabled=${e.disabled}
|
|
768
761
|
?readonly=${e.readonly}
|
|
769
|
-
aria-labelledby=${e.label?`${this.widget.uid}_label`:
|
|
770
|
-
aria-describedby=${e.hint?`${this.widget.uid}_hint`:
|
|
762
|
+
aria-labelledby=${e.label?`${this.widget.uid}_label`:n.nothing}
|
|
763
|
+
aria-describedby=${e.hint?`${this.widget.uid}_hint`:n.nothing}
|
|
771
764
|
@gui-range-change=${this._onRangeChange}
|
|
772
765
|
@gui-update-items=${this._onUpdateItems}
|
|
773
766
|
@gui-focus-change=${this._onFocusChange}
|
|
774
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
775
|
-
@
|
|
767
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
768
|
+
@gui-input=${this._valueChanged}
|
|
776
769
|
>
|
|
777
|
-
${d.map((i,
|
|
770
|
+
${d.map((i,s)=>{const g=this._range.start+s,h=e.value===i.value,c=this._focusedIndex===g,$=!!e.disabled||!!i.disabled,b=e.labelField??"label",L=i.template!==null&&typeof i.template=="object"&&b&&!e.itemRenderer?i.template[b]:i.template;return n.html`
|
|
778
771
|
<div
|
|
779
772
|
role="option"
|
|
780
773
|
tabindex="-1"
|
|
781
774
|
class="gui-list__item-wrapper"
|
|
782
|
-
id="${this.widget.uid}-item-${
|
|
775
|
+
id="${this.widget.uid}-item-${g}"
|
|
783
776
|
style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
|
|
784
777
|
aria-selected=${h?"true":"false"}
|
|
785
|
-
aria-disabled=${
|
|
786
|
-
@click=${()=>this._onClickItem(i,
|
|
778
|
+
aria-disabled=${$?"true":"false"}
|
|
779
|
+
@click=${()=>this._onClickItem(i,g)}
|
|
787
780
|
>
|
|
788
|
-
${
|
|
781
|
+
${t({template:L,value:i.value,index:g,selected:h,disabled:$,focused:c})}
|
|
789
782
|
</div>
|
|
790
783
|
`})}
|
|
791
784
|
</gui-list>
|
|
792
785
|
</div>
|
|
793
786
|
|
|
794
|
-
${
|
|
787
|
+
${a?n.html`<gui-errors
|
|
795
788
|
.uid=${this.widget.uid}
|
|
796
789
|
.errors=${e.errors}
|
|
797
790
|
.touched=${e.touched}
|
|
798
|
-
></gui-errors>`:
|
|
799
|
-
`}_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,
|
|
791
|
+
></gui-errors>`:n.nothing}
|
|
792
|
+
`}_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,a){const{disabled:d,readonly:t}=this.adapter.templateData;d||t||e.disabled||(this.adapter.valueChanged(e.value),this._focusedIndex=a,this._guiListRef&&typeof this._guiListRef.focusItemAtIndex=="function"&&this._guiListRef.focusItemAtIndex(a))}_valueChanged(e){this.adapter.templateData.readonly||this.adapter.valueChanged(e.detail.value)}}k([u.consume({context:l.formContext}),p.property({attribute:!1})],w.prototype,"formContext"),k([u.provide({context:l.inputContext})],w.prototype,"adapter"),k([p.state()],w.prototype,"_range"),k([p.state()],w.prototype,"_listItems"),k([p.state()],w.prototype,"_focusedIndex"),k([p.query("gui-list")],w.prototype,"_guiListRef"),o.safeDefine("gui-list-input",w);const Ht=Object.freeze(Object.defineProperty({__proto__:null,ListElement:w},Symbol.toStringTag,{value:"Module"}));var Nt=Object.defineProperty,ze=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Nt(e,a,t),t};class X extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-markdown","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(),n.html`
|
|
800
793
|
<gui-markdown
|
|
801
794
|
.uid=${this.widget.uid}
|
|
802
795
|
.label=${this.adapter.templateData.label}
|
|
803
796
|
.errors=${this.adapter.templateData.errors}
|
|
804
|
-
|
|
797
|
+
.touched=${this.adapter.templateData.touched}
|
|
805
798
|
?required=${this.adapter.templateData.validator?.required}
|
|
806
799
|
?disabled=${this.adapter.templateData.disabled}
|
|
807
800
|
?readonly=${this.adapter.templateData.readonly}
|
|
808
|
-
.value=${this.adapter.templateData.value}
|
|
801
|
+
.value=${v.live(this.adapter.templateData.value)}
|
|
809
802
|
.hint=${this.adapter.templateData.hint}
|
|
810
803
|
.placeholder=${this.adapter.templateData.placeholder}
|
|
811
804
|
.autocomplete=${this.adapter.templateData.autocomplete}
|
|
@@ -826,15 +819,15 @@
|
|
|
826
819
|
.defaultOpenPreview=${this.adapter.templateData.defaultOpenPreview}
|
|
827
820
|
.maxLength=${this.adapter.templateData.validator?.maxLength}
|
|
828
821
|
.dependencies=${this.adapter.templateData.deps}
|
|
829
|
-
@input=${this.valueChanged}
|
|
830
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
822
|
+
@gui-input=${this.valueChanged}
|
|
823
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
831
824
|
></gui-markdown>
|
|
832
|
-
`}valueChanged(e){const
|
|
825
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}ze([u.consume({context:l.formContext}),p.property({attribute:!1})],X.prototype,"formContext"),ze([u.provide({context:l.inputContext})],X.prototype,"adapter"),o.safeDefine("gui-markdown-input",X);const Yt=Object.freeze(Object.defineProperty({__proto__:null,MarkdownElement:X},Symbol.toStringTag,{value:"Module"})),Be=r=>{const e={"gui-list__item":!0,"gui-list__item-selected":!!r.selected,"gui-list__item-focused":!!r.focused,"gui-list__item-disabled":!!r.disabled};return n.html`
|
|
833
826
|
<div
|
|
834
827
|
role="option"
|
|
835
|
-
class=${
|
|
836
|
-
aria-selected=${
|
|
837
|
-
aria-disabled=${
|
|
828
|
+
class=${A.classMap(e)}
|
|
829
|
+
aria-selected=${r.selected?"true":"false"}
|
|
830
|
+
aria-disabled=${r.disabled?"true":"false"}
|
|
838
831
|
>
|
|
839
832
|
<span class="gui-list__item-check" aria-hidden="true">
|
|
840
833
|
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 256 256">
|
|
@@ -843,9 +836,9 @@
|
|
|
843
836
|
></path>
|
|
844
837
|
</svg>
|
|
845
838
|
</span>
|
|
846
|
-
${
|
|
839
|
+
${r.template}
|
|
847
840
|
</div>
|
|
848
|
-
`};var
|
|
841
|
+
`};var Kt=Object.defineProperty,x=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Kt(e,a,t),t};class C extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.debouncer=new F.Subject,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=>{if(!this._isListVisible)return;const a=e.composedPath(),d=this._triggerRef&&a.includes(this._triggerRef),t=this._panelRef&&a.includes(this._panelRef);!d&&!t&&(this._isListVisible=!1)},this._onToggleMouseDown=e=>{e.preventDefault()},this._onToggleClick=async e=>{e.stopPropagation(),this._isListVisible?(this._isListVisible=!1,this._isFiltering=!1,this._ignoreNextFocus=!0,this._triggerRef?.focusInput(),setTimeout(()=>{this._ignoreNextFocus=!1})):(this._triggerRef?.focusInput(),await this._openPanel())}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),typeof document<"u"&&document.addEventListener("click",this.onDocumentClick),this.classList.add("gui-multi-dropdown","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this._filteredItems=this.adapter.templateData.items,this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>{const e=this.adapter.templateData;e.items&&this._listItems?.length===0&&this._filteredItems?.length===0&&(this._filteredItems=e.items,this._listItems=e.items),this.requestUpdate()}),this.debouncer.pipe(F.debounceTime(this.adapter.templateData.inputDebounce??500)).subscribe(e=>{this._filterItems(e)}))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.onDocumentClick),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}_currentValues(){const e=this.adapter.templateData.value;return Array.isArray(e)?e:[]}_pillItems(e){const a=this.adapter.templateData,d=a.labelField??"label",t=q.updateListItems(a.items??[],a);return e.map(i=>{const s=t.find(c=>c.value===i)??this._listItems.find(c=>c.value===i),g=s!=null&&s.template!==null&&typeof s.template=="object",h=s==null?String(i):String(g?s.template[d]:s.template);return{key:String(i),label:h}})}_toggleValue(e){const a=this.adapter.templateData;if(a.disabled||a.readonly)return;const d=this._currentValues();if(d.includes(e)){this.adapter.valueChanged(d.filter(t=>t!==e));return}this.adapter.valueChanged([...d,e])}async _openPanel(){this._triggerRef?.closePillsDropdown(),this._isListVisible=!0,await this.updateComplete,this._listRef?.scrollToSelectedIndex()}_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,a){this.adapter.templateData.readonly||e.disabled||(this._toggleValue(e.value),this._focusedIndex=a,this._listRef&&this._listRef.focusItemAtIndex(a))}_onValueChange(e){this.adapter.templateData.readonly||this._toggleValue(e.detail.value)}_onPillRemove(e){const a=this._currentValues().find(d=>String(d)===e.detail.key);a!==void 0&&this._toggleValue(a)}_onPillsDropdownToggle(e){e.detail?.open&&this._isListVisible&&(this._isListVisible=!1)}async _onKeyDown(e){e.key==="ArrowDown"&&(e.preventDefault(),await this._openPanel(),this._listRef?.focus())}_onInput(e){const a=e.target.value;this.debouncer.next(a)}_filterItems(e){const a=this.adapter.templateData,d=!!this.widget.on?.filter;if(this.adapter.filterChanged(e),e&&!d){this._isFiltering=!0,this._isListVisible=!0;const t=a.searchFields??[a.labelField,a.valueField].filter(h=>!!h),i=t.length>0,g=(a.items||[]).filter(h=>{if(h===null||typeof h!="object")return h!=null&&h.toString().toLowerCase().includes(e.toLowerCase());const $=Object.keys(h),b=(f,L)=>f||h[L].toString().toLowerCase().includes(e.toLowerCase());return i?$.filter(f=>t.includes(f)).reduce(b,!1):$.reduce(b,!1)});this._filteredItems=[...g]}else this._isFiltering=!1,this._filteredItems=[...a.items]}_onWidgetKeyDown(e){e.key!=="Escape"||!this._isListVisible||(e.preventDefault(),e.stopPropagation(),this._isListVisible=!1,this._isFiltering=!1,this._ignoreNextFocus=!0,this._triggerRef?.focusInput(),setTimeout(()=>{this._ignoreNextFocus=!1}))}async _onFocusIn(e){if(this._ignoreNextFocus)return;const a=this._triggerRef?.input,d=this._listRef&&e.target===this._listRef;e.target!==a&&!d||await this._openPanel()}_onPanelMouseDown(e){const a=e.target;this._listRef&&this._listRef.contains(a)||e.preventDefault()}_onFocusOut(e){const a=e.relatedTarget;a&&this.contains(a)||(this.adapter.onBlur(),this._isListVisible=!1,this._isFiltering=!1)}render(){const e=this.adapter.templateData,a=e.touched&&e.errors&&e.errors.length>0,d=this._listItems.slice(this._range.start,this._range.end),t=this._currentValues(),i=this._pillItems(t),s=this.adapter.getItemRenderer(e.itemRenderer,Be),g=!!this.widget.on?.filter;return n.html`
|
|
849
842
|
<gui-label
|
|
850
843
|
.targetElement=${[this._listRef,this._triggerRef?.input]}
|
|
851
844
|
.uid=${this.widget.uid}
|
|
@@ -879,8 +872,8 @@
|
|
|
879
872
|
@keydown=${this._onKeyDown}
|
|
880
873
|
@input=${this._onInput}
|
|
881
874
|
@focusin=${this._onFocusIn}
|
|
882
|
-
@
|
|
883
|
-
@
|
|
875
|
+
@gui-pill-remove=${this._onPillRemove}
|
|
876
|
+
@gui-dropdown-toggle=${this._onPillsDropdownToggle}
|
|
884
877
|
></gui-multi-select-trigger>
|
|
885
878
|
<button
|
|
886
879
|
type="button"
|
|
@@ -893,17 +886,7 @@
|
|
|
893
886
|
@mousedown=${this._onToggleMouseDown}
|
|
894
887
|
@click=${this._onToggleClick}
|
|
895
888
|
>
|
|
896
|
-
<
|
|
897
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
898
|
-
width="16"
|
|
899
|
-
height="16"
|
|
900
|
-
viewBox="0 0 256 256"
|
|
901
|
-
aria-hidden="true"
|
|
902
|
-
>
|
|
903
|
-
<path
|
|
904
|
-
d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"
|
|
905
|
-
></path>
|
|
906
|
-
</svg>
|
|
889
|
+
<span class="gui-caret" aria-hidden="true"></span>
|
|
907
890
|
</button>
|
|
908
891
|
|
|
909
892
|
<div
|
|
@@ -914,58 +897,58 @@
|
|
|
914
897
|
<gui-multi-list
|
|
915
898
|
id=${`${this.widget.uid}-list`}
|
|
916
899
|
.uid=${this.widget.uid}
|
|
917
|
-
.values=${
|
|
900
|
+
.values=${v.live(t)}
|
|
918
901
|
.valueField=${e.valueField}
|
|
919
|
-
.items=${this._isFiltering&&!
|
|
902
|
+
.items=${this._isFiltering&&!g?this._filteredItems:e.items}
|
|
920
903
|
.itemHeight=${e.itemHeight}
|
|
921
904
|
.height=${e.height}
|
|
922
905
|
?required=${e.validator?.required}
|
|
923
|
-
|
|
906
|
+
.touched=${e.touched}
|
|
924
907
|
?disabled=${e.disabled}
|
|
925
908
|
?readonly=${e.readonly}
|
|
926
909
|
?hidden=${!this._isListVisible}
|
|
927
910
|
@gui-range-change=${this._onRangeChange}
|
|
928
911
|
@gui-update-items=${this._onUpdateItems}
|
|
929
912
|
@gui-focus-change=${this._onFocusChange}
|
|
930
|
-
@
|
|
913
|
+
@gui-item-toggle=${this._onValueChange}
|
|
931
914
|
>
|
|
932
|
-
${d.map((h,c)=>{const
|
|
915
|
+
${d.map((h,c)=>{const $=this._range.start+c,b=t.includes(h.value),f=this._focusedIndex===$,L=!!e.disabled||!!h.disabled,M=e.labelField??"label",ot=h.template!==null&&typeof h.template=="object"&&M&&!e.itemRenderer?h.template[M]:h.template;return n.html`
|
|
933
916
|
<div
|
|
934
917
|
role="option"
|
|
935
918
|
tabindex="-1"
|
|
936
919
|
class="gui-list__item-wrapper"
|
|
937
|
-
id="${this.widget.uid}-item-${
|
|
920
|
+
id="${this.widget.uid}-item-${$}"
|
|
938
921
|
style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
|
|
939
|
-
aria-selected=${
|
|
940
|
-
aria-disabled=${
|
|
941
|
-
@click=${()=>this._onClickItem(h
|
|
922
|
+
aria-selected=${b?"true":"false"}
|
|
923
|
+
aria-disabled=${L?"true":"false"}
|
|
924
|
+
@click=${()=>this._onClickItem(h,$)}
|
|
942
925
|
>
|
|
943
|
-
${
|
|
926
|
+
${s({template:ot,value:h.value,index:$,selected:b,disabled:L,focused:f})}
|
|
944
927
|
</div>
|
|
945
928
|
`})}
|
|
946
929
|
</gui-multi-list>
|
|
947
|
-
${
|
|
930
|
+
${a?n.html`<gui-errors
|
|
948
931
|
panel
|
|
949
932
|
.uid=${this.widget.uid}
|
|
950
933
|
.errors=${e.errors}
|
|
951
934
|
.touched=${e.touched}
|
|
952
|
-
></gui-errors>`:
|
|
935
|
+
></gui-errors>`:n.nothing}
|
|
953
936
|
</div>
|
|
954
937
|
</div>
|
|
955
938
|
|
|
956
|
-
${
|
|
939
|
+
${a?n.html`<gui-errors
|
|
957
940
|
.uid=${this.widget.uid}
|
|
958
941
|
.errors=${e.errors}
|
|
959
942
|
.touched=${e.touched}
|
|
960
|
-
></gui-errors>`:
|
|
961
|
-
`}}x([
|
|
943
|
+
></gui-errors>`:n.nothing}
|
|
944
|
+
`}}x([u.consume({context:l.formContext}),p.property({attribute:!1})],C.prototype,"formContext"),x([u.provide({context:l.inputContext})],C.prototype,"adapter"),x([p.state()],C.prototype,"_range"),x([p.state()],C.prototype,"_filteredItems"),x([p.state()],C.prototype,"_listItems"),x([p.state()],C.prototype,"_focusedIndex"),x([p.state()],C.prototype,"_isFiltering"),x([p.state()],C.prototype,"_isListVisible"),x([p.query("gui-multi-select-trigger")],C.prototype,"_triggerRef"),x([p.query("gui-multi-list")],C.prototype,"_listRef"),x([p.query(".gui-picker__panel")],C.prototype,"_panelRef"),o.safeDefine("gui-multi-dropdown-input",C);const Jt=Object.freeze(Object.defineProperty({__proto__:null,MultiDropdownElement:C},Symbol.toStringTag,{value:"Module"}));var Zt=Object.defineProperty,We=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Zt(e,a,t),t};class ee extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-multi-file-upload","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 n.html`
|
|
962
945
|
<gui-multi-file-upload
|
|
963
946
|
.uid=${this.widget.uid}
|
|
964
947
|
.path=${this.widget.path}
|
|
965
948
|
.label=${e.label}
|
|
966
949
|
.hint=${e.hint}
|
|
967
950
|
.errors=${e.errors}
|
|
968
|
-
|
|
951
|
+
.touched=${e.touched}
|
|
969
952
|
?required=${e.validator?.required}
|
|
970
953
|
?disabled=${e.disabled}
|
|
971
954
|
?readonly=${e.readonly}
|
|
@@ -987,11 +970,11 @@
|
|
|
987
970
|
.uploadedMessage=${e.uploadedMessage}
|
|
988
971
|
.removedMessage=${e.removedMessage}
|
|
989
972
|
.failedMessage=${e.failedMessage}
|
|
990
|
-
@
|
|
991
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
992
|
-
@
|
|
973
|
+
@gui-input=${this.valueChanged}
|
|
974
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
975
|
+
@gui-input-error=${this.onInputError}
|
|
993
976
|
></gui-multi-file-upload>
|
|
994
|
-
`}valueChanged(e){const
|
|
977
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}onInputError(e){const a=e.detail.message;this.adapter.injectValidationIssues(a?[a]:null)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}We([u.consume({context:l.formContext}),p.property({attribute:!1})],ee.prototype,"formContext"),We([u.provide({context:l.inputContext})],ee.prototype,"adapter"),o.safeDefine("gui-multi-file-upload-input",ee);const Qt=Object.freeze(Object.defineProperty({__proto__:null,MultiFileUploadElement:ee},Symbol.toStringTag,{value:"Module"}));var Xt=Object.defineProperty,T=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Xt(e,a,t),t};class I extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[],this._range={start:0,end:10},this._listItems=[],this._focusedIndex=-1}createRenderRoot(){return this}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,a=e.touched&&e.errors&&e.errors.length>0,d=this._listItems.slice(this._range.start,this._range.end),t=this._currentValues(),i=this.adapter.getItemRenderer(e.itemRenderer,Be);return n.html`
|
|
995
978
|
<gui-label
|
|
996
979
|
.targetElement=${this._guiListRef}
|
|
997
980
|
.uid=${this.widget.uid}
|
|
@@ -1000,30 +983,32 @@
|
|
|
1000
983
|
.errors=${e.errors}
|
|
1001
984
|
.touched=${e.touched}
|
|
1002
985
|
.required=${e.validator?.required}
|
|
986
|
+
.disabled=${e.disabled}
|
|
987
|
+
.readOnly=${e.readonly}
|
|
1003
988
|
.native=${!1}
|
|
1004
989
|
></gui-label>
|
|
1005
990
|
|
|
1006
991
|
<div class="gui-widget">
|
|
1007
992
|
<gui-multi-list
|
|
1008
993
|
.uid=${this.widget.uid}
|
|
1009
|
-
.values=${
|
|
994
|
+
.values=${v.live(t)}
|
|
1010
995
|
.valueField=${e.valueField}
|
|
1011
996
|
.items=${e.items}
|
|
1012
997
|
.itemHeight=${e.itemHeight}
|
|
1013
998
|
.height=${e.height}
|
|
1014
999
|
?required=${e.validator?.required}
|
|
1015
|
-
|
|
1000
|
+
.touched=${e.touched}
|
|
1016
1001
|
?disabled=${e.disabled}
|
|
1017
1002
|
?readonly=${e.readonly}
|
|
1018
|
-
aria-labelledby=${e.label?`${this.widget.uid}_label`:
|
|
1019
|
-
aria-describedby=${e.hint?`${this.widget.uid}_hint`:
|
|
1003
|
+
aria-labelledby=${e.label?`${this.widget.uid}_label`:n.nothing}
|
|
1004
|
+
aria-describedby=${e.hint?`${this.widget.uid}_hint`:n.nothing}
|
|
1020
1005
|
@gui-range-change=${this._onRangeChange}
|
|
1021
1006
|
@gui-update-items=${this._onUpdateItems}
|
|
1022
1007
|
@gui-focus-change=${this._onFocusChange}
|
|
1023
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1024
|
-
@
|
|
1008
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1009
|
+
@gui-item-toggle=${this._valueChanged}
|
|
1025
1010
|
>
|
|
1026
|
-
${d.map((
|
|
1011
|
+
${d.map((s,g)=>{const h=this._range.start+g,c=t.includes(s.value),$=this._focusedIndex===h,b=!!e.disabled||!!s.disabled,f=e.labelField??"label",M=s.template!==null&&typeof s.template=="object"&&f&&!e.itemRenderer?s.template[f]:s.template;return n.html`
|
|
1027
1012
|
<div
|
|
1028
1013
|
role="option"
|
|
1029
1014
|
tabindex="-1"
|
|
@@ -1031,31 +1016,31 @@
|
|
|
1031
1016
|
id="${this.widget.uid}-item-${h}"
|
|
1032
1017
|
style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
|
|
1033
1018
|
aria-selected=${c?"true":"false"}
|
|
1034
|
-
aria-disabled=${
|
|
1035
|
-
@click=${()=>this._onClickItem(
|
|
1019
|
+
aria-disabled=${b?"true":"false"}
|
|
1020
|
+
@click=${()=>this._onClickItem(s,h)}
|
|
1036
1021
|
>
|
|
1037
|
-
${i({template:
|
|
1022
|
+
${i({template:M,value:s.value,index:h,selected:c,disabled:b,focused:$})}
|
|
1038
1023
|
</div>
|
|
1039
1024
|
`})}
|
|
1040
1025
|
</gui-multi-list>
|
|
1041
1026
|
</div>
|
|
1042
1027
|
|
|
1043
|
-
${
|
|
1028
|
+
${a?n.html`<gui-errors
|
|
1044
1029
|
.uid=${this.widget.uid}
|
|
1045
1030
|
.errors=${e.errors}
|
|
1046
1031
|
.touched=${e.touched}
|
|
1047
|
-
></gui-errors>`:
|
|
1048
|
-
`}_currentValues(){const e=this.adapter.templateData.value;return Array.isArray(e)?e:[]}_toggleValue(e){const
|
|
1032
|
+
></gui-errors>`:n.nothing}
|
|
1033
|
+
`}_currentValues(){const e=this.adapter.templateData.value;return Array.isArray(e)?e:[]}_toggleValue(e){const a=this.adapter.templateData;if(a.disabled||a.readonly)return;const d=this._currentValues();if(d.includes(e)){this.adapter.valueChanged(d.filter(t=>t!==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,a){const{disabled:d,readonly:t}=this.adapter.templateData;d||t||e.disabled||(this._toggleValue(e.value),this._focusedIndex=a,this._guiListRef&&typeof this._guiListRef.focusItemAtIndex=="function"&&this._guiListRef.focusItemAtIndex(a))}_valueChanged(e){this.adapter.templateData.readonly||this._toggleValue(e.detail.value)}}T([u.consume({context:l.formContext}),p.property({attribute:!1})],I.prototype,"formContext"),T([u.provide({context:l.inputContext})],I.prototype,"adapter"),T([p.state()],I.prototype,"_range"),T([p.state()],I.prototype,"_listItems"),T([p.state()],I.prototype,"_focusedIndex"),T([p.query("gui-multi-list")],I.prototype,"_guiListRef"),o.safeDefine("gui-multi-list-input",I);const ea=Object.freeze(Object.defineProperty({__proto__:null,MultiListElement:I},Symbol.toStringTag,{value:"Module"}));var ta=Object.defineProperty,Ge=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&ta(e,a,t),t};class te extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}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(),n.html`
|
|
1049
1034
|
<gui-password
|
|
1050
1035
|
.uid=${this.widget.uid}
|
|
1051
1036
|
.label=${this.adapter.templateData.label}
|
|
1052
1037
|
.hint=${this.adapter.templateData.hint}
|
|
1053
1038
|
.errors=${this.adapter.templateData.errors}
|
|
1054
|
-
|
|
1039
|
+
.touched=${this.adapter.templateData.touched}
|
|
1055
1040
|
?required=${this.adapter.templateData.validator?.required}
|
|
1056
1041
|
?disabled=${this.adapter.templateData.disabled}
|
|
1057
1042
|
?readonly=${this.adapter.templateData.readonly}
|
|
1058
|
-
.value=${this.adapter.templateData.value}
|
|
1043
|
+
.value=${v.live(this.adapter.templateData.value)}
|
|
1059
1044
|
.icon=${this.adapter.templateData.icon}
|
|
1060
1045
|
.placeholder=${this.adapter.templateData.placeholder}
|
|
1061
1046
|
.autocomplete=${this.adapter.templateData.autocomplete}
|
|
@@ -1063,34 +1048,34 @@
|
|
|
1063
1048
|
.hidePasswordIcon=${this.adapter.templateData.hidePasswordIcon}
|
|
1064
1049
|
.showPasswordLabel=${this.adapter.templateData.showPasswordLabel}
|
|
1065
1050
|
.hidePasswordLabel=${this.adapter.templateData.hidePasswordLabel}
|
|
1066
|
-
@input=${this.valueChanged}
|
|
1067
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1051
|
+
@gui-input=${this.valueChanged}
|
|
1052
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1068
1053
|
></gui-password>
|
|
1069
|
-
`}valueChanged(e){const
|
|
1054
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ge([u.consume({context:l.formContext}),p.property({attribute:!1})],te.prototype,"formContext"),Ge([u.provide({context:l.inputContext})],te.prototype,"adapter"),o.safeDefine("gui-password-input",te);const aa=Object.freeze(Object.defineProperty({__proto__:null,PasswordElement:te},Symbol.toStringTag,{value:"Module"}));var ia=Object.defineProperty,He=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&ia(e,a,t),t};class ae extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-textinput","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(),n.html`
|
|
1070
1055
|
<gui-textinput
|
|
1071
1056
|
.uid=${this.widget.uid}
|
|
1072
1057
|
.label=${this.adapter.templateData.label}
|
|
1073
1058
|
.hint=${this.adapter.templateData.hint}
|
|
1074
1059
|
.errors=${this.adapter.templateData.errors}
|
|
1075
|
-
|
|
1060
|
+
.touched=${this.adapter.templateData.touched}
|
|
1076
1061
|
?required=${this.adapter.templateData.validator?.required}
|
|
1077
1062
|
?disabled=${this.adapter.templateData.disabled}
|
|
1078
1063
|
?readonly=${this.adapter.templateData.readonly}
|
|
1079
|
-
.value=${this.adapter.templateData.value}
|
|
1064
|
+
.value=${v.live(this.adapter.templateData.value)}
|
|
1080
1065
|
.icon=${this.adapter.templateData.icon}
|
|
1081
1066
|
.placeholder=${this.adapter.templateData.placeholder}
|
|
1082
1067
|
.autocomplete=${this.adapter.templateData.autocomplete}
|
|
1083
|
-
@input=${this.valueChanged}
|
|
1084
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1068
|
+
@gui-input=${this.valueChanged}
|
|
1069
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1085
1070
|
></gui-textinput>
|
|
1086
|
-
`}valueChanged(e){const
|
|
1071
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}He([u.consume({context:l.formContext}),p.property({attribute:!1})],ae.prototype,"formContext"),He([u.provide({context:l.inputContext})],ae.prototype,"adapter"),o.safeDefine("gui-textinput-input",ae);const ra=Object.freeze(Object.defineProperty({__proto__:null,TextinputElement:ae},Symbol.toStringTag,{value:"Module"}));var sa=Object.defineProperty,Ne=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&sa(e,a,t),t};class ie extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-time","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=q.addIcon("time",this.adapter.templateData);return n.html`
|
|
1087
1072
|
<gui-time
|
|
1088
|
-
class=${
|
|
1073
|
+
class=${A.classMap(e.widgetClasses)}
|
|
1089
1074
|
.uid=${this.widget.uid}
|
|
1090
1075
|
.label=${this.adapter.templateData.label}
|
|
1091
1076
|
.hint=${this.adapter.templateData.hint}
|
|
1092
1077
|
.errors=${this.adapter.templateData.errors}
|
|
1093
|
-
|
|
1078
|
+
.touched=${this.adapter.templateData.touched}
|
|
1094
1079
|
?required=${this.adapter.templateData.validator?.required}
|
|
1095
1080
|
?disabled=${this.adapter.templateData.disabled}
|
|
1096
1081
|
?readonly=${this.adapter.templateData.readonly}
|
|
@@ -1107,17 +1092,17 @@
|
|
|
1107
1092
|
.minTimeMessage=${this.adapter.templateData.minTimeMessage}
|
|
1108
1093
|
.maxTimeMessage=${this.adapter.templateData.maxTimeMessage}
|
|
1109
1094
|
.incompleteMessage=${this.adapter.templateData.incompleteMessage}
|
|
1110
|
-
@
|
|
1111
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1112
|
-
@
|
|
1095
|
+
@gui-input-error=${this.onInputError}
|
|
1096
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1097
|
+
@gui-input=${this.valueChanged}
|
|
1113
1098
|
></gui-time>
|
|
1114
|
-
`}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)}}
|
|
1099
|
+
`}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)}}Ne([u.consume({context:l.formContext}),p.property({attribute:!1})],ie.prototype,"formContext"),Ne([u.provide({context:l.inputContext})],ie.prototype,"adapter"),o.safeDefine("gui-time-input",ie);const na=Object.freeze(Object.defineProperty({__proto__:null,TimeElement:ie},Symbol.toStringTag,{value:"Module"}));var la=Object.defineProperty,Ye=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&la(e,a,t),t};class re extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-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 n.html`
|
|
1115
1100
|
<gui-time-picker
|
|
1116
1101
|
.uid=${this.widget.uid}
|
|
1117
1102
|
.label=${e.label}
|
|
1118
1103
|
.hint=${e.hint}
|
|
1119
1104
|
.errors=${e.errors}
|
|
1120
|
-
|
|
1105
|
+
.touched=${e.touched}
|
|
1121
1106
|
?required=${e.validator?.required}
|
|
1122
1107
|
?disabled=${e.disabled}
|
|
1123
1108
|
?readonly=${e.readonly}
|
|
@@ -1141,18 +1126,18 @@
|
|
|
1141
1126
|
.disabledRangeMessage=${e.disabledRangeMessage}
|
|
1142
1127
|
.noAvailableTimesMessage=${e.noAvailableTimesMessage}
|
|
1143
1128
|
.incompleteMessage=${e.incompleteMessage}
|
|
1144
|
-
@
|
|
1145
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1146
|
-
@
|
|
1129
|
+
@gui-input-error=${this.onInputError}
|
|
1130
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1131
|
+
@gui-input=${this.valueChanged}
|
|
1147
1132
|
></gui-time-picker>
|
|
1148
|
-
`}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)}}
|
|
1133
|
+
`}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)}}Ye([u.consume({context:l.formContext}),p.property({attribute:!1})],re.prototype,"formContext"),Ye([u.provide({context:l.inputContext})],re.prototype,"adapter"),o.safeDefine("gui-time-picker-input",re);const da=Object.freeze(Object.defineProperty({__proto__:null,TimePickerElement:re},Symbol.toStringTag,{value:"Module"}));var oa=Object.defineProperty,Ke=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&oa(e,a,t),t};class se extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-date-time","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=q.addIcon("date-time",this.adapter.templateData);return n.html`
|
|
1149
1134
|
<gui-date-time
|
|
1150
|
-
class=${
|
|
1135
|
+
class=${A.classMap(e.widgetClasses)}
|
|
1151
1136
|
.uid=${this.widget.uid}
|
|
1152
1137
|
.label=${this.adapter.templateData.label}
|
|
1153
1138
|
.hint=${this.adapter.templateData.hint}
|
|
1154
1139
|
.errors=${this.adapter.templateData.errors}
|
|
1155
|
-
|
|
1140
|
+
.touched=${this.adapter.templateData.touched}
|
|
1156
1141
|
?required=${this.adapter.templateData.validator?.required}
|
|
1157
1142
|
?disabled=${this.adapter.templateData.disabled}
|
|
1158
1143
|
?readonly=${this.adapter.templateData.readonly}
|
|
@@ -1177,20 +1162,20 @@
|
|
|
1177
1162
|
.incompleteMessage=${this.adapter.templateData.incompleteMessage}
|
|
1178
1163
|
.hourFormat=${this.adapter.templateData.hourFormat}
|
|
1179
1164
|
.minuteStep=${this.adapter.templateData.minuteStep}
|
|
1180
|
-
@
|
|
1181
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1182
|
-
@
|
|
1165
|
+
@gui-input-error=${this.onInputError}
|
|
1166
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1167
|
+
@gui-input=${this.valueChanged}
|
|
1183
1168
|
></gui-date-time>
|
|
1184
|
-
`}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)}}
|
|
1169
|
+
`}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)}}Ke([u.consume({context:l.formContext}),p.property({attribute:!1})],se.prototype,"formContext"),Ke([u.provide({context:l.inputContext})],se.prototype,"adapter"),o.safeDefine("gui-date-time-input",se);const ua=Object.freeze(Object.defineProperty({__proto__:null,DateTimeElement:se},Symbol.toStringTag,{value:"Module"}));var pa=Object.defineProperty,Je=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&pa(e,a,t),t};class ne extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-textarea","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(),n.html`
|
|
1185
1170
|
<gui-textarea
|
|
1186
1171
|
.uid=${this.widget.uid}
|
|
1187
1172
|
.label=${this.adapter.templateData.label}
|
|
1188
1173
|
.errors=${this.adapter.templateData.errors}
|
|
1189
|
-
|
|
1174
|
+
.touched=${this.adapter.templateData.touched}
|
|
1190
1175
|
?required=${this.adapter.templateData.validator?.required}
|
|
1191
1176
|
?disabled=${this.adapter.templateData.disabled}
|
|
1192
1177
|
?readonly=${this.adapter.templateData.readonly}
|
|
1193
|
-
.value=${this.adapter.templateData.value}
|
|
1178
|
+
.value=${v.live(this.adapter.templateData.value)}
|
|
1194
1179
|
.hint=${this.adapter.templateData.hint}
|
|
1195
1180
|
.placeholder=${this.adapter.templateData.placeholder}
|
|
1196
1181
|
.autocomplete=${this.adapter.templateData.autocomplete}
|
|
@@ -1198,87 +1183,87 @@
|
|
|
1198
1183
|
.minimumHeight=${this.adapter.templateData.minimumHeight}
|
|
1199
1184
|
.autoGrow=${this.adapter.templateData.autoGrow}
|
|
1200
1185
|
.maxLength=${this.adapter.templateData.validator?.maxLength}
|
|
1201
|
-
@input=${this.valueChanged}
|
|
1202
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1186
|
+
@gui-input=${this.valueChanged}
|
|
1187
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1203
1188
|
></gui-textarea>
|
|
1204
|
-
`}valueChanged(e){const
|
|
1189
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Je([u.consume({context:l.formContext}),p.property({attribute:!1})],ne.prototype,"formContext"),Je([u.provide({context:l.inputContext})],ne.prototype,"adapter"),o.safeDefine("gui-textarea-input",ne);const ha=Object.freeze(Object.defineProperty({__proto__:null,TextareaElement:ne},Symbol.toStringTag,{value:"Module"}));var ca=Object.defineProperty,Ze=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&ca(e,a,t),t};class le extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-toggle","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(),n.html`
|
|
1205
1190
|
<gui-toggle
|
|
1206
1191
|
.uid=${this.widget.uid}
|
|
1207
1192
|
.label=${this.adapter.templateData.label}
|
|
1208
1193
|
.errors=${this.adapter.templateData.errors}
|
|
1209
|
-
|
|
1194
|
+
.touched=${this.adapter.templateData.touched}
|
|
1210
1195
|
?required=${this.adapter.templateData.validator?.required}
|
|
1211
1196
|
?disabled=${this.adapter.templateData.disabled}
|
|
1212
1197
|
?readonly=${this.adapter.templateData.readonly}
|
|
1213
|
-
.value=${this.adapter.templateData.value}
|
|
1198
|
+
.value=${v.live(this.adapter.templateData.value)}
|
|
1214
1199
|
.hint=${this.adapter.templateData.hint}
|
|
1215
1200
|
.togglePosition=${this.adapter.templateData.togglePosition}
|
|
1216
|
-
@
|
|
1217
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1201
|
+
@gui-input=${this.valueChanged}
|
|
1202
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1218
1203
|
></gui-toggle>
|
|
1219
|
-
`}valueChanged(e){const
|
|
1204
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ze([u.consume({context:l.formContext}),p.property({attribute:!1})],le.prototype,"formContext"),Ze([u.provide({context:l.inputContext})],le.prototype,"adapter"),o.safeDefine("gui-toggle-input",le);const ma=Object.freeze(Object.defineProperty({__proto__:null,ToggleElement:le},Symbol.toStringTag,{value:"Module"}));var ga=Object.defineProperty,Qe=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&ga(e,a,t),t};class de extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-checkbox","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(),n.html`
|
|
1220
1205
|
<gui-checkbox
|
|
1221
1206
|
.uid=${this.widget.uid}
|
|
1222
1207
|
.label=${this.adapter.templateData.label}
|
|
1223
1208
|
.errors=${this.adapter.templateData.errors}
|
|
1224
|
-
|
|
1209
|
+
.touched=${this.adapter.templateData.touched}
|
|
1225
1210
|
?required=${this.adapter.templateData.validator?.required}
|
|
1226
1211
|
?disabled=${this.adapter.templateData.disabled}
|
|
1227
1212
|
?readonly=${this.adapter.templateData.readonly}
|
|
1228
|
-
.value=${this.adapter.templateData.value}
|
|
1213
|
+
.value=${v.live(this.adapter.templateData.value)}
|
|
1229
1214
|
.hint=${this.adapter.templateData.hint}
|
|
1230
1215
|
.checkboxPosition=${this.adapter.templateData.checkboxPosition}
|
|
1231
|
-
@
|
|
1232
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1216
|
+
@gui-input=${this.valueChanged}
|
|
1217
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1233
1218
|
></gui-checkbox>
|
|
1234
|
-
`}valueChanged(e){const
|
|
1219
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Qe([u.consume({context:l.formContext}),p.property({attribute:!1})],de.prototype,"formContext"),Qe([u.provide({context:l.inputContext})],de.prototype,"adapter"),o.safeDefine("gui-checkbox-input",de);const ba=Object.freeze(Object.defineProperty({__proto__:null,CheckboxElement:de},Symbol.toStringTag,{value:"Module"}));var $a=Object.defineProperty,Xe=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&$a(e,a,t),t};class oe extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-number","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(),n.html`
|
|
1235
1220
|
<gui-number
|
|
1236
1221
|
.uid=${this.widget.uid}
|
|
1237
1222
|
.label=${this.adapter.templateData.label}
|
|
1238
1223
|
.hint=${this.adapter.templateData.hint}
|
|
1239
1224
|
.errors=${this.adapter.templateData.errors}
|
|
1240
|
-
|
|
1225
|
+
.touched=${this.adapter.templateData.touched}
|
|
1241
1226
|
?required=${this.adapter.templateData.validator?.required}
|
|
1242
1227
|
?disabled=${this.adapter.templateData.disabled}
|
|
1243
1228
|
?readonly=${this.adapter.templateData.readonly}
|
|
1244
|
-
.value=${this.adapter.templateData.value}
|
|
1229
|
+
.value=${v.live(this.adapter.templateData.value)}
|
|
1245
1230
|
.step=${this.adapter.templateData.step}
|
|
1246
1231
|
.minimum=${this.adapter.templateData.minimum}
|
|
1247
1232
|
.maximum=${this.adapter.templateData.maximum}
|
|
1248
1233
|
.autoGrow=${this.adapter.templateData.autoGrow}
|
|
1249
1234
|
.placeholder=${this.adapter.templateData.placeholder}
|
|
1250
1235
|
.autocomplete=${this.adapter.templateData.autocomplete}
|
|
1251
|
-
@input=${this.valueChanged}
|
|
1252
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1236
|
+
@gui-input=${this.valueChanged}
|
|
1237
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1253
1238
|
></gui-number>
|
|
1254
|
-
`}valueChanged(e){const
|
|
1239
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Xe([u.consume({context:l.formContext}),p.property({attribute:!1})],oe.prototype,"formContext"),Xe([u.provide({context:l.inputContext})],oe.prototype,"adapter"),o.safeDefine("gui-number-input",oe);const fa=Object.freeze(Object.defineProperty({__proto__:null,NumberElement:oe},Symbol.toStringTag,{value:"Module"}));var va=Object.defineProperty,et=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&va(e,a,t),t};class ue extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-radiogroup","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(),n.html`
|
|
1255
1240
|
<gui-radiogroup
|
|
1256
1241
|
.uid=${this.widget.uid}
|
|
1257
1242
|
.label=${this.adapter.templateData.label}
|
|
1258
1243
|
.errors=${this.adapter.templateData.errors}
|
|
1259
|
-
|
|
1244
|
+
.touched=${this.adapter.templateData.touched}
|
|
1260
1245
|
?required=${this.adapter.templateData.validator?.required}
|
|
1261
1246
|
?disabled=${this.adapter.templateData.disabled}
|
|
1262
1247
|
?readonly=${this.adapter.templateData.readonly}
|
|
1263
|
-
.value=${this.adapter.templateData.value}
|
|
1248
|
+
.value=${v.live(this.adapter.templateData.value)}
|
|
1264
1249
|
.hint=${this.adapter.templateData.hint}
|
|
1265
1250
|
.options=${this.adapter.templateData.options}
|
|
1266
1251
|
.labelField=${this.adapter.templateData.labelField}
|
|
1267
1252
|
.valueField=${this.adapter.templateData.valueField}
|
|
1268
1253
|
.direction=${this.adapter.templateData.direction}
|
|
1269
|
-
@
|
|
1270
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1254
|
+
@gui-input=${this.valueChanged}
|
|
1255
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1271
1256
|
></gui-radiogroup>
|
|
1272
|
-
`}valueChanged(e){const
|
|
1257
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}et([u.consume({context:l.formContext}),p.property({attribute:!1})],ue.prototype,"formContext"),et([u.provide({context:l.inputContext})],ue.prototype,"adapter"),o.safeDefine("gui-radiogroup-input",ue);const Da=Object.freeze(Object.defineProperty({__proto__:null,RadiogroupElement:ue},Symbol.toStringTag,{value:"Module"}));var _a=Object.defineProperty,tt=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&_a(e,a,t),t};class pe extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-select","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(),n.html`
|
|
1273
1258
|
<gui-select
|
|
1274
1259
|
.uid=${this.widget.uid}
|
|
1275
1260
|
.label=${this.adapter.templateData.label}
|
|
1276
1261
|
.errors=${this.adapter.templateData.errors}
|
|
1277
|
-
|
|
1262
|
+
.touched=${this.adapter.templateData.touched}
|
|
1278
1263
|
?required=${this.adapter.templateData.validator?.required}
|
|
1279
1264
|
?disabled=${this.adapter.templateData.disabled}
|
|
1280
1265
|
?readonly=${this.adapter.templateData.readonly}
|
|
1281
|
-
.value=${this.adapter.templateData.value}
|
|
1266
|
+
.value=${v.live(this.adapter.templateData.value)}
|
|
1282
1267
|
.hint=${this.adapter.templateData.hint}
|
|
1283
1268
|
.icon=${this.adapter.templateData.icon}
|
|
1284
1269
|
.placeholder=${this.adapter.templateData.placeholder}
|
|
@@ -1287,17 +1272,17 @@
|
|
|
1287
1272
|
.labelField=${this.adapter.templateData.labelField}
|
|
1288
1273
|
.valueField=${this.adapter.templateData.valueField}
|
|
1289
1274
|
.invalidOptionMessage=${this.adapter.templateData.invalidOptionMessage}
|
|
1290
|
-
@
|
|
1291
|
-
@
|
|
1292
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1275
|
+
@gui-input=${this.valueChanged}
|
|
1276
|
+
@gui-input-error=${this.onInputError}
|
|
1277
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1293
1278
|
></gui-select>
|
|
1294
|
-
`}valueChanged(e){this.adapter.injectValidationIssues(null);const
|
|
1279
|
+
`}valueChanged(e){this.adapter.injectValidationIssues(null);const a=e.detail.value;this.adapter.valueChanged(a)}onInputError(e){const a=e.detail.message;this.adapter.injectValidationIssues(a?[a]:null)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}tt([u.consume({context:l.formContext}),p.property({attribute:!1})],pe.prototype,"formContext"),tt([u.provide({context:l.inputContext})],pe.prototype,"adapter"),o.safeDefine("gui-select-input",pe);const Ca=Object.freeze(Object.defineProperty({__proto__:null,SelectElement:pe},Symbol.toStringTag,{value:"Module"}));var ya=Object.defineProperty,at=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&ya(e,a,t),t};class he extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-tags","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(),n.html`
|
|
1295
1280
|
<gui-tags
|
|
1296
1281
|
.uid=${this.widget.uid}
|
|
1297
1282
|
.label=${this.adapter.templateData.label}
|
|
1298
1283
|
.hint=${this.adapter.templateData.hint}
|
|
1299
1284
|
.errors=${this.adapter.templateData.errors}
|
|
1300
|
-
|
|
1285
|
+
.touched=${this.adapter.templateData.touched}
|
|
1301
1286
|
?required=${this.adapter.templateData.validator?.required}
|
|
1302
1287
|
?disabled=${this.adapter.templateData.disabled}
|
|
1303
1288
|
?readonly=${this.adapter.templateData.readonly}
|
|
@@ -1309,10 +1294,10 @@
|
|
|
1309
1294
|
.trim=${this.adapter.templateData.trim??!0}
|
|
1310
1295
|
.removeAriaLabel=${this.adapter.templateData.removeAriaLabel}
|
|
1311
1296
|
.removeIcon=${this.adapter.templateData.removeIcon}
|
|
1312
|
-
@
|
|
1313
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1297
|
+
@gui-input=${this.valueChanged}
|
|
1298
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1314
1299
|
></gui-tags>
|
|
1315
|
-
`}valueChanged(e){const
|
|
1300
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}at([u.consume({context:l.formContext}),p.property({attribute:!1})],he.prototype,"formContext"),at([u.provide({context:l.inputContext})],he.prototype,"adapter"),o.safeDefine("gui-tags-input",he);const xa=Object.freeze(Object.defineProperty({__proto__:null,TagsElement:he},Symbol.toStringTag,{value:"Module"}));var La=Object.defineProperty,ce=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&La(e,a,t),t};class P extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.isFocused=!1,this.subscriptions=[]}createRenderRoot(){return this}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,a=e.touched&&e.errors&&e.errors.length>0;return n.html`
|
|
1316
1301
|
<div
|
|
1317
1302
|
id=${this.widget.uid}
|
|
1318
1303
|
class=${`gui-repeater__main-card gui-repeater__card ${this.isFocused?"gui-repeater__card--focused":""}`}
|
|
@@ -1328,22 +1313,22 @@
|
|
|
1328
1313
|
.required=${e.validator?.required}
|
|
1329
1314
|
.native=${!1}
|
|
1330
1315
|
></gui-label>
|
|
1331
|
-
${
|
|
1316
|
+
${Ce.repeat(e.rows??[],d=>d.uid,(d,t)=>n.html`
|
|
1332
1317
|
<div class="gui-repeater__card">
|
|
1333
1318
|
<div class="gui-repeater__card-header">
|
|
1334
|
-
${e.title?
|
|
1335
|
-
>${e.title} ${
|
|
1336
|
-
>`:
|
|
1319
|
+
${e.title?n.html`<span class="gui-repeater__card-title"
|
|
1320
|
+
>${e.title} ${t+1}</span
|
|
1321
|
+
>`:n.nothing}
|
|
1337
1322
|
<button
|
|
1338
1323
|
type="button"
|
|
1339
1324
|
tabindex="0"
|
|
1340
1325
|
class="gui-button gui-button--sm gui-repeater__remove-btn"
|
|
1341
|
-
@click=${()=>this.removeItem(
|
|
1326
|
+
@click=${()=>this.removeItem(t)}
|
|
1342
1327
|
>
|
|
1343
|
-
${e.removeButtonIcon?
|
|
1328
|
+
${e.removeButtonIcon?n.html`<span
|
|
1344
1329
|
class="gui-widget-icon gui-button-icon ${e.removeButtonIcon}"
|
|
1345
1330
|
data-icon=${e.removeButtonIcon}
|
|
1346
|
-
></span>`:
|
|
1331
|
+
></span>`:n.nothing}
|
|
1347
1332
|
${e.removeLabel??"Remove"}
|
|
1348
1333
|
</button>
|
|
1349
1334
|
</div>
|
|
@@ -1358,121 +1343,73 @@
|
|
|
1358
1343
|
@click=${()=>this.addItem()}
|
|
1359
1344
|
?disabled=${!!(e.limit&&e.limit===e.value?.length)}
|
|
1360
1345
|
>
|
|
1361
|
-
${e.addButtonIcon?
|
|
1346
|
+
${e.addButtonIcon?n.html`<span
|
|
1362
1347
|
class="gui-widget-icon gui-button-icon ${e.addButtonIcon}"
|
|
1363
1348
|
data-icon=${e.addButtonIcon}
|
|
1364
|
-
></span>`:
|
|
1349
|
+
></span>`:n.nothing}
|
|
1365
1350
|
${e.addLabel??"Add"}
|
|
1366
1351
|
</button>
|
|
1367
1352
|
</div>
|
|
1368
|
-
${
|
|
1353
|
+
${a?n.html`<gui-errors
|
|
1369
1354
|
.uid=${this.widget.uid}
|
|
1370
1355
|
.errors=${e.errors}
|
|
1371
1356
|
.touched=${e.touched}
|
|
1372
|
-
></gui-errors>`:
|
|
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
|
|
1374
|
-
<div
|
|
1375
|
-
class=${_.
|
|
1376
|
-
|
|
1377
|
-
style=${o.cspStyleMap(this.adapter.templateData.gap?{gap:`${this.adapter.templateData.gap}px`}:{})}
|
|
1378
|
-
>
|
|
1379
|
-
${T.repeat(this.adapter.templateData.children||[],t=>t?.uid,t=>l.html`<gui-widget .widget=${t}></gui-widget>`)}
|
|
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={};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
|
-
>
|
|
1387
|
-
<gui-widget .widget=${r}></gui-widget>
|
|
1357
|
+
></gui-errors>`:n.nothing}
|
|
1358
|
+
`}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 a=(this.adapter.templateData.value??[]).filter((d,t)=>e!==t);"structuredClone"in window?this.adapter.valueChanged(structuredClone(a)):this.adapter.valueChanged(JSON.parse(JSON.stringify(a))),this.requestUpdate()}}ce([u.consume({context:l.formContext}),p.property({attribute:!1})],P.prototype,"formContext"),ce([u.provide({context:l.inputContext})],P.prototype,"adapter"),ce([p.state()],P.prototype,"isFocused"),ce([p.query(".gui-repeater__main-card")],P.prototype,"_repeaterRef"),o.safeDefine("gui-repeater-input",P);const wa=Object.freeze(Object.defineProperty({__proto__:null,RepeaterElement:P},Symbol.toStringTag,{value:"Module"}));var Ia=Object.defineProperty,it=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Ia(e,a,t),t};class me extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.LayoutWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){const e=_.resolveGrid(this.widget.type,this.adapter.templateData),a=this.adapter.templateData.children||[];return n.html`
|
|
1359
|
+
<div class=${_.gridClasses(e)} id=${this.widget?.uid}>
|
|
1360
|
+
${Ce.repeat(a,d=>d?.uid,d=>n.html`<div class=${_.gridCellClasses(e,d.size)}>
|
|
1361
|
+
<gui-widget .widget=${d}></gui-widget>
|
|
1388
1362
|
</div>`)}
|
|
1389
1363
|
</div>
|
|
1390
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}it([
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
${a.label}
|
|
1409
|
-
</button>
|
|
1410
|
-
</li>
|
|
1411
|
-
`):l.nothing}
|
|
1412
|
-
<li role="presentation" class="gui-sentinel gui-sentinel__end"></li>
|
|
1413
|
-
</ul>
|
|
1414
|
-
</nav>
|
|
1415
|
-
${T.repeat(t,({tab:a})=>a.uid,({tab:a,child:i,isActive:r})=>l.html`<section
|
|
1416
|
-
role="tabpanel"
|
|
1417
|
-
tabindex="0"
|
|
1418
|
-
data-cy=${D.tabPanelId(this.widget.uid,a.uid)}
|
|
1419
|
-
id=${D.tabPanelId(this.widget.uid,a.uid)}
|
|
1420
|
-
?hidden=${!r}
|
|
1421
|
-
aria-labelledby=${D.tabButtonId(this.widget.uid,a.uid)}
|
|
1364
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}it([u.consume({context:l.formContext}),p.property({attribute:!1})],me.prototype,"formContext"),it([u.provide({context:l.layoutContext})],me.prototype,"adapter"),o.safeDefine("gui-grid-layout",me);const rt=Object.freeze(Object.defineProperty({__proto__:null,GridElement:me},Symbol.toStringTag,{value:"Module"}));var Aa=Object.defineProperty,De=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Aa(e,a,t),t};class R extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.LayoutWidgetAdapter,this.activeTab="",this.subscriptions=[],this.rowIndexSuffix="",this.onTabChange=e=>{e.target===e.currentTarget&&(this.activeTab=e.detail.value,this.adapter.change(e.detail.value))}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-tabs","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget);const e=this.adapter.templateData;this.activeTab=e.defaultOpen??e.tabs?.[0]?.uid??"",this.rowIndexSuffix=_.repeaterIndexSuffix(this.widget.uid),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>{this.requestUpdate()}))}render(){if(!this.adapter.templateData)return n.html``;const{tabs:e=[],children:a=[],renderMode:d}=this.adapter.templateData,t=e.map(i=>({tab:i,child:a.find(s=>s.uid===`${i.uid}${this.rowIndexSuffix}`),isActive:i.uid===this.activeTab})).filter(({child:i,isActive:s})=>i&&(s||d!=="activeOnly"));return n.html`<gui-tabs
|
|
1365
|
+
id=${this.widget.uid}
|
|
1366
|
+
.active=${this.activeTab}
|
|
1367
|
+
@gui-tab-change=${this.onTabChange}
|
|
1368
|
+
>
|
|
1369
|
+
<gui-tab-list>
|
|
1370
|
+
${ve.repeat(e,i=>i.uid,i=>n.html`<gui-tab
|
|
1371
|
+
panel=${i.uid}
|
|
1372
|
+
id=${_.tabButtonId(this.widget.uid,i.uid)}
|
|
1373
|
+
data-cy=${_.tabButtonId(this.widget.uid,i.uid)}
|
|
1374
|
+
>${i.label}</gui-tab
|
|
1375
|
+
>`)}
|
|
1376
|
+
</gui-tab-list>
|
|
1377
|
+
${ve.repeat(t,({tab:i})=>i.uid,({tab:i,child:s,isActive:g})=>n.html`<gui-tab-panel
|
|
1378
|
+
name=${i.uid}
|
|
1379
|
+
id=${_.tabPanelId(this.widget.uid,i.uid)}
|
|
1380
|
+
data-cy=${_.tabPanelId(this.widget.uid,i.uid)}
|
|
1381
|
+
?hidden=${!g}
|
|
1422
1382
|
>
|
|
1423
|
-
<gui-widget .widget=${
|
|
1424
|
-
</
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
>
|
|
1433
|
-
<gui-widget .widget=${t}></gui-widget>
|
|
1434
|
-
</section>`:l.nothing;return l.html`<div class="gui-accordion__section">
|
|
1435
|
-
<button
|
|
1436
|
-
type="button"
|
|
1437
|
-
tabindex="0"
|
|
1438
|
-
class=${_.classMap({active:this.activeSections[e.uid]})}
|
|
1439
|
-
id=${D.accordionButtonId(this.widget.uid,e.uid)}
|
|
1440
|
-
aria-controls=${D.accordionSectionId(this.widget.uid,e.uid)}
|
|
1441
|
-
aria-expanded=${this.activeSections[e.uid]?"true":"false"}
|
|
1442
|
-
@click=${()=>this.onClickButton(e.uid)}
|
|
1383
|
+
<gui-widget .widget=${s}></gui-widget>
|
|
1384
|
+
</gui-tab-panel>`)}
|
|
1385
|
+
</gui-tabs>`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}De([u.consume({context:l.formContext}),p.property({attribute:!1})],R.prototype,"formContext"),De([u.provide({context:l.layoutContext})],R.prototype,"adapter"),De([p.state()],R.prototype,"activeTab"),o.safeDefine("gui-tabs-layout",R);const Ma=Object.freeze(Object.defineProperty({__proto__:null,TabsElement:R},Symbol.toStringTag,{value:"Module"}));var ka=Object.defineProperty,st=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&ka(e,a,t),t};class ge extends n.LitElement{constructor(){super(...arguments),this.activeSections={},this.adapter=new l.LayoutWidgetAdapter,this.subscriptions=[],this.rowIndexSuffix=""}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-accordion","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.activeSections={...this.adapter.templateData.defaultOpen??{}},this.rowIndexSuffix=_.repeaterIndexSuffix(this.widget.uid),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}onToggle(e,a){if(e.target!==e.currentTarget)return;const{open:d}=e.detail;!!this.activeSections[a]!==d&&(d&&this.adapter.templateData.singleOpen&&Object.keys(this.activeSections).forEach(t=>{this.activeSections[t]=!1}),this.activeSections[a]=d,this.adapter.change({...this.activeSections}),this.requestUpdate())}getChild(e){return(this.adapter.templateData.children??[]).find(d=>d.uid===`${e}${this.rowIndexSuffix}`)}render(){if(!this.adapter.templateData)return n.html``;const{sections:e=[],singleOpen:a,renderMode:d}=this.adapter.templateData;return n.html`
|
|
1386
|
+
<gui-accordion id=${this.widget.uid} ?multiple=${!a}>
|
|
1387
|
+
${ve.repeat(e,t=>t.uid,t=>{const i=!!this.activeSections[t.uid],s=this.getChild(t.uid),g=s!==void 0&&(i||d!=="activeOnly")?n.html`<section
|
|
1388
|
+
class="gui-widget"
|
|
1389
|
+
role="region"
|
|
1390
|
+
id=${_.accordionSectionId(this.widget.uid,t.uid)}
|
|
1391
|
+
aria-labelledby=${_.accordionButtonId(this.widget.uid,t.uid)}
|
|
1443
1392
|
>
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
</div>`}):l.nothing}
|
|
1459
|
-
</div>
|
|
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`
|
|
1461
|
-
<div class="gui-widget" id=${this.widget.uid}>
|
|
1462
|
-
<div
|
|
1463
|
-
role="alert"
|
|
1464
|
-
class="gui-alert-notification gui-alert-notification--${this.adapter.templateData.level||"default"}"
|
|
1465
|
-
>
|
|
1466
|
-
${this.adapter.templateData.text}
|
|
1467
|
-
</div>
|
|
1468
|
-
</div>
|
|
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`
|
|
1393
|
+
<gui-widget .widget=${s}></gui-widget>
|
|
1394
|
+
</section>`:n.nothing;return n.html`<gui-accordion-item
|
|
1395
|
+
.open=${i}
|
|
1396
|
+
@gui-toggle=${h=>this.onToggle(h,t.uid)}
|
|
1397
|
+
>
|
|
1398
|
+
<details ?open=${i}>
|
|
1399
|
+
<summary id=${_.accordionButtonId(this.widget.uid,t.uid)}>
|
|
1400
|
+
${t.label}
|
|
1401
|
+
</summary>
|
|
1402
|
+
${g}
|
|
1403
|
+
</details>
|
|
1404
|
+
</gui-accordion-item>`})}
|
|
1405
|
+
</gui-accordion>
|
|
1406
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}st([u.consume({context:l.formContext}),p.property({attribute:!1})],ge.prototype,"formContext"),st([u.provide({context:l.layoutContext})],ge.prototype,"adapter"),o.safeDefine("gui-accordion-layout",ge);const Ta=Object.freeze(Object.defineProperty({__proto__:null,AccordionElement:ge},Symbol.toStringTag,{value:"Module"}));var Pa=Object.defineProperty,nt=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Pa(e,a,t),t};class be extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.DisplayWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}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(){const{text:e,level:a}=this.adapter.templateData;return n.html`<gui-alert id=${this.widget.uid} variant=${a||"default"}>${e}</gui-alert>`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}nt([u.consume({context:l.formContext}),p.property({attribute:!1})],be.prototype,"formContext"),nt([u.provide({context:l.displayWidgetContext})],be.prototype,"adapter"),o.safeDefine("gui-alert-display",be);const Ra=Object.freeze(Object.defineProperty({__proto__:null,AlertElement:be},Symbol.toStringTag,{value:"Module"}));var Ea=Object.defineProperty,lt=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Ea(e,a,t),t};class $e extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.DisplayWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}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 n.html`
|
|
1470
1407
|
<div class="gui-widget" id=${this.widget.uid}>
|
|
1471
1408
|
<gui-markdown-text
|
|
1472
1409
|
.md=${this.adapter.templateData.md}
|
|
1473
1410
|
.dependencies=${this.adapter.templateData.deps}
|
|
1474
1411
|
></gui-markdown-text>
|
|
1475
1412
|
</div>
|
|
1476
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}lt([
|
|
1413
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}lt([u.consume({context:l.formContext}),p.property({attribute:!1})],$e.prototype,"formContext"),lt([u.provide({context:l.displayWidgetContext})],$e.prototype,"adapter"),o.safeDefine("gui-markdown-text-display",$e);const Fa=Object.freeze(Object.defineProperty({__proto__:null,MarkdownTextElement:$e},Symbol.toStringTag,{value:"Module"}));var qa=Object.defineProperty,dt=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&qa(e,a,t),t};class fe extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.DisplayWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-renderer","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return n.html`
|
|
1477
1414
|
<div class="gui-widget" id=${this.widget.uid}>${this.adapter.templateData.render}</div>
|
|
1478
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}
|
|
1415
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}dt([u.consume({context:l.formContext}),p.property({attribute:!1})],fe.prototype,"formContext"),dt([u.provide({context:l.displayWidgetContext})],fe.prototype,"adapter"),o.safeDefine("gui-renderer-component",fe);const Sa=Object.freeze(Object.defineProperty({__proto__:null,RendererElement:fe},Symbol.toStringTag,{value:"Module"}));m.FormElement=xe,m.widgetLoaders=ye,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
|