@golemui/gui-lit 2.0.0-rc.0 → 2.0.0-rc.1

package/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(m,E){typeof exports=="object"&&typeof module<"u"?E(exports,require("@golemui/gui-shared"),require("@golemui/lit/internals"),require("@golemui/gui-shared/internals"),require("@golemui/gui-validators"),require("@golemui/lit"),require("@lit/context"),require("lit"),require("lit/decorators.js"),require("rxjs"),require("@golemui/gui-components/button"),require("@golemui/gui-components/calendar"),require("@golemui/gui-components/date-time-calendar"),require("@golemui/gui-components/range-calendar"),require("@golemui/gui-components/range-date-input"),require("@golemui/gui-components/range-time-input"),require("@golemui/gui-components/range-date-time-input"),require("@golemui/gui-components/range-date-time-calendar"),require("@golemui/gui-components/range-date-time-picker"),require("@golemui/gui-components/range-date-picker"),require("@golemui/gui-components/range-time-picker"),require("@golemui/gui-components/currency"),require("lit/directives/live.js"),require("@golemui/gui-components/internals"),require("@golemui/gui-components/date-input"),require("lit/directives/class-map.js"),require("@golemui/gui-components/date-picker"),require("@golemui/gui-components/date-time-picker"),require("@golemui/gui-components/label"),require("@golemui/gui-components/list"),require("@golemui/gui-components/errors"),require("@golemui/gui-components/file-upload"),require("@golemui/core"),require("@golemui/gui-components/markdown"),require("@golemui/gui-components/multi-list"),require("@golemui/gui-components/multi-select-trigger"),require("@golemui/gui-components/multi-file-upload"),require("@golemui/gui-components/password"),require("@golemui/gui-components/textinput"),require("@golemui/gui-components/time-input"),require("@golemui/gui-components/time-picker"),require("@golemui/gui-components/date-time-input"),require("@golemui/gui-components/textarea"),require("@golemui/gui-components/toggle"),require("@golemui/gui-components/checkbox"),require("@golemui/gui-components/number"),require("@golemui/gui-components/radiogroup"),require("@golemui/gui-components/select"),require("@golemui/gui-components/tags"),require("lit-html/directives/repeat.js"),require("lit/directives/repeat.js"),require("@golemui/gui-components/tabs"),require("@golemui/gui-components/accordion"),require("@golemui/gui-components/alert"),require("@golemui/gui-components/markdown-text")):typeof define=="function"&&define.amd?define(["exports","@golemui/gui-shared","@golemui/lit/internals","@golemui/gui-shared/internals","@golemui/gui-validators","@golemui/lit","@lit/context","lit","lit/decorators.js","rxjs","@golemui/gui-components/button","@golemui/gui-components/calendar","@golemui/gui-components/date-time-calendar","@golemui/gui-components/range-calendar","@golemui/gui-components/range-date-input","@golemui/gui-components/range-time-input","@golemui/gui-components/range-date-time-input","@golemui/gui-components/range-date-time-calendar","@golemui/gui-components/range-date-time-picker","@golemui/gui-components/range-date-picker","@golemui/gui-components/range-time-picker","@golemui/gui-components/currency","lit/directives/live.js","@golemui/gui-components/internals","@golemui/gui-components/date-input","lit/directives/class-map.js","@golemui/gui-components/date-picker","@golemui/gui-components/date-time-picker","@golemui/gui-components/label","@golemui/gui-components/list","@golemui/gui-components/errors","@golemui/gui-components/file-upload","@golemui/core","@golemui/gui-components/markdown","@golemui/gui-components/multi-list","@golemui/gui-components/multi-select-trigger","@golemui/gui-components/multi-file-upload","@golemui/gui-components/password","@golemui/gui-components/textinput","@golemui/gui-components/time-input","@golemui/gui-components/time-picker","@golemui/gui-components/date-time-input","@golemui/gui-components/textarea","@golemui/gui-components/toggle","@golemui/gui-components/checkbox","@golemui/gui-components/number","@golemui/gui-components/radiogroup","@golemui/gui-components/select","@golemui/gui-components/tags","lit-html/directives/repeat.js","lit/directives/repeat.js","@golemui/gui-components/tabs","@golemui/gui-components/accordion","@golemui/gui-components/alert","@golemui/gui-components/markdown-text"],E):(m=typeof globalThis<"u"?globalThis:m||self,E(m["gui-lit"]={},null,m.internals$1,m.internals,m.guiValidators,m.lit,m.context,m.lit$1,m.decorators_js,m.rxjs,null,null,null,null,null,null,null,null,null,null,null,null,m.live_js,m.internals$2,null,m.classMap_js,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,m.repeat_js,m.repeat_js$1))})(this,(function(m,E,o,_,ut,l,u,n,p,F,ja,Va,Ua,za,Ba,Wa,Ga,Ha,Na,Ya,Ka,Ja,v,q,Za,A,Qa,Xa,ei,ti,ai,ii,ri,si,ni,li,di,oi,ui,pi,hi,ci,mi,gi,bi,$i,fi,vi,Di,Ce,ve){"use strict";const ye={button:async()=>(await Promise.resolve().then(()=>ht)).ButtonElement,calendar:async()=>(await Promise.resolve().then(()=>mt)).CalendarElement,dateTimeCalendar:async()=>(await Promise.resolve().then(()=>bt)).DateTimeCalendarElement,rangeCalendar:async()=>(await Promise.resolve().then(()=>ft)).RangeCalendarElement,rangeDateInput:async()=>(await Promise.resolve().then(()=>Dt)).RangeDateInputElement,rangeTimeInput:async()=>(await Promise.resolve().then(()=>Ct)).RangeTimeInputElement,rangeDateTimeInput:async()=>(await Promise.resolve().then(()=>xt)).RangeDateTimeInputElement,rangeDateTimeCalendar:async()=>(await Promise.resolve().then(()=>wt)).RangeDateTimeCalendarElement,rangeDateTimePicker:async()=>(await Promise.resolve().then(()=>At)).RangeDateTimePickerElement,rangeDatePicker:async()=>(await Promise.resolve().then(()=>kt)).RangeDatePickerElement,rangeTimePicker:async()=>(await Promise.resolve().then(()=>Pt)).RangeTimePickerElement,currency:async()=>(await Promise.resolve().then(()=>Et)).CurrencyElement,dateInput:async()=>(await Promise.resolve().then(()=>qt)).DateElement,datePicker:async()=>(await Promise.resolve().then(()=>Ot)).DatePickerElement,dateTimePicker:async()=>(await Promise.resolve().then(()=>Vt)).DateTimePickerElement,dropdown:async()=>(await Promise.resolve().then(()=>zt)).DropdownElement,fileUpload:async()=>(await Promise.resolve().then(()=>Wt)).FileUploadElement,list:async()=>(await Promise.resolve().then(()=>Ht)).ListElement,markdown:async()=>(await Promise.resolve().then(()=>Yt)).MarkdownElement,multiDropdown:async()=>(await Promise.resolve().then(()=>Jt)).MultiDropdownElement,multiFileUpload:async()=>(await Promise.resolve().then(()=>Qt)).MultiFileUploadElement,multiList:async()=>(await Promise.resolve().then(()=>ea)).MultiListElement,password:async()=>(await Promise.resolve().then(()=>aa)).PasswordElement,textinput:async()=>(await Promise.resolve().then(()=>ra)).TextinputElement,timeInput:async()=>(await Promise.resolve().then(()=>na)).TimeElement,timePicker:async()=>(await Promise.resolve().then(()=>da)).TimePickerElement,dateTimeInput:async()=>(await Promise.resolve().then(()=>ua)).DateTimeElement,textarea:async()=>(await Promise.resolve().then(()=>ha)).TextareaElement,toggle:async()=>(await Promise.resolve().then(()=>ma)).ToggleElement,checkbox:async()=>(await Promise.resolve().then(()=>ba)).CheckboxElement,number:async()=>(await Promise.resolve().then(()=>fa)).NumberElement,radiogroup:async()=>(await Promise.resolve().then(()=>Da)).RadiogroupElement,select:async()=>(await Promise.resolve().then(()=>Ca)).SelectElement,tags:async()=>(await Promise.resolve().then(()=>xa)).TagsElement,repeater:async()=>(await Promise.resolve().then(()=>wa)).RepeaterElement,flex:async()=>(await Promise.resolve().then(()=>rt)).GridElement,grid:async()=>(await Promise.resolve().then(()=>rt)).GridElement,tabs:async()=>(await Promise.resolve().then(()=>Ma)).TabsElement,accordion:async()=>(await Promise.resolve().then(()=>Ta)).AccordionElement,alert:async()=>(await Promise.resolve().then(()=>Ra)).AlertElement,markdownText:async()=>(await Promise.resolve().then(()=>Fa)).MarkdownTextElement,renderer:async()=>(await Promise.resolve().then(()=>Sa)).RendererElement};class xe extends l.createFormComponent({widgetLoaders:ye,validators:ut.initValidators,resolveFormInput:_.resolveFormInput}){}o.safeDefine("gui-form",xe);var pt=Object.defineProperty,Le=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&pt(e,a,t),t};class S extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.ActionWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}updated(e){super.updated(e);const{invalid:a,actionType:d}=this.adapter.templateData;this.classList.toggle("gui-button--invalid",a===!0&&d==="submit")}connectedCallback(){super.connectedCallback(),this.classList.add("gui-button","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return n.html`
+(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`
       <gui-button
         .uid=${this.widget.uid}
         .type=${this.adapter.templateData.actionType??"button"}
@@ -9,7 +9,7 @@
         .iconPosition=${this.adapter.templateData.iconPosition}
         @click=${()=>this.adapter.click()}
       ></gui-button>
-    `}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Le([u.consume({context:l.formContext}),p.property({attribute:!1})],S.prototype,"formContext"),Le([u.provide({context:l.actionContext})],S.prototype,"adapter"),o.safeDefine("gui-button-interactive",S);const ht=Object.freeze(Object.defineProperty({__proto__:null,ButtonElement:S},Symbol.toStringTag,{value:"Module"}));var ct=Object.defineProperty,we=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&ct(e,a,t),t};class O extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-calendar","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}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&&lt(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`
       <gui-calendar
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -37,7 +37,7 @@
         @gui-input=${this.valueChanged}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-calendar>
-    `}valueChanged(e){const a=e?.target;this.adapter.valueChanged(a.value)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}we([u.consume({context:l.formContext}),p.property({attribute:!1})],O.prototype,"formContext"),we([u.provide({context:l.inputContext})],O.prototype,"adapter"),o.safeDefine("gui-calendar-input",O);const mt=Object.freeze(Object.defineProperty({__proto__:null,CalendarElement:O},Symbol.toStringTag,{value:"Module"}));var gt=Object.defineProperty,Ie=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&gt(e,a,t),t};class j extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-date-time-calendar","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=this.adapter.templateData;return n.html`
+    `}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`
       <gui-date-time-calendar
         .uid=${this.widget.uid}
         .label=${e.label}
@@ -78,7 +78,7 @@
         @gui-input-error=${this.onInputError}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-date-time-calendar>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ie([u.consume({context:l.formContext}),p.property({attribute:!1})],j.prototype,"formContext"),Ie([u.provide({context:l.inputContext})],j.prototype,"adapter"),o.safeDefine("gui-date-time-calendar-input",j);const bt=Object.freeze(Object.defineProperty({__proto__:null,DateTimeCalendarElement:j},Symbol.toStringTag,{value:"Module"}));var $t=Object.defineProperty,Ae=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&$t(e,a,t),t};class V extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-calendar","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}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`
       <gui-range-calendar
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -118,7 +118,7 @@
         @gui-input-error=${this.onInputError}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-range-calendar>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message]),this.adapter.onBlur()}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ae([u.consume({context:l.formContext}),p.property({attribute:!1})],V.prototype,"formContext"),Ae([u.provide({context:l.inputContext})],V.prototype,"adapter"),o.safeDefine("gui-range-calendar-input",V);const ft=Object.freeze(Object.defineProperty({__proto__:null,RangeCalendarElement:V},Symbol.toStringTag,{value:"Module"}));var vt=Object.defineProperty,Me=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&vt(e,a,t),t};class U extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-range-date","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}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`
       <gui-range-date
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -151,7 +151,7 @@
         @gui-input=${this.valueChanged}
         @gui-input-error=${this.onInputError}
       ></gui-range-date>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Me([u.consume({context:l.formContext}),p.property({attribute:!1})],U.prototype,"formContext"),Me([u.provide({context:l.inputContext})],U.prototype,"adapter"),o.safeDefine("gui-range-date-input",U);const Dt=Object.freeze(Object.defineProperty({__proto__:null,RangeDateInputElement:U},Symbol.toStringTag,{value:"Module"}));var _t=Object.defineProperty,ke=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&_t(e,a,t),t};class z extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-range-time","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}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&&gt(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`
       <gui-range-time
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -190,7 +190,7 @@
         @gui-input=${this.valueChanged}
         @gui-input-error=${this.onInputError}
       ></gui-range-time>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}ke([u.consume({context:l.formContext}),p.property({attribute:!1})],z.prototype,"formContext"),ke([u.provide({context:l.inputContext})],z.prototype,"adapter"),o.safeDefine("gui-range-time-input",z);const Ct=Object.freeze(Object.defineProperty({__proto__:null,RangeTimeInputElement:z},Symbol.toStringTag,{value:"Module"}));var yt=Object.defineProperty,Te=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&yt(e,a,t),t};class B extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-range-date-time","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}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`
       <gui-range-date-time
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -232,7 +232,7 @@
         @gui-input=${this.valueChanged}
         @gui-input-error=${this.onInputError}
       ></gui-range-date-time>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Te([u.consume({context:l.formContext}),p.property({attribute:!1})],B.prototype,"formContext"),Te([u.provide({context:l.inputContext})],B.prototype,"adapter"),o.safeDefine("gui-range-date-time-input",B);const xt=Object.freeze(Object.defineProperty({__proto__:null,RangeDateTimeInputElement:B},Symbol.toStringTag,{value:"Module"}));var Lt=Object.defineProperty,Pe=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Lt(e,a,t),t};class W extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-range-date-time-calendar","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=this.adapter.templateData;return n.html`
