@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/components/Table.d.ts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import * as _expcat_tigercat_core from '@expcat/tigercat-core';
-import { TableColumn, SortState, TableSize, PaginationConfig, RowSelectionConfig, ExpandableConfig, FilterRule } from '@expcat/tigercat-core';
+import { TableColumn, SortState, TableSize, PaginationConfig, RowSelectionConfig, ExpandableConfig, TableResponsiveMode, FilterRule } from '@expcat/tigercat-core';
 
 /**
  * Public TS prop interface for Vue Table — surfaces in IDE / docs.
@@ -26,21 +26,27 @@ interface VueTableProps {
     rowClassName?: string | ((record: Record<string, unknown>, index: number) => string);
     stickyHeader?: boolean;
     maxHeight?: string | number;
+    tableLayout?: 'auto' | 'fixed';
+    responsiveMode?: TableResponsiveMode;
     virtual?: boolean;
     virtualHeight?: number;
     virtualItemHeight?: number;
+    autoVirtual?: boolean;
+    autoVirtualThreshold?: number;
     virtualThreshold?: number;
     editable?: boolean;
     editableCells?: Map<string, Set<number>>;
     filterMode?: 'basic' | 'advanced';
     advancedFilterRules?: FilterRule[];
     columnDraggable?: boolean;
+    rowDraggable?: boolean;
     summaryRow?: {
         show: boolean;
         data: Record<string, unknown>;
     };
     groupBy?: string;
     exportable?: boolean;
+    exportFormat?: 'csv' | 'excel';
     exportFilename?: string;
 }
 
@@ -133,10 +139,18 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: vue.PropType<"auto" | "fixed">;
         readonly default: "auto";
     };
+    readonly responsiveMode: {
+        readonly type: vue.PropType<_expcat_tigercat_core.TableResponsiveMode>;
+        readonly default: _expcat_tigercat_core.TableResponsiveMode;
+    };
     readonly virtual: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly autoVirtual: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly virtualHeight: {
         readonly type: NumberConstructor;
         readonly default: 400;
@@ -145,6 +159,10 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: NumberConstructor;
         readonly default: 40;
     };
+    readonly autoVirtualThreshold: {
+        readonly type: NumberConstructor;
+        readonly default: 10000;
+    };
     readonly virtualThreshold: {
         readonly type: NumberConstructor;
         readonly default: 1000;
@@ -168,6 +186,10 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly rowDraggable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly summaryRow: {
         readonly type: vue.PropType<{
             show: boolean;
@@ -181,6 +203,10 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly exportFormat: {
+        readonly type: vue.PropType<"csv" | "excel">;
+        readonly default: "csv";
+    };
     readonly exportFilename: {
         readonly type: StringConstructor;
         readonly default: "export";
@@ -276,10 +302,18 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: vue.PropType<"auto" | "fixed">;
         readonly default: "auto";
     };
+    readonly responsiveMode: {
+        readonly type: vue.PropType<_expcat_tigercat_core.TableResponsiveMode>;
+        readonly default: _expcat_tigercat_core.TableResponsiveMode;
+    };
     readonly virtual: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly autoVirtual: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly virtualHeight: {
         readonly type: NumberConstructor;
         readonly default: 400;
@@ -288,6 +322,10 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: NumberConstructor;
         readonly default: 40;
     };
+    readonly autoVirtualThreshold: {
+        readonly type: NumberConstructor;
+        readonly default: 10000;
+    };
     readonly virtualThreshold: {
         readonly type: NumberConstructor;
         readonly default: 1000;
@@ -311,6 +349,10 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly rowDraggable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly summaryRow: {
         readonly type: vue.PropType<{
             show: boolean;
@@ -324,6 +366,10 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly exportFormat: {
+        readonly type: vue.PropType<"csv" | "excel">;
+        readonly default: "csv";
+    };
     readonly exportFilename: {
         readonly type: StringConstructor;
         readonly default: "export";
@@ -333,8 +379,8 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     readonly pagination: false | _expcat_tigercat_core.PaginationConfig;
     readonly emptyText: string;
-    readonly loading: boolean;
     readonly size: _expcat_tigercat_core.TableSize;
+    readonly loading: boolean;
     readonly virtual: boolean;
     readonly dataSource: Record<string, unknown>[];
     readonly columnLockable: boolean;
@@ -346,14 +392,19 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly rowKey: string | ((record: Record<string, unknown>) => string | number);
     readonly stickyHeader: boolean;
     readonly tableLayout: "auto" | "fixed";
+    readonly responsiveMode: _expcat_tigercat_core.TableResponsiveMode;
+    readonly autoVirtual: boolean;
     readonly virtualHeight: number;
     readonly virtualItemHeight: number;
+    readonly autoVirtualThreshold: number;
     readonly virtualThreshold: number;
     readonly editable: boolean;
     readonly filterMode: "basic" | "advanced";
     readonly advancedFilterRules: _expcat_tigercat_core.FilterRule[];
     readonly columnDraggable: boolean;
+    readonly rowDraggable: boolean;
     readonly exportable: boolean;
+    readonly exportFormat: "csv" | "excel";
     readonly exportFilename: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Table.js

@@ -1,16 +1,8 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkWU2KCS6H_js = require('../chunk-WU2KCS6H.js');
+var _chunkOW5D4LU6js = require('../chunk-OW5D4LU6.js');
 
 
 
-Object.defineProperty(exports, "Table", {
-  enumerable: true,
-  get: function () { return chunkWU2KCS6H_js.Table; }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () { return chunkWU2KCS6H_js.Table_default; }
-});
+exports.Table = _chunkOW5D4LU6js.Table; exports.default = _chunkOW5D4LU6js.Table_default;

package/dist/components/Table.mjs

@@ -1 +1,8 @@
-export { Table, Table_default as default } from '../chunk-XWE54AWW.mjs';
+import {
+  Table,
+  Table_default
+} from "../chunk-NMVKDWMK.mjs";
+export {
+  Table,
+  Table_default as default
+};

package/dist/components/Tabs.d.mts

@@ -11,6 +11,7 @@ interface TabsContext {
     closable: boolean;
     destroyInactiveTabPane: boolean;
     lazy: boolean;
+    swipeable: boolean;
     idBase: string;
     handleTabClick: (key: string | number) => void;
     handleTabClose: (key: string | number, event: Event) => void;
@@ -24,6 +25,7 @@ interface VueTabsProps {
     closable?: boolean;
     centered?: boolean;
     destroyInactiveTabPane?: boolean;
+    swipeable?: boolean;
     className?: string;
     style?: Record<string, string | number>;
 }
@@ -181,9 +183,9 @@ declare const TabPane: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    disabled: boolean;
     className: string;
     style: Record<string, string | number>;
+    disabled: boolean;
     icon: string | VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>;
@@ -265,6 +267,14 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether horizontal touch swipes switch tabs.
+     * @default true
+     */
+    swipeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Additional CSS classes
      */
