@vobs/table 1.2.0 → 1.2.2

package/dist/column-settings.cjs

@@ -1,615 +1,36 @@
-'use strict';
-
+var __VOBS_CJS_FILE_URL = require("url").pathToFileURL(__filename).href;
+"use strict";
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// packages/reactivity/src/debug.ts
-var activeDebugHooks = null;
-var signalNames = /* @__PURE__ */ new WeakMap();
-function hasDebugHooks() {
-  return activeDebugHooks !== null;
-}
-__name(hasDebugHooks, "hasDebugHooks");
-function setSignalDebugName(signal, name) {
-  signalNames.set(signal, name);
-  invokeDebug("signalNamed", signal, name);
-}
-__name(setSignalDebugName, "setSignalDebugName");
-function invokeDebug(name, ...args) {
-  return;
-}
-__name(invokeDebug, "invokeDebug");
-
-// packages/reactivity/src/owner.ts
-var currentOwner = null;
-var nextOwnerId = 1;
-var ownerNames = /* @__PURE__ */ new WeakMap();
-function createOwner() {
-  const parent = currentOwner;
-  let disposed = parent?.disposed ?? false;
-  const children = [];
-  const cleanups = [];
-  const errorHandlers = /* @__PURE__ */ new Set();
-  const owner = {
-    id: `owner-${nextOwnerId++}`,
-    parent,
-    children,
-    depth: (parent?.depth ?? -1) + 1,
-    get disposed() {
-      return disposed;
-    },
-    run(fn) {
-      if (disposed) throw new Error("Vobs: \u5DF2\u9500\u6BC1\u7684 Owner \u4E0D\u80FD\u7EE7\u7EED\u8FD0\u884C");
-      const previous = currentOwner;
-      currentOwner = owner;
-      try {
-        return fn();
-      } finally {
-        currentOwner = previous;
-      }
-    },
-    addCleanup(cleanup) {
-      if (disposed) {
-        cleanup();
-        return;
-      }
-      cleanups.push(cleanup);
-    },
-    onDispose(cleanup) {
-      owner.addCleanup(cleanup);
-    },
-    onError(handler) {
-      errorHandlers.add(handler);
-      const remove = /* @__PURE__ */ __name(() => errorHandlers.delete(handler), "remove");
-      owner.addCleanup(remove);
-      return remove;
-    },
-    handleError(error) {
-      for (const handler of [...errorHandlers].reverse()) {
-        try {
-          handler(error);
-          return true;
-        } catch (handlerError) {
-          return parent?.handleError(handlerError) ?? false;
-        }
-      }
-      return parent?.handleError(error) ?? false;
-    },
-    dispose() {
-      if (disposed) return;
-      disposed = true;
-      for (const child of [...children]) child.dispose();
-      children.length = 0;
-      let firstError;
-      for (let index = cleanups.length - 1; index >= 0; index--) {
-        try {
-          cleanups[index]();
-        } catch (error) {
-          firstError ?? (firstError = error);
-        }
-      }
-      cleanups.length = 0;
-      if (parent) {
-        const index = parent.children.indexOf(owner);
-        if (index >= 0) parent.children.splice(index, 1);
-      }
-      if (firstError) throw firstError;
-    }
-  };
-  if (parent && !parent.disposed) parent.children.push(owner);
-  return owner;
-}
-__name(createOwner, "createOwner");
-function setOwnerDebugName(owner, name) {
-  ownerNames.set(owner, name);
-}
-__name(setOwnerDebugName, "setOwnerDebugName");
-function getCurrentOwner() {
-  return currentOwner;
-}
-__name(getCurrentOwner, "getCurrentOwner");
-
-// packages/reactivity/src/signal.ts
-var currentSubscriber = null;
-function getCurrentSubscriber() {
-  return currentSubscriber;
-}
-__name(getCurrentSubscriber, "getCurrentSubscriber");
-function setCurrentSubscriber(subscriber) {
-  currentSubscriber = subscriber;
-}
-__name(setCurrentSubscriber, "setCurrentSubscriber");
-function untrack(fn) {
-  const previous = currentSubscriber;
-  currentSubscriber = null;
-  try {
-    return fn();
-  } finally {
-    currentSubscriber = previous;
-  }
-}
-__name(untrack, "untrack");
-function trackDependency(dependency) {
-  if (!currentSubscriber || currentSubscriber.disposed) return;
-  !currentSubscriber.dependencies.has(dependency);
-  currentSubscriber.dependencies.add(dependency);
-}
-__name(trackDependency, "trackDependency");
-function state(initialValue, debugName) {
-  let value = initialValue;
-  let disposed = false;
-  const subscribers = /* @__PURE__ */ new Set();
-  const signalInstance = {
-    get value() {
-      const subscriber = getCurrentSubscriber();
-      if (subscriber && !subscriber.disposed) {
-        subscribers.add(subscriber);
-        trackDependency(signalInstance);
-      }
-      return value;
-    },
-    set value(nextValue) {
-      if (disposed || Object.is(value, nextValue)) return;
-      value = nextValue;
-      for (const subscriber of [...subscribers]) subscriber.notify();
-    },
-    unsubscribe(subscriber) {
-      subscribers.delete(subscriber);
-    },
-    // 与 `.value =` 赋值同一条路径：判等短路、debug hook、notify 全部一致。
-    // 以闭包实现，可安全地作为回调直接传递（无 this 绑定问题）。
-    set(next) {
-      signalInstance.value = next;
-    },
-    dispose() {
-      if (disposed) return;
-      disposed = true;
-      subscribers.clear();
-    }
-  };
-  const owner = getCurrentOwner();
-  owner?.addCleanup(signalInstance.dispose);
-  if (debugName?.trim()) setSignalDebugName(signalInstance, debugName.trim());
-  return signalInstance;
-}
-__name(state, "state");
-
-// packages/reactivity/src/scheduler.ts
-var _Scheduler = class _Scheduler {
-  constructor() {
-    this.dirtyEffects = /* @__PURE__ */ new Set();
-    this.lowPriorityEffects = /* @__PURE__ */ new Set();
-    // flush 不可重入（flushing 标志保证），缓冲数组可在轮次间安全复用，避免每轮分配。
-    this.normalBuffer = [];
-    this.lowBuffer = [];
-    this.flushing = false;
-    this.scheduled = false;
-    this.batchDepth = 0;
-  }
-  schedule(effect2) {
-    if (effect2.disposed) return;
-    this.dirtyEffects.add(effect2);
-    this.lowPriorityEffects.delete(effect2);
-    this.ensureScheduled();
-  }
-  /** Queue an effect behind normal updates while preserving deterministic order. */
-  scheduleLow(effect2) {
-    if (effect2.disposed) return;
-    if (!this.dirtyEffects.has(effect2)) this.lowPriorityEffects.add(effect2);
-    this.ensureScheduled();
-  }
-  ensureScheduled() {
-    if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {
-      this.scheduled = true;
-      queueMicrotask(() => {
-        this.scheduled = false;
-        this.flush();
-      });
-    }
-  }
-  remove(effect2) {
-    this.dirtyEffects.delete(effect2);
-    this.lowPriorityEffects.delete(effect2);
-  }
-  batch(fn) {
-    this.batchDepth++;
-    try {
-      return fn();
-    } finally {
-      this.batchDepth--;
-      if (this.batchDepth === 0) this.flush();
-    }
-  }
-  flush() {
-    if (this.flushing || this.batchDepth > 0) return;
-    this.flushing = true;
-    let rounds = 0;
-    let firstError;
-    let hasError = false;
-    try {
-      while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {
-        if (++rounds > 100) {
-          this.dirtyEffects.clear();
-          this.lowPriorityEffects.clear();
-          throw new Error("Vobs: \u54CD\u5E94\u5F0F\u66F4\u65B0\u8D85\u8FC7 100 \u8F6E\uFF0C\u53EF\u80FD\u5B58\u5728\u5FAA\u73AF\u4F9D\u8D56");
-        }
-        this.collectRunnable(this.dirtyEffects, this.normalBuffer);
-        this.collectRunnable(this.lowPriorityEffects, this.lowBuffer);
-        sortEffects(this.normalBuffer);
-        sortEffects(this.lowBuffer);
-        for (const effect2 of this.normalBuffer) {
-          try {
-            effect2.run();
-          } catch (error) {
-            if (!hasError) {
-              firstError = error;
-              hasError = true;
-            }
-          }
-        }
-        for (const effect2 of this.lowBuffer) {
-          try {
-            effect2.run();
-          } catch (error) {
-            if (!hasError) {
-              firstError = error;
-              hasError = true;
-            }
-          }
-        }
-        this.normalBuffer.length = 0;
-        this.lowBuffer.length = 0;
-      }
-    } finally {
-      this.normalBuffer.length = 0;
-      this.lowBuffer.length = 0;
-      this.flushing = false;
-    }
-    if (hasError) throw firstError;
-  }
-  /** 收集未 disposed 的 effect 并清空源集合；run() 期间新调度的 effect 留给下一轮。 */
-  collectRunnable(source, target) {
-    for (const effect2 of source) {
-      if (!effect2.disposed) target.push(effect2);
-    }
-    source.clear();
-  }
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-__name(_Scheduler, "Scheduler");
-var Scheduler = _Scheduler;
-function sortEffects(effects) {
-  if (effects.length > 1) {
-    effects.sort((a, b) => b.depth - a.depth || a.order - b.order);
-  }
-}
-__name(sortEffects, "sortEffects");
-var scheduler = new Scheduler();
-
-// packages/reactivity/src/effect.ts
-var nextEffectOrder = 1;
-function cleanupDependencies(subscriber) {
-  for (const dependency of subscriber.dependencies) {
-    dependency.unsubscribe(subscriber);
-  }
-  subscriber.dependencies.clear();
-}
-__name(cleanupDependencies, "cleanupDependencies");
-function effect(callback) {
-  const owner = getCurrentOwner();
-  let cleanup;
-  let dirty = true;
-  let disposed = false;
-  const eff = {
-    order: nextEffectOrder++,
-    depth: owner?.depth ?? 0,
-    dependencies: /* @__PURE__ */ new Set(),
-    get disposed() {
-      return disposed;
-    },
-    notify() {
-      if (disposed || dirty) return;
-      dirty = true;
-      scheduler.schedule(eff);
-    },
-    run() {
-      if (disposed || !dirty) return;
-      dirty = false;
-      const previousCleanup = cleanup;
-      cleanup = void 0;
-      let cleanupError;
-      if (previousCleanup) {
-        try {
-          previousCleanup();
-        } catch (error) {
-          const handled2 = owner?.handleError(error) ?? false;
-          if (!handled2) cleanupError = error;
-        }
-      }
-      cleanupDependencies(eff);
-      const previous = getCurrentSubscriber();
-      setCurrentSubscriber(eff);
-      let thrown;
-      let handled = false;
-      try {
-        const result = owner ? owner.run(callback) : callback();
-        cleanup = typeof result === "function" ? result : void 0;
-      } catch (error) {
-        thrown = error;
-        handled = owner?.handleError(error) ?? false;
-        if (!handled) throw error;
-      } finally {
-        setCurrentSubscriber(previous);
-      }
-      if (cleanupError && !thrown) throw cleanupError;
-    },
-    scheduleLow() {
-      if (disposed || dirty) return;
-      dirty = true;
-      scheduler.scheduleLow(eff);
-    },
-    dispose() {
-      if (disposed) return;
-      disposed = true;
-      dirty = false;
-      scheduler.remove(eff);
-      const previousCleanup = cleanup;
-      cleanup = void 0;
-      let cleanupError;
-      if (previousCleanup) {
-        try {
-          previousCleanup();
-        } catch (error) {
-          const handled = owner?.handleError(error) ?? false;
-          if (!handled) cleanupError = error;
-        }
-      }
-      cleanupDependencies(eff);
-      if (cleanupError) throw cleanupError;
-    }
-  };
-  owner?.addCleanup(eff.dispose);
-  eff.run();
-  return eff;
-}
-__name(effect, "effect");
-
-// packages/runtime/src/debug.ts
-var activeRuntimeDebugHooks = null;
-function getRuntimeDebugHooks() {
-  return activeRuntimeDebugHooks;
-}
-__name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
-function invokeRuntimeDebug(name, ...args) {
-  return;
-}
-__name(invokeRuntimeDebug, "invokeRuntimeDebug");
-function readDebugValue(read) {
-  try {
-    return read();
-  } catch {
-    return "[Uninspectable]";
-  }
-}
-__name(readDebugValue, "readDebugValue");
-function describeDebugNode(node) {
-  if (!node || typeof node !== "object") return "node";
-  const value = node;
-  const name = typeof value.tagName === "string" ? value.tagName.toLowerCase() : typeof value.nodeName === "string" ? value.nodeName.toLowerCase() : "node";
-  const id = typeof value.id === "string" && value.id ? `#${value.id}` : "";
-  const className = typeof value.className === "string" && value.className ? `.${value.className.trim().split(/\s+/).filter(Boolean).join(".")}` : "";
-  return `${name}${id}${className}`;
-}
-__name(describeDebugNode, "describeDebugNode");
-
-// packages/runtime/src/hmr.ts
-var globalTarget = globalThis;
-var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
-globalTarget.__VOBS_HMR__ = hmrGlobal;
-function markHmrInstanceMounted(node, parent) {
-  const instance = hmrInstances.get(node);
-  if (instance) instance.parent = parent;
-}
-__name(markHmrInstanceMounted, "markHmrInstanceMounted");
-var hmrInstances = /* @__PURE__ */ new WeakMap();
-var nodeOwners = /* @__PURE__ */ new WeakMap();
-var eventBindings = /* @__PURE__ */ new WeakMap();
-function getRenderer() {
-  {
-    throw new Error("\u6E32\u67D3\u5668\u672A\u521D\u59CB\u5316");
-  }
-}
-__name(getRenderer, "getRenderer");
-function createText(content) {
-  return getRenderer().createText(content);
-}
-__name(createText, "createText");
-function createElement(tag) {
-  return getRenderer().createElement(tag);
-}
-__name(createElement, "createElement");
-function createComment(content) {
-  return getRenderer().createComment(content);
-}
-__name(createComment, "createComment");
-function insertBefore(parent, child, anchor) {
-  if (isVobsFragment(child)) {
-    child.mount(parent, isVobsFragment(anchor) ? anchor.start : anchor);
-    return;
-  }
-  getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
-  markHmrInstanceMounted(child, parent);
-}
-__name(insertBefore, "insertBefore");
-function removeChild(parent, child) {
-  disposeNodeOwner(child);
-  if (isVobsFragment(child)) {
-    child.unmount(parent);
-    return;
-  }
-  getRenderer().removeChild(parent, child);
-}
-__name(removeChild, "removeChild");
-function setTextContent(node, content) {
-  getRenderer().setTextContent(node, content);
-}
-__name(setTextContent, "setTextContent");
-function setProperty(node, key, value) {
-  getRenderer().setProperty(node, key, value);
-}
-__name(setProperty, "setProperty");
-function setAttribute(node, key, value) {
-  getRenderer().setAttribute(node, key, value);
-}
-__name(setAttribute, "setAttribute");
-function addEventListener(node, event, handler) {
-  const renderer = getRenderer();
-  const owner = getCurrentOwner();
-  let bindings = eventBindings.get(node);
-  if (!bindings) {
-    bindings = /* @__PURE__ */ new Map();
-    eventBindings.set(node, bindings);
-  }
-  const previous = bindings.get(event);
-  if (previous && previous.original === handler && previous.owner === owner) return;
-  if (previous) renderer.removeEventListener(node, event, previous.handler);
-  const listener = owner ? (reason) => {
-    try {
-      owner.run(() => handler(reason));
-    } catch (error) {
-      const handled = owner.handleError(error);
-      invokeRuntimeDebug("error", {
-        error,
-        owner,
-        phase: "event",
-        handled,
-        recovery: handled ? "handled" : "propagated"
-      });
-      if (!handled) throw error;
-    }
-  } : handler;
-  const binding = { handler: listener, owner, original: handler };
-  bindings.set(event, binding);
-  renderer.addEventListener(node, event, listener);
-  owner?.onDispose(() => {
-    if (bindings?.get(event) !== binding) return;
-    bindings.delete(event);
-    renderer.removeEventListener(node, event, listener);
-  });
-}
-__name(addEventListener, "addEventListener");
-function createBlock(factory) {
-  const owner = createOwner();
-  setOwnerDebugName(owner, "dynamic");
-  let node;
-  try {
-    node = owner.run(factory);
-  } catch (error) {
-    owner.dispose();
-    throw error;
-  }
-  if (!node) {
-    owner.dispose();
-    return null;
+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 });
   }
