@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/chunk-A5HHG53Z.js

@@ -0,0 +1,135 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkLWDA7ABQjs = require('./chunk-LWDA7ABQ.js');
+
+
+var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+
+// src/components/Popover.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var createPopoverId = _tigercatcore.createFloatingIdFactory.call(void 0, "popover");
+var Popover = _vue.defineComponent.call(void 0, {
+  name: "TigerPopover",
+  inheritAttrs: false,
+  props: {
+    /** Whether the popover is open (controlled mode) */
+    open: { type: Boolean, default: void 0 },
+    /** Default open state (uncontrolled mode) */
+    defaultOpen: { type: Boolean, default: false },
+    /** Popover title text */
+    title: { type: String, default: void 0 },
+    /** Popover content text */
+    content: { type: String, default: void 0 },
+    /** Trigger type @default 'click' */
+    trigger: { type: String, default: "click" },
+    /** Placement @default 'top' */
+    placement: { type: String, default: "top" },
+    /** Disabled state */
+    disabled: { type: Boolean, default: false },
+    /** Width (pixel number or Tailwind class) */
+    width: { type: [String, Number], default: void 0 },
+    /** Offset distance in pixels @default 8 */
+    offset: { type: Number, default: 8 },
+    /** Additional CSS classes */
+    className: { type: String, default: void 0 },
+    style: { type: [String, Object, Array], default: void 0 }
+  },
+  emits: ["update:open", "open-change"],
+  setup(props, { slots, emit, attrs }) {
+    const attrsRecord = attrs;
+    const {
+      currentVisible,
+      containerRef,
+      triggerRef,
+      floatingRef,
+      floatingStyles,
+      triggerHandlers
+    } = _chunkLWDA7ABQjs.useFloatingPopup.call(void 0, { props, emit });
+    const popoverId = createPopoverId();
+    const titleId = `${popoverId}-title`;
+    const contentId = `${popoverId}-content`;
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, _tigercatcore.getPopoverContainerClasses.call(void 0, ), props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class))
+    );
+    const triggerClasses = _vue.computed.call(void 0, () => _tigercatcore.getPopoverTriggerClasses.call(void 0, props.disabled));
+    const contentClasses = _vue.computed.call(void 0, () => _tigercatcore.getPopoverContentClasses.call(void 0, props.width));
+    return () => {
+      const defaultSlot = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
+      if (!defaultSlot || defaultSlot.length === 0) return null;
+      const {
+        class: _class,
+        style: _style,
+        ...restAttrs
+      } = attrsRecord;
+      const hasTitle = Boolean(props.title || slots.title);
+      const hasContent = Boolean(props.content || slots.content);
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          ...restAttrs,
+          ref: containerRef,
+          class: containerClasses.value,
+          style: props.style
+        },
+        [
+          // Trigger
+          _vue.h.call(void 0, 
+            "div",
+            {
+              ref: triggerRef,
+              class: triggerClasses.value,
+              "aria-haspopup": "dialog",
+              "aria-disabled": props.disabled ? "true" : void 0,
+              ...triggerHandlers.value
+            },
+            defaultSlot
+          ),
+          // Floating content
+          currentVisible.value ? _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, 
+            _vue.h.call(void 0, "div", { ref: floatingRef, style: floatingStyles.value, "aria-hidden": false }, [
+              _vue.h.call(void 0, 
+                "div",
+                {
+                  id: popoverId,
+                  role: "dialog",
+                  "aria-modal": "false",
+                  "aria-labelledby": hasTitle ? titleId : void 0,
+                  "aria-describedby": hasContent ? contentId : void 0,
+                  class: contentClasses.value
+                },
+                [
+                  hasTitle && _vue.h.call(void 0, 
+                    "div",
+                    { id: titleId, class: _tigercatcore.POPOVER_TITLE_CLASSES },
+                    slots.title ? slots.title() : props.title
+                  ),
+                  hasContent && _vue.h.call(void 0, 
+                    "div",
+                    { id: contentId, class: _tigercatcore.POPOVER_TEXT_CLASSES },
+                    slots.content ? slots.content() : props.content
+                  )
+                ].filter(Boolean)
+              )
+            ])
+          ) : null
+        ]
+      );
+    };
+  }
+});
+var Popover_default = Popover;
+
+
+
+
+exports.Popover = Popover; exports.Popover_default = Popover_default;

