@golemui/gui-lit 1.0.3 → 1.1.1-rc.0

package/{list.element-Co3V3Cn5.js → list.element-eo3DIOrp.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 "./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--)
+import { d as w } from "./list-D730tmGN.js";
+import "./errors-Byb2dIhK.js";
+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