forge-select 0.2.0 → 0.4.0

package/dist/index.global.js

@@ -1,901 +1,2 @@
-"use strict";
-var ForgeSelectBundle = (() => {
-  var __defProp = Object.defineProperty;
-  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-  var __getOwnPropNames = Object.getOwnPropertyNames;
-  var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __export = (target, all) => {
-    for (var name in all)
-      __defProp(target, name, { get: all[name], enumerable: true });
-  };
-  var __copyProps = (to, from, except, desc) => {
-    if (from && typeof from === "object" || typeof from === "function") {
-      for (let key of __getOwnPropNames(from))
-        if (!__hasOwnProp.call(to, key) && key !== except)
-          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-    }
-    return to;
-  };
-  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-  // src/index.ts
-  var index_exports = {};
-  __export(index_exports, {
-    ForgeSelect: () => ForgeSelect,
-    default: () => ForgeSelect
-  });
-
-  // src/emitter.ts
-  var Emitter = class {
-    constructor() {
-      this.handlers = /* @__PURE__ */ new Map();
-    }
-    on(event, handler) {
-      let set = this.handlers.get(event);
-      if (!set) {
-        set = /* @__PURE__ */ new Set();
-        this.handlers.set(event, set);
-      }
-      set.add(handler);
-    }
-    off(event, handler) {
-      this.handlers.get(event)?.delete(handler);
-    }
-    emit(event, ...args) {
-      const set = this.handlers.get(event);
-      if (!set) return;
-      for (const handler of [...set]) handler(...args);
-    }
-    clear() {
-      this.handlers.clear();
-    }
-  };
-
-  // src/i18n.ts
-  var locales = {
-    en: {
-      noResults: "No results found",
-      loading: "Loading\u2026",
-      loadingMore: "Loading more\u2026",
-      createOption: 'Create "{query}"',
-      clearSelection: "Clear selection",
-      removeItem: "Remove {label}",
-      search: "Search"
-    },
-    vi: {
-      noResults: "Kh\xF4ng t\xECm th\u1EA5y k\u1EBFt qu\u1EA3",
-      loading: "\u0110ang t\u1EA3i\u2026",
-      loadingMore: "\u0110ang t\u1EA3i th\xEAm\u2026",
-      createOption: 'T\u1EA1o "{query}"',
-      clearSelection: "X\xF3a l\u1EF1a ch\u1ECDn",
-      removeItem: "X\xF3a {label}",
-      search: "T\xECm ki\u1EBFm"
-    }
-  };
-  function getStrings(language) {
-    if (typeof language === "string") {
-      return locales[language] ?? locales.en;
-    }
-    return { ...locales.en, ...language };
-  }
-  function format(template, vars) {
-    return template.replace(/\{(\w+)\}/g, (match, key) => vars[key] ?? match);
-  }
-
-  // src/ForgeSelect.ts
-  var DEFAULT_ITEM_HEIGHT = 36;
-  var VIRTUAL_BUFFER = 5;
-  var VIRTUAL_THRESHOLD = 100;
-  var ROW_CACHE_LIMIT = 2e3;
-  var uidCounter = 0;
-  function isGroup(item) {
-    return item.options !== void 0;
-  }
-  function collectDescendantValues(option) {
-    if (!option.children) return [];
-    const values = [];
-    for (const child of option.children) {
-      values.push(child.value, ...collectDescendantValues(child));
-    }
-    return values;
-  }
-  function computeCheckState(option, selected) {
-    if (!option.children || option.children.length === 0) {
-      return selected.includes(option.value) ? "all" : "none";
-    }
-    const states = option.children.map((child) => computeCheckState(child, selected));
-    if (states.every((s) => s === "all")) return "all";
-    if (states.every((s) => s === "none")) return "none";
-    return "some";
-  }
-  var ForgeSelect = class {
-    constructor(target, options = {}) {
-      this.selected = [];
-      this.selectedOptions = /* @__PURE__ */ new Map();
-      this.emitter = new Emitter();
-      this.uid = `forge-select-${++uidCounter}`;
-      this.searchInput = null;
-      this.isOpen = false;
-      this.isDisabled = false;
-      this.destroyed = false;
-      this.query = "";
-      this.rows = [];
-      this.navItems = [];
-      this.highlightedIndex = -1;
-      this.rowContentCache = /* @__PURE__ */ new Map();
-      this.expandedValues = /* @__PURE__ */ new Set();
-      this.loading = false;
-      this.loadingMore = false;
-      this.page = 0;
-      this.hasMore = true;
-      this.ajaxTimer = null;
-      this.ajaxRequestId = 0;
-      this.remoteLoaded = false;
-      this.onDocumentMouseDown = (event) => {
-        if (!this.root.contains(event.target)) this.close();
-      };
-      const el = typeof target === "string" ? document.querySelector(target) : target;
-      if (!el) {
-        throw new Error(`ForgeSelect: target element not found: ${String(target)}`);
-      }
-      this.el = el;
-      const nativeSelect = el instanceof HTMLSelectElement ? el : null;
-      this.opts = {
-        placeholder: options.placeholder ?? "",
-        searchable: options.searchable ?? true,
-        multiple: options.multiple ?? nativeSelect?.multiple ?? false,
-        clearable: options.clearable ?? false,
-        allowCreate: options.allowCreate ?? false,
-        theme: options.theme ?? "default",
-        disabled: options.disabled ?? false,
-        data: options.data,
-        ajax: options.ajax,
-        templateResult: options.templateResult,
-        templateSelection: options.templateSelection,
-        virtualScroll: options.virtualScroll,
-        itemHeight: options.itemHeight ?? DEFAULT_ITEM_HEIGHT,
-        language: options.language ?? "en",
-        plugins: options.plugins ?? []
-      };
-      this.strings = getStrings(this.opts.language);
-      this.plugins = this.opts.plugins;
-      this.data = this.opts.data ?? (nativeSelect ? parseNativeOptions(nativeSelect) : []);
-      if (nativeSelect && !this.opts.data) {
-        for (const option of Array.from(nativeSelect.querySelectorAll("option"))) {
-          if (option.hasAttribute("selected")) this.selectValue(option.value, false);
-        }
-      }
-      this.buildDom();
-      this.renderValue();
-      if (this.opts.disabled) this.disable();
-      for (const plugin of this.plugins) plugin.onInit?.(this);
-    }
-    // ---------------------------------------------------------------- public API
-    open() {
-      if (this.isOpen || this.isDisabled || this.destroyed) return;
-      this.isOpen = true;
-      this.dropdown.hidden = false;
-      this.root.classList.add("forge-select--open");
-      this.control.setAttribute("aria-expanded", "true");
-      document.addEventListener("mousedown", this.onDocumentMouseDown);
-      if (this.opts.ajax && !this.remoteLoaded) {
-        this.scheduleRemoteLoad(this.query, 0);
-      }
-      this.renderList();
-      if (this.searchInput) this.searchInput.focus();
-      this.emitter.emit("open");
-      for (const plugin of this.plugins) plugin.onOpen?.(this);
-    }
-    close() {
-      if (!this.isOpen) return;
-      this.isOpen = false;
-      this.dropdown.hidden = true;
-      this.root.classList.remove("forge-select--open");
-      this.control.setAttribute("aria-expanded", "false");
-      document.removeEventListener("mousedown", this.onDocumentMouseDown);
-      this.highlightedIndex = -1;
-      if (this.searchInput) {
-        this.searchInput.value = "";
-        this.query = "";
-      }
-      this.emitter.emit("close");
-      for (const plugin of this.plugins) plugin.onClose?.(this);
-    }
-    destroy() {
-      if (this.destroyed) return;
-      this.close();
-      for (const plugin of this.plugins) plugin.onDestroy?.(this);
-      this.destroyed = true;
-      if (this.ajaxTimer) clearTimeout(this.ajaxTimer);
-      this.rowContentCache.clear();
-      this.root.remove();
-      this.el.style.display = "";
-      this.emitter.clear();
-    }
-    getValue() {
-      if (this.opts.multiple) return [...this.selected];
-      return this.selected[0] ?? null;
-    }
-    setValue(value) {
-      const values = value == null ? [] : Array.isArray(value) ? value : [value];
-      const next = this.opts.multiple ? values : values.slice(0, 1);
-      if (arraysEqual(next, this.selected)) return;
-      this.selected = [];
-      for (const v of next) this.selectValue(v, false);
-      this.afterSelectionChange();
-    }
-    enable() {
-      this.isDisabled = false;
-      this.root.classList.remove("forge-select--disabled");
-      this.control.tabIndex = 0;
-      this.control.setAttribute("aria-disabled", "false");
-    }
-    disable() {
-      this.close();
-      this.isDisabled = true;
-      this.root.classList.add("forge-select--disabled");
-      this.control.tabIndex = -1;
-      this.control.setAttribute("aria-disabled", "true");
-    }
-    on(event, handler) {
-      this.emitter.on(event, handler);
-    }
-    off(event, handler) {
-      this.emitter.off(event, handler);
-    }
-    // ---------------------------------------------------------------- DOM setup
-    buildDom() {
-      this.root = document.createElement("div");
-      this.root.className = "forge-select";
-      this.root.dataset.theme = this.opts.theme;
-      this.root.style.setProperty("--fs-item-height", `${this.opts.itemHeight}px`);
-      this.control = document.createElement("div");
-      this.control.className = "forge-select__control";
-      this.control.setAttribute("role", "combobox");
-      this.control.setAttribute("aria-haspopup", "listbox");
-      this.control.setAttribute("aria-expanded", "false");
-      this.control.setAttribute("aria-controls", `${this.uid}-list`);
-      this.control.tabIndex = 0;
-      this.valueEl = document.createElement("div");
-      this.valueEl.className = "forge-select__value";
-      this.clearBtn = document.createElement("button");
-      this.clearBtn.type = "button";
-      this.clearBtn.className = "forge-select__clear";
-      this.clearBtn.setAttribute("aria-label", this.strings.clearSelection);
-      this.clearBtn.textContent = "\xD7";
-      this.clearBtn.hidden = true;
-      const arrow = document.createElement("span");
-      arrow.className = "forge-select__arrow";
-      arrow.setAttribute("aria-hidden", "true");
-      this.control.append(this.valueEl, this.clearBtn, arrow);
-      this.dropdown = document.createElement("div");
-      this.dropdown.className = "forge-select__dropdown";
-      this.dropdown.hidden = true;
-      if (this.opts.searchable) {
-        this.searchInput = document.createElement("input");
-        this.searchInput.type = "search";
-        this.searchInput.className = "forge-select__search";
-        this.searchInput.setAttribute("aria-label", this.strings.search);
-        this.searchInput.setAttribute("aria-autocomplete", "list");
-        this.searchInput.setAttribute("aria-controls", `${this.uid}-list`);
-        this.dropdown.append(this.searchInput);
-      }
-      this.list = document.createElement("ul");
-      this.list.className = "forge-select__list";
-      this.list.id = `${this.uid}-list`;
-      this.list.setAttribute("role", "listbox");
-      if (this.opts.multiple) this.list.setAttribute("aria-multiselectable", "true");
-      this.dropdown.append(this.list);
-      this.root.append(this.control, this.dropdown);
-      this.el.style.display = "none";
-      this.el.insertAdjacentElement("afterend", this.root);
-      this.bindEvents();
-    }
-    bindEvents() {
-      this.control.addEventListener("click", (event) => {
-        if (event.target === this.clearBtn) return;
-        if (this.isDisabled) return;
-        this.isOpen ? this.close() : this.open();
-      });
-      this.control.addEventListener("keydown", (event) => this.handleKeydown(event));
-      this.clearBtn.addEventListener("click", (event) => {
-        event.stopPropagation();
-        this.clearSelection();
-      });
-      if (this.searchInput) {
-        this.searchInput.addEventListener("input", () => {
-          this.query = this.searchInput.value;
-          this.highlightedIndex = -1;
-          this.list.scrollTop = 0;
-          this.emitter.emit("search", this.query);
-          if (this.opts.ajax) {
-            this.scheduleRemoteLoad(this.query, this.opts.ajax.debounce ?? 250);
-          } else {
-            this.renderList();
-          }
-        });
-        this.searchInput.addEventListener("keydown", (event) => this.handleKeydown(event));
-      }
-      this.list.addEventListener("click", (event) => {
-        const target = event.target;
-        const twisty = target.closest("[data-twisty]");
-        if (twisty) {
-          const value = twisty.dataset.twisty;
-          if (this.expandedValues.has(value)) this.expandedValues.delete(value);
-          else this.expandedValues.add(value);
-          this.renderList();
-          return;
-        }
-        const li = target.closest("li[data-nav-index]");
-        if (!li) return;
-        const navIndex = Number(li.dataset.navIndex);
-        this.activateNavItem(navIndex);
-      });
-      this.list.addEventListener("scroll", () => {
-        if (this.usesVirtualScroll()) this.renderRows();
-        this.maybeLoadNextPage();
-      });
-    }
-    handleKeydown(event) {
-      if (this.isDisabled) return;
-      switch (event.key) {
-        case "Enter":
-          event.preventDefault();
-          if (!this.isOpen) this.open();
-          else if (this.highlightedIndex >= 0) this.activateNavItem(this.highlightedIndex);
-          break;
-        case " ":
-          if (event.target === this.control) {
-            event.preventDefault();
-            if (!this.isOpen) this.open();
-          }
-          break;
-        case "ArrowDown":
-          event.preventDefault();
-          if (!this.isOpen) this.open();
-          else this.moveHighlight(1);
-          break;
-        case "ArrowUp":
-          event.preventDefault();
-          if (this.isOpen) this.moveHighlight(-1);
-          break;
-        case "Escape":
-          if (this.isOpen) {
-            event.preventDefault();
-            this.close();
-            this.control.focus();
-          }
-          break;
-        case "Tab":
-          this.close();
-          break;
-      }
-    }
-    // ---------------------------------------------------------------- selection
-    selectValue(value, notify) {
-      if (this.selected.includes(value)) return;
-      const option = this.findOption(value) ?? this.selectedOptions.get(value) ?? { value, label: value };
-      this.selectedOptions.set(value, option);
-      if (this.opts.multiple) {
-        this.selected.push(value);
-        for (const v of collectDescendantValues(option)) {
-          if (!this.selected.includes(v)) this.selected.push(v);
-        }
-        this.syncTreeAncestors();
-      } else {
-        this.selected = [value];
-      }
-      if (notify) this.afterSelectionChange();
-    }
-    deselectValue(value, notify) {
-      const index = this.selected.indexOf(value);
-      if (index === -1) return;
-      this.selected.splice(index, 1);
-      if (this.opts.multiple) {
-        const option = this.findOption(value) ?? this.selectedOptions.get(value);
-        if (option) {
-          for (const v of collectDescendantValues(option)) {
-            const i = this.selected.indexOf(v);
-            if (i !== -1) this.selected.splice(i, 1);
-          }
-        }
-        this.syncTreeAncestors();
-      }
-      if (notify) this.afterSelectionChange();
-    }
-    /**
-     * Keeps every tree parent's own membership in `selected` consistent with
-     * its descendants (post-order, so parents see already-corrected children):
-     * a parent counts as selected only when `computeCheckState` says "all".
-     * No-op for data with no `children` anywhere.
-     */
-    syncTreeAncestors() {
-      const sync = (option) => {
-        if (!option.children || option.children.length === 0) return;
-        for (const child of option.children) sync(child);
-        const state = computeCheckState(option, this.selected);
-        const index = this.selected.indexOf(option.value);
-        if (state === "all" && index === -1) this.selected.push(option.value);
-        else if (state !== "all" && index !== -1) this.selected.splice(index, 1);
-      };
-      for (const item of this.data) {
-        const options = isGroup(item) ? item.options : [item];
-        options.forEach(sync);
-      }
-    }
-    clearSelection() {
-      if (this.selected.length === 0) return;
-      this.selected = [];
-      this.emitter.emit("clear");
-      this.afterSelectionChange();
-    }
-    afterSelectionChange() {
-      this.renderValue();
-      this.syncNativeSelect();
-      if (this.isOpen) this.renderList();
-      this.emitter.emit("change", this.getValue());
-    }
-    syncNativeSelect() {
-      if (!(this.el instanceof HTMLSelectElement)) return;
-      const existing = /* @__PURE__ */ new Set();
-      for (const option of Array.from(this.el.options)) {
-        existing.add(option.value);
-        option.selected = this.selected.includes(option.value);
-      }
-      for (const value of this.selected) {
-        if (existing.has(value)) continue;
-        const option = document.createElement("option");
-        option.value = value;
-        option.textContent = this.selectedOptions.get(value)?.label ?? value;
-        option.selected = true;
-        this.el.append(option);
-      }
-      this.el.dispatchEvent(new Event("change", { bubbles: true }));
-    }
-    findOption(value) {
-      const search = (options) => {
-        for (const option of options) {
-          if (option.value === value) return option;
-          if (option.children) {
-            const found = search(option.children);
-            if (found) return found;
-          }
-        }
-        return void 0;
-      };
-      for (const item of this.data) {
-        const found = search(isGroup(item) ? item.options : [item]);
-        if (found) return found;
-      }
-      return void 0;
-    }
-    createFromQuery() {
-      const label = this.query.trim();
-      if (!label) return;
-      const option = { value: label, label };
-      this.data.push(option);
-      if (this.searchInput) {
-        this.searchInput.value = "";
-        this.query = "";
-      }
-      this.selectValue(option.value, true);
-      if (!this.opts.multiple) this.close();
-    }
-    activateNavItem(navIndex) {
-      const item = this.navItems[navIndex];
-      if (!item) return;
-      if (item.kind === "create") {
-        this.createFromQuery();
-        return;
-      }
-      const { value } = item.option;
-      if (this.opts.multiple) {
-        this.selected.includes(value) ? this.deselectValue(value, true) : this.selectValue(value, true);
-      } else {
-        this.selectValue(value, true);
-        this.close();
-        this.control.focus();
-      }
-    }
-    // ---------------------------------------------------------------- rendering
-    renderValue() {
-      this.valueEl.textContent = "";
-      const hasValue = this.selected.length > 0;
-      this.clearBtn.hidden = !(this.opts.clearable && hasValue);
-      if (!hasValue) {
-        const placeholder = document.createElement("span");
-        placeholder.className = "forge-select__placeholder";
-        placeholder.textContent = this.opts.placeholder;
-        this.valueEl.append(placeholder);
-        return;
-      }
-      if (this.opts.multiple) {
-        for (const value of this.selected) {
-          const option = this.selectedOptions.get(value) ?? { value, label: value };
-          const tag = document.createElement("span");
-          tag.className = "forge-select__tag";
-          const label = document.createElement("span");
-          label.className = "forge-select__tag-label";
-          this.renderTemplate(label, option, this.opts.templateSelection, "inline");
-          const remove = document.createElement("button");
-          remove.type = "button";
-          remove.className = "forge-select__tag-remove";
-          remove.setAttribute("aria-label", format(this.strings.removeItem, { label: option.label }));
-          remove.textContent = "\xD7";
-          remove.addEventListener("click", (event) => {
-            event.stopPropagation();
-            if (!this.isDisabled) this.deselectValue(value, true);
-          });
-          tag.append(label, remove);
-          this.valueEl.append(tag);
-        }
-      } else {
-        const option = this.selectedOptions.get(this.selected[0]) ?? {
-          value: this.selected[0],
-          label: this.selected[0]
-        };
-        const span = document.createElement("span");
-        span.className = "forge-select__single-value";
-        this.renderTemplate(span, option, this.opts.templateSelection, "inline");
-        this.valueEl.append(span);
-      }
-    }
-    renderTemplate(container, option, template, variant = "row") {
-      if (template) {
-        const result = template(option);
-        if (typeof result === "string") container.innerHTML = result;
-        else container.append(result);
-        return;
-      }
-      if (!option.avatar && !option.description) {
-        container.textContent = option.label;
-        return;
-      }
-      if (option.avatar) {
-        const avatar = document.createElement("img");
-        avatar.className = variant === "row" ? "forge-select__option-avatar" : "forge-select__inline-avatar";
-        avatar.src = option.avatar;
-        avatar.alt = "";
-        avatar.setAttribute("loading", "lazy");
-        avatar.setAttribute("decoding", "async");
-        container.append(avatar);
-      }
-      if (variant === "row" && option.description) {
-        const body = document.createElement("span");
-        body.className = "forge-select__option-body";
-        const label = document.createElement("span");
-        label.className = "forge-select__option-label";
-        label.textContent = option.label;
-        const desc = document.createElement("span");
-        desc.className = "forge-select__option-desc";
-        desc.textContent = option.description;
-        body.append(label, desc);
-        container.append(body);
-      } else {
-        const label = document.createElement("span");
-        label.className = "forge-select__option-label";
-        label.textContent = option.label;
-        container.append(label);
-      }
-    }
-    buildRows() {
-      this.rows = [];
-      this.navItems = [];
-      const query = this.query.trim().toLowerCase();
-      const matches = (option) => query === "" || option.label.toLowerCase().includes(query) || (option.description?.toLowerCase().includes(query) ?? false);
-      const subtreeMatches = (option) => query === "" || matches(option) || (option.children ?? []).some(subtreeMatches);
-      const pushOption = (option, depth) => {
-        let navIndex = -1;
-        if (!option.disabled) {
-          navIndex = this.navItems.length;
-          this.navItems.push({ kind: "option", option });
-        }
-        const hasChildren = !!option.children && option.children.length > 0;
-        this.rows.push({ kind: "option", option, navIndex, depth, hasChildren });
-        if (hasChildren) {
-          const expanded = query !== "" || this.expandedValues.has(option.value);
-          if (expanded) {
-            for (const child of option.children) {
-              if (subtreeMatches(child)) pushOption(child, depth + 1);
-            }
-          }
-        }
-      };
-      if (this.loading) {
-        this.rows.push({ kind: "loading" });
-        return;
-      }
-      for (const item of this.data) {
-        if (isGroup(item)) {
-          const visible = item.options.filter(subtreeMatches);
-          if (visible.length === 0) continue;
-          this.rows.push({ kind: "group", label: item.label });
-          visible.forEach((o) => pushOption(o, 0));
-        } else if (subtreeMatches(item)) {
-          pushOption(item, 0);
-        }
-      }
-      if (this.opts.allowCreate && query !== "" && !this.hasExactMatch(query)) {
-        const navIndex = this.navItems.length;
-        this.navItems.push({ kind: "create" });
-        this.rows.push({ kind: "create", navIndex });
-      }
-      if (this.rows.length === 0) this.rows.push({ kind: "empty" });
-      else if (this.loadingMore) this.rows.push({ kind: "loading-more" });
-    }
-    hasExactMatch(lowerQuery) {
-      const matchesExactly = (option) => option.label.toLowerCase() === lowerQuery || (option.children ?? []).some(matchesExactly);
-      for (const item of this.data) {
-        const options = isGroup(item) ? item.options : [item];
-        if (options.some(matchesExactly)) return true;
-      }
-      return false;
-    }
-    usesVirtualScroll() {
-      return this.opts.virtualScroll !== false && this.rows.length > VIRTUAL_THRESHOLD;
-    }
-    renderList() {
-      this.buildRows();
-      this.renderRows();
-    }
-    renderRows() {
-      const scrollTop = this.list.scrollTop;
-      const clientHeight = this.list.clientHeight;
-      const virtual = this.usesVirtualScroll();
-      this.list.textContent = "";
-      const rowHeight = this.opts.itemHeight;
-      let start = 0;
-      let end = this.rows.length;
-      if (virtual) {
-        const viewport = clientHeight || rowHeight * 8;
-        start = Math.max(0, Math.floor(scrollTop / rowHeight) - VIRTUAL_BUFFER);
-        end = Math.min(this.rows.length, start + Math.ceil(viewport / rowHeight) + VIRTUAL_BUFFER * 2);
-        const topSpacer = document.createElement("li");
-        topSpacer.className = "forge-select__spacer";
-        topSpacer.setAttribute("aria-hidden", "true");
-        topSpacer.style.height = `${start * rowHeight}px`;
-        this.list.append(topSpacer);
-      }
-      for (let i = start; i < end; i++) {
-        this.list.append(this.renderRow(this.rows[i]));
-      }
-      if (virtual) {
-        const bottomSpacer = document.createElement("li");
-        bottomSpacer.className = "forge-select__spacer";
-        bottomSpacer.setAttribute("aria-hidden", "true");
-        bottomSpacer.style.height = `${(this.rows.length - end) * rowHeight}px`;
-        this.list.append(bottomSpacer);
-        if (this.list.scrollTop !== scrollTop) {
-          this.list.scrollTop = scrollTop;
-        }
-      }
-      this.updateActiveDescendant();
-    }
-    renderRow(row) {
-      const li = document.createElement("li");
-      switch (row.kind) {
-        case "group":
-          li.className = "forge-select__group-label";
-          li.setAttribute("role", "presentation");
-          li.textContent = row.label;
-          break;
-        case "empty":
-          li.className = "forge-select__empty";
-          li.textContent = this.strings.noResults;
-          break;
-        case "loading":
-          li.className = "forge-select__loading";
-          li.textContent = this.strings.loading;
-          break;
-        case "loading-more":
-          li.className = "forge-select__loading-more";
-          li.setAttribute("aria-hidden", "true");
-          li.textContent = this.strings.loadingMore;
-          break;
-        case "create":
-          li.className = "forge-select__option forge-select__option--create";
-          li.setAttribute("role", "option");
-          li.id = `${this.uid}-nav-${row.navIndex}`;
-          li.dataset.navIndex = String(row.navIndex);
-          li.textContent = format(this.strings.createOption, { query: this.query.trim() });
-          if (row.navIndex === this.highlightedIndex) li.classList.add("forge-select__option--highlighted");
-          break;
-        case "option": {
-          li.className = "forge-select__option";
-          li.setAttribute("role", "option");
-          const isSelected = this.selected.includes(row.option.value);
-          li.setAttribute("aria-selected", String(isSelected));
-          if (isSelected) li.classList.add("forge-select__option--selected");
-          if (this.opts.multiple && row.hasChildren && computeCheckState(row.option, this.selected) === "some") {
-            li.classList.add("forge-select__option--indeterminate");
-          }
-          if (row.depth > 0) {
-            li.style.paddingLeft = `calc(12px + ${row.depth} * var(--fs-tree-indent, 18px))`;
-          }
-          if (row.option.disabled) {
-            li.classList.add("forge-select__option--disabled");
-            li.setAttribute("aria-disabled", "true");
-          } else {
-            li.id = `${this.uid}-nav-${row.navIndex}`;
-            li.dataset.navIndex = String(row.navIndex);
-            if (row.navIndex === this.highlightedIndex) li.classList.add("forge-select__option--highlighted");
-          }
-          if (row.hasChildren) {
-            const twisty = document.createElement("span");
-            twisty.className = "forge-select__twisty";
-            twisty.dataset.twisty = row.option.value;
-            twisty.setAttribute("aria-hidden", "true");
-            twisty.textContent = this.expandedValues.has(row.option.value) ? "\u25BC" : "\u25B6";
-            li.append(twisty);
-          }
-          li.append(this.optionContent(row.option));
-          break;
-        }
-      }
-      return li;
-    }
-    /**
-     * Rendered row content is cached per option value and cloned on each render,
-     * so templates run once per option instead of once per scroll frame.
-     * State classes (selected/highlighted/disabled) live on the <li>, keeping the
-     * cached content state-free.
-     */
-    optionContent(option) {
-      let cached = this.rowContentCache.get(option.value);
-      if (!cached) {
-        const holder = document.createElement("span");
-        holder.className = "forge-select__option-content";
-        this.renderTemplate(holder, option, this.opts.templateResult);
-        if (this.rowContentCache.size >= ROW_CACHE_LIMIT) {
-          const oldest = this.rowContentCache.keys().next().value;
-          this.rowContentCache.delete(oldest);
-        }
-        this.rowContentCache.set(option.value, holder);
-        cached = holder;
-      }
-      return cached.cloneNode(true);
-    }
-    moveHighlight(delta) {
-      if (this.navItems.length === 0) return;
-      const next = this.highlightedIndex === -1 && delta > 0 ? 0 : (this.highlightedIndex + delta + this.navItems.length) % this.navItems.length;
-      this.highlightedIndex = next;
-      if (this.usesVirtualScroll()) {
-        const rowIndex = this.rows.findIndex(
-          (row) => (row.kind === "option" || row.kind === "create") && row.navIndex === next
-        );
-        if (rowIndex >= 0) {
-          const rowHeight = this.opts.itemHeight;
-          const top = rowIndex * rowHeight;
-          const viewport = this.list.clientHeight || rowHeight * 8;
-          let target = this.list.scrollTop;
-          if (top < target) target = top;
-          else if (top + rowHeight > target + viewport) target = top + rowHeight - viewport;
-          if (target !== this.list.scrollTop) this.list.scrollTop = target;
-        }
-        this.renderRows();
-      } else {
-        this.renderRows();
-        const highlighted = this.list.querySelector(".forge-select__option--highlighted");
-        highlighted?.scrollIntoView?.({ block: "nearest" });
-      }
-    }
-    updateActiveDescendant() {
-      const target = this.searchInput ?? this.control;
-      if (this.highlightedIndex >= 0) {
-        target.setAttribute("aria-activedescendant", `${this.uid}-nav-${this.highlightedIndex}`);
-      } else {
-        target.removeAttribute("aria-activedescendant");
-      }
-    }
-    // ---------------------------------------------------------------- remote data
-    scheduleRemoteLoad(query, delay) {
-      if (this.ajaxTimer) clearTimeout(this.ajaxTimer);
-      this.page = 0;
-      this.hasMore = true;
-      this.loading = true;
-      this.renderList();
-      this.ajaxTimer = setTimeout(() => {
-        void this.loadRemote(query);
-      }, delay);
-    }
-    /**
-     * Fires on every list scroll. Only acts when pagination is opted into via
-     * `ajax.pagination`; reads real scroll geometry rather than row counts so
-     * it works whether or not virtual scrolling is active for this list.
-     */
-    maybeLoadNextPage() {
-      const ajax = this.opts.ajax;
-      if (!ajax?.pagination || !this.hasMore || this.loading || this.loadingMore) return;
-      const { scrollHeight, scrollTop, clientHeight } = this.list;
-      const threshold = this.opts.itemHeight * 2;
-      if (scrollHeight - scrollTop - clientHeight >= threshold) return;
-      this.loadingMore = true;
-      this.renderList();
-      void this.loadRemote(this.query, { append: true });
-    }
-    async loadRemote(query, { append = false } = {}) {
-      const ajax = this.opts.ajax;
-      const requestId = ++this.ajaxRequestId;
-      const page = append ? this.page + 1 : 0;
-      try {
-        const url = buildUrl(ajax, query, page);
-        const response = await fetch(url);
-        const json = await response.json();
-        if (requestId !== this.ajaxRequestId || this.destroyed) return;
-        const result = ajax.transform ? ajax.transform(json) : json;
-        const options = Array.isArray(result) ? result : result.options;
-        const hasMore = ajax.pagination ? Array.isArray(result) ? false : result.hasMore : false;
-        if (append) {
-          const existing = collectValues(this.data);
-          this.data = [...this.data, ...options.filter((o) => !existing.has(o.value))];
-        } else {
-          this.data = options;
-          this.rowContentCache.clear();
-        }
-        this.page = page;
-        this.hasMore = hasMore;
-        this.remoteLoaded = true;
-      } catch {
-        if (requestId !== this.ajaxRequestId || this.destroyed) return;
-        if (!append) {
-          this.data = [];
-          this.rowContentCache.clear();
-        }
-        this.hasMore = false;
-      } finally {
-        if (requestId === this.ajaxRequestId && !this.destroyed) {
-          this.loading = false;
-          this.loadingMore = false;
-          if (this.isOpen) this.renderList();
-        }
-      }
-    }
-  };
-  function parseNativeOptions(select) {
-    const data = [];
-    for (const child of Array.from(select.children)) {
-      if (child instanceof HTMLOptGroupElement) {
-        data.push({
-          label: child.label,
-          options: Array.from(child.querySelectorAll("option")).map(parseOption)
-        });
-      } else if (child instanceof HTMLOptionElement) {
-        data.push(parseOption(child));
-      }
-    }
-    return data;
-  }
-  function parseOption(option) {
-    return {
-      value: option.value,
-      label: option.textContent?.trim() ?? option.value,
-      disabled: option.disabled || void 0
-    };
-  }
-  function buildUrl(ajax, query, page) {
-    if (typeof ajax.url === "function") return ajax.url(query);
-    if (!ajax.params) return ajax.url;
-    const params = new URLSearchParams();
-    for (const [key, value] of Object.entries(ajax.params(query, page))) {
-      params.set(key, String(value));
-    }
-    const separator = ajax.url.includes("?") ? "&" : "?";
-    return `${ajax.url}${separator}${params.toString()}`;
-  }
-  function collectValues(items) {
-    const values = /* @__PURE__ */ new Set();
-    for (const item of items) {
-      if (isGroup(item)) {
-        for (const option of item.options) values.add(option.value);
-      } else {
-        values.add(item.value);
-      }
-    }
-    return values;
-  }
-  function arraysEqual(a, b) {
-    return a.length === b.length && a.every((value, index) => value === b[index]);
-  }
-  return __toCommonJS(index_exports);
-})();
+"use strict";var ForgeSelectBundle=(()=>{var E=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var B=(o,t)=>{for(var e in t)E(o,e,{get:t[e],enumerable:!0})},$=(o,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of j(t))!P.call(o,i)&&i!==e&&E(o,i,{get:()=>t[i],enumerable:!(s=F(t,i))||s.enumerable});return o};var U=o=>$(E({},"__esModule",{value:!0}),o);var W={};B(W,{ForgeSelect:()=>f,default:()=>f});var b=class{constructor(){this.handlers=new Map}on(t,e){let s=this.handlers.get(t);s||(s=new Set,this.handlers.set(t,s)),s.add(e)}off(t,e){this.handlers.get(t)?.delete(e)}emit(t,...e){let s=this.handlers.get(t);if(s)for(let i of[...s])i(...e)}clear(){this.handlers.clear()}};function D(o,t,e,s=4){let i=e-o.bottom,r=o.top,n=t>i&&r>i;return{dropUp:n,top:n?o.top-t-s:o.bottom+s}}var O={en:{noResults:"No results found",loading:"Loading\u2026",loadingMore:"Loading more\u2026",errorLoading:"Could not load options",createOption:'Create "{query}"',clearSelection:"Clear selection",removeItem:"Remove {label}",search:"Search",reorderHint:"{label}. Press Alt+Left or Alt+Right to reorder.",minSearchLength:"Type {count} or more characters to search",maximumSelected:"Maximum of {count} selections reached"},vi:{noResults:"Kh\xF4ng t\xECm th\u1EA5y k\u1EBFt qu\u1EA3",loading:"\u0110ang t\u1EA3i\u2026",loadingMore:"\u0110ang t\u1EA3i th\xEAm\u2026",errorLoading:"Kh\xF4ng th\u1EC3 t\u1EA3i t\xF9y ch\u1ECDn",createOption:'T\u1EA1o "{query}"',clearSelection:"X\xF3a l\u1EF1a ch\u1ECDn",removeItem:"X\xF3a {label}",search:"T\xECm ki\u1EBFm",reorderHint:"{label}. Nh\u1EA5n Alt+Tr\xE1i ho\u1EB7c Alt+Ph\u1EA3i \u0111\u1EC3 s\u1EAFp x\u1EBFp l\u1EA1i.",minSearchLength:"Nh\u1EADp th\xEAm {count} k\xFD t\u1EF1 \u0111\u1EC3 t\xECm ki\u1EBFm",maximumSelected:"\u0110\xE3 \u0111\u1EA1t t\u1ED1i \u0111a {count} l\u1EF1a ch\u1ECDn"}};function _(o){return typeof o=="string"?O[o]??O.en:{...O.en,...o}}function u(o,t){return o.replace(/\{(\w+)\}/g,(e,s)=>t[s]??e)}function H(o){let t=[];for(let e of Array.from(o.children))e instanceof HTMLOptGroupElement?t.push({label:e.label,options:Array.from(e.querySelectorAll("option")).map(M)}):e instanceof HTMLOptionElement&&t.push(M(e));return t}function M(o){let t=o.parentElement instanceof HTMLOptGroupElement&&o.parentElement.disabled;return{value:o.value,label:o.textContent?.trim()??o.value,disabled:o.disabled||t||void 0}}function x(o,t,e,s="row"){if(e){let i=e(t);typeof i=="string"?o.innerHTML=i:o.append(i);return}if(!t.avatar&&!t.description){o.textContent=t.label;return}if(t.avatar){let i=document.createElement("img");i.className=s==="row"?"forge-select__option-avatar":"forge-select__inline-avatar",i.src=t.avatar,i.alt="",i.setAttribute("loading","lazy"),i.setAttribute("decoding","async"),o.append(i)}if(s==="row"&&t.description){let i=document.createElement("span");i.className="forge-select__option-body";let r=document.createElement("span");r.className="forge-select__option-label",r.textContent=t.label;let n=document.createElement("span");n.className="forge-select__option-desc",n.textContent=t.description,i.append(r,n),o.append(i)}else{let i=document.createElement("span");i.className="forge-select__option-label",i.textContent=t.label,o.append(i)}}function R(o,t,e){if(!o.url)throw new Error("ForgeSelect: ajax requires either url or request.");if(typeof o.url=="function")return o.url(t,e);if(!o.params)return o.url;let s=new URLSearchParams;for(let[r,n]of Object.entries(o.params(t,e)))s.set(r,String(n));let i=o.url.includes("?")?"&":"?";return`${o.url}${i}${s.toString()}`}function k(o,t){let e=o.transform?o.transform(t):t;if(Array.isArray(e))return{options:e,hasMore:!1};if(!e||!Array.isArray(e.options))throw new Error("ForgeSelect: ajax.transform must return an array of options, or an object shaped like { options: Option[], hasMore?: boolean }.");return{options:e.options,hasMore:o.pagination?!!e.hasMore:!1}}function p(o){return o.options!==void 0}var w=o=>!!o.disabled;function v(o,t=w){if(!o.children)return[];let e=[];for(let s of o.children)t(s)||e.push(s.value),e.push(...v(s,t));return e}function y(o,t,e=w){if(!o.children?.length)return t.includes(o.value)?"all":"none";let s=o.children.filter(i=>!e(i)).map(i=>y(i,t,e));return s.length===0?"none":s.every(i=>i==="all")?"all":s.every(i=>i==="none")?"none":"some"}function N(o,t){let e=s=>{for(let i of s){if(i.value===t)return i;let r=i.children?e(i.children):void 0;if(r)return r}};for(let s of o){let i=e(p(s)?s.options:[s]);if(i)return i}}function L(o,t,e=w){let s=i=>{if(!i.children?.length)return;for(let a of i.children)s(a);let r=y(i,t,e),n=t.indexOf(i.value);r==="all"&&n===-1?t.push(i.value):r!=="all"&&n!==-1&&t.splice(n,1)};for(let i of o)(p(i)?i.options:[i]).forEach(s)}function I(o){let t=new Set,e=s=>{t.add(s.value),s.children?.forEach(e)};for(let s of o)(p(s)?s.options:[s]).forEach(e);return t}function V(o,t){return o.length===t.length&&o.every((e,s)=>e===t[s])}var G=36,q=5,z=100,K=2e3,X=0,f=class{constructor(t,e={}){this.selected=[];this.selectedOptions=new Map;this.suppressNextTagClick=!1;this.emitter=new b;this.uid=`forge-select-${++X}`;this.searchInput=null;this.portalHost=null;this.isOpen=!1;this.isDisabled=!1;this.destroyed=!1;this.query="";this.rows=[];this.navItems=[];this.highlightedIndex=-1;this.rowContentCache=new Map;this.expandedValues=new Set;this.loading=!1;this.loadingMore=!1;this.page=0;this.hasMore=!0;this.ajaxTimer=null;this.ajaxRequestId=0;this.ajaxController=null;this.remoteLoaded=!1;this.loadError=null;this.originalDisplay="";this.originalDisabled=!1;this.nativeSelect=null;this.nativeForm=null;this.syncingNative=!1;this.isOptionDisabled=t=>t.disabled===!0||(this.opts.isOptionDisabled?.(t)??!1);this.pointerDownOnControl=!1;this.onDocumentMouseDown=t=>{let e=t.target;!this.root.contains(e)&&!this.portalHost?.contains(e)&&this.close()};this.onWindowResize=()=>{this.positionDropdown()};this.onAncestorScroll=()=>{this.portalHost&&this.positionDropdown()};this.onNativeInvalid=t=>{t.preventDefault(),this.control.classList.add("forge-select__control--invalid"),this.control.setAttribute("aria-invalid","true"),this.isOpen||this.open(),this.control.focus()};this.onNativeChange=()=>{if(!this.nativeSelect||this.destroyed||this.syncingNative)return;let t=Array.from(this.nativeSelect.selectedOptions,e=>e.value);this.applyNativeValues(t)};this.onFormReset=()=>{if(!this.nativeSelect||this.destroyed)return;let t=Array.from(this.nativeSelect.options).filter(e=>e.defaultSelected).map(e=>e.value);this.applyNativeValues(t)};let s=typeof t=="string"?document.querySelector(t):t;if(!s)throw new Error(`ForgeSelect: target element not found: ${String(t)}`);this.el=s;let i=s instanceof HTMLSelectElement?s:null;if(this.nativeSelect=i,this.nativeForm=i?.form??null,this.originalDisplay=s.style.display,this.originalDisabled=i?.disabled??!1,this.opts={placeholder:e.placeholder??"",searchable:e.searchable??!0,multiple:e.multiple??i?.multiple??!1,clearable:e.clearable??!1,allowCreate:e.allowCreate??!1,sortable:e.sortable??!1,closeOnSelect:e.closeOnSelect??!1,maxSelections:e.maxSelections==null||!Number.isFinite(e.maxSelections)?void 0:Math.max(0,Math.floor(e.maxSelections)),theme:e.theme??"default",disabled:e.disabled??i?.disabled??!1,required:e.required??i?.required??!1,data:e.data,ajax:e.ajax,templateResult:e.templateResult,templateSelection:e.templateSelection,filterOption:e.filterOption,minSearchLength:Math.max(0,Math.floor(e.minSearchLength??0)),minResultsForSearch:Math.max(0,Math.floor(e.minResultsForSearch??0)),isOptionDisabled:e.isOptionDisabled,virtualScroll:e.virtualScroll,itemHeight:e.itemHeight??G,language:e.language??"en",plugins:e.plugins??[],openOnFocus:e.openOnFocus??!1,dropdownParent:e.dropdownParent},this.strings=_(this.opts.language),this.plugins=this.opts.plugins,i&&(i.required=this.opts.required),this.data=this.opts.data??(i?H(i):[]),i&&!this.opts.data){let r=Array.from(i.options),n=i.multiple||i.selectedIndex>0||r.some(a=>a.defaultSelected);for(let a of r)n&&a.selected&&this.selectValue(a.value,!1)}this.buildDom(),this.renderValue(),this.opts.disabled&&this.disable(),i?.addEventListener("change",this.onNativeChange),i?.addEventListener("invalid",this.onNativeInvalid),this.nativeForm?.addEventListener("reset",this.onFormReset);for(let r of this.plugins)r.onInit?.(this)}applyNativeValues(t){this.selected=[];for(let e of this.opts.multiple?t:t.slice(0,1))this.selectValue(e,!1);this.renderValue(),this.isOpen&&this.renderList(),this.emitter.emit("change",this.getValue())}open(){if(!(this.isOpen||this.isDisabled||this.destroyed)){this.isOpen=!0,this.dropdown.hidden=!1,this.root.classList.add("forge-select--open"),this.control.setAttribute("aria-expanded","true"),document.addEventListener("mousedown",this.onDocumentMouseDown),this.opts.ajax&&!this.remoteLoaded&&this.scheduleRemoteLoad(this.query,0),this.renderList(),this.positionDropdown(),window.addEventListener("resize",this.onWindowResize),document.addEventListener("scroll",this.onAncestorScroll,!0),this.searchInput&&!this.searchInput.hidden&&this.searchInput.focus(),this.emitter.emit("open");for(let t of this.plugins)t.onOpen?.(this)}}close(){if(this.isOpen){this.isOpen=!1,this.dropdown.hidden=!0,this.root.classList.remove("forge-select--open"),this.root.classList.remove("forge-select--drop-up"),this.control.setAttribute("aria-expanded","false"),document.removeEventListener("mousedown",this.onDocumentMouseDown),window.removeEventListener("resize",this.onWindowResize),document.removeEventListener("scroll",this.onAncestorScroll,!0),this.highlightedIndex=-1,this.searchInput&&(this.searchInput.value="",this.query=""),this.emitter.emit("close");for(let t of this.plugins)t.onClose?.(this)}}positionDropdown(){let t=this.control.getBoundingClientRect(),e=D(t,this.dropdown.offsetHeight,window.innerHeight);this.root.classList.toggle("forge-select--drop-up",e.dropUp),this.portalHost&&(this.portalHost.style.top=`${e.top}px`,this.portalHost.style.left=`${t.left}px`,this.portalHost.style.width=`${t.width}px`)}destroy(){if(!this.destroyed){this.close();for(let t of this.plugins)t.onDestroy?.(this);this.destroyed=!0,this.ajaxTimer&&clearTimeout(this.ajaxTimer),this.ajaxController?.abort(),this.nativeSelect?.removeEventListener("change",this.onNativeChange),this.nativeSelect?.removeEventListener("invalid",this.onNativeInvalid),this.nativeForm?.removeEventListener("reset",this.onFormReset),this.rowContentCache.clear(),this.portalHost?.remove(),this.root.remove(),this.el.style.display=this.originalDisplay,this.nativeSelect&&(this.nativeSelect.disabled=this.originalDisabled),this.emitter.clear()}}getValue(){return this.opts.multiple?[...this.selected]:this.selected[0]??null}setValue(t,e={}){let s=t==null?[]:Array.isArray(t)?t:[t],i=this.opts.multiple?s:s.slice(0,1);if(!V(i,this.selected)){this.selected=[];for(let r of i)this.selectValue(r,!1);this.afterSelectionChange(e.emitChange??!0)}}setData(t){this.ajaxTimer&&(clearTimeout(this.ajaxTimer),this.ajaxTimer=null),this.ajaxController?.abort(),this.ajaxController=null,this.ajaxRequestId+=1,this.loading=!1,this.loadingMore=!1,this.loadError=null,this.remoteLoaded=!0,this.page=0,this.hasMore=!1,this.data=t,this.opts.data=t,this.updateSearchVisibility(),this.rowContentCache.clear(),this.highlightedIndex=-1,this.isOpen&&this.renderList()}selectAll(){if(this.opts.multiple){this.selected=[];for(let t of this.allSelectableValues()){let e=this.findOption(t);e&&this.canSelectOption(e)&&this.selectValue(t,!1)}this.afterSelectionChange()}}clearAll(){this.clearSelection()}enable(){this.isDisabled=!1,this.root.classList.remove("forge-select--disabled"),this.control.tabIndex=0,this.control.setAttribute("aria-disabled","false"),this.nativeSelect&&(this.nativeSelect.disabled=!1)}disable(){this.close(),this.isDisabled=!0,this.root.classList.add("forge-select--disabled"),this.control.tabIndex=-1,this.control.setAttribute("aria-disabled","true"),this.nativeSelect&&(this.nativeSelect.disabled=!0)}on(t,e){this.emitter.on(t,e)}off(t,e){this.emitter.off(t,e)}applyAccessibleName(){let t=this.el.getAttribute("aria-labelledby"),e=this.el.getAttribute("aria-label");if(t)this.control.setAttribute("aria-labelledby",t);else if(e)this.control.setAttribute("aria-label",e);else if(this.el.id){let s=Array.from(document.getElementsByTagName("label")).find(i=>i.htmlFor===this.el.id);s&&(s.id||(s.id=`${this.uid}-label`),this.control.setAttribute("aria-labelledby",s.id))}}shouldShowSearch(){return this.opts.searchable&&(this.opts.ajax!=null||I(this.data).size>=this.opts.minResultsForSearch)}updateSearchVisibility(){this.searchInput&&(this.searchInput.hidden=!this.shouldShowSearch(),this.searchInput.hidden&&(this.searchInput.value="",this.query=""))}buildDom(){let t=typeof this.opts.dropdownParent=="string"?document.querySelector(this.opts.dropdownParent):this.opts.dropdownParent;if(this.opts.dropdownParent&&!t)throw new Error(`ForgeSelect: dropdown parent not found: ${String(this.opts.dropdownParent)}`);this.root=document.createElement("div"),this.root.className="forge-select",this.root.dataset.theme=this.opts.theme,this.root.style.setProperty("--fs-item-height",`${this.opts.itemHeight}px`),this.opts.sortable&&this.opts.multiple&&this.root.classList.add("forge-select--sortable"),this.control=document.createElement("div"),this.control.className="forge-select__control",this.control.setAttribute("role","combobox"),this.control.setAttribute("aria-haspopup","listbox"),this.control.setAttribute("aria-expanded","false"),this.control.setAttribute("aria-controls",`${this.uid}-list`),this.opts.required&&this.control.setAttribute("aria-required","true"),this.control.tabIndex=0,this.applyAccessibleName(),this.valueEl=document.createElement("div"),this.valueEl.className="forge-select__value",this.clearBtn=document.createElement("button"),this.clearBtn.type="button",this.clearBtn.className="forge-select__clear",this.clearBtn.setAttribute("aria-label",this.strings.clearSelection),this.clearBtn.textContent="\xD7",this.clearBtn.hidden=!0;let e=document.createElement("span");e.className="forge-select__arrow",e.setAttribute("aria-hidden","true"),this.control.append(this.valueEl,this.clearBtn,e),this.dropdown=document.createElement("div"),this.dropdown.className="forge-select__dropdown",this.dropdown.hidden=!0,this.opts.searchable&&(this.searchInput=document.createElement("input"),this.searchInput.type="search",this.searchInput.className="forge-select__search",this.searchInput.setAttribute("aria-label",this.strings.search),this.searchInput.setAttribute("aria-autocomplete","list"),this.searchInput.setAttribute("aria-controls",`${this.uid}-list`),this.searchInput.hidden=!this.shouldShowSearch(),this.dropdown.append(this.searchInput)),this.list=document.createElement("ul"),this.list.className="forge-select__list",this.list.id=`${this.uid}-list`,this.list.setAttribute("role","listbox"),this.opts.multiple&&this.list.setAttribute("aria-multiselectable","true"),this.dropdown.append(this.list),this.liveRegion=document.createElement("div"),this.liveRegion.className="forge-select__sr-only",this.liveRegion.setAttribute("role","status"),this.liveRegion.setAttribute("aria-live","polite"),this.root.append(this.control,this.liveRegion),t||this.root.append(this.dropdown),this.el.style.display="none",this.el.insertAdjacentElement("afterend",this.root),t&&(this.portalHost=document.createElement("div"),this.portalHost.className="forge-select forge-select--portal-host",this.portalHost.dataset.theme=this.opts.theme,this.portalHost.style.setProperty("--fs-item-height",`${this.opts.itemHeight}px`),this.portalHost.append(this.dropdown),t.append(this.portalHost)),this.bindEvents()}bindEvents(){this.control.addEventListener("click",t=>{if(t.target!==this.clearBtn){if(this.suppressNextTagClick){this.suppressNextTagClick=!1;return}this.isDisabled||(this.isOpen?this.close():this.open())}}),this.control.addEventListener("keydown",t=>this.handleKeydown(t)),this.control.addEventListener("mousedown",()=>{this.pointerDownOnControl=!0}),this.control.addEventListener("focus",()=>{this.opts.openOnFocus&&!this.pointerDownOnControl&&!this.isOpen&&!this.isDisabled&&this.open(),this.pointerDownOnControl=!1}),this.clearBtn.addEventListener("click",t=>{t.stopPropagation(),this.clearSelection()}),this.searchInput&&(this.searchInput.addEventListener("input",()=>{this.query=this.searchInput.value,this.highlightedIndex=-1,this.list.scrollTop=0,this.emitter.emit("search",this.query);let t=this.query.trim(),e=t!==""&&t.length<this.opts.minSearchLength;this.opts.ajax&&!e?this.scheduleRemoteLoad(this.query,this.opts.ajax.debounce??250):(e&&(this.ajaxTimer&&(clearTimeout(this.ajaxTimer),this.ajaxTimer=null),this.ajaxController?.abort(),this.loading=!1),this.renderList())}),this.searchInput.addEventListener("keydown",t=>this.handleKeydown(t)),this.searchInput.addEventListener("paste",t=>{if(!this.opts.multiple||!this.opts.allowCreate)return;let s=(t.clipboardData?.getData("text")??"").split(/[,\n]+/).map(r=>r.trim()).filter(Boolean);if(s.length<2)return;t.preventDefault();let i=[];for(let r of s){let n=this.createTag(r);n&&i.push(n)}if(i.length!==0){this.searchInput.value="",this.query="",this.afterSelectionChange();for(let r of i)r.created&&this.emitter.emit("create",r.option),this.emitter.emit("select",r.option);this.opts.closeOnSelect?this.close():this.renderList()}})),this.list.addEventListener("click",t=>{let e=t.target,s=e.closest("[data-twisty]");if(s){let n=s.dataset.twisty;this.expandedValues.has(n)?this.expandedValues.delete(n):this.expandedValues.add(n),this.renderList();return}let i=e.closest("li[data-nav-index]");if(!i){let n=e.closest("li[data-option-value]"),a=n?this.findOption(n.dataset.optionValue):void 0;a&&this.hasReachedMaximum()&&!this.selected.includes(a.value)&&this.announceMaximum(a);return}let r=Number(i.dataset.navIndex);this.activateNavItem(r)}),this.list.addEventListener("scroll",()=>{this.usesVirtualScroll()&&this.renderRows(),this.maybeLoadNextPage()})}handleKeydown(t){if(!this.isDisabled)switch(t.key){case"Enter":t.preventDefault(),this.isOpen?this.highlightedIndex>=0&&this.activateNavItem(this.highlightedIndex):this.open();break;case" ":t.target===this.control&&(t.preventDefault(),this.isOpen||this.open());break;case"ArrowDown":t.preventDefault(),this.isOpen?this.moveHighlight(1):this.open();break;case"ArrowUp":t.preventDefault(),this.isOpen&&this.moveHighlight(-1);break;case"Escape":this.isOpen&&(t.preventDefault(),this.close(),this.control.focus());break;case"ArrowRight":this.isOpen&&this.navigateTree("right")&&t.preventDefault();break;case"ArrowLeft":this.isOpen&&this.navigateTree("left")&&t.preventDefault();break;case"Tab":this.close();break}}canSelectOption(t){if(this.opts.maxSelections==null)return!0;let e=[...this.selected];e.includes(t.value)||e.push(t.value);for(let s of v(t,this.isOptionDisabled))e.includes(s)||e.push(s);return L(this.data,e,this.isOptionDisabled),e.length<=this.opts.maxSelections}hasReachedMaximum(){return this.opts.maxSelections!=null&&this.selected.length>=this.opts.maxSelections}announceMaximum(t){let e=this.opts.maxSelections;e!=null&&(this.liveRegion.textContent=u(this.strings.maximumSelected,{count:String(e)}),this.emitter.emit("maximum",{limit:e,option:t}))}selectValue(t,e){if(this.selected.includes(t))return;let s=this.findOption(t)??this.selectedOptions.get(t)??{value:t,label:t};if(this.selectedOptions.set(t,s),this.opts.multiple){this.selected.push(t);for(let i of v(s,this.isOptionDisabled))this.selected.includes(i)||this.selected.push(i);this.syncTreeAncestors()}else this.selected=[t];e&&(this.afterSelectionChange(),this.emitter.emit("select",s))}deselectValue(t,e){let s=this.selected.indexOf(t);if(s===-1)return;let i=this.findOption(t)??this.selectedOptions.get(t);if(this.selected.splice(s,1),this.opts.multiple){if(i)for(let r of v(i,this.isOptionDisabled)){let n=this.selected.indexOf(r);n!==-1&&this.selected.splice(n,1)}this.syncTreeAncestors()}e&&(this.afterSelectionChange(),this.emitter.emit("unselect",i??{value:t,label:t}))}syncTreeAncestors(){L(this.data,this.selected,this.isOptionDisabled)}clearSelection(){this.selected.length!==0&&(this.selected=[],this.emitter.emit("clear"),this.afterSelectionChange())}allSelectableValues(){let t=[],e=s=>{this.isOptionDisabled(s)||t.push(s.value),s.children?.forEach(e)};for(let s of this.data)(p(s)?s.options:[s]).forEach(e);return t}afterSelectionChange(t=!0){this.renderValue(),this.syncNativeSelect(t),(!this.opts.required||this.selected.length>0)&&(this.control.classList.remove("forge-select__control--invalid"),this.control.removeAttribute("aria-invalid")),this.isOpen&&this.renderList(),t&&this.emitter.emit("change",this.getValue())}syncNativeSelect(t=!0){if(!(this.el instanceof HTMLSelectElement))return;let e=new Set;for(let s of Array.from(this.el.options))e.add(s.value),s.selected=this.selected.includes(s.value);for(let s of this.selected){if(e.has(s))continue;let i=document.createElement("option");i.value=s,i.textContent=this.selectedOptions.get(s)?.label??s,i.selected=!0,this.el.append(i)}if(this.opts.sortable&&this.opts.multiple)for(let s of this.selected){let i=Array.from(this.el.options).find(r=>r.value===s);i&&this.el.append(i)}if(t){this.syncingNative=!0;try{this.el.dispatchEvent(new Event("change",{bubbles:!0}))}finally{this.syncingNative=!1}}}findOption(t){return N(this.data,t)}findOptionByLabel(t){let e=t.toLowerCase(),s=i=>{for(let r of i){if(r.label.toLowerCase()===e)return r;let n=r.children?s(r.children):void 0;if(n)return n}};for(let i of this.data){let r=s(p(i)?i.options:[i]);if(r)return r}}createTag(t){let e=t.trim();if(!e)return;let s=this.findOptionByLabel(e);if(s){if(this.selected.includes(s.value))return;if(this.opts.multiple&&!this.canSelectOption(s)){this.announceMaximum(s);return}return this.selectValue(s.value,!1),{option:s,created:!1}}let i={value:e,label:e};if(this.opts.multiple&&!this.canSelectOption(i)){this.announceMaximum(i);return}return this.data.push(i),this.selectValue(i.value,!1),{option:i,created:!0}}createFromQuery(){let t=this.query.trim();if(!t)return;let e=this.createTag(t);e&&(this.searchInput&&(this.searchInput.value="",this.query=""),this.afterSelectionChange(),e.created&&this.emitter.emit("create",e.option),this.emitter.emit("select",e.option),(!this.opts.multiple||this.opts.closeOnSelect)&&this.close())}activateNavItem(t){let e=this.navItems[t];if(!e)return;if(e.kind==="create"){this.createFromQuery();return}let{value:s}=e.option;if(this.opts.multiple){let i=!1;this.selected.includes(s)?(this.deselectValue(s,!0),i=!0):this.canSelectOption(e.option)?(this.selectValue(s,!0),i=!0):this.announceMaximum(e.option),i&&this.opts.closeOnSelect&&this.close()}else this.selectValue(s,!0),this.close(),this.control.focus()}renderValue(){this.valueEl.textContent="";let t=this.selected.length>0;if(this.clearBtn.hidden=!(this.opts.clearable&&t),!t){let e=document.createElement("span");e.className="forge-select__placeholder",e.textContent=this.opts.placeholder,this.valueEl.append(e);return}if(this.opts.multiple)for(let e of this.selected){let s=this.selectedOptions.get(e)??{value:e,label:e},i=document.createElement("span");i.className="forge-select__tag";let r=document.createElement("span");r.className="forge-select__tag-label",x(r,s,this.opts.templateSelection,"inline");let n=document.createElement("button");n.type="button",n.className="forge-select__tag-remove",n.setAttribute("aria-label",u(this.strings.removeItem,{label:s.label})),n.textContent="\xD7",n.addEventListener("click",a=>{a.stopPropagation(),this.isDisabled||this.deselectValue(e,!0)}),i.append(r,n),this.opts.sortable&&(i.dataset.value=e,i.tabIndex=0,i.setAttribute("aria-roledescription","draggable item"),i.setAttribute("aria-label",u(this.strings.reorderHint,{label:s.label})),i.addEventListener("keydown",a=>this.handleTagKeydown(a,e)),this.bindTagDrag(i,e)),this.valueEl.append(i)}else{let e=this.selectedOptions.get(this.selected[0])??{value:this.selected[0],label:this.selected[0]},s=document.createElement("span");s.className="forge-select__single-value",x(s,e,this.opts.templateSelection,"inline"),this.valueEl.append(s)}}bindTagDrag(t,e){let i=0,r=!1,n=[],a=h=>{if(!r){if(Math.abs(h.clientX-i)<4)return;r=!0,n=[...this.selected],typeof this.valueEl.setPointerCapture=="function"&&this.valueEl.setPointerCapture(h.pointerId),t.classList.add("forge-select__tag--dragging")}h.preventDefault();let m=n.indexOf(e),d=Array.from(this.valueEl.querySelectorAll(".forge-select__tag"));for(let c of d){if(c===t)continue;let g=c.dataset.value;if(!g)continue;let S=n.indexOf(g);if(S===-1)continue;let C=c.getBoundingClientRect(),A=C.left+C.width/2,T=m<S;if(T?h.clientX>A:h.clientX<A){n.splice(m,1),n.splice(S,0,e),T?this.valueEl.insertBefore(t,c.nextSibling):this.valueEl.insertBefore(t,c);break}}},l=h=>{this.valueEl.removeEventListener("pointermove",a),this.valueEl.removeEventListener("pointerup",l),this.valueEl.removeEventListener("pointercancel",l),r&&(typeof this.valueEl.releasePointerCapture=="function"&&this.valueEl.releasePointerCapture(h.pointerId),t.classList.remove("forge-select__tag--dragging"),this.selected=n,this.suppressNextTagClick=!0,this.afterSelectionChange(),this.emitter.emit("reorder",[...this.selected]))};t.addEventListener("pointerdown",h=>{this.isDisabled||h.button!==0||h.target.closest(".forge-select__tag-remove")||(i=h.clientX,r=!1,this.valueEl.addEventListener("pointermove",a),this.valueEl.addEventListener("pointerup",l),this.valueEl.addEventListener("pointercancel",l))})}handleTagKeydown(t,e){if(!t.altKey||t.key!=="ArrowLeft"&&t.key!=="ArrowRight")return;let s=this.selected.indexOf(e),i=t.key==="ArrowLeft"?s-1:s+1;if(s===-1||i<0||i>=this.selected.length)return;t.preventDefault(),t.stopPropagation();let r=[...this.selected];[r[s],r[i]]=[r[i],r[s]],this.selected=r,this.afterSelectionChange(),this.emitter.emit("reorder",[...this.selected]),this.focusTagByValue(e)}focusTagByValue(t){for(let e of Array.from(this.valueEl.querySelectorAll(".forge-select__tag")))if(e.dataset.value===t){e.focus();return}}buildRows(){this.rows=[],this.navItems=[];let t=this.query.trim(),e=t.toLowerCase(),s=n=>e===""||(this.opts.filterOption?this.opts.filterOption(n,t):n.label.toLowerCase().includes(e)||(n.description?.toLowerCase().includes(e)??!1)),i=n=>e===""||s(n)||(n.children??[]).some(i),r=(n,a,l)=>{let h=-1;this.isOptionDisabled(n)||this.hasReachedMaximum()&&!this.selected.includes(n.value)||(h=this.navItems.length,this.navItems.push({kind:"option",option:n,parentValue:l}));let d=!!n.children&&n.children.length>0;if(this.rows.push({kind:"option",option:n,navIndex:h,depth:a,hasChildren:d}),d&&(e!==""||this.expandedValues.has(n.value)))for(let g of n.children)i(g)&&r(g,a+1,n.value)};if(t!==""&&t.length<this.opts.minSearchLength){this.rows.push({kind:"min-length"});return}if(this.loading){this.rows.push({kind:"loading"});return}if(this.loadError){this.rows.push({kind:"error"});return}for(let n of this.data)if(p(n)){let a=n.options.filter(i);if(a.length===0)continue;this.rows.push({kind:"group",label:n.label}),a.forEach(l=>r(l,0))}else i(n)&&r(n,0);if(this.opts.allowCreate&&e!==""&&!this.hasExactMatch(e)){let n=this.navItems.length;this.navItems.push({kind:"create"}),this.rows.push({kind:"create",navIndex:n})}this.rows.length===0?this.rows.push({kind:"empty"}):this.loadingMore&&this.rows.push({kind:"loading-more"})}hasExactMatch(t){return!!this.findOptionByLabel(t)}usesVirtualScroll(){return this.opts.virtualScroll!==!1&&this.rows.length>z}renderList(){this.buildRows(),this.renderRows(),this.announceStatus()}announceStatus(){let t=this.rows[0],e=this.hasReachedMaximum()?u(this.strings.maximumSelected,{count:String(this.opts.maxSelections)}):t?.kind==="loading"?this.strings.loading:t?.kind==="error"?this.strings.errorLoading:t?.kind==="empty"?this.strings.noResults:t?.kind==="min-length"?u(this.strings.minSearchLength,{count:String(this.opts.minSearchLength)}):"";this.liveRegion.textContent!==e&&(this.liveRegion.textContent=e)}renderRows(){let t=this.list.scrollTop,e=this.list.clientHeight,s=this.usesVirtualScroll();this.list.textContent="";let i=this.opts.itemHeight,r=0,n=this.rows.length;if(s){let a=e||i*8;r=Math.max(0,Math.floor(t/i)-q),n=Math.min(this.rows.length,r+Math.ceil(a/i)+q*2);let l=document.createElement("li");l.className="forge-select__spacer",l.setAttribute("aria-hidden","true"),l.style.height=`${r*i}px`,this.list.append(l)}for(let a=r;a<n;a++)this.list.append(this.renderRow(this.rows[a]));if(s){let a=document.createElement("li");a.className="forge-select__spacer",a.setAttribute("aria-hidden","true"),a.style.height=`${(this.rows.length-n)*i}px`,this.list.append(a),this.list.scrollTop!==t&&(this.list.scrollTop=t)}this.updateActiveDescendant()}renderRow(t){let e=document.createElement("li");switch(t.kind){case"group":e.className="forge-select__group-label",e.setAttribute("role","presentation"),e.textContent=t.label;break;case"empty":e.className="forge-select__empty",e.setAttribute("role","option"),e.setAttribute("aria-disabled","true"),e.setAttribute("aria-selected","false"),e.textContent=this.strings.noResults;break;case"min-length":e.className="forge-select__min-length",e.setAttribute("role","option"),e.setAttribute("aria-disabled","true"),e.setAttribute("aria-selected","false"),e.textContent=u(this.strings.minSearchLength,{count:String(this.opts.minSearchLength)});break;case"error":e.className="forge-select__error",e.setAttribute("role","option"),e.setAttribute("aria-disabled","true"),e.setAttribute("aria-selected","false"),e.textContent=this.strings.errorLoading;break;case"loading":e.className="forge-select__loading",e.setAttribute("role","option"),e.setAttribute("aria-disabled","true"),e.setAttribute("aria-selected","false"),e.textContent=this.strings.loading;break;case"loading-more":e.className="forge-select__loading-more",e.setAttribute("aria-hidden","true"),e.textContent=this.strings.loadingMore;break;case"create":e.className="forge-select__option forge-select__option--create",e.setAttribute("role","option"),e.id=`${this.uid}-nav-${t.navIndex}`,e.dataset.navIndex=String(t.navIndex),e.textContent=u(this.strings.createOption,{query:this.query.trim()}),t.navIndex===this.highlightedIndex&&e.classList.add("forge-select__option--highlighted");break;case"option":{e.className="forge-select__option",e.dataset.optionValue=t.option.value,t.option.className&&e.classList.add(...t.option.className.trim().split(/\s+/).filter(Boolean)),e.setAttribute("role","option");let s=this.selected.includes(t.option.value);if(e.setAttribute("aria-selected",String(s)),s&&e.classList.add("forge-select__option--selected"),this.opts.multiple&&t.hasChildren&&y(t.option,this.selected,this.isOptionDisabled)==="some"&&e.classList.add("forge-select__option--indeterminate"),t.depth>0&&(e.style.paddingLeft=`calc(12px + ${t.depth} * var(--fs-tree-indent, 18px))`),this.isOptionDisabled(t.option)||this.hasReachedMaximum()&&!this.selected.includes(t.option.value)?(e.classList.add("forge-select__option--disabled"),e.setAttribute("aria-disabled","true")):(e.id=`${this.uid}-nav-${t.navIndex}`,e.dataset.navIndex=String(t.navIndex),t.navIndex===this.highlightedIndex&&e.classList.add("forge-select__option--highlighted")),t.hasChildren){let i=this.query!==""||this.expandedValues.has(t.option.value);e.setAttribute("aria-expanded",String(i));let r=document.createElement("span");r.className="forge-select__twisty",r.dataset.twisty=t.option.value,r.setAttribute("aria-hidden","true"),r.textContent=i?"\u25BC":"\u25B6",e.append(r)}e.append(this.optionContent(t.option));break}}return e}optionContent(t){let e=this.rowContentCache.get(t.value);if(!e){let s=document.createElement("span");if(s.className="forge-select__option-content",x(s,t,this.opts.templateResult),this.rowContentCache.size>=K){let i=this.rowContentCache.keys().next().value;this.rowContentCache.delete(i)}this.rowContentCache.set(t.value,s),e=s}return e.cloneNode(!0)}moveHighlight(t){if(this.navItems.length===0)return;let e=this.highlightedIndex===-1?t>0?0:this.navItems.length-1:(this.highlightedIndex+t+this.navItems.length)%this.navItems.length;this.focusNavIndex(e)}focusNavIndex(t){if(this.highlightedIndex=t,this.usesVirtualScroll()){let e=this.rows.findIndex(s=>(s.kind==="option"||s.kind==="create")&&s.navIndex===t);if(e>=0){let s=this.opts.itemHeight,i=e*s,r=this.list.clientHeight||s*8,n=this.list.scrollTop;i<n?n=i:i+s>n+r&&(n=i+s-r),n!==this.list.scrollTop&&(this.list.scrollTop=n)}this.renderRows()}else this.renderRows(),this.list.querySelector(".forge-select__option--highlighted")?.scrollIntoView?.({block:"nearest"})}navigateTree(t){let e=this.navItems[this.highlightedIndex];if(!e||e.kind!=="option")return!1;let{option:s,parentValue:i}=e,r=!!s.children?.length,n=this.query!==""||this.expandedValues.has(s.value);if(t==="right"){if(r&&!n)return this.expandedValues.add(s.value),this.renderList(),!0;if(r){let a=this.navItems.findIndex(l=>l.kind==="option"&&l.parentValue===s.value);if(a>=0)return this.focusNavIndex(a),!0}return!1}if(r&&n&&this.query==="")return this.expandedValues.delete(s.value),this.renderList(),!0;if(i){let a=this.navItems.findIndex(l=>l.kind==="option"&&l.option.value===i);if(a>=0)return this.focusNavIndex(a),!0}return!1}updateActiveDescendant(){let t=this.searchInput??this.control;this.highlightedIndex>=0?t.setAttribute("aria-activedescendant",`${this.uid}-nav-${this.highlightedIndex}`):t.removeAttribute("aria-activedescendant")}scheduleRemoteLoad(t,e){this.ajaxTimer&&clearTimeout(this.ajaxTimer);let s=++this.ajaxRequestId;this.ajaxController?.abort(),this.ajaxController=null,this.page=0,this.hasMore=!0,this.loading=!0,this.loadingMore=!1,this.loadError=null,this.renderList(),this.ajaxTimer=setTimeout(()=>{this.ajaxTimer=null,this.loadRemote(t,{requestId:s})},e)}maybeLoadNextPage(){if(!this.opts.ajax?.pagination||!this.hasMore||this.loading||this.loadingMore)return;let{scrollHeight:e,scrollTop:s,clientHeight:i}=this.list,r=this.opts.itemHeight*2;e-s-i>=r||(this.loadingMore=!0,this.renderList(),this.loadRemote(this.query,{append:!0}))}async loadRemote(t,{append:e=!1,requestId:s}={}){let i=this.opts.ajax,r=s??++this.ajaxRequestId;if(r!==this.ajaxRequestId)return;this.ajaxController?.abort();let n=new AbortController;this.ajaxController=n;let a=e?this.page+1:0;try{let l;if(i.request)l=await i.request(t,a,n.signal);else{let d=R(i,t,a),c=await fetch(d,{signal:n.signal});if(c.ok===!1)throw new Error(`ForgeSelect: remote request failed with HTTP ${c.status}`);l=await c.json()}if(r!==this.ajaxRequestId||this.destroyed)return;let{options:h,hasMore:m}=k(i,l);if(e){let d=I(this.data);this.data=[...this.data,...h.filter(c=>!d.has(c.value))]}else this.data=h,this.rowContentCache.clear();this.page=a,this.hasMore=m,this.remoteLoaded=!0,this.loadError=null}catch(l){if(r!==this.ajaxRequestId||this.destroyed||n.signal.aborted)return;let h=l instanceof Error?l:new Error(String(l));e||(this.data=[],this.rowContentCache.clear()),this.hasMore=!1,this.loadError=h,this.emitter.emit("error",h)}finally{r===this.ajaxRequestId&&!this.destroyed&&(this.ajaxController=null,this.loading=!1,this.loadingMore=!1,this.isOpen&&this.renderList())}}};return U(W);})();
 //# sourceMappingURL=index.global.js.map