@expcat/tigercat-vue 0.4.2 → 1.0.0

package/dist/{chunk-MMQ34S5M.mjs → chunk-ZUVR5UZL.mjs}

@@ -33,7 +33,7 @@ var init_ImagePreview = __esm({
       name: "TigerImagePreview",
       inheritAttrs: false,
       props: {
-        visible: { type: Boolean, default: false },
+        open: { type: Boolean, default: false },
         images: { type: Array, default: () => [] },
         currentIndex: { type: Number, default: 0 },
         zIndex: { type: Number, default: 1050 },
@@ -42,7 +42,7 @@ var init_ImagePreview = __esm({
         minScale: { type: Number, default: 0.25 },
         maxScale: { type: Number, default: 5 }
       },
-      emits: ["update:visible", "update:currentIndex", "scale-change"],
+      emits: ["update:open", "update:currentIndex", "scale-change"],
       setup(props, { emit }) {
         const scale = ref(1);
         const offsetX = ref(0);
@@ -62,8 +62,9 @@ var init_ImagePreview = __esm({
             resetTransform();
           }
         );
+        const isOpen = computed(() => props.open);
         watch(
-          () => props.visible,
+          () => isOpen.value,
           (val) => {
             if (val) {
               resetTransform();
@@ -76,7 +77,7 @@ var init_ImagePreview = __esm({
         );
         const navState = computed(() => getPreviewNavState(index.value, props.images.length));
         const handleClose = () => {
-          emit("update:visible", false);
+          emit("update:open", false);
         };
         const handleZoomIn = () => {
           scale.value = clampScale(scale.value + props.scaleStep, props.minScale, props.maxScale);
@@ -135,7 +136,7 @@ var init_ImagePreview = __esm({
           }
         };
         const handleKeyDown = (e) => {
-          if (!props.visible) return;
+          if (!isOpen.value) return;
           switch (e.key) {
             case "Escape":
               handleClose();
@@ -157,7 +158,7 @@ var init_ImagePreview = __esm({
         });
         const transform = computed(() => calculateTransform(scale.value, offsetX.value, offsetY.value));
         return () => {
-          if (!props.visible || !props.images.length) return null;
+          if (!isOpen.value || !props.images.length) return null;
           const currentSrc = props.images[index.value] || props.images[0];
           const mask = h("div", {
             class: imagePreviewMaskClasses,

package/dist/{chunk-37WD7WPC.mjs → chunk-ZXR4DAAO.mjs}

@@ -1,5 +1,5 @@
-import { TabsContextKey } from './chunk-U7MDGSCQ.mjs';
-import { defineComponent, inject, computed, h } from 'vue';
+import { TabsContextKey } from './chunk-HKYYO326.mjs';
+import { defineComponent, inject, computed, ref, watch, h } from 'vue';
 import { isKeyActive, getTabItemClasses, classNames, getTabPaneClasses, tabCloseButtonClasses, closeIconViewBox, closeIconPathD } from '@expcat/tigercat-core';
 
 var TabPane = defineComponent({
@@ -85,6 +85,10 @@ var TabPane = defineComponent({
     const isActive = computed(() => {
       return isKeyActive(props.tabKey, tabsContext.activeKey);
     });
+    const hasBeenActivated = ref(isActive.value);
+    watch(isActive, (val) => {
+      if (val) hasBeenActivated.value = true;
+    });
     const isClosable = computed(() => {
       return props.closable !== void 0 ? props.closable : tabsContext.closable && tabsContext.type === "editable-card";
     });
@@ -185,9 +189,9 @@ var TabPane = defineComponent({
             h("span", props.label),
             // Close button
             isClosable.value && h(
-              "button",
+              "span",
               {
-                type: "button",
+                role: "button",
                 class: tabCloseButtonClasses,
                 "aria-label": `Close ${String(props.label)}`,
                 tabindex: -1,
@@ -212,7 +216,7 @@ var TabPane = defineComponent({
           ]
         );
       }
-      const shouldRender = isActive.value || !tabsContext.destroyInactiveTabPane;
+      const shouldRender = tabsContext.lazy ? hasBeenActivated.value && (isActive.value || !tabsContext.destroyInactiveTabPane) : isActive.value || !tabsContext.destroyInactiveTabPane;
       if (!shouldRender) {
         return null;
       }

package/dist/components/ActivityFeed.d.mts

@@ -111,9 +111,9 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
     loading: boolean;
     className: string;
     emptyText: string;
+    groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
-    groupBy: (item: ActivityItem) => string;
     groupOrder: string[];
     loadingText: string;
     showAvatar: boolean;

package/dist/components/ActivityFeed.d.ts

@@ -111,9 +111,9 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
     loading: boolean;
     className: string;
     emptyText: string;
+    groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
-    groupBy: (item: ActivityItem) => string;
     groupOrder: string[];
     loadingText: string;
     showAvatar: boolean;

package/dist/components/ActivityFeed.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkEBTLMVDJ_js = require('../chunk-EBTLMVDJ.js');
+var chunkLLU76X6I_js = require('../chunk-LLU76X6I.js');
 require('../chunk-27T3QDSF.js');
 require('../chunk-ZED7TU62.js');
 require('../chunk-DN5GU5PC.js');
 require('../chunk-2KDSHEZT.js');
 require('../chunk-DUQ7Q2GO.js');
-require('../chunk-WEFQCJAG.js');
+require('../chunk-XGXGAK27.js');
 require('../chunk-WPIDP6IG.js');
 require('../chunk-PNKVD2UK.js');
 
@@ -16,9 +16,9 @@ require('../chunk-PNKVD2UK.js');
 
 Object.defineProperty(exports, "ActivityFeed", {
   enumerable: true,
-  get: function () { return chunkEBTLMVDJ_js.ActivityFeed; }
+  get: function () { return chunkLLU76X6I_js.ActivityFeed; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkEBTLMVDJ_js.ActivityFeed_default; }
+  get: function () { return chunkLLU76X6I_js.ActivityFeed_default; }
 });

package/dist/components/ActivityFeed.mjs

@@ -1,9 +1,9 @@
-export { ActivityFeed, ActivityFeed_default as default } from '../chunk-RVEEEDJQ.mjs';
+export { ActivityFeed, ActivityFeed_default as default } from '../chunk-P4X7GS2X.mjs';
 import '../chunk-LBGTABIU.mjs';
 import '../chunk-4YHOD7LT.mjs';
 import '../chunk-Q6OYCTQO.mjs';
 import '../chunk-3G4VPV4D.mjs';
 import '../chunk-6V7XCCXN.mjs';
-import '../chunk-YXN3YY5Y.mjs';
+import '../chunk-KOTSKHPQ.mjs';
 import '../chunk-COCECPMG.mjs';
 import '../chunk-53M2BTB5.mjs';

package/dist/components/Affix.d.mts

@@ -0,0 +1,75 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+
+interface VueAffixProps {
+    offsetTop?: number;
+    offsetBottom?: number;
+    target?: string;
+    zIndex?: number;
+    className?: string;
+    style?: Record<string, string | number>;
+}
+declare const Affix: vue.DefineComponent<vue.ExtractPropTypes<{
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    target: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "change"[], "change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    target: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Record<string, string | number>;
+    className: string;
+    target: string;
+    zIndex: number;
+    offsetTop: number;
+    offsetBottom: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { Affix, type VueAffixProps, Affix as default };

package/dist/components/Affix.d.ts

@@ -0,0 +1,75 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+
+interface VueAffixProps {
+    offsetTop?: number;
+    offsetBottom?: number;
+    target?: string;
+    zIndex?: number;
+    className?: string;
+    style?: Record<string, string | number>;
+}
+declare const Affix: vue.DefineComponent<vue.ExtractPropTypes<{
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    target: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "change"[], "change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    target: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Record<string, string | number>;
+    className: string;
+    target: string;
+    zIndex: number;
+    offsetTop: number;
+    offsetBottom: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { Affix, type VueAffixProps, Affix as default };

package/dist/components/Affix.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkHRIKUP6R_js = require('../chunk-HRIKUP6R.js');
+require('../chunk-PNKVD2UK.js');
+
+
+
+Object.defineProperty(exports, "Affix", {
+  enumerable: true,
+  get: function () { return chunkHRIKUP6R_js.Affix; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkHRIKUP6R_js.Affix_default; }
+});

package/dist/components/Affix.mjs

@@ -0,0 +1,2 @@
+export { Affix, Affix_default as default } from '../chunk-YUEBMBOH.mjs';
+import '../chunk-53M2BTB5.mjs';

package/dist/components/Alert.d.mts

@@ -10,6 +10,8 @@ interface VueAlertProps {
     showIcon?: boolean;
     closable?: boolean;
     closeAriaLabel?: string;
+    banner?: boolean;
+    showCountdown?: boolean;
     className?: string;
     style?: Record<string, string | number>;
 }
@@ -68,6 +70,13 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Auto-close duration in milliseconds. 0 or undefined to disable.
+     */
+    duration: {
+        type: NumberConstructor;
+        default: undefined;
+    };
     /**
      * Additional CSS classes
      */
@@ -82,6 +91,22 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, string | number>>;
         default: undefined;
     };
+    /**
+     * Whether to display as full-width banner
+     * @since 0.9.0
+     */
+    banner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether to show countdown progress bar
+     * @since 0.9.0
+     */
+    showCountdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "close"[], "close", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -139,6 +164,13 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Auto-close duration in milliseconds. 0 or undefined to disable.
+     */
+    duration: {
+        type: NumberConstructor;
+        default: undefined;
+    };
     /**
      * Additional CSS classes
      */
@@ -153,6 +185,22 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, string | number>>;
         default: undefined;
     };
+    /**
+     * Whether to display as full-width banner
+     * @since 0.9.0
+     */
+    banner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether to show countdown progress bar
+     * @since 0.9.0
+     */
+    showCountdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -165,6 +213,9 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
     closeAriaLabel: string;
     showIcon: boolean;
     description: string;
+    duration: number;
+    banner: boolean;
+    showCountdown: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Alert, type VueAlertProps, Alert as default };

package/dist/components/Alert.d.ts

@@ -10,6 +10,8 @@ interface VueAlertProps {
     showIcon?: boolean;
     closable?: boolean;
     closeAriaLabel?: string;
+    banner?: boolean;
+    showCountdown?: boolean;
     className?: string;
     style?: Record<string, string | number>;
 }
@@ -68,6 +70,13 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Auto-close duration in milliseconds. 0 or undefined to disable.
+     */
+    duration: {
+        type: NumberConstructor;
+        default: undefined;
+    };
     /**
      * Additional CSS classes
      */
@@ -82,6 +91,22 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, string | number>>;
         default: undefined;
     };
+    /**
+     * Whether to display as full-width banner
+     * @since 0.9.0
+     */
+    banner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether to show countdown progress bar
+     * @since 0.9.0
+     */
+    showCountdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "close"[], "close", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -139,6 +164,13 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Auto-close duration in milliseconds. 0 or undefined to disable.
+     */
+    duration: {
+        type: NumberConstructor;
+        default: undefined;
+    };
     /**
      * Additional CSS classes
      */
@@ -153,6 +185,22 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, string | number>>;
         default: undefined;
     };
+    /**
+     * Whether to display as full-width banner
+     * @since 0.9.0
+     */
+    banner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether to show countdown progress bar
+     * @since 0.9.0
+     */
+    showCountdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -165,6 +213,9 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
     closeAriaLabel: string;
     showIcon: boolean;
     description: string;
+    duration: number;
+    banner: boolean;
+    showCountdown: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Alert, type VueAlertProps, Alert as default };

package/dist/components/Alert.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkSKV2HHBC_js = require('../chunk-SKV2HHBC.js');
-require('../chunk-OOKS4KMK.js');
+var chunkFUGSQXFR_js = require('../chunk-FUGSQXFR.js');
+require('../chunk-JCMGBKS6.js');
 require('../chunk-PNKVD2UK.js');
 
 
 
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
-  get: function () { return chunkSKV2HHBC_js.Alert; }
+  get: function () { return chunkFUGSQXFR_js.Alert; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkSKV2HHBC_js.Alert_default; }
+  get: function () { return chunkFUGSQXFR_js.Alert_default; }
 });

package/dist/components/Alert.mjs

@@ -1,3 +1,3 @@
-export { Alert, Alert_default as default } from '../chunk-J5J4UYGP.mjs';
-import '../chunk-7RRA3TIG.mjs';
+export { Alert, Alert_default as default } from '../chunk-4K2CCBFT.mjs';
+import '../chunk-2TNZ4JNT.mjs';
 import '../chunk-53M2BTB5.mjs';

package/dist/components/AreaChart.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunk4NSRGKRB_js = require('../chunk-4NSRGKRB.js');
+var chunkW5A4E4C7_js = require('../chunk-W5A4E4C7.js');
 require('../chunk-FLAJKB2O.js');
-require('../chunk-FCV4ML6I.js');
-require('../chunk-57MJTNDL.js');
 require('../chunk-BKTQ6RWR.js');
 require('../chunk-HBFFINAI.js');
 require('../chunk-EPE6OOV7.js');
 require('../chunk-5PXTMXXS.js');
+require('../chunk-FCV4ML6I.js');
+require('../chunk-57MJTNDL.js');
 require('../chunk-PNKVD2UK.js');
 
 
 
 Object.defineProperty(exports, "AreaChart", {
   enumerable: true,
-  get: function () { return chunk4NSRGKRB_js.AreaChart; }
+  get: function () { return chunkW5A4E4C7_js.AreaChart; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunk4NSRGKRB_js.AreaChart_default; }
+  get: function () { return chunkW5A4E4C7_js.AreaChart_default; }
 });

package/dist/components/AreaChart.mjs

@@ -1,9 +1,9 @@
-export { AreaChart, AreaChart_default as default } from '../chunk-LDN2MZEU.mjs';
+export { AreaChart, AreaChart_default as default } from '../chunk-TYFUO6PE.mjs';
 import '../chunk-DU2NXX75.mjs';
-import '../chunk-5WHLXWWT.mjs';
-import '../chunk-MI6TL3CQ.mjs';
 import '../chunk-F5HOHSFH.mjs';
 import '../chunk-2ZUEXCVJ.mjs';
 import '../chunk-FXGIIFGN.mjs';
 import '../chunk-ZWVA7HT3.mjs';
+import '../chunk-5WHLXWWT.mjs';
+import '../chunk-MI6TL3CQ.mjs';
 import '../chunk-53M2BTB5.mjs';