@@ -353,6 +363,14 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether horizontal touch swipes switch tabs.
+     * @default true
+     */
+    swipeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Additional CSS classes
      */
@@ -384,6 +402,7 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
     tabPosition: TabPosition;
     centered: boolean;
     destroyInactiveTabPane: boolean;
+    swipeable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { TabPane, Tabs, type TabsContext, TabsContextKey, type VueTabPaneProps, type VueTabsProps, Tabs as default };

package/dist/components/Tabs.d.ts

@@ -11,6 +11,7 @@ interface TabsContext {
     closable: boolean;
     destroyInactiveTabPane: boolean;
     lazy: boolean;
+    swipeable: boolean;
     idBase: string;
     handleTabClick: (key: string | number) => void;
     handleTabClose: (key: string | number, event: Event) => void;
@@ -24,6 +25,7 @@ interface VueTabsProps {
     closable?: boolean;
     centered?: boolean;
     destroyInactiveTabPane?: boolean;
+    swipeable?: boolean;
     className?: string;
     style?: Record<string, string | number>;
 }
@@ -181,9 +183,9 @@ declare const TabPane: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    disabled: boolean;
     className: string;
     style: Record<string, string | number>;
+    disabled: boolean;
     icon: string | VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>;
@@ -265,6 +267,14 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether horizontal touch swipes switch tabs.
+     * @default true
+     */
+    swipeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Additional CSS classes
      */
@@ -353,6 +363,14 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether horizontal touch swipes switch tabs.
+     * @default true
+     */
+    swipeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Additional CSS classes
      */
@@ -384,6 +402,7 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
     tabPosition: TabPosition;
     centered: boolean;
     destroyInactiveTabPane: boolean;
+    swipeable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { TabPane, Tabs, type TabsContext, TabsContextKey, type VueTabPaneProps, type VueTabsProps, Tabs as default };

package/dist/components/Tabs.js

@@ -1,24 +1,12 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var chunk63LJVB2M_js = require('../chunk-63LJVB2M.js');
-
-
-
-Object.defineProperty(exports, "TabPane", {
-  enumerable: true,
-  get: function () { return chunk63LJVB2M_js.TabPane; }
-});
-Object.defineProperty(exports, "Tabs", {
-  enumerable: true,
-  get: function () { return chunk63LJVB2M_js.Tabs; }
-});
-Object.defineProperty(exports, "TabsContextKey", {
-  enumerable: true,
-  get: function () { return chunk63LJVB2M_js.TabsContextKey; }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () { return chunk63LJVB2M_js.Tabs_default; }
-});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+var _chunk44N7LE3Qjs = require('../chunk-44N7LE3Q.js');
+
+
+
+
+
+exports.TabPane = _chunk44N7LE3Qjs.TabPane; exports.Tabs = _chunk44N7LE3Qjs.Tabs; exports.TabsContextKey = _chunk44N7LE3Qjs.TabsContextKey; exports.default = _chunk44N7LE3Qjs.Tabs_default;

package/dist/components/Tabs.mjs

@@ -1 +1,12 @@
-export { TabPane, Tabs, TabsContextKey, Tabs_default as default } from '../chunk-UCDB56MB.mjs';
+import {
+  TabPane,
+  Tabs,
+  TabsContextKey,
+  Tabs_default
+} from "../chunk-SGRUGYQ6.mjs";
+export {
+  TabPane,
+  Tabs,
+  TabsContextKey,
+  Tabs_default as default
+};

package/dist/components/Tag.d.mts

@@ -110,10 +110,10 @@ declare const Tag: vue.DefineComponent<vue.ExtractPropTypes<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
     closeAriaLabel: string;
-    variant: TagVariant;
     size: TagSize;
     className: string;
     style: Record<string, string | number>;
+    variant: TagVariant;
     closable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Tag.d.ts

@@ -110,10 +110,10 @@ declare const Tag: vue.DefineComponent<vue.ExtractPropTypes<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
     closeAriaLabel: string;
-    variant: TagVariant;
     size: TagSize;
     className: string;
     style: Record<string, string | number>;
+    variant: TagVariant;
     closable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Tag.js

@@ -1,16 +1,8 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunk2KDSHEZT_js = require('../chunk-2KDSHEZT.js');
+var _chunk2KDSHEZTjs = require('../chunk-2KDSHEZT.js');
 
 
 
-Object.defineProperty(exports, "Tag", {
-  enumerable: true,
-  get: function () { return chunk2KDSHEZT_js.Tag; }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () { return chunk2KDSHEZT_js.Tag_default; }
-});
+exports.Tag = _chunk2KDSHEZTjs.Tag; exports.default = _chunk2KDSHEZTjs.Tag_default;

package/dist/components/Tag.mjs

@@ -1 +1,8 @@
-export { Tag, Tag_default as default } from '../chunk-3G4VPV4D.mjs';
+import {
+  Tag,
+  Tag_default
+} from "../chunk-3G4VPV4D.mjs";
+export {
+  Tag,
+  Tag_default as default
+};

package/dist/components/TaskBoard.js

@@ -1,17 +1,9 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkGEPFTYKC_js = require('../chunk-GEPFTYKC.js');
-require('../chunk-BZBQUUXF.js');
+var _chunkBGMQIUPPjs = require('../chunk-BGMQIUPP.js');
+require('../chunk-25EYT2CB.js');
 
 
 
-Object.defineProperty(exports, "TaskBoard", {
-  enumerable: true,
-  get: function () { return chunkGEPFTYKC_js.TaskBoard; }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () { return chunkGEPFTYKC_js.TaskBoard_default; }
-});
+exports.TaskBoard = _chunkBGMQIUPPjs.TaskBoard; exports.default = _chunkBGMQIUPPjs.TaskBoard_default;

package/dist/components/TaskBoard.mjs

@@ -1,2 +1,9 @@
-export { TaskBoard, TaskBoard_default as default } from '../chunk-G2IZAKJY.mjs';
-import '../chunk-E3BSOB7P.mjs';
+import {
+  TaskBoard,
+  TaskBoard_default
+} from "../chunk-CN7HFUFN.mjs";
+import "../chunk-VG6E4NX6.mjs";
+export {
+  TaskBoard,
+  TaskBoard_default as default
+};

package/dist/components/Text.js

@@ -1,16 +1,8 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkDUQ7Q2GO_js = require('../chunk-DUQ7Q2GO.js');
+var _chunkTGHB5XSTjs = require('../chunk-TGHB5XST.js');
 
 
 
-Object.defineProperty(exports, "Text", {
-  enumerable: true,
-  get: function () { return chunkDUQ7Q2GO_js.Text; }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () { return chunkDUQ7Q2GO_js.Text_default; }
-});
+exports.Text = _chunkTGHB5XSTjs.Text; exports.default = _chunkTGHB5XSTjs.Text_default;

package/dist/components/Text.mjs

@@ -1 +1,8 @@
-export { Text, Text_default as default } from '../chunk-6V7XCCXN.mjs';
+import {
+  Text,
+  Text_default
+} from "../chunk-NN6AINLG.mjs";
+export {
+  Text,
+  Text_default as default
+};

package/dist/components/Textarea.d.mts

@@ -294,12 +294,12 @@ declare const Textarea: vue.DefineComponent<vue.ExtractPropTypes<{
     onFocus?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    disabled: boolean;
     size: TextareaSize;
+    disabled: boolean;
     placeholder: string;
+    readonly: boolean;
     required: boolean;
     autoFocus: boolean;
-    readonly: boolean;
     rows: number;
     autoResize: boolean;
     showCount: boolean;

package/dist/components/Textarea.d.ts

@@ -294,12 +294,12 @@ declare const Textarea: vue.DefineComponent<vue.ExtractPropTypes<{
     onFocus?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    disabled: boolean;
     size: TextareaSize;
+    disabled: boolean;
     placeholder: string;
+    readonly: boolean;
     required: boolean;
     autoFocus: boolean;
-    readonly: boolean;
     rows: number;
     autoResize: boolean;
     showCount: boolean;

package/dist/components/Textarea.js

@@ -1,16 +1,8 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunk6FXYRDYH_js = require('../chunk-6FXYRDYH.js');
+var _chunk6FXYRDYHjs = require('../chunk-6FXYRDYH.js');
 
 
 
-Object.defineProperty(exports, "Textarea", {
-  enumerable: true,
-  get: function () { return chunk6FXYRDYH_js.Textarea; }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () { return chunk6FXYRDYH_js.Textarea_default; }
-});
+exports.Textarea = _chunk6FXYRDYHjs.Textarea; exports.default = _chunk6FXYRDYHjs.Textarea_default;

package/dist/components/Textarea.mjs

@@ -1 +1,8 @@
-export { Textarea, Textarea_default as default } from '../chunk-MKBIVETW.mjs';
+import {
+  Textarea,
+  Textarea_default
+} from "../chunk-MKBIVETW.mjs";
+export {
+  Textarea,
+  Textarea_default as default
+};

package/dist/components/TimePicker.d.mts

@@ -350,16 +350,16 @@ declare const TimePicker: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     locale: string;
     labels: Partial<TimePickerLabels>;
-    disabled: boolean;
     size: TimePickerSize;
     className: string;
     style: Record<string, string | number>;
+    disabled: boolean;
     range: boolean;
     modelValue: string | [string | null, string | null] | null;
     placeholder: string;
     clearable: boolean;
-    required: boolean;
     readonly: boolean;
+    required: boolean;
     format: TimeFormat;
     showSeconds: boolean;
     hourStep: number;

package/dist/components/TimePicker.d.ts

@@ -350,16 +350,16 @@ declare const TimePicker: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     locale: string;
     labels: Partial<TimePickerLabels>;
-    disabled: boolean;
     size: TimePickerSize;
     className: string;
     style: Record<string, string | number>;
+    disabled: boolean;
     range: boolean;
     modelValue: string | [string | null, string | null] | null;
     placeholder: string;
     clearable: boolean;
-    required: boolean;
     readonly: boolean;
+    required: boolean;
     format: TimeFormat;
     showSeconds: boolean;
     hourStep: number;

package/dist/components/TimePicker.js

@@ -1,17 +1,9 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkABLH42TR_js = require('../chunk-ABLH42TR.js');
+var _chunkMUJLT2YGjs = require('../chunk-MUJLT2YG.js');
 require('../chunk-JCMGBKS6.js');
 
 
 
-Object.defineProperty(exports, "TimePicker", {
-  enumerable: true,
-  get: function () { return chunkABLH42TR_js.TimePicker; }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () { return chunkABLH42TR_js.TimePicker_default; }
-});
+exports.TimePicker = _chunkMUJLT2YGjs.TimePicker; exports.default = _chunkMUJLT2YGjs.TimePicker_default;

package/dist/components/TimePicker.mjs

@@ -1,2 +1,9 @@
-export { TimePicker, TimePicker_default as default } from '../chunk-TVDLZZNO.mjs';
-import '../chunk-2TNZ4JNT.mjs';
+import {
+  TimePicker,
+  TimePicker_default
+} from "../chunk-KVJIJJ4M.mjs";
+import "../chunk-2TNZ4JNT.mjs";
+export {
+  TimePicker,
+  TimePicker_default as default
+};

package/dist/components/Timeline.d.mts

@@ -104,8 +104,8 @@ declare const Timeline: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{}>, {
     reverse: boolean;
     className: string;
-    style: Record<string, unknown>;
     mode: TimelineMode;
+    style: Record<string, unknown>;
     items: TimelineItem[];
     pending: boolean;
     pendingDot: null;

package/dist/components/Timeline.d.ts

@@ -104,8 +104,8 @@ declare const Timeline: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{}>, {
     reverse: boolean;
     className: string;
-    style: Record<string, unknown>;
     mode: TimelineMode;
+    style: Record<string, unknown>;
     items: TimelineItem[];
     pending: boolean;
     pendingDot: null;