@golemui/gui-lit 0.15.1 → 0.16.0

package/{list-CtFsv7GB.js → list-CVDHuXKS.js}

@@ -1,9 +1,9 @@
-import { html as c, LitElement as p, nothing as h } from "lit";
+import { html as c, LitElement as p, nothing as u } 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 "@golemui/gui-shared";
-const T = (e) => {
+const F = (e) => {
   const t = {
     "gui-list__item": !0,
     "gui-list__item-selected": !!e.selected,
@@ -46,7 +46,7 @@ function w(e, { valueField: t }) {
     };
   };
 }
-const I = (e, t) => {
+const _ = (e, t) => {
   if (Array.isArray(e) && e.length > 0 && !g(e[0])) {
     if (b(e[0]))
       return e.map((i) => ({
@@ -61,12 +61,12 @@ const I = (e, t) => {
   }
   return e;
 };
-var _ = Object.defineProperty, x = Object.getOwnPropertyDescriptor, r = (e, t, i, o) => {
-  for (var s = o > 1 ? void 0 : o ? x(t, i) : t, n = e.length - 1, u; n >= 0; n--)
-    (u = e[n]) && (s = (o ? u(t, i, s) : u(s)) || s);
-  return o && s && _(t, i, s), s;
+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;
 };
-let l = class extends p {
+let r = 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;
   }
@@ -89,11 +89,11 @@ let l = class extends p {
         @keydown="${this.onKeyDown}"
         @focus="${this.onFocus}"
         @focusout="${this.onFocusOut}"
-        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}
+        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}
       >
         <div
           class="gui-list__spacer"
@@ -116,7 +116,7 @@ let l = class extends p {
     this._focusedIndex = e;
   }
   scrollToSelectedIndex() {
-    const e = this.items.findIndex((t) => (this.valueField ? t[this.valueField] : t) === this.value);
+    const e = this._items.findIndex((t) => t.value === this.value);
     this.scrollToIndex(e);
   }
   onKeyDown(e) {
@@ -144,8 +144,8 @@ let l = class extends p {
         break;
       case "Enter":
       case " ": {
-        const n = this.items[this._focusedIndex], u = n != null;
-        this._focusedIndex >= 0 && u && this.selectItem(this.items[this._focusedIndex]), s = !0;
+        const n = this._items[this._focusedIndex];
+        this._focusedIndex >= 0 && n != null && this.selectItem(n), s = !0;
         break;
       }
     }
@@ -153,7 +153,7 @@ let l = class extends p {
   }
   onFocus() {
     if (!this.value || !this.items.length) return;
-    const e = this.items.findIndex((t) => (this.valueField ? t[this.valueField] : t) === this.value);
+    const e = this._items.findIndex((t) => t.value === this.value);
     this._focusedIndex = e, this.scrollToIndex(e), this.dispatchEvent(
       new CustomEvent("gui-focus-change", {
         detail: { index: e },
@@ -172,13 +172,13 @@ let l = 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, u = n + i;
-    o < n ? this.viewportElement.scrollTop = o : s > u && (this.viewportElement.scrollTop = s - i);
+    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);
   }
   selectItem(e) {
     this.dispatchEvent(
       new CustomEvent("change", {
-        detail: { value: this.valueField ? e[this.valueField] : e },
+        detail: { value: e.value },
         bubbles: !0,
         composed: !0
       })
@@ -194,7 +194,7 @@ let l = class extends p {
     ));
   }
   updateItems() {
-    this._items = I(this.items, { valueField: this.valueField }), this.dispatchEvent(
+    this._items = _(this.items, { valueField: this.valueField }), this.dispatchEvent(
       new CustomEvent("gui-update-items", {
         detail: this._items,
         bubbles: !0,
@@ -220,65 +220,65 @@ let l = 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), u = s * e;
-    return { startIndex: s, endIndex: n, offsetY: u };
+    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 };
   }
 };
-r([
+l([
   a({ type: String })
-], l.prototype, "uid", 2);
-r([
+], r.prototype, "uid", 2);
+l([
   a({ type: Boolean })
-], l.prototype, "touched", 2);
-r([
+], r.prototype, "touched", 2);
+l([
   a({ type: Boolean })
-], l.prototype, "required", 2);
-r([
+], r.prototype, "required", 2);
+l([
   a({ type: Boolean })
-], l.prototype, "disabled", 2);
-r([
+], r.prototype, "disabled", 2);
+l([
   a({ type: Boolean, attribute: "readonly" })
-], l.prototype, "readOnly", 2);
-r([
+], r.prototype, "readOnly", 2);
+l([
   a({ type: String })
-], l.prototype, "value", 2);
-r([
+], r.prototype, "value", 2);
+l([
   a({ type: String })
-], l.prototype, "valueField", 2);
-r([
+], r.prototype, "valueField", 2);
+l([
   a({ type: String })
-], l.prototype, "label", 2);
-r([
+], r.prototype, "label", 2);
+l([
   a({ type: String })
-], l.prototype, "hint", 2);
-r([
+], r.prototype, "hint", 2);
+l([
   a({ type: Array })
-], l.prototype, "items", 2);
-r([
+], r.prototype, "items", 2);
+l([
   a({ type: Number })
-], l.prototype, "itemHeight", 2);
-r([
+], r.prototype, "itemHeight", 2);
+l([
   a({ type: Number })
-], l.prototype, "height", 2);
-r([
+], r.prototype, "height", 2);
+l([
   d()
-], l.prototype, "_items", 2);
-r([
+], r.prototype, "_items", 2);
+l([
   d()
-], l.prototype, "_scrollTop", 2);
-r([
+], r.prototype, "_scrollTop", 2);
+l([
   d()
-], l.prototype, "_viewportHeight", 2);
-r([
+], r.prototype, "_viewportHeight", 2);
+l([
   d()
-], l.prototype, "_focusedIndex", 2);
-r([
+], r.prototype, "_focusedIndex", 2);
+l([
   f(".gui-list__scroll-viewport")
-], l.prototype, "viewportElement", 2);
-l = r([
+], r.prototype, "viewportElement", 2);
+r = l([
   v("gui-list")
-], l);
-typeof customElements < "u" && !customElements.get("gui-list") && customElements.define("gui-list", l);
+], r);
+typeof customElements < "u" && !customElements.get("gui-list") && customElements.define("gui-list", r);
 export {
-  T as d
+  F as d
 };

package/{list.element-G8RNRZXU.js → list.element-Bgnx2CN_.js}

@@ -4,7 +4,7 @@ import { consume as $, provide as v } from "@lit/context";
 import { LitElement as I, nothing as n, html as u } from "lit";
 import { property as x, state as h, query as y, customElement as C } from "lit/decorators.js";
 import "rxjs";
-import { d as R } from "./list-CtFsv7GB.js";
+import { d as R } from "./list-CVDHuXKS.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, o = e.length - 1, s; o >= 0; o--)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golemui/gui-lit",
-  "version": "0.15.1",
+  "version": "0.16.0",
   "type": "module",
   "main": "./index.umd.cjs",
   "module": "./index.js",
@@ -21,11 +21,11 @@
     "*.md"
   ],
   "peerDependencies": {
-    "@golemui/lit": "0.15.1",
-    "@golemui/core": "0.15.1",
-    "@golemui/gui-components": "0.15.1",
-    "@golemui/gui-shared": "0.15.1",
-    "@golemui/gui-validators": "0.15.1",
+    "@golemui/lit": "0.16.0",
+    "@golemui/core": "0.16.0",
+    "@golemui/gui-components": "0.16.0",
+    "@golemui/gui-shared": "0.16.0",
+    "@golemui/gui-validators": "0.16.0",
     "@lit/context": "^1.1.6",
     "lit-html": "^3.3.1",
     "lit": "^3.3.1",