@cas-smartdesign/virtual-list 6.2.2

package/dist/virtual-list.d.ts

@@ -0,0 +1,97 @@
+import { LitElement, TemplateResult, PropertyValues } from "lit";
+import { ScrollToAlignment } from "./list-util";
+export { ListDataProvider } from "./data-provider";
+declare global {
+    interface HTMLElementTagNameMap {
+        [VirtualList.ID]: VirtualList;
+    }
+}
+export type ItemGenerator = (data: unknown, index: number) => HTMLElement;
+export declare enum SelectionType {
+    TriggerOnly = "trigger-only",
+    Single = "single",
+    Multi = "multi"
+}
+export interface IDataRequestEvent {
+    startIndex: number;
+    stopIndex: number;
+}
+export interface ISelectionEvent {
+    index: number;
+    selected: boolean;
+    hasModifier: boolean;
+}
+export interface CustomEventMap extends HTMLElementEventMap {
+    "data-request": CustomEvent<IDataRequestEvent>;
+    selection: CustomEvent<ISelectionEvent>;
+}
+export default interface VirtualList {
+    addEventListener<K extends keyof CustomEventMap>(event: K, listener: ((this: this, ev: CustomEventMap[K]) => unknown) | null, options?: AddEventListenerOptions | boolean): void;
+    addEventListener(type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean): void;
+    removeEventListener<K extends keyof CustomEventMap>(type: K, listener: (this: this, ev: CustomEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;
+}
+export default class VirtualList extends LitElement {
+    static readonly ID = "sd-virtual-list";
+    static ensureDefined: () => void;
+    itemHeight: number;
+    itemCount: number;
+    items: unknown[];
+    selectionType: SelectionType;
+    id: string;
+    role: string;
+    itemGenerator: ItemGenerator;
+    finalSizeIsKnown: boolean;
+    private _lastKnownScrollTop;
+    private _lastRenderedScrollTop;
+    private _itemsRenderData;
+    private _elementCache;
+    private _firstVisibleIndex;
+    private _lastVisibleIndex;
+    private _visibleItemsNum;
+    private _selectedIndices;
+    private _focusIndex;
+    private _resizeObserver;
+    private _lastKnownHeight;
+    private _increaseWidthOnNextRenderIfNeeded;
+    private _reachedMaxWidth;
+    get focusTarget(): boolean;
+    set focusTarget(value: boolean);
+    get focusIndex(): number;
+    set focusIndex(index: number);
+    get selectedIndices(): number[];
+    set selectedIndices(selectedIndices: number[]);
+    scrollToItem(index: number, alignment?: ScrollToAlignment): void;
+    getListItem(index: number): HTMLElement;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(_changedProperties: PropertyValues): void;
+    private updateFocusedItemAttributes;
+    static get styles(): import("lit").CSSResult[];
+    render(): TemplateResult;
+    updated(_changedProperties: PropertyValues): void;
+    private adjustWidthIfNeeded;
+    private enableLineClampOnItemsIfNeeded;
+    /**
+     * Searches for list-items where there is a need for an additional width (ellipsis maybe shown) and increases the width of the list,
+     * therefore all the content is visible without tooltips. As it can be an expensive task to retrieve the required details, calling
+     * this function has an effect only on the very next render. Note that it only works if the virtual-list works with sd-list-item elements.
+     * If the maximum width is reached, line clamp is enabled on list items as a last resort approach to show the content if possible.
+     */
+    increaseWidthOnNextRenderIfNeeded(): void;
+    private updateItems;
+    private renderItem;
+    private onScroll;
+    private updateFocusedAttribute;
+    private updateSelectedAttribute;
+    private updateItemsRenderData;
+    private normalizeIndex;
+    private get height();
+    private requestData;
+    private handleKeyDown;
+    private handleSelection;
+    private dispatchSelectionEvent;
+    private handleClick;
+}

package/dist/virtual-list.mjs

@@ -0,0 +1,370 @@
+import { LitElement as p, css as b, unsafeCSS as _, html as x } from "lit";
+import { property as d } from "lit/decorators/property.js";
+import f, { generator as g } from "@cas-smartdesign/list-item";
+class C {
+  getOffsetForIndexAndAlignment(e, t, i, n, s, a) {
+    const m = Math.max(0, a * n), u = Math.min(m, e * n), c = Math.max(0, e * n - s + n);
+    switch (t) {
+      case "start":
+        return u;
+      case "end":
+        return c;
+      case "center": {
+        const I = Math.round(c + (u - c) / 2);
+        return I < Math.ceil(s / 2) ? 0 : I > m + Math.floor(s / 2) ? m : I;
+      }
+      case "auto":
+      default:
+        return i >= c && i <= u ? i : i < c ? c : u;
+    }
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  debounce(e) {
+    let t;
+    return (...i) => {
+      t && window.cancelAnimationFrame(t), t = window.requestAnimationFrame(() => {
+        e(...i), t = null;
+      });
+    };
+  }
+}
+const w = new C();
+class T {
+  constructor(e = 100, t = 5) {
+    this.pageSize = e, this.preloadedItemsCount = t, this._finalSizeIsKnown = !1, this._itemCache = [], this._lastRequestedFirstIndex = 0, this._lastRequestedLastIndex = 0, this._lastLoadedIndex = 0, this.handleListDataRequest = (i) => {
+      const { startIndex: n, stopIndex: s } = i.detail;
+      this._lastRequestedFirstIndex = n, this._lastRequestedLastIndex = s, this._list.items = this._itemCache.slice(n, s + 1), !this.finalSizeIsKnown && this._lastLoadedIndex < s + this.preloadedItemsCount && this.requestData();
+    }, this.itemCount = e;
+  }
+  get currentPage() {
+    return this.items.length == 0 && this.finalSizeIsKnown ? 0 : Math.floor((this.items.length - 1) / this.pageSize);
+  }
+  get finalSizeIsKnown() {
+    return this._finalSizeIsKnown;
+  }
+  set finalSizeIsKnown(e) {
+    this._finalSizeIsKnown = e, e && (this.itemCount = this._itemCache.length), this._list && (this._list.finalSizeIsKnown = e);
+  }
+  get itemCount() {
+    return this._itemCount;
+  }
+  set itemCount(e) {
+    this._itemCount = e, this._list && (this._list.itemCount = e);
+  }
+  get items() {
+    return this._itemCache;
+  }
+  set items(e) {
+    this._itemCache = e, this.onItemsChange();
+  }
+  addItems(e) {
+    this._itemCache = this._itemCache.concat(e), this.onItemsChange();
+  }
+  connectList(e) {
+    this._list && this._list.removeEventListener("data-request", this.handleListDataRequest), this._list = e, e.itemCount = this.itemCount, e.addEventListener("data-request", this.handleListDataRequest), e.finalSizeIsKnown = this._finalSizeIsKnown;
+  }
+  onItemsChange() {
+    this._pendingDataRequest = !1, this._lastLoadedIndex = this._itemCache.length - 1, this.finalSizeIsKnown ? this.itemCount = this._itemCache.length : this._lastLoadedIndex > this.itemCount && (this.itemCount = this._lastLoadedIndex), this._list && (this._list.items = this._itemCache.slice(this._lastRequestedFirstIndex, this._lastRequestedLastIndex + 1));
+  }
+  requestData() {
+    if (!this._pendingDataRequest)
+      if (this.onDataRequest)
+        this._pendingDataRequest = !0, this.onDataRequest(this.currentPage + 1), this._lastLoadedIndex += this.pageSize - 1, this._lastLoadedIndex > this.itemCount && (this.itemCount = this._lastLoadedIndex);
+      else
+        throw Error(
+          "The final size is not yet known and the list would require item data from index " + this._lastRequestedFirstIndex + ". to " + this._lastRequestedLastIndex + ". which is not possible to load without a configured onDataRequest"
+        );
+  }
+}
+const y = ":host{display:block;position:relative;contain:layout}:host(:focus){outline:none}:host(:focus-visible) ::slotted([focused]){box-shadow:0 0 0 1px #1467ba inset}.container{width:100%}.container>::slotted(*){width:100%;position:absolute;box-sizing:border-box}.container>::slotted(:not([last])){border-bottom:1px solid #d9d9d9}";
+var S = Object.defineProperty, v = Object.getOwnPropertyDescriptor, l = (h, e, t, i) => {
+  for (var n = i > 1 ? void 0 : i ? v(e, t) : e, s = h.length - 1, a; s >= 0; s--)
+    (a = h[s]) && (n = (i ? a(e, t, n) : a(n)) || n);
+  return i && n && S(e, t, n), n;
+}, A = /* @__PURE__ */ ((h) => (h.TriggerOnly = "trigger-only", h.Single = "single", h.Multi = "multi", h))(A || {});
+let L = 0;
+var r;
+const o = (r = class extends p {
+  constructor() {
+    super(), this.items = [], this.selectionType = "trigger-only", this.id = r.ID + "_" + L++, this.role = "listbox", this.itemGenerator = g, this._lastKnownScrollTop = 0, this._lastRenderedScrollTop = 0, this._itemsRenderData = [], this._elementCache = /* @__PURE__ */ new Map(), this._visibleItemsNum = 0, this._selectedIndices = [], this._focusIndex = -1, this._lastKnownHeight = 0, this.onScroll = () => {
+      this._lastKnownScrollTop = this.scrollTop;
+      const e = this._lastRenderedScrollTop - this._lastKnownScrollTop;
+      Math.abs(e) >= this.itemHeight && (this._lastRenderedScrollTop = this._lastKnownScrollTop, this.requestUpdate());
+    }, this.handleKeyDown = (e) => {
+      let t = !0;
+      switch (e.key) {
+        case "Down":
+        case "ArrowDown":
+          this.focusIndex = this.normalizeIndex(this.focusIndex + 1);
+          break;
+        case "Up":
+        case "ArrowUp":
+          this.focusIndex = this.normalizeIndex(this.focusIndex - 1);
+          break;
+        case "Enter":
+          this.handleSelection(this.focusIndex, e.metaKey || e.ctrlKey);
+          break;
+        case "End":
+          this.focusIndex = this.itemCount - 1;
+          break;
+        case "PageDown":
+          this.focusIndex = this.normalizeIndex(this.focusIndex + this._visibleItemsNum - 1);
+          break;
+        case "Home":
+          this.focusIndex = 0;
+          break;
+        case "PageUp":
+          this.focusIndex = this.normalizeIndex(this.focusIndex - this._visibleItemsNum + 1);
+          break;
+        default:
+          t = !1;
+          break;
+      }
+      t && (e.preventDefault(), e.stopPropagation());
+    }, this._resizeObserver = new ResizeObserver(() => {
+      this._lastKnownHeight !== this.offsetHeight && (this._lastKnownHeight = this.offsetHeight, this.requestUpdate());
+    });
+  }
+  get focusTarget() {
+    return this.hasAttribute("focus-target");
+  }
+  set focusTarget(e) {
+    this.toggleAttribute("focus-target", e);
+  }
+  get focusIndex() {
+    return this._focusIndex;
+  }
+  set focusIndex(e) {
+    if (e >= -1 && e < this.itemCount) {
+      const t = this._focusIndex;
+      this._focusIndex = e, (e <= this._firstVisibleIndex || this._lastVisibleIndex <= e) && this.scrollToItem(e), t != e && (e == -1 && this.removeAttribute("aria-activedescendant"), this.requestUpdate("focusIndex", t));
+    }
+  }
+  get selectedIndices() {
+    return this._selectedIndices;
+  }
+  set selectedIndices(e) {
+    e ? this._selectedIndices = e.map((t) => Number(t)) : this._selectedIndices = [], this.requestUpdate("selectedIndices");
+  }
+  scrollToItem(e, t = "auto") {
+    this.scrollTop = w.getOffsetForIndexAndAlignment(
+      this.normalizeIndex(e),
+      t,
+      this.scrollTop,
+      this.itemHeight,
+      this.height,
+      this.itemCount
+    ), this._lastKnownScrollTop = this.scrollTop;
+  }
+  getListItem(e) {
+    return !this.shadowRoot || e < this._firstVisibleIndex || this._lastVisibleIndex < e ? null : this.querySelector(`[item-index="${e}"]`);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._resizeObserver.observe(this), this.scrollTop !== this._lastKnownScrollTop && (this.scrollTop = this._lastKnownScrollTop, this.requestUpdate());
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._resizeObserver.disconnect();
+  }
+  firstUpdated(e) {
+    super.firstUpdated(e), this.addEventListener("scroll", this.onScroll), this.addEventListener("keydown", this.handleKeyDown), this.addEventListener("click", this.handleClick), this.addEventListener("mousedown", (t) => {
+      t.button == 1 && t.preventDefault();
+    }), this.addEventListener("auxclick", this.handleClick), this.addEventListener("focus", () => {
+      this.matches(":focus-visible") && (this.focusIndex == -1 ? (this.selectedIndices && (this.focusIndex = this.selectedIndices[0]), this.focusIndex == -1 && this.itemCount > 0 && (this.focusIndex = 0)) : this.updateFocusedItemAttributes());
+    }), this.addEventListener("blur", () => {
+      this.focusIndex != -1 && this.updateFocusedItemAttributes();
+    }), this.selectedIndices.length > 0 && this.scrollToItem(this.selectedIndices[0], "center");
+  }
+  updateFocusedItemAttributes() {
+    const e = this.getListItem(this.focusIndex);
+    e && (this.focusTarget || document.activeElement == this ? (e.setAttribute("focused", ""), this.setAttribute("aria-activedescendant", e.id)) : (e.removeAttribute("focused"), this.removeAttribute("aria-activedescendant")));
+  }
+  static get styles() {
+    return [
+      b`
+                ${_(y)}
+            `
+    ];
+  }
+  render() {
+    return this.updateItemsRenderData(), x`
+            <div class="container" style="height: ${this.itemCount * this.itemHeight}px">
+                <slot name="items"></slot>
+            </div>
+        `;
+  }
+  updated(e) {
+    if (super.updated(e), this._lastRenderedScrollTop = this._lastKnownScrollTop, this.updateItems(), (this._increaseWidthOnNextRenderIfNeeded || this._reachedMaxWidth) && //
+    this._firstVisibleIndex < this._lastVisibleIndex)
+      if (this.querySelector("[item-index]"))
+        this.adjustWidthIfNeeded();
+      else {
+        const t = new MutationObserver(() => {
+          this.adjustWidthIfNeeded(), t.disconnect();
+        });
+        t.observe(this);
+      }
+  }
+  adjustWidthIfNeeded() {
+    this._increaseWidthOnNextRenderIfNeeded ? (this._increaseWidthOnNextRenderIfNeeded = !1, window.requestAnimationFrame(() => {
+      const e = Number.parseInt(getComputedStyle(this).maxWidth) - this.offsetWidth;
+      if (e == 0)
+        this._reachedMaxWidth = !0, this.enableLineClampOnItemsIfNeeded();
+      else {
+        this._reachedMaxWidth = !1;
+        const t = [...this.querySelectorAll("[item-index]")].map((n) => {
+          if (n instanceof f) {
+            n.enableLineClamp = !1;
+            const s = n.missingWidthForTexts;
+            return s > e && (n.enableLineClamp = !0), s;
+          }
+        }), i = Math.max(...t);
+        i > 0 && (this.style.width = `${this.offsetWidth + i}px`);
+      }
+    })) : this._reachedMaxWidth && this.enableLineClampOnItemsIfNeeded();
+  }
+  enableLineClampOnItemsIfNeeded() {
+    this.querySelectorAll("[item-index]").forEach((e) => {
+      e instanceof f && (e.enableLineClamp = e.enableLineClamp || e.missingWidthForTexts > 0);
+    });
+  }
+  /**
+   * Searches for list-items where there is a need for an additional width (ellipsis maybe shown) and increases the width of the list,
+   * therefore all the content is visible without tooltips. As it can be an expensive task to retrieve the required details, calling
+   * this function has an effect only on the very next render. Note that it only works if the virtual-list works with sd-list-item elements.
+   * If the maximum width is reached, line clamp is enabled on list items as a last resort approach to show the content if possible.
+   */
+  increaseWidthOnNextRenderIfNeeded() {
+    this._increaseWidthOnNextRenderIfNeeded = !0;
+  }
+  updateItems() {
+    const e = [...this.querySelectorAll("[item-index]")], t = /* @__PURE__ */ new Map(), i = document.createDocumentFragment();
+    for (const n of this._itemsRenderData) {
+      const s = this.renderItem(n);
+      s.parentElement || i.appendChild(s), t.set(n.dataHash, s);
+      const a = e.indexOf(s);
+      a !== -1 && e.splice(a, 1);
+    }
+    this.appendChild(i);
+    for (const n of e)
+      n instanceof f && (n.enableLineClamp = !1), this.removeChild(n);
+    t.forEach((n, s) => {
+      this._elementCache.set(s, n);
+    });
+  }
+  renderItem({ index: e, top: t, dataHash: i, data: n }) {
+    let s;
+    return n ? this._elementCache.has(i) ? (s = this._elementCache.get(i), this._elementCache.delete(i)) : (s = this.itemGenerator(n, e), s.setAttribute("slot", "items")) : (s = document.createElement("div"), s.setAttribute("placeholder-item", ""), s.setAttribute("slot", "items")), Object.assign(s.style, {
+      transform: `translateY(${t}px)`,
+      height: `${this.itemHeight}px`
+    }), s.setAttribute("item-index", e.toString()), s.setAttribute("aria-setsize", String(this.finalSizeIsKnown ? this.itemCount : -1)), s.setAttribute("aria-posinset", String(e + 1)), (!s.id || s.id.startsWith(this.id + "_item_")) && (s.id = this.id + "_item_" + e), this.itemCount - 1 == e ? s.setAttribute("last", "") : s.removeAttribute("last"), this.updateSelectedAttribute(e, s), this.updateFocusedAttribute(e, s), s;
+  }
+  updateFocusedAttribute(e, t) {
+    this.focusIndex == e && (this.focusTarget || document.activeElement == this) ? (t.setAttribute("focused", ""), this.setAttribute("aria-activedescendant", t.id)) : t.removeAttribute("focused");
+  }
+  updateSelectedAttribute(e, t) {
+    const i = this.selectedIndices.indexOf(e) !== -1;
+    i ? t.setAttribute("selected", "") : t.removeAttribute("selected"), t.setAttribute("aria-selected", String(i));
+  }
+  updateItemsRenderData() {
+    if (this._itemsRenderData = [], this._visibleItemsNum = Math.min(Math.ceil(this.height / this.itemHeight), this.itemCount), this._visibleItemsNum > 0) {
+      this._firstVisibleIndex = this.normalizeIndex(Math.floor(this._lastKnownScrollTop / this.itemHeight)), this._lastVisibleIndex = this.normalizeIndex(this._firstVisibleIndex + this._visibleItemsNum);
+      const e = this.normalizeIndex(this._firstVisibleIndex - 2), t = this.normalizeIndex(this._lastVisibleIndex + 2);
+      this.requestData(e, t);
+      for (let i = e; i <= t; i++) {
+        const n = i - e, s = this.items[n];
+        let a;
+        s ? a = JSON.stringify(s) : a = `placeholder-${n}`, this._itemsRenderData.push({
+          index: i,
+          top: this.itemHeight * i,
+          physicalIndex: n,
+          dataHash: a,
+          data: s
+        });
+      }
+    } else
+      this._firstVisibleIndex = 0, this._lastVisibleIndex = 0;
+  }
+  normalizeIndex(e) {
+    return Math.max(0, Math.min(e, this.itemCount - 1));
+  }
+  get height() {
+    return this.offsetHeight;
+  }
+  requestData(e, t) {
+    !Number.isNaN(e) && !Number.isNaN(t) && this.dispatchEvent(
+      new CustomEvent("data-request", {
+        detail: {
+          startIndex: e,
+          stopIndex: t
+        }
+      })
+    );
+  }
+  handleSelection(e, t) {
+    if (e < 0 || this.itemCount <= e)
+      return;
+    const i = e % this._visibleItemsNum, n = this.items[i];
+    if (!n || n.disabled)
+      return;
+    let s = !0;
+    if (this.selectionType !== "trigger-only") {
+      const a = this.selectedIndices.indexOf(e);
+      s = a == -1, s ? this.selectionType === "single" ? this.selectedIndices = [e] : this.selectedIndices.push(e) : this.selectedIndices.splice(a, 1), this.requestUpdate("selectedIndices");
+    }
+    this.focusIndex = e, this.dispatchSelectionEvent(e, s, t);
+  }
+  dispatchSelectionEvent(e, t, i) {
+    this.dispatchEvent(
+      new CustomEvent("selection", {
+        detail: { index: e, selected: t, hasModifier: i }
+      })
+    );
+  }
+  handleClick(e) {
+    const t = e.composedPath().find((i) => i.hasAttribute && i.hasAttribute("item-index"));
+    if (t) {
+      const i = parseInt(t.getAttribute("item-index"));
+      if (Number.isInteger(i)) {
+        if (e.button == 0 || e.button == 1) {
+          const n = e.type == "auxclick" && e.button == 1 || e.metaKey || e.ctrlKey;
+          this.handleSelection(i, n);
+        }
+        this.focusIndex = i;
+      }
+    }
+  }
+}, r.ID = "sd-virtual-list", r.ensureDefined = () => {
+  f.ensureDefined(), customElements.get(r.ID) || customElements.define(r.ID, r);
+}, r);
+l([
+  d({ type: Number, attribute: "item-height", reflect: !0 })
+], o.prototype, "itemHeight", 2);
+l([
+  d({ type: Number })
+], o.prototype, "itemCount", 2);
+l([
+  d({ type: Array, attribute: !1 })
+], o.prototype, "items", 2);
+l([
+  d({ type: String, attribute: "selection-type", reflect: !0, noAccessor: !0 })
+], o.prototype, "selectionType", 2);
+l([
+  d({ type: String, attribute: !0, reflect: !0 })
+], o.prototype, "id", 2);
+l([
+  d({ type: String, reflect: !0 })
+], o.prototype, "role", 2);
+l([
+  d({ type: Number, attribute: "focus-index", reflect: !0 })
+], o.prototype, "focusIndex", 1);
+l([
+  d({ type: Array, attribute: !1 })
+], o.prototype, "selectedIndices", 1);
+let D = o;
+D.ensureDefined();
+export {
+  T as ListDataProvider,
+  A as SelectionType,
+  D as default
+};
+//# sourceMappingURL=virtual-list.mjs.map

package/dist/virtual-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-list.mjs","sources":["../list-util.ts","../data-provider.ts","../virtual-list.ts"],"sourcesContent":["export type ScrollToAlignment = \"auto\" | \"center\" | \"start\" | \"end\";\n\nexport interface IListUtil {\n    getOffsetForIndexAndAlignment(\n        index: number,\n        alignment: ScrollToAlignment,\n        scrollOffset: number,\n        itemHeight: number,\n        height: number,\n        itemCount: number,\n    ): number;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    debounce(func: (...args: any) => void): () => void;\n}\n\nclass ListUtil implements IListUtil {\n    public getOffsetForIndexAndAlignment(\n        index: number,\n        alignment: ScrollToAlignment,\n        scrollOffset: number,\n        itemHeight: number,\n        height: number,\n        itemCount: number,\n    ): number {\n        const lastItemOffset = Math.max(0, itemCount * itemHeight);\n        const maxOffset = Math.min(lastItemOffset, index * itemHeight);\n        const minOffset = Math.max(0, index * itemHeight - height + itemHeight);\n\n        switch (alignment) {\n            case \"start\":\n                return maxOffset;\n            case \"end\":\n                return minOffset;\n            case \"center\": {\n                const middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);\n                if (middleOffset < Math.ceil(height / 2)) {\n                    return 0;\n                } else if (middleOffset > lastItemOffset + Math.floor(height / 2)) {\n                    return lastItemOffset;\n                } else {\n                    return middleOffset;\n                }\n            }\n            case \"auto\":\n            default:\n                if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {\n                    return scrollOffset;\n                } else if (scrollOffset < minOffset) {\n                    return minOffset;\n                } else {\n                    return maxOffset;\n                }\n        }\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public debounce(func: (...args: any) => void): (...args: unknown[]) => void {\n        let timer: number;\n        return (...args: unknown[]) => {\n            if (timer) {\n                window.cancelAnimationFrame(timer);\n            }\n            timer = window.requestAnimationFrame(() => {\n                func(...args);\n                timer = null;\n            });\n        };\n    }\n}\n\nexport default new ListUtil();\n","import VirtualList from \"./virtual-list\";\n\nexport class ListDataProvider {\n    public onDataRequest: (page: number) => void;\n\n    private _finalSizeIsKnown = false;\n    private _itemCache: unknown[] = [];\n    private _lastRequestedFirstIndex = 0;\n    private _lastRequestedLastIndex = 0;\n    private _lastLoadedIndex = 0;\n    private _list: VirtualList;\n    private _itemCount: number;\n    private _pendingDataRequest: boolean;\n\n    constructor(\n        public pageSize: number = 100,\n        public preloadedItemsCount: number = 5,\n    ) {\n        this.itemCount = pageSize; // configure initial load\n    }\n\n    public get currentPage(): number {\n        if (this.items.length == 0 && this.finalSizeIsKnown) {\n            return 0; // Otherwise empty cache means we haven't fetched anything\n        }\n        // With pageSize 100\n        //      0   =>  -1\n        //   1  100 =>   0\n        // 101  200 =>   1\n        return Math.floor((this.items.length - 1) / this.pageSize);\n    }\n\n    public get finalSizeIsKnown(): boolean {\n        return this._finalSizeIsKnown;\n    }\n\n    public set finalSizeIsKnown(value: boolean) {\n        this._finalSizeIsKnown = value;\n        if (value) {\n            this.itemCount = this._itemCache.length;\n        }\n        if (this._list) {\n            this._list.finalSizeIsKnown = value;\n        }\n    }\n\n    private get itemCount(): number {\n        return this._itemCount;\n    }\n\n    private set itemCount(count: number) {\n        this._itemCount = count;\n        if (this._list) {\n            this._list.itemCount = count;\n        }\n    }\n\n    public get items(): unknown[] {\n        return this._itemCache;\n    }\n\n    public set items(items: unknown[]) {\n        this._itemCache = items;\n        this.onItemsChange();\n    }\n\n    public addItems(items: unknown[]): void {\n        this._itemCache = this._itemCache.concat(items);\n        this.onItemsChange();\n    }\n\n    public connectList(list: VirtualList): void {\n        if (this._list) {\n            this._list.removeEventListener(\"data-request\", this.handleListDataRequest);\n        }\n        this._list = list;\n        list.itemCount = this.itemCount;\n        list.addEventListener(\"data-request\", this.handleListDataRequest);\n        list.finalSizeIsKnown = this._finalSizeIsKnown;\n    }\n\n    private onItemsChange(): void {\n        this._pendingDataRequest = false;\n        this._lastLoadedIndex = this._itemCache.length - 1;\n        if (this.finalSizeIsKnown) {\n            this.itemCount = this._itemCache.length;\n        } else if (this._lastLoadedIndex > this.itemCount) {\n            this.itemCount = this._lastLoadedIndex;\n        }\n        if (this._list) {\n            this._list.items = this._itemCache.slice(this._lastRequestedFirstIndex, this._lastRequestedLastIndex + 1);\n        }\n    }\n\n    private handleListDataRequest = (event: CustomEvent) => {\n        const { startIndex, stopIndex } = event.detail;\n        this._lastRequestedFirstIndex = startIndex;\n        this._lastRequestedLastIndex = stopIndex;\n        this._list.items = this._itemCache.slice(startIndex, stopIndex + 1);\n\n        if (!this.finalSizeIsKnown && this._lastLoadedIndex < stopIndex + this.preloadedItemsCount) {\n            this.requestData();\n        }\n    };\n\n    private requestData(): void {\n        if (this._pendingDataRequest) {\n            return;\n        }\n        if (this.onDataRequest) {\n            this._pendingDataRequest = true;\n            this.onDataRequest(this.currentPage + 1);\n            this._lastLoadedIndex += this.pageSize - 1;\n            if (this._lastLoadedIndex > this.itemCount) {\n                this.itemCount = this._lastLoadedIndex;\n            }\n        } else {\n            throw Error(\n                \"The final size is not yet known and the list would require item data from index \" +\n                    this._lastRequestedFirstIndex +\n                    \". to \" +\n                    this._lastRequestedLastIndex +\n                    \". which is not possible to load without a configured onDataRequest\",\n            );\n        }\n    }\n}\n","import { LitElement, TemplateResult, html, unsafeCSS, PropertyValues, css } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport ListUtil, { ScrollToAlignment } from \"./list-util\";\nimport ListItem, { generator } from \"@cas-smartdesign/list-item\";\nexport { ListDataProvider } from \"./data-provider\";\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        [VirtualList.ID]: VirtualList;\n    }\n}\n\nimport style from \"./style.scss?inline\";\n\nexport type ItemGenerator = (data: unknown, index: number) => HTMLElement;\nexport enum SelectionType {\n    TriggerOnly = \"trigger-only\",\n    Single = \"single\",\n    Multi = \"multi\",\n}\n\ninterface ItemRenderData {\n    index: number;\n    top: number;\n    physicalIndex: number;\n    dataHash: string;\n    data?: unknown;\n}\n\nlet idCounter = 0;\n\nexport interface IDataRequestEvent {\n    startIndex: number;\n    stopIndex: number;\n}\n\nexport interface ISelectionEvent {\n    index: number;\n    selected: boolean;\n    hasModifier: boolean;\n}\n\nexport interface CustomEventMap extends HTMLElementEventMap {\n    \"data-request\": CustomEvent<IDataRequestEvent>;\n    selection: CustomEvent<ISelectionEvent>;\n}\n\nexport default interface VirtualList {\n    addEventListener<K extends keyof CustomEventMap>(\n        event: K,\n        listener: ((this: this, ev: CustomEventMap[K]) => unknown) | null,\n        options?: AddEventListenerOptions | boolean,\n    ): void;\n    addEventListener(\n        type: string,\n        callback: EventListenerOrEventListenerObject | null,\n        options?: AddEventListenerOptions | boolean,\n    ): void;\n    removeEventListener<K extends keyof CustomEventMap>(\n        type: K,\n        listener: (this: this, ev: CustomEventMap[K]) => unknown,\n        options?: boolean | EventListenerOptions,\n    ): void;\n    removeEventListener(\n        type: string,\n        listener: EventListenerOrEventListenerObject,\n        options?: boolean | EventListenerOptions,\n    ): void;\n    dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;\n}\n\nexport default class VirtualList extends LitElement {\n    public static readonly ID = \"sd-virtual-list\";\n    public static ensureDefined = (): void => {\n        ListItem.ensureDefined();\n        if (!customElements.get(VirtualList.ID)) {\n            customElements.define(VirtualList.ID, VirtualList);\n        }\n    };\n\n    @property({ type: Number, attribute: \"item-height\", reflect: true })\n    public itemHeight: number;\n    @property({ type: Number })\n    public itemCount: number;\n    @property({ type: Array, attribute: false })\n    public items: unknown[] = [];\n    @property({ type: String, attribute: \"selection-type\", reflect: true, noAccessor: true })\n    public selectionType: SelectionType = SelectionType.TriggerOnly;\n    @property({ type: String, attribute: true, reflect: true })\n    public id: string = VirtualList.ID + \"_\" + idCounter++;\n\n    // aria attributes\n    @property({ type: String, reflect: true })\n    public role = \"listbox\";\n\n    public itemGenerator: ItemGenerator = generator;\n    public finalSizeIsKnown: boolean;\n\n    private _lastKnownScrollTop = 0;\n    private _lastRenderedScrollTop = 0;\n\n    private _itemsRenderData: ItemRenderData[] = [];\n    private _elementCache: Map<string, HTMLElement> = new Map();\n\n    private _firstVisibleIndex: number;\n    private _lastVisibleIndex: number;\n    private _visibleItemsNum = 0;\n\n    private _selectedIndices: number[] = [];\n    private _focusIndex = -1;\n    private _resizeObserver: ResizeObserver;\n    private _lastKnownHeight = 0;\n    private _increaseWidthOnNextRenderIfNeeded: boolean;\n    private _reachedMaxWidth: boolean;\n\n    public get focusTarget(): boolean {\n        return this.hasAttribute(\"focus-target\");\n    }\n\n    public set focusTarget(value: boolean) {\n        this.toggleAttribute(\"focus-target\", value);\n    }\n\n    @property({ type: Number, attribute: \"focus-index\", reflect: true })\n    public get focusIndex(): number {\n        return this._focusIndex;\n    }\n\n    public set focusIndex(index: number) {\n        if (index >= -1 && index < this.itemCount) {\n            const oldValue = this._focusIndex;\n            this._focusIndex = index;\n            if (index <= this._firstVisibleIndex || this._lastVisibleIndex <= index) {\n                this.scrollToItem(index);\n            }\n            if (oldValue != index) {\n                if (index == -1) {\n                    this.removeAttribute(\"aria-activedescendant\");\n                }\n                this.requestUpdate(\"focusIndex\", oldValue);\n            }\n        }\n    }\n\n    @property({ type: Array, attribute: false })\n    public get selectedIndices(): number[] {\n        return this._selectedIndices;\n    }\n\n    public set selectedIndices(selectedIndices: number[]) {\n        if (selectedIndices) {\n            // Parse to primitive numbers as the virtual-list uses numbers and not objects for the indexOf(item-index) checks.\n            this._selectedIndices = selectedIndices.map((index) => Number(index));\n        } else {\n            this._selectedIndices = [];\n        }\n        this.requestUpdate(\"selectedIndices\");\n    }\n\n    public scrollToItem(index: number, alignment: ScrollToAlignment = \"auto\"): void {\n        this.scrollTop = ListUtil.getOffsetForIndexAndAlignment(\n            this.normalizeIndex(index),\n            alignment,\n            this.scrollTop,\n            this.itemHeight,\n            this.height,\n            this.itemCount,\n        );\n        // The render might have already been scheduled, but the onScroll event is dispatched later.\n        // We need to update the _lastKnownScrollTop manually to ensure an up-to-date value is used even for the next render.\n        this._lastKnownScrollTop = this.scrollTop;\n    }\n\n    public getListItem(index: number): HTMLElement {\n        if (!this.shadowRoot || index < this._firstVisibleIndex || this._lastVisibleIndex < index) {\n            return null;\n        }\n        return this.querySelector(`[item-index=\"${index}\"]`);\n    }\n\n    constructor() {\n        super();\n        this._resizeObserver = new ResizeObserver(() => {\n            if (this._lastKnownHeight !== this.offsetHeight) {\n                this._lastKnownHeight = this.offsetHeight;\n                this.requestUpdate();\n            }\n        });\n    }\n\n    public connectedCallback(): void {\n        super.connectedCallback();\n\n        this._resizeObserver.observe(this);\n        // these are needed because when reattaching the list to the DOM\n        // then the scroll position is reset but no scroll event is called\n        // so the list shows the items at incorrect position\n        if (this.scrollTop !== this._lastKnownScrollTop) {\n            this.scrollTop = this._lastKnownScrollTop;\n            this.requestUpdate();\n        }\n    }\n\n    public disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this._resizeObserver.disconnect();\n    }\n\n    public firstUpdated(_changedProperties: PropertyValues): void {\n        super.firstUpdated(_changedProperties);\n\n        this.addEventListener(\"scroll\", this.onScroll);\n        this.addEventListener(\"keydown\", this.handleKeyDown);\n        this.addEventListener(\"click\", this.handleClick);\n        this.addEventListener(\"mousedown\", (event) => {\n            if (event.button == 1) {\n                event.preventDefault();\n            }\n        });\n        this.addEventListener(\"auxclick\", this.handleClick);\n        this.addEventListener(\"focus\", () => {\n            if (this.matches(\":focus-visible\")) {\n                if (this.focusIndex == -1) {\n                    if (this.selectedIndices) {\n                        this.focusIndex = this.selectedIndices[0];\n                    }\n                    if (this.focusIndex == -1 && this.itemCount > 0) {\n                        this.focusIndex = 0;\n                    }\n                } else {\n                    this.updateFocusedItemAttributes();\n                }\n            }\n        });\n        this.addEventListener(\"blur\", () => {\n            if (this.focusIndex != -1) {\n                this.updateFocusedItemAttributes();\n            }\n        });\n        if (this.selectedIndices.length > 0) {\n            this.scrollToItem(this.selectedIndices[0], \"center\");\n        }\n    }\n\n    private updateFocusedItemAttributes() {\n        const focusedElement = this.getListItem(this.focusIndex);\n        if (focusedElement) {\n            if (this.focusTarget || document.activeElement == this) {\n                focusedElement.setAttribute(\"focused\", \"\");\n                this.setAttribute(\"aria-activedescendant\", focusedElement.id);\n            } else {\n                focusedElement.removeAttribute(\"focused\");\n                this.removeAttribute(\"aria-activedescendant\");\n            }\n        }\n    }\n\n    static get styles() {\n        return [\n            css`\n                ${unsafeCSS(style)}\n            `,\n        ];\n    }\n    public render(): TemplateResult {\n        this.updateItemsRenderData();\n        return html`\n            <div class=\"container\" style=\"height: ${this.itemCount * this.itemHeight}px\">\n                <slot name=\"items\"></slot>\n            </div>\n        `;\n    }\n\n    public updated(_changedProperties: PropertyValues): void {\n        super.updated(_changedProperties);\n        this._lastRenderedScrollTop = this._lastKnownScrollTop;\n        this.updateItems();\n\n        if (\n            (this._increaseWidthOnNextRenderIfNeeded || this._reachedMaxWidth) && //\n            this._firstVisibleIndex < this._lastVisibleIndex\n        ) {\n            if (!this.querySelector(\"[item-index]\")) {\n                // If ShadyDOM is in use, then it needs a delay, because dom mutations are not applied immediately.\n                const observer = new MutationObserver(() => {\n                    this.adjustWidthIfNeeded();\n                    observer.disconnect();\n                });\n                observer.observe(this);\n            } else {\n                this.adjustWidthIfNeeded();\n            }\n        }\n    }\n\n    private adjustWidthIfNeeded() {\n        if (this._increaseWidthOnNextRenderIfNeeded) {\n            this._increaseWidthOnNextRenderIfNeeded = false;\n            window.requestAnimationFrame(() => {\n                const remainingWidth = Number.parseInt(getComputedStyle(this).maxWidth) - this.offsetWidth;\n                if (remainingWidth == 0) {\n                    this._reachedMaxWidth = true;\n                    this.enableLineClampOnItemsIfNeeded();\n                } else {\n                    this._reachedMaxWidth = false;\n                    const missingWidths = [...this.querySelectorAll(\"[item-index]\")].map((item) => {\n                        if (item instanceof ListItem) {\n                            item.enableLineClamp = false;\n                            const missingWidthForTexts = item.missingWidthForTexts;\n                            if (missingWidthForTexts > remainingWidth) {\n                                item.enableLineClamp = true;\n                            }\n                            return missingWidthForTexts;\n                        }\n                    });\n                    const additionalWidth = Math.max(...missingWidths);\n                    if (additionalWidth > 0) {\n                        this.style.width = `${this.offsetWidth + additionalWidth}px`;\n                    }\n                }\n            });\n        } else if (this._reachedMaxWidth) {\n            this.enableLineClampOnItemsIfNeeded();\n        }\n    }\n\n    private enableLineClampOnItemsIfNeeded() {\n        this.querySelectorAll(\"[item-index]\").forEach((item) => {\n            if (item instanceof ListItem) {\n                item.enableLineClamp = item.enableLineClamp || item.missingWidthForTexts > 0;\n            }\n        });\n    }\n\n    /**\n     * Searches for list-items where there is a need for an additional width (ellipsis maybe shown) and increases the width of the list,\n     * therefore all the content is visible without tooltips. As it can be an expensive task to retrieve the required details, calling\n     * this function has an effect only on the very next render. Note that it only works if the virtual-list works with sd-list-item elements.\n     * If the maximum width is reached, line clamp is enabled on list items as a last resort approach to show the content if possible.\n     */\n    public increaseWidthOnNextRenderIfNeeded(): void {\n        this._increaseWidthOnNextRenderIfNeeded = true;\n    }\n\n    private updateItems() {\n        const unusedItems: Element[] = [...this.querySelectorAll(\"[item-index]\")];\n        const renderedItems: Map<string, HTMLElement> = new Map();\n\n        const newItemsFragment = document.createDocumentFragment();\n        for (const renderData of this._itemsRenderData) {\n            const itemElement = this.renderItem(renderData);\n            if (!itemElement.parentElement) {\n                newItemsFragment.appendChild(itemElement);\n            }\n            renderedItems.set(renderData.dataHash, itemElement);\n            const index = unusedItems.indexOf(itemElement);\n            if (index !== -1) {\n                unusedItems.splice(index, 1);\n            }\n        }\n        this.appendChild(newItemsFragment);\n\n        for (const unusedItemElement of unusedItems) {\n            if (unusedItemElement instanceof ListItem) {\n                unusedItemElement.enableLineClamp = false;\n            }\n            this.removeChild(unusedItemElement);\n        }\n\n        renderedItems.forEach((itemElement, dataHash) => {\n            this._elementCache.set(dataHash, itemElement);\n        });\n    }\n\n    private renderItem({ index, top, dataHash, data }: ItemRenderData): HTMLElement {\n        let element: HTMLElement;\n        if (data) {\n            if (this._elementCache.has(dataHash)) {\n                element = this._elementCache.get(dataHash);\n                this._elementCache.delete(dataHash); // Allow to be rendered twice\n            } else {\n                element = this.itemGenerator(data, index);\n                element.setAttribute(\"slot\", \"items\");\n                // Do not add to cache yet, because the same item might need to be rendered twice\n            }\n        } else {\n            element = document.createElement(\"div\");\n            element.setAttribute(\"placeholder-item\", \"\");\n            element.setAttribute(\"slot\", \"items\");\n        }\n        Object.assign(element.style, {\n            transform: `translateY(${top}px)`,\n            height: `${this.itemHeight}px`,\n        });\n        element.setAttribute(\"item-index\", index.toString());\n        element.setAttribute(\"aria-setsize\", String(this.finalSizeIsKnown ? this.itemCount : -1));\n        element.setAttribute(\"aria-posinset\", String(index + 1));\n        if (!element.id || element.id.startsWith(this.id + \"_item_\")) {\n            element.id = this.id + \"_item_\" + index;\n        }\n        if (this.itemCount - 1 == index) {\n            element.setAttribute(\"last\", \"\");\n        } else {\n            element.removeAttribute(\"last\");\n        }\n\n        this.updateSelectedAttribute(index, element);\n        this.updateFocusedAttribute(index, element);\n\n        return element;\n    }\n\n    private onScroll = () => {\n        this._lastKnownScrollTop = this.scrollTop;\n        const delta = this._lastRenderedScrollTop - this._lastKnownScrollTop;\n        if (Math.abs(delta) >= this.itemHeight) {\n            this._lastRenderedScrollTop = this._lastKnownScrollTop;\n            this.requestUpdate();\n        }\n    };\n\n    private updateFocusedAttribute(index: number, itemElement: HTMLElement) {\n        if (this.focusIndex == index && (this.focusTarget || document.activeElement == this)) {\n            itemElement.setAttribute(\"focused\", \"\");\n            this.setAttribute(\"aria-activedescendant\", itemElement.id);\n        } else {\n            itemElement.removeAttribute(\"focused\");\n        }\n    }\n\n    private updateSelectedAttribute(index: number, itemElement: HTMLElement) {\n        const selected = this.selectedIndices.indexOf(index) !== -1;\n        if (selected) {\n            itemElement.setAttribute(\"selected\", \"\");\n        } else {\n            itemElement.removeAttribute(\"selected\");\n        }\n        itemElement.setAttribute(\"aria-selected\", String(selected));\n    }\n\n    private updateItemsRenderData(): void {\n        this._itemsRenderData = [];\n        this._visibleItemsNum = Math.min(Math.ceil(this.height / this.itemHeight), this.itemCount);\n\n        if (this._visibleItemsNum > 0) {\n            this._firstVisibleIndex = this.normalizeIndex(Math.floor(this._lastKnownScrollTop / this.itemHeight));\n            this._lastVisibleIndex = this.normalizeIndex(this._firstVisibleIndex + this._visibleItemsNum);\n\n            const firstRenderedIndex = this.normalizeIndex(this._firstVisibleIndex - 2);\n            const lastRenderedIndex = this.normalizeIndex(this._lastVisibleIndex + 2);\n\n            // May update value of this.items, which could trigger another render if not called from a lifecycle callback where it is ignored\n            this.requestData(firstRenderedIndex, lastRenderedIndex);\n\n            for (let i = firstRenderedIndex; i <= lastRenderedIndex; i++) {\n                const physicalIndex = i - firstRenderedIndex;\n                const itemData = this.items[physicalIndex];\n                let dataHash;\n                if (itemData) {\n                    dataHash = JSON.stringify(itemData);\n                } else {\n                    dataHash = `placeholder-${physicalIndex}`;\n                }\n                this._itemsRenderData.push({\n                    index: i,\n                    top: this.itemHeight * i,\n                    physicalIndex,\n                    dataHash,\n                    data: itemData,\n                });\n            }\n        } else {\n            this._firstVisibleIndex = 0;\n            this._lastVisibleIndex = 0;\n        }\n    }\n\n    private normalizeIndex(index: number): number {\n        return Math.max(0, Math.min(index, this.itemCount - 1));\n    }\n\n    private get height(): number {\n        return this.offsetHeight;\n    }\n\n    private requestData(firstRenderedIndex: number, lastRenderedIndex: number): void {\n        if (!Number.isNaN(firstRenderedIndex) && !Number.isNaN(lastRenderedIndex)) {\n            this.dispatchEvent(\n                new CustomEvent<IDataRequestEvent>(\"data-request\", {\n                    detail: {\n                        startIndex: firstRenderedIndex,\n                        stopIndex: lastRenderedIndex,\n                    },\n                }),\n            );\n        }\n    }\n\n    private handleKeyDown = (event: KeyboardEvent) => {\n        let shouldPrevent = true;\n        switch (event.key) {\n            case \"Down\":\n            case \"ArrowDown\":\n                this.focusIndex = this.normalizeIndex(this.focusIndex + 1);\n                break;\n            case \"Up\":\n            case \"ArrowUp\":\n                this.focusIndex = this.normalizeIndex(this.focusIndex - 1);\n                break;\n            case \"Enter\":\n                this.handleSelection(this.focusIndex, event.metaKey || event.ctrlKey);\n                break;\n            case \"End\":\n                this.focusIndex = this.itemCount - 1;\n                break;\n            case \"PageDown\":\n                this.focusIndex = this.normalizeIndex(this.focusIndex + this._visibleItemsNum - 1);\n                break;\n            case \"Home\":\n                this.focusIndex = 0;\n                break;\n            case \"PageUp\":\n                this.focusIndex = this.normalizeIndex(this.focusIndex - this._visibleItemsNum + 1);\n                break;\n            default:\n                shouldPrevent = false;\n                break;\n        }\n        if (shouldPrevent) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    };\n\n    private handleSelection(index: number, hasModifier: boolean): void {\n        if (index < 0 || this.itemCount <= index) {\n            return;\n        }\n        const physicalIndex = index % this._visibleItemsNum;\n        const item = this.items[physicalIndex];\n        if (!item || (item as { disabled?: boolean }).disabled) {\n            return;\n        }\n        let hasBeenSelected = true;\n        if (this.selectionType !== SelectionType.TriggerOnly) {\n            const existingIndex = this.selectedIndices.indexOf(index);\n            hasBeenSelected = existingIndex == -1;\n            if (hasBeenSelected) {\n                if (this.selectionType === SelectionType.Single) {\n                    this.selectedIndices = [index];\n                } else {\n                    this.selectedIndices.push(index);\n                }\n            } else {\n                this.selectedIndices.splice(existingIndex, 1);\n            }\n            this.requestUpdate(\"selectedIndices\"); // altering inside of an array does not retrigger an update\n        }\n        this.focusIndex = index;\n        this.dispatchSelectionEvent(index, hasBeenSelected, hasModifier);\n    }\n\n    private dispatchSelectionEvent(index: number, selected: boolean, hasModifier: boolean): void {\n        this.dispatchEvent(\n            new CustomEvent<ISelectionEvent>(\"selection\", {\n                detail: { index, selected, hasModifier },\n            }),\n        );\n    }\n\n    private handleClick(event: MouseEvent): void {\n        const clickedElement = event\n            .composedPath()\n            .find((target: HTMLElement) => target.hasAttribute && target.hasAttribute(\"item-index\")) as HTMLElement;\n        if (clickedElement) {\n            const index = parseInt(clickedElement.getAttribute(\"item-index\"));\n            if (Number.isInteger(index)) {\n                if (event.button == 0 || event.button == 1) {\n                    const hasModifier =\n                        (event.type == \"auxclick\" && event.button == 1) || event.metaKey || event.ctrlKey;\n                    this.handleSelection(index, hasModifier);\n                }\n                this.focusIndex = index;\n            }\n        }\n    }\n}\n\nVirtualList.ensureDefined();\n"],"names":["ListUtil","index","alignment","scrollOffset","itemHeight","height","itemCount","lastItemOffset","maxOffset","minOffset","middleOffset","func","timer","args","ListUtil$1","ListDataProvider","pageSize","preloadedItemsCount","event","startIndex","stopIndex","value","count","items","list","SelectionType","idCounter","_VirtualList","_a","LitElement","generator","delta","shouldPrevent","oldValue","selectedIndices","_changedProperties","focusedElement","css","unsafeCSS","style","html","observer","remainingWidth","missingWidths","item","ListItem","missingWidthForTexts","additionalWidth","unusedItems","renderedItems","newItemsFragment","renderData","itemElement","unusedItemElement","dataHash","top","data","element","selected","firstRenderedIndex","lastRenderedIndex","physicalIndex","itemData","hasModifier","hasBeenSelected","existingIndex","clickedElement","target","__decorateClass","property","VirtualList"],"mappings":"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"}