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

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

@@ -9,10 +9,9 @@ export declare class DropdownElement extends LitElement implements WithWidget {
     adapter: InputWidgetAdapter<string, DropdownProps<never>>;
     debouncer: Subject<string>;
     subscriptions: Subscription[];
-    private _range;
+    private _visibleItems;
     private _filteredItems;
     private _listItems;
-    private _focusedIndex;
     private _isFiltering;
     private _isListVisible;
     private _selectedItem;
@@ -22,13 +21,10 @@ 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;
+    private _onVisibleItemsChange;
     private _onUpdateItems;
-    private _onFocusChange;
-    private _onClickItem;
     private _onValueChange;
     private _onKeyDown;
     private _onInput;

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

@@ -8,18 +8,12 @@ export declare class ListElement extends LitElement implements WithWidget {
     formContext: LitFormContext<any>;
     adapter: InputWidgetAdapter<string, ListProps<any>>;
     subscriptions: Subscription[];
-    private _range;
-    private _listItems;
-    private _focusedIndex;
+    private _visibleItems;
     private _guiListRef;
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
-    private _onRangeChange;
-    private _onUpdateItems;
-    private _onFocusChange;
-    private _onClickItem;
+    private _onVisibleItemsChange;
     private _valueChanged;
 }

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

@@ -9,10 +9,9 @@ export declare class MultiDropdownElement extends LitElement implements WithWidg
     adapter: InputWidgetAdapter<OptionValue[], MultiDropdownProps<any>>;
     debouncer: Subject<string>;
     subscriptions: Subscription[];
-    private _range;
+    private _visibleItems;
     private _filteredItems;
     private _listItems;
-    private _focusedIndex;
     private _isFiltering;
     private _isListVisible;
     private _triggerRef;
@@ -21,17 +20,14 @@ 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;
     private _pillItems;
     private _toggleValue;
     private _openPanel;
-    private _onRangeChange;
+    private _onVisibleItemsChange;
     private _onUpdateItems;
-    private _onFocusChange;
-    private _onClickItem;
     private _onValueChange;
     private _onPillRemove;
     private _onPillsDropdownToggle;

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

@@ -8,20 +8,14 @@ export declare class MultiListElement extends LitElement implements WithWidget {
     formContext: LitFormContext<any>;
     adapter: InputWidgetAdapter<OptionValue[], MultiListProps<any>>;
     subscriptions: Subscription[];
-    private _range;
-    private _listItems;
-    private _focusedIndex;
+    private _visibleItems;
     private _guiListRef;
     createRenderRoot(): this;
-    updated(changedProperties: any): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     private _currentValues;
     private _toggleValue;
-    private _onRangeChange;
-    private _onUpdateItems;
-    private _onFocusChange;
-    private _onClickItem;
+    private _onVisibleItemsChange;
     private _valueChanged;
 }

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-CIrv32zU.js

@@ -0,0 +1,125 @@
+import { InputWidgetAdapter as h, formContext as c, inputContext as b } from "@golemui/lit";
+import { consume as m, provide as g } from "@lit/context";
+import { LitElement as $, nothing as o, html as n } from "lit";
+import { property as f, state as v, query as _ } from "lit/decorators.js";
+import { unsubscribeAll as y, cspStyleMap as C, safeDefine as x } from "@golemui/lit/internals";
+import "rxjs";
+import { d as w } from "./default-list-item-renderer-sJeXkSKR.js";
+import "@golemui/gui-components/label";
+import "@golemui/gui-components/list";
+import "@golemui/gui-components/errors";
+import { live as I } from "lit/directives/live.js";
+var R = Object.defineProperty, a = (d, e, s, u) => {
+  for (var t = void 0, i = d.length - 1, l; i >= 0; i--)
+    (l = d[i]) && (t = l(e, s, t) || t);
+  return t && R(e, s, t), t;
+};
+class r extends $ {
+  constructor() {
+    super(...arguments), this.adapter = new h(), 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(), y(this.subscriptions);
+  }
+  render() {
+    const e = this.adapter.templateData, s = e.touched && e.errors && e.errors.length > 0, u = this.adapter.getItemRenderer(
+      e.itemRenderer,
+      w
+    );
+    return n`
+      <gui-label
+        .targetElement=${this._guiListRef}
+        .uid=${this.widget.uid}
+        .label=${e.label}
+        .hint=${e.hint}
+        .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=${I(e.value ?? "")}
+          .valueField=${e.valueField}
+          .items=${e.items}
+          .itemHeight=${e.itemHeight}
+          .height=${e.height}
+          ?required=${e.validator?.required}
+          .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}
+          @gui-visible-items-change=${this._onVisibleItemsChange}
+          @gui-blur=${() => this.adapter.onBlur()}
+          @gui-input=${this._valueChanged}
+        >
+          ${this._visibleItems.map((t) => {
+      const i = e.labelField ?? "label", p = t.template !== null && typeof t.template == "object" && i && !e.itemRenderer ? t.template[i] : t.template;
+      return n`
+              <div
+                role="option"
+                tabindex="-1"
+                class="gui-list__item-wrapper"
+                id=${t.id}
+                style=${C({ height: `${e.itemHeight || 40}px` })}
+                aria-selected=${t.selected ? "true" : "false"}
+                aria-disabled=${t.disabled ? "true" : "false"}
+              >
+                ${u({
+        template: p,
+        value: t.value,
+        index: t.index,
+        selected: t.selected,
+        disabled: t.disabled,
+        focused: t.focused
+      })}
+              </div>
+            `;
+    })}
+        </gui-list>
+      </div>
+
+      ${s ? n`<gui-errors
+            .uid=${this.widget.uid}
+            .errors=${e.errors}
+            .touched=${e.touched}
+          ></gui-errors>` : o}
+    `;
+  }
+  _onVisibleItemsChange(e) {
+    this._visibleItems = e.detail;
+  }
+  _valueChanged(e) {
+    this.adapter.templateData.readonly || this.adapter.valueChanged(e.detail.value);
+  }
+}
+a([
+  m({ context: c }),
+  f({ attribute: !1 })
+], r.prototype, "formContext");
+a([
+  g({ context: b })
+], r.prototype, "adapter");
+a([
+  v()
+], r.prototype, "_visibleItems");
+a([
+  _("gui-list")
+], r.prototype, "_guiListRef");
+x("gui-list-input", r);
+export {
+  r as ListElement
+};