@expcat/tigercat-vue 1.5.0 → 2.0.0-preview.1

package/dist/{chunk-LSWTZHBV.mjs → chunk-HGXD57QM.mjs}

@@ -17,7 +17,10 @@ import {
   floatButtonSizeClasses,
   floatButtonTypeClasses,
   floatButtonDisabledClasses,
-  floatButtonGroupClasses
+  floatButtonGroupClasses,
+  getViewportOffsetStyle,
+  viewportFloatingBaseClasses,
+  viewportPlacementClasses
 } from "@expcat/tigercat-core";
 var FloatButtonGroupShapeKey = /* @__PURE__ */ Symbol("FloatButtonGroupShape");
 var FloatButton = defineComponent({
@@ -52,6 +55,18 @@ var FloatButton = defineComponent({
       type: String,
       default: void 0
     },
+    floating: {
+      type: Boolean,
+      default: false
+    },
+    placement: {
+      type: String,
+      default: "bottom-right"
+    },
+    offset: {
+      type: [Number, String, Object],
+      default: void 0
+    },
     style: {
       type: Object,
       default: void 0
@@ -73,6 +88,8 @@ var FloatButton = defineComponent({
         floatButtonSizeClasses[props.size],
         floatButtonTypeClasses[props.type],
         props.disabled && floatButtonDisabledClasses,
+        props.floating && viewportFloatingBaseClasses,
+        props.floating && viewportPlacementClasses[props.placement],
         props.className,
         coerceClassValue(attrs.class)
       )
@@ -89,7 +106,11 @@ var FloatButton = defineComponent({
         {
           ...attrs,
           class: classes.value,
-          style: mergeStyleValues(attrsRecord.style, props.style),
+          style: mergeStyleValues(
+            props.floating ? getViewportOffsetStyle(props.placement, props.offset) : void 0,
+            attrsRecord.style,
+            props.style
+          ),
           type: "button",
           disabled: props.disabled,
           "aria-label": props.ariaLabel ?? props.tooltip,

package/dist/{chunk-X43QLJ5E.mjs → chunk-IGT4QB7O.mjs}

@@ -1,6 +1,6 @@
 import {
   ImagePreview
-} from "./chunk-WWB7VKKH.mjs";
+} from "./chunk-36WSYHJU.mjs";
 
 // src/components/ImageGroup.ts
 import { defineComponent, h, ref, provide, onBeforeUnmount } from "vue";
@@ -15,7 +15,7 @@ var ImageGroup = defineComponent({
   props: {
     preview: { type: Boolean, default: true }
   },
-  emits: ["preview-visible-change"],
+  emits: ["preview-open-change"],
   setup(props, { slots, emit }) {
     const images = ref([]);
     const previewVisible = ref(false);
@@ -33,7 +33,7 @@ var ImageGroup = defineComponent({
         if (!props.preview) return;
         previewIndex.value = index;
         previewVisible.value = true;
-        emit("preview-visible-change", true);
+        emit("preview-open-change", true);
       }
     };
     provide(IMAGE_GROUP_INJECTION_KEY, context);
@@ -48,7 +48,7 @@ var ImageGroup = defineComponent({
         currentIndex: previewIndex.value,
         "onUpdate:open": (val) => {
           previewVisible.value = val;
-          if (!val) emit("preview-visible-change", false);
+          if (!val) emit("preview-open-change", false);
         },
         "onUpdate:currentIndex": (val) => {
           previewIndex.value = val;

package/dist/{chunk-3VFZB5ZK.mjs → chunk-IQNZ4UEA.mjs}

@@ -23,6 +23,7 @@ import {
   nextTick
 } from "vue";
 import {
+  ANIMATION_DURATION_MS,
   classNames,
   coerceClassValue,
   mergeStyleValues,
@@ -199,15 +200,6 @@ var Modal = defineComponent({
       type: Boolean,
       default: false
     },
-    /**
-     * Disable teleport (useful for testing)
-     * @default false
-     * @internal
-     */
-    disableTeleport: {
-      type: Boolean,
-      default: false
-    },
     /**
      * Whether the modal is draggable by its header
      * @default false
@@ -217,7 +209,7 @@ var Modal = defineComponent({
       default: false
     }
   },
-  emits: ["update:open", "close", "cancel", "ok"],
+  emits: ["update:open", "close", "cancel", "ok", "after-close"],
   setup(props, { slots, emit, attrs }) {
     const config = useTigerConfig();
     const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
@@ -255,10 +247,12 @@ var Modal = defineComponent({
     const handleClose = () => {
       emit("update:open", false);
       emit("cancel");
+      emit("close");
     };
     const handleOk = () => {
       emit("ok");
       emit("update:open", false);
+      emit("close");
     };
     const handleMaskClick = (event) => {
       if (shouldCloseOnMaskClick(event, props.maskClosable)) {
@@ -305,7 +299,7 @@ var Modal = defineComponent({
     });
     watch(
       () => props.open,
-      async (nextVisible) => {
+      async (nextVisible, previousVisible, onCleanup) => {
         if (nextVisible) {
           hasBeenOpened.value = true;
           const active = document.activeElement;
@@ -314,9 +308,12 @@ var Modal = defineComponent({
           const el = closeButtonRef.value ?? dialogRef.value;
           el?.focus?.();
         } else {
-          emit("close");
           previousActiveElement.value?.focus?.();
           dragOffset.value = { x: 0, y: 0 };
+          if (previousVisible) {
+            const timer = window.setTimeout(() => emit("after-close"), ANIMATION_DURATION_MS);
+            onCleanup(() => window.clearTimeout(timer));
+          }
         }
       }
     );
@@ -474,7 +471,7 @@ var Modal = defineComponent({
           )
         ]
       );
-      return renderVueBodyTeleport([renderedWrapper], props.disableTeleport);
+      return renderVueBodyTeleport([renderedWrapper]);
     };
   }
 });

package/dist/{chunk-QH3YF5B6.mjs → chunk-JMVALNIO.mjs}

@@ -13,6 +13,8 @@ import {
   selectGroupLabelClasses,
   selectSearchInputClasses,
   selectEmptyStateClasses,
+  selectDoneActionClasses,
+  selectDoneButtonClasses,
   isOptionGroup,
   createSelectSearchDebouncer,
   getCreateSelectOptionLabel,
@@ -122,6 +124,14 @@ var Select = defineComponent({
      * Enable search functionality
      */
     searchable: Boolean,
+    searchValue: {
+      type: String,
+      default: void 0
+    },
+    defaultSearchValue: {
+      type: String,
+      default: ""
+    },
     /**
      * Allow multiple selection
      */
@@ -135,18 +145,9 @@ var Select = defineComponent({
       default: true
     },
     /**
-     * Text shown when no search results
-     * @default 'No options found'
-     */
-    noOptionsText: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Text shown when no data available
-     * @default 'No options available'
+     * Text shown when the options list is empty or no search result matches
      */
-    noDataText: {
+    emptyText: {
       type: String,
       default: void 0
     },
@@ -204,7 +205,7 @@ var Select = defineComponent({
       default: void 0
     }
   },
-  emits: ["update:modelValue", "change", "search", "create"],
+  emits: ["update:modelValue", "update:searchValue", "change", "search-change", "create"],
   setup(props, { emit }) {
     const config = useTigerConfig();
     const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
@@ -212,7 +213,8 @@ var Select = defineComponent({
     const listboxId = `tiger-select-listbox-${instanceId}`;
     const getOptionId = (index) => `tiger-select-option-${instanceId}-${index}`;
     const isOpen = ref(false);
-    const searchQuery = ref("");
+    const uncontrolledSearchValue = ref(props.defaultSearchValue);
+    const searchQuery = computed(() => props.searchValue ?? uncontrolledSearchValue.value);
     const activeIndex = ref(-1);
     const createdOptions = ref([]);
     const dropdownRef = ref(null);
@@ -232,8 +234,15 @@ var Select = defineComponent({
     });
     let searchDebouncer = createSelectSearchDebouncer({
       delay: props.searchDebounce,
-      onSearch: (query) => emit("search", query)
+      onSearchChange: (query) => emit("search-change", query)
     });
+    function updateSearchValue(query) {
+      if (props.searchValue === void 0) {
+        uncontrolledSearchValue.value = query;
+      }
+      emit("update:searchValue", query);
+      searchDebouncer.schedule(query);
+    }
     const filteredOptions = computed(() => {
       return resolveSelectFilteredOptions(props.options, searchQuery.value, {
         searchable: props.searchable,
@@ -278,6 +287,13 @@ var Select = defineComponent({
     const showClearButton = computed(() => {
       return props.clearable && !props.disabled && props.modelValue !== void 0 && props.modelValue !== null && props.modelValue !== "" && (!Array.isArray(props.modelValue) || props.modelValue.length > 0);
     });
+    const doneText = computed(
+      () => resolveLocaleText(
+        "Done",
+        mergedLocale.value?.common?.okText,
+        mergedLocale.value?.common?.closeText
+      )
+    );
     function isSelected(option) {
       if (props.multiple && Array.isArray(props.modelValue)) {
         return props.modelValue.includes(option.value);
@@ -313,7 +329,7 @@ var Select = defineComponent({
     }
     function closeDropdown() {
       isOpen.value = false;
-      searchQuery.value = "";
+      updateSearchValue("");
       activeIndex.value = -1;
     }
     function selectOption(option) {
@@ -357,8 +373,7 @@ var Select = defineComponent({
     }
     function handleSearchInput(event) {
       const target = event.target;
-      searchQuery.value = target.value;
-      searchDebouncer.schedule(target.value);
+      updateSearchValue(target.value);
     }
     function getActiveOption() {
       if (activeIndex.value < 0) {
@@ -556,7 +571,7 @@ var Select = defineComponent({
         searchDebouncer.cancel();
         searchDebouncer = createSelectSearchDebouncer({
           delay,
-          onSearch: (query) => emit("search", query)
+          onSearchChange: (query) => emit("search-change", query)
         });
       }
     );
@@ -784,16 +799,28 @@ var Select = defineComponent({
             })() : h(
               "div",
               { class: selectEmptyStateClasses },
-              props.options.length === 0 ? resolveLocaleText(
-                "No options available",
-                props.noDataText,
-                mergedLocale.value?.common?.emptyText
-              ) : resolveLocaleText(
+              resolveLocaleText(
                 "No options found",
-                props.noOptionsText,
+                props.emptyText,
                 mergedLocale.value?.common?.emptyText
               )
-            )
+            ),
+            h("div", { class: selectDoneActionClasses }, [
+              h(
+                "button",
+                {
+                  type: "button",
+                  class: selectDoneButtonClasses,
+                  onClick: closeDropdown,
+                  onKeydown: (event) => {
+                    if (event.key === "Enter" || event.key === " ") {
+                      event.stopPropagation();
+                    }
+                  }
+                },
+                doneText.value
+              )
+            ])
           ]
         )
       ]);

package/dist/{chunk-UTGFGMZT.mjs → chunk-JPCMI3A4.mjs}

@@ -1,18 +1,18 @@
 import {
   useChartInteraction
-} from "./chunk-R2HO74FE.mjs";
+} from "./chunk-PE5OA4YG.mjs";
+import {
+  ChartTooltip
+} from "./chunk-SPFL55TF.mjs";
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
 import {
   ChartLegend
 } from "./chunk-HLPSHCXO.mjs";
 import {
   ChartSeries
 } from "./chunk-2ZUEXCVJ.mjs";
-import {
-  ChartTooltip
-} from "./chunk-G2LB4QCL.mjs";
-import {
-  ChartCanvas
-} from "./chunk-W5RZPTFD.mjs";
 
 // src/components/RadarChart.ts
 import { defineComponent, computed, h, ref, useId } from "vue";
@@ -755,7 +755,7 @@ var RadarChart = defineComponent({
       );
       const tooltip = props.showTooltip && props.hoverable ? h(ChartTooltip, {
         content: tooltipContent.value,
-        visible: hoveredPoint.value !== null && tooltipContent.value !== "",
+        open: hoveredPoint.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
         y: tooltipPosition.value.y
       }) : null;

package/dist/{chunk-SMCOBLF6.mjs → chunk-KBJANUZZ.mjs}

@@ -1,6 +1,6 @@
 import {
   ChartTooltip
-} from "./chunk-G2LB4QCL.mjs";
+} from "./chunk-SPFL55TF.mjs";
 import {
   ChartCanvas
 } from "./chunk-W5RZPTFD.mjs";
@@ -73,20 +73,20 @@ var GaugeChart = defineComponent({
       animCtrl?.stop();
     });
     const wrapperRef = ref(null);
-    const tooltipState = ref({ visible: false, x: 0, y: 0 });
+    const tooltipState = ref({ open: false, x: 0, y: 0 });
     const handleTooltipMove = (e) => {
       if (!props.showTooltip) return;
-      tooltipState.value = { visible: true, x: e.clientX, y: e.clientY };
+      tooltipState.value = { open: true, x: e.clientX, y: e.clientY };
     };
     const handleTooltipLeave = () => {
-      tooltipState.value = { ...tooltipState.value, visible: false };
+      tooltipState.value = { ...tooltipState.value, open: false };
     };
     const handleTooltipFocus = () => {
       if (!props.showTooltip) return;
       const rect = wrapperRef.value?.getBoundingClientRect();
       if (rect) {
         tooltipState.value = {
-          visible: true,
+          open: true,
           x: rect.left + rect.width / 2,
           y: rect.top + rect.height / 2
         };
@@ -262,7 +262,7 @@ var GaugeChart = defineComponent({
           canvas,
           props.showTooltip ? h(ChartTooltip, {
             content: tooltipContent,
-            visible: tooltipState.value.visible && tooltipContent !== "",
+            open: tooltipState.value.open && tooltipContent !== "",
             x: tooltipState.value.x,
             y: tooltipState.value.y
           }) : null

package/dist/{chunk-M4EP4OVR.mjs → chunk-KE6RGD4Y.mjs}

@@ -127,7 +127,8 @@ function useFloatingPopup(options) {
     y,
     actualPlacement,
     floatingStyles,
-    triggerHandlers
+    triggerHandlers,
+    closeAndRestoreFocus
   };
 }
 

package/dist/chunk-KIPTVKU2.mjs

@@ -0,0 +1,104 @@
+// src/composables/useDrag.ts
+import { reactive, computed } from "vue";
+import {
+  createDragState,
+  handleDragStart,
+  handleDragOver,
+  handleDrop,
+  handleDragEnd,
+  reorderItems,
+  moveItemBetweenContainers,
+  resolveDragConfig,
+  isDragEnabled,
+  isValidDragHandle,
+  isSameContainerDrag,
+  isCrossContainerDrag
+} from "@expcat/tigercat-core";
+function useDrag(options = {}) {
+  const config = resolveDragConfig(options.config);
+  const containerId = options.containerId ?? "default";
+  const callbacks = {
+    onDragStart: options.onDragStart,
+    onDragOver: options.onDragOver,
+    onDrop: options.onDrop,
+    onDragEnd: options.onDragEnd
+  };
+  const state = reactive(createDragState());
+  const isDragging = computed(() => state.isDragging);
+  const draggedItem = computed(() => state.draggedItem);
+  const isSameContainer = computed(() => isSameContainerDrag(state));
+  const isCrossContainer = computed(() => isCrossContainerDrag(state));
+  function startDrag(item, event) {
+    if (!isDragEnabled(config)) return;
+    if (event) {
+      const target = event.target;
+      if (!isValidDragHandle(target, config)) return;
+    }
+    handleDragStart(state, item, containerId, callbacks);
+  }
+  function dragOver(item, event) {
+    if (event) {
+      event.preventDefault();
+    }
+    handleDragOver(state, item, containerId, callbacks);
+  }
+  function drop(event) {
+    if (event) {
+      event.preventDefault();
+    }
+    return handleDrop(state, callbacks);
+  }
+  function endDrag(cancelled = false) {
+    handleDragEnd(state, cancelled, callbacks);
+  }
+  function reorder(items) {
+    if (!state.isDragging) return null;
+    return reorderItems(items, state.sourceIndex, state.targetIndex);
+  }
+  function moveBetween(sourceItems, targetItems) {
+    if (!state.isDragging) return null;
+    return moveItemBetweenContainers(sourceItems, targetItems, state.sourceIndex, state.targetIndex);
+  }
+  function getDragItemAttrs(item) {
+    return {
+      draggable: !config.disabled,
+      "data-drag-id": item.id,
+      "data-drag-index": item.index,
+      class: state.isDragging && state.draggedItem?.id === item.id ? config.dragClass : void 0,
+      "aria-grabbed": state.isDragging && state.draggedItem?.id === item.id,
+      role: "listitem",
+      onDragstart: (e) => startDrag(item, e),
+      onDragover: (e) => dragOver(item, e),
+      onDragend: () => endDrag(false)
+    };
+  }
+  function getDropZoneAttrs() {
+    return {
+      "aria-dropeffect": state.isDragging ? "move" : "none",
+      onDragover: (e) => {
+        e.preventDefault();
+        dragOver(null, e);
+      },
+      onDrop: (e) => drop(e)
+    };
+  }
+  return {
+    state,
+    isDragging,
+    draggedItem,
+    startDrag,
+    dragOver,
+    drop,
+    endDrag,
+    reorder,
+    moveBetween,
+    isSameContainer,
+    isCrossContainer,
+    getDragItemAttrs,
+    getDropZoneAttrs
+  };
+}
+
+export {
+  useDrag
+};

package/dist/{chunk-LGDJDBE3.mjs → chunk-KR3D2JOA.mjs}

@@ -1,15 +1,15 @@
 import {
   Select
-} from "./chunk-QH3YF5B6.mjs";
+} from "./chunk-JMVALNIO.mjs";
 import {
   Radio
-} from "./chunk-YZP4K6KI.mjs";
+} from "./chunk-6BDDX2R4.mjs";
 import {
   Empty
 } from "./chunk-WLHOWOAY.mjs";
 import {
   Checkbox
-} from "./chunk-UKMOWUYH.mjs";
+} from "./chunk-MYKKKVGK.mjs";
 import {
   useTigerConfig
 } from "./chunk-R6WFL6NI.mjs";
@@ -188,7 +188,6 @@ var tableProps = {
   autoVirtual: { type: Boolean, default: true },
   virtualHeight: { type: Number, default: 400 },
   virtualItemHeight: { type: Number, default: 40 },
-  autoVirtualThreshold: { type: Number, default: 1e4 },
   virtualThreshold: { type: Number, default: 1e3 },
   editable: { type: Boolean, default: false },
   editableCells: { type: Object },
@@ -1436,8 +1435,7 @@ var Table = defineComponent({
         virtual: resolvedProps.virtual,
         autoVirtual: resolvedProps.autoVirtual,
         dataLength: resolvedProps.dataSource.length,
-        threshold: resolvedProps.virtualThreshold,
-        autoThreshold: resolvedProps.autoVirtualThreshold
+        threshold: resolvedProps.virtualThreshold
       });
       const effectiveVirtual = virtualRecommendation.enabled;
       const wrapperStyle = resolvedProps.maxHeight ? {
@@ -1810,7 +1808,6 @@ var Table = defineComponent({
           class: getTableWrapperClasses(resolvedProps.bordered, resolvedProps.maxHeight),
           style: wrapperStyle,
           "data-tiger-virtual": virtualRecommendation.enabled ? "enabled" : void 0,
-          "data-tiger-virtual-auto": virtualRecommendation.autoEnabled ? "true" : void 0,
           "data-tiger-virtual-recommended": virtualRecommendation.recommended ? "true" : void 0,
           "data-tiger-virtual-threshold": virtualRecommendation.recommended ? virtualRecommendation.threshold : void 0,
           "data-tiger-measured-row-height": measuredRowHeights.value[0] || void 0,

package/dist/{chunk-VYBRLIKF.mjs → chunk-MJRFB6ZA.mjs}

@@ -38,19 +38,19 @@ import {
   datePickerClearButtonClasses,
   datePickerFooterClasses,
   datePickerFooterButtonClasses,
-  CalendarIconPath,
-  CloseIconPath,
-  ChevronLeftIconPath,
-  ChevronRightIconPath,
+  calendarSolidIcon20PathD,
+  closeSolidIcon20PathD,
+  chevronLeftSolidIcon20PathD,
+  chevronRightSolidIcon20PathD,
   getDatePickerLocaleCode,
   getDatePickerLabels,
   getLocaleDirection,
   mergeTigerLocale
 } from "@expcat/tigercat-core";
-var CalendarIcon = createFilledIcon(CalendarIconPath, "w-5 h-5");
-var CloseIcon = createFilledIcon(CloseIconPath, "w-4 h-4");
-var ChevronLeftIcon = createFilledIcon(ChevronLeftIconPath, "w-5 h-5");
-var ChevronRightIcon = createFilledIcon(ChevronRightIconPath, "w-5 h-5");
+var CalendarIcon = createFilledIcon(calendarSolidIcon20PathD, "w-5 h-5");
+var CloseIcon = createFilledIcon(closeSolidIcon20PathD, "w-4 h-4");
+var ChevronLeftIcon = createFilledIcon(chevronLeftSolidIcon20PathD, "w-5 h-5");
+var ChevronRightIcon = createFilledIcon(chevronRightSolidIcon20PathD, "w-5 h-5");
 function normalizeDatePickerLocale(locale) {
   if (!locale) return void 0;
   if (typeof locale === "string") return { locale };

package/dist/{chunk-UKMOWUYH.mjs → chunk-MYKKKVGK.mjs}

@@ -58,7 +58,7 @@ var Checkbox = defineComponent({
      * Default checked state (uncontrolled mode)
      * @default false
      */
-    defaultChecked: {
+    defaultValue: {
       type: Boolean,
       default: false
     },
@@ -88,7 +88,7 @@ var Checkbox = defineComponent({
   setup(props, { slots, emit, attrs }) {
     const groupContextRef = inject(CheckboxGroupKey, null);
     const groupContext = computed(() => groupContextRef?.value);
-    const internalChecked = ref(props.defaultChecked);
+    const internalChecked = ref(props.defaultValue);
     const isControlled = computed(() => props.modelValue !== null);
     const effectiveSize = computed(() => props.size || groupContext.value?.size || "md");
     const effectiveDisabled = computed(

package/dist/{chunk-3AF4VRCD.mjs → chunk-N3C6YI7I.mjs}

@@ -13,7 +13,7 @@ var Switch = defineComponent({
      * Whether the switch is checked
      * @default false
      */
-    checked: {
+    modelValue: {
       type: Boolean,
       default: false
     },
@@ -42,9 +42,9 @@ var Switch = defineComponent({
   },
   emits: {
     /**
-     * Emitted when checked state changes (for v-model:checked)
+     * Emitted when checked state changes (for v-model)
      */
-    "update:checked": (value) => typeof value === "boolean",
+    "update:modelValue": (value) => typeof value === "boolean",
     /**
      * Emitted when checked state changes
      */
@@ -52,13 +52,13 @@ var Switch = defineComponent({
   },
   setup(props, { emit, attrs }) {
     const switchClasses = computed(
-      () => getSwitchClasses(props.size, props.checked, props.disabled, props.className, attrs.class)
+      () => getSwitchClasses(props.size, props.modelValue, props.disabled, props.className, attrs.class)
     );
-    const thumbClasses = computed(() => getSwitchThumbClasses(props.size, props.checked));
+    const thumbClasses = computed(() => getSwitchThumbClasses(props.size, props.modelValue));
     const emitChange = () => {
       if (props.disabled) return;
-      const newValue = !props.checked;
-      emit("update:checked", newValue);
+      const newValue = !props.modelValue;
+      emit("update:modelValue", newValue);
       emit("change", newValue);
     };
     const handleKeyDown = (event) => {
@@ -74,7 +74,7 @@ var Switch = defineComponent({
         ...attrs,
         type: "button",
         role: "switch",
-        "aria-checked": props.checked,
+        "aria-checked": props.modelValue,
         "aria-disabled": props.disabled ? "true" : void 0,
         class: switchClasses.value,
         style: mergeStyleValues(attrs.style, props.style),

package/dist/{chunk-57VPT3MN.mjs → chunk-NYWIBDO6.mjs}

@@ -1,18 +1,18 @@
 import {
   useChartInteraction
-} from "./chunk-R2HO74FE.mjs";
+} from "./chunk-PE5OA4YG.mjs";
+import {
+  ChartTooltip
+} from "./chunk-SPFL55TF.mjs";
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
 import {
   ChartLegend
 } from "./chunk-HLPSHCXO.mjs";
 import {
   ChartSeries
 } from "./chunk-2ZUEXCVJ.mjs";
-import {
-  ChartTooltip
-} from "./chunk-G2LB4QCL.mjs";
-import {
-  ChartCanvas
-} from "./chunk-W5RZPTFD.mjs";
 
 // src/components/SunburstChart.ts
 import { defineComponent, computed, h, useId } from "vue";
@@ -206,7 +206,7 @@ var SunburstChart = defineComponent({
       );
       const tooltip = props.showTooltip && props.hoverable ? h(ChartTooltip, {
         content: tooltipContent.value,
-        visible: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
+        open: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
         y: tooltipPosition.value.y
       }) : null;