-  associateNodeOwner(node, owner);
-  return node;
-}
-__name(createBlock, "createBlock");
-function associateNodeOwner(node, owner) {
-  nodeOwners.set(node, owner);
-}
-__name(associateNodeOwner, "associateNodeOwner");
-function disposeNodeOwner(node) {
-  const owner = nodeOwners.get(node);
-  if (!owner) return;
-  nodeOwners.delete(node);
-  owner.dispose();
-}
-__name(disposeNodeOwner, "disposeNodeOwner");
-
-// packages/runtime/src/fragment.ts
-function createFragment(factory) {
-  const start = createComment("vobs:fragment:start");
-  const end = createComment("vobs:fragment:end");
-  let parent = null;
-  let initialized = false;
-  const owner = getCurrentOwner();
-  const fragment = {
-    kind: "vobs-fragment",
-    start,
-    end,
-    mount(nextParent, anchor) {
-      if (parent && parent !== nextParent) {
-        throw new Error("Vobs Fragment: \u4E0D\u80FD\u8DE8\u7236\u8282\u70B9\u79FB\u52A8 Fragment");
-      }
-      if (initialized) {
-        moveRange(nextParent, start, end, anchor);
-        return;
-      }
-      const renderer = getRenderer();
-      renderer.insertBefore(nextParent, start, anchor);
-      renderer.insertBefore(nextParent, end, anchor);
-      parent = nextParent;
-      initialized = true;
-      if (owner) owner.run(() => factory(nextParent, end));
-      else factory(nextParent, end);
-    },
-    unmount(nextParent) {
-      if (!initialized || parent !== nextParent) {
-        throw new Error("Vobs Fragment: Fragment \u4E0D\u5C5E\u4E8E\u6307\u5B9A\u7236\u8282\u70B9");
-      }
-      const renderer = getRenderer();
-      let current = renderer.nextSibling(start);
-      while (current && current !== end) {
-        const next = renderer.nextSibling(current);
-        renderer.removeChild(nextParent, current);
-        current = next;
-      }
-      renderer.removeChild(nextParent, start);
-      renderer.removeChild(nextParent, end);
-      parent = null;
-      initialized = false;
-    }
-  };
-  return fragment;
-}
-__name(createFragment, "createFragment");
-function isVobsFragment(value) {
-  return Boolean(value) && typeof value === "object" && value.kind === "vobs-fragment";
-}
-__name(isVobsFragment, "isVobsFragment");
-function moveRange(parent, start, end, anchor) {
-  const renderer = getRenderer();
-  const nodes = [start];
-  let current = renderer.nextSibling(start);
-  while (current) {
-    nodes.push(current);
-    if (current === end) break;
-    current = renderer.nextSibling(current);
-  }
-  if (nodes[nodes.length - 1] !== end) {
-    throw new Error("Vobs Fragment: \u627E\u4E0D\u5230\u7ED3\u675F\u951A\u70B9");
-  }
-  for (const node of nodes) renderer.insertBefore(parent, node, anchor);
-}
-__name(moveRange, "moveRange");
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/runtime/src/dynamic.ts
-function insertDynamic(parent, anchor, factory) {
-  const marker = createComment("vobs:dynamic");
-  insertBefore(parent, marker, anchor);
-  let current = null;
-  effect(() => {
-    const next = createBlock(factory);
-    if (next === current) return;
-    if (current) removeChild(parent, current);
-    current = next;
-    if (current) insertBefore(parent, current, marker);
-  });
-}
-__name(insertDynamic, "insertDynamic");
+// packages/table/src/column-settings.ts
+var column_settings_exports = {};
+__export(column_settings_exports, {
+  KitColumnSettings: () => KitColumnSettings
+});
+module.exports = __toCommonJS(column_settings_exports);
+var import_reactivity2 = require("@vobs/reactivity");
+var import_vobs2 = require("@vobs/vobs");
 
 // packages/table/src/utils.ts
