@expcat/tigercat-vue 2.0.19 → 2.1.0

package/dist/components/FunnelChart.d.mts

@@ -198,14 +198,14 @@ declare const FunnelChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSegment-click"?: ((...args: any[]) => any) | undefined;
     "onSegment-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    direction: "vertical" | "horizontal";
     width: number;
     height: number;
-    direction: "vertical" | "horizontal";
     padding: ChartPadding;
     gradient: boolean;
+    gap: number;
     hoverable: boolean;
     selectable: boolean;
-    gap: number;
     hoveredIndex: number | null;
     activeOpacity: number;
     inactiveOpacity: number;

package/dist/components/FunnelChart.mjs

@@ -1,12 +1,12 @@
 import {
   FunnelChart,
   FunnelChart_default
-} from "../chunk-MAKOSWR6.mjs";
+} from "../chunk-37W7XTA6.mjs";
 import "../chunk-PE5OA4YG.mjs";
+import "../chunk-2ZUEXCVJ.mjs";
 import "../chunk-SPFL55TF.mjs";
 import "../chunk-W5RZPTFD.mjs";
 import "../chunk-V443QIJM.mjs";
-import "../chunk-2ZUEXCVJ.mjs";
 export {
   FunnelChart,
   FunnelChart_default as default

package/dist/components/Gantt.d.mts

@@ -208,9 +208,9 @@ declare const Gantt: vue.DefineComponent<vue.ExtractPropTypes<{
     "onTask-click"?: ((...args: any[]) => any) | undefined;
     "onTask-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    ariaLabel: string;
     width: number;
     height: number;
-    ariaLabel: string;
     padding: ChartPadding;
     hoverable: boolean;
     selectedId: string | number | null;

package/dist/components/GaugeChart.d.mts

@@ -178,10 +178,10 @@ declare const GaugeChart: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {
-    width: number;
-    height: number;
     min: number;
     max: number;
+    width: number;
+    height: number;
     color: string;
     padding: ChartPadding;
     gradient: boolean;

package/dist/components/Header.d.mts

@@ -75,8 +75,8 @@ declare const Header: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{}>, {
     className: string;
     style: Record<string, string | number>;
-    height: string;
     variant: HeaderVariant;
+    height: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Header, type VueHeaderProps, Header as default };

package/dist/components/HeatmapChart.d.mts

@@ -216,7 +216,7 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
     padding: ChartPadding;
     hoverable: boolean;
     selectable: boolean;
-    renderMode: "canvas" | "auto" | "svg";
+    renderMode: "auto" | "canvas" | "svg";
     hoveredIndex: number | null;
     activeOpacity: number;
     inactiveOpacity: number;

package/dist/components/Highlight.d.mts

@@ -0,0 +1,146 @@
+import * as vue from 'vue';
+import { PropType, VNode } from 'vue';
+import { HighlightKeywords } from '@expcat/tigercat-core';
+
+interface VueHighlightProps {
+    text?: string;
+    keywords?: HighlightKeywords;
+    caseSensitive?: boolean;
+    global?: boolean;
+    highlightClassName?: string;
+    highlightStyle?: Record<string, unknown>;
+    className?: string;
+    style?: Record<string, unknown>;
+}
+declare const Highlight: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * Source text to search. When omitted, the default slot is flattened to a string.
+     */
+    text: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Keyword string(s) and/or regular expression(s) to highlight.
+     */
+    keywords: {
+        type: PropType<HighlightKeywords>;
+        default: undefined;
+    };
+    /**
+     * Match case for string keywords. Regular expressions keep their own `i` flag.
+     * @default false
+     */
+    caseSensitive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Highlight every occurrence. When false, only the first match of each keyword.
+     * @default true
+     */
+    global: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Additional CSS classes on highlighted `mark` elements
+     */
+    highlightClassName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles on highlighted `mark` elements
+     */
+    highlightStyle: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles
+     */
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Source text to search. When omitted, the default slot is flattened to a string.
+     */
+    text: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Keyword string(s) and/or regular expression(s) to highlight.
+     */
+    keywords: {
+        type: PropType<HighlightKeywords>;
+        default: undefined;
+    };
+    /**
+     * Match case for string keywords. Regular expressions keep their own `i` flag.
+     * @default false
+     */
+    caseSensitive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Highlight every occurrence. When false, only the first match of each keyword.
+     * @default true
+     */
+    global: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Additional CSS classes on highlighted `mark` elements
+     */
+    highlightClassName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles on highlighted `mark` elements
+     */
+    highlightStyle: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles
+     */
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    style: Record<string, unknown>;
+    text: string;
+    keywords: HighlightKeywords;
+    caseSensitive: boolean;
+    global: boolean;
+    highlightClassName: string;
+    highlightStyle: Record<string, unknown>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { Highlight, type VueHighlightProps, Highlight as default };

package/dist/components/Highlight.mjs

@@ -0,0 +1,8 @@
+import {
+  Highlight,
+  Highlight_default
+} from "../chunk-BBNCP55O.mjs";
+export {
+  Highlight,
+  Highlight_default as default
+};

package/dist/components/Icon.d.mts

@@ -77,7 +77,7 @@ declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
         default: string;
     };
 }>> & Readonly<{}>, {
-    name: "filter" | "link" | "menu" | "search" | "close" | "copy" | "error" | "upload" | "calendar" | "phone" | "image" | "success" | "warning" | "info" | "check" | "chevron-up" | "chevron-down" | "chevron-left" | "chevron-right" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-down" | "plus" | "minus" | "edit" | "trash" | "user" | "settings" | "eye" | "eye-off" | "clock" | "more-horizontal" | "more-vertical" | "external-link" | "home" | "bell" | "mail" | "download" | "refresh" | "logout" | "lock" | "star" | "heart" | "document" | "folder" | "map-pin" | "check-circle" | "x-circle" | "users" | "dashboard";
+    name: "upload" | "calendar" | "filter" | "error" | "phone" | "link" | "menu" | "search" | "close" | "copy" | "image" | "success" | "warning" | "info" | "check" | "chevron-up" | "chevron-down" | "chevron-left" | "chevron-right" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-down" | "plus" | "minus" | "edit" | "trash" | "user" | "settings" | "eye" | "eye-off" | "clock" | "more-horizontal" | "more-vertical" | "external-link" | "home" | "bell" | "mail" | "download" | "refresh" | "logout" | "lock" | "star" | "heart" | "document" | "folder" | "map-pin" | "check-circle" | "x-circle" | "users" | "dashboard";
     size: IconSize;
     icon: IconDefinition;
     color: string;

package/dist/components/ImageAnnotation.d.mts

@@ -92,7 +92,7 @@ declare const ImageAnnotation: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "select" | "update:modelValue" | "ready" | "tool-change")[], "change" | "select" | "update:modelValue" | "ready" | "tool-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("select" | "change" | "update:modelValue" | "ready" | "tool-change")[], "select" | "change" | "update:modelValue" | "ready" | "tool-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     locale: {
         type: PropType<Partial<TigerLocale>>;
         default: undefined;
@@ -162,15 +162,15 @@ declare const ImageAnnotation: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onReady?: ((...args: any[]) => any) | undefined;
     "onTool-change"?: ((...args: any[]) => any) | undefined;
 }>, {
+    locale: Partial<TigerLocale>;
     className: string;
     style: Record<string, string | number>;
-    locale: Partial<TigerLocale>;
     disabled: boolean;
     defaultValue: ImageAnnotation$1[];
     modelValue: ImageAnnotation$1[];

package/dist/components/ImageCompare.d.mts

@@ -0,0 +1,284 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { ImageFit, ImageCompareOrientation } from '@expcat/tigercat-core';
+
+interface VueImageCompareProps {
+    beforeSrc?: string;
+    afterSrc?: string;
+    beforeAlt?: string;
+    afterAlt?: string;
+    fit?: ImageFit;
+    position?: number;
+    defaultPosition?: number;
+    orientation?: ImageCompareOrientation;
+    step?: number;
+    disabled?: boolean;
+    width?: number | string;
+    height?: number | string;
+    ariaLabel?: string;
+    className?: string;
+    style?: Record<string, unknown>;
+}
+declare const ImageCompare: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * Before (starting) image URL. The `before` slot takes precedence when provided.
+     */
+    beforeSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * After (ending) image URL. The `after` slot takes precedence when provided.
+     */
+    afterSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Alternative text for the before image
+     * @default ''
+     */
+    beforeAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Alternative text for the after image
+     * @default ''
+     */
+    afterAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Object-fit applied to the before/after `<img>` elements
+     * @default 'cover'
+     */
+    fit: {
+        type: PropType<ImageFit>;
+        default: string;
+    };
+    /**
+     * Handle position as a percentage of the before image that is visible
+     * (controlled mode)
+     */
+    position: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Initial handle position (uncontrolled mode)
+     * @default 50
+     */
+    defaultPosition: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Comparison axis
+     * @default 'horizontal'
+     */
+    orientation: {
+        type: PropType<ImageCompareOrientation>;
+        default: string;
+    };
+    /**
+     * Keyboard and pointer snap increment, in percentage points
+     * @default 1
+     */
+    step: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Whether pointer and keyboard adjustment are disabled
+     * @default false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Root width (CSS value). A number is treated as pixels.
+     */
+    width: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    /**
+     * Root height (CSS value). A number is treated as pixels.
+     */
+    height: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    /**
+     * Accessible name for the comparison handle
+     * @default 'Image comparison'
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles
+     */
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    /**
+     * Emitted when the handle position changes (for v-model:position)
+     */
+    'update:position': (value: number) => boolean;
+    /**
+     * Emitted when the handle position changes
+     */
+    change: (value: number) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Before (starting) image URL. The `before` slot takes precedence when provided.
+     */
+    beforeSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * After (ending) image URL. The `after` slot takes precedence when provided.
+     */
+    afterSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Alternative text for the before image
+     * @default ''
+     */
+    beforeAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Alternative text for the after image
+     * @default ''
+     */
+    afterAlt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Object-fit applied to the before/after `<img>` elements
+     * @default 'cover'
+     */
+    fit: {
+        type: PropType<ImageFit>;
+        default: string;
+    };
+    /**
+     * Handle position as a percentage of the before image that is visible
+     * (controlled mode)
+     */
+    position: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Initial handle position (uncontrolled mode)
+     * @default 50
+     */
+    defaultPosition: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Comparison axis
+     * @default 'horizontal'
+     */
+    orientation: {
+        type: PropType<ImageCompareOrientation>;
+        default: string;
+    };
+    /**
+     * Keyboard and pointer snap increment, in percentage points
+     * @default 1
+     */
+    step: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Whether pointer and keyboard adjustment are disabled
+     * @default false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Root width (CSS value). A number is treated as pixels.
+     */
+    width: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    /**
+     * Root height (CSS value). A number is treated as pixels.
+     */
+    height: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    /**
+     * Accessible name for the comparison handle
+     * @default 'Image comparison'
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles
+     */
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
+    "onUpdate:position"?: ((value: number) => any) | undefined;
+}>, {
+    ariaLabel: string;
+    className: string;
+    style: Record<string, unknown>;
+    disabled: boolean;
+    step: number;
+    width: string | number;
+    height: string | number;
+    position: number;
+    orientation: ImageCompareOrientation;
+    fit: ImageFit;
+    beforeSrc: string;
+    afterSrc: string;
+    beforeAlt: string;
+    afterAlt: string;
+    defaultPosition: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { ImageCompare, type VueImageCompareProps, ImageCompare as default };

package/dist/components/ImageCompare.mjs

@@ -0,0 +1,8 @@
+import {
+  ImageCompare,
+  ImageCompare_default
+} from "../chunk-AY7CGLMO.mjs";
+export {
+  ImageCompare,
+  ImageCompare_default as default
+};

package/dist/components/ImageCropper.d.mts

@@ -102,9 +102,9 @@ declare const ImageCropper: vue.DefineComponent<vue.ExtractPropTypes<{
     onReady?: ((...args: any[]) => any) | undefined;
     "onCrop-change"?: ((...args: any[]) => any) | undefined;
 }>, {
+    locale: Partial<TigerLocale>;
     className: string;
     style: Record<string, string | number>;
-    locale: Partial<TigerLocale>;
     quality: number;
     aspectRatio: number;
     minWidth: number;

package/dist/components/ImagePreview.d.mts

@@ -102,9 +102,9 @@ declare const ImagePreview: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:currentIndex"?: ((...args: any[]) => any) | undefined;
     "onScale-change"?: ((...args: any[]) => any) | undefined;
 }>, {
-    zIndex: number;
     locale: Partial<TigerLocale>;
     open: boolean;
+    zIndex: number;
     images: string[];
     scaleStep: number;
     minScale: number;

package/dist/components/ImageViewer.d.mts

@@ -110,8 +110,8 @@ declare const ImageViewer: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     "onUpdate:currentIndex"?: ((...args: any[]) => any) | undefined;
 }>, {
-    className: string;
     locale: Partial<TigerLocale>;
+    className: string;
     open: boolean;
     images: string[];
     currentIndex: number;

package/dist/components/InfiniteScroll.d.mts

@@ -101,10 +101,10 @@ declare const InfiniteScroll: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     "onLoad-more"?: ((...args: any[]) => any) | undefined;
 }>, {
-    className: string;
     locale: Partial<TigerLocale>;
     direction: "vertical" | "horizontal";
     loadingText: string;
+    className: string;
     disabled: boolean;
     loading: boolean;
     threshold: number;

package/dist/components/Input.d.mts

@@ -244,15 +244,15 @@ declare const Input: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, string | number>>;
     };
 }>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: InputType;
     status: InputStatus;
+    type: InputType;
     placeholder: string;
     required: boolean;
     size: ComponentSize;
@@ -260,9 +260,9 @@ declare const Input: vue.DefineComponent<vue.ExtractPropTypes<{
     clearable: boolean;
     readonly: boolean;
     autoFocus: boolean;
+    _shakeTrigger: number;
     showCount: boolean;
     showPassword: boolean;
-    _shakeTrigger: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Input, type VueInputProps, Input as default };

package/dist/components/InputGroup.d.mts

@@ -45,8 +45,8 @@ declare const InputGroup: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
     size: ComponentSize;
+    className: string;
     compact: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const InputGroupAddon: vue.DefineComponent<vue.ExtractPropTypes<{

package/dist/components/InputNumber.d.mts

@@ -106,7 +106,7 @@ declare const InputNumber: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "blur" | "focus" | "update:modelValue")[], "change" | "blur" | "focus" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("blur" | "change" | "focus" | "update:modelValue")[], "blur" | "change" | "focus" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: PropType<number | null>;
     };
@@ -184,14 +184,14 @@ declare const InputNumber: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    className: string;
     status: InputStatus;
     size: ComponentSize;
+    className: string;
     disabled: boolean;
     defaultValue: number | null;
     min: number;