+    `}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`
       <gui-range-date-time-calendar
         .uid=${this.widget.uid}
         .label=${e.label}
@@ -282,7 +282,7 @@
         @gui-input-error=${this.onInputError}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-range-date-time-calendar>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message]),this.adapter.onBlur()}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Pe([u.consume({context:l.formContext}),p.property({attribute:!1})],W.prototype,"formContext"),Pe([u.provide({context:l.inputContext})],W.prototype,"adapter"),o.safeDefine("gui-range-date-time-calendar-input",W);const wt=Object.freeze(Object.defineProperty({__proto__:null,RangeDateTimeCalendarElement:W},Symbol.toStringTag,{value:"Module"}));var It=Object.defineProperty,Re=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&It(e,a,t),t};class G extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-range-date-time-picker","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=this.adapter.templateData;return n.html`
+    `}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`
       <gui-range-date-time-picker
         .uid=${this.widget.uid}
         .label=${e.label}
@@ -344,7 +344,7 @@
         @gui-input-error=${this.onInputError}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-range-date-time-picker>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message]),this.adapter.onBlur()}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Re([u.consume({context:l.formContext}),p.property({attribute:!1})],G.prototype,"formContext"),Re([u.provide({context:l.inputContext})],G.prototype,"adapter"),o.safeDefine("gui-range-date-time-picker-input",G);const At=Object.freeze(Object.defineProperty({__proto__:null,RangeDateTimePickerElement:G},Symbol.toStringTag,{value:"Module"}));var Mt=Object.defineProperty,Ee=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Mt(e,a,t),t};class H extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-range-date-picker","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=this.adapter.templateData;return n.html`
+    `}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`
       <gui-range-date-picker
         .uid=${this.widget.uid}
         .label=${e.label}
@@ -395,7 +395,7 @@
         @gui-blur=${()=>this.adapter.onBlur()}
         @gui-input=${this.valueChanged}
       ></gui-range-date-picker>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message]),this.adapter.onBlur()}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ee([u.consume({context:l.formContext}),p.property({attribute:!1})],H.prototype,"formContext"),Ee([u.provide({context:l.inputContext})],H.prototype,"adapter"),o.safeDefine("gui-range-date-picker-input",H);const kt=Object.freeze(Object.defineProperty({__proto__:null,RangeDatePickerElement:H},Symbol.toStringTag,{value:"Module"}));var Tt=Object.defineProperty,Fe=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Tt(e,a,t),t};class N extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-range-time-picker","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=this.adapter.templateData;return n.html`
+    `}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`
       <gui-range-time-picker
         .uid=${this.widget.uid}
         .label=${e.label}
@@ -444,7 +444,7 @@
         @gui-blur=${()=>this.adapter.onBlur()}
         @gui-input=${this.valueChanged}
       ></gui-range-time-picker>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Fe([u.consume({context:l.formContext}),p.property({attribute:!1})],N.prototype,"formContext"),Fe([u.provide({context:l.inputContext})],N.prototype,"adapter"),o.safeDefine("gui-range-time-picker-input",N);const Pt=Object.freeze(Object.defineProperty({__proto__:null,RangeTimePickerElement:N},Symbol.toStringTag,{value:"Module"}));var Rt=Object.defineProperty,qe=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Rt(e,a,t),t};class Y extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-currency","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}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`
       <gui-currency
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -454,7 +454,7 @@
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
-        .value=${v.live(this.adapter.templateData.value)}
+        .value=${g.live(this.adapter.templateData.value)}
         .currency=${this.adapter.templateData.currency}
         .step=${this.adapter.templateData.step}
         .maximumFractionDigits=${this.adapter.templateData.maximumFractionDigits}
@@ -466,9 +466,9 @@
         @gui-input=${this.valueChanged}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-currency>
-    `}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}qe([u.consume({context:l.formContext}),p.property({attribute:!1})],Y.prototype,"formContext"),qe([u.provide({context:l.inputContext})],Y.prototype,"adapter"),o.safeDefine("gui-currency-input",Y);const Et=Object.freeze(Object.defineProperty({__proto__:null,CurrencyElement:Y},Symbol.toStringTag,{value:"Module"}));var Ft=Object.defineProperty,Se=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Ft(e,a,t),t};class K extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-date","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=q.addIcon("date",this.adapter.templateData);return n.html`
+    `}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`
       <gui-date
