wj-elements 0.7.6 → 0.8.0

package/dist/wje-options.js

@@ -9,465 +9,211 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _loadedOptions, _drawPreloadedElements, _Options_instances, getLazyList_fn;
-import WJElement from "./wje-element.js";
-import InfiniteScroll from "./wje-infinite-scroll.js";
-import List from "./wje-list.js";
-import Option from "./wje-option.js";
-import { event } from "./event.js";
-const styles = "/*\n[ WJ OPTIONS ]\n*/\n\n:host {\n  display: block;\n  height: 100%;\n}\n\nwje-infinite-scroll {\n  background-color: red;\n  height: 100%;\n  display: block;\n  .loader {\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n";
-class Options extends WJElement {
+var _t, _e, _a_instances, i_fn;
+import t from "./wje-element.js";
+import e from "./wje-infinite-scroll.js";
+import i from "./wje-list.js";
+import s from "./wje-option.js";
+import { event as r } from "./event.js";
+class a extends t {
   constructor() {
     super();
-    __privateAdd(this, _Options_instances);
-    __privateAdd(this, _loadedOptions, []);
-    __privateAdd(this, _drawPreloadedElements, []);
-    __publicField(this, "dependencies", {
-      "wje-option": Option,
-      "wje-infinite-scroll": InfiniteScroll,
-      "wje-list": List
-    });
+    __privateAdd(this, _a_instances);
+    __privateAdd(this, _t, []);
+    __privateAdd(this, _e, []);
+    __publicField(this, "dependencies", { "wje-option": s, "wje-infinite-scroll": e, "wje-list": i });
     __publicField(this, "className", "Options");
-    __publicField(this, "dispatchOptionsLoadEvent", (e) => {
+    __publicField(this, "dispatchOptionsLoadEvent", (t2) => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          event.dispatchCustomEvent(this, "wje-options:load", {});
+          r.dispatchCustomEvent(this, "wje-options:load", {});
         });
       });
     });
