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

package/lib/components/accordion.element.d.ts

@@ -3,6 +3,7 @@ import { LayoutWidgetAdapter, LitFormContext } from '@golemui/lit';
 import { AccordionProps } from '@golemui/gui-shared/internals';
 import { LitElement } from 'lit';
 import { Subscription } from 'rxjs';
+import { GuiToggleEventDetail } from '@golemui/gui-components';
 export declare class AccordionElement extends LitElement implements WithWidget {
     widget: LayoutWidget;
     activeSections: {
@@ -13,9 +14,8 @@ export declare class AccordionElement extends LitElement implements WithWidget {
     subscriptions: Subscription[];
     private rowIndexSuffix;
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
-    onClickButton(uid: string): void;
+    onToggle(event: CustomEvent<GuiToggleEventDetail>, uid: string): void;
     getChild(uid: string): import('@golemui/core').NonFunctionWidget<string> | undefined;
     render(): import('lit-html').TemplateResult<1>;
     disconnectedCallback(): void;

package/lib/components/alert.element.d.ts

@@ -9,7 +9,6 @@ export declare class AlertElement extends LitElement implements WithWidget {
     adapter: DisplayWidgetAdapter<AlertProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     disconnectedCallback(): void;

package/lib/components/calendar.element.d.ts

@@ -9,7 +9,6 @@ export declare class CalendarElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<string, CalendarProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: InputEvent): void;

package/lib/components/checkbox.element.d.ts

@@ -9,7 +9,6 @@ export declare class CheckboxElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<boolean, CheckboxProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/currency.element.d.ts

@@ -9,7 +9,6 @@ export declare class CurrencyElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<number, CurrencyProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/date-picker.element.d.ts

@@ -9,7 +9,6 @@ export declare class DatePickerElement extends LitElement implements WithWidget
     adapter: InputWidgetAdapter<string, DatePickerProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/date-time-calendar.element.d.ts

@@ -9,7 +9,6 @@ export declare class DateTimeCalendarElement extends LitElement implements WithW
     adapter: InputWidgetAdapter<string, DateTimeCalendarProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/date-time-picker.element.d.ts

@@ -9,7 +9,6 @@ export declare class DateTimePickerElement extends LitElement implements WithWid
     adapter: InputWidgetAdapter<string, DateTimePickerProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/date-time.element.d.ts

@@ -9,7 +9,6 @@ export declare class DateTimeElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<string, DateTimeInputProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/date.element.d.ts

@@ -9,7 +9,6 @@ export declare class DateElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<string, DatePickerProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/dropdown.element.d.ts

@@ -22,7 +22,6 @@ export declare class DropdownElement extends LitElement implements WithWidget {
     private _ignoreNextFocus;
     onDocumentClick: (event: MouseEvent) => void;
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private _onRangeChange;

package/lib/components/file-upload.element.d.ts

@@ -9,7 +9,6 @@ export declare class FileUploadElement extends LitElement implements WithWidget
     adapter: InputWidgetAdapter<FileItem | null, import('@golemui/gui-shared/internals').FileUploadBaseProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/grid.element.d.ts

@@ -1,15 +1,15 @@
 import { LayoutWidget, WithWidget } from '@golemui/core';
 import { LayoutWidgetAdapter, LitFormContext } from '@golemui/lit';
-import { GridProps } from '@golemui/gui-shared/internals';
+import { FlexProps, GridProps } from '@golemui/gui-shared/internals';
 import { LitElement } from 'lit';
 import { Subscription } from 'rxjs';
+/** The grid layout, and the deprecated flex layout, which renders as a grid. */
 export declare class GridElement extends LitElement implements WithWidget {
     widget: LayoutWidget;
     formContext: LitFormContext<any>;
-    adapter: LayoutWidgetAdapter<GridProps>;
+    adapter: LayoutWidgetAdapter<GridProps & FlexProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     disconnectedCallback(): void;

package/lib/components/list.element.d.ts

@@ -13,7 +13,6 @@ export declare class ListElement extends LitElement implements WithWidget {
     private _focusedIndex;
     private _guiListRef;
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;

package/lib/components/markdown-text.element.d.ts

@@ -9,7 +9,6 @@ export declare class MarkdownTextElement extends LitElement implements WithWidge
     adapter: DisplayWidgetAdapter<MarkdownTextProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     disconnectedCallback(): void;

package/lib/components/markdown.element.d.ts

@@ -9,7 +9,6 @@ export declare class MarkdownElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<string, MarkdownProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/multi-dropdown.element.d.ts

@@ -21,7 +21,6 @@ export declare class MultiDropdownElement extends LitElement implements WithWidg
     private _ignoreNextFocus;
     onDocumentClick: (event: MouseEvent) => void;
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private _currentValues;

package/lib/components/multi-file-upload.element.d.ts

@@ -9,7 +9,6 @@ export declare class MultiFileUploadElement extends LitElement implements WithWi
     adapter: InputWidgetAdapter<FileItem[], import('@golemui/gui-shared/internals').FileUploadBaseProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/multi-list.element.d.ts

@@ -13,7 +13,6 @@ export declare class MultiListElement extends LitElement implements WithWidget {
     private _focusedIndex;
     private _guiListRef;
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;

package/lib/components/number.element.d.ts

@@ -9,7 +9,6 @@ export declare class NumberElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<number, NumberinputProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/password.element.d.ts

@@ -9,7 +9,6 @@ export declare class PasswordElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<string, PasswordProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/radiogroup.element.d.ts

@@ -9,7 +9,6 @@ export declare class RadiogroupElement extends LitElement implements WithWidget
     adapter: InputWidgetAdapter<string, RadiogroupProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/range-calendar.element.d.ts

@@ -9,7 +9,6 @@ export declare class RangeCalendarElement extends LitElement implements WithWidg
     adapter: InputWidgetAdapter<DateRange[], RangeCalendarProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/range-date-input.element.d.ts

@@ -9,7 +9,6 @@ export declare class RangeDateInputElement extends LitElement implements WithWid
     adapter: InputWidgetAdapter<DateRange[], RangeDateInputProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/range-date-picker.element.d.ts

@@ -9,7 +9,6 @@ export declare class RangeDatePickerElement extends LitElement implements WithWi
     adapter: InputWidgetAdapter<DateRange[], RangeDatePickerProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/range-date-time-calendar.element.d.ts

@@ -9,7 +9,6 @@ export declare class RangeDateTimeCalendarElement extends LitElement implements
     adapter: InputWidgetAdapter<DateTimeRange[], RangeDateTimeCalendarProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/range-date-time-input.element.d.ts

@@ -9,7 +9,6 @@ export declare class RangeDateTimeInputElement extends LitElement implements Wit
     adapter: InputWidgetAdapter<DateTimeRange[], RangeDateTimeInputProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/range-date-time-picker.element.d.ts

@@ -9,7 +9,6 @@ export declare class RangeDateTimePickerElement extends LitElement implements Wi
     adapter: InputWidgetAdapter<DateTimeRange[], RangeDateTimePickerProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/range-time-input.element.d.ts

@@ -9,7 +9,6 @@ export declare class RangeTimeInputElement extends LitElement implements WithWid
     adapter: InputWidgetAdapter<TimeRange[], RangeTimeInputProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/range-time-picker.element.d.ts

@@ -9,7 +9,6 @@ export declare class RangeTimePickerElement extends LitElement implements WithWi
     adapter: InputWidgetAdapter<TimeRange[], RangeTimePickerProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/renderer.element.d.ts

@@ -9,7 +9,6 @@ export declare class RendererElement extends LitElement implements WithWidget {
     adapter: DisplayWidgetAdapter<RendererProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     disconnectedCallback(): void;

package/lib/components/repeater.element.d.ts

@@ -11,7 +11,6 @@ export declare class RepeaterElement extends LitElement implements WithWidget {
     private _repeaterRef;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     onFocusIn(event: FocusEvent): void;
     onFocusOut(event: FocusEvent): void;

package/lib/components/select.element.d.ts

@@ -9,7 +9,6 @@ export declare class SelectElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<string, SelectProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/tabs.element.d.ts

@@ -1,30 +1,19 @@
 import { LayoutWidget, WithWidget } from '@golemui/core';
 import { LayoutWidgetAdapter, LitFormContext } from '@golemui/lit';
 import { TabsProps } from '@golemui/gui-shared/internals';
-import { LitElement, PropertyValues } from 'lit';
+import { LitElement } from 'lit';
 import { Subscription } from 'rxjs';
 export declare class TabsElement extends LitElement implements WithWidget {
     widget: LayoutWidget;
-    startSentinel: HTMLElement;
-    endSentinel: HTMLElement;
-    isStartVisible: boolean;
-    isEndVisible: boolean;
-    tabButtons: HTMLButtonElement[];
-    activeTab: string;
     formContext: LitFormContext<any>;
     adapter: LayoutWidgetAdapter<TabsProps>;
+    /** The tab uid, without row indexes: the panel children carry them, see `rowIndexSuffix`. */
+    private activeTab;
     subscriptions: Subscription[];
     private rowIndexSuffix;
-    private startObserver?;
-    private endObserver?;
-    private get activeChildUid();
-    private childUid;
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): import('lit-html').TemplateResult<1>;
     disconnectedCallback(): void;
-    private onClickTab;
-    private onKeyDown;
+    private onTabChange;
 }

package/lib/components/tags.element.d.ts

@@ -9,7 +9,6 @@ export declare class TagsElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<string[], TagsProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/textarea.element.d.ts

@@ -9,7 +9,6 @@ export declare class TextareaElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<string, TextareaProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/textinput.element.d.ts

@@ -9,7 +9,6 @@ export declare class TextinputElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<string, TextinputProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/time-picker.element.d.ts

@@ -9,7 +9,6 @@ export declare class TimePickerElement extends LitElement implements WithWidget
     adapter: InputWidgetAdapter<string, TimePickerProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/time.element.d.ts

@@ -9,7 +9,6 @@ export declare class TimeElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<string, TimeInputProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/lib/components/toggle.element.d.ts

@@ -9,7 +9,6 @@ export declare class ToggleElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<boolean, ToggleProps>;
     subscriptions: Subscription[];
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;

package/{list.element-UIKmXzeH.js → list.element-DfLD2X8s.js}

@@ -1,17 +1,18 @@
 import { InputWidgetAdapter as $, formContext as _, inputContext as v } from "@golemui/lit";
 import { consume as I, provide as x } from "@lit/context";
-import { LitElement as y, nothing as o, html as u } from "lit";
-import { property as C, state as h, query as R } from "lit/decorators.js";
-import { unsubscribeAll as w, cspStyleMap as D, safeDefine as L } from "@golemui/lit/internals";
+import { LitElement as y, nothing as u, html as h } from "lit";
+import { property as C, state as p, query as R } from "lit/decorators.js";
+import { unsubscribeAll as w, cspStyleMap as L, safeDefine as D } from "@golemui/lit/internals";
 import "rxjs";
 import { d as k } from "./default-list-item-renderer-CuPJ9jUD.js";
 import "@golemui/gui-components/label";
 import "@golemui/gui-components/list";
 import "@golemui/gui-components/errors";
-var F = Object.defineProperty, r = (n, e, i, p) => {
-  for (var s = void 0, t = n.length - 1, d; t >= 0; t--)
-    (d = n[t]) && (s = d(e, i, s) || s);
-  return s && F(e, i, s), s;
+import { live as F } from "lit/directives/live.js";
+var q = Object.defineProperty, r = (o, e, s, d) => {
+  for (var i = void 0, t = o.length - 1, l; t >= 0; t--)
+    (l = o[t]) && (i = l(e, s, i) || i);
+  return i && q(e, s, i), i;
 };
 class a extends y {
   constructor() {
@@ -20,11 +21,6 @@ class a extends y {
   createRenderRoot() {
     return this;
   }
-  updated(e) {
-    super.updated(e);
-    const i = this.adapter.templateData.size;
-    i ? this.style.flex = String(i) : this.style.removeProperty("flex");
-  }
   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(() => {
@@ -37,11 +33,11 @@ class a extends y {
     super.disconnectedCallback(), this.adapter.destroy(), w(this.subscriptions);
   }
   render() {
-    const e = this.adapter.templateData, i = e.touched && e.errors && e.errors.length > 0, p = this._listItems.slice(this._range.start, this._range.end), s = this.adapter.getItemRenderer(
+    const e = this.adapter.templateData, s = e.touched && e.errors && e.errors.length > 0, d = this._listItems.slice(this._range.start, this._range.end), i = this.adapter.getItemRenderer(
       e.itemRenderer,
       k
     );
-    return u`
+    return h`
       <gui-label
         .targetElement=${this._guiListRef}
         .uid=${this.widget.uid}
@@ -50,49 +46,51 @@ class a extends y {
         .errors=${e.errors}
         .touched=${e.touched}
         .required=${e.validator?.required}
+        .disabled=${e.disabled}
+        .readOnly=${e.readonly}
         .native=${!1}
       ></gui-label>
 
       <div class="gui-widget">
         <gui-list
           .uid=${this.widget.uid}
-          .value=${e.value ?? ""}
+          .value=${F(e.value ?? "")}
           .valueField=${e.valueField}
           .items=${e.items}
           .itemHeight=${e.itemHeight}
           .height=${e.height}
           ?required=${e.validator?.required}
-          ?touched=${e.touched}
+          .touched=${e.touched}
           ?disabled=${e.disabled}
           ?readonly=${e.readonly}
-          aria-labelledby=${e.label ? `${this.widget.uid}_label` : o}
-          aria-describedby=${e.hint ? `${this.widget.uid}_hint` : o}
+          aria-labelledby=${e.label ? `${this.widget.uid}_label` : u}
+          aria-describedby=${e.hint ? `${this.widget.uid}_hint` : u}
           @gui-range-change=${this._onRangeChange}
           @gui-update-items=${this._onUpdateItems}
           @gui-focus-change=${this._onFocusChange}
-          @blur=${() => this.adapter.onBlur()}
-          @change=${this._valueChanged}
+          @gui-blur=${() => this.adapter.onBlur()}
+          @gui-input=${this._valueChanged}
         >
-          ${p.map((t, d) => {
-      const l = this._range.start + d, c = e.value === t.value, f = this._focusedIndex === l, g = !!e.disabled || !!t.disabled, m = e.labelField ?? "label", b = t.template !== null && typeof t.template == "object" && m && !e.itemRenderer ? t.template[m] : t.template;
-      return u`
+          ${d.map((t, l) => {
+      const n = this._range.start + l, c = e.value === t.value, b = this._focusedIndex === n, g = !!e.disabled || !!t.disabled, m = e.labelField ?? "label", f = t.template !== null && typeof t.template == "object" && m && !e.itemRenderer ? t.template[m] : t.template;
+      return h`
               <div
                 role="option"
                 tabindex="-1"
                 class="gui-list__item-wrapper"
-                id="${this.widget.uid}-item-${l}"
-                style=${D({ height: `${e.itemHeight || 40}px` })}
+                id="${this.widget.uid}-item-${n}"
+                style=${L({ height: `${e.itemHeight || 40}px` })}
                 aria-selected=${c ? "true" : "false"}
                 aria-disabled=${g ? "true" : "false"}
-                @click=${() => this._onClickItem(t, l)}
+                @click=${() => this._onClickItem(t, n)}
               >
-                ${s({
-        template: b,
+                ${i({
+        template: f,
         value: t.value,
-        index: l,
+        index: n,
         selected: c,
         disabled: g,
-        focused: f
+        focused: b
       })}
               </div>
             `;
@@ -100,11 +98,11 @@ class a extends y {
         </gui-list>
       </div>
 
-      ${i ? u`<gui-errors
+      ${s ? h`<gui-errors
             .uid=${this.widget.uid}
             .errors=${e.errors}
             .touched=${e.touched}
-          ></gui-errors>` : o}
+          ></gui-errors>` : u}
     `;
   }
   _onRangeChange(e) {
@@ -116,8 +114,9 @@ class a extends y {
   _onFocusChange(e) {
     this._focusedIndex = e.detail.index;
   }
-  _onClickItem(e, i) {
-    this.adapter.templateData.disabled || e.disabled || (this.adapter.valueChanged(e.value), this._focusedIndex = i, this._guiListRef && typeof this._guiListRef.focusItemAtIndex == "function" && this._guiListRef.focusItemAtIndex(i));
+  _onClickItem(e, s) {
+    const { disabled: d, readonly: i } = this.adapter.templateData;
+    d || i || e.disabled || (this.adapter.valueChanged(e.value), this._focusedIndex = s, this._guiListRef && typeof this._guiListRef.focusItemAtIndex == "function" && this._guiListRef.focusItemAtIndex(s));
   }
   _valueChanged(e) {
     this.adapter.templateData.readonly || this.adapter.valueChanged(e.detail.value);
@@ -131,18 +130,18 @@ r([
   x({ context: v })
 ], a.prototype, "adapter");
 r([
-  h()
+  p()
 ], a.prototype, "_range");
 r([
-  h()
+  p()
 ], a.prototype, "_listItems");
 r([
-  h()
+  p()
 ], a.prototype, "_focusedIndex");
 r([
   R("gui-list")
 ], a.prototype, "_guiListRef");
-L("gui-list-input", a);
+D("gui-list-input", a);
 export {
   a as ListElement
 };