-        class=${A.classMap(e.widgetClasses)}
+        class=${C.classMap(e.widgetClasses)}
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
         .hint=${this.adapter.templateData.hint}
@@ -493,7 +493,7 @@
         @gui-blur=${()=>this.adapter.onBlur()}
         @gui-input=${this.valueChanged}
       ></gui-date>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Se([u.consume({context:l.formContext}),p.property({attribute:!1})],K.prototype,"formContext"),Se([u.provide({context:l.inputContext})],K.prototype,"adapter"),o.safeDefine("gui-date-input",K);const qt=Object.freeze(Object.defineProperty({__proto__:null,DateElement:K},Symbol.toStringTag,{value:"Module"}));var St=Object.defineProperty,Oe=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&St(e,a,t),t};class J extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-date-picker","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=this.adapter.templateData;return n.html`
+    `}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`
       <gui-date-picker
         .uid=${this.widget.uid}
         .label=${e.label}
@@ -532,7 +532,7 @@
         @gui-blur=${()=>this.adapter.onBlur()}
         @gui-input=${this.valueChanged}
       ></gui-date-picker>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Oe([u.consume({context:l.formContext}),p.property({attribute:!1})],J.prototype,"formContext"),Oe([u.provide({context:l.inputContext})],J.prototype,"adapter"),o.safeDefine("gui-date-picker-input",J);const Ot=Object.freeze(Object.defineProperty({__proto__:null,DatePickerElement:J},Symbol.toStringTag,{value:"Module"}));var jt=Object.defineProperty,je=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&jt(e,a,t),t};class Z extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-date-time-picker","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=this.adapter.templateData;return n.html`
+    `}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`
       <gui-date-time-picker
         .uid=${this.widget.uid}
         .label=${e.label}