package/dist/{chunk-Q57TYGO4.js → chunk-A5HRX7EG.js}

@@ -1,10 +1,14 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Mentions.ts
+var _vue = require('vue');
+var _tigercatcore = require('@expcat/tigercat-core');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Mentions.ts
-var Mentions = vue.defineComponent({
+
+
+
+
+
+var Mentions = _vue.defineComponent.call(void 0, {
   name: "TigerMentions",
   props: {
     modelValue: { type: String, default: "" },
@@ -17,13 +21,14 @@ var Mentions = vue.defineComponent({
   },
   emits: ["update:modelValue", "change", "select"],
   setup(props, { emit, attrs }) {
-    const isOpen = vue.ref(false);
-    const activeIndex = vue.ref(0);
-    const mentionStartPos = vue.ref(-1);
-    const query = vue.ref("");
-    const textareaRef = vue.ref(null);
-    const containerRef = vue.ref(null);
-    const filteredOptions = vue.computed(() => {
+    const isOpen = _vue.ref.call(void 0, false);
+    const activeIndex = _vue.ref.call(void 0, 0);
+    const mentionStartPos = _vue.ref.call(void 0, -1);
+    const query = _vue.ref.call(void 0, "");
+    const textareaRef = _vue.ref.call(void 0, null);
+    const dropdownRef = _vue.ref.call(void 0, null);
+    const containerRef = _vue.ref.call(void 0, null);
+    const filteredOptions = _vue.computed.call(void 0, () => {
       if (!query.value) return props.options || [];
       const q = query.value.toLowerCase();
       return (props.options || []).filter((o) => !o.disabled && o.label.toLowerCase().includes(q));
@@ -33,8 +38,8 @@ var Mentions = vue.defineComponent({
       const value = target.value;
       emit("update:modelValue", value);
       emit("change", value);
-      const cursorPos = target.selectionStart ?? value.length;
-      const result = tigercatCore.extractMentionQuery(value, cursorPos, props.prefix);
+      const cursorPos = _nullishCoalesce(target.selectionStart, () => ( value.length));
+      const result = _tigercatcore.extractMentionQuery.call(void 0, value, cursorPos, props.prefix);
       if (result && filteredOptions.value.length > 0) {
         query.value = result.query;
         mentionStartPos.value = result.startPos;
@@ -48,7 +53,7 @@ var Mentions = vue.defineComponent({
       if (option.disabled) return;
       const val = props.modelValue || "";
       const before = val.slice(0, mentionStartPos.value);
-      const after = val.slice(textareaRef.value?.selectionStart ?? val.length);
+      const after = val.slice(_nullishCoalesce(_optionalChain([textareaRef, 'access', _ => _.value, 'optionalAccess', _2 => _2.selectionStart]), () => ( val.length)));
       const newValue = `${before}${props.prefix}${option.value} ${after}`;
       emit("update:modelValue", newValue);
       emit("change", newValue);
@@ -76,35 +81,45 @@ var Mentions = vue.defineComponent({
         isOpen.value = false;
       }
     }
-    vue.watch(isOpen, (val) => {
+    _vue.watch.call(void 0, isOpen, (val) => {
       if (val) document.addEventListener("mousedown", onClickOutside);
       else document.removeEventListener("mousedown", onClickOutside);
     });
-    vue.onBeforeUnmount(() => {
+    _vue.watch.call(void 0, 
+      [isOpen, filteredOptions],
+      async () => {
+        if (!isOpen.value || filteredOptions.value.length === 0) return;
+        await _vue.nextTick.call(void 0, );
+        if (!textareaRef.value || !dropdownRef.value) return;
+        await _tigercatcore.positionMentionsDropdown.call(void 0, textareaRef.value, dropdownRef.value);
+      },
+      { flush: "post" }
+    );
+    _vue.onBeforeUnmount.call(void 0, () => {
       document.removeEventListener("mousedown", onClickOutside);
     });
     return () => {
-      const wrapperClass = tigercatCore.classNames("relative", tigercatCore.coerceClassValue(attrs.class));
-      return vue.h("div", { ref: containerRef, class: wrapperClass }, [
-        vue.h("textarea", {
+      const wrapperClass = _tigercatcore.classNames.call(void 0, "relative", _tigercatcore.coerceClassValue.call(void 0, attrs.class));
+      return _vue.h.call(void 0, "div", { ref: containerRef, class: wrapperClass }, [
+        _vue.h.call(void 0, "textarea", {
           ref: textareaRef,
           value: props.modelValue,
-          class: tigercatCore.getMentionsInputClasses(props.size, props.disabled),
+          class: _tigercatcore.getMentionsInputClasses.call(void 0, props.size, props.disabled),
           placeholder: props.placeholder,
           disabled: props.disabled,
           rows: props.rows,
           onInput: handleInput,
           onKeydown: handleKeydown
         }),
-        isOpen.value && filteredOptions.value.length > 0 ? vue.h(
+        isOpen.value && filteredOptions.value.length > 0 ? _vue.h.call(void 0, 
           "div",
-          { class: tigercatCore.mentionsDropdownClasses, role: "listbox" },
+          { ref: dropdownRef, class: _tigercatcore.mentionsDropdownClasses, role: "listbox" },
           filteredOptions.value.map(
-            (opt, i) => vue.h(
+            (opt, i) => _vue.h.call(void 0, 
               "div",
               {
                 key: opt.value,
-                class: tigercatCore.getMentionsOptionClasses(i === activeIndex.value, !!opt.disabled),
+                class: _tigercatcore.getMentionsOptionClasses.call(void 0, i === activeIndex.value, !!opt.disabled),
                 role: "option",
                 "aria-selected": i === activeIndex.value,
                 onClick: () => selectOption(opt)
@@ -119,5 +134,7 @@ var Mentions = vue.defineComponent({
 });
 var Mentions_default = Mentions;
 
-exports.Mentions = Mentions;
-exports.Mentions_default = Mentions_default;
+
+
+
+exports.Mentions = Mentions; exports.Mentions_default = Mentions_default;

package/dist/chunk-A7FN3S4I.js

@@ -0,0 +1,150 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Stepper.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Stepper = _vue.defineComponent.call(void 0, {
+  name: "TigerStepper",
+  props: {
+    modelValue: { type: Number, default: 0 },
+    min: { type: Number, default: -Infinity },
+    max: { type: Number, default: Infinity },
+    step: { type: Number, default: 1 },
+    disabled: { type: Boolean, default: false },
+    size: { type: String, default: "md" },
+    precision: { type: Number, default: void 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(props, { emit, attrs }) {
+    const repeatController = _tigercatcore.createRafRepeatActionController.call(void 0, );
+    let repeatValue = props.modelValue;
+    let suppressNextClick = false;
+    _vue.onBeforeUnmount.call(void 0, () => repeatController.stop());
+    function setValue(v) {
+      const clamped = _tigercatcore.clampStepperValue.call(void 0, v, props.min, props.max, props.precision);
+      emit("update:modelValue", clamped);
+      emit("change", clamped);
+      return clamped;
+    }
+    function stepBy(direction, baseValue = props.modelValue) {
+      return setValue(direction === "up" ? baseValue + props.step : baseValue - props.step);
+    }
+    function decrement() {
+      if (suppressNextClick) {
+        suppressNextClick = false;
+        return;
+      }
+      if (props.disabled) return;
+      stepBy("down");
+    }
+    function increment() {
+      if (suppressNextClick) {
+        suppressNextClick = false;
+        return;
+      }
+      if (props.disabled) return;
+      stepBy("up");
+    }
+    function startStepRepeat(direction) {
+      return (event) => {
+        event.preventDefault();
+        if (props.disabled) return;
+        if (direction === "down" && props.modelValue <= props.min) return;
+        if (direction === "up" && props.modelValue >= props.max) return;
+        suppressNextClick = true;
+        repeatValue = props.modelValue;
+        repeatController.start(() => {
+          const baseValue = repeatValue;
+          const nextValue = stepBy(direction, baseValue);
+          repeatValue = nextValue;
+          if (nextValue === baseValue) {
+            repeatController.stop();
+          }
+        });
+      };
+    }
+    function stopStepRepeat() {
+      repeatController.stop();
+    }
+    function handleInput(e) {
+      const val = Number(e.target.value);
+      if (!Number.isNaN(val)) setValue(val);
+    }
+    const icon = (d) => _vue.h.call(void 0, 
+      "svg",
+      {
+        class: "w-4 h-4",
+        viewBox: _tigercatcore.stepperIconViewBox,
+        fill: "currentColor"
+      },
+      [_vue.h.call(void 0, "path", { d, "fill-rule": "evenodd", "clip-rule": "evenodd" })]
+    );
+    return () => {
+      const atMin = props.modelValue <= props.min;
+      const atMax = props.modelValue >= props.max;
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          class: _tigercatcore.classNames.call(void 0, _tigercatcore.stepperBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
+          role: "group",
+          "aria-label": "Stepper"
+        },
+        [
+          _vue.h.call(void 0, 
+            "button",
+            {
+              type: "button",
+              class: _tigercatcore.getStepperButtonClasses.call(void 0, props.size, props.disabled || atMin, "left"),
+              disabled: props.disabled || atMin,
+              "aria-label": "Decrease",
+              onPointerdown: startStepRepeat("down"),
+              onPointerup: stopStepRepeat,
+              onPointerleave: stopStepRepeat,
+              onPointercancel: stopStepRepeat,
+              onClick: decrement
+            },
+            [icon(_tigercatcore.minusPathD)]
+          ),
+          _vue.h.call(void 0, "input", {
+            type: "text",
+            class: _tigercatcore.getStepperInputClasses.call(void 0, props.size),
+            value: props.precision !== void 0 ? props.modelValue.toFixed(props.precision) : String(props.modelValue),
+            disabled: props.disabled,
+            "aria-label": "Value",
+            onChange: handleInput
+          }),
+          _vue.h.call(void 0, 
+            "button",
+            {
+              type: "button",
+              class: _tigercatcore.getStepperButtonClasses.call(void 0, props.size, props.disabled || atMax, "right"),
+              disabled: props.disabled || atMax,
+              "aria-label": "Increase",
+              onPointerdown: startStepRepeat("up"),
+              onPointerup: stopStepRepeat,
+              onPointerleave: stopStepRepeat,
+              onPointercancel: stopStepRepeat,
+              onClick: increment
+            },
+            [icon(_tigercatcore.plusPathD)]
+          )
+        ]
+      );
+    };
+  }
+});
+var Stepper_default = Stepper;
+
+
+
+
+exports.Stepper = Stepper; exports.Stepper_default = Stepper_default;

package/dist/{chunk-BKTQ6RWR.js → chunk-ACYYQJ6M.js}

@@ -1,10 +1,7 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/ChartLegend.ts
-var ChartLegend = vue.defineComponent({
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/ChartLegend.ts
+var _vue = require('vue');
+var _tigercatcore = require('@expcat/tigercat-core');
+var ChartLegend = _vue.defineComponent.call(void 0, {
   name: "TigerChartLegend",
   props: {
     items: {
@@ -33,14 +30,14 @@ var ChartLegend = vue.defineComponent({
   },
   emits: ["item-click", "item-hover", "item-leave"],
   setup(props, { emit }) {
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
         "flex flex-wrap",
         props.position === "right" || props.position === "left" ? "flex-col" : "flex-row",
         props.className
       )
     );
-    const containerStyle = vue.computed(() => ({
+    const containerStyle = _vue.computed.call(void 0, () => ({
       gap: `${props.gap}px`
     }));
     const handleClick = (item) => {
@@ -55,7 +52,7 @@ var ChartLegend = vue.defineComponent({
       if (!props.interactive) return;
       emit("item-leave");
     };
-    return () => vue.h(
+    return () => _vue.h.call(void 0, 
       "div",
       {
         class: containerClasses.value,
@@ -65,15 +62,15 @@ var ChartLegend = vue.defineComponent({
         "data-chart-legend": "true"
       },
       props.items.map(
-        (item) => vue.h(
+        (item) => _vue.h.call(void 0, 
           props.interactive ? "button" : "div",
           {
             key: `legend-${item.index}`,
             type: props.interactive ? "button" : void 0,
-            class: tigercatCore.classNames(
-              "flex items-center gap-2 text-sm",
+            class: _tigercatcore.classNames.call(void 0, 
+              "flex items-center gap-2 text-sm rounded-[var(--tiger-chart-legend-row-radius,0)]",
               "text-[color:var(--tiger-text-secondary,#6b7280)]",
-              props.interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] transition-colors" : "cursor-default",
+              props.interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] hover:bg-[var(--tiger-chart-legend-row-hover-bg,transparent)] transition-colors" : "cursor-default",
               item.active === false ? "opacity-50" : void 0
             ),
             role: "listitem",
@@ -83,17 +80,18 @@ var ChartLegend = vue.defineComponent({
             onMouseleave: props.interactive ? handleLeave : void 0
           },
           [
-            vue.h("span", {
+            _vue.h.call(void 0, "span", {
               class: "inline-block rounded-full shrink-0",
               style: {
                 width: `${props.markerSize}px`,
                 height: `${props.markerSize}px`,
-                backgroundColor: item.color
+                background: `var(--tiger-chart-legend-marker-image, ${item.color})`,
+                "--tiger-chart-legend-marker-color": item.color
               },
               "aria-hidden": "true",
               "data-legend-marker": "true"
             }),
-            vue.h("span", { style: { marginRight: `${props.gap}px` } }, item.label)
+            _vue.h.call(void 0, "span", { style: { marginRight: `${props.gap}px` } }, item.label)
           ]
         )
       )
@@ -102,5 +100,7 @@ var ChartLegend = vue.defineComponent({
 });
 var ChartLegend_default = ChartLegend;
 
-exports.ChartLegend = ChartLegend;
-exports.ChartLegend_default = ChartLegend_default;
+
+
+
+exports.ChartLegend = ChartLegend; exports.ChartLegend_default = ChartLegend_default;

package/dist/chunk-AGVXMB4Q.js

@@ -0,0 +1,164 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/VirtualTable.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var VirtualTable = _vue.defineComponent.call(void 0, {
+  name: "TigerVirtualTable",
+  inheritAttrs: false,
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    rowHeight: { type: Number, default: 48 },
+    height: { type: Number, default: 400 },
+    overscan: { type: Number, default: 5 },
+    stickyHeader: { type: Boolean, default: true },
+    rowKey: {
+      type: [String, Function],
+      default: void 0
+    },
+    loading: { type: Boolean, default: false },
+    emptyText: { type: String, default: "No data" },
+    selectable: { type: Boolean, default: false },
+    selectedKeys: {
+      type: Array,
+      default: () => []
+    },
+    striped: { type: Boolean, default: false },
+    bordered: { type: Boolean, default: false },
+    className: { type: String, default: void 0 }
+  },
+  emits: ["row-click", "select"],
+  setup(props, { emit, attrs }) {
+    const containerRef = _vue.ref.call(void 0, null);
+    const scrollTop = _vue.ref.call(void 0, 0);
+    const range = _vue.computed.call(void 0, 
+      () => _tigercatcore.calculateVirtualRange.call(void 0, 
+        scrollTop.value,
+        props.height,
+        props.data.length,
+        props.rowHeight,
+        props.overscan
+      )
+    );
+    const visibleData = _vue.computed.call(void 0, () => props.data.slice(range.value.start, range.value.end));
+    function onScroll() {
+      if (containerRef.value) {
+        scrollTop.value = containerRef.value.scrollTop;
+      }
+    }
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getVirtualTableContainerClasses.call(void 0, props.bordered, props.className),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
+      )
+    );
+    const selectedSet = _vue.computed.call(void 0, () => new Set(props.selectedKeys));
+    const fixedInfo = _vue.computed.call(void 0, () => _tigercatcore.getVirtualTableFixedInfo.call(void 0, props.columns));
+    return () => {
+      const fi = fixedInfo.value;
+      const headerCells = props.columns.map((col) => {
+        const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
+        const stickyStyle = _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fi);
+        return _vue.h.call(void 0, 
+          "th",
+          {
+            key: col.key,
+            class: _tigercatcore.virtualTableHeaderCellClasses,
+            style: { ...widthStyle, ...stickyStyle }
+          },
+          _nullishCoalesce(col.title, () => ( ""))
+        );
+      });
+      const headerRow = _vue.h.call(void 0, "tr", {}, headerCells);
+      const thead = _vue.h.call(void 0, 
+        "thead",
+        { class: props.stickyHeader ? _tigercatcore.virtualTableHeaderClasses : void 0 },
+        [headerRow]
+      );
+      const rows = visibleData.value.map((row, localIdx) => {
+        const globalIdx = range.value.start + localIdx;
+        const key = _tigercatcore.getVirtualRowKey.call(void 0, 
+          row,
+          globalIdx,
+          props.rowKey
+        );
+        const isSelected = selectedSet.value.has(key);
+        const cells = props.columns.map(
+          (col) => _vue.h.call(void 0, 
+            "td",
+            {
+              key: col.key,
+              class: _tigercatcore.virtualTableCellClasses,
+              style: _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fi)
+            },
+            String(_nullishCoalesce(row[col.key], () => ( "")))
+          )
+        );
+        return _vue.h.call(void 0, 
+          "tr",
+          {
+            key,
+            class: _tigercatcore.getVirtualTableRowClasses.call(void 0, globalIdx, props.striped, isSelected),
+            onClick: () => {
+              emit("row-click", row, globalIdx);
+              if (props.selectable) emit("select", key, row, globalIdx);
+            }
+          },
+          cells
+        );
+      });
+      const topSpacer = _vue.h.call(void 0, "tr", {
+        key: "__top-spacer",
+        style: { height: `${range.value.offsetTop}px` },
+        "aria-hidden": true
+      });
+      const bottomHeight = range.value.totalHeight - range.value.end * props.rowHeight;
+      const bottomSpacer = bottomHeight > 0 ? _vue.h.call(void 0, "tr", {
+        key: "__bottom-spacer",
+        style: { height: `${bottomHeight}px` },
+        "aria-hidden": true
+      }) : null;
+      const tbody = _vue.h.call(void 0, "tbody", {}, [topSpacer, ...rows, bottomSpacer]);
+      const table = _vue.h.call(void 0, "table", { class: "w-full table-fixed" }, [thead, tbody]);
+      const emptyEl = props.data.length === 0 && !props.loading ? _vue.h.call(void 0, "div", { class: _tigercatcore.virtualTableEmptyClasses }, props.emptyText) : null;
+      const loadingEl = props.loading ? _vue.h.call(void 0, "div", { class: _tigercatcore.virtualTableLoadingClasses }, "Loading...") : null;
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          ref: containerRef,
+          class: containerClasses.value,
+          style: { height: `${props.height}px` },
+          onScroll,
+          role: "grid",
+          "aria-rowcount": props.data.length
+        },
+        [table, emptyEl, loadingEl]
+      );
+    };
+  }
+});
+var VirtualTable_default = VirtualTable;
+
+
+
+
+exports.VirtualTable = VirtualTable; exports.VirtualTable_default = VirtualTable_default;