@expcat/tigercat-vue 0.3.0 → 0.3.70

package/dist/{chunk-VP4ZSIY3.mjs → chunk-WQXZ3234.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, h } from 'vue';
-import { classNames, iconWrapperClasses, coerceClassValue, iconSvgBaseClasses, iconSizeClasses, SVG_DEFAULT_STROKE, SVG_DEFAULT_FILL, SVG_DEFAULT_VIEWBOX_24, SVG_DEFAULT_XMLNS } from '@expcat/tigercat-core';
+import { classNames, iconWrapperClasses, coerceClassValue, iconSvgBaseClasses, iconSizeClasses, iconSvgDefaultStrokeLinejoin, iconSvgDefaultStrokeLinecap, iconSvgDefaultStrokeWidth, SVG_DEFAULT_STROKE, SVG_DEFAULT_FILL, SVG_DEFAULT_VIEWBOX_24, SVG_DEFAULT_XMLNS } from '@expcat/tigercat-core';
 
 // src/components/Icon.ts
 var Icon = defineComponent({
@@ -21,61 +21,34 @@ var Icon = defineComponent({
     color: {
       type: String,
       default: "currentColor"
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles for the wrapper
-     */
-    style: {
-      type: Object,
-      default: void 0
     }
   },
   setup(props, { slots, attrs }) {
-    const wrapperClasses = computed(() => {
-      return classNames(iconWrapperClasses, coerceClassValue(attrs.class), props.className);
-    });
-    const svgBaseClasses = computed(() => {
-      return classNames(iconSvgBaseClasses, iconSizeClasses[props.size]);
-    });
-    const wrapperStyle = computed(() => {
-      return {
-        ...attrs.style,
-        ...props.style ?? {},
-        color: props.color
-      };
-    });
+    const wrapperClasses = computed(
+      () => classNames(iconWrapperClasses, coerceClassValue(attrs.class))
+    );
+    const svgClasses = computed(() => classNames(iconSvgBaseClasses, iconSizeClasses[props.size]));
     return () => {
       const defaultSlot = slots.default?.();
-      const ariaLabel = attrs["aria-label"];
-      const ariaLabelledBy = attrs["aria-labelledby"];
-      const hasExplicitRole = attrs.role != null;
-      const isDecorative = ariaLabel == null && ariaLabelledBy == null && !hasExplicitRole;
+      const isDecorative = attrs["aria-label"] == null && attrs["aria-labelledby"] == null && attrs.role == null;
       const children = (defaultSlot ?? []).map((node) => {
         if (node && typeof node === "object" && node.type === "svg") {
           const svgNode = node;
           const svgProps = svgNode.props ?? {};
-          const svgChildren = svgNode.children === null ? void 0 : svgNode.children;
           return h(
             "svg",
             {
               ...svgProps,
-              class: classNames(svgBaseClasses.value, coerceClassValue(svgProps.class)),
+              class: classNames(svgClasses.value, coerceClassValue(svgProps.class)),
               xmlns: svgProps.xmlns ?? SVG_DEFAULT_XMLNS,
               viewBox: svgProps.viewBox ?? SVG_DEFAULT_VIEWBOX_24,
               fill: svgProps.fill ?? SVG_DEFAULT_FILL,
               stroke: svgProps.stroke ?? SVG_DEFAULT_STROKE,
-              "stroke-width": svgProps["stroke-width"] ?? "2",
-              "stroke-linecap": svgProps["stroke-linecap"] ?? "round",
-              "stroke-linejoin": svgProps["stroke-linejoin"] ?? "round"
+              "stroke-width": svgProps["stroke-width"] ?? iconSvgDefaultStrokeWidth,
+              "stroke-linecap": svgProps["stroke-linecap"] ?? iconSvgDefaultStrokeLinecap,
+              "stroke-linejoin": svgProps["stroke-linejoin"] ?? iconSvgDefaultStrokeLinejoin
             },
-            svgChildren
+            svgNode.children === null ? void 0 : svgNode.children
           );
         }
         return node;
@@ -85,7 +58,7 @@ var Icon = defineComponent({
         {
           ...attrs,
           class: wrapperClasses.value,
-          style: wrapperStyle.value,
+          style: { ...attrs.style, color: props.color },
           ...isDecorative ? { "aria-hidden": "true" } : { role: attrs.role ?? "img" }
         },
         children

package/dist/{chunk-CF5D36KB.mjs → chunk-XCJONKFL.mjs}

@@ -1,6 +1,6 @@
-import { MenuContextKey } from './chunk-FKON56SN.mjs';
+import { MenuContextKey } from './chunk-3AM6WEUE.mjs';
 import { defineComponent, inject, computed, h } from 'vue';
-import { isKeySelected, classNames, getMenuItemClasses, coerceClassValue, getMenuItemIndent, mergeStyleValues, menuItemIconClasses } from '@expcat/tigercat-core';
+import { isKeySelected, classNames, getMenuItemClasses, coerceClassValue, getMenuItemIndent, mergeStyleValues, menuItemIconClasses, moveFocusInMenu, focusMenuEdge } from '@expcat/tigercat-core';
 
 var MenuItem = defineComponent({
   name: "TigerMenuItem",
@@ -58,18 +58,18 @@ var MenuItem = defineComponent({
           "flex items-center px-4 py-2 cursor-pointer transition-colors duration-200"
         );
       }
-      const effectiveCollapsed = props.collapsed ?? (menuContext ? menuContext.collapsed : false);
+      const effectiveCollapsed = props.collapsed ?? menuContext.collapsed.value;
       return classNames(
-        getMenuItemClasses(isSelected.value, props.disabled, menuContext.theme, effectiveCollapsed),
+        getMenuItemClasses(isSelected.value, props.disabled, menuContext.theme.value, effectiveCollapsed),
         props.className,
         coerceClassValue(attrs.class)
       );
     });
     const indentStyle = computed(() => {
-      if (!menuContext || menuContext.mode !== "inline" || props.level === 0) {
+      if (!menuContext || menuContext.mode.value !== "inline" || props.level === 0) {
         return {};
       }
-      return getMenuItemIndent(props.level, menuContext.inlineIndent);
+      return getMenuItemIndent(props.level, menuContext.inlineIndent.value);
     });
     const itemStyle = computed(() => mergeStyleValues(attrs.style, props.style, indentStyle.value));
     const passthroughAttrs = computed(() => {
@@ -81,65 +81,32 @@ var MenuItem = defineComponent({
         menuContext.handleSelect(props.itemKey);
       }
     };
-    const getMenuButtonsWithin = (menuEl) => {
-      return Array.from(
-        menuEl.querySelectorAll('button[data-tiger-menuitem="true"]')
-      ).filter((el) => !el.disabled);
-    };
-    const roveFocus = (current, next) => {
-      const menuEl = current.closest('ul[role="menu"]');
-      if (!menuEl) {
-        next.focus();
-        return;
-      }
-      const items = getMenuButtonsWithin(menuEl);
-      items.forEach((el) => {
-        el.tabIndex = el === next ? 0 : -1;
-      });
-      next.focus();
-    };
-    const moveFocus = (current, delta) => {
-      const menuEl = current.closest('ul[role="menu"]');
-      if (!menuEl) return;
-      const items = getMenuButtonsWithin(menuEl);
-      const currentIndex = items.indexOf(current);
-      if (currentIndex < 0) return;
-      const nextIndex = (currentIndex + delta + items.length) % items.length;
-      roveFocus(current, items[nextIndex]);
-    };
-    const focusEdge = (current, edge) => {
-      const menuEl = current.closest('ul[role="menu"]');
-      if (!menuEl) return;
-      const items = getMenuButtonsWithin(menuEl);
-      if (items.length === 0) return;
-      roveFocus(current, edge === "start" ? items[0] : items[items.length - 1]);
-    };
     const handleKeyDown = (event) => {
       if (!menuContext) return;
       const current = event.currentTarget;
       const rootMenu = current.closest('ul[role="menu"]');
       const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
-      const isHorizontalRoot = isRoot && menuContext.mode === "horizontal";
+      const isHorizontalRoot = isRoot && menuContext.mode.value === "horizontal";
       const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
       const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
       if (event.key === nextKey) {
         event.preventDefault();
-        moveFocus(current, 1);
+        moveFocusInMenu(current, 1);
         return;
       }
       if (event.key === prevKey) {
         event.preventDefault();
-        moveFocus(current, -1);
+        moveFocusInMenu(current, -1);
         return;
       }
       if (event.key === "Home") {
         event.preventDefault();
-        focusEdge(current, "start");
+        focusMenuEdge(current, "start");
         return;
       }
       if (event.key === "End") {
         event.preventDefault();
-        focusEdge(current, "end");
+        focusMenuEdge(current, "end");
         return;
       }
       if (event.key === "Enter" || event.key === " ") {
@@ -149,7 +116,7 @@ var MenuItem = defineComponent({
     };
     return () => {
       const children = [];
-      const effectiveCollapsed = props.collapsed ?? (menuContext ? menuContext.collapsed : false);
+      const effectiveCollapsed = props.collapsed ?? (menuContext ? menuContext.collapsed.value : false);
       if (props.icon) {
         if (typeof props.icon === "string") {
           children.push(

package/dist/{chunk-HWHMM3QE.js → chunk-XEU42TLP.js}

@@ -267,6 +267,7 @@ var Tree = vue.defineComponent({
       }
       return internalCheckedState.value;
     });
+    const checkedSets = vue.computed(() => tigercatCore.checkedSetsFromState(computedCheckedState.value));
     const visibleItems = vue.computed(
       () => tigercatCore.getVisibleTreeItems(props.treeData, computedExpandedKeys.value, filteredNodeKeys.value)
     );
@@ -413,12 +414,12 @@ var Tree = vue.defineComponent({
       }
       return void 0;
     }
-    function renderTreeNode(node, level, _parentKey) {
+    function renderTreeNode(node, level) {
       const hasChildren = !!(node.children && node.children.length > 0);
       const isExpanded = computedExpandedKeys.value.has(node.key);
       const isSelected = computedSelectedKeys.value.has(node.key);
-      const isChecked = computedCheckedState.value.checked.includes(node.key);
-      const isHalfChecked = computedCheckedState.value.halfChecked.includes(node.key);
+      const isChecked = checkedSets.value.checkedSet.has(node.key);
+      const isHalfChecked = checkedSets.value.halfCheckedSet.has(node.key);
       const isLoading = loadingNodes.value.has(node.key);
       const isFiltered = filteredNodeKeys.value.size > 0;
       const isMatched = filteredNodeKeys.value.has(node.key);
@@ -601,7 +602,7 @@ var Tree = vue.defineComponent({
             {
               class: tigercatCore.classNames(tigercatCore.treeNodeChildrenClasses, props.showLine && tigercatCore.treeLineClasses)
             },
-            node.children.map((child) => renderTreeNode(child, level + 1, node.key))
+            node.children.map((child) => renderTreeNode(child, level + 1))
           )
         ]
       );
@@ -631,7 +632,7 @@ var Tree = vue.defineComponent({
           "aria-multiselectable": effectiveMultiple.value ? true : void 0,
           ref: rootEl
         },
-        [props.treeData.map((node) => renderTreeNode(node, 0))]
+        props.treeData.map((node) => renderTreeNode(node, 0))
       );
     };
   }

package/dist/{chunk-TKTAGTDP.js → chunk-XV5DEK27.js}

@@ -146,11 +146,9 @@ var Carousel = vue.defineComponent({
       }
       return tigercatCore.carouselSlideBaseClasses;
     };
-    const getSlideStyle = () => {
-      return {
-        transitionDuration: `${props.speed}ms`
-      };
-    };
+    const slideStyle = vue.computed(() => ({
+      transitionDuration: `${props.speed}ms`
+    }));
     const dotsClasses = vue.computed(() => {
       return tigercatCore.getCarouselDotsClasses(props.dotPosition);
     });
@@ -251,57 +249,36 @@ var Carousel = vue.defineComponent({
       };
       const slides = flattenSlots(defaultSlot).filter((child) => child.type !== vue.Comment);
       slideCount.value = slides.length;
-      const renderArrows = () => {
-        if (!props.arrows) return null;
-        const prevArrow = vue.h(
-          "button",
-          {
-            type: "button",
-            class: tigercatCore.getCarouselArrowClasses("prev", isPrevArrowDisabled.value),
-            onClick: prev,
-            disabled: isPrevArrowDisabled.value,
-            "aria-label": "Previous slide"
-          },
-          vue.h(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              "stroke-width": "2",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              class: "w-6 h-6"
-            },
-            vue.h("path", { d: tigercatCore.carouselPrevArrowPath })
-          )
-        );
-        const nextArrow = vue.h(
-          "button",
+      const renderArrowButton = (type, disabled, onClick, path) => vue.h(
+        "button",
+        {
+          type: "button",
+          class: tigercatCore.getCarouselArrowClasses(type, disabled),
+          onClick,
+          disabled,
+          "aria-label": type === "prev" ? "Previous slide" : "Next slide"
+        },
+        vue.h(
+          "svg",
           {
-            type: "button",
-            class: tigercatCore.getCarouselArrowClasses("next", isNextArrowDisabled.value),
-            onClick: next,
-            disabled: isNextArrowDisabled.value,
-            "aria-label": "Next slide"
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            class: "w-6 h-6"
           },
-          vue.h(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              "stroke-width": "2",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              class: "w-6 h-6"
-            },
-            vue.h("path", { d: tigercatCore.carouselNextArrowPath })
-          )
-        );
-        return [prevArrow, nextArrow];
+          vue.h("path", { d: path })
+        )
+      );
+      const renderArrows = () => {
+        if (!props.arrows) return null;
+        return [
+          renderArrowButton("prev", isPrevArrowDisabled.value, prev, tigercatCore.carouselPrevArrowPath),
+          renderArrowButton("next", isNextArrowDisabled.value, next, tigercatCore.carouselNextArrowPath)
+        ];
       };
       const renderDots = () => {
         if (!props.dots || slides.length <= 1) return null;
@@ -332,7 +309,7 @@ var Carousel = vue.defineComponent({
             {
               key: index,
               class: getSlideClasses(index),
-              style: props.effect === "fade" ? getSlideStyle() : void 0,
+              style: props.effect === "fade" ? slideStyle.value : void 0,
               role: "group",
               "aria-roledescription": "slide",
               "aria-label": `Slide ${index + 1} of ${slides.length}`,

package/dist/{chunk-HPTXW2VK.mjs → chunk-XYYZAQ6Z.mjs}

@@ -58,9 +58,6 @@ var Switch = defineComponent({
       emit("update:checked", newValue);
       emit("change", newValue);
     };
-    const handleClick = () => {
-      emitChange();
-    };
     const handleKeyDown = (event) => {
       if (props.disabled) return;
       if (event.key === " " || event.key === "Enter") {
@@ -77,10 +74,10 @@ var Switch = defineComponent({
         "aria-checked": props.checked,
         "aria-disabled": props.disabled ? "true" : void 0,
         class: [switchClasses.value, attrs.class],
-        style: [props.style, attrs.style],
+        style: props.style,
         disabled: props.disabled,
         tabindex: props.disabled ? -1 : attrs.tabindex,
-        onClick: handleClick,
+        onClick: emitChange,
         onKeydown: handleKeyDown
       },
       [

package/dist/{chunk-SHXM2ZXC.mjs → chunk-Y4V7BOVR.mjs}

@@ -1,4 +1,4 @@
-import { defineComponent, getCurrentInstance, ref, computed, watch, provide, h } from 'vue';
+import { defineComponent, getCurrentInstance, ref, computed, provide, h } from 'vue';
 import { classNames, coerceClassValue, getRadioGroupClasses } from '@expcat/tigercat-core';
 
 // src/components/RadioGroup.ts
@@ -71,17 +71,7 @@ var RadioGroup = defineComponent({
       const rawProps = instance?.vnode.props;
       return !!rawProps && Object.prototype.hasOwnProperty.call(rawProps, "value");
     });
-    const currentValue = computed(() => {
-      return isControlled.value ? props.value : internalValue.value;
-    });
-    watch(
-      () => props.defaultValue,
-      (newVal) => {
-        if (!isControlled.value) {
-          internalValue.value = newVal;
-        }
-      }
-    );
+    const currentValue = computed(() => isControlled.value ? props.value : internalValue.value);
     const handleChange = (value) => {
       if (props.disabled) return;
       if (!isControlled.value) {
@@ -128,10 +118,7 @@ var RadioGroup = defineComponent({
     return () => {
       const rootStyle = [attrs.style, props.style];
       const mergedClass = classNames(props.className, coerceClassValue(attrs.class));
-      const rootClass = getRadioGroupClasses({
-        className: mergedClass,
-        hasCustomClass: !!mergedClass
-      });
+      const rootClass = getRadioGroupClasses({ className: mergedClass });
       const { class: _class, style: _style, ...restAttrs } = attrs;
       return h(
         "div",

package/dist/{chunk-YRFK5X43.js → chunk-Y5AZNO2W.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkR2DKSTP4_js = require('./chunk-R2DKSTP4.js');
-var chunk5XW532JA_js = require('./chunk-5XW532JA.js');
-var chunk2ONL76L4_js = require('./chunk-2ONL76L4.js');
-var chunkGGV4STQD_js = require('./chunk-GGV4STQD.js');
+var chunkWCZGYU7M_js = require('./chunk-WCZGYU7M.js');
+var chunkNOTJRUAK_js = require('./chunk-NOTJRUAK.js');
+var chunkLUN3PRLX_js = require('./chunk-LUN3PRLX.js');
+var chunkDELTFEEJ_js = require('./chunk-DELTFEEJ.js');
 var vue = require('vue');
 var tigercatCore = require('@expcat/tigercat-core');
 
@@ -49,20 +49,24 @@ var FormWizard = vue.defineComponent({
     },
     prevText: {
       type: String,
-      default: "Previous"
+      default: void 0
     },
     nextText: {
       type: String,
-      default: "Next"
+      default: void 0
     },
     finishText: {
       type: String,
-      default: "Finish"
+      default: void 0
     },
     beforeNext: {
       type: Function,
       default: void 0
     },
+    locale: {
+      type: Object,
+      default: void 0
+    },
     className: {
       type: String,
       default: void 0
@@ -74,8 +78,10 @@ var FormWizard = vue.defineComponent({
   },
   emits: ["change", "update:current", "finish"],
   setup(props, { slots, attrs, emit }) {
+    const config = chunkLUN3PRLX_js.useTigerConfig();
+    const mergedLocale = vue.computed(() => tigercatCore.mergeTigerLocale(config.value.locale, props.locale));
+    const labels = vue.computed(() => tigercatCore.getFormWizardLabels(mergedLocale.value));
     const innerCurrent = vue.ref(props.current ?? props.defaultCurrent);
-    const errorMessage = vue.ref(null);
     vue.watch(
       () => props.current,
       (value) => {
@@ -97,7 +103,7 @@ var FormWizard = vue.defineComponent({
     const currentStep = vue.computed(() => props.steps[currentIndex.value]);
     const wrapperClasses = vue.computed(
       () => tigercatCore.classNames(
-        "tiger-form-wizard flex flex-col gap-6 w-full",
+        "tiger-form-wizard w-full rounded-lg border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden",
         props.className,
         tigercatCore.coerceClassValue(attrs.class)
       )
@@ -120,24 +126,16 @@ var FormWizard = vue.defineComponent({
     };
     const runBeforeNext = async () => {
       if (!props.beforeNext || !currentStep.value) {
-        errorMessage.value = null;
         return true;
       }
       const result = await props.beforeNext(currentIndex.value, currentStep.value, props.steps);
       if (result === true) {
-        errorMessage.value = null;
         return true;
       }
-      if (typeof result === "string") {
-        errorMessage.value = result;
-      } else {
-        errorMessage.value = null;
-      }
       return false;
     };
     const handlePrev = () => {
       if (currentIndex.value <= 0 || props.steps[currentIndex.value - 1]?.disabled) return;
-      errorMessage.value = null;
       setCurrent(currentIndex.value - 1);
     };
     const handleNext = async () => {
@@ -150,7 +148,6 @@ var FormWizard = vue.defineComponent({
         return;
       }
       if (props.steps[currentIndex.value + 1]?.disabled) return;
-      errorMessage.value = null;
       setCurrent(currentIndex.value + 1);
     };
     const handleStepChange = async (nextIndex) => {
@@ -159,7 +156,6 @@ var FormWizard = vue.defineComponent({
         const ok = await runBeforeNext();
         if (!ok) return;
       }
-      errorMessage.value = null;
       setCurrent(nextIndex);
     };
     const renderContent = () => {
@@ -179,7 +175,7 @@ var FormWizard = vue.defineComponent({
     };
     return () => {
       const stepsNodes = props.steps.map(
-        (step, index) => vue.h(chunkR2DKSTP4_js.StepsItem, {
+        (step, index) => vue.h(chunkWCZGYU7M_js.StepsItem, {
           key: step.key ?? index,
           title: step.title,
           description: step.description,
@@ -199,61 +195,54 @@ var FormWizard = vue.defineComponent({
           "data-tiger-form-wizard": ""
         },
         [
-          props.showSteps && props.steps.length > 0 ? vue.h(
-            chunk5XW532JA_js.Steps,
-            {
-              current: currentIndex.value,
-              direction: props.direction,
-              size: props.size,
-              simple: props.simple,
-              clickable: props.clickable,
-              "onUpdate:current": handleStepChange
-            },
-            { default: () => stepsNodes }
-          ) : null,
-          errorMessage.value ? vue.h(chunkGGV4STQD_js.Alert, {
-            type: "error",
-            description: errorMessage.value,
-            className: "tiger-form-wizard-alert"
-          }) : null,
+          props.showSteps && props.steps.length > 0 ? vue.h("div", { class: "px-6 py-5 bg-[var(--tiger-surface-muted,#f9fafb)]" }, [
+            vue.h(
+              chunkNOTJRUAK_js.Steps,
+              {
+                current: currentIndex.value,
+                direction: props.direction,
+                size: props.size,
+                simple: props.simple,
+                clickable: props.clickable,
+                "onUpdate:current": handleStepChange
+              },
+              { default: () => stepsNodes }
+            )
+          ]) : null,
           vue.h(
+            "div",
+            { class: "px-6 py-4 flex flex-col items-center" },
+            { default: () => renderContent() }
+          ),
+          props.showActions ? vue.h(
             "div",
             {
-              class: "tiger-form-wizard-body rounded-lg border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] p-6"
+              class: "flex items-center justify-center gap-3 px-6 py-2 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface-muted,#f9fafb)]"
             },
-            {
-              default: () => [
-                renderContent(),
-                props.showActions ? vue.h(
-                  "div",
-                  {
-                    class: "tiger-form-wizard-actions flex items-center justify-between border-t border-[var(--tiger-border,#e5e7eb)] pt-4 mt-6"
-                  },
-                  [
-                    vue.h(
-                      chunk2ONL76L4_js.Button,
-                      {
-                        type: "button",
-                        variant: "secondary",
-                        disabled: isFirst,
-                        onClick: handlePrev
-                      },
-                      { default: () => props.prevText }
-                    ),
-                    vue.h(
-                      chunk2ONL76L4_js.Button,
-                      {
-                        type: "button",
-                        variant: "primary",
-                        onClick: handleNext
-                      },
-                      { default: () => isLast ? props.finishText : props.nextText }
-                    )
-                  ]
-                ) : null
-              ]
-            }
-          )
+            [
+              vue.h(
+                chunkDELTFEEJ_js.Button,
+                {
+                  type: "button",
+                  variant: "secondary",
+                  disabled: isFirst,
+                  onClick: handlePrev
+                },
+                { default: () => tigercatCore.resolveLocaleText(labels.value.prevText, props.prevText) }
+              ),
+              vue.h(
+                chunkDELTFEEJ_js.Button,
+                {
+                  type: "button",
+                  variant: "primary",
+                  onClick: handleNext
+                },
+                {
+                  default: () => isLast ? tigercatCore.resolveLocaleText(labels.value.finishText, props.finishText) : tigercatCore.resolveLocaleText(labels.value.nextText, props.nextText)
+                }
+              )
+            ]
+          ) : null
         ]
       );
     };