@@ -585,16 +585,7 @@
         @gui-blur=${()=>this.adapter.onBlur()}
         @gui-input=${this.valueChanged}
       ></gui-date-time-picker>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}je([u.consume({context:l.formContext}),p.property({attribute:!1})],Z.prototype,"formContext"),je([u.provide({context:l.inputContext})],Z.prototype,"adapter"),o.safeDefine("gui-date-time-picker-input",Z);const Vt=Object.freeze(Object.defineProperty({__proto__:null,DateTimePickerElement:Z},Symbol.toStringTag,{value:"Module"})),Ve=r=>{const e={"gui-list__item":!0,"gui-list__item-selected":!!r.selected,"gui-list__item-focused":!!r.focused,"gui-list__item-disabled":!!r.disabled};return n.html`
-    <div
-      role="option"
-      class=${A.classMap(e)}
-      aria-selected=${r.selected?"true":"false"}
-      aria-disabled=${r.disabled?"true":"false"}
-    >
-      ${r.template}
-    </div>
-  `};var Ut=Object.defineProperty,y=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Ut(e,a,t),t};class D extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.debouncer=new F.Subject,this.subscriptions=[],this._range={start:0,end:10},this._filteredItems=[],this._listItems=[],this._focusedIndex=-1,this._isFiltering=!1,this._isListVisible=!1,this._selectedItem=void 0,this._ignoreNextFocus=!1,this.onDocumentClick=e=>{if(!this._isListVisible)return;const a=e.composedPath(),d=this._inputRef&&a.includes(this._inputRef),t=this._panelRef&&a.includes(this._panelRef);!d&&!t&&(this._isListVisible=!1)},this._onToggleMouseDown=e=>{e.preventDefault()},this._onToggleClick=e=>{e.stopPropagation(),this._isListVisible?(this._isListVisible=!1,this._isFiltering=!1,this._ignoreNextFocus=!0,this._inputRef?.focus(),setTimeout(()=>{this._ignoreNextFocus=!1})):(this._inputRef?.focus(),this._onFocus())}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),typeof document<"u"&&document.addEventListener("click",this.onDocumentClick),this.classList.add("gui-dropdown","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this._filteredItems=this.adapter.templateData.items,this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>{const e=this.adapter.templateData;e.items&&this._listItems?.length===0&&this._filteredItems?.length===0&&(this._filteredItems=e.items,this._listItems=e.items),this.requestUpdate()}),this.debouncer.pipe(F.debounceTime(this.adapter.templateData.inputDebounce??500)).subscribe(e=>{this._filterItems(e)}))}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}_onRangeChange(e){this._range={start:e.detail.startIndex,end:e.detail.endIndex}}_onUpdateItems(e){const a=e.detail||[];if(this._listItems=a,!this._selectedItem&&this.adapter.templateData.value!=null){const d=a.find(t=>t.value===this.adapter.templateData.value);d&&(this._selectedItem=d)}}_onFocusChange(e){this._focusedIndex=e.detail.index}_onClickItem(e,a){if(this.adapter.templateData.readonly||e.disabled)return;const d=this.adapter.templateData;this.adapter.valueChanged(e.value),this.adapter.filterChanged(""),this._focusedIndex=a,this._selectedItem=e,this._isFiltering=!1,this._isListVisible=!1,this._listRef&&(this._listRef.focusItemAtIndex(a),this._inputRef.value=d.valueField?e.template[d.valueField]:e.template)}_onValueChange(e){const a=e.detail.value;this.adapter.valueChanged(a),this.adapter.filterChanged(""),this._selectedItem=this._listItems.find(d=>d.value===a),this._isFiltering=!1,this._isListVisible=!1}async _onKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this._isListVisible=!0,await this.updateComplete,this._listRef.focus(),this._listRef.scrollToSelectedIndex();break;case"Enter":this._inputRef.value||(this.adapter.valueChanged(null),this._isListVisible=!1,this._isFiltering=!1);break}}_onInput(e){const a=e.target.value;this.debouncer.next(a)}_filterItems(e){const a=this.adapter.templateData,d=!!this.widget.on?.filter;if(this.adapter.filterChanged(e),e&&!d){this._isFiltering=!0,this._isListVisible=!0;const t=a.searchFields??[a.labelField,a.valueField].filter(h=>!!h),i=t.length>0,g=(a.items||[]).filter(h=>{if(h===null||typeof h!="object")return h!=null&&h.toString().toLowerCase().includes(e.toLowerCase());const $=Object.keys(h),b=(f,L)=>f||h[L].toString().toLowerCase().includes(e.toLowerCase());return i?$.filter(f=>t.includes(f)).reduce(b,!1):$.reduce(b,!1)});this._filteredItems=[...g]}else this._isFiltering=!1,this._filteredItems=[...a.items]}_onWidgetKeyDown(e){e.key!=="Escape"||!this._isListVisible||(e.preventDefault(),e.stopPropagation(),this._isListVisible=!1,this._isFiltering=!1,this._ignoreNextFocus=!0,this._inputRef?.focus(),setTimeout(()=>{this._ignoreNextFocus=!1}))}async _onFocus(){this._ignoreNextFocus||(this._isListVisible=!0,await this.updateComplete,this._listRef.scrollToSelectedIndex())}_onPanelMouseDown(e){const a=e.target;this._listRef&&this._listRef.contains(a)||e.preventDefault()}_onFocusOut(e){const a=e.relatedTarget;a&&this.contains(a)||(this.adapter.onBlur(),this._isListVisible=!1,this._isFiltering=!1)}render(){const e=this.adapter.templateData,a=e.touched&&e.errors&&e.errors.length>0,d=this._listItems.slice(this._range.start,this._range.end),t=this.adapter.getItemRenderer(e.itemRenderer,Ve),s=this._selectedItem?.template!==null&&typeof this._selectedItem?.template=="object"?e.labelField??"label":null,g=s?this._selectedItem?.template[s]:this._selectedItem?.template,h=!!this.widget.on?.filter;return n.html`
+    `}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`
       <gui-label
         .targetElement=${[this._listRef,this._inputRef]}
         .uid=${this.widget.uid}
@@ -608,7 +599,7 @@
 
       <div class="gui-widget" @keydown=${this._onWidgetKeyDown} @focusout=${this._onFocusOut}>
         ${e.icon?n.html`<span
-              class=${A.classMap({"gui-widget-icon":!0,[e.icon]:!0})}
+              class=${C.classMap({"gui-widget-icon":!0,[e.icon]:!0})}
               data-icon=${e.icon}
               aria-hidden="true"
             ></span>`:n.nothing}
@@ -617,8 +608,8 @@
           role="combobox"
           id=${this.widget.uid}
           data-cy=${`${this.widget.uid}_textinput`}
-          class=${A.classMap({"gui-widget-input":!0,"gui-dropdown--icon":!!e.icon})}
-          .value=${g??e.value??""}
+          class=${C.classMap({"gui-widget-input":!0,"gui-dropdown--icon":!!e.icon})}
+          .value=${s??e.value??""}
           ?required=${e.validator?.required}
           ?disabled=${e.disabled}
           ?readonly=${e.readonly}
@@ -655,7 +646,7 @@
           <gui-list
             id=${`${this.widget.uid}-list`}
             .uid=${this.widget.uid}
-            .value=${v.live(e.value??"")}
+            .value=${g.live(e.value??"")}
             .valueField=${e.valueField}
             .items=${this._isFiltering&&!h?this._filteredItems:e.items}
             .itemHeight=${e.itemHeight}
@@ -665,24 +656,22 @@
             ?disabled=${e.disabled}
             ?readonly=${e.readonly}
             ?hidden=${!this._isListVisible}
-            @gui-range-change=${this._onRangeChange}
+            @gui-visible-items-change=${this._onVisibleItemsChange}
             @gui-update-items=${this._onUpdateItems}
-            @gui-focus-change=${this._onFocusChange}
             @focus=${this._onFocus}
             @gui-input=${this._onValueChange}
           >
-            ${d.map((c,$)=>{const b=this._range.start+$,f=e.value===c.value,L=this._focusedIndex===b,M=!!e.disabled||!!c.disabled,_e=e.labelField??"label",Oa=c.template!==null&&typeof c.template=="object"&&_e&&!e.itemRenderer?c.template[_e]:c.template;return n.html`
+            ${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`
                 <div
                   role="option"
                   tabindex="-1"
                   class="gui-list__item-wrapper"
-                  id="${this.widget.uid}-item-${b}"
+                  id=${m.id}
                   style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
-                  aria-selected=${f?"true":"false"}
-                  aria-disabled=${M?"true":"false"}
-                  @click=${()=>this._onClickItem(c,b)}
+                  aria-selected=${m.selected?"true":"false"}
+                  aria-disabled=${m.disabled?"true":"false"}
                 >
-                  ${t({template:Oa,value:c.value,index:b,selected:f,disabled:M,focused:L})}
+                  ${d({template:Pa,value:m.value,index:m.index,selected:m.selected,disabled:m.disabled,focused:m.focused})}
                 </div>
               `})}
           </gui-list>
@@ -700,7 +689,7 @@
             .errors=${e.errors}
             .touched=${e.touched}
           ></gui-errors>`:n.nothing}
-    `}}y([u.consume({context:l.formContext}),p.property({attribute:!1})],D.prototype,"formContext"),y([u.provide({context:l.inputContext})],D.prototype,"adapter"),y([p.state()],D.prototype,"_range"),y([p.state()],D.prototype,"_filteredItems"),y([p.state()],D.prototype,"_listItems"),y([p.state()],D.prototype,"_focusedIndex"),y([p.state()],D.prototype,"_isFiltering"),y([p.state()],D.prototype,"_isListVisible"),y([p.state()],D.prototype,"_selectedItem"),y([p.query("input")],D.prototype,"_inputRef"),y([p.query("gui-list")],D.prototype,"_listRef"),y([p.query(".gui-picker__panel")],D.prototype,"_panelRef"),o.safeDefine("gui-dropdown-input",D);const zt=Object.freeze(Object.defineProperty({__proto__:null,DropdownElement:D},Symbol.toStringTag,{value:"Module"}));var Bt=Object.defineProperty,Ue=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Bt(e,a,t),t};class Q extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-file-upload","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=this.adapter.templateData;return n.html`
+    `}}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`
       <gui-file-upload
         .uid=${this.widget.uid}
         .path=${this.widget.path}
@@ -733,7 +722,7 @@
         @gui-blur=${()=>this.adapter.onBlur()}
         @gui-input-error=${this.onInputError}
       ></gui-file-upload>
-    `}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}onInputError(e){const a=e.detail.message;this.adapter.injectValidationIssues(a?[a]:null)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ue([u.consume({context:l.formContext}),p.property({attribute:!1})],Q.prototype,"formContext"),Ue([u.provide({context:l.inputContext})],Q.prototype,"adapter"),o.safeDefine("gui-file-upload-input",Q);const Wt=Object.freeze(Object.defineProperty({__proto__:null,FileUploadElement:Q},Symbol.toStringTag,{value:"Module"}));var Gt=Object.defineProperty,k=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Gt(e,a,t),t};class w extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[],this._range={start:0,end:10},this._listItems=[],this._focusedIndex=-1}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-list","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>{const e=this.adapter.templateData;e.items&&this._listItems.length===0&&(this._listItems=e.items),this.requestUpdate()}))}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}render(){const e=this.adapter.templateData,a=e.touched&&e.errors&&e.errors.length>0,d=this._listItems.slice(this._range.start,this._range.end),t=this.adapter.getItemRenderer(e.itemRenderer,Ve);return n.html`
+    `}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`
       <gui-label
         .targetElement=${this._guiListRef}
         .uid=${this.widget.uid}
@@ -750,7 +739,7 @@
       <div class="gui-widget">
         <gui-list
           .uid=${this.widget.uid}
-          .value=${v.live(e.value??"")}
+          .value=${g.live(e.value??"")}
           .valueField=${e.valueField}
           .items=${e.items}
           .itemHeight=${e.itemHeight}
@@ -761,24 +750,21 @@
           ?readonly=${e.readonly}
           aria-labelledby=${e.label?`${this.widget.uid}_label`:n.nothing}
           aria-describedby=${e.hint?`${this.widget.uid}_hint`:n.nothing}
-          @gui-range-change=${this._onRangeChange}
-          @gui-update-items=${this._onUpdateItems}
-          @gui-focus-change=${this._onFocusChange}
+          @gui-visible-items-change=${this._onVisibleItemsChange}
           @gui-blur=${()=>this.adapter.onBlur()}
           @gui-input=${this._valueChanged}
         >
-          ${d.map((i,s)=>{const g=this._range.start+s,h=e.value===i.value,c=this._focusedIndex===g,$=!!e.disabled||!!i.disabled,b=e.labelField??"label",L=i.template!==null&&typeof i.template=="object"&&b&&!e.itemRenderer?i.template[b]:i.template;return n.html`
+          ${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`
               <div
                 role="option"
                 tabindex="-1"
                 class="gui-list__item-wrapper"
-                id="${this.widget.uid}-item-${g}"
+                id=${t.id}
                 style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
-                aria-selected=${h?"true":"false"}
-                aria-disabled=${$?"true":"false"}
-                @click=${()=>this._onClickItem(i,g)}
+                aria-selected=${t.selected?"true":"false"}
+                aria-disabled=${t.disabled?"true":"false"}
               >
-                ${t({template:L,value:i.value,index:g,selected:h,disabled:$,focused:c})}
+                ${d({template:h,value:t.value,index:t.index,selected:t.selected,disabled:t.disabled,focused:t.focused})}
               </div>
             `})}
         </gui-list>
@@ -789,7 +775,7 @@
             .errors=${e.errors}
             .touched=${e.touched}
           ></gui-errors>`:n.nothing}
-    `}_onRangeChange(e){this._range={start:e.detail.startIndex,end:e.detail.endIndex}}_onUpdateItems(e){this._listItems=e.detail||[]}_onFocusChange(e){this._focusedIndex=e.detail.index}_onClickItem(e,a){const{disabled:d,readonly:t}=this.adapter.templateData;d||t||e.disabled||(this.adapter.valueChanged(e.value),this._focusedIndex=a,this._guiListRef&&typeof this._guiListRef.focusItemAtIndex=="function"&&this._guiListRef.focusItemAtIndex(a))}_valueChanged(e){this.adapter.templateData.readonly||this.adapter.valueChanged(e.detail.value)}}k([u.consume({context:l.formContext}),p.property({attribute:!1})],w.prototype,"formContext"),k([u.provide({context:l.inputContext})],w.prototype,"adapter"),k([p.state()],w.prototype,"_range"),k([p.state()],w.prototype,"_listItems"),k([p.state()],w.prototype,"_focusedIndex"),k([p.query("gui-list")],w.prototype,"_guiListRef"),o.safeDefine("gui-list-input",w);const Ht=Object.freeze(Object.defineProperty({__proto__:null,ListElement:w},Symbol.toStringTag,{value:"Module"}));var Nt=Object.defineProperty,ze=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Nt(e,a,t),t};class X extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-markdown","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}_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`
       <gui-markdown
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -798,7 +784,7 @@
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
-        .value=${v.live(this.adapter.templateData.value)}
+        .value=${g.live(this.adapter.templateData.value)}
         .hint=${this.adapter.templateData.hint}
         .placeholder=${this.adapter.templateData.placeholder}
         .autocomplete=${this.adapter.templateData.autocomplete}
@@ -822,13 +808,8 @@
         @gui-input=${this.valueChanged}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-markdown>
-    `}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}ze([u.consume({context:l.formContext}),p.property({attribute:!1})],X.prototype,"formContext"),ze([u.provide({context:l.inputContext})],X.prototype,"adapter"),o.safeDefine("gui-markdown-input",X);const Yt=Object.freeze(Object.defineProperty({__proto__:null,MarkdownElement:X},Symbol.toStringTag,{value:"Module"})),Be=r=>{const e={"gui-list__item":!0,"gui-list__item-selected":!!r.selected,"gui-list__item-focused":!!r.focused,"gui-list__item-disabled":!!r.disabled};return n.html`
-    <div
-      role="option"
-      class=${A.classMap(e)}
-      aria-selected=${r.selected?"true":"false"}
-      aria-disabled=${r.disabled?"true":"false"}
-    >
+    `}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`
+    <div class=${C.classMap(e)}>
       <span class="gui-list__item-check" aria-hidden="true">
         <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 256 256">
           <path
@@ -838,7 +819,7 @@
       </span>
       ${r.template}
     </div>
-  `};var Kt=Object.defineProperty,x=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Kt(e,a,t),t};class C extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.debouncer=new F.Subject,this.subscriptions=[],this._range={start:0,end:10},this._filteredItems=[],this._listItems=[],this._focusedIndex=-1,this._isFiltering=!1,this._isListVisible=!1,this._ignoreNextFocus=!1,this.onDocumentClick=e=>{if(!this._isListVisible)return;const a=e.composedPath(),d=this._triggerRef&&a.includes(this._triggerRef),t=this._panelRef&&a.includes(this._panelRef);!d&&!t&&(this._isListVisible=!1)},this._onToggleMouseDown=e=>{e.preventDefault()},this._onToggleClick=async e=>{e.stopPropagation(),this._isListVisible?(this._isListVisible=!1,this._isFiltering=!1,this._ignoreNextFocus=!0,this._triggerRef?.focusInput(),setTimeout(()=>{this._ignoreNextFocus=!1})):(this._triggerRef?.focusInput(),await this._openPanel())}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),typeof document<"u"&&document.addEventListener("click",this.onDocumentClick),this.classList.add("gui-multi-dropdown","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this._filteredItems=this.adapter.templateData.items,this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>{const e=this.adapter.templateData;e.items&&this._listItems?.length===0&&this._filteredItems?.length===0&&(this._filteredItems=e.items,this._listItems=e.items),this.requestUpdate()}),this.debouncer.pipe(F.debounceTime(this.adapter.templateData.inputDebounce??500)).subscribe(e=>{this._filterItems(e)}))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.onDocumentClick),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}_currentValues(){const e=this.adapter.templateData.value;return Array.isArray(e)?e:[]}_pillItems(e){const a=this.adapter.templateData,d=a.labelField??"label",t=q.updateListItems(a.items??[],a);return e.map(i=>{const s=t.find(c=>c.value===i)??this._listItems.find(c=>c.value===i),g=s!=null&&s.template!==null&&typeof s.template=="object",h=s==null?String(i):String(g?s.template[d]:s.template);return{key:String(i),label:h}})}_toggleValue(e){const a=this.adapter.templateData;if(a.disabled||a.readonly)return;const d=this._currentValues();if(d.includes(e)){this.adapter.valueChanged(d.filter(t=>t!==e));return}this.adapter.valueChanged([...d,e])}async _openPanel(){this._triggerRef?.closePillsDropdown(),this._isListVisible=!0,await this.updateComplete,this._listRef?.scrollToSelectedIndex()}_onRangeChange(e){this._range={start:e.detail.startIndex,end:e.detail.endIndex}}_onUpdateItems(e){this._listItems=e.detail||[]}_onFocusChange(e){this._focusedIndex=e.detail.index}_onClickItem(e,a){this.adapter.templateData.readonly||e.disabled||(this._toggleValue(e.value),this._focusedIndex=a,this._listRef&&this._listRef.focusItemAtIndex(a))}_onValueChange(e){this.adapter.templateData.readonly||this._toggleValue(e.detail.value)}_onPillRemove(e){const a=this._currentValues().find(d=>String(d)===e.detail.key);a!==void 0&&this._toggleValue(a)}_onPillsDropdownToggle(e){e.detail?.open&&this._isListVisible&&(this._isListVisible=!1)}async _onKeyDown(e){e.key==="ArrowDown"&&(e.preventDefault(),await this._openPanel(),this._listRef?.focus())}_onInput(e){const a=e.target.value;this.debouncer.next(a)}_filterItems(e){const a=this.adapter.templateData,d=!!this.widget.on?.filter;if(this.adapter.filterChanged(e),e&&!d){this._isFiltering=!0,this._isListVisible=!0;const t=a.searchFields??[a.labelField,a.valueField].filter(h=>!!h),i=t.length>0,g=(a.items||[]).filter(h=>{if(h===null||typeof h!="object")return h!=null&&h.toString().toLowerCase().includes(e.toLowerCase());const $=Object.keys(h),b=(f,L)=>f||h[L].toString().toLowerCase().includes(e.toLowerCase());return i?$.filter(f=>t.includes(f)).reduce(b,!1):$.reduce(b,!1)});this._filteredItems=[...g]}else this._isFiltering=!1,this._filteredItems=[...a.items]}_onWidgetKeyDown(e){e.key!=="Escape"||!this._isListVisible||(e.preventDefault(),e.stopPropagation(),this._isListVisible=!1,this._isFiltering=!1,this._ignoreNextFocus=!0,this._triggerRef?.focusInput(),setTimeout(()=>{this._ignoreNextFocus=!1}))}async _onFocusIn(e){if(this._ignoreNextFocus)return;const a=this._triggerRef?.input,d=this._listRef&&e.target===this._listRef;e.target!==a&&!d||await this._openPanel()}_onPanelMouseDown(e){const a=e.target;this._listRef&&this._listRef.contains(a)||e.preventDefault()}_onFocusOut(e){const a=e.relatedTarget;a&&this.contains(a)||(this.adapter.onBlur(),this._isListVisible=!1,this._isFiltering=!1)}render(){const e=this.adapter.templateData,a=e.touched&&e.errors&&e.errors.length>0,d=this._listItems.slice(this._range.start,this._range.end),t=this._currentValues(),i=this._pillItems(t),s=this.adapter.getItemRenderer(e.itemRenderer,Be),g=!!this.widget.on?.filter;return n.html`
+  `};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`
       <gui-label
         .targetElement=${[this._listRef,this._triggerRef?.input]}
         .uid=${this.widget.uid}
@@ -853,7 +834,7 @@
       <div class="gui-widget" @keydown=${this._onWidgetKeyDown} @focusout=${this._onFocusOut}>
         <gui-multi-select-trigger
           .uid=${this.widget.uid}
-          .pills=${i}
+          .pills=${t}
           .errors=${e.errors}
           .touched=${!!e.touched}
           ?required=${e.validator?.required}
@@ -868,7 +849,7 @@
           .panelId=${`${this.widget.uid}-list`}
           .removeAriaLabel=${e.removeAriaLabel}
           .removeIcon=${e.removeIcon}
-          .compactAriaLabel=${`${i.length} selected`}
+          .compactAriaLabel=${`${t.length} selected`}
           @keydown=${this._onKeyDown}
           @input=${this._onInput}
           @focusin=${this._onFocusIn}
@@ -897,9 +878,9 @@
           <gui-multi-list
             id=${`${this.widget.uid}-list`}
             .uid=${this.widget.uid}
-            .values=${v.live(t)}
+            .values=${g.live(d)}
             .valueField=${e.valueField}
-            .items=${this._isFiltering&&!g?this._filteredItems:e.items}
+            .items=${this._isFiltering&&!s?this._filteredItems:e.items}
             .itemHeight=${e.itemHeight}
             .height=${e.height}
             ?required=${e.validator?.required}
@@ -907,23 +888,21 @@
             ?disabled=${e.disabled}
             ?readonly=${e.readonly}
             ?hidden=${!this._isListVisible}
-            @gui-range-change=${this._onRangeChange}
+            @gui-visible-items-change=${this._onVisibleItemsChange}
             @gui-update-items=${this._onUpdateItems}
-            @gui-focus-change=${this._onFocusChange}
             @gui-item-toggle=${this._onValueChange}
           >
-            ${d.map((h,c)=>{const $=this._range.start+c,b=t.includes(h.value),f=this._focusedIndex===$,L=!!e.disabled||!!h.disabled,M=e.labelField??"label",ot=h.template!==null&&typeof h.template=="object"&&M&&!e.itemRenderer?h.template[M]:h.template;return n.html`
+            ${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`
                 <div
                   role="option"
                   tabindex="-1"
                   class="gui-list__item-wrapper"
-                  id="${this.widget.uid}-item-${$}"
+                  id=${h.id}
                   style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
-                  aria-selected=${b?"true":"false"}
-                  aria-disabled=${L?"true":"false"}
-                  @click=${()=>this._onClickItem(h,$)}
+                  aria-selected=${h.selected?"true":"false"}
+                  aria-disabled=${h.disabled?"true":"false"}
                 >
-                  ${s({template:ot,value:h.value,index:$,selected:b,disabled:L,focused:f})}
+                  ${i({template:it,value:h.value,index:h.index,selected:h.selected,disabled:h.disabled,focused:h.focused})}
                 </div>
               `})}
           </gui-multi-list>
@@ -941,7 +920,7 @@
             .errors=${e.errors}
             .touched=${e.touched}
           ></gui-errors>`:n.nothing}
-    `}}x([u.consume({context:l.formContext}),p.property({attribute:!1})],C.prototype,"formContext"),x([u.provide({context:l.inputContext})],C.prototype,"adapter"),x([p.state()],C.prototype,"_range"),x([p.state()],C.prototype,"_filteredItems"),x([p.state()],C.prototype,"_listItems"),x([p.state()],C.prototype,"_focusedIndex"),x([p.state()],C.prototype,"_isFiltering"),x([p.state()],C.prototype,"_isListVisible"),x([p.query("gui-multi-select-trigger")],C.prototype,"_triggerRef"),x([p.query("gui-multi-list")],C.prototype,"_listRef"),x([p.query(".gui-picker__panel")],C.prototype,"_panelRef"),o.safeDefine("gui-multi-dropdown-input",C);const Jt=Object.freeze(Object.defineProperty({__proto__:null,MultiDropdownElement:C},Symbol.toStringTag,{value:"Module"}));var Zt=Object.defineProperty,We=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Zt(e,a,t),t};class ee extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-multi-file-upload","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=this.adapter.templateData;return n.html`
+    `}}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`
       <gui-multi-file-upload
         .uid=${this.widget.uid}
         .path=${this.widget.path}
@@ -974,7 +953,7 @@
         @gui-blur=${()=>this.adapter.onBlur()}
         @gui-input-error=${this.onInputError}
       ></gui-multi-file-upload>
-    `}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}onInputError(e){const a=e.detail.message;this.adapter.injectValidationIssues(a?[a]:null)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}We([u.consume({context:l.formContext}),p.property({attribute:!1})],ee.prototype,"formContext"),We([u.provide({context:l.inputContext})],ee.prototype,"adapter"),o.safeDefine("gui-multi-file-upload-input",ee);const Qt=Object.freeze(Object.defineProperty({__proto__:null,MultiFileUploadElement:ee},Symbol.toStringTag,{value:"Module"}));var Xt=Object.defineProperty,T=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Xt(e,a,t),t};class I extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[],this._range={start:0,end:10},this._listItems=[],this._focusedIndex=-1}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-multi-list-widget","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>{const e=this.adapter.templateData;e.items&&this._listItems.length===0&&(this._listItems=e.items),this.requestUpdate()}))}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}render(){const e=this.adapter.templateData,a=e.touched&&e.errors&&e.errors.length>0,d=this._listItems.slice(this._range.start,this._range.end),t=this._currentValues(),i=this.adapter.getItemRenderer(e.itemRenderer,Be);return n.html`
+    `}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`
       <gui-label
         .targetElement=${this._guiListRef}
         .uid=${this.widget.uid}
@@ -991,7 +970,7 @@
       <div class="gui-widget">
         <gui-multi-list
           .uid=${this.widget.uid}
-          .values=${v.live(t)}
+          .values=${g.live(d)}
           .valueField=${e.valueField}
           .items=${e.items}
           .itemHeight=${e.itemHeight}
@@ -1002,24 +981,21 @@
           ?readonly=${e.readonly}
           aria-labelledby=${e.label?`${this.widget.uid}_label`:n.nothing}
           aria-describedby=${e.hint?`${this.widget.uid}_hint`:n.nothing}
-          @gui-range-change=${this._onRangeChange}
-          @gui-update-items=${this._onUpdateItems}
-          @gui-focus-change=${this._onFocusChange}
+          @gui-visible-items-change=${this._onVisibleItemsChange}
           @gui-blur=${()=>this.adapter.onBlur()}
           @gui-item-toggle=${this._valueChanged}
         >
-          ${d.map((s,g)=>{const h=this._range.start+g,c=t.includes(s.value),$=this._focusedIndex===h,b=!!e.disabled||!!s.disabled,f=e.labelField??"label",M=s.template!==null&&typeof s.template=="object"&&f&&!e.itemRenderer?s.template[f]:s.template;return n.html`
+          ${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`
               <div
                 role="option"
                 tabindex="-1"
                 class="gui-list__item-wrapper"
-                id="${this.widget.uid}-item-${h}"
+                id=${i.id}
                 style=${o.cspStyleMap({height:`${e.itemHeight||40}px`})}
-                aria-selected=${c?"true":"false"}
-                aria-disabled=${b?"true":"false"}
-                @click=${()=>this._onClickItem(s,h)}
+                aria-selected=${i.selected?"true":"false"}
+                aria-disabled=${i.disabled?"true":"false"}
               >
-                ${i({template:M,value:s.value,index:h,selected:c,disabled:b,focused:$})}
+                ${t({template:m,value:i.value,index:i.index,selected:i.selected,disabled:i.disabled,focused:i.focused})}
               </div>
             `})}
         </gui-multi-list>
@@ -1030,7 +1006,7 @@
             .errors=${e.errors}
             .touched=${e.touched}
           ></gui-errors>`:n.nothing}
-    `}_currentValues(){const e=this.adapter.templateData.value;return Array.isArray(e)?e:[]}_toggleValue(e){const a=this.adapter.templateData;if(a.disabled||a.readonly)return;const d=this._currentValues();if(d.includes(e)){this.adapter.valueChanged(d.filter(t=>t!==e));return}this.adapter.valueChanged([...d,e])}_onRangeChange(e){this._range={start:e.detail.startIndex,end:e.detail.endIndex}}_onUpdateItems(e){this._listItems=e.detail||[]}_onFocusChange(e){this._focusedIndex=e.detail.index}_onClickItem(e,a){const{disabled:d,readonly:t}=this.adapter.templateData;d||t||e.disabled||(this._toggleValue(e.value),this._focusedIndex=a,this._guiListRef&&typeof this._guiListRef.focusItemAtIndex=="function"&&this._guiListRef.focusItemAtIndex(a))}_valueChanged(e){this.adapter.templateData.readonly||this._toggleValue(e.detail.value)}}T([u.consume({context:l.formContext}),p.property({attribute:!1})],I.prototype,"formContext"),T([u.provide({context:l.inputContext})],I.prototype,"adapter"),T([p.state()],I.prototype,"_range"),T([p.state()],I.prototype,"_listItems"),T([p.state()],I.prototype,"_focusedIndex"),T([p.query("gui-multi-list")],I.prototype,"_guiListRef"),o.safeDefine("gui-multi-list-input",I);const ea=Object.freeze(Object.defineProperty({__proto__:null,MultiListElement:I},Symbol.toStringTag,{value:"Module"}));var ta=Object.defineProperty,Ge=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&ta(e,a,t),t};class te extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-password","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}_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`
       <gui-password
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -1040,7 +1016,7 @@
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
-        .value=${v.live(this.adapter.templateData.value)}
+        .value=${g.live(this.adapter.templateData.value)}
         .icon=${this.adapter.templateData.icon}
         .placeholder=${this.adapter.templateData.placeholder}
         .autocomplete=${this.adapter.templateData.autocomplete}
@@ -1051,7 +1027,7 @@
         @gui-input=${this.valueChanged}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-password>
-    `}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ge([u.consume({context:l.formContext}),p.property({attribute:!1})],te.prototype,"formContext"),Ge([u.provide({context:l.inputContext})],te.prototype,"adapter"),o.safeDefine("gui-password-input",te);const aa=Object.freeze(Object.defineProperty({__proto__:null,PasswordElement:te},Symbol.toStringTag,{value:"Module"}));var ia=Object.defineProperty,He=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&ia(e,a,t),t};class ae extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-textinput","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}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`
       <gui-textinput
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -1061,16 +1037,16 @@
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
-        .value=${v.live(this.adapter.templateData.value)}
+        .value=${g.live(this.adapter.templateData.value)}
         .icon=${this.adapter.templateData.icon}
         .placeholder=${this.adapter.templateData.placeholder}
         .autocomplete=${this.adapter.templateData.autocomplete}
         @gui-input=${this.valueChanged}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-textinput>
-    `}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}He([u.consume({context:l.formContext}),p.property({attribute:!1})],ae.prototype,"formContext"),He([u.provide({context:l.inputContext})],ae.prototype,"adapter"),o.safeDefine("gui-textinput-input",ae);const ra=Object.freeze(Object.defineProperty({__proto__:null,TextinputElement:ae},Symbol.toStringTag,{value:"Module"}));var sa=Object.defineProperty,Ne=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&sa(e,a,t),t};class ie extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-time","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=q.addIcon("time",this.adapter.templateData);return n.html`
+    `}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`
       <gui-time
-        class=${A.classMap(e.widgetClasses)}
+        class=${C.classMap(e.widgetClasses)}
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
         .hint=${this.adapter.templateData.hint}
@@ -1096,7 +1072,7 @@
         @gui-blur=${()=>this.adapter.onBlur()}
         @gui-input=${this.valueChanged}
       ></gui-time>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ne([u.consume({context:l.formContext}),p.property({attribute:!1})],ie.prototype,"formContext"),Ne([u.provide({context:l.inputContext})],ie.prototype,"adapter"),o.safeDefine("gui-time-input",ie);const na=Object.freeze(Object.defineProperty({__proto__:null,TimeElement:ie},Symbol.toStringTag,{value:"Module"}));var la=Object.defineProperty,Ye=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&la(e,a,t),t};class re extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-time-picker","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=this.adapter.templateData;return n.html`
+    `}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`
       <gui-time-picker
         .uid=${this.widget.uid}
         .label=${e.label}
@@ -1130,9 +1106,9 @@
         @gui-blur=${()=>this.adapter.onBlur()}
         @gui-input=${this.valueChanged}
       ></gui-time-picker>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ye([u.consume({context:l.formContext}),p.property({attribute:!1})],re.prototype,"formContext"),Ye([u.provide({context:l.inputContext})],re.prototype,"adapter"),o.safeDefine("gui-time-picker-input",re);const da=Object.freeze(Object.defineProperty({__proto__:null,TimePickerElement:re},Symbol.toStringTag,{value:"Module"}));var oa=Object.defineProperty,Ke=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&oa(e,a,t),t};class se extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-date-time","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){super.render();const e=q.addIcon("date-time",this.adapter.templateData);return n.html`
+    `}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`
       <gui-date-time
-        class=${A.classMap(e.widgetClasses)}
+        class=${C.classMap(e.widgetClasses)}
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
         .hint=${this.adapter.templateData.hint}
@@ -1166,7 +1142,7 @@
         @gui-blur=${()=>this.adapter.onBlur()}
         @gui-input=${this.valueChanged}
       ></gui-date-time>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null),this.adapter.valueChanged(e.detail.value)}onInputError(e){this.adapter.injectValidationIssues([e.detail.message])}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ke([u.consume({context:l.formContext}),p.property({attribute:!1})],se.prototype,"formContext"),Ke([u.provide({context:l.inputContext})],se.prototype,"adapter"),o.safeDefine("gui-date-time-input",se);const ua=Object.freeze(Object.defineProperty({__proto__:null,DateTimeElement:se},Symbol.toStringTag,{value:"Module"}));var pa=Object.defineProperty,Je=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&pa(e,a,t),t};class ne extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-textarea","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}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`
       <gui-textarea
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -1175,7 +1151,7 @@
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
-        .value=${v.live(this.adapter.templateData.value)}
+        .value=${g.live(this.adapter.templateData.value)}
         .hint=${this.adapter.templateData.hint}
         .placeholder=${this.adapter.templateData.placeholder}
         .autocomplete=${this.adapter.templateData.autocomplete}
@@ -1186,7 +1162,7 @@
         @gui-input=${this.valueChanged}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-textarea>
-    `}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Je([u.consume({context:l.formContext}),p.property({attribute:!1})],ne.prototype,"formContext"),Je([u.provide({context:l.inputContext})],ne.prototype,"adapter"),o.safeDefine("gui-textarea-input",ne);const ha=Object.freeze(Object.defineProperty({__proto__:null,TextareaElement:ne},Symbol.toStringTag,{value:"Module"}));var ca=Object.defineProperty,Ze=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&ca(e,a,t),t};class le extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-toggle","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}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`
       <gui-toggle
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -1195,13 +1171,13 @@
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
-        .value=${v.live(this.adapter.templateData.value)}
+        .value=${g.live(this.adapter.templateData.value)}
         .hint=${this.adapter.templateData.hint}
         .togglePosition=${this.adapter.templateData.togglePosition}
         @gui-input=${this.valueChanged}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-toggle>
-    `}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Ze([u.consume({context:l.formContext}),p.property({attribute:!1})],le.prototype,"formContext"),Ze([u.provide({context:l.inputContext})],le.prototype,"adapter"),o.safeDefine("gui-toggle-input",le);const ma=Object.freeze(Object.defineProperty({__proto__:null,ToggleElement:le},Symbol.toStringTag,{value:"Module"}));var ga=Object.defineProperty,Qe=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&ga(e,a,t),t};class de extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-checkbox","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}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`
       <gui-checkbox
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -1210,13 +1186,13 @@
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
-        .value=${v.live(this.adapter.templateData.value)}
+        .value=${g.live(this.adapter.templateData.value)}
         .hint=${this.adapter.templateData.hint}
         .checkboxPosition=${this.adapter.templateData.checkboxPosition}
         @gui-input=${this.valueChanged}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-checkbox>
-    `}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Qe([u.consume({context:l.formContext}),p.property({attribute:!1})],de.prototype,"formContext"),Qe([u.provide({context:l.inputContext})],de.prototype,"adapter"),o.safeDefine("gui-checkbox-input",de);const ba=Object.freeze(Object.defineProperty({__proto__:null,CheckboxElement:de},Symbol.toStringTag,{value:"Module"}));var $a=Object.defineProperty,Xe=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&$a(e,a,t),t};class oe extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-number","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}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`
       <gui-number
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -1226,7 +1202,7 @@
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
-        .value=${v.live(this.adapter.templateData.value)}
+        .value=${g.live(this.adapter.templateData.value)}
         .step=${this.adapter.templateData.step}
         .minimum=${this.adapter.templateData.minimum}
         .maximum=${this.adapter.templateData.maximum}
@@ -1236,7 +1212,7 @@
         @gui-input=${this.valueChanged}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-number>
-    `}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}Xe([u.consume({context:l.formContext}),p.property({attribute:!1})],oe.prototype,"formContext"),Xe([u.provide({context:l.inputContext})],oe.prototype,"adapter"),o.safeDefine("gui-number-input",oe);const fa=Object.freeze(Object.defineProperty({__proto__:null,NumberElement:oe},Symbol.toStringTag,{value:"Module"}));var va=Object.defineProperty,et=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&va(e,a,t),t};class ue extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-radiogroup","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}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`
       <gui-radiogroup
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -1245,7 +1221,7 @@
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
-        .value=${v.live(this.adapter.templateData.value)}
+        .value=${g.live(this.adapter.templateData.value)}
         .hint=${this.adapter.templateData.hint}
         .options=${this.adapter.templateData.options}
         .labelField=${this.adapter.templateData.labelField}
@@ -1254,7 +1230,7 @@
         @gui-input=${this.valueChanged}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-radiogroup>
-    `}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}et([u.consume({context:l.formContext}),p.property({attribute:!1})],ue.prototype,"formContext"),et([u.provide({context:l.inputContext})],ue.prototype,"adapter"),o.safeDefine("gui-radiogroup-input",ue);const Da=Object.freeze(Object.defineProperty({__proto__:null,RadiogroupElement:ue},Symbol.toStringTag,{value:"Module"}));var _a=Object.defineProperty,tt=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&_a(e,a,t),t};class pe extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-select","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}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`
       <gui-select
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -1263,7 +1239,7 @@
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
-        .value=${v.live(this.adapter.templateData.value)}
+        .value=${g.live(this.adapter.templateData.value)}
         .hint=${this.adapter.templateData.hint}
         .icon=${this.adapter.templateData.icon}
         .placeholder=${this.adapter.templateData.placeholder}
@@ -1276,7 +1252,7 @@
         @gui-input-error=${this.onInputError}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-select>
-    `}valueChanged(e){this.adapter.injectValidationIssues(null);const a=e.detail.value;this.adapter.valueChanged(a)}onInputError(e){const a=e.detail.message;this.adapter.injectValidationIssues(a?[a]:null)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}tt([u.consume({context:l.formContext}),p.property({attribute:!1})],pe.prototype,"formContext"),tt([u.provide({context:l.inputContext})],pe.prototype,"adapter"),o.safeDefine("gui-select-input",pe);const Ca=Object.freeze(Object.defineProperty({__proto__:null,SelectElement:pe},Symbol.toStringTag,{value:"Module"}));var ya=Object.defineProperty,at=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&ya(e,a,t),t};class he extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-tags","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return super.render(),n.html`
+    `}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`
       <gui-tags
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -1297,7 +1273,7 @@
         @gui-input=${this.valueChanged}
         @gui-blur=${()=>this.adapter.onBlur()}
       ></gui-tags>
-    `}valueChanged(e){const a=e.detail.value;this.adapter.valueChanged(a)}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}at([u.consume({context:l.formContext}),p.property({attribute:!1})],he.prototype,"formContext"),at([u.provide({context:l.inputContext})],he.prototype,"adapter"),o.safeDefine("gui-tags-input",he);const xa=Object.freeze(Object.defineProperty({__proto__:null,TagsElement:he},Symbol.toStringTag,{value:"Module"}));var La=Object.defineProperty,ce=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&La(e,a,t),t};class P extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.InputWidgetAdapter,this.isFocused=!1,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-repeater","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}onFocusIn(e){e.stopPropagation(),this.isFocused=!0}onFocusOut(e){e.stopPropagation(),this.adapter.onBlur(),this.isFocused=!1}render(){const e=this.adapter.templateData,a=e.touched&&e.errors&&e.errors.length>0;return n.html`
+    `}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`
       <div
         id=${this.widget.uid}
         class=${`gui-repeater__main-card gui-repeater__card ${this.isFocused?"gui-repeater__card--focused":""}`}
@@ -1313,7 +1289,7 @@
           .required=${e.validator?.required}
           .native=${!1}
         ></gui-label>
-        ${Ce.repeat(e.rows??[],d=>d.uid,(d,t)=>n.html`
+        ${be.repeat(e.rows??[],d=>d.uid,(d,t)=>n.html`
             <div class="gui-repeater__card">
               <div class="gui-repeater__card-header">
                 ${e.title?n.html`<span class="gui-repeater__card-title"
@@ -1355,61 +1331,61 @@
             .errors=${e.errors}
             .touched=${e.touched}
           ></gui-errors>`:n.nothing}
-    `}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}addItem(){const e=[...this.adapter.templateData.value??[],{}];this.adapter.valueChanged(e),this.requestUpdate()}removeItem(e){const a=(this.adapter.templateData.value??[]).filter((d,t)=>e!==t);"structuredClone"in window?this.adapter.valueChanged(structuredClone(a)):this.adapter.valueChanged(JSON.parse(JSON.stringify(a))),this.requestUpdate()}}ce([u.consume({context:l.formContext}),p.property({attribute:!1})],P.prototype,"formContext"),ce([u.provide({context:l.inputContext})],P.prototype,"adapter"),ce([p.state()],P.prototype,"isFocused"),ce([p.query(".gui-repeater__main-card")],P.prototype,"_repeaterRef"),o.safeDefine("gui-repeater-input",P);const wa=Object.freeze(Object.defineProperty({__proto__:null,RepeaterElement:P},Symbol.toStringTag,{value:"Module"}));var Ia=Object.defineProperty,it=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Ia(e,a,t),t};class me extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.LayoutWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){const e=_.resolveGrid(this.widget.type,this.adapter.templateData),a=this.adapter.templateData.children||[];return n.html`
-      <div class=${_.gridClasses(e)} id=${this.widget?.uid}>
-        ${Ce.repeat(a,d=>d?.uid,d=>n.html`<div class=${_.gridCellClasses(e,d.size)}>
+    `}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`
+      <div class=${b.gridClasses(e)} id=${this.widget?.uid}>
+        ${be.repeat(a,d=>d?.uid,d=>n.html`<div class=${b.gridCellClasses(e,d.size)}>
               <gui-widget .widget=${d}></gui-widget>
             </div>`)}
       </div>
-    `}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}it([u.consume({context:l.formContext}),p.property({attribute:!1})],me.prototype,"formContext"),it([u.provide({context:l.layoutContext})],me.prototype,"adapter"),o.safeDefine("gui-grid-layout",me);const rt=Object.freeze(Object.defineProperty({__proto__:null,GridElement:me},Symbol.toStringTag,{value:"Module"}));var Aa=Object.defineProperty,De=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Aa(e,a,t),t};class R extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.LayoutWidgetAdapter,this.activeTab="",this.subscriptions=[],this.rowIndexSuffix="",this.onTabChange=e=>{e.target===e.currentTarget&&(this.activeTab=e.detail.value,this.adapter.change(e.detail.value))}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-tabs","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget);const e=this.adapter.templateData;this.activeTab=e.defaultOpen??e.tabs?.[0]?.uid??"",this.rowIndexSuffix=_.repeaterIndexSuffix(this.widget.uid),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>{this.requestUpdate()}))}render(){if(!this.adapter.templateData)return n.html``;const{tabs:e=[],children:a=[],renderMode:d}=this.adapter.templateData,t=e.map(i=>({tab:i,child:a.find(s=>s.uid===`${i.uid}${this.rowIndexSuffix}`),isActive:i.uid===this.activeTab})).filter(({child:i,isActive:s})=>i&&(s||d!=="activeOnly"));return n.html`<gui-tabs
+    `}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
       id=${this.widget.uid}
       .active=${this.activeTab}
       @gui-tab-change=${this.onTabChange}
     >
       <gui-tab-list>
-        ${ve.repeat(e,i=>i.uid,i=>n.html`<gui-tab
+        ${ce.repeat(e,i=>i.uid,i=>n.html`<gui-tab
               panel=${i.uid}
-              id=${_.tabButtonId(this.widget.uid,i.uid)}
-              data-cy=${_.tabButtonId(this.widget.uid,i.uid)}
+              id=${b.tabButtonId(this.widget.uid,i.uid)}
+              data-cy=${b.tabButtonId(this.widget.uid,i.uid)}
               >${i.label}</gui-tab
             >`)}
       </gui-tab-list>
-      ${ve.repeat(t,({tab:i})=>i.uid,({tab:i,child:s,isActive:g})=>n.html`<gui-tab-panel
+      ${ce.repeat(t,({tab:i})=>i.uid,({tab:i,child:s,isActive:h})=>n.html`<gui-tab-panel
             name=${i.uid}
-            id=${_.tabPanelId(this.widget.uid,i.uid)}
-            data-cy=${_.tabPanelId(this.widget.uid,i.uid)}
-            ?hidden=${!g}
+            id=${b.tabPanelId(this.widget.uid,i.uid)}
+            data-cy=${b.tabPanelId(this.widget.uid,i.uid)}
+            ?hidden=${!h}
           >
             <gui-widget .widget=${s}></gui-widget>
           </gui-tab-panel>`)}
-    </gui-tabs>`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}De([u.consume({context:l.formContext}),p.property({attribute:!1})],R.prototype,"formContext"),De([u.provide({context:l.layoutContext})],R.prototype,"adapter"),De([p.state()],R.prototype,"activeTab"),o.safeDefine("gui-tabs-layout",R);const Ma=Object.freeze(Object.defineProperty({__proto__:null,TabsElement:R},Symbol.toStringTag,{value:"Module"}));var ka=Object.defineProperty,st=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&ka(e,a,t),t};class ge extends n.LitElement{constructor(){super(...arguments),this.activeSections={},this.adapter=new l.LayoutWidgetAdapter,this.subscriptions=[],this.rowIndexSuffix=""}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-accordion","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.activeSections={...this.adapter.templateData.defaultOpen??{}},this.rowIndexSuffix=_.repeaterIndexSuffix(this.widget.uid),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}onToggle(e,a){if(e.target!==e.currentTarget)return;const{open:d}=e.detail;!!this.activeSections[a]!==d&&(d&&this.adapter.templateData.singleOpen&&Object.keys(this.activeSections).forEach(t=>{this.activeSections[t]=!1}),this.activeSections[a]=d,this.adapter.change({...this.activeSections}),this.requestUpdate())}getChild(e){return(this.adapter.templateData.children??[]).find(d=>d.uid===`${e}${this.rowIndexSuffix}`)}render(){if(!this.adapter.templateData)return n.html``;const{sections:e=[],singleOpen:a,renderMode:d}=this.adapter.templateData;return n.html`
+    </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`
       <gui-accordion id=${this.widget.uid} ?multiple=${!a}>
-        ${ve.repeat(e,t=>t.uid,t=>{const i=!!this.activeSections[t.uid],s=this.getChild(t.uid),g=s!==void 0&&(i||d!=="activeOnly")?n.html`<section
+        ${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
                     class="gui-widget"
                     role="region"
-                    id=${_.accordionSectionId(this.widget.uid,t.uid)}
-                    aria-labelledby=${_.accordionButtonId(this.widget.uid,t.uid)}
+                    id=${b.accordionSectionId(this.widget.uid,t.uid)}
+                    aria-labelledby=${b.accordionButtonId(this.widget.uid,t.uid)}
                   >
                     <gui-widget .widget=${s}></gui-widget>
                   </section>`:n.nothing;return n.html`<gui-accordion-item
               .open=${i}
-              @gui-toggle=${h=>this.onToggle(h,t.uid)}
+              @gui-toggle=${m=>this.onToggle(m,t.uid)}
             >
               <details ?open=${i}>
-                <summary id=${_.accordionButtonId(this.widget.uid,t.uid)}>
+                <summary id=${b.accordionButtonId(this.widget.uid,t.uid)}>
                   ${t.label}
                 </summary>
-                ${g}
+                ${h}
               </details>
             </gui-accordion-item>`})}
       </gui-accordion>
-    `}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}st([u.consume({context:l.formContext}),p.property({attribute:!1})],ge.prototype,"formContext"),st([u.provide({context:l.layoutContext})],ge.prototype,"adapter"),o.safeDefine("gui-accordion-layout",ge);const Ta=Object.freeze(Object.defineProperty({__proto__:null,AccordionElement:ge},Symbol.toStringTag,{value:"Module"}));var Pa=Object.defineProperty,nt=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Pa(e,a,t),t};class be extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.DisplayWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-alert","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){const{text:e,level:a}=this.adapter.templateData;return n.html`<gui-alert id=${this.widget.uid} variant=${a||"default"}>${e}</gui-alert>`}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}nt([u.consume({context:l.formContext}),p.property({attribute:!1})],be.prototype,"formContext"),nt([u.provide({context:l.displayWidgetContext})],be.prototype,"adapter"),o.safeDefine("gui-alert-display",be);const Ra=Object.freeze(Object.defineProperty({__proto__:null,AlertElement:be},Symbol.toStringTag,{value:"Module"}));var Ea=Object.defineProperty,lt=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&Ea(e,a,t),t};class $e extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.DisplayWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-markdown-text","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return n.html`
+    `}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`
       <div class="gui-widget" id=${this.widget.uid}>
         <gui-markdown-text
           .md=${this.adapter.templateData.md}
           .dependencies=${this.adapter.templateData.deps}
         ></gui-markdown-text>
       </div>
-    `}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}lt([u.consume({context:l.formContext}),p.property({attribute:!1})],$e.prototype,"formContext"),lt([u.provide({context:l.displayWidgetContext})],$e.prototype,"adapter"),o.safeDefine("gui-markdown-text-display",$e);const Fa=Object.freeze(Object.defineProperty({__proto__:null,MarkdownTextElement:$e},Symbol.toStringTag,{value:"Module"}));var qa=Object.defineProperty,dt=(r,e,a,d)=>{for(var t=void 0,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(e,a,t)||t);return t&&qa(e,a,t),t};class fe extends n.LitElement{constructor(){super(...arguments),this.adapter=new l.DisplayWidgetAdapter,this.subscriptions=[]}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.classList.add("gui-renderer","gui-field"),this.adapter.context=this.formContext,this.adapter.init(this.widget),this.subscriptions.push(this.adapter.templateDataChanged$.subscribe(()=>this.requestUpdate()))}render(){return n.html`
+    `}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`
       <div class="gui-widget" id=${this.widget.uid}>${this.adapter.templateData.render}</div>
-    `}disconnectedCallback(){super.disconnectedCallback(),this.adapter.destroy(),o.unsubscribeAll(this.subscriptions)}}dt([u.consume({context:l.formContext}),p.property({attribute:!1})],fe.prototype,"formContext"),dt([u.provide({context:l.displayWidgetContext})],fe.prototype,"adapter"),o.safeDefine("gui-renderer-component",fe);const Sa=Object.freeze(Object.defineProperty({__proto__:null,RendererElement:fe},Symbol.toStringTag,{value:"Module"}));m.FormElement=xe,m.widgetLoaders=ye,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
+    `}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"})}));