@golemui/gui-lit 1.6.0 → 2.0.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +86 -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/default-list-item-renderer-sJeXkSKR.js +15 -0
- package/{default-multi-list-item-renderer-Cv-guvEX.js → default-multi-list-item-renderer-CG3Fuye0.js} +7 -12
- package/{dropdown.element-Ckh9JvEK.js → dropdown.element-C55MHVq-.js} +98 -132
- 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 +287 -374
- 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 +2 -6
- 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 +2 -8
- 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 +2 -6
- package/lib/components/multi-file-upload.element.d.ts +0 -1
- package/lib/components/multi-list.element.d.ts +2 -8
- 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-CIrv32zU.js +125 -0
- 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-nOsP8HUx.js} +99 -135
- package/{multi-file-upload.element-DzAZAfc1.js → multi-file-upload.element-4h6JQgRF.js} +16 -21
- package/multi-list.element-CZfmTbCf.js +139 -0
- 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/default-list-item-renderer-CuPJ9jUD.js +0 -24
- 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/list.element-UIKmXzeH.js +0 -148
- package/multi-list.element-Bs-UN2Cy.js +0 -162
- package/tabs.element-BiVaQlvt.js +0 -171
package/index.umd.cjs
CHANGED
|
@@ -1,22 +1,21 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(c,M){typeof exports=="object"&&typeof module<"u"?M(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"],M):(c=typeof globalThis<"u"?globalThis:c||self,M(c["gui-lit"]={},null,c.internals$1,c.internals,c.guiValidators,c.lit,c.context,c.lit$1,c.decorators_js,c.rxjs,null,null,null,null,null,null,null,null,null,null,null,null,c.live_js,c.internals$2,null,c.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,c.repeat_js,c.repeat_js$1))})(this,(function(c,M,o,b,rt,l,u,n,p,A,Ea,Ra,qa,Oa,Sa,Fa,ja,Va,Ua,za,Ba,Wa,g,y,Ga,C,Ha,Na,Ya,Ka,Ja,Za,Qa,Xa,ei,ti,ai,ii,ri,si,ni,li,di,oi,ui,pi,hi,ci,mi,be,ce){"use strict";const $e={button:async()=>(await Promise.resolve().then(()=>nt)).ButtonElement,calendar:async()=>(await Promise.resolve().then(()=>dt)).CalendarElement,dateTimeCalendar:async()=>(await Promise.resolve().then(()=>ut)).DateTimeCalendarElement,rangeCalendar:async()=>(await Promise.resolve().then(()=>ht)).RangeCalendarElement,rangeDateInput:async()=>(await Promise.resolve().then(()=>mt)).RangeDateInputElement,rangeTimeInput:async()=>(await Promise.resolve().then(()=>bt)).RangeTimeInputElement,rangeDateTimeInput:async()=>(await Promise.resolve().then(()=>ft)).RangeDateTimeInputElement,rangeDateTimeCalendar:async()=>(await Promise.resolve().then(()=>Dt)).RangeDateTimeCalendarElement,rangeDateTimePicker:async()=>(await Promise.resolve().then(()=>Ct)).RangeDateTimePickerElement,rangeDatePicker:async()=>(await Promise.resolve().then(()=>Lt)).RangeDatePickerElement,rangeTimePicker:async()=>(await Promise.resolve().then(()=>wt)).RangeTimePickerElement,currency:async()=>(await Promise.resolve().then(()=>At)).CurrencyElement,dateInput:async()=>(await Promise.resolve().then(()=>It)).DateElement,datePicker:async()=>(await Promise.resolve().then(()=>Pt)).DatePickerElement,dateTimePicker:async()=>(await Promise.resolve().then(()=>Rt)).DateTimePickerElement,dropdown:async()=>(await Promise.resolve().then(()=>Ot)).DropdownElement,fileUpload:async()=>(await Promise.resolve().then(()=>Ft)).FileUploadElement,list:async()=>(await Promise.resolve().then(()=>Vt)).ListElement,markdown:async()=>(await Promise.resolve().then(()=>zt)).MarkdownElement,multiDropdown:async()=>(await Promise.resolve().then(()=>Wt)).MultiDropdownElement,multiFileUpload:async()=>(await Promise.resolve().then(()=>Ht)).MultiFileUploadElement,multiList:async()=>(await Promise.resolve().then(()=>Yt)).MultiListElement,password:async()=>(await Promise.resolve().then(()=>Jt)).PasswordElement,textinput:async()=>(await Promise.resolve().then(()=>Qt)).TextinputElement,timeInput:async()=>(await Promise.resolve().then(()=>ea)).TimeElement,timePicker:async()=>(await Promise.resolve().then(()=>aa)).TimePickerElement,dateTimeInput:async()=>(await Promise.resolve().then(()=>ra)).DateTimeElement,textarea:async()=>(await Promise.resolve().then(()=>na)).TextareaElement,toggle:async()=>(await Promise.resolve().then(()=>da)).ToggleElement,checkbox:async()=>(await Promise.resolve().then(()=>ua)).CheckboxElement,number:async()=>(await Promise.resolve().then(()=>ha)).NumberElement,radiogroup:async()=>(await Promise.resolve().then(()=>ma)).RadiogroupElement,select:async()=>(await Promise.resolve().then(()=>ba)).SelectElement,tags:async()=>(await Promise.resolve().then(()=>fa)).TagsElement,repeater:async()=>(await Promise.resolve().then(()=>Da)).RepeaterElement,flex:async()=>(await Promise.resolve().then(()=>Qe)).GridElement,grid:async()=>(await Promise.resolve().then(()=>Qe)).GridElement,tabs:async()=>(await Promise.resolve().then(()=>_a)).TabsElement,accordion:async()=>(await Promise.resolve().then(()=>xa)).AccordionElement,alert:async()=>(await Promise.resolve().then(()=>Ma)).AlertElement,markdownText:async()=>(await Promise.resolve().then(()=>ka)).MarkdownTextElement,renderer:async()=>(await Promise.resolve().then(()=>Ta)).RendererElement};class fe extends l.createFormComponent({widgetLoaders:$e,validators:rt.initValidators,resolveFormInput:b.resolveFormInput}){}o.safeDefine("gui-form",fe);var st=Object.defineProperty,ve=(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 k 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)}}ve([u.consume({context:l.formContext}),p.property({attribute:!1})],k.prototype,"formContext"),ve([u.provide({context:l.actionContext})],k.prototype,"adapter"),o.safeDefine("gui-button-interactive",k);const nt=Object.freeze(Object.defineProperty({__proto__:null,ButtonElement:k},Symbol.toStringTag,{value:"Module"}));var lt=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&<(e,a,t),t};class I 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)}}De([u.consume({context:l.formContext}),p.property({attribute:!1})],I.prototype,"formContext"),De([u.provide({context:l.inputContext})],I.prototype,"adapter"),o.safeDefine("gui-calendar-input",I);const dt=Object.freeze(Object.defineProperty({__proto__:null,CalendarElement:I},Symbol.toStringTag,{value:"Module"}));var ot=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&&ot(e,a,t),t};class T 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)}}ye([u.consume({context:l.formContext}),p.property({attribute:!1})],T.prototype,"formContext"),ye([u.provide({context:l.inputContext})],T.prototype,"adapter"),o.safeDefine("gui-date-time-calendar-input",T);const ut=Object.freeze(Object.defineProperty({__proto__:null,DateTimeCalendarElement:T},Symbol.toStringTag,{value:"Module"}));var pt=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&&pt(e,a,t),t};class P 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)}}Ce([u.consume({context:l.formContext}),p.property({attribute:!1})],P.prototype,"formContext"),Ce([u.provide({context:l.inputContext})],P.prototype,"adapter"),o.safeDefine("gui-range-calendar-input",P);const ht=Object.freeze(Object.defineProperty({__proto__:null,RangeCalendarElement:P},Symbol.toStringTag,{value:"Module"}));var ct=Object.defineProperty,_e=(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 E 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)}}_e([u.consume({context:l.formContext}),p.property({attribute:!1})],E.prototype,"formContext"),_e([u.provide({context:l.inputContext})],E.prototype,"adapter"),o.safeDefine("gui-range-date-input",E);const mt=Object.freeze(Object.defineProperty({__proto__:null,RangeDateInputElement:E},Symbol.toStringTag,{value:"Module"}));var gt=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&>(e,a,t),t};class R 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)}}Le([u.consume({context:l.formContext}),p.property({attribute:!1})],R.prototype,"formContext"),Le([u.provide({context:l.inputContext})],R.prototype,"adapter"),o.safeDefine("gui-range-time-input",R);const bt=Object.freeze(Object.defineProperty({__proto__:null,RangeTimeInputElement:R},Symbol.toStringTag,{value:"Module"}));var $t=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&&$t(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-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)}}xe([u.consume({context:l.formContext}),p.property({attribute:!1})],q.prototype,"formContext"),xe([u.provide({context:l.inputContext})],q.prototype,"adapter"),o.safeDefine("gui-range-date-time-input",q);const ft=Object.freeze(Object.defineProperty({__proto__:null,RangeDateTimeInputElement:q},Symbol.toStringTag,{value:"Module"}));var vt=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&&vt(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-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)}}
|
|
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)}}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-range-date-time-calendar-input",O);const Dt=Object.freeze(Object.defineProperty({__proto__:null,RangeDateTimeCalendarElement:O},Symbol.toStringTag,{value:"Module"}));var yt=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&&yt(e,a,t),t};class S 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)}}Me([u.consume({context:l.formContext}),p.property({attribute:!1})],S.prototype,"formContext"),Me([u.provide({context:l.inputContext})],S.prototype,"adapter"),o.safeDefine("gui-range-date-time-picker-input",S);const Ct=Object.freeze(Object.defineProperty({__proto__:null,RangeDateTimePickerElement:S},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 F 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)}}
|
|
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)}}Ae([u.consume({context:l.formContext}),p.property({attribute:!1})],F.prototype,"formContext"),Ae([u.provide({context:l.inputContext})],F.prototype,"adapter"),o.safeDefine("gui-range-date-picker-input",F);const Lt=Object.freeze(Object.defineProperty({__proto__:null,RangeDatePickerElement:F},Symbol.toStringTag,{value:"Module"}));var xt=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&&xt(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-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)}}ke([u.consume({context:l.formContext}),p.property({attribute:!1})],j.prototype,"formContext"),ke([u.provide({context:l.inputContext})],j.prototype,"adapter"),o.safeDefine("gui-range-time-picker-input",j);const wt=Object.freeze(Object.defineProperty({__proto__:null,RangeTimePickerElement:j},Symbol.toStringTag,{value:"Module"}));var Mt=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&&Mt(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-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=${g.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)}}Ie([u.consume({context:l.formContext}),p.property({attribute:!1})],V.prototype,"formContext"),Ie([u.provide({context:l.inputContext})],V.prototype,"adapter"),o.safeDefine("gui-currency-input",V);const At=Object.freeze(Object.defineProperty({__proto__:null,CurrencyElement:V},Symbol.toStringTag,{value:"Module"}));var kt=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&&kt(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-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=y.addIcon("date",this.adapter.templateData);return n.html`
|
|
470
470
|
<gui-date
|
|
471
|
-
class=${
|
|
471
|
+
class=${C.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)}}Te([u.consume({context:l.formContext}),p.property({attribute:!1})],U.prototype,"formContext"),Te([u.provide({context:l.inputContext})],U.prototype,"adapter"),o.safeDefine("gui-date-input",U);const It=Object.freeze(Object.defineProperty({__proto__:null,DateElement:U},Symbol.toStringTag,{value:"Module"}));var Tt=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&&Tt(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-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)}}Pe([u.consume({context:l.formContext}),p.property({attribute:!1})],z.prototype,"formContext"),Pe([u.provide({context:l.inputContext})],z.prototype,"adapter"),o.safeDefine("gui-date-picker-input",z);const Pt=Object.freeze(Object.defineProperty({__proto__:null,DatePickerElement:z},Symbol.toStringTag,{value:"Module"}));var Et=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&&Et(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-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,11 @@
|
|
|
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
|
-
<div
|
|
589
|
-
role="option"
|
|
590
|
-
class=${_.classMap(e)}
|
|
591
|
-
aria-selected=${s.selected?"true":"false"}
|
|
592
|
-
aria-disabled=${s.disabled?"true":"false"}
|
|
593
|
-
>
|
|
594
|
-
${s.template}
|
|
595
|
-
</div>
|
|
596
|
-
`};var jt=Object.defineProperty,C=(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&&jt(e,t,a),a};class v extends l.LitElement{constructor(){super(...arguments),this.adapter=new n.InputWidgetAdapter,this.debouncer=new q.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 t=e.composedPath(),d=this._inputRef&&t.includes(this._inputRef),a=this._panelRef&&t.includes(this._panelRef);!d&&!a&&(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}updated(e){super.updated(e);const t=this.adapter.templateData.size;t?this.style.flex=String(t):this.style.removeProperty("flex")}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(q.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 t=e.detail||[];if(this._listItems=t,!this._selectedItem&&this.adapter.templateData.value!=null){const d=t.find(a=>a.value===this.adapter.templateData.value);d&&(this._selectedItem=d)}}_onFocusChange(e){this._focusedIndex=e.detail.index}_onClickItem(e,t){if(this.adapter.templateData.readonly||e.disabled)return;const d=this.adapter.templateData;this.adapter.valueChanged(e.value),this.adapter.filterChanged(""),this._focusedIndex=t,this._selectedItem=e,this._isFiltering=!1,this._isListVisible=!1,this._listRef&&(this._listRef.focusItemAtIndex(t),this._inputRef.value=d.valueField?e.template[d.valueField]:e.template)}_onValueChange(e){const t=e.detail.value;this.adapter.valueChanged(t),this.adapter.filterChanged(""),this._selectedItem=this._listItems.find(d=>d.value===t),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 t=e.target.value;this.debouncer.next(t)}_filterItems(e){const t=this.adapter.templateData,d=!!this.widget.on?.filter;if(this.adapter.filterChanged(e),e&&!d){this._isFiltering=!0,this._isListVisible=!0;const a=t.searchFields??[t.labelField,t.valueField].filter(h=>!!h),i=a.length>0,f=(t.items||[]).filter(h=>{if(h===null||typeof h!="object")return h!=null&&h.toString().toLowerCase().includes(e.toLowerCase());const b=Object.keys(h),m=($,w)=>$||h[w].toString().toLowerCase().includes(e.toLowerCase());return i?b.filter($=>a.includes($)).reduce(m,!1):b.reduce(m,!1)});this._filteredItems=[...f]}else this._isFiltering=!1,this._filteredItems=[...t.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 t=e.target;this._listRef&&this._listRef.contains(t)||e.preventDefault()}_onFocusOut(e){const t=e.relatedTarget;t&&this.contains(t)||(this.adapter.onBlur(),this._isListVisible=!1,this._isFiltering=!1)}render(){const e=this.adapter.templateData,t=e.touched&&e.errors&&e.errors.length>0,d=this._listItems.slice(this._range.start,this._range.end),a=this.adapter.getItemRenderer(e.itemRenderer,ze),r=this._selectedItem?.template!==null&&typeof this._selectedItem?.template=="object"?e.labelField??"label":null,f=r?this._selectedItem?.template[r]:this._selectedItem?.template,h=!!this.widget.on?.filter;return l.html`
|
|
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)}}Ee([u.consume({context:l.formContext}),p.property({attribute:!1})],B.prototype,"formContext"),Ee([u.provide({context:l.inputContext})],B.prototype,"adapter"),o.safeDefine("gui-date-time-picker-input",B);const Rt=Object.freeze(Object.defineProperty({__proto__:null,DateTimePickerElement:B},Symbol.toStringTag,{value:"Module"})),Re=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` <div class=${C.classMap(e)}>${r.template}</div> `};var qt=Object.defineProperty,v=(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&&qt(e,a,t),t};class $ extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.debouncer=new A.Subject,this.subscriptions=[],this._visibleItems=[],this._filteredItems=[],this._listItems=[],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(A.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)}_onVisibleItemsChange(e){this._visibleItems=e.detail}_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)}}_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;this.adapter.filterChanged(e),e&&!d?(this._isFiltering=!0,this._isListVisible=!0,this._filteredItems=y.searchItems(a.items||[],e,a)):(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.adapter.getItemRenderer(e.itemRenderer,Re),i=this._selectedItem?.template!==null&&typeof this._selectedItem?.template=="object"?e.labelField??"label":null,s=i?this._selectedItem?.template[i]:this._selectedItem?.template,h=!!this.widget.on?.filter;return n.html`
|
|
597
589
|
<gui-label
|
|
598
590
|
.targetElement=${[this._listRef,this._inputRef]}
|
|
599
591
|
.uid=${this.widget.uid}
|
|
@@ -606,31 +598,31 @@
|
|
|
606
598
|
></gui-label>
|
|
607
599
|
|
|
608
600
|
<div class="gui-widget" @keydown=${this._onWidgetKeyDown} @focusout=${this._onFocusOut}>
|
|
609
|
-
${e.icon?
|
|
610
|
-
class=${
|
|
601
|
+
${e.icon?n.html`<span
|
|
602
|
+
class=${C.classMap({"gui-widget-icon":!0,[e.icon]:!0})}
|
|
611
603
|
data-icon=${e.icon}
|
|
612
604
|
aria-hidden="true"
|
|
613
|
-
></span>`:
|
|
605
|
+
></span>`:n.nothing}
|
|
614
606
|
<input
|
|
615
607
|
type="text"
|
|
616
608
|
role="combobox"
|
|
617
609
|
id=${this.widget.uid}
|
|
618
610
|
data-cy=${`${this.widget.uid}_textinput`}
|
|
619
|
-
class=${
|
|
620
|
-
.value=${
|
|
611
|
+
class=${C.classMap({"gui-widget-input":!0,"gui-dropdown--icon":!!e.icon})}
|
|
612
|
+
.value=${s??e.value??""}
|
|
621
613
|
?required=${e.validator?.required}
|
|
622
614
|
?disabled=${e.disabled}
|
|
623
615
|
?readonly=${e.readonly}
|
|
624
616
|
placeholder=${e.placeholder??""}
|
|
625
|
-
autocomplete=${e.autocomplete||
|
|
617
|
+
autocomplete=${e.autocomplete||n.nothing}
|
|
626
618
|
@keydown=${this._onKeyDown}
|
|
627
619
|
@input=${this._onInput}
|
|
628
620
|
@focus=${this._onFocus}
|
|
629
621
|
aria-expanded=${this._isListVisible?"true":"false"}
|
|
630
622
|
aria-controls=${`${this.widget.uid}-list`}
|
|
631
623
|
aria-autocomplete="list"
|
|
632
|
-
aria-labelledby=${e.label?`${this.widget.uid}_label`:
|
|
633
|
-
aria-describedby=${e.hint?`${this.widget.uid}_hint`:
|
|
624
|
+
aria-labelledby=${e.label?`${this.widget.uid}_label`:n.nothing}
|
|
625
|
+
aria-describedby=${e.hint?`${this.widget.uid}_hint`:n.nothing}
|
|
634
626
|
/>
|
|
635
627
|
<button
|
|
636
628
|
type="button"
|
|
@@ -643,17 +635,7 @@
|
|
|
643
635
|
@mousedown=${this._onToggleMouseDown}
|
|
644
636
|
@click=${this._onToggleClick}
|
|
645
637
|
>
|
|
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>
|
|
638
|
+
<span class="gui-caret" aria-hidden="true"></span>
|
|
657
639
|
</button>
|
|
658
640
|
|
|
659
641
|
<div
|
|
@@ -664,59 +646,57 @@
|
|
|
664
646
|
<gui-list
|
|
665
647
|
id=${`${this.widget.uid}-list`}
|
|
666
648
|
.uid=${this.widget.uid}
|
|
667
|
-
.value=${e.value??""}
|
|
649
|
+
.value=${g.live(e.value??"")}
|
|
668
650
|
.valueField=${e.valueField}
|
|
669
651
|
.items=${this._isFiltering&&!h?this._filteredItems:e.items}
|
|
670
652
|
.itemHeight=${e.itemHeight}
|
|
671
653
|
.height=${e.height}
|
|
672
654
|
?required=${e.validator?.required}
|
|
673
|
-
|
|
655
|
+
.touched=${e.touched}
|
|
674
656
|
?disabled=${e.disabled}
|
|
675
657
|
?readonly=${e.readonly}
|
|
676
658
|
?hidden=${!this._isListVisible}
|
|
677
|
-
@gui-
|
|
659
|
+
@gui-visible-items-change=${this._onVisibleItemsChange}
|
|
678
660
|
@gui-update-items=${this._onUpdateItems}
|
|
679
|
-
@gui-focus-change=${this._onFocusChange}
|
|
680
661
|
@focus=${this._onFocus}
|
|
681
|
-
@
|
|
662
|
+
@gui-input=${this._onValueChange}
|
|
682
663
|
>
|
|
683
|
-
${
|
|
664
|
+
${this._visibleItems.map(m=>{const ge=e.labelField??"label",Pa=m.template!==null&&typeof m.template=="object"&&ge&&!e.itemRenderer?m.template[ge]:m.template;return n.html`
|
|
684
665
|
<div
|
|
685
666
|
role="option"
|
|
686
667
|
tabindex="-1"
|
|
687
668
|
class="gui-list__item-wrapper"
|
|
688
|
-
id
|
|
669
|
+
id=${m.id}
|
|
689
670
|
style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
|
|
690
|
-
aria-selected=${
|
|
691
|
-
aria-disabled=${
|
|
692
|
-
@click=${()=>this._onClickItem(c,m)}
|
|
671
|
+
aria-selected=${m.selected?"true":"false"}
|
|
672
|
+
aria-disabled=${m.disabled?"true":"false"}
|
|
693
673
|
>
|
|
694
|
-
${
|
|
674
|
+
${d({template:Pa,value:m.value,index:m.index,selected:m.selected,disabled:m.disabled,focused:m.focused})}
|
|
695
675
|
</div>
|
|
696
676
|
`})}
|
|
697
677
|
</gui-list>
|
|
698
|
-
${
|
|
678
|
+
${a?n.html`<gui-errors
|
|
699
679
|
panel
|
|
700
680
|
.uid=${this.widget.uid}
|
|
701
681
|
.errors=${e.errors}
|
|
702
682
|
.touched=${e.touched}
|
|
703
|
-
></gui-errors>`:
|
|
683
|
+
></gui-errors>`:n.nothing}
|
|
704
684
|
</div>
|
|
705
685
|
</div>
|
|
706
686
|
|
|
707
|
-
${
|
|
687
|
+
${a?n.html`<gui-errors
|
|
708
688
|
.uid=${this.widget.uid}
|
|
709
689
|
.errors=${e.errors}
|
|
710
690
|
.touched=${e.touched}
|
|
711
|
-
></gui-errors>`:
|
|
712
|
-
`}}
|
|
691
|
+
></gui-errors>`:n.nothing}
|
|
692
|
+
`}}v([u.consume({context:l.formContext}),p.property({attribute:!1})],$.prototype,"formContext"),v([u.provide({context:l.inputContext})],$.prototype,"adapter"),v([p.state()],$.prototype,"_visibleItems"),v([p.state()],$.prototype,"_filteredItems"),v([p.state()],$.prototype,"_listItems"),v([p.state()],$.prototype,"_isFiltering"),v([p.state()],$.prototype,"_isListVisible"),v([p.state()],$.prototype,"_selectedItem"),v([p.query("input")],$.prototype,"_inputRef"),v([p.query("gui-list")],$.prototype,"_listRef"),v([p.query(".gui-picker__panel")],$.prototype,"_panelRef"),o.safeDefine("gui-dropdown-input",$);const Ot=Object.freeze(Object.defineProperty({__proto__:null,DropdownElement:$},Symbol.toStringTag,{value:"Module"}));var St=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&&St(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-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
693
|
<gui-file-upload
|
|
714
694
|
.uid=${this.widget.uid}
|
|
715
695
|
.path=${this.widget.path}
|
|
716
696
|
.label=${e.label}
|
|
717
697
|
.hint=${e.hint}
|
|
718
698
|
.errors=${e.errors}
|
|
719
|
-
|
|
699
|
+
.touched=${e.touched}
|
|
720
700
|
?required=${e.validator?.required}
|
|
721
701
|
?disabled=${e.disabled}
|
|
722
702
|
?readonly=${e.readonly}
|
|
@@ -738,11 +718,11 @@
|
|
|
738
718
|
.uploadedMessage=${e.uploadedMessage}
|
|
739
719
|
.removedMessage=${e.removedMessage}
|
|
740
720
|
.failedMessage=${e.failedMessage}
|
|
741
|
-
@
|
|
742
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
743
|
-
@
|
|
721
|
+
@gui-input=${this.valueChanged}
|
|
722
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
723
|
+
@gui-input-error=${this.onInputError}
|
|
744
724
|
></gui-file-upload>
|
|
745
|
-
`}valueChanged(e){const
|
|
725
|
+
`}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)}}qe([u.consume({context:l.formContext}),p.property({attribute:!1})],W.prototype,"formContext"),qe([u.provide({context:l.inputContext})],W.prototype,"adapter"),o.safeDefine("gui-file-upload-input",W);const Ft=Object.freeze(Object.defineProperty({__proto__:null,FileUploadElement:W},Symbol.toStringTag,{value:"Module"}));var jt=Object.defineProperty,G=(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 _ extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[],this._visibleItems=[]}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(()=>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.adapter.getItemRenderer(e.itemRenderer,Re);return n.html`
|
|
746
726
|
<gui-label
|
|
747
727
|
.targetElement=${this._guiListRef}
|
|
748
728
|
.uid=${this.widget.uid}
|
|
@@ -751,61 +731,60 @@
|
|
|
751
731
|
.errors=${e.errors}
|
|
752
732
|
.touched=${e.touched}
|
|
753
733
|
.required=${e.validator?.required}
|
|
734
|
+
.disabled=${e.disabled}
|
|
735
|
+
.readOnly=${e.readonly}
|
|
754
736
|
.native=${!1}
|
|
755
737
|
></gui-label>
|
|
756
738
|
|
|
757
739
|
<div class="gui-widget">
|
|
758
740
|
<gui-list
|
|
759
741
|
.uid=${this.widget.uid}
|
|
760
|
-
.value=${e.value??""}
|
|
742
|
+
.value=${g.live(e.value??"")}
|
|
761
743
|
.valueField=${e.valueField}
|
|
762
744
|
.items=${e.items}
|
|
763
745
|
.itemHeight=${e.itemHeight}
|
|
764
746
|
.height=${e.height}
|
|
765
747
|
?required=${e.validator?.required}
|
|
766
|
-
|
|
748
|
+
.touched=${e.touched}
|
|
767
749
|
?disabled=${e.disabled}
|
|
768
750
|
?readonly=${e.readonly}
|
|
769
|
-
aria-labelledby=${e.label?`${this.widget.uid}_label`:
|
|
770
|
-
aria-describedby=${e.hint?`${this.widget.uid}_hint`:
|
|
771
|
-
@gui-
|
|
772
|
-
@gui-
|
|
773
|
-
@gui-
|
|
774
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
775
|
-
@change=${this._valueChanged}
|
|
751
|
+
aria-labelledby=${e.label?`${this.widget.uid}_label`:n.nothing}
|
|
752
|
+
aria-describedby=${e.hint?`${this.widget.uid}_hint`:n.nothing}
|
|
753
|
+
@gui-visible-items-change=${this._onVisibleItemsChange}
|
|
754
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
755
|
+
@gui-input=${this._valueChanged}
|
|
776
756
|
>
|
|
777
|
-
${
|
|
757
|
+
${this._visibleItems.map(t=>{const i=e.labelField??"label",h=t.template!==null&&typeof t.template=="object"&&i&&!e.itemRenderer?t.template[i]:t.template;return n.html`
|
|
778
758
|
<div
|
|
779
759
|
role="option"
|
|
780
760
|
tabindex="-1"
|
|
781
761
|
class="gui-list__item-wrapper"
|
|
782
|
-
id
|
|
762
|
+
id=${t.id}
|
|
783
763
|
style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
|
|
784
|
-
aria-selected=${
|
|
785
|
-
aria-disabled=${
|
|
786
|
-
@click=${()=>this._onClickItem(i,f)}
|
|
764
|
+
aria-selected=${t.selected?"true":"false"}
|
|
765
|
+
aria-disabled=${t.disabled?"true":"false"}
|
|
787
766
|
>
|
|
788
|
-
${
|
|
767
|
+
${d({template:h,value:t.value,index:t.index,selected:t.selected,disabled:t.disabled,focused:t.focused})}
|
|
789
768
|
</div>
|
|
790
769
|
`})}
|
|
791
770
|
</gui-list>
|
|
792
771
|
</div>
|
|
793
772
|
|
|
794
|
-
${
|
|
773
|
+
${a?n.html`<gui-errors
|
|
795
774
|
.uid=${this.widget.uid}
|
|
796
775
|
.errors=${e.errors}
|
|
797
776
|
.touched=${e.touched}
|
|
798
|
-
></gui-errors>`:
|
|
799
|
-
`}
|
|
777
|
+
></gui-errors>`:n.nothing}
|
|
778
|
+
`}_onVisibleItemsChange(e){this._visibleItems=e.detail}_valueChanged(e){this.adapter.templateData.readonly||this.adapter.valueChanged(e.detail.value)}}G([u.consume({context:l.formContext}),p.property({attribute:!1})],_.prototype,"formContext"),G([u.provide({context:l.inputContext})],_.prototype,"adapter"),G([p.state()],_.prototype,"_visibleItems"),G([p.query("gui-list")],_.prototype,"_guiListRef"),o.safeDefine("gui-list-input",_);const Vt=Object.freeze(Object.defineProperty({__proto__:null,ListElement:_},Symbol.toStringTag,{value:"Module"}));var Ut=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&&Ut(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-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
779
|
<gui-markdown
|
|
801
780
|
.uid=${this.widget.uid}
|
|
802
781
|
.label=${this.adapter.templateData.label}
|
|
803
782
|
.errors=${this.adapter.templateData.errors}
|
|
804
|
-
|
|
783
|
+
.touched=${this.adapter.templateData.touched}
|
|
805
784
|
?required=${this.adapter.templateData.validator?.required}
|
|
806
785
|
?disabled=${this.adapter.templateData.disabled}
|
|
807
786
|
?readonly=${this.adapter.templateData.readonly}
|
|
808
|
-
.value=${this.adapter.templateData.value}
|
|
787
|
+
.value=${g.live(this.adapter.templateData.value)}
|
|
809
788
|
.hint=${this.adapter.templateData.hint}
|
|
810
789
|
.placeholder=${this.adapter.templateData.placeholder}
|
|
811
790
|
.autocomplete=${this.adapter.templateData.autocomplete}
|
|
@@ -826,16 +805,11 @@
|
|
|
826
805
|
.defaultOpenPreview=${this.adapter.templateData.defaultOpenPreview}
|
|
827
806
|
.maxLength=${this.adapter.templateData.validator?.maxLength}
|
|
828
807
|
.dependencies=${this.adapter.templateData.deps}
|
|
829
|
-
@input=${this.valueChanged}
|
|
830
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
808
|
+
@gui-input=${this.valueChanged}
|
|
809
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
831
810
|
></gui-markdown>
|
|
832
|
-
`}valueChanged(e){const
|
|
833
|
-
<div
|
|
834
|
-
role="option"
|
|
835
|
-
class=${_.classMap(e)}
|
|
836
|
-
aria-selected=${s.selected?"true":"false"}
|
|
837
|
-
aria-disabled=${s.disabled?"true":"false"}
|
|
838
|
-
>
|
|
811
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Oe([u.consume({context:l.formContext}),p.property({attribute:!1})],H.prototype,"formContext"),Oe([u.provide({context:l.inputContext})],H.prototype,"adapter"),o.safeDefine("gui-markdown-input",H);const zt=Object.freeze(Object.defineProperty({__proto__:null,MarkdownElement:H},Symbol.toStringTag,{value:"Module"})),Se=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`
|
|
812
|
+
<div class=${C.classMap(e)}>
|
|
839
813
|
<span class="gui-list__item-check" aria-hidden="true">
|
|
840
814
|
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 256 256">
|
|
841
815
|
<path
|
|
@@ -843,9 +817,9 @@
|
|
|
843
817
|
></path>
|
|
844
818
|
</svg>
|
|
845
819
|
</span>
|
|
846
|
-
${
|
|
820
|
+
${r.template}
|
|
847
821
|
</div>
|
|
848
|
-
`};var
|
|
822
|
+
`};var Bt=Object.defineProperty,D=(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 f extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.debouncer=new A.Subject,this.subscriptions=[],this._visibleItems=[],this._filteredItems=[],this._listItems=[],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(A.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=y.updateListItems(a.items??[],a);return y.selectedPills(e,d,a.labelField,this._listItems)}_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()}_onVisibleItemsChange(e){this._visibleItems=e.detail}_onUpdateItems(e){this._listItems=e.detail||[]}_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;this.adapter.filterChanged(e),e&&!d?(this._isFiltering=!0,this._isListVisible=!0,this._filteredItems=y.searchItems(a.items||[],e,a)):(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._currentValues(),t=this._pillItems(d),i=this.adapter.getItemRenderer(e.itemRenderer,Se),s=!!this.widget.on?.filter;return n.html`
|
|
849
823
|
<gui-label
|
|
850
824
|
.targetElement=${[this._listRef,this._triggerRef?.input]}
|
|
851
825
|
.uid=${this.widget.uid}
|
|
@@ -860,7 +834,7 @@
|
|
|
860
834
|
<div class="gui-widget" @keydown=${this._onWidgetKeyDown} @focusout=${this._onFocusOut}>
|
|
861
835
|
<gui-multi-select-trigger
|
|
862
836
|
.uid=${this.widget.uid}
|
|
863
|
-
.pills=${
|
|
837
|
+
.pills=${t}
|
|
864
838
|
.errors=${e.errors}
|
|
865
839
|
.touched=${!!e.touched}
|
|
866
840
|
?required=${e.validator?.required}
|
|
@@ -875,12 +849,12 @@
|
|
|
875
849
|
.panelId=${`${this.widget.uid}-list`}
|
|
876
850
|
.removeAriaLabel=${e.removeAriaLabel}
|
|
877
851
|
.removeIcon=${e.removeIcon}
|
|
878
|
-
.compactAriaLabel=${`${
|
|
852
|
+
.compactAriaLabel=${`${t.length} selected`}
|
|
879
853
|
@keydown=${this._onKeyDown}
|
|
880
854
|
@input=${this._onInput}
|
|
881
855
|
@focusin=${this._onFocusIn}
|
|
882
|
-
@
|
|
883
|
-
@
|
|
856
|
+
@gui-pill-remove=${this._onPillRemove}
|
|
857
|
+
@gui-dropdown-toggle=${this._onPillsDropdownToggle}
|
|
884
858
|
></gui-multi-select-trigger>
|
|
885
859
|
<button
|
|
886
860
|
type="button"
|
|
@@ -893,17 +867,7 @@
|
|
|
893
867
|
@mousedown=${this._onToggleMouseDown}
|
|
894
868
|
@click=${this._onToggleClick}
|
|
895
869
|
>
|
|
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>
|
|
870
|
+
<span class="gui-caret" aria-hidden="true"></span>
|
|
907
871
|
</button>
|
|
908
872
|
|
|
909
873
|
<div
|
|
@@ -914,58 +878,56 @@
|
|
|
914
878
|
<gui-multi-list
|
|
915
879
|
id=${`${this.widget.uid}-list`}
|
|
916
880
|
.uid=${this.widget.uid}
|
|
917
|
-
.values=${
|
|
881
|
+
.values=${g.live(d)}
|
|
918
882
|
.valueField=${e.valueField}
|
|
919
|
-
.items=${this._isFiltering&&!
|
|
883
|
+
.items=${this._isFiltering&&!s?this._filteredItems:e.items}
|
|
920
884
|
.itemHeight=${e.itemHeight}
|
|
921
885
|
.height=${e.height}
|
|
922
886
|
?required=${e.validator?.required}
|
|
923
|
-
|
|
887
|
+
.touched=${e.touched}
|
|
924
888
|
?disabled=${e.disabled}
|
|
925
889
|
?readonly=${e.readonly}
|
|
926
890
|
?hidden=${!this._isListVisible}
|
|
927
|
-
@gui-
|
|
891
|
+
@gui-visible-items-change=${this._onVisibleItemsChange}
|
|
928
892
|
@gui-update-items=${this._onUpdateItems}
|
|
929
|
-
@gui-
|
|
930
|
-
@change=${this._onValueChange}
|
|
893
|
+
@gui-item-toggle=${this._onValueChange}
|
|
931
894
|
>
|
|
932
|
-
${
|
|
895
|
+
${this._visibleItems.map(h=>{const m=e.labelField??"label",it=h.template!==null&&typeof h.template=="object"&&m&&!e.itemRenderer?h.template[m]:h.template;return n.html`
|
|
933
896
|
<div
|
|
934
897
|
role="option"
|
|
935
898
|
tabindex="-1"
|
|
936
899
|
class="gui-list__item-wrapper"
|
|
937
|
-
id
|
|
900
|
+
id=${h.id}
|
|
938
901
|
style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
|
|
939
|
-
aria-selected=${
|
|
940
|
-
aria-disabled=${
|
|
941
|
-
@click=${()=>this._onClickItem(h,b)}
|
|
902
|
+
aria-selected=${h.selected?"true":"false"}
|
|
903
|
+
aria-disabled=${h.disabled?"true":"false"}
|
|
942
904
|
>
|
|
943
|
-
${
|
|
905
|
+
${i({template:it,value:h.value,index:h.index,selected:h.selected,disabled:h.disabled,focused:h.focused})}
|
|
944
906
|
</div>
|
|
945
907
|
`})}
|
|
946
908
|
</gui-multi-list>
|
|
947
|
-
${
|
|
909
|
+
${a?n.html`<gui-errors
|
|
948
910
|
panel
|
|
949
911
|
.uid=${this.widget.uid}
|
|
950
912
|
.errors=${e.errors}
|
|
951
913
|
.touched=${e.touched}
|
|
952
|
-
></gui-errors>`:
|
|
914
|
+
></gui-errors>`:n.nothing}
|
|
953
915
|
</div>
|
|
954
916
|
</div>
|
|
955
917
|
|
|
956
|
-
${
|
|
918
|
+
${a?n.html`<gui-errors
|
|
957
919
|
.uid=${this.widget.uid}
|
|
958
920
|
.errors=${e.errors}
|
|
959
921
|
.touched=${e.touched}
|
|
960
|
-
></gui-errors>`:
|
|
961
|
-
`}}
|
|
922
|
+
></gui-errors>`:n.nothing}
|
|
923
|
+
`}}D([u.consume({context:l.formContext}),p.property({attribute:!1})],f.prototype,"formContext"),D([u.provide({context:l.inputContext})],f.prototype,"adapter"),D([p.state()],f.prototype,"_visibleItems"),D([p.state()],f.prototype,"_filteredItems"),D([p.state()],f.prototype,"_listItems"),D([p.state()],f.prototype,"_isFiltering"),D([p.state()],f.prototype,"_isListVisible"),D([p.query("gui-multi-select-trigger")],f.prototype,"_triggerRef"),D([p.query("gui-multi-list")],f.prototype,"_listRef"),D([p.query(".gui-picker__panel")],f.prototype,"_panelRef"),o.safeDefine("gui-multi-dropdown-input",f);const Wt=Object.freeze(Object.defineProperty({__proto__:null,MultiDropdownElement:f},Symbol.toStringTag,{value:"Module"}));var Gt=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&&Gt(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-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
924
|
<gui-multi-file-upload
|
|
963
925
|
.uid=${this.widget.uid}
|
|
964
926
|
.path=${this.widget.path}
|
|
965
927
|
.label=${e.label}
|
|
966
928
|
.hint=${e.hint}
|
|
967
929
|
.errors=${e.errors}
|
|
968
|
-
|
|
930
|
+
.touched=${e.touched}
|
|
969
931
|
?required=${e.validator?.required}
|
|
970
932
|
?disabled=${e.disabled}
|
|
971
933
|
?readonly=${e.readonly}
|
|
@@ -987,11 +949,11 @@
|
|
|
987
949
|
.uploadedMessage=${e.uploadedMessage}
|
|
988
950
|
.removedMessage=${e.removedMessage}
|
|
989
951
|
.failedMessage=${e.failedMessage}
|
|
990
|
-
@
|
|
991
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
992
|
-
@
|
|
952
|
+
@gui-input=${this.valueChanged}
|
|
953
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
954
|
+
@gui-input-error=${this.onInputError}
|
|
993
955
|
></gui-multi-file-upload>
|
|
994
|
-
`}valueChanged(e){const
|
|
956
|
+
`}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)}}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-multi-file-upload-input",N);const Ht=Object.freeze(Object.defineProperty({__proto__:null,MultiFileUploadElement:N},Symbol.toStringTag,{value:"Module"}));var Nt=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&&Nt(e,a,t),t};class L extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[],this._visibleItems=[]}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(()=>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._currentValues(),t=this.adapter.getItemRenderer(e.itemRenderer,Se);return n.html`
|
|
995
957
|
<gui-label
|
|
996
958
|
.targetElement=${this._guiListRef}
|
|
997
959
|
.uid=${this.widget.uid}
|
|
@@ -1000,62 +962,61 @@
|
|
|
1000
962
|
.errors=${e.errors}
|
|
1001
963
|
.touched=${e.touched}
|
|
1002
964
|
.required=${e.validator?.required}
|
|
965
|
+
.disabled=${e.disabled}
|
|
966
|
+
.readOnly=${e.readonly}
|
|
1003
967
|
.native=${!1}
|
|
1004
968
|
></gui-label>
|
|
1005
969
|
|
|
1006
970
|
<div class="gui-widget">
|
|
1007
971
|
<gui-multi-list
|
|
1008
972
|
.uid=${this.widget.uid}
|
|
1009
|
-
.values=${
|
|
973
|
+
.values=${g.live(d)}
|
|
1010
974
|
.valueField=${e.valueField}
|
|
1011
975
|
.items=${e.items}
|
|
1012
976
|
.itemHeight=${e.itemHeight}
|
|
1013
977
|
.height=${e.height}
|
|
1014
978
|
?required=${e.validator?.required}
|
|
1015
|
-
|
|
979
|
+
.touched=${e.touched}
|
|
1016
980
|
?disabled=${e.disabled}
|
|
1017
981
|
?readonly=${e.readonly}
|
|
1018
|
-
aria-labelledby=${e.label?`${this.widget.uid}_label`:
|
|
1019
|
-
aria-describedby=${e.hint?`${this.widget.uid}_hint`:
|
|
1020
|
-
@gui-
|
|
1021
|
-
@gui-
|
|
1022
|
-
@gui-
|
|
1023
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1024
|
-
@change=${this._valueChanged}
|
|
982
|
+
aria-labelledby=${e.label?`${this.widget.uid}_label`:n.nothing}
|
|
983
|
+
aria-describedby=${e.hint?`${this.widget.uid}_hint`:n.nothing}
|
|
984
|
+
@gui-visible-items-change=${this._onVisibleItemsChange}
|
|
985
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
986
|
+
@gui-item-toggle=${this._valueChanged}
|
|
1025
987
|
>
|
|
1026
|
-
${
|
|
988
|
+
${this._visibleItems.map(i=>{const s=e.labelField??"label",m=i.template!==null&&typeof i.template=="object"&&s&&!e.itemRenderer?i.template[s]:i.template;return n.html`
|
|
1027
989
|
<div
|
|
1028
990
|
role="option"
|
|
1029
991
|
tabindex="-1"
|
|
1030
992
|
class="gui-list__item-wrapper"
|
|
1031
|
-
id
|
|
993
|
+
id=${i.id}
|
|
1032
994
|
style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
|
|
1033
|
-
aria-selected=${
|
|
1034
|
-
aria-disabled=${
|
|
1035
|
-
@click=${()=>this._onClickItem(r,h)}
|
|
995
|
+
aria-selected=${i.selected?"true":"false"}
|
|
996
|
+
aria-disabled=${i.disabled?"true":"false"}
|
|
1036
997
|
>
|
|
1037
|
-
${
|
|
998
|
+
${t({template:m,value:i.value,index:i.index,selected:i.selected,disabled:i.disabled,focused:i.focused})}
|
|
1038
999
|
</div>
|
|
1039
1000
|
`})}
|
|
1040
1001
|
</gui-multi-list>
|
|
1041
1002
|
</div>
|
|
1042
1003
|
|
|
1043
|
-
${
|
|
1004
|
+
${a?n.html`<gui-errors
|
|
1044
1005
|
.uid=${this.widget.uid}
|
|
1045
1006
|
.errors=${e.errors}
|
|
1046
1007
|
.touched=${e.touched}
|
|
1047
|
-
></gui-errors>`:
|
|
1048
|
-
`}_currentValues(){const e=this.adapter.templateData.value;return Array.isArray(e)?e:[]}_toggleValue(e){const
|
|
1008
|
+
></gui-errors>`:n.nothing}
|
|
1009
|
+
`}_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])}_onVisibleItemsChange(e){this._visibleItems=e.detail}_valueChanged(e){this.adapter.templateData.readonly||this._toggleValue(e.detail.value)}}Y([u.consume({context:l.formContext}),p.property({attribute:!1})],L.prototype,"formContext"),Y([u.provide({context:l.inputContext})],L.prototype,"adapter"),Y([p.state()],L.prototype,"_visibleItems"),Y([p.query("gui-multi-list")],L.prototype,"_guiListRef"),o.safeDefine("gui-multi-list-input",L);const Yt=Object.freeze(Object.defineProperty({__proto__:null,MultiListElement:L},Symbol.toStringTag,{value:"Module"}));var Kt=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&&Kt(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-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
1010
|
<gui-password
|
|
1050
1011
|
.uid=${this.widget.uid}
|
|
1051
1012
|
.label=${this.adapter.templateData.label}
|
|
1052
1013
|
.hint=${this.adapter.templateData.hint}
|
|
1053
1014
|
.errors=${this.adapter.templateData.errors}
|
|
1054
|
-
|
|
1015
|
+
.touched=${this.adapter.templateData.touched}
|
|
1055
1016
|
?required=${this.adapter.templateData.validator?.required}
|
|
1056
1017
|
?disabled=${this.adapter.templateData.disabled}
|
|
1057
1018
|
?readonly=${this.adapter.templateData.readonly}
|
|
1058
|
-
.value=${this.adapter.templateData.value}
|
|
1019
|
+
.value=${g.live(this.adapter.templateData.value)}
|
|
1059
1020
|
.icon=${this.adapter.templateData.icon}
|
|
1060
1021
|
.placeholder=${this.adapter.templateData.placeholder}
|
|
1061
1022
|
.autocomplete=${this.adapter.templateData.autocomplete}
|
|
@@ -1063,34 +1024,34 @@
|
|
|
1063
1024
|
.hidePasswordIcon=${this.adapter.templateData.hidePasswordIcon}
|
|
1064
1025
|
.showPasswordLabel=${this.adapter.templateData.showPasswordLabel}
|
|
1065
1026
|
.hidePasswordLabel=${this.adapter.templateData.hidePasswordLabel}
|
|
1066
|
-
@input=${this.valueChanged}
|
|
1067
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1027
|
+
@gui-input=${this.valueChanged}
|
|
1028
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1068
1029
|
></gui-password>
|
|
1069
|
-
`}valueChanged(e){const
|
|
1030
|
+
`}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})],K.prototype,"formContext"),je([u.provide({context:l.inputContext})],K.prototype,"adapter"),o.safeDefine("gui-password-input",K);const Jt=Object.freeze(Object.defineProperty({__proto__:null,PasswordElement:K},Symbol.toStringTag,{value:"Module"}));var Zt=Object.defineProperty,Ve=(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 J 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
1031
|
<gui-textinput
|
|
1071
1032
|
.uid=${this.widget.uid}
|
|
1072
1033
|
.label=${this.adapter.templateData.label}
|
|
1073
1034
|
.hint=${this.adapter.templateData.hint}
|
|
1074
1035
|
.errors=${this.adapter.templateData.errors}
|
|
1075
|
-
|
|
1036
|
+
.touched=${this.adapter.templateData.touched}
|
|
1076
1037
|
?required=${this.adapter.templateData.validator?.required}
|
|
1077
1038
|
?disabled=${this.adapter.templateData.disabled}
|
|
1078
1039
|
?readonly=${this.adapter.templateData.readonly}
|
|
1079
|
-
.value=${this.adapter.templateData.value}
|
|
1040
|
+
.value=${g.live(this.adapter.templateData.value)}
|
|
1080
1041
|
.icon=${this.adapter.templateData.icon}
|
|
1081
1042
|
.placeholder=${this.adapter.templateData.placeholder}
|
|
1082
1043
|
.autocomplete=${this.adapter.templateData.autocomplete}
|
|
1083
|
-
@input=${this.valueChanged}
|
|
1084
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1044
|
+
@gui-input=${this.valueChanged}
|
|
1045
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1085
1046
|
></gui-textinput>
|
|
1086
|
-
`}valueChanged(e){const
|
|
1047
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ve([u.consume({context:l.formContext}),p.property({attribute:!1})],J.prototype,"formContext"),Ve([u.provide({context:l.inputContext})],J.prototype,"adapter"),o.safeDefine("gui-textinput-input",J);const Qt=Object.freeze(Object.defineProperty({__proto__:null,TextinputElement:J},Symbol.toStringTag,{value:"Module"}));var Xt=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&&Xt(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-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=y.addIcon("time",this.adapter.templateData);return n.html`
|
|
1087
1048
|
<gui-time
|
|
1088
|
-
class=${
|
|
1049
|
+
class=${C.classMap(e.widgetClasses)}
|
|
1089
1050
|
.uid=${this.widget.uid}
|
|
1090
1051
|
.label=${this.adapter.templateData.label}
|
|
1091
1052
|
.hint=${this.adapter.templateData.hint}
|
|
1092
1053
|
.errors=${this.adapter.templateData.errors}
|
|
1093
|
-
|
|
1054
|
+
.touched=${this.adapter.templateData.touched}
|
|
1094
1055
|
?required=${this.adapter.templateData.validator?.required}
|
|
1095
1056
|
?disabled=${this.adapter.templateData.disabled}
|
|
1096
1057
|
?readonly=${this.adapter.templateData.readonly}
|
|
@@ -1107,17 +1068,17 @@
|
|
|
1107
1068
|
.minTimeMessage=${this.adapter.templateData.minTimeMessage}
|
|
1108
1069
|
.maxTimeMessage=${this.adapter.templateData.maxTimeMessage}
|
|
1109
1070
|
.incompleteMessage=${this.adapter.templateData.incompleteMessage}
|
|
1110
|
-
@
|
|
1111
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1112
|
-
@
|
|
1071
|
+
@gui-input-error=${this.onInputError}
|
|
1072
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1073
|
+
@gui-input=${this.valueChanged}
|
|
1113
1074
|
></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)}}
|
|
1075
|
+
`}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)}}Ue([u.consume({context:l.formContext}),p.property({attribute:!1})],Z.prototype,"formContext"),Ue([u.provide({context:l.inputContext})],Z.prototype,"adapter"),o.safeDefine("gui-time-input",Z);const ea=Object.freeze(Object.defineProperty({__proto__:null,TimeElement:Z},Symbol.toStringTag,{value:"Module"}));var ta=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&&ta(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-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
1076
|
<gui-time-picker
|
|
1116
1077
|
.uid=${this.widget.uid}
|
|
1117
1078
|
.label=${e.label}
|
|
1118
1079
|
.hint=${e.hint}
|
|
1119
1080
|
.errors=${e.errors}
|
|
1120
|
-
|
|
1081
|
+
.touched=${e.touched}
|
|
1121
1082
|
?required=${e.validator?.required}
|
|
1122
1083
|
?disabled=${e.disabled}
|
|
1123
1084
|
?readonly=${e.readonly}
|
|
@@ -1141,18 +1102,18 @@
|
|
|
1141
1102
|
.disabledRangeMessage=${e.disabledRangeMessage}
|
|
1142
1103
|
.noAvailableTimesMessage=${e.noAvailableTimesMessage}
|
|
1143
1104
|
.incompleteMessage=${e.incompleteMessage}
|
|
1144
|
-
@
|
|
1145
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1146
|
-
@
|
|
1105
|
+
@gui-input-error=${this.onInputError}
|
|
1106
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1107
|
+
@gui-input=${this.valueChanged}
|
|
1147
1108
|
></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)}}
|
|
1109
|
+
`}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)}}ze([u.consume({context:l.formContext}),p.property({attribute:!1})],Q.prototype,"formContext"),ze([u.provide({context:l.inputContext})],Q.prototype,"adapter"),o.safeDefine("gui-time-picker-input",Q);const aa=Object.freeze(Object.defineProperty({__proto__:null,TimePickerElement:Q},Symbol.toStringTag,{value:"Module"}));var ia=Object.defineProperty,Be=(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 X 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=y.addIcon("date-time",this.adapter.templateData);return n.html`
|
|
1149
1110
|
<gui-date-time
|
|
1150
|
-
class=${
|
|
1111
|
+
class=${C.classMap(e.widgetClasses)}
|
|
1151
1112
|
.uid=${this.widget.uid}
|
|
1152
1113
|
.label=${this.adapter.templateData.label}
|
|
1153
1114
|
.hint=${this.adapter.templateData.hint}
|
|
1154
1115
|
.errors=${this.adapter.templateData.errors}
|
|
1155
|
-
|
|
1116
|
+
.touched=${this.adapter.templateData.touched}
|
|
1156
1117
|
?required=${this.adapter.templateData.validator?.required}
|
|
1157
1118
|
?disabled=${this.adapter.templateData.disabled}
|
|
1158
1119
|
?readonly=${this.adapter.templateData.readonly}
|
|
@@ -1177,20 +1138,20 @@
|
|
|
1177
1138
|
.incompleteMessage=${this.adapter.templateData.incompleteMessage}
|
|
1178
1139
|
.hourFormat=${this.adapter.templateData.hourFormat}
|
|
1179
1140
|
.minuteStep=${this.adapter.templateData.minuteStep}
|
|
1180
|
-
@
|
|
1181
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1182
|
-
@
|
|
1141
|
+
@gui-input-error=${this.onInputError}
|
|
1142
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1143
|
+
@gui-input=${this.valueChanged}
|
|
1183
1144
|
></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)}}
|
|
1145
|
+
`}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)}}Be([u.consume({context:l.formContext}),p.property({attribute:!1})],X.prototype,"formContext"),Be([u.provide({context:l.inputContext})],X.prototype,"adapter"),o.safeDefine("gui-date-time-input",X);const ra=Object.freeze(Object.defineProperty({__proto__:null,DateTimeElement:X},Symbol.toStringTag,{value:"Module"}));var sa=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&&sa(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-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
1146
|
<gui-textarea
|
|
1186
1147
|
.uid=${this.widget.uid}
|
|
1187
1148
|
.label=${this.adapter.templateData.label}
|
|
1188
1149
|
.errors=${this.adapter.templateData.errors}
|
|
1189
|
-
|
|
1150
|
+
.touched=${this.adapter.templateData.touched}
|
|
1190
1151
|
?required=${this.adapter.templateData.validator?.required}
|
|
1191
1152
|
?disabled=${this.adapter.templateData.disabled}
|
|
1192
1153
|
?readonly=${this.adapter.templateData.readonly}
|
|
1193
|
-
.value=${this.adapter.templateData.value}
|
|
1154
|
+
.value=${g.live(this.adapter.templateData.value)}
|
|
1194
1155
|
.hint=${this.adapter.templateData.hint}
|
|
1195
1156
|
.placeholder=${this.adapter.templateData.placeholder}
|
|
1196
1157
|
.autocomplete=${this.adapter.templateData.autocomplete}
|
|
@@ -1198,87 +1159,87 @@
|
|
|
1198
1159
|
.minimumHeight=${this.adapter.templateData.minimumHeight}
|
|
1199
1160
|
.autoGrow=${this.adapter.templateData.autoGrow}
|
|
1200
1161
|
.maxLength=${this.adapter.templateData.validator?.maxLength}
|
|
1201
|
-
@input=${this.valueChanged}
|
|
1202
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1162
|
+
@gui-input=${this.valueChanged}
|
|
1163
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1203
1164
|
></gui-textarea>
|
|
1204
|
-
`}valueChanged(e){const
|
|
1165
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}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-textarea-input",ee);const na=Object.freeze(Object.defineProperty({__proto__:null,TextareaElement:ee},Symbol.toStringTag,{value:"Module"}));var la=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&&la(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-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
1166
|
<gui-toggle
|
|
1206
1167
|
.uid=${this.widget.uid}
|
|
1207
1168
|
.label=${this.adapter.templateData.label}
|
|
1208
1169
|
.errors=${this.adapter.templateData.errors}
|
|
1209
|
-
|
|
1170
|
+
.touched=${this.adapter.templateData.touched}
|
|
1210
1171
|
?required=${this.adapter.templateData.validator?.required}
|
|
1211
1172
|
?disabled=${this.adapter.templateData.disabled}
|
|
1212
1173
|
?readonly=${this.adapter.templateData.readonly}
|
|
1213
|
-
.value=${this.adapter.templateData.value}
|
|
1174
|
+
.value=${g.live(this.adapter.templateData.value)}
|
|
1214
1175
|
.hint=${this.adapter.templateData.hint}
|
|
1215
1176
|
.togglePosition=${this.adapter.templateData.togglePosition}
|
|
1216
|
-
@
|
|
1217
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1177
|
+
@gui-input=${this.valueChanged}
|
|
1178
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1218
1179
|
></gui-toggle>
|
|
1219
|
-
`}valueChanged(e){const
|
|
1180
|
+
`}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-toggle-input",te);const da=Object.freeze(Object.defineProperty({__proto__:null,ToggleElement:te},Symbol.toStringTag,{value:"Module"}));var oa=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&&oa(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-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
1181
|
<gui-checkbox
|
|
1221
1182
|
.uid=${this.widget.uid}
|
|
1222
1183
|
.label=${this.adapter.templateData.label}
|
|
1223
1184
|
.errors=${this.adapter.templateData.errors}
|
|
1224
|
-
|
|
1185
|
+
.touched=${this.adapter.templateData.touched}
|
|
1225
1186
|
?required=${this.adapter.templateData.validator?.required}
|
|
1226
1187
|
?disabled=${this.adapter.templateData.disabled}
|
|
1227
1188
|
?readonly=${this.adapter.templateData.readonly}
|
|
1228
|
-
.value=${this.adapter.templateData.value}
|
|
1189
|
+
.value=${g.live(this.adapter.templateData.value)}
|
|
1229
1190
|
.hint=${this.adapter.templateData.hint}
|
|
1230
1191
|
.checkboxPosition=${this.adapter.templateData.checkboxPosition}
|
|
1231
|
-
@
|
|
1232
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1192
|
+
@gui-input=${this.valueChanged}
|
|
1193
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1233
1194
|
></gui-checkbox>
|
|
1234
|
-
`}valueChanged(e){const
|
|
1195
|
+
`}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-checkbox-input",ae);const ua=Object.freeze(Object.defineProperty({__proto__:null,CheckboxElement:ae},Symbol.toStringTag,{value:"Module"}));var pa=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&&pa(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-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
1196
|
<gui-number
|
|
1236
1197
|
.uid=${this.widget.uid}
|
|
1237
1198
|
.label=${this.adapter.templateData.label}
|
|
1238
1199
|
.hint=${this.adapter.templateData.hint}
|
|
1239
1200
|
.errors=${this.adapter.templateData.errors}
|
|
1240
|
-
|
|
1201
|
+
.touched=${this.adapter.templateData.touched}
|
|
1241
1202
|
?required=${this.adapter.templateData.validator?.required}
|
|
1242
1203
|
?disabled=${this.adapter.templateData.disabled}
|
|
1243
1204
|
?readonly=${this.adapter.templateData.readonly}
|
|
1244
|
-
.value=${this.adapter.templateData.value}
|
|
1205
|
+
.value=${g.live(this.adapter.templateData.value)}
|
|
1245
1206
|
.step=${this.adapter.templateData.step}
|
|
1246
1207
|
.minimum=${this.adapter.templateData.minimum}
|
|
1247
1208
|
.maximum=${this.adapter.templateData.maximum}
|
|
1248
1209
|
.autoGrow=${this.adapter.templateData.autoGrow}
|
|
1249
1210
|
.placeholder=${this.adapter.templateData.placeholder}
|
|
1250
1211
|
.autocomplete=${this.adapter.templateData.autocomplete}
|
|
1251
|
-
@input=${this.valueChanged}
|
|
1252
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1212
|
+
@gui-input=${this.valueChanged}
|
|
1213
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1253
1214
|
></gui-number>
|
|
1254
|
-
`}valueChanged(e){const
|
|
1215
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}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-number-input",ie);const ha=Object.freeze(Object.defineProperty({__proto__:null,NumberElement:ie},Symbol.toStringTag,{value:"Module"}));var ca=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&&ca(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-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
1216
|
<gui-radiogroup
|
|
1256
1217
|
.uid=${this.widget.uid}
|
|
1257
1218
|
.label=${this.adapter.templateData.label}
|
|
1258
1219
|
.errors=${this.adapter.templateData.errors}
|
|
1259
|
-
|
|
1220
|
+
.touched=${this.adapter.templateData.touched}
|
|
1260
1221
|
?required=${this.adapter.templateData.validator?.required}
|
|
1261
1222
|
?disabled=${this.adapter.templateData.disabled}
|
|
1262
1223
|
?readonly=${this.adapter.templateData.readonly}
|
|
1263
|
-
.value=${this.adapter.templateData.value}
|
|
1224
|
+
.value=${g.live(this.adapter.templateData.value)}
|
|
1264
1225
|
.hint=${this.adapter.templateData.hint}
|
|
1265
1226
|
.options=${this.adapter.templateData.options}
|
|
1266
1227
|
.labelField=${this.adapter.templateData.labelField}
|
|
1267
1228
|
.valueField=${this.adapter.templateData.valueField}
|
|
1268
1229
|
.direction=${this.adapter.templateData.direction}
|
|
1269
|
-
@
|
|
1270
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1230
|
+
@gui-input=${this.valueChanged}
|
|
1231
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1271
1232
|
></gui-radiogroup>
|
|
1272
|
-
`}valueChanged(e){const
|
|
1233
|
+
`}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}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-radiogroup-input",re);const ma=Object.freeze(Object.defineProperty({__proto__:null,RadiogroupElement:re},Symbol.toStringTag,{value:"Module"}));var ga=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&&ga(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-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
1234
|
<gui-select
|
|
1274
1235
|
.uid=${this.widget.uid}
|
|
1275
1236
|
.label=${this.adapter.templateData.label}
|
|
1276
1237
|
.errors=${this.adapter.templateData.errors}
|
|
1277
|
-
|
|
1238
|
+
.touched=${this.adapter.templateData.touched}
|
|
1278
1239
|
?required=${this.adapter.templateData.validator?.required}
|
|
1279
1240
|
?disabled=${this.adapter.templateData.disabled}
|
|
1280
1241
|
?readonly=${this.adapter.templateData.readonly}
|
|
1281
|
-
.value=${this.adapter.templateData.value}
|
|
1242
|
+
.value=${g.live(this.adapter.templateData.value)}
|
|
1282
1243
|
.hint=${this.adapter.templateData.hint}
|
|
1283
1244
|
.icon=${this.adapter.templateData.icon}
|
|
1284
1245
|
.placeholder=${this.adapter.templateData.placeholder}
|
|
@@ -1287,17 +1248,17 @@
|
|
|
1287
1248
|
.labelField=${this.adapter.templateData.labelField}
|
|
1288
1249
|
.valueField=${this.adapter.templateData.valueField}
|
|
1289
1250
|
.invalidOptionMessage=${this.adapter.templateData.invalidOptionMessage}
|
|
1290
|
-
@
|
|
1291
|
-
@
|
|
1292
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1251
|
+
@gui-input=${this.valueChanged}
|
|
1252
|
+
@gui-input-error=${this.onInputError}
|
|
1253
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1293
1254
|
></gui-select>
|
|
1294
|
-
`}valueChanged(e){this.adapter.injectValidationIssues(null);const
|
|
1255
|
+
`}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)}}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-select-input",se);const ba=Object.freeze(Object.defineProperty({__proto__:null,SelectElement:se},Symbol.toStringTag,{value:"Module"}));var $a=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&&$a(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-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
1256
|
<gui-tags
|
|
1296
1257
|
.uid=${this.widget.uid}
|
|
1297
1258
|
.label=${this.adapter.templateData.label}
|
|
1298
1259
|
.hint=${this.adapter.templateData.hint}
|
|
1299
1260
|
.errors=${this.adapter.templateData.errors}
|
|
1300
|
-
|
|
1261
|
+
.touched=${this.adapter.templateData.touched}
|
|
1301
1262
|
?required=${this.adapter.templateData.validator?.required}
|
|
1302
1263
|
?disabled=${this.adapter.templateData.disabled}
|
|
1303
1264
|
?readonly=${this.adapter.templateData.readonly}
|
|
@@ -1309,10 +1270,10 @@
|
|
|
1309
1270
|
.trim=${this.adapter.templateData.trim??!0}
|
|
1310
1271
|
.removeAriaLabel=${this.adapter.templateData.removeAriaLabel}
|
|
1311
1272
|
.removeIcon=${this.adapter.templateData.removeIcon}
|
|
1312
|
-
@
|
|
1313
|
-
@blur=${()=>this.adapter.onBlur()}
|
|
1273
|
+
@gui-input=${this.valueChanged}
|
|
1274
|
+
@gui-blur=${()=>this.adapter.onBlur()}
|
|
1314
1275
|
></gui-tags>
|
|
1315
|
-
`}valueChanged(e){const
|
|
1276
|
+
`}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-tags-input",ne);const fa=Object.freeze(Object.defineProperty({__proto__:null,TagsElement:ne},Symbol.toStringTag,{value:"Module"}));var va=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&&va(e,a,t),t};class x 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
1277
|
<div
|
|
1317
1278
|
id=${this.widget.uid}
|
|
1318
1279
|
class=${`gui-repeater__main-card gui-repeater__card ${this.isFocused?"gui-repeater__card--focused":""}`}
|
|
@@ -1328,22 +1289,22 @@
|
|
|
1328
1289
|
.required=${e.validator?.required}
|
|
1329
1290
|
.native=${!1}
|
|
1330
1291
|
></gui-label>
|
|
1331
|
-
${
|
|
1292
|
+
${be.repeat(e.rows??[],d=>d.uid,(d,t)=>n.html`
|
|
1332
1293
|
<div class="gui-repeater__card">
|
|
1333
1294
|
<div class="gui-repeater__card-header">
|
|
1334
|
-
${e.title?
|
|
1335
|
-
>${e.title} ${
|
|
1336
|
-
>`:
|
|
1295
|
+
${e.title?n.html`<span class="gui-repeater__card-title"
|
|
1296
|
+
>${e.title} ${t+1}</span
|
|
1297
|
+
>`:n.nothing}
|
|
1337
1298
|
<button
|
|
1338
1299
|
type="button"
|
|
1339
1300
|
tabindex="0"
|
|
1340
1301
|
class="gui-button gui-button--sm gui-repeater__remove-btn"
|
|
1341
|
-
@click=${()=>this.removeItem(
|
|
1302
|
+
@click=${()=>this.removeItem(t)}
|
|
1342
1303
|
>
|
|
1343
|
-
${e.removeButtonIcon?
|
|
1304
|
+
${e.removeButtonIcon?n.html`<span
|
|
1344
1305
|
class="gui-widget-icon gui-button-icon ${e.removeButtonIcon}"
|
|
1345
1306
|
data-icon=${e.removeButtonIcon}
|
|
1346
|
-
></span>`:
|
|
1307
|
+
></span>`:n.nothing}
|
|
1347
1308
|
${e.removeLabel??"Remove"}
|
|
1348
1309
|
</button>
|
|
1349
1310
|
</div>
|
|
@@ -1358,121 +1319,73 @@
|
|
|
1358
1319
|
@click=${()=>this.addItem()}
|
|
1359
1320
|
?disabled=${!!(e.limit&&e.limit===e.value?.length)}
|
|
1360
1321
|
>
|
|
1361
|
-
${e.addButtonIcon?
|
|
1322
|
+
${e.addButtonIcon?n.html`<span
|
|
1362
1323
|
class="gui-widget-icon gui-button-icon ${e.addButtonIcon}"
|
|
1363
1324
|
data-icon=${e.addButtonIcon}
|
|
1364
|
-
></span>`:
|
|
1325
|
+
></span>`:n.nothing}
|
|
1365
1326
|
${e.addLabel??"Add"}
|
|
1366
1327
|
</button>
|
|
1367
1328
|
</div>
|
|
1368
|
-
${
|
|
1329
|
+
${a?n.html`<gui-errors
|
|
1369
1330
|
.uid=${this.widget.uid}
|
|
1370
1331
|
.errors=${e.errors}
|
|
1371
1332
|
.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>
|
|
1333
|
+
></gui-errors>`:n.nothing}
|
|
1334
|
+
`}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()}}le([u.consume({context:l.formContext}),p.property({attribute:!1})],x.prototype,"formContext"),le([u.provide({context:l.inputContext})],x.prototype,"adapter"),le([p.state()],x.prototype,"isFocused"),le([p.query(".gui-repeater__main-card")],x.prototype,"_repeaterRef"),o.safeDefine("gui-repeater-input",x);const Da=Object.freeze(Object.defineProperty({__proto__:null,RepeaterElement:x},Symbol.toStringTag,{value:"Module"}));var ya=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&&ya(e,a,t),t};class de 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=b.resolveGrid(this.widget.type,this.adapter.templateData),a=this.adapter.templateData.children||[];return n.html`
|
|
1335
|
+
<div class=${b.gridClasses(e)} id=${this.widget?.uid}>
|
|
1336
|
+
${be.repeat(a,d=>d?.uid,d=>n.html`<div class=${b.gridCellClasses(e,d.size)}>
|
|
1337
|
+
<gui-widget .widget=${d}></gui-widget>
|
|
1388
1338
|
</div>`)}
|
|
1389
1339
|
</div>
|
|
1390
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}
|
|
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)}
|
|
1340
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ze([u.consume({context:l.formContext}),p.property({attribute:!1})],de.prototype,"formContext"),Ze([u.provide({context:l.layoutContext})],de.prototype,"adapter"),o.safeDefine("gui-grid-layout",de);const Qe=Object.freeze(Object.defineProperty({__proto__:null,GridElement:de},Symbol.toStringTag,{value:"Module"}));var Ca=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&&Ca(e,a,t),t};class w 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=b.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
|
|
1341
|
+
id=${this.widget.uid}
|
|
1342
|
+
.active=${this.activeTab}
|
|
1343
|
+
@gui-tab-change=${this.onTabChange}
|
|
1344
|
+
>
|
|
1345
|
+
<gui-tab-list>
|
|
1346
|
+
${ce.repeat(e,i=>i.uid,i=>n.html`<gui-tab
|
|
1347
|
+
panel=${i.uid}
|
|
1348
|
+
id=${b.tabButtonId(this.widget.uid,i.uid)}
|
|
1349
|
+
data-cy=${b.tabButtonId(this.widget.uid,i.uid)}
|
|
1350
|
+
>${i.label}</gui-tab
|
|
1351
|
+
>`)}
|
|
1352
|
+
</gui-tab-list>
|
|
1353
|
+
${ce.repeat(t,({tab:i})=>i.uid,({tab:i,child:s,isActive:h})=>n.html`<gui-tab-panel
|
|
1354
|
+
name=${i.uid}
|
|
1355
|
+
id=${b.tabPanelId(this.widget.uid,i.uid)}
|
|
1356
|
+
data-cy=${b.tabPanelId(this.widget.uid,i.uid)}
|
|
1357
|
+
?hidden=${!h}
|
|
1422
1358
|
>
|
|
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)}
|
|
1359
|
+
<gui-widget .widget=${s}></gui-widget>
|
|
1360
|
+
</gui-tab-panel>`)}
|
|
1361
|
+
</gui-tabs>`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}me([u.consume({context:l.formContext}),p.property({attribute:!1})],w.prototype,"formContext"),me([u.provide({context:l.layoutContext})],w.prototype,"adapter"),me([p.state()],w.prototype,"activeTab"),o.safeDefine("gui-tabs-layout",w);const _a=Object.freeze(Object.defineProperty({__proto__:null,TabsElement:w},Symbol.toStringTag,{value:"Module"}));var La=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&&La(e,a,t),t};class oe 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=b.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`
|
|
1362
|
+
<gui-accordion id=${this.widget.uid} ?multiple=${!a}>
|
|
1363
|
+
${ce.repeat(e,t=>t.uid,t=>{const i=!!this.activeSections[t.uid],s=this.getChild(t.uid),h=s!==void 0&&(i||d!=="activeOnly")?n.html`<section
|
|
1364
|
+
class="gui-widget"
|
|
1365
|
+
role="region"
|
|
1366
|
+
id=${b.accordionSectionId(this.widget.uid,t.uid)}
|
|
1367
|
+
aria-labelledby=${b.accordionButtonId(this.widget.uid,t.uid)}
|
|
1443
1368
|
>
|
|
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`
|
|
1369
|
+
<gui-widget .widget=${s}></gui-widget>
|
|
1370
|
+
</section>`:n.nothing;return n.html`<gui-accordion-item
|
|
1371
|
+
.open=${i}
|
|
1372
|
+
@gui-toggle=${m=>this.onToggle(m,t.uid)}
|
|
1373
|
+
>
|
|
1374
|
+
<details ?open=${i}>
|
|
1375
|
+
<summary id=${b.accordionButtonId(this.widget.uid,t.uid)}>
|
|
1376
|
+
${t.label}
|
|
1377
|
+
</summary>
|
|
1378
|
+
${h}
|
|
1379
|
+
</details>
|
|
1380
|
+
</gui-accordion-item>`})}
|
|
1381
|
+
</gui-accordion>
|
|
1382
|
+
`}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.layoutContext})],oe.prototype,"adapter"),o.safeDefine("gui-accordion-layout",oe);const xa=Object.freeze(Object.defineProperty({__proto__:null,AccordionElement:oe},Symbol.toStringTag,{value:"Module"}));var wa=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&&wa(e,a,t),t};class ue 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)}}et([u.consume({context:l.formContext}),p.property({attribute:!1})],ue.prototype,"formContext"),et([u.provide({context:l.displayWidgetContext})],ue.prototype,"adapter"),o.safeDefine("gui-alert-display",ue);const Ma=Object.freeze(Object.defineProperty({__proto__:null,AlertElement:ue},Symbol.toStringTag,{value:"Module"}));var Aa=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&&Aa(e,a,t),t};class pe 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
1383
|
<div class="gui-widget" id=${this.widget.uid}>
|
|
1471
1384
|
<gui-markdown-text
|
|
1472
1385
|
.md=${this.adapter.templateData.md}
|
|
1473
1386
|
.dependencies=${this.adapter.templateData.deps}
|
|
1474
1387
|
></gui-markdown-text>
|
|
1475
1388
|
</div>
|
|
1476
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}
|
|
1389
|
+
`}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.displayWidgetContext})],pe.prototype,"adapter"),o.safeDefine("gui-markdown-text-display",pe);const ka=Object.freeze(Object.defineProperty({__proto__:null,MarkdownTextElement:pe},Symbol.toStringTag,{value:"Module"}));var Ia=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&&Ia(e,a,t),t};class he 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
1390
|
<div class="gui-widget" id=${this.widget.uid}>${this.adapter.templateData.render}</div>
|
|
1478
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}
|
|
1391
|
+
`}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.displayWidgetContext})],he.prototype,"adapter"),o.safeDefine("gui-renderer-component",he);const Ta=Object.freeze(Object.defineProperty({__proto__:null,RendererElement:he},Symbol.toStringTag,{value:"Module"}));c.FormElement=fe,c.widgetLoaders=$e,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})}));
|