forge-select 0.7.4 → 0.7.6

package/README.md

@@ -205,6 +205,17 @@ Forge Select is vanilla TypeScript/JavaScript, so it can be mounted inside any f
 
 Forge Select is designed as a drop-in-concept replacement for Select2: no jQuery dependency, native accessibility, and a smaller API surface. A full option/event/method mapping table and a step-by-step migration checklist are available in [`docs/migration-from-select2.md`](./docs/migration-from-select2.md).
 
+## Bundle size
+
+Forge Select ships as a single class, so **the whole feature set is in the bundle whether or not you use it** — tree select, AJAX, tags, sortable tags and virtualization cannot be tree-shaken away. Measured with esbuild (minified + gzipped):
+
+| Usage                                                           | JS      |
+| --------------------------------------------------------------- | ------- |
+| Minimal — `new ForgeSelect(el, { placeholder })`                | 13.3 KB |
+| Every feature — tree, AJAX, tags, sortable, measured rows, etc. | 13.4 KB |
+
+Plus 1.7 KB gzipped for `forge-select/styles.css`. Budget ~15 KB gzipped total and the number won't move as you adopt more of the API. Splitting the core into opt-in subpath entrypoints is under consideration for a future major version; it is not planned as a patch, since it would change the public import surface.
+
 ## Benchmarks
 
 Run `npm run bench` for a reproducible JSON baseline covering bundle size, initialization, 10,000-option search latency, and virtual-scroll performance. The methodology and result fields are documented in [`docs/benchmarks.md`](./docs/benchmarks.md).

package/dist/index.cjs

@@ -334,7 +334,12 @@ var uidCounter = 0;
 var ForgeSelect = class {
   constructor(target, options = {}) {
     this.optionByValue = /* @__PURE__ */ new Map();
-    this.optionByLabel = /* @__PURE__ */ new Map();
+    // Built on demand: only the allowCreate paths read it, and filling it eagerly
+    // normalizes every label (NFD + regex) at construction for the majority of
+    // selects that never create tags. rebuildOptionIndexes() nulls it, so every
+    // existing invalidation point — including an accentInsensitive change —
+    // already covers it.
+    this.optionByLabel = null;
     this.selected = [];
     this.selectedOptions = /* @__PURE__ */ new Map();
     this.suppressNextTagClick = false;
@@ -507,6 +512,7 @@ var ForgeSelect = class {
     if (this.opts.ajax && (this.opts.ajax.loadOnOpen ?? true) && !this.remoteLoaded) {
       this.scheduleRemoteLoad(this.query, 0);
     }
+    if (this.opts.allowCreate) this.labelIndex();
     this.renderList();
     this.positionDropdown();
     window.addEventListener("resize", this.onWindowResize);
@@ -1265,18 +1271,29 @@ var ForgeSelect = class {
   findOption(value) {
     return this.optionByValue.get(value);
   }
+  /** Fills the label index on first use; see the field for why it is deferred. */
+  labelIndex() {
+    if (this.optionByLabel) return this.optionByLabel;
+    const index = /* @__PURE__ */ new Map();
+    const visit = (option) => {
+      const label = normalizeSearchText(option.label, this.opts.accentInsensitive);
+      if (!index.has(label)) index.set(label, option);
+      option.children?.forEach(visit);
+    };
+    for (const item of this.data) (isGroup(item) ? item.options : [item]).forEach(visit);
+    this.optionByLabel = index;
+    return index;
+  }
   findOptionByLabel(label) {
-    return this.optionByLabel.get(normalizeSearchText(label, this.opts.accentInsensitive));
+    return this.labelIndex().get(normalizeSearchText(label, this.opts.accentInsensitive));
   }
   rebuildOptionIndexes() {
     this.optionByValue.clear();
-    this.optionByLabel.clear();
+    this.optionByLabel = null;
     const duplicates = /* @__PURE__ */ new Set();
     const visit = (option) => {
       if (this.optionByValue.has(option.value)) duplicates.add(option.value);
       else this.optionByValue.set(option.value, option);
-      const label = normalizeSearchText(option.label, this.opts.accentInsensitive);
-      if (!this.optionByLabel.has(label)) this.optionByLabel.set(label, option);
       option.children?.forEach(visit);
     };
     for (const item of this.data) (isGroup(item) ? item.options : [item]).forEach(visit);