+var import_reactivity = require("@vobs/reactivity");
+var import_vobs = require("@vobs/vobs");
 function readProp(props, name, fallback) {
   const value = Reflect.get(props, name);
   return value === void 0 ? fallback : value;
@@ -620,38 +41,38 @@ function hasProp(props, name) {
 }
 __name(hasProp, "hasProp");
 function bindClassList(root, props, classes) {
-  effect(() => {
+  (0, import_reactivity.effect)(() => {
     const userClasses = [readString(props, "class"), readString(props, "className")];
-    setAttribute(root, "class", [...classes(), ...userClasses].filter(Boolean).join(" "));
+    (0, import_vobs.setAttribute)(root, "class", [...classes(), ...userClasses].filter(Boolean).join(" "));
   });
 }
 __name(bindClassList, "bindClassList");
 function bindCommonAttributes(root, props, skip) {
   const ignored = /* @__PURE__ */ new Set([...skip, "class", "className", "style", "children"]);
-  effect(() => {
+  (0, import_reactivity.effect)(() => {
     for (const name of Object.keys(props)) {
       if (ignored.has(name) || name.startsWith("on")) continue;
       if (name !== "id" && name !== "title" && name !== "role" && name !== "tabIndex" && !name.startsWith("aria-") && !name.startsWith("data-")) continue;
       const value = Reflect.get(props, name);
       if (value === void 0 || value === null || value === false) removeAttribute(root, normalizeAttributeName(name));
-      else setAttribute(root, normalizeAttributeName(name), String(value));
+      else (0, import_vobs.setAttribute)(root, normalizeAttributeName(name), String(value));
     }
   });
 }
 __name(bindCommonAttributes, "bindCommonAttributes");
-function bindText2(node, read) {
-  effect(() => setTextContent(node, String(read() ?? "")));
+function bindText(node, read) {
+  (0, import_reactivity.effect)(() => (0, import_vobs.setTextContent)(node, String(read() ?? "")));
 }
-__name(bindText2, "bindText");
+__name(bindText, "bindText");
 function resolveSlot(value) {
   const resolved = typeof value === "function" ? value() : value;
   if (resolved === void 0 || resolved === null) return null;
-  if (typeof resolved === "string" || typeof resolved === "number") return createText(String(resolved));
+  if (typeof resolved === "string" || typeof resolved === "number") return (0, import_vobs.createText)(String(resolved));
   if (Array.isArray(resolved)) {
-    return createFragment((parent, anchor) => {
+    return (0, import_vobs.createFragment)((parent, anchor) => {
       for (const child of resolved) {
         const node = resolveSlot(child);
-        if (node) insertBefore(parent, node, anchor);
+        if (node) (0, import_vobs.insertBefore)(parent, node, anchor);
       }
     });
   }
@@ -738,16 +159,16 @@ __name(removeAttribute, "removeAttribute");
 
 // packages/table/src/column-settings.ts
 function KitColumnSettings(props = {}) {
-  const root = createElement("details");
-  const summary = createElement("summary");
-  const panel = createElement("div");
+  const root = (0, import_vobs2.createElement)("details");
+  const summary = (0, import_vobs2.createElement)("summary");
+  const panel = (0, import_vobs2.createElement)("div");
   const columns = readColumns(props);
-  const internalSettings = state(untrack(() => initialSettings(props, columns)));
-  const panelOpen = state(false);
-  untrack(() => restoreSettings(props, columns, internalSettings));
-  effect(() => {
+  const internalSettings = (0, import_reactivity2.state)((0, import_reactivity2.untrack)(() => initialSettings(props, columns)));
+  const panelOpen = (0, import_reactivity2.state)(false);
+  (0, import_reactivity2.untrack)(() => restoreSettings(props, columns, internalSettings));
+  (0, import_reactivity2.effect)(() => {
     currentSettings(props, internalSettings, columns);
-    if (panelOpen.value) setProperty(root, "open", true);
+    if (panelOpen.value) (0, import_vobs2.setProperty)(root, "open", true);
   });
   bindClassList(root, props, () => ["vobs-column-settings"]);
   bindCommonAttributes(root, props, [
@@ -764,53 +185,53 @@ function KitColumnSettings(props = {}) {
     "onReset",
     "onPersistenceError"
   ]);
-  setAttribute(summary, "class", "vobs-column-settings__trigger");
-  setAttribute(panel, "class", "vobs-column-settings__panel");
-  setAttribute(panel, "role", "group");
-  addEventListener(summary, "click", (event) => {
+  (0, import_vobs2.setAttribute)(summary, "class", "vobs-column-settings__trigger");
+  (0, import_vobs2.setAttribute)(panel, "class", "vobs-column-settings__panel");
+  (0, import_vobs2.setAttribute)(panel, "role", "group");
+  (0, import_vobs2.addEventListener)(summary, "click", (event) => {
     event.preventDefault();
     panelOpen.value = !root.open;
-    setProperty(root, "open", panelOpen.value);
+    (0, import_vobs2.setProperty)(root, "open", panelOpen.value);
   });
   if (hasProp(props, "trigger")) {
-    insertDynamic(summary, null, () => resolveSlot(readProp(props, "trigger", void 0)));
+    (0, import_vobs2.insertDynamic)(summary, null, () => resolveSlot(readProp(props, "trigger", void 0)));
   } else {
-    const label = createText("");
-    bindText2(label, () => readProp(props, "label", "Columns"));
-    insertBefore(summary, label, null);
+    const label = (0, import_vobs2.createText)("");
+    bindText(label, () => readProp(props, "label", "Columns"));
+    (0, import_vobs2.insertBefore)(summary, label, null);
   }
-  insertDynamic(panel, null, () => createColumnOptions(props, internalSettings, columns, root));
-  insertBefore(root, summary, null);
-  insertBefore(root, panel, null);
+  (0, import_vobs2.insertDynamic)(panel, null, () => createColumnOptions(props, internalSettings, columns, root));
+  (0, import_vobs2.insertBefore)(root, summary, null);
+  (0, import_vobs2.insertBefore)(root, panel, null);
   return root;
 }
 __name(KitColumnSettings, "KitColumnSettings");
 function createColumnOptions(props, internalSettings, columns, root) {
   const settings = currentSettings(props, internalSettings, columns);
-  return createFragment((parent, anchor) => {
-    const reset = createElement("button");
-    const resetLabel = createText("");
-    setAttribute(reset, "type", "button");
-    setAttribute(reset, "class", "vobs-column-settings__reset");
-    bindText2(resetLabel, () => readProp(props, "resetLabel", "Reset columns"));
-    addEventListener(reset, "click", (event) => {
+  return (0, import_vobs2.createFragment)((parent, anchor) => {
+    const reset = (0, import_vobs2.createElement)("button");
+    const resetLabel = (0, import_vobs2.createText)("");
+    (0, import_vobs2.setAttribute)(reset, "type", "button");
+    (0, import_vobs2.setAttribute)(reset, "class", "vobs-column-settings__reset");
+    bindText(resetLabel, () => readProp(props, "resetLabel", "Reset columns"));
+    (0, import_vobs2.addEventListener)(reset, "click", (event) => {
       event.preventDefault();
       event.stopPropagation();
       resetSettings(props, internalSettings, columns, root);
     });
-    insertBefore(reset, resetLabel, null);
-    insertBefore(parent, reset, anchor);
-    const visibility = createElement("div");
-    setAttribute(visibility, "class", "vobs-column-settings__visibility");
+    (0, import_vobs2.insertBefore)(reset, resetLabel, null);
+    (0, import_vobs2.insertBefore)(parent, reset, anchor);
+    const visibility = (0, import_vobs2.createElement)("div");
+    (0, import_vobs2.setAttribute)(visibility, "class", "vobs-column-settings__visibility");
     for (const column of columns) {
-      insertBefore(visibility, createVisibilityOption(props, internalSettings, columns, column), null);
+      (0, import_vobs2.insertBefore)(visibility, createVisibilityOption(props, internalSettings, columns, column), null);
     }
-    insertBefore(parent, visibility, anchor);
-    const layout = createElement("div");
-    setAttribute(layout, "class", "vobs-column-settings__layout");
+    (0, import_vobs2.insertBefore)(parent, visibility, anchor);
+    const layout = (0, import_vobs2.createElement)("div");
+    (0, import_vobs2.setAttribute)(layout, "class", "vobs-column-settings__layout");
     const ordered = orderColumns(columns, settings.columnOrder);
     for (const [index, column] of ordered.entries()) {
-      insertBefore(layout, createLayoutOption(
+      (0, import_vobs2.insertBefore)(layout, createLayoutOption(
         props,
         internalSettings,
         columns,
@@ -820,20 +241,20 @@ function createColumnOptions(props, internalSettings, columns, root) {
         index === ordered.length - 1
       ), null);
     }
-    insertBefore(parent, layout, anchor);
+    (0, import_vobs2.insertBefore)(parent, layout, anchor);
   });
 }
 __name(createColumnOptions, "createColumnOptions");
 function createVisibilityOption(props, internalSettings, columns, column) {
-  const option = createElement("label");
-  const input = createElement("input");
-  const text = createText(column.label);
+  const option = (0, import_vobs2.createElement)("label");
+  const input = (0, import_vobs2.createElement)("input");
+  const text = (0, import_vobs2.createText)(column.label);
   const settings = currentSettings(props, internalSettings, columns);
-  setAttribute(option, "class", "vobs-column-settings__option");
-  setAttribute(input, "type", "checkbox");
-  setProperty(input, "checked", settings.visibleColumnIds.includes(column.id));
-  setProperty(input, "disabled", settings.visibleColumnIds.length <= 1 && input.checked);
-  addEventListener(input, "change", () => {
+  (0, import_vobs2.setAttribute)(option, "class", "vobs-column-settings__option");
+  (0, import_vobs2.setAttribute)(input, "type", "checkbox");
+  (0, import_vobs2.setProperty)(input, "checked", settings.visibleColumnIds.includes(column.id));
+  (0, import_vobs2.setProperty)(input, "disabled", settings.visibleColumnIds.length <= 1 && input.checked);
+  (0, import_vobs2.addEventListener)(input, "change", () => {
     const current = currentSettings(props, internalSettings, columns);
     const visible = new Set(current.visibleColumnIds);
     if (input.checked) visible.add(column.id);
@@ -845,36 +266,36 @@ function createVisibilityOption(props, internalSettings, columns, column) {
       visibleColumnIds: nextIds
     });
   });
-  insertBefore(option, input, null);
-  insertBefore(option, text, null);
+  (0, import_vobs2.insertBefore)(option, input, null);
+  (0, import_vobs2.insertBefore)(option, text, null);
   return option;
 }
 __name(createVisibilityOption, "createVisibilityOption");
 function createLayoutOption(props, internalSettings, columns, column, root, isFirst, isLast) {
-  const option = createElement("div");
-  const label = createElement("span");
-  const controls = createElement("div");
+  const option = (0, import_vobs2.createElement)("div");
+  const label = (0, import_vobs2.createElement)("span");
+  const controls = (0, import_vobs2.createElement)("div");
   const up = createMoveButton("up", column.label, isFirst);
   const down = createMoveButton("down", column.label, isLast);
-  const width = createElement("input");
+  const width = (0, import_vobs2.createElement)("input");
   const current = currentSettings(props, internalSettings, columns);
   const configuredWidth = current.columnWidths[column.id] ?? column.width;
-  setAttribute(option, "class", "vobs-column-settings__layout-option");
-  setAttribute(option, "data-column-id", column.id);
-  setAttribute(label, "class", "vobs-column-settings__layout-label");
-  setProperty(label, "textContent", column.label);
-  setAttribute(controls, "class", "vobs-column-settings__layout-controls");
-  setAttribute(width, "type", "text");
-  setAttribute(width, "class", "vobs-column-settings__width");
-  setAttribute(width, "placeholder", "auto");
-  setAttribute(width, "aria-label", `${column.label} width`);
-  setProperty(width, "value", displayWidth(configuredWidth));
-  addEventListener(up, "click", (event) => {
+  (0, import_vobs2.setAttribute)(option, "class", "vobs-column-settings__layout-option");
+  (0, import_vobs2.setAttribute)(option, "data-column-id", column.id);
+  (0, import_vobs2.setAttribute)(label, "class", "vobs-column-settings__layout-label");
+  (0, import_vobs2.setProperty)(label, "textContent", column.label);
+  (0, import_vobs2.setAttribute)(controls, "class", "vobs-column-settings__layout-controls");
+  (0, import_vobs2.setAttribute)(width, "type", "text");
+  (0, import_vobs2.setAttribute)(width, "class", "vobs-column-settings__width");
+  (0, import_vobs2.setAttribute)(width, "placeholder", "auto");
+  (0, import_vobs2.setAttribute)(width, "aria-label", `${column.label} width`);
+  (0, import_vobs2.setProperty)(width, "value", displayWidth(configuredWidth));
+  (0, import_vobs2.addEventListener)(up, "click", (event) => {
     event.preventDefault();
     event.stopPropagation();
     moveColumn(props, internalSettings, columns, column.id, -1, root);
   });
-  addEventListener(down, "click", (event) => {
+  (0, import_vobs2.addEventListener)(down, "click", (event) => {
     event.preventDefault();
     event.stopPropagation();
     moveColumn(props, internalSettings, columns, column.id, 1, root);
@@ -896,29 +317,29 @@ function createLayoutOption(props, internalSettings, columns, column, root, isFi
       columnWidths: nextWidths
     });
   }, "commitWidth");
-  addEventListener(width, "change", commitWidth);
-  addEventListener(width, "blur", commitWidth);
-  addEventListener(width, "keydown", (event) => {
+  (0, import_vobs2.addEventListener)(width, "change", commitWidth);
+  (0, import_vobs2.addEventListener)(width, "blur", commitWidth);
+  (0, import_vobs2.addEventListener)(width, "keydown", (event) => {
     if (event.key !== "Enter") return;
     event.preventDefault();
     commitWidth();
   });
-  insertBefore(controls, up, null);
-  insertBefore(controls, down, null);
-  insertBefore(controls, width, null);
-  insertBefore(option, label, null);
-  insertBefore(option, controls, null);
+  (0, import_vobs2.insertBefore)(controls, up, null);
+  (0, import_vobs2.insertBefore)(controls, down, null);
+  (0, import_vobs2.insertBefore)(controls, width, null);
+  (0, import_vobs2.insertBefore)(option, label, null);
+  (0, import_vobs2.insertBefore)(option, controls, null);
   return option;
 }
 __name(createLayoutOption, "createLayoutOption");
 function createMoveButton(direction, columnLabel, disabled) {
-  const button = createElement("button");
-  setAttribute(button, "type", "button");
-  setAttribute(button, "class", `vobs-column-settings__move vobs-column-settings__move--${direction}`);
-  setAttribute(button, "aria-label", `Move ${columnLabel} ${direction}`);
-  setAttribute(button, "title", `Move ${columnLabel} ${direction}`);
-  setProperty(button, "disabled", disabled);
-  insertBefore(button, createText(direction === "up" ? "\u2191" : "\u2193"), null);
+  const button = (0, import_vobs2.createElement)("button");
+  (0, import_vobs2.setAttribute)(button, "type", "button");
+  (0, import_vobs2.setAttribute)(button, "class", `vobs-column-settings__move vobs-column-settings__move--${direction}`);
+  (0, import_vobs2.setAttribute)(button, "aria-label", `Move ${columnLabel} ${direction}`);
+  (0, import_vobs2.setAttribute)(button, "title", `Move ${columnLabel} ${direction}`);
+  (0, import_vobs2.setProperty)(button, "disabled", disabled);
+  (0, import_vobs2.insertBefore)(button, (0, import_vobs2.createText)(direction === "up" ? "\u2191" : "\u2193"), null);
   return button;
 }
 __name(createMoveButton, "createMoveButton");
@@ -1026,11 +447,12 @@ function reportPersistenceError(props, error) {
 __name(reportPersistenceError, "reportPersistenceError");
 function reopenPanel(root) {
   setTimeout(() => {
-    setProperty(root, "open", true);
+    (0, import_vobs2.setProperty)(root, "open", true);
   }, 0);
 }
 __name(reopenPanel, "reopenPanel");
-
-exports.KitColumnSettings = KitColumnSettings;
-//# sourceMappingURL=column-settings.cjs.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  KitColumnSettings
+});
 //# sourceMappingURL=column-settings.cjs.map