@expcat/tigercat-vue 1.2.37 → 1.2.39

package/dist/{chunk-W54LFA7A.mjs → chunk-5Z2OCSVJ.mjs}

@@ -1,6 +1,18 @@
+import {
+  Select
+} from "./chunk-PYT5DTQQ.mjs";
+import {
+  Radio
+} from "./chunk-YZP4K6KI.mjs";
 import {
   useTigerConfig
 } from "./chunk-VG6E4NX6.mjs";
+import {
+  Empty
+} from "./chunk-WFISP42H.mjs";
+import {
+  Checkbox
+} from "./chunk-2BNQGU7E.mjs";
 
 // src/components/Table.ts
 import {
@@ -15,8 +27,11 @@ import {
 import {
   classNames as classNames3,
   createTableResizeObserverController,
+  formatTableSelectRowAriaLabel,
+  formatTableSortByText,
   getCardColumns,
   getImmediateTigerLocale,
+  getTableLabels,
   getTableWrapperClasses,
   getTableResponsiveCardListClasses,
   getTableResponsiveTableClasses,
@@ -85,9 +100,15 @@ var tableProps = {
     type: Boolean,
     default: false
   },
+  locale: {
+    type: [Object, Function]
+  },
+  labels: {
+    type: Object
+  },
   emptyText: {
     type: String,
-    default: "No data"
+    default: void 0
   },
   pagination: {
     type: [Object, Boolean],
@@ -132,6 +153,12 @@ var tableProps = {
     type: String,
     default: "sm"
   },
+  cardClassName: {
+    type: [String, Function]
+  },
+  renderCard: {
+    type: Function
+  },
   // --- v0.6.0 props ---
   virtual: { type: Boolean, default: false },
   autoVirtual: { type: Boolean, default: true },
@@ -333,6 +360,20 @@ function useTableState(props, emit, measuredColumnWidths) {
     const total = paginationConfig.value?.total !== void 0 && paginationConfig.value.total > 0 ? paginationConfig.value.total : processedData.value.length;
     return calculatePagination(total, currentPage.value, currentPageSize.value);
   });
+  function handleSetSort(nextSortState) {
+    if (!isSortControlled.value) {
+      uncontrolledSortState.value = nextSortState;
+    }
+    emit("sort-change", nextSortState);
+    emit("change", {
+      sort: nextSortState,
+      filters: filterState.value,
+      pagination: props.pagination !== false ? {
+        current: currentPage.value,
+        pageSize: currentPageSize.value
+      } : null
+    });
+  }
   function handleSort(columnKey) {
     const column = displayColumns.value.find((col) => col.key === columnKey);
     if (!column || !column.sortable) {
@@ -346,21 +387,9 @@ function useTableState(props, emit, measuredColumnWidths) {
         newDirection = null;
       }
     }
-    const nextSortState = {
+    handleSetSort({
       key: newDirection ? columnKey : null,
       direction: newDirection
-    };
-    if (!isSortControlled.value) {
-      uncontrolledSortState.value = nextSortState;
-    }
-    emit("sort-change", nextSortState);
-    emit("change", {
-      sort: nextSortState,
-      filters: filterState.value,
-      pagination: props.pagination !== false ? {
-        current: currentPage.value,
-        pageSize: currentPageSize.value
-      } : null
     });
   }
   function handleFilter(columnKey, value) {
@@ -556,6 +585,7 @@ function useTableState(props, emit, measuredColumnWidths) {
     editingValue,
     virtualScrollTop,
     toggleColumnLock,
+    handleSetSort,
     handleSort,
     handleFilter,
     handlePageChange,
@@ -1191,11 +1221,14 @@ var Table = defineComponent({
     const measuredRowHeights = ref2([]);
     const ctx = useTableState(props, emit, measuredColumnWidths);
     const resolvedPaginationLocale = ref2();
+    const resolvedTableLocale = ref2();
     let paginationLocaleResolveId = 0;
+    let tableLocaleResolveId = 0;
     const paginationLocaleInput = computed2(
       () => props.pagination !== false && typeof props.pagination === "object" ? props.pagination.locale : void 0
     );
     const isPaginationI18nDisabled = computed2(() => paginationLocaleInput.value === false);
+    const tableLocaleInput = computed2(() => props.locale);
     watch2(
       paginationLocaleInput,
       (locale) => {
@@ -1222,6 +1255,36 @@ var Table = defineComponent({
     const paginationLocale = computed2(
       () => isPaginationI18nDisabled.value ? void 0 : mergeTigerLocale(config.value.locale, resolvedPaginationLocale.value)
     );
+    watch2(
+      tableLocaleInput,
+      (locale) => {
+        const resolveId = ++tableLocaleResolveId;
+        if (!locale) {
+          resolvedTableLocale.value = void 0;
+          return;
+        }
+        const immediateLocale = getImmediateTigerLocale(locale);
+        resolvedTableLocale.value = immediateLocale;
+        if (!isLazyTigerLocale(locale)) return;
+        resolveTigerLocale(locale).then((nextLocale) => {
+          if (resolveId === tableLocaleResolveId) {
+            resolvedTableLocale.value = nextLocale;
+          }
+        }).catch(() => {
+          if (resolveId === tableLocaleResolveId) {
+            resolvedTableLocale.value = immediateLocale;
+          }
+        });
+      },
+      { immediate: true }
+    );
+    const tableLocale = computed2(
+      () => mergeTigerLocale(config.value.locale, resolvedTableLocale.value)
+    );
+    const tableLabels = computed2(() => {
+      const overrides = props.emptyText === void 0 ? props.labels : { ...props.labels, emptyText: props.emptyText };
+      return getTableLabels(tableLocale.value, overrides);
+    });
     const resizeController = createTableResizeObserverController({
       onResize: (snapshot) => {
         if (!areNumberRecordsEqual(measuredColumnWidths.value, snapshot.columnWidths)) {
@@ -1251,10 +1314,14 @@ var Table = defineComponent({
       const wrapperStyle = resolvedProps.maxHeight ? {
         maxHeight: typeof resolvedProps.maxHeight === "number" ? `${resolvedProps.maxHeight}px` : resolvedProps.maxHeight
       } : void 0;
+      const renderProps = {
+        ...resolvedProps,
+        emptyText: tableLabels.value.emptyText
+      };
       const tableChildren = [
-        renderTableHeader(ctx, resolvedProps, slots),
-        renderTableBody(ctx, resolvedProps, slots),
-        renderSummaryRow(ctx, resolvedProps)
+        renderTableHeader(ctx, renderProps, slots),
+        renderTableBody(ctx, renderProps, slots),
+        renderSummaryRow(ctx, renderProps)
       ];
       const tableInner = h6(
         "table",
@@ -1282,83 +1349,192 @@ var Table = defineComponent({
         },
         [tableInner]
       ) : tableInner;
-      const cardContent = resolvedProps.responsiveMode === "card" ? h6(
-        "div",
-        {
-          class: getTableResponsiveCardListClasses(resolvedProps.cardBreakpoint),
-          "data-tiger-table-mobile": "card"
-        },
-        ctx.paginatedData.value.length === 0 ? [h6("div", { class: tableResponsiveCardClasses }, resolvedProps.emptyText)] : ctx.paginatedData.value.map((record, index) => {
-          const key = ctx.paginatedRowKeys.value[index];
-          const isExpanded = ctx.expandedRowKeySet.value.has(key);
-          const isRowExpandable = resolvedProps.expandable ? resolvedProps.expandable.rowExpandable ? resolvedProps.expandable.rowExpandable(record) : true : false;
-          const { titleColumn, bodyColumns } = getCardColumns(ctx.displayColumns.value);
-          const renderCardCellContent = (column) => {
-            const dataKey = column.dataKey || column.key;
-            return slots[`cell-${column.key}`]?.({ record, index }) ?? (column.render ? column.render(record, index) : record[dataKey]);
-          };
-          const titleNode = titleColumn ? h6("div", { class: tableResponsiveCardTitleClasses }, [
-            renderCardCellContent(titleColumn)
-          ]) : null;
-          const rows = bodyColumns.map(
-            (column) => h6("div", { key: column.key, class: tableResponsiveCardRowClasses }, [
-              h6("div", { class: tableResponsiveCardLabelClasses }, column.title),
-              h6("div", { class: tableResponsiveCardValueClasses }, [
-                renderCardCellContent(column)
-              ])
-            ])
+      const cardContent = (() => {
+        if (resolvedProps.responsiveMode !== "card") return null;
+        const cardChildren = [];
+        const sortableColumns = ctx.displayColumns.value.filter((column) => column.sortable);
+        if (resolvedProps.rowSelection && resolvedProps.rowSelection.type !== "radio" && resolvedProps.rowSelection.showCheckbox !== false && ctx.paginatedData.value.length > 0) {
+          cardChildren.push(
+            h6(
+              "div",
+              {
+                class: "flex items-center justify-between rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] px-3 py-2"
+              },
+              [
+                h6(
+                  Checkbox,
+                  {
+                    size: "sm",
+                    modelValue: ctx.allSelected.value,
+                    indeterminate: ctx.someSelected.value,
+                    onChange: (checked) => ctx.handleSelectAll(checked)
+                  },
+                  { default: () => tableLabels.value.selectAllText }
+                )
+              ]
+            )
           );
-          const controls = [];
-          if (resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false) {
-            const checkboxProps = resolvedProps.rowSelection.getCheckboxProps?.(record) || {};
-            controls.push(
-              h6("input", {
-                type: resolvedProps.rowSelection.type === "radio" ? "radio" : "checkbox",
-                checked: ctx.selectedRowKeySet.value.has(key),
-                disabled: checkboxProps.disabled,
-                onClick: (event) => event.stopPropagation(),
-                onChange: (event) => ctx.handleSelectRow(key, event.target.checked)
+        }
+        if (sortableColumns.length > 0) {
+          cardChildren.push(
+            h6("div", {
+              class: "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] px-3 py-2"
+            }, [
+              h6(Select, {
+                size: "sm",
+                modelValue: ctx.sortState.value.key && ctx.sortState.value.direction ? `${ctx.sortState.value.key}:${ctx.sortState.value.direction}` : "",
+                options: [
+                  { label: tableLabels.value.clearSortText, value: "" },
+                  ...sortableColumns.flatMap((column) => [
+                    {
+                      label: `${formatTableSortByText(tableLabels.value.sortByText, column.title)} \u2191`,
+                      value: `${column.key}:asc`
+                    },
+                    {
+                      label: `${formatTableSortByText(tableLabels.value.sortByText, column.title)} \u2193`,
+                      value: `${column.key}:desc`
+                    }
+                  ])
+                ],
+                clearable: false,
+                "onUpdate:modelValue": (value) => {
+                  const nextValue = String(value ?? "");
+                  if (!nextValue) {
+                    ctx.handleSetSort({ key: null, direction: null });
+                    return;
+                  }
+                  const separatorIndex = nextValue.lastIndexOf(":");
+                  const key = nextValue.slice(0, separatorIndex);
+                  const direction = nextValue.slice(separatorIndex + 1);
+                  ctx.handleSetSort({ key, direction });
+                }
               })
-            );
-          }
-          if (resolvedProps.expandable && isRowExpandable) {
-            controls.push(
-              h6(
-                "button",
+            ])
+          );
+        }
+        if (ctx.paginatedData.value.length === 0) {
+          cardChildren.push(
+            h6("div", { class: tableResponsiveCardClasses }, [
+              h6(Empty, { showImage: false, description: tableLabels.value.emptyText })
+            ])
+          );
+        } else {
+          cardChildren.push(
+            ...ctx.paginatedData.value.map((record, index) => {
+              const key = ctx.paginatedRowKeys.value[index];
+              const isExpanded = ctx.expandedRowKeySet.value.has(key);
+              const isSelected = ctx.selectedRowKeySet.value.has(key);
+              const isRowExpandable = resolvedProps.expandable ? resolvedProps.expandable.rowExpandable ? resolvedProps.expandable.rowExpandable(record) : true : false;
+              const { titleColumn, bodyColumns } = getCardColumns(ctx.displayColumns.value);
+              const renderCardCellContent = (column) => {
+                const dataKey = column.dataKey || column.key;
+                return slots[`cell-${column.key}`]?.({ record, index }) ?? (column.render ? column.render(record, index) : record[dataKey]);
+              };
+              const titleNode = titleColumn ? h6("div", { class: tableResponsiveCardTitleClasses }, [
+                renderCardCellContent(titleColumn)
+              ]) : null;
+              const rows = bodyColumns.map(
+                (column) => h6("div", { key: column.key, class: tableResponsiveCardRowClasses }, [
+                  h6("div", { class: tableResponsiveCardLabelClasses }, column.title),
+                  h6("div", { class: tableResponsiveCardValueClasses }, [
+                    renderCardCellContent(column)
+                  ])
+                ])
+              );
+              const controls = [];
+              if (resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false) {
+                const checkboxProps = resolvedProps.rowSelection.getCheckboxProps?.(record) || {};
+                controls.push(
+                  h6(
+                    "span",
+                    { onClick: (event) => event.stopPropagation() },
+                    [
+                      resolvedProps.rowSelection.type === "radio" ? h6(Radio, {
+                        value: key,
+                        checked: isSelected,
+                        disabled: checkboxProps.disabled,
+                        "aria-label": formatTableSelectRowAriaLabel(
+                          tableLabels.value.selectRowAriaLabel,
+                          index + 1,
+                          tableLocale.value?.locale
+                        ),
+                        onChange: () => ctx.handleSelectRow(key, true)
+                      }) : h6(Checkbox, {
+                        size: "sm",
+                        modelValue: isSelected,
+                        disabled: checkboxProps.disabled,
+                        "aria-label": formatTableSelectRowAriaLabel(
+                          tableLabels.value.selectRowAriaLabel,
+                          index + 1,
+                          tableLocale.value?.locale
+                        ),
+                        onChange: (checked) => ctx.handleSelectRow(key, checked)
+                      })
+                    ]
+                  )
+                );
+              }
+              if (resolvedProps.expandable && isRowExpandable) {
+                controls.push(
+                  h6(
+                    "button",
+                    {
+                      type: "button",
+                      class: "text-sm text-[var(--tiger-primary,#2563eb)]",
+                      "aria-expanded": isExpanded,
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        ctx.handleToggleExpand(key, record);
+                      }
+                    },
+                    isExpanded ? tableLabels.value.collapseText : tableLabels.value.expandText
+                  )
+                );
+              }
+              const expandedContent = resolvedProps.expandable && isExpanded && isRowExpandable ? slots["expanded-row"]?.({ record, index }) ?? resolvedProps.expandable.expandedRowRender?.(record, index) : null;
+              const cardContext = {
+                record,
+                index,
+                columns: ctx.displayColumns.value,
+                selected: isSelected,
+                expanded: isExpanded,
+                toggleExpand: () => ctx.handleToggleExpand(key, record),
+                selectRow: (checked) => ctx.handleSelectRow(key, checked)
+              };
+              const customCard = slots.card?.(cardContext) ?? resolvedProps.renderCard?.(cardContext);
+              const resolvedCardClassName = typeof resolvedProps.cardClassName === "function" ? resolvedProps.cardClassName(record, index) : resolvedProps.cardClassName;
+              return h6(
+                "div",
                 {
-                  type: "button",
-                  class: "text-sm text-[var(--tiger-primary,#2563eb)]",
-                  "aria-expanded": isExpanded,
-                  onClick: (event) => {
-                    event.stopPropagation();
-                    ctx.handleToggleExpand(key, record);
-                  }
+                  key,
+                  class: classNames3(tableResponsiveCardClasses, resolvedCardClassName),
+                  onClick: () => ctx.handleRowClick(record, index, key)
                 },
-                isExpanded ? "Collapse" : "Expand"
-              )
-            );
-          }
-          const expandedContent = resolvedProps.expandable && isExpanded && isRowExpandable ? slots["expanded-row"]?.({ record, index }) ?? resolvedProps.expandable.expandedRowRender?.(record, index) : null;
-          return h6(
-            "div",
-            {
-              key,
-              class: tableResponsiveCardClasses,
-              onClick: () => ctx.handleRowClick(record, index, key)
-            },
-            [
-              controls.length ? h6("div", { class: "mb-2 flex items-center gap-3" }, controls) : null,
-              titleNode,
-              ...rows,
-              expandedContent ? h6(
-                "div",
-                { class: "mt-3 border-t border-[var(--tiger-border,#e5e7eb)] pt-3" },
-                [expandedContent]
-              ) : null
-            ]
+                customCard !== void 0 && customCard !== null ? [customCard] : [
+                  controls.length ? h6("div", { class: "mb-2 flex items-center gap-3" }, controls) : null,
+                  titleNode,
+                  ...rows,
+                  expandedContent ? h6(
+                    "div",
+                    {
+                      class: "mt-3 border-t border-[var(--tiger-border,#e5e7eb)] pt-3"
+                    },
+                    [expandedContent]
+                  ) : null
+                ]
+              );
+            })
           );
-        })
-      ) : null;
+        }
+        return h6(
+          "div",
+          {
+            class: getTableResponsiveCardListClasses(resolvedProps.cardBreakpoint),
+            "data-tiger-table-mobile": "card"
+          },
+          cardChildren
+        );
+      })();
       return h6(
         "div",
         {
@@ -1393,11 +1569,11 @@ var Table = defineComponent({
               class: tableLoadingOverlayClasses,
               role: "status",
               "aria-live": "polite",
-              "aria-label": "Loading"
+              "aria-label": tableLabels.value.loadingText
             },
-            [LoadingSpinner(), h6("span", { class: "sr-only" }, "Loading")]
+            [LoadingSpinner(), h6("span", { class: "sr-only" }, tableLabels.value.loadingText)]
           ),
-          renderPagination(ctx, resolvedProps, {
+          renderPagination(ctx, renderProps, {
             locale: paginationLocale.value,
             disableI18n: isPaginationI18nDisabled.value
           })

package/dist/{chunk-U2PPTMQX.mjs → chunk-G7O3G2LI.mjs}

@@ -1,6 +1,6 @@
 import {
   useFloatingPopup
-} from "./chunk-UJZPEXF5.mjs";
+} from "./chunk-JPZJZFC4.mjs";
 import {
   renderVueBodyTeleport
 } from "./chunk-BDTPFPSB.mjs";

package/dist/{chunk-UJZPEXF5.mjs → chunk-JPZJZFC4.mjs}

@@ -8,7 +8,8 @@ import {
 import { computed, ref, watch, onBeforeUnmount } from "vue";
 import {
   getTransformOrigin,
-  buildTriggerHandlerMap
+  buildTriggerHandlerMap,
+  restoreFocus
 } from "@expcat/tigercat-core";
 function useFloatingPopup(options) {
   const { props, emit, multiTrigger = true } = options;
@@ -32,6 +33,19 @@ function useFloatingPopup(options) {
   const containerRef = ref(null);
   const triggerRef = ref(null);
   const floatingRef = ref(null);
+  const restoreTriggerFocus = () => {
+    const trigger = triggerRef.value;
+    const target = trigger?.querySelector(
+      'button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])'
+    ) ?? trigger;
+    window.setTimeout(() => {
+      restoreFocus(target, { preventScroll: true });
+    }, 0);
+  };
+  const closeAndRestoreFocus = () => {
+    setVisible(false);
+    restoreTriggerFocus();
+  };
   const {
     x,
     y,
@@ -59,14 +73,14 @@ function useFloatingPopup(options) {
         outsideClickCleanup = useVueClickOutside({
           enabled: currentVisible,
           refs: [containerRef, floatingRef],
-          onOutsideClick: () => setVisible(false),
+          onOutsideClick: closeAndRestoreFocus,
           defer: true
         });
       }
       if (visible && trigger !== "manual") {
         escapeKeyCleanup = useVueEscapeKey({
           enabled: currentVisible,
-          onEscape: () => setVisible(false)
+          onEscape: closeAndRestoreFocus
         });
       }
     },

package/dist/{chunk-3EVCDIZE.js → chunk-JT2ANXUR.js}

@@ -1,6 +1,6 @@
 "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 _chunkS3KTGULCjs = require('./chunk-S3KTGULC.js');
+var _chunkNNFDOVVAjs = require('./chunk-NNFDOVVA.js');
 
 
 var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
@@ -48,7 +48,7 @@ var Tooltip = _vue.defineComponent.call(void 0, {
       floatingRef,
       floatingStyles,
       triggerHandlers
-    } = _chunkS3KTGULCjs.useFloatingPopup.call(void 0, { props, emit });
+    } = _chunkNNFDOVVAjs.useFloatingPopup.call(void 0, { props, emit });
     const tooltipId = createTooltipId();
     const containerClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, _tigercatcore.getTooltipContainerClasses.call(void 0, ), props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class))

package/dist/{chunk-S3KTGULC.js → chunk-NNFDOVVA.js}

@@ -9,6 +9,7 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 function useFloatingPopup(options) {
   const { props, emit, multiTrigger = true } = options;
@@ -32,6 +33,19 @@ function useFloatingPopup(options) {
   const containerRef = _vue.ref.call(void 0, null);
   const triggerRef = _vue.ref.call(void 0, null);
   const floatingRef = _vue.ref.call(void 0, null);
+  const restoreTriggerFocus = () => {
+    const trigger = triggerRef.value;
+    const target = _nullishCoalesce(_optionalChain([trigger, 'optionalAccess', _ => _.querySelector, 'call', _2 => _2(
+      'button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])'
+    )]), () => ( trigger));
+    window.setTimeout(() => {
+      _tigercatcore.restoreFocus.call(void 0, target, { preventScroll: true });
+    }, 0);
+  };
+  const closeAndRestoreFocus = () => {
+    setVisible(false);
+    restoreTriggerFocus();
+  };
   const {
     x,
     y,
@@ -51,30 +65,30 @@ function useFloatingPopup(options) {
   _vue.watch.call(void 0, 
     [currentVisible, effectiveTrigger],
     ([visible, trigger]) => {
-      _optionalChain([outsideClickCleanup, 'optionalCall', _ => _()]);
-      _optionalChain([escapeKeyCleanup, 'optionalCall', _2 => _2()]);
+      _optionalChain([outsideClickCleanup, 'optionalCall', _3 => _3()]);
+      _optionalChain([escapeKeyCleanup, 'optionalCall', _4 => _4()]);
       outsideClickCleanup = void 0;
       escapeKeyCleanup = void 0;
       if (visible && trigger === "click") {
         outsideClickCleanup = _chunkEQW6IUHGjs.useVueClickOutside.call(void 0, {
           enabled: currentVisible,
           refs: [containerRef, floatingRef],
-          onOutsideClick: () => setVisible(false),
+          onOutsideClick: closeAndRestoreFocus,
           defer: true
         });
       }
       if (visible && trigger !== "manual") {
         escapeKeyCleanup = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, {
           enabled: currentVisible,
-          onEscape: () => setVisible(false)
+          onEscape: closeAndRestoreFocus
         });
       }
     },
     { immediate: true }
   );
   _vue.onBeforeUnmount.call(void 0, () => {
-    _optionalChain([outsideClickCleanup, 'optionalCall', _3 => _3()]);
-    _optionalChain([escapeKeyCleanup, 'optionalCall', _4 => _4()]);
+    _optionalChain([outsideClickCleanup, 'optionalCall', _5 => _5()]);
+    _optionalChain([escapeKeyCleanup, 'optionalCall', _6 => _6()]);
   });
   const floatingStyles = _vue.computed.call(void 0, () => ({
     position: "absolute",