@expcat/tigercat-vue 1.0.4 → 1.0.7

package/dist/{chunk-XA5QMUZX.mjs → chunk-J7VTGSHX.mjs}

@@ -1,6 +1,6 @@
 import { useTigerConfig } from './chunk-XP5M2GK7.mjs';
 import { defineComponent, computed, ref, watch, onMounted, onBeforeUnmount, h } from 'vue';
-import { mergeTigerLocale, getTaskBoardLabels, classNames, taskBoardBaseClasses, coerceClassValue, mergeStyleValues, resolveLocaleText, createTouchDragTracker, isWipExceeded, taskBoardColumnClasses, taskBoardColumnDropTargetClasses, taskBoardColumnDraggingClasses, taskBoardWipExceededClasses, taskBoardColumnHeaderClasses, taskBoardDropIndicatorClasses, taskBoardEmptyClasses, taskBoardColumnBodyClasses, taskBoardAddCardClasses, getColumnDropIndex, setDragData, createColumnDragData, taskBoardCardClasses, taskBoardCardDraggingClasses, parseDragData, getDropIndex, reorderColumns, findColumnFromPoint, createCardDragData, moveCard } from '@expcat/tigercat-core';
+import { mergeTigerLocale, getTaskBoardLabels, filterColumns, classNames, taskBoardBaseClasses, coerceClassValue, mergeStyleValues, kanbanAddColumnClasses, resolveLocaleText, createTouchDragTracker, isWipExceeded, getColumnCardCount, taskBoardColumnClasses, taskBoardColumnDropTargetClasses, taskBoardColumnDraggingClasses, taskBoardWipExceededClasses, kanbanCardCountClasses, taskBoardColumnHeaderClasses, taskBoardDropIndicatorClasses, taskBoardEmptyClasses, taskBoardColumnBodyClasses, taskBoardAddCardClasses, getColumnDropIndex, setDragData, createColumnDragData, taskBoardCardClasses, taskBoardCardDraggingClasses, parseDragData, getDropIndex, reorderColumns, findColumnFromPoint, createCardDragData, moveCard } from '@expcat/tigercat-core';
 
 var TaskBoard = defineComponent({
   name: "TigerTaskBoard",
@@ -38,6 +38,14 @@ var TaskBoard = defineComponent({
       type: Function,
       default: void 0
     },
+    filterText: { type: String, default: "" },
+    hiddenColumns: {
+      type: Array,
+      default: () => []
+    },
+    showCardCount: { type: Boolean, default: false },
+    allowAddCard: { type: Boolean, default: false },
+    allowAddColumn: { type: Boolean, default: false },
     locale: {
       type: Object,
       default: void 0
@@ -51,7 +59,7 @@ var TaskBoard = defineComponent({
       default: void 0
     }
   },
-  emits: ["card-move", "column-move", "card-add", "update:columns"],
+  emits: ["card-move", "column-move", "card-add", "column-add", "update:columns"],
   setup(props, { slots, attrs, emit }) {
     const config = useTigerConfig();
     const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
@@ -72,6 +80,13 @@ var TaskBoard = defineComponent({
       }
     );
     const currentColumns = computed(() => props.columns ?? innerColumns.value);
+    const visibleColumns = computed(() => {
+      const cols = currentColumns.value;
+      if (!props.filterText && (!props.hiddenColumns || props.hiddenColumns.length === 0)) {
+        return cols;
+      }
+      return filterColumns(cols, props.filterText || "", props.hiddenColumns);
+    });
     const updateColumns = (next) => {
       innerColumns.value = next;
       emit("update:columns", next);
@@ -321,6 +336,7 @@ var TaskBoard = defineComponent({
       const isDropTarget = dragState.value?.type === "card" && dropTargetColumnId.value === column.id;
       const isColDragging = dragState.value?.type === "column" && dragState.value.id === column.id;
       const wipOver = isWipExceeded(column);
+      const cardCount = props.showCardCount ? getColumnCardCount(column) : null;
       const colClasses = classNames(
         taskBoardColumnClasses,
         isDropTarget && taskBoardColumnDropTargetClasses,
@@ -329,7 +345,8 @@ var TaskBoard = defineComponent({
       const headerContent = slots["column-header"] ? slots["column-header"]({ column }) : [
         h("span", { class: wipOver ? taskBoardWipExceededClasses : void 0 }, [
           column.title,
-          column.wipLimit != null ? h(
+          // When showCardCount is enabled, use the compact badge style
+          props.showCardCount && cardCount ? null : column.wipLimit != null ? h(
             "span",
             {
               class: "ml-2 text-xs font-normal opacity-70",
@@ -344,6 +361,17 @@ var TaskBoard = defineComponent({
             String(column.cards.length)
           )
         ]),
+        // Card count badge (Kanban-style)
+        props.showCardCount && cardCount ? h(
+          "span",
+          {
+            class: classNames(
+              kanbanCardCountClasses,
+              wipOver && taskBoardWipExceededClasses
+            )
+          },
+          cardCount.limit ? `${cardCount.count}/${cardCount.limit}` : `${cardCount.count}`
+        ) : null,
         column.description ? h(
           "span",
           {
@@ -394,15 +422,24 @@ var TaskBoard = defineComponent({
         },
         cards
       );
-      const footer = slots["column-footer"] ? slots["column-footer"]({ column }) : props.onCardAdd ? h(
+      const showAddCard = props.allowAddCard || props.onCardAdd;
+      const footer = slots["column-footer"] ? slots["column-footer"]({ column }) : showAddCard ? h(
         "div",
         {
           class: classNames(
             "border-t border-[var(--tiger-border,#e5e7eb)]",
             taskBoardAddCardClasses
           ),
+          role: "button",
+          tabindex: 0,
           onClick: () => {
             emit("card-add", column.id);
+          },
+          onKeydown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              emit("card-add", column.id);
+            }
           }
         },
         [h("span", null, "+"), h("span", null, resolveLocaleText(labels.value.addCardText))]
@@ -420,19 +457,43 @@ var TaskBoard = defineComponent({
         [header, body, footer]
       );
     };
-    return () => h(
-      "div",
-      {
-        ...attrs,
-        ref: boardRef,
-        class: wrapperClasses.value,
-        style: wrapperStyle.value,
-        role: "region",
-        "aria-label": resolveLocaleText(labels.value.boardAriaLabel),
-        "data-tiger-task-board": ""
-      },
-      currentColumns.value.map((col, i) => renderColumnNode(col, i))
-    );
+    return () => {
+      const children = visibleColumns.value.map((col, i) => renderColumnNode(col, i));
+      if (props.allowAddColumn) {
+        children.push(
+          h(
+            "div",
+            {
+              key: "__add-column",
+              class: kanbanAddColumnClasses,
+              role: "button",
+              tabindex: 0,
+              onClick: () => emit("column-add"),
+              onKeydown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  emit("column-add");
+                }
+              }
+            },
+            "+ " + resolveLocaleText(labels.value.addCardText)
+          )
+        );
+      }
+      return h(
+        "div",
+        {
+          ...attrs,
+          ref: boardRef,
+          class: wrapperClasses.value,
+          style: wrapperStyle.value,
+          role: "region",
+          "aria-label": resolveLocaleText(labels.value.boardAriaLabel),
+          "data-tiger-task-board": ""
+        },
+        children
+      );
+    };
   }
 });
 var TaskBoard_default = TaskBoard;

package/dist/{chunk-BDMWFNTC.js → chunk-O2Q4UYDA.js}

@@ -40,6 +40,14 @@ var TaskBoard = vue.defineComponent({
       type: Function,
       default: void 0
     },
+    filterText: { type: String, default: "" },
+    hiddenColumns: {
+      type: Array,
+      default: () => []
+    },
+    showCardCount: { type: Boolean, default: false },
+    allowAddCard: { type: Boolean, default: false },
+    allowAddColumn: { type: Boolean, default: false },
     locale: {
       type: Object,
       default: void 0
@@ -53,7 +61,7 @@ var TaskBoard = vue.defineComponent({
       default: void 0
     }
   },
-  emits: ["card-move", "column-move", "card-add", "update:columns"],
+  emits: ["card-move", "column-move", "card-add", "column-add", "update:columns"],
   setup(props, { slots, attrs, emit }) {
     const config = chunkV4PBWEAU_js.useTigerConfig();
     const mergedLocale = vue.computed(() => tigercatCore.mergeTigerLocale(config.value.locale, props.locale));
@@ -74,6 +82,13 @@ var TaskBoard = vue.defineComponent({
       }
     );
     const currentColumns = vue.computed(() => props.columns ?? innerColumns.value);
+    const visibleColumns = vue.computed(() => {
+      const cols = currentColumns.value;
+      if (!props.filterText && (!props.hiddenColumns || props.hiddenColumns.length === 0)) {
+        return cols;
+      }
+      return tigercatCore.filterColumns(cols, props.filterText || "", props.hiddenColumns);
+    });
     const updateColumns = (next) => {
       innerColumns.value = next;
       emit("update:columns", next);
@@ -323,6 +338,7 @@ var TaskBoard = vue.defineComponent({
       const isDropTarget = dragState.value?.type === "card" && dropTargetColumnId.value === column.id;
       const isColDragging = dragState.value?.type === "column" && dragState.value.id === column.id;
       const wipOver = tigercatCore.isWipExceeded(column);
+      const cardCount = props.showCardCount ? tigercatCore.getColumnCardCount(column) : null;
       const colClasses = tigercatCore.classNames(
         tigercatCore.taskBoardColumnClasses,
         isDropTarget && tigercatCore.taskBoardColumnDropTargetClasses,
@@ -331,7 +347,8 @@ var TaskBoard = vue.defineComponent({
       const headerContent = slots["column-header"] ? slots["column-header"]({ column }) : [
         vue.h("span", { class: wipOver ? tigercatCore.taskBoardWipExceededClasses : void 0 }, [
           column.title,
-          column.wipLimit != null ? vue.h(
+          // When showCardCount is enabled, use the compact badge style
+          props.showCardCount && cardCount ? null : column.wipLimit != null ? vue.h(
             "span",
             {
               class: "ml-2 text-xs font-normal opacity-70",
@@ -346,6 +363,17 @@ var TaskBoard = vue.defineComponent({
             String(column.cards.length)
           )
         ]),
+        // Card count badge (Kanban-style)
+        props.showCardCount && cardCount ? vue.h(
+          "span",
+          {
+            class: tigercatCore.classNames(
+              tigercatCore.kanbanCardCountClasses,
+              wipOver && tigercatCore.taskBoardWipExceededClasses
+            )
+          },
+          cardCount.limit ? `${cardCount.count}/${cardCount.limit}` : `${cardCount.count}`
+        ) : null,
         column.description ? vue.h(
           "span",
           {
@@ -396,15 +424,24 @@ var TaskBoard = vue.defineComponent({
         },
         cards
       );
-      const footer = slots["column-footer"] ? slots["column-footer"]({ column }) : props.onCardAdd ? vue.h(
+      const showAddCard = props.allowAddCard || props.onCardAdd;
+      const footer = slots["column-footer"] ? slots["column-footer"]({ column }) : showAddCard ? vue.h(
         "div",
         {
           class: tigercatCore.classNames(
             "border-t border-[var(--tiger-border,#e5e7eb)]",
             tigercatCore.taskBoardAddCardClasses
           ),
+          role: "button",
+          tabindex: 0,
           onClick: () => {
             emit("card-add", column.id);
+          },
+          onKeydown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              emit("card-add", column.id);
+            }
           }
         },
         [vue.h("span", null, "+"), vue.h("span", null, tigercatCore.resolveLocaleText(labels.value.addCardText))]
@@ -422,19 +459,43 @@ var TaskBoard = vue.defineComponent({
         [header, body, footer]
       );
     };
-    return () => vue.h(
-      "div",
-      {
-        ...attrs,
-        ref: boardRef,
-        class: wrapperClasses.value,
-        style: wrapperStyle.value,
-        role: "region",
-        "aria-label": tigercatCore.resolveLocaleText(labels.value.boardAriaLabel),
-        "data-tiger-task-board": ""
-      },
-      currentColumns.value.map((col, i) => renderColumnNode(col, i))
-    );
+    return () => {
+      const children = visibleColumns.value.map((col, i) => renderColumnNode(col, i));
+      if (props.allowAddColumn) {
+        children.push(
+          vue.h(
+            "div",
+            {
+              key: "__add-column",
+              class: tigercatCore.kanbanAddColumnClasses,
+              role: "button",
+              tabindex: 0,
+              onClick: () => emit("column-add"),
+              onKeydown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  emit("column-add");
+                }
+              }
+            },
+            "+ " + tigercatCore.resolveLocaleText(labels.value.addCardText)
+          )
+        );
+      }
+      return vue.h(
+        "div",
+        {
+          ...attrs,
+          ref: boardRef,
+          class: wrapperClasses.value,
+          style: wrapperStyle.value,
+          role: "region",
+          "aria-label": tigercatCore.resolveLocaleText(labels.value.boardAriaLabel),
+          "data-tiger-task-board": ""
+        },
+        children
+      );
+    };
   }
 });
 var TaskBoard_default = TaskBoard;

package/dist/chunk-PLGYRHPX.mjs

@@ -0,0 +1,87 @@
+import { TaskBoard } from './chunk-J7VTGSHX.mjs';
+import { defineComponent, h } from 'vue';
+
+var Kanban = defineComponent({
+  name: "TigerKanban",
+  inheritAttrs: false,
+  props: {
+    columns: {
+      type: Array,
+      default: void 0
+    },
+    defaultColumns: {
+      type: Array,
+      default: () => []
+    },
+    draggable: { type: Boolean, default: true },
+    columnDraggable: { type: Boolean, default: true },
+    enforceWipLimit: { type: Boolean, default: false },
+    beforeCardMove: {
+      type: Function,
+      default: void 0
+    },
+    beforeColumnMove: {
+      type: Function,
+      default: void 0
+    },
+    onCardAdd: {
+      type: Function,
+      default: void 0
+    },
+    filterText: { type: String, default: "" },
+    hiddenColumns: {
+      type: Array,
+      default: () => []
+    },
+    showCardCount: { type: Boolean, default: true },
+    allowAddCard: { type: Boolean, default: true },
+    allowAddColumn: { type: Boolean, default: false },
+    locale: {
+      type: Object,
+      default: void 0
+    },
+    className: { type: String, default: void 0 },
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["card-move", "column-move", "update:columns", "card-add", "column-add"],
+  setup(props, { emit, attrs, slots }) {
+    const handleCardAdd = (colId) => {
+      props.onCardAdd?.(colId);
+      emit("card-add", colId);
+    };
+    return () => h(
+      TaskBoard,
+      {
+        ...attrs,
+        columns: props.columns,
+        defaultColumns: props.defaultColumns,
+        draggable: props.draggable,
+        columnDraggable: props.columnDraggable,
+        enforceWipLimit: props.enforceWipLimit,
+        beforeCardMove: props.beforeCardMove,
+        beforeColumnMove: props.beforeColumnMove,
+        // Only set onCardAdd when needed — its presence affects button visibility
+        onCardAdd: props.allowAddCard || props.onCardAdd ? handleCardAdd : void 0,
+        filterText: props.filterText,
+        hiddenColumns: props.hiddenColumns,
+        showCardCount: props.showCardCount,
+        allowAddCard: props.allowAddCard,
+        allowAddColumn: props.allowAddColumn,
+        locale: props.locale,
+        className: props.className,
+        style: props.style,
+        "onCard-move": (e) => emit("card-move", e),
+        "onColumn-move": (e) => emit("column-move", e),
+        "onUpdate:columns": (cols) => emit("update:columns", cols),
+        "onColumn-add": () => emit("column-add")
+      },
+      slots
+    );
+  }
+});
+var Kanban_default = Kanban;
+
+export { Kanban, Kanban_default };

package/dist/chunk-WBY2ILFK.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var chunkO2Q4UYDA_js = require('./chunk-O2Q4UYDA.js');
+var vue = require('vue');
+
+var Kanban = vue.defineComponent({
+  name: "TigerKanban",
+  inheritAttrs: false,
+  props: {
+    columns: {
+      type: Array,
+      default: void 0
+    },
+    defaultColumns: {
+      type: Array,
+      default: () => []
+    },
+    draggable: { type: Boolean, default: true },
+    columnDraggable: { type: Boolean, default: true },
+    enforceWipLimit: { type: Boolean, default: false },
+    beforeCardMove: {
+      type: Function,
+      default: void 0
+    },
+    beforeColumnMove: {
+      type: Function,
+      default: void 0
+    },
+    onCardAdd: {
+      type: Function,
+      default: void 0
+    },
+    filterText: { type: String, default: "" },
+    hiddenColumns: {
+      type: Array,
+      default: () => []
+    },
+    showCardCount: { type: Boolean, default: true },
+    allowAddCard: { type: Boolean, default: true },
+    allowAddColumn: { type: Boolean, default: false },
+    locale: {
+      type: Object,
+      default: void 0
+    },
+    className: { type: String, default: void 0 },
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["card-move", "column-move", "update:columns", "card-add", "column-add"],
+  setup(props, { emit, attrs, slots }) {
+    const handleCardAdd = (colId) => {
+      props.onCardAdd?.(colId);
+      emit("card-add", colId);
+    };
+    return () => vue.h(
+      chunkO2Q4UYDA_js.TaskBoard,
+      {
+        ...attrs,
+        columns: props.columns,
+        defaultColumns: props.defaultColumns,
+        draggable: props.draggable,
+        columnDraggable: props.columnDraggable,
+        enforceWipLimit: props.enforceWipLimit,
+        beforeCardMove: props.beforeCardMove,
+        beforeColumnMove: props.beforeColumnMove,
+        // Only set onCardAdd when needed — its presence affects button visibility
+        onCardAdd: props.allowAddCard || props.onCardAdd ? handleCardAdd : void 0,
+        filterText: props.filterText,
+        hiddenColumns: props.hiddenColumns,
+        showCardCount: props.showCardCount,
+        allowAddCard: props.allowAddCard,
+        allowAddColumn: props.allowAddColumn,
+        locale: props.locale,
+        className: props.className,
+        style: props.style,
+        "onCard-move": (e) => emit("card-move", e),
+        "onColumn-move": (e) => emit("column-move", e),
+        "onUpdate:columns": (cols) => emit("update:columns", cols),
+        "onColumn-add": () => emit("column-add")
+      },
+      slots
+    );
+  }
+});
+var Kanban_default = Kanban;
+
+exports.Kanban = Kanban;
+exports.Kanban_default = Kanban_default;

package/dist/components/ActivityFeed.d.mts

@@ -107,18 +107,18 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    style: Record<string, string | number>;
+    loading: boolean;
+    className: string;
+    emptyText: string;
+    groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
-    groupBy: (item: ActivityItem) => string;
     groupOrder: string[];
-    loading: boolean;
     loadingText: string;
-    emptyText: string;
     showAvatar: boolean;
     showTime: boolean;
     showGroupTitle: boolean;
-    className: string;
-    style: Record<string, string | number>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };

package/dist/components/ActivityFeed.d.ts

@@ -107,18 +107,18 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    style: Record<string, string | number>;
+    loading: boolean;
+    className: string;
+    emptyText: string;
+    groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
-    groupBy: (item: ActivityItem) => string;
     groupOrder: string[];
-    loading: boolean;
     loadingText: string;
-    emptyText: string;
     showAvatar: boolean;
     showTime: boolean;
     showGroupTitle: boolean;
-    className: string;
-    style: Record<string, string | number>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };

package/dist/components/Affix.d.mts

@@ -64,8 +64,8 @@ declare const Affix: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    className: string;
     style: Record<string, string | number>;
+    className: string;
     target: string;
     zIndex: number;
     offsetTop: number;

package/dist/components/Affix.d.ts

@@ -64,8 +64,8 @@ declare const Affix: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    className: string;
     style: Record<string, string | number>;
+    className: string;
     target: string;
     zIndex: number;
     offsetTop: number;

package/dist/components/Alert.d.mts

@@ -204,11 +204,11 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: AlertSize;
-    className: string;
-    style: Record<string, string | number>;
     type: AlertType;
+    style: Record<string, string | number>;
     title: string;
+    size: AlertSize;
+    className: string;
     closable: boolean;
     closeAriaLabel: string;
     showIcon: boolean;

package/dist/components/Alert.d.ts

@@ -204,11 +204,11 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: AlertSize;
-    className: string;
-    style: Record<string, string | number>;
     type: AlertType;
+    style: Record<string, string | number>;
     title: string;
+    size: AlertSize;
+    className: string;
     closable: boolean;
     closeAriaLabel: string;
     showIcon: boolean;

package/dist/components/Anchor.d.mts

@@ -171,8 +171,8 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    className: string;
     style: Record<string, unknown>;
+    className: string;
     direction: AnchorDirection;
     affix: boolean;
     bounds: number;

package/dist/components/Anchor.d.ts

@@ -171,8 +171,8 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    className: string;
     style: Record<string, unknown>;
+    className: string;
     direction: AnchorDirection;
     affix: boolean;
     bounds: number;

package/dist/components/AnchorLink.d.mts

@@ -61,8 +61,8 @@ declare const AnchorLink: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
     title: string;
+    className: string;
     target: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/AnchorLink.d.ts

@@ -61,8 +61,8 @@ declare const AnchorLink: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
     title: string;
+    className: string;
     target: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/AreaChart.d.mts

@@ -387,10 +387,10 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSeries-click"?: ((...args: any[]) => any) | undefined;
     "onSeries-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    hoverable: boolean;
     width: number;
     height: number;
     padding: ChartPadding;
+    hoverable: boolean;
     selectable: boolean;
     strokeWidth: number;
     xTicks: number;

package/dist/components/AreaChart.d.ts

@@ -387,10 +387,10 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSeries-click"?: ((...args: any[]) => any) | undefined;
     "onSeries-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    hoverable: boolean;
     width: number;
     height: number;
     padding: ChartPadding;
+    hoverable: boolean;
     selectable: boolean;
     strokeWidth: number;
     xTicks: number;