-    /**
-     * Recursively updates the object based on the provided path to the property.
-     * @param {object | Array | null} object
-     * @param {Array<string> | null} pathToProperty
-     * @returns {object | Array | null}
-     */
-    __publicField(this, "recursiveUpdate", (object, pathToProperty) => {
-      var _a;
-      if (pathToProperty.length === 0) {
-        if (Array.isArray(object)) {
-          return object.filter(
-            (option) => !this.loadedOptions.some(
-              (loadedOption) => loadedOption[this.itemValue] === option[this.itemValue]
-            )
-          );
-        } else {
-          console.error("Expected an array but got:", object, pathToProperty);
-          return [];
-        }
-      }
-      const [currentPath, ...remainingPath] = pathToProperty;
-      if (remainingPath.length > 0) {
-        object[currentPath] = this.recursiveUpdate(object[currentPath], remainingPath);
-      } else {
-        object[currentPath] = ((_a = object[currentPath]) == null ? void 0 : _a.filter(
-          (option) => !this.loadedOptions.some(
-            (loadedOption) => loadedOption[this.itemValue] === option[this.itemValue]
-          )
-        )) ?? [];
-      }
-      return object;
+    __publicField(this, "recursiveUpdate", (t2, e2) => {
+      var _a2;
+      if (0 === e2.length) return Array.isArray(t2) ? t2.filter((t3) => !this.loadedOptions.some((e3) => e3[this.itemValue] === t3[this.itemValue])) : (console.error("Expected an array but got:", t2, e2), []);
+      const [i2, ...s2] = e2;
+      return s2.length > 0 ? t2[i2] = this.recursiveUpdate(t2[i2], s2) : t2[i2] = ((_a2 = t2[i2]) == null ? void 0 : _a2.filter((t3) => !this.loadedOptions.some((e3) => e3[this.itemValue] === t3[this.itemValue]))) ?? [], t2;
     });
-    /**
-     * Generates an HTML option element based on the provided item.
-     * @param {object} item The item to generate the option element for.
-     * @returns {HTMLElement} The generated option element.
-     */
-    __publicField(this, "htmlItem", (item) => {
-      let option = document.createElement("wje-option");
-      if (item[this.itemValue] === null || item[this.itemValue] === void 0) {
-        console.warn(`The item ${JSON.stringify(item)} does not have the property ${this.itemValue}`);
-      }
-      if (item[this.itemText] === null || item[this.itemText] === void 0) {
-        console.warn(`The item ${JSON.stringify(item)} does not have the property ${this.itemText}`);
-      }
-      option.setAttribute("value", item[this.itemValue] ?? "");
-      option.innerText = item[this.itemText] ?? "";
-      return option;
+    __publicField(this, "htmlItem", (t2) => {
+      let e2 = document.createElement("wje-option");
+      return null !== t2[this.itemValue] && void 0 !== t2[this.itemValue] || console.warn(`The item ${JSON.stringify(t2)} does not have the property ${this.itemValue}`), null !== t2[this.itemText] && void 0 !== t2[this.itemText] || console.warn(`The item ${JSON.stringify(t2)} does not have the property ${this.itemText}`), e2.setAttribute("value", t2[this.itemValue] ?? ""), e2.innerText = t2[this.itemText] ?? "", e2;
     });
   }
-  /**
-   * Sets the option array path attribute.
-   * @param {string} value The value to set for the option array path.
-   */
-  set optionArrayPath(value) {
-    this.setAttribute("option-array-path", value);
-  }
-  /**
-   * Gets the option array path attribute.
-   * @returns {string} The value of the option array path attribute or "data" if not set.
-   */
+  set optionArrayPath(t2) {
+    this.setAttribute("option-array-path", t2);
+  }
   get optionArrayPath() {
     return this.getAttribute("option-array-path");
   }
-  /**
-   * Checks if the option array path attribute is present.
-   * @returns {boolean} True if the option array path attribute is present, false otherwise.
-   */
   get hasOptionArrayPath() {
     return this.hasAttribute("option-array-path");
   }
-  /**
-   * Gets the dropdown height attribute.
-   * @returns {string} The value of the dropdown height attribute or "100%" if not set.
-   */
   get dropdownHeight() {
     return this.getAttribute("dropdown-height") || "100%";
   }
-  /**
-   * Sets the dropdown height attribute.
-   * @param {string} value The value to set for the dropdown height.
-   */
-  set dropdownHeight(value) {
-    this.setAttribute("dropdown-height", value);
-  }
-  /**
-   * Sets the item value attribute.
-   * @param {string} value The value to set for the item value.
-   */
-  set itemValue(value) {
-    this.setAttribute("item-value", value);
-  }
-  /**
-   * Gets the item value attribute.
-   * @returns {string} The value of the item value attribute or "value" if not set.
-   */
+  set dropdownHeight(t2) {
+    this.setAttribute("dropdown-height", t2);
+  }
+  set itemValue(t2) {
+    this.setAttribute("item-value", t2);
+  }
   get itemValue() {
     return this.getAttribute("item-value") || "value";
   }
-  /**
-   * Sets the item text attribute.
-   * @param {string} value The value to set for the item text.
-   */
-  set itemText(value) {
-    this.setAttribute("item-text", value);
-  }
-  /**
-   * Gets the item text attribute.
-   * @returns {string} The value of the item text attribute or "text" if not set.
-   */
+  set itemText(t2) {
+    this.setAttribute("item-text", t2);
+  }
   get itemText() {
     return this.getAttribute("item-text") || "text";
   }
-  /**
-   * Gets the lazy load size attribute.
-   * @returns {number} The value of the lazy load size attribute or 10 if not set.
-   */
   get lazyLoadSize() {
     return this.getAttribute("lazy-load-size") || 10;
   }
-  /**
-   * Sets the lazy load size attribute.
-   * @param {number} value The value to set for the lazy load size.
-   */
-  set lazyLoadSize(value) {
-    this.setAttribute("lazy-load-size", value);
-  }
-  /**
-   * Sets the search attribute.
-   * @param {string} value The value to set for the search.
-   */
-  set search(value) {
-    this.setAttribute("search", value);
-  }
-  /**
-   * Gets the search attribute.
-   * @returns {string} The value of the search attribute.
-   */
+  set lazyLoadSize(t2) {
+    this.setAttribute("lazy-load-size", t2);
+  }
+  set search(t2) {
+    this.setAttribute("search", t2);
+  }
   get search() {
     return this.getAttribute("search");
   }
-  /**
-   * Checks if the search attribute is present.
-   * @returns {boolean} True if the search attribute is present, false otherwise.
-   */
   get hasSearch() {
     return this.hasAttribute("search");
   }
-  /**
-   * Retrieves the value of the 'search-to-query-params' attribute from the current instance.
-   * @returns {string | null} The value of the 'search-to-query-params' attribute, or null if the attribute is not set.
-   */
   get searchToQueryParams() {
     return this.getAttribute("search-to-query-params");
   }
-  /**
-   * Sets the value to define search-to-query params behavior.
-   * @param {string} value The value to be set for the search-to-query-params attribute.
-   */
-  set searchToQueryParams(value) {
-    this.setAttribute("search-to-query-params", value);
-  }
-  /**
-   * Determines whether the 'search-to-query-params' attribute is present on the element.
-   * @returns {boolean} True if the 'search-to-query-params' attribute exists, otherwise false.
-   */
+  set searchToQueryParams(t2) {
+    this.setAttribute("search-to-query-params", t2);
+  }
   get hasSearchToQueryParams() {
     return this.hasAttribute("search-to-query-params");
   }
-  /**
-   * Sets the value of the search parameter name attribute.
-   * @param {string} value The string value to set as the search parameter name.
-   */
-  set searchParamName(value) {
-    this.setAttribute("search-param-name", value);
-  }
-  /**
-   * Gets the search parameter name used in queries.
-   * Retrieves the value of the 'search-param-name' attribute.
-   * If the attribute is not set, it defaults to 'search'.
-   * @returns {string} The search parameter name used for queries.
-   */
+  set searchParamName(t2) {
+    this.setAttribute("search-param-name", t2);
+  }
   get searchParamName() {
     return this.getAttribute("search-param-name") || "search";
   }
-  /**
-   * Sets the queryParams attribute on the element.
-   * @param {string} value The query parameters to set, represented as a string.
-   */
-  set queryParams(value) {
-    this.setAttribute("query-params", value);
-  }
-  /**
-   * Retrieves the value of the 'query-params' attribute.
-   * @returns {string | null} The value of the 'query-params' attribute, or null if the attribute is not set.
-   */
+  set queryParams(t2) {
+    this.setAttribute("query-params", t2);
+  }
   get queryParams() {
     return this.getAttribute("query-params");
   }
-  /**
-   * Sets the lazy attribute.
-   * @param {boolean} value The value to set for the lazy attribute.
-   */
-  set lazy(value) {
-    this.setAttribute("lazy", value);
-  }
-  /**
-   * Checks if the lazy attribute is present.
-   * @returns {boolean} True if the lazy attribute is present, false otherwise.
-   */
+  set lazy(t2) {
+    this.setAttribute("lazy", t2);
+  }
   get lazy() {
     return this.hasAttribute("lazy");
   }
-  /**
-   * Gets the loaded options.
-   * @returns {Array} The loaded options.
-   */
   get options() {
-    var _a;
-    return (_a = this.loadedOptions) == null ? void 0 : _a.flat();
+    var _a2;
+    return (_a2 = this.loadedOptions) == null ? void 0 : _a2.flat();
   }
-  /**
-   * Gets the loaded options.
-   * @type {Array}
-   */
   get loadedOptions() {
-    return __privateGet(this, _loadedOptions);
-  }
-  /**
-   * Sets the loaded options.
-   * @type {Array}
-   */
-  set loadedOptions(loadedOptions) {
-    __privateSet(this, _loadedOptions, loadedOptions);
-  }
-  /**
-   * Array of preloaded elements.
-   * @type {Array}
-   * @private
-   */
+    return __privateGet(this, _t);
+  }
+  set loadedOptions(t2) {
+    __privateSet(this, _t, t2);
+  }
   get drawPreloadedElements() {
-    return __privateGet(this, _drawPreloadedElements);
-  }
-  /**
-   * Sets the elements that are preloaded and ready to be drawn.
-   * @param {Array|object} elements The elements to be set for preloading. This can be an array or a specific object containing drawable elements.
-   */
-  set drawPreloadedElements(elements) {
-    __privateSet(this, _drawPreloadedElements, elements);
-  }
-  /**
-   * Returns the CSS styles for the component.
-   * @static
-   * @returns {CSSStyleSheet} The CSS styles for the component.
-   */
+    return __privateGet(this, _e);
+  }
+  set drawPreloadedElements(t2) {
+    __privateSet(this, _e, t2);
+  }
   static get cssStyleSheet() {
-    return styles;
+    return ":host{display:block;height:100%}wje-infinite-scroll{background-color:red;height:100%;display:block}wje-infinite-scroll .loader{height:100%;display:flex;align-items:center;justify-content:center}";
   }
-  /**
-   * Retrieves an array of attributes that should be observed for changes.
-   * The method returns a list of attribute names that the browser will monitor for changes.
-   * @returns {Array<string>} An array of attribute names to observe.
-   */
   static get observedAttributes() {
     return ["search", "attached"];
   }
-  /**
-   * Sets up the attributes for the component.
-   */
   setupAttributes() {
-    this.isShadowRoot = "open";
-    this.syncAria();
+    this.isShadowRoot = "open", this.syncAria();
   }
-  /**
-   * Draws the component.
-   * @returns {DocumentFragment}
-   */
   async draw() {
-    let fragment = document.createDocumentFragment();
-    const slot = document.createElement("slot");
-    fragment.appendChild(slot);
-    this.syncAria();
-    if (this.lazy) {
-      if (this.contains(this.infiniteScroll)) {
-        this.drawPreloadedElements.forEach((el) => {
-          el.remove();
-        });
-        this.loadedOptions = [];
-        this.infiniteScroll.placementObj.innerHTML = "";
-        this.infiniteScroll.totalPages = 0;
-        this.infiniteScroll.refresh();
-      }
-      let loader = document.createElement("div");
-      loader.setAttribute("slot", "loader");
-      loader.append("Loading...");
-      loader.classList.add("loader");
-      const infiniteScroll = document.createElement("wje-infinite-scroll");
-      infiniteScroll.setAttribute("placement", "wje-list");
-      infiniteScroll.setAttribute("height", this.dropdownHeight);
-      infiniteScroll.setAttribute("object-name", this.optionArrayPath);
-      infiniteScroll.dataToHtml = this.htmlItem;
-      infiniteScroll.setCustomData = async (page, signal) => {
-        let processedUrl = `${this.url}${this.search ? `/${this.search}` : ""}?page=${page}&size=${this.lazyLoadSize}${this.queryParams ? `&${this.queryParams}` : ""}`;
-        if (this.hasSearchToQueryParams) {
-          processedUrl = `${this.url}?page=${page}&size=${this.lazyLoadSize}${this.queryParams ? `&${this.queryParams}` : ""}${this.search ? `&${this.searchParamName}=${this.search}` : ""}`;
-        }
-        let res = await this.service.get(processedUrl, null, false, signal);
-        const filteredOptions = this.filterOutDrawnOptions(res);
-        this.loadedOptions.push(...this.processData(filteredOptions));
-        return filteredOptions;
+    let t2 = document.createDocumentFragment();
+    const e2 = document.createElement("slot");
+    if (t2.appendChild(e2), this.syncAria(), this.lazy) {
+      this.contains(this.infiniteScroll) && (this.drawPreloadedElements.forEach((t4) => {
+        t4.remove();
+      }), this.loadedOptions = [], this.infiniteScroll.placementObj.innerHTML = "", this.infiniteScroll.totalPages = 0, this.infiniteScroll.refresh());
+      let t3 = document.createElement("div");
+      t3.setAttribute("slot", "loader"), t3.append("Loading..."), t3.classList.add("loader");
+      const e3 = document.createElement("wje-infinite-scroll");
+      e3.setAttribute("placement", "wje-list"), e3.setAttribute("height", this.dropdownHeight), e3.setAttribute("object-name", this.optionArrayPath), e3.dataToHtml = this.htmlItem, e3.setCustomData = async (t4, e4) => {
+        let i3 = `${this.url}${this.search ? `/${this.search}` : ""}?page=${t4}&size=${this.lazyLoadSize}${this.queryParams ? `&${this.queryParams}` : ""}`;
+        this.hasSearchToQueryParams && (i3 = `${this.url}?page=${t4}&size=${this.lazyLoadSize}${this.queryParams ? `&${this.queryParams}` : ""}${this.search ? `&${this.searchParamName}=${this.search}` : ""}`);
+        let s2 = await this.service.get(i3, null, false, e4);
+        const r2 = this.filterOutDrawnOptions(s2);
+        return this.loadedOptions.push(...this.processData(r2)), r2;
       };
-      const list = document.createElement("wje-list");
-      infiniteScroll.append(list);
-      infiniteScroll.append(loader);
-      if (this.hasAttribute("attached") && !this.hasSearch) {
-        this.appendChild(infiniteScroll);
-        this.drawPreloadedElements.forEach((el) => {
-          list.appendChild(el);
-        });
-        this.infiniteScroll = infiniteScroll;
-      }
+      const i2 = document.createElement("wje-list");
+      e3.append(i2), e3.append(t3), this.hasAttribute("attached") && !this.hasSearch && (this.appendChild(e3), this.drawPreloadedElements.forEach((t4) => {
+        i2.appendChild(t4);
+      }), this.infiniteScroll = e3);
     } else {
       this.response = await this.getPages();
-      let optionsData = this.filterOutDrawnOptions(this.response);
-      optionsData = this.processData(optionsData);
-      this.loadedOptions.push(...optionsData);
-      this.append(...optionsData.map(this.htmlItem));
-      event.dispatchCustomEvent(this, "wje-options:load", {});
+      let t3 = this.filterOutDrawnOptions(this.response);
+      t3 = this.processData(t3), this.loadedOptions.push(...t3), this.append(...t3.map(this.htmlItem)), r.dispatchCustomEvent(this, "wje-options:load", {});
     }
-    return fragment;
+    return t2;
   }
-  /**
-   * Syncs ARIA attributes on the host element.
-   */
   syncAria() {
-    var _a;
-    const isMultiple = (_a = this.closest("wje-select")) == null ? void 0 : _a.hasAttribute("multiple");
-    this.setAriaState({
-      role: "listbox",
-      multiselectable: isMultiple ? "true" : void 0
-    });
+    var _a2;
+    const t2 = (_a2 = this.closest("wje-select")) == null ? void 0 : _a2.hasAttribute("multiple");
+    this.setAriaState({ role: "listbox", multiselectable: t2 ? "true" : void 0 });
   }
   afterDraw() {
-    event.addListener(this.infiniteScroll, "wje-infinite-scroll:load", null, this.dispatchOptionsLoadEvent);
-  }
-  /**
-   * Processes the provided data based on the optional array path set in the instance.
-   * @param {object} data The input data to be processed.
-   * @returns {Array} The resolved options array from the data or an empty array if no match is found.
-   */
-  processData(data) {
-    var _a;
-    const splittedOptionArrayPath = this.optionArrayPath ? (_a = this.optionArrayPath) == null ? void 0 : _a.split(".") : null;
-    let options = data;
-    splittedOptionArrayPath == null ? void 0 : splittedOptionArrayPath.forEach((path) => {
-      options = options[path];
-    });
-    return options ?? [];
-  }
-  /**
-   * Filters out options from the response object that have already been drawn, based on the specified option array path.
-   * @param {object} response The response object containing data to process.
-   * @returns {object} The filtered response object with drawn options removed.
-   */
-  filterOutDrawnOptions(response) {
-    var _a;
-    const splittedOptionArrayPath = this.optionArrayPath ? (_a = this.optionArrayPath) == null ? void 0 : _a.split(".") : [];
-    let filteredResponse = structuredClone(response);
-    filteredResponse = this.recursiveUpdate(filteredResponse, splittedOptionArrayPath);
-    return filteredResponse;
-  }
-  /**
-   * Fetches the pages from the provided URL.
-   * @param {number} page The page number to fetch.
-   * @returns {Promise<object>} The fetched data.
-   * @throws Will throw an error if the response is not ok.
-   */
-  async getPages(page) {
-    const response = await fetch(this.url);
-    if (!response.ok) {
-      throw new Error(`An error occurred: ${response.status}`);
-    }
-    return await response.json();
-  }
-  /**
-   * Finds the selected option data based on the given selected option values.
-   * @param {Array} selectedOptionValues The array of selected option values.
-   * @returns {Array} - The array of option data that matches the selected option values.
-   */
-  findSelectedOptionData(selectedOptionValues = []) {
-    return this.options.filter((option) => selectedOptionValues.includes(option[this.itemValue]));
-  }
-  /**
-   * Adds an option to the element.
-   * @param {object} optionData The data of the option to be added.
-   */
-  addOption(optionData) {
-    if (this.loadedOptions.some((option) => option[this.itemValue] === optionData[this.itemValue])) {
-      return;
-    }
-    const item = this.htmlItem(optionData);
-    const lazyList = __privateMethod(this, _Options_instances, getLazyList_fn).call(this);
-    __privateGet(this, _drawPreloadedElements).push(item);
-    if (lazyList) {
-      lazyList.appendChild(item);
-    } else {
-      this.prepend(item);
-    }
-    this.loadedOptions.push(optionData);
-  }
-  /**
-   * Adds options to the element.
-   * @param {Array} optionsData The array of option data to be added.
-   * @param {boolean} [silent] Whether to suppress events triggered by adding options.
-   */
-  addOptions(optionsData = [], silent = false) {
-    if (Array.isArray(optionsData)) optionsData == null ? void 0 : optionsData.forEach((od) => this.addOption(od, silent));
-    else this.addOption(optionsData, silent);
+    r.addListener(this.infiniteScroll, "wje-infinite-scroll:load", null, this.dispatchOptionsLoadEvent);
+  }
+  processData(t2) {
+    var _a2;
+    const e2 = this.optionArrayPath ? (_a2 = this.optionArrayPath) == null ? void 0 : _a2.split(".") : null;
+    let i2 = t2;
+    return e2 == null ? void 0 : e2.forEach((t3) => {
+      i2 = i2[t3];
+    }), i2 ?? [];
+  }
+  filterOutDrawnOptions(t2) {
+    var _a2;
+    const e2 = this.optionArrayPath ? (_a2 = this.optionArrayPath) == null ? void 0 : _a2.split(".") : [];
+    let i2 = structuredClone(t2);
+    return i2 = this.recursiveUpdate(i2, e2), i2;
+  }
+  async getPages(t2) {
+    const e2 = await fetch(this.url);
+    if (!e2.ok) throw new Error(`An error occurred: ${e2.status}`);
+    return await e2.json();
+  }
+  findSelectedOptionData(t2 = []) {
+    return this.options.filter((e2) => t2.includes(e2[this.itemValue]));
+  }
+  addOption(t2) {
+    if (this.loadedOptions.some((e3) => e3[this.itemValue] === t2[this.itemValue])) return;
+    const e2 = this.htmlItem(t2), i2 = __privateMethod(this, _a_instances, i_fn).call(this);
+    __privateGet(this, _e).push(e2), i2 ? i2.appendChild(e2) : this.prepend(e2), this.loadedOptions.push(t2);
+  }
+  addOptions(t2 = [], e2 = false) {
+    Array.isArray(t2) ? t2 == null ? void 0 : t2.forEach((t3) => this.addOption(t3, e2)) : this.addOption(t2, e2);
   }
   beforeDisconnect() {
-    event.removeListener(this.infiniteScroll, "wje-infinite-scroll:load", null, this.dispatchOptionsLoadEvent);
+    r.removeListener(this.infiniteScroll, "wje-infinite-scroll:load", null, this.dispatchOptionsLoadEvent);
   }
 }
-_loadedOptions = new WeakMap();
-_drawPreloadedElements = new WeakMap();
-_Options_instances = new WeakSet();
-getLazyList_fn = function() {
-  var _a;
-  if (!this.lazy) return null;
-  return ((_a = this.infiniteScroll) == null ? void 0 : _a.querySelector("wje-list")) ?? this.querySelector(":scope > wje-infinite-scroll > wje-list");
+_t = new WeakMap();
+_e = new WeakMap();
+_a_instances = new WeakSet();
+i_fn = function() {
+  var _a2;
+  return this.lazy ? ((_a2 = this.infiniteScroll) == null ? void 0 : _a2.querySelector("wje-list")) ?? this.querySelector(":scope > wje-infinite-scroll > wje-list") : null;
 };
-Options.define("wje-options", Options);
+a.define("wje-options", a);
 export {
-  Options as default
+  a as default
 };
 //# sourceMappingURL=wje-options.js.map