@golemui/gui-lit 1.0.2 → 1.1.0

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

@@ -7,23 +7,12 @@ export declare class DatePickerElement extends LitElement implements WithWidget
     widget: InputWidget<string>;
     formContext: LitFormContext<any>;
     adapter: InputWidgetAdapter<string, DatePickerProps>;
-    dateInput?: HTMLElement;
-    calendarInput?: HTMLElement;
-    isCalendarOpen: boolean;
     subscriptions: Subscription[];
-    onFocusOut: (event: FocusEvent) => void;
-    onDocumentClick: (event: MouseEvent) => void;
     createRenderRoot(): this;
     updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;
-    onCalendarChange(event: CustomEvent): void;
-    onBlurCalendar(): void;
     onInputError(event: CustomEvent): void;
-    onKeyUp(event: Event): void;
-    toggleCalendar(event: Event): void;
-    openCalendar(): void;
-    closeCalendar(): void;
     disconnectedCallback(): void;
 }

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

@@ -0,0 +1,18 @@
+import { InputWidget, WithWidget } from '@golemui/core';
+import { InputWidgetAdapter, LitFormContext } from '@golemui/lit';
+import { DateTimeCalendarProps } from '@golemui/gui-shared/internals';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+export declare class DateTimeCalendarElement extends LitElement implements WithWidget {
+    widget: InputWidget<string>;
+    formContext: LitFormContext<any>;
+    adapter: InputWidgetAdapter<string, DateTimeCalendarProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    onInputError(event: CustomEvent): void;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,18 @@
+import { InputWidget, WithWidget } from '@golemui/core';
+import { InputWidgetAdapter, LitFormContext } from '@golemui/lit';
+import { DateTimePickerProps } from '@golemui/gui-shared/internals';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+export declare class DateTimePickerElement extends LitElement implements WithWidget {
+    widget: InputWidget<string>;
+    formContext: LitFormContext<any>;
+    adapter: InputWidgetAdapter<string, DateTimePickerProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    onInputError(event: CustomEvent): void;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,18 @@
+import { InputWidget, WithWidget } from '@golemui/core';
+import { InputWidgetAdapter, LitFormContext } from '@golemui/lit';
+import { DateTimeInputProps } from '@golemui/gui-shared/internals';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+export declare class DateTimeElement extends LitElement implements WithWidget {
+    widget: InputWidget<string>;
+    formContext: LitFormContext<any>;
+    adapter: InputWidgetAdapter<string, DateTimeInputProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    onInputError(event: CustomEvent): void;
+    disconnectedCallback(): void;
+}

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

@@ -18,6 +18,7 @@ export declare class DropdownElement extends LitElement implements WithWidget {
     private _selectedItem;
     private _inputRef;
     private _listRef;
+    private _ignoreNextFocus;
     onDocumentClick: (event: MouseEvent) => void;
     createRenderRoot(): this;
     updated(changedProperties: any): void;
@@ -31,6 +32,7 @@ export declare class DropdownElement extends LitElement implements WithWidget {
     private _onKeyDown;
     private _onInput;
     private _filterItems;
+    private _onWidgetKeyDown;
     private _onFocus;
     private _onFocusOutInput;
     private _onBlur;

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

@@ -12,6 +12,7 @@ export declare class RangeCalendarElement extends LitElement implements WithWidg
     updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
-    valueChanged(event: InputEvent): void;
+    valueChanged(event: CustomEvent): void;
+    onInputError(event: CustomEvent): void;
     disconnectedCallback(): void;
 }

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

@@ -7,27 +7,12 @@ export declare class RangeDatePickerElement extends LitElement implements WithWi
     widget: InputWidget<DateRange[]>;
     formContext: LitFormContext<any>;
     adapter: InputWidgetAdapter<DateRange[], RangeDatePickerProps>;
-    dateInput?: HTMLElement;
-    calendarInput?: HTMLElement;
-    isCalendarOpen: boolean;
-    focusDate: string | undefined;
     subscriptions: Subscription[];
-    private _ignoreNextFocusOut;
-    onFocusOut: (event: FocusEvent) => void;
-    onDocumentClick: (event: MouseEvent) => void;
-    onDropdownToggle: (event: Event) => void;
     createRenderRoot(): this;
     updated(changedProperties: any): void;
     connectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
     valueChanged(event: CustomEvent): void;
-    onBlurCalendar(): void;
     onInputError(event: CustomEvent): void;
-    onPillClick(event: CustomEvent): void;
-    onKeyUp(event: Event): void;
-    toggleCalendar(event: Event): void;
-    openCalendar(): void;
-    closeCalendar(): void;
-    private closePillsDropdown;
     disconnectedCallback(): void;
 }

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

@@ -0,0 +1,18 @@
+import { InputWidget, WithWidget } from '@golemui/core';
+import { InputWidgetAdapter, LitFormContext } from '@golemui/lit';
+import { DateTimeRange, RangeDateTimeCalendarProps } from '@golemui/gui-shared/internals';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+export declare class RangeDateTimeCalendarElement extends LitElement implements WithWidget {
+    widget: InputWidget<DateTimeRange[]>;
+    formContext: LitFormContext<any>;
+    adapter: InputWidgetAdapter<DateTimeRange[], RangeDateTimeCalendarProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    onInputError(event: CustomEvent): void;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,18 @@
+import { InputWidget, WithWidget } from '@golemui/core';
+import { InputWidgetAdapter, LitFormContext } from '@golemui/lit';
+import { DateTimeRange, RangeDateTimeInputProps } from '@golemui/gui-shared/internals';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+export declare class RangeDateTimeInputElement extends LitElement implements WithWidget {
+    widget: InputWidget<DateTimeRange[]>;
+    formContext: LitFormContext<any>;
+    adapter: InputWidgetAdapter<DateTimeRange[], RangeDateTimeInputProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    onInputError(event: CustomEvent): void;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,18 @@
+import { InputWidget, WithWidget } from '@golemui/core';
+import { InputWidgetAdapter, LitFormContext } from '@golemui/lit';
+import { DateTimeRange, RangeDateTimePickerProps } from '@golemui/gui-shared/internals';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+export declare class RangeDateTimePickerElement extends LitElement implements WithWidget {
+    widget: InputWidget<DateTimeRange[]>;
+    formContext: LitFormContext<any>;
+    adapter: InputWidgetAdapter<DateTimeRange[], RangeDateTimePickerProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    onInputError(event: CustomEvent): void;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,18 @@
+import { InputWidget, WithWidget } from '@golemui/core';
+import { InputWidgetAdapter, LitFormContext } from '@golemui/lit';
+import { TimeRange, RangeTimeInputProps } from '@golemui/gui-shared/internals';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+export declare class RangeTimeInputElement extends LitElement implements WithWidget {
+    widget: InputWidget<TimeRange[]>;
+    formContext: LitFormContext<any>;
+    adapter: InputWidgetAdapter<TimeRange[], RangeTimeInputProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    onInputError(event: CustomEvent): void;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,18 @@
+import { InputWidget, WithWidget } from '@golemui/core';
+import { InputWidgetAdapter, LitFormContext } from '@golemui/lit';
+import { TimeRange, RangeTimePickerProps } from '@golemui/gui-shared/internals';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+export declare class RangeTimePickerElement extends LitElement implements WithWidget {
+    widget: InputWidget<TimeRange[]>;
+    formContext: LitFormContext<any>;
+    adapter: InputWidgetAdapter<TimeRange[], RangeTimePickerProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    onInputError(event: CustomEvent): void;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,18 @@
+import { InputWidget, WithWidget } from '@golemui/core';
+import { InputWidgetAdapter, LitFormContext } from '@golemui/lit';
+import { TimePickerProps } from '@golemui/gui-shared/internals';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+export declare class TimePickerElement extends LitElement implements WithWidget {
+    widget: InputWidget<string>;
+    formContext: LitFormContext<any>;
+    adapter: InputWidgetAdapter<string, TimePickerProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    onInputError(event: CustomEvent): void;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,18 @@
+import { InputWidget, WithWidget } from '@golemui/core';
+import { InputWidgetAdapter, LitFormContext } from '@golemui/lit';
+import { TimeInputProps } from '@golemui/gui-shared/internals';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+export declare class TimeElement extends LitElement implements WithWidget {
+    widget: InputWidget<string>;
+    formContext: LitFormContext<any>;
+    adapter: InputWidgetAdapter<string, TimeInputProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    onInputError(event: CustomEvent): void;
+    disconnectedCallback(): void;
+}

package/{list-D1oKnH89.js → list-CrLIL4by.js}

@@ -1,7 +1,7 @@
-import { html as c, LitElement as p, nothing as u } from "lit";
+import { html as c, LitElement as p, nothing as h } from "lit";
 import { classMap as m } from "lit/directives/class-map.js";
 import "@golemui/core";
-import { property as a, state as d, query as f, customElement as v } from "lit/decorators.js";
+import { property as a, state as u, query as f, customElement as v } from "lit/decorators.js";
 const T = (e) => {
   const t = {
     "gui-list__item": !0,
@@ -19,8 +19,8 @@ const T = (e) => {
       ${e.template}
     </div>
   `;
-}, g = (e) => e !== null && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "template") && Object.prototype.hasOwnProperty.call(e, "value");
-function b(e) {
+}, b = (e) => e !== null && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "template") && Object.prototype.hasOwnProperty.call(e, "value");
+function g(e) {
   const t = typeof e;
   return t === "string" || t === "number";
 }
@@ -30,42 +30,44 @@ const y = (e, { valueField: t }) => {
   const i = e, o = t ?? "value";
   return !!Object.prototype.hasOwnProperty.call(i, o);
 };
-function w(e, { valueField: t }) {
+function I(e, { valueField: t }) {
   if (e === null || typeof e != "object")
     throw new Error("Provided value is not an object");
   const i = e, o = t ?? "value", s = Object.prototype.hasOwnProperty.call(i, o) ? o : void 0;
   if (!s)
     throw new Error("No valueField exists on the object");
-  return (n) => {
-    if (n === null || typeof n != "object")
+  return (r) => {
+    if (r === null || typeof r != "object")
       throw new Error("Item is not an object");
+    const d = r;
     return {
-      template: n,
-      value: s ? n[s] : ""
+      template: r,
+      value: s ? d[s] : "",
+      ...typeof d.disabled == "boolean" ? { disabled: d.disabled } : {}
     };
   };
 }
-const _ = (e, t) => {
-  if (Array.isArray(e) && e.length > 0 && !g(e[0])) {
-    if (b(e[0]))
+const w = (e, t) => {
+  if (Array.isArray(e) && e.length > 0 && !b(e[0])) {
+    if (g(e[0]))
       return e.map((i) => ({
         template: i,
         value: i
       }));
     if (y(e[0], t)) {
-      const i = w(e[0], t);
+      const i = I(e[0], t);
       return e.map(i);
     } else
       throw new Error("Invalid list item shape");
   }
   return e;
 };
-var I = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (e, t, i, o) => {
-  for (var s = o > 1 ? void 0 : o ? x(t, i) : t, n = e.length - 1, h; n >= 0; n--)
-    (h = e[n]) && (s = (o ? h(t, i, s) : h(s)) || s);
-  return o && s && I(t, i, s), s;
+var _ = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (e, t, i, o) => {
+  for (var s = o > 1 ? void 0 : o ? x(t, i) : t, r = e.length - 1, d; r >= 0; r--)
+    (d = e[r]) && (s = (o ? d(t, i, s) : d(s)) || s);
+  return o && s && _(t, i, s), s;
 };
-let r = class extends p {
+let n = class extends p {
   constructor() {
     super(...arguments), this.uid = void 0, this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.valueField = void 0, this.label = void 0, this.hint = void 0, this.items = [], this.itemHeight = void 0, this.height = void 0, this._items = [], this._scrollTop = 0, this._viewportHeight = 0, this._focusedIndex = -1, this.buffer = 5;
   }
@@ -83,16 +85,16 @@ let r = class extends p {
         id=${this.uid}
         tabindex=${this.disabled ? -1 : 0}
         class="gui-list__scroll-viewport"
-        style="max-height: ${e}px; overflow-y: auto; position: relative; display: block;"
+        style="max-height: ${e}px; min-height: 40px; overflow-y: auto; position: relative; display: block;"
         @scroll="${this.onScroll}"
         @keydown="${this.onKeyDown}"
         @focus="${this.onFocus}"
         @focusout="${this.onFocusOut}"
-        aria-required=${this.required ? "true" : u}
-        aria-disabled=${this.disabled || this.readOnly ? "true" : u}
-        aria-activedescendant="${s ?? u}"
-        aria-label=${this.label ?? u}
-        aria-description=${this.hint ?? u}
+        aria-required=${this.required ? "true" : h}
+        aria-disabled=${this.disabled || this.readOnly ? "true" : h}
+        aria-activedescendant="${s ?? h}"
+        aria-label=${this.label ?? h}
+        aria-description=${this.hint ?? h}
       >
         <div
           class="gui-list__spacer"
@@ -124,27 +126,31 @@ let r = class extends p {
     let s = !1;
     switch (e.key) {
       case "ArrowDown":
-        this.setFocusedIndex(Math.min(this._focusedIndex + 1, o)), s = !0;
+        this.setFocusedIndex(this.findEnabledIndex(Math.min(this._focusedIndex + 1, o), 1)), s = !0;
         break;
       case "ArrowUp":
-        this.setFocusedIndex(Math.max(this._focusedIndex - 1, 0)), s = !0;
+        this.setFocusedIndex(this.findEnabledIndex(Math.max(this._focusedIndex - 1, 0), -1)), s = !0;
         break;
       case "PageDown":
-        this.setFocusedIndex(Math.min(this._focusedIndex + i, o)), s = !0;
+        this.setFocusedIndex(
+          this.findEnabledIndex(Math.min(this._focusedIndex + i, o), 1)
+        ), s = !0;
         break;
       case "PageUp":
-        this.setFocusedIndex(Math.max(this._focusedIndex - i, 0)), s = !0;
+        this.setFocusedIndex(
+          this.findEnabledIndex(Math.max(this._focusedIndex - i, 0), -1)
+        ), s = !0;
         break;
       case "Home":
-        this.setFocusedIndex(0), s = !0;
+        this.setFocusedIndex(this.findEnabledIndex(0, 1)), s = !0;
         break;
       case "End":
-        this.setFocusedIndex(o), s = !0;
+        this.setFocusedIndex(this.findEnabledIndex(o, -1)), s = !0;
         break;
       case "Enter":
       case " ": {
-        const n = this._items[this._focusedIndex];
-        this._focusedIndex >= 0 && n != null && this.selectItem(n), s = !0;
+        const r = this._items[this._focusedIndex];
+        this._focusedIndex >= 0 && r != null && !r.disabled && this.selectItem(r), s = !0;
         break;
       }
     }
@@ -171,8 +177,8 @@ let r = class extends p {
     ), this.dispatchEvent(new CustomEvent("blur", { bubbles: !0, composed: !0 })));
   }
   scrollToIndex(e) {
-    const t = this.itemHeight ?? 40, i = this.height ?? 300, o = e * t, s = o + t, n = this.viewportElement.scrollTop, h = n + i;
-    o < n ? this.viewportElement.scrollTop = o : s > h && (this.viewportElement.scrollTop = s - i);
+    const t = this.itemHeight ?? 40, i = this.height ?? 300, o = e * t, s = o + t, r = this.viewportElement.scrollTop, d = r + i;
+    o < r ? this.viewportElement.scrollTop = o : s > d && (this.viewportElement.scrollTop = s - i);
   }
   selectItem(e) {
     this.dispatchEvent(
@@ -183,6 +189,15 @@ let r = class extends p {
       })
     );
   }
+  /**
+   * First enabled item index walking from `from` in `direction`, or -1 when
+   * every item that way is disabled — keyboard navigation skips disabled rows.
+   */
+  findEnabledIndex(e, t) {
+    for (let i = e; i >= 0 && i < this._items.length; i += t)
+      if (!this._items[i]?.disabled) return i;
+    return -1;
+  }
   setFocusedIndex(e) {
     e < 0 || e >= this.items.length || (this._focusedIndex = e, this.scrollToIndex(e), this.dispatchEvent(
       new CustomEvent("gui-focus-change", {
@@ -193,7 +208,7 @@ let r = class extends p {
     ));
   }
   updateItems() {
-    this._items = _(this.items, { valueField: this.valueField }), this.dispatchEvent(
+    this._items = w(this.items, { valueField: this.valueField }), this.dispatchEvent(
       new CustomEvent("gui-update-items", {
         detail: this._items,
         bubbles: !0,
@@ -219,65 +234,65 @@ let r = class extends p {
     this._scrollTop = t.scrollTop;
   }
   calculateRange() {
-    const e = this.itemHeight ?? 40, t = this.items?.length ?? 0, i = Math.ceil(this._viewportHeight / e), o = Math.floor(this._scrollTop / e), s = Math.max(0, o - this.buffer), n = Math.min(t, o + i + this.buffer), h = s * e;
-    return { startIndex: s, endIndex: n, offsetY: h };
+    const e = this.itemHeight ?? 40, t = this.items?.length ?? 0, i = Math.ceil(this._viewportHeight / e), o = Math.floor(this._scrollTop / e), s = Math.max(0, o - this.buffer), r = Math.min(t, o + i + this.buffer), d = s * e;
+    return { startIndex: s, endIndex: r, offsetY: d };
   }
 };
 l([
   a({ type: String })
-], r.prototype, "uid", 2);
+], n.prototype, "uid", 2);
 l([
   a({ type: Boolean })
-], r.prototype, "touched", 2);
+], n.prototype, "touched", 2);
 l([
   a({ type: Boolean })
-], r.prototype, "required", 2);
+], n.prototype, "required", 2);
 l([
   a({ type: Boolean })
-], r.prototype, "disabled", 2);
+], n.prototype, "disabled", 2);
 l([
   a({ type: Boolean, attribute: "readonly" })
-], r.prototype, "readOnly", 2);
+], n.prototype, "readOnly", 2);
 l([
   a({ type: String })
-], r.prototype, "value", 2);
+], n.prototype, "value", 2);
 l([
   a({ type: String })
-], r.prototype, "valueField", 2);
+], n.prototype, "valueField", 2);
 l([
   a({ type: String })
-], r.prototype, "label", 2);
+], n.prototype, "label", 2);
 l([
   a({ type: String })
-], r.prototype, "hint", 2);
+], n.prototype, "hint", 2);
 l([
   a({ type: Array })
-], r.prototype, "items", 2);
+], n.prototype, "items", 2);
 l([
   a({ type: Number })
-], r.prototype, "itemHeight", 2);
+], n.prototype, "itemHeight", 2);
 l([
   a({ type: Number })
-], r.prototype, "height", 2);
+], n.prototype, "height", 2);
 l([
-  d()
-], r.prototype, "_items", 2);
+  u()
+], n.prototype, "_items", 2);
 l([
-  d()
-], r.prototype, "_scrollTop", 2);
+  u()
+], n.prototype, "_scrollTop", 2);
 l([
-  d()
-], r.prototype, "_viewportHeight", 2);
+  u()
+], n.prototype, "_viewportHeight", 2);
 l([
-  d()
-], r.prototype, "_focusedIndex", 2);
+  u()
+], n.prototype, "_focusedIndex", 2);
 l([
   f(".gui-list__scroll-viewport")
-], r.prototype, "viewportElement", 2);
-r = l([
+], n.prototype, "viewportElement", 2);
+n = l([
   v("gui-list")
-], r);
-typeof customElements < "u" && !customElements.get("gui-list") && customElements.define("gui-list", r);
+], n);
+typeof customElements < "u" && !customElements.get("gui-list") && customElements.define("gui-list", n);
 export {
   T as d
 };

package/{list.element-Co3V3Cn5.js → list.element-DV82YxnJ.js}

@@ -1,18 +1,18 @@
-import { InputWidgetAdapter as f, formContext as _, inputContext as b } from "@golemui/lit";
-import { consume as $, provide as v } from "@lit/context";
-import { LitElement as I, nothing as o, html as u } from "lit";
-import { property as x, state as h, query as y, customElement as C } from "lit/decorators.js";
+import { InputWidgetAdapter as b, formContext as _, inputContext as $ } from "@golemui/lit";
+import { consume as v, provide as I } from "@lit/context";
+import { LitElement as x, nothing as o, html as u } from "lit";
+import { property as y, state as h, query as C, customElement as R } from "lit/decorators.js";
 import "rxjs";
-import { d as R } from "./list-D1oKnH89.js";
+import { d as w } from "./list-CrLIL4by.js";
 import "./errors-QjKhr6mA.js";
-var w = Object.defineProperty, D = Object.getOwnPropertyDescriptor, r = (e, i, l, d) => {
-  for (var t = d > 1 ? void 0 : d ? D(i, l) : i, n = e.length - 1, s; n >= 0; n--)
+var D = Object.defineProperty, L = Object.getOwnPropertyDescriptor, r = (e, i, l, d) => {
+  for (var t = d > 1 ? void 0 : d ? L(i, l) : i, n = e.length - 1, s; n >= 0; n--)
     (s = e[n]) && (t = (d ? s(i, l, t) : s(t)) || t);
-  return d && t && w(i, l, t), t;
+  return d && t && D(i, l, t), t;
 };
-let a = class extends I {
+let a = class extends x {
   constructor() {
-    super(...arguments), this.adapter = new f(), this.subscriptions = [], this._range = { start: 0, end: 10 }, this._listItems = [], this._focusedIndex = -1;
+    super(...arguments), this.adapter = new b(), this.subscriptions = [], this._range = { start: 0, end: 10 }, this._listItems = [], this._focusedIndex = -1;
   }
   createRenderRoot() {
     return this;
@@ -36,7 +36,7 @@ let a = class extends I {
   render() {
     const e = this.adapter.templateData, i = e.touched && e.errors && e.errors.length > 0, l = this._listItems.slice(this._range.start, this._range.end), d = this.adapter.getItemRenderer(
       e.itemRenderer,
-      R
+      w
     );
     return u`
       <gui-label
@@ -71,7 +71,7 @@ let a = class extends I {
           @change=${this._valueChanged}
         >
           ${l.map((t, n) => {
-      const s = this._range.start + n, p = e.value === t.value, g = this._focusedIndex === s, c = e.labelField ?? "label", m = t.template !== null && typeof t.template == "object" && c && !e.itemRenderer ? t.template[c] : t.template;
+      const s = this._range.start + n, p = e.value === t.value, m = this._focusedIndex === s, c = !!e.disabled || !!t.disabled, g = e.labelField ?? "label", f = t.template !== null && typeof t.template == "object" && g && !e.itemRenderer ? t.template[g] : t.template;
       return u`
               <div
                 role="option"
@@ -80,16 +80,16 @@ let a = class extends I {
                 id="${this.widget.uid}-item-${s}"
                 style="height: ${e.itemHeight || 40}px"
                 aria-selected=${p ? "true" : "false"}
-                aria-disabled=${e.disabled ? "true" : "false"}
+                aria-disabled=${c ? "true" : "false"}
                 @click=${() => this._onClickItem(t, s)}
               >
                 ${d({
-        template: m,
+        template: f,
         value: t.value,
         index: s,
         selected: p,
-        disabled: !!e.disabled,
-        focused: g
+        disabled: c,
+        focused: m
       })}
               </div>
             `;
@@ -114,18 +114,18 @@ let a = class extends I {
     this._focusedIndex = e.detail.index;
   }
   _onClickItem(e, i) {
-    this.adapter.templateData.disabled || (this.adapter.valueChanged(e.value), this._focusedIndex = i, this._guiListRef && typeof this._guiListRef.focusItemAtIndex == "function" && this._guiListRef.focusItemAtIndex(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));
   }
   _valueChanged(e) {
     this.adapter.templateData.readonly || this.adapter.valueChanged(e.detail.value);
   }
 };
 r([
-  $({ context: _ }),
-  x({ attribute: !1 })
+  v({ context: _ }),
+  y({ attribute: !1 })
 ], a.prototype, "formContext", 2);
 r([
-  v({ context: b })
+  I({ context: $ })
 ], a.prototype, "adapter", 2);
 r([
   h()
@@ -137,10 +137,10 @@ r([
   h()
 ], a.prototype, "_focusedIndex", 2);
 r([
-  y("gui-list")
+  C("gui-list")
 ], a.prototype, "_guiListRef", 2);
 a = r([
-  C("gui-list-input")
+  R("gui-list-input")
 ], a);
 export {
   a as ListElement