@expcat/tigercat-vue 2.1.1 → 2.1.3

package/dist/components/LoadingBar.mjs

@@ -1,109 +1,98 @@
 import {
   LoadingBarContainer
-} from "../chunk-TBOXTAIA.mjs";
-import {
-  getGlobalTigerLocale
-} from "../chunk-TGXBCKOU.mjs";
+} from "../chunk-T2ESVQNC.mjs";
+import "../chunk-4GOTWNOO.mjs";
 
 // src/components/LoadingBar.ts
-import { createApp, defineComponent, h, ref } from "vue";
+import { createApp, defineComponent, h, onBeforeUnmount, shallowRef } from "vue";
 import {
+  createImperativeHost,
   createLoadingBarController,
-  isBrowser,
-  LOADING_BAR_CONTAINER_ROOT_ID,
-  resolveLoadingBarMountTarget
+  isBrowser
 } from "@expcat/tigercat-core";
-var containerApp = null;
 var controller = null;
-var barState = ref(null);
-function getDefaultAriaLabel() {
-  return getGlobalTigerLocale()?.common?.loadingText;
-}
 function getController() {
   if (!controller) {
     controller = createLoadingBarController();
     controller.subscribe(() => {
-      barState.value = controller?.getState() ?? null;
+      if (controller?.getState().visible) return;
+      host.teardown();
     });
   }
   return controller;
 }
+var host = createImperativeHost({
+  mount(element) {
+    const app = createApp(LoadingBarHost);
+    app.mount(element);
+    return app;
+  },
+  unmount(app) {
+    app.unmount();
+  }
+});
 var LoadingBarHost = /* @__PURE__ */ defineComponent({
   name: "TigerLoadingBarHost",
   setup() {
+    const state = shallowRef(getController().getState());
+    const stop = getController().subscribe(() => {
+      state.value = getController().getState();
+    });
+    onBeforeUnmount(stop);
     return () => {
-      const state = barState.value;
-      if (!state?.visible) return null;
+      const current = state.value;
+      if (!current.visible) return null;
       return h(LoadingBarContainer, {
-        percentage: state.percentage,
-        status: state.status,
-        color: state.color,
-        height: state.height,
-        className: state.className,
-        style: state.style,
-        ariaLabel: state.ariaLabel
+        percentage: current.percentage,
+        status: current.status,
+        color: current.color,
+        height: current.height,
+        className: current.className,
+        style: current.style,
+        ariaLabel: current.ariaLabel
       });
     };
   }
 });
-function ensureContainer(container) {
-  if (!isBrowser()) {
-    return;
-  }
-  const existingRootEl = document.getElementById(LOADING_BAR_CONTAINER_ROOT_ID);
-  if (containerApp && !existingRootEl) {
-    containerApp = null;
-  }
-  if (containerApp) {
-    return;
-  }
-  let rootEl = existingRootEl;
-  if (!rootEl) {
-    rootEl = document.createElement("div");
-    rootEl.id = LOADING_BAR_CONTAINER_ROOT_ID;
-    const mountTarget = resolveLoadingBarMountTarget(container) ?? document.body;
-    mountTarget.appendChild(rootEl);
-  }
-  containerApp = createApp(LoadingBarHost);
-  containerApp.mount(rootEl);
-}
-function teardownContainer() {
-  if (containerApp) {
-    containerApp.unmount();
-    containerApp = null;
-  }
-  if (isBrowser()) {
-    const rootEl = document.getElementById(LOADING_BAR_CONTAINER_ROOT_ID);
-    if (rootEl?.parentNode) {
-      rootEl.parentNode.removeChild(rootEl);
-    }
-  }
-}
-function withAriaLabel(options) {
-  if (options?.ariaLabel) return options;
-  const localeLabel = getDefaultAriaLabel();
-  if (!localeLabel && !options) return options;
-  return { ...options, ariaLabel: options?.ariaLabel ?? localeLabel };
+function syncHost(container) {
+  if (!isBrowser()) return;
+  if (!getController().getState().visible) return;
+  host.ensure(container);
 }
 var LoadingBar = {
   start(options) {
-    const resolved = withAriaLabel(options);
-    getController().start(resolved);
-    ensureContainer(resolved?.container);
+    if (!isBrowser()) return;
+    getController().start(options);
+    syncHost(options?.container ?? getController().getState().container);
+  },
+  set(percentage) {
+    if (!isBrowser()) return;
+    getController().set(percentage);
+    syncHost(getController().getState().container);
+  },
+  inc(delta) {
+    if (!isBrowser()) return;
+    getController().inc(delta);
+    syncHost(getController().getState().container);
   },
   finish() {
+    if (!isBrowser()) return;
     getController().finish();
     if (getController().getState().visible) {
-      ensureContainer();
+      syncHost(getController().getState().container);
     }
   },
   error() {
+    if (!isBrowser()) return;
     getController().error();
-    ensureContainer();
+    if (getController().getState().visible) {
+      syncHost(getController().getState().container);
+    }
   },
   clear() {
+    if (!isBrowser()) return;
     getController().clear();
-    teardownContainer();
+    host.teardown();
   }
 };
 var LoadingBar_default = LoadingBar;

package/dist/components/LoadingBarContainer.d.mts

@@ -1,10 +1,11 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { LoadingBarStatus, LoadingBarColor, LoadingBarContainerProps } from '@expcat/tigercat-core';
+import { LoadingBarStatus, LoadingBarColor, LoadingBarContainerProps as LoadingBarContainerProps$1 } from '@expcat/tigercat-core';
 
-interface VueLoadingBarContainerProps extends LoadingBarContainerProps {
+interface VueLoadingBarContainerProps extends LoadingBarContainerProps$1 {
     style?: Record<string, string | number>;
 }
+type LoadingBarContainerProps = VueLoadingBarContainerProps;
 declare const LoadingBarContainer: vue.DefineComponent<vue.ExtractPropTypes<{
     percentage: {
         type: NumberConstructor;
@@ -66,13 +67,13 @@ declare const LoadingBarContainer: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
-    style: Record<string, string | number>;
     status: LoadingBarStatus;
-    color: LoadingBarColor;
+    style: Record<string, string | number>;
     ariaLabel: string;
+    className: string;
+    color: LoadingBarColor;
     height: number;
     percentage: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { LoadingBarContainer, type VueLoadingBarContainerProps, LoadingBarContainer as default };
+export { LoadingBarContainer, type LoadingBarContainerProps, type VueLoadingBarContainerProps, LoadingBarContainer as default };

package/dist/components/LoadingBarContainer.mjs

@@ -1,7 +1,8 @@
 import {
   LoadingBarContainer,
   LoadingBarContainer_default
-} from "../chunk-TBOXTAIA.mjs";
+} from "../chunk-T2ESVQNC.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   LoadingBarContainer,
   LoadingBarContainer_default as default

package/dist/components/LoadingBarRoot.d.mts

@@ -1,4 +1,5 @@
 import { LoadingBarApi, LoadingBarOptions } from '@expcat/tigercat-core';
+export { LoadingBarOptions } from '@expcat/tigercat-core';
 
 type VueLoadingBarProps = LoadingBarOptions;
 declare const LoadingBar: LoadingBarApi;

package/dist/components/LoadingBarRoot.mjs

@@ -1,6 +1,6 @@
 import {
   LoadingBar
-} from "../chunk-PFIV5MXD.mjs";
+} from "../chunk-4INCDD5K.mjs";
 export {
   LoadingBar
 };

package/dist/components/MarkdownEditor.d.mts

@@ -3,7 +3,7 @@ import { PropType } from 'vue';
 import { MarkdownEditorMode, MarkdownToolbarItem, MarkdownRenderer, TigerLocale, TigerLocaleMarkdownEditor } from '@expcat/tigercat-core';
 
 interface VueMarkdownEditorProps {
-    value?: string;
+    modelValue?: string;
     defaultValue?: string;
     placeholder?: string;
     mode?: MarkdownEditorMode;
@@ -18,9 +18,13 @@ interface VueMarkdownEditorProps {
     labels?: Partial<TigerLocaleMarkdownEditor>;
     className?: string;
     style?: Record<string, string | number>;
+    tabSize?: number;
+    ariaLabel?: string;
+    name?: string;
+    id?: string;
 }
 declare const MarkdownEditor: vue.DefineComponent<vue.ExtractPropTypes<{
-    value: {
+    modelValue: {
         type: StringConstructor;
         default: undefined;
     };
@@ -80,10 +84,26 @@ declare const MarkdownEditor: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, string | number>>;
         default: undefined;
     };
+    tabSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:value" | "update:mode" | "mode-change")[], "change" | "update:value" | "update:mode" | "mode-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    value: {
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue" | "update:mode" | "mode-change")[], "change" | "update:modelValue" | "update:mode" | "mode-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
         type: StringConstructor;
         default: undefined;
     };
@@ -143,25 +163,45 @@ declare const MarkdownEditor: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, string | number>>;
         default: undefined;
     };
+    tabSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:mode"?: ((...args: any[]) => any) | undefined;
     "onMode-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
+    name: string;
+    mode: MarkdownEditorMode;
+    style: Record<string, string | number>;
+    ariaLabel: string;
     labels: Partial<TigerLocaleMarkdownEditor>;
+    placeholder: string;
     className: string;
-    style: Record<string, string | number>;
-    mode: MarkdownEditorMode;
-    value: string;
     disabled: boolean;
-    placeholder: string;
+    id: string;
+    modelValue: string;
     defaultValue: string;
     height: string | number;
     toolbar: false | MarkdownToolbarItem[];
-    readOnly: boolean;
     defaultMode: MarkdownEditorMode;
+    tabSize: number;
+    readOnly: boolean;
     showModeSwitch: boolean;
     renderer: MarkdownRenderer;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/MarkdownEditor.mjs

@@ -1,9 +1,9 @@
 import {
   MarkdownEditor,
   MarkdownEditor_default
-} from "../chunk-FSJRNEZK.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-KFWSS65S.mjs";
+import "../chunk-P2LZ2MR5.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   MarkdownEditor,
   MarkdownEditor_default as default

package/dist/components/Marquee.d.mts

@@ -6,6 +6,8 @@ interface VueMarqueeProps {
     direction?: MarqueeDirection;
     duration?: number;
     pauseOnHover?: boolean;
+    pauseOnFocus?: boolean;
+    paused?: boolean;
     gap?: MarqueeGap;
     repeat?: number;
     ariaLabel?: string;
@@ -14,7 +16,8 @@ interface VueMarqueeProps {
 }
 declare const Marquee: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
-     * Scroll direction
+     * Scroll direction. `left`/`right` are logical (inline-start/end).
+     * Vertical height is the first copy unless the root height is set.
      * @default 'left'
      */
     direction: {
@@ -30,13 +33,30 @@ declare const Marquee: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
     /**
-     * Pause looping while hovered or while focus is inside the region
+     * Pause looping while hovered. Does not control focus-within pause.
      * @default true
      */
     pauseOnHover: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Pause looping while focus is inside the region.
+     * Independent of pauseOnHover; default stays on so turning off hover
+     * does not remove the keyboard pause.
+     * @default true
+     */
+    pauseOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Controlled pause. When set, hover/focus no longer derive the flag.
+     */
+    paused: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     /**
      * Gap between items and between duplicated copies.
      * A number is pixels; a string is a CSS length.
@@ -48,7 +68,8 @@ declare const Marquee: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     /**
      * How many copies of the content to render for a seamless loop.
-     * Values below 2 skip looping and show a single static copy.
+     * Omitted or non-finite → 2. Values below 2 (including 0) show one
+     * static copy. Extra copies do not grow a vertical viewport.
      * @default 2
      */
     repeat: {
@@ -56,8 +77,7 @@ declare const Marquee: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
     /**
-     * Accessible name for the region
-     * @default 'Scrolling content'
+     * Accessible name for the region. Omitted or blank: not a landmark.
      */
     ariaLabel: {
         type: StringConstructor;
@@ -81,7 +101,8 @@ declare const Marquee: vue.DefineComponent<vue.ExtractPropTypes<{
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
-     * Scroll direction
+     * Scroll direction. `left`/`right` are logical (inline-start/end).
+     * Vertical height is the first copy unless the root height is set.
      * @default 'left'
      */
     direction: {
@@ -97,13 +118,30 @@ declare const Marquee: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
     /**
-     * Pause looping while hovered or while focus is inside the region
+     * Pause looping while hovered. Does not control focus-within pause.
      * @default true
      */
     pauseOnHover: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Pause looping while focus is inside the region.
+     * Independent of pauseOnHover; default stays on so turning off hover
+     * does not remove the keyboard pause.
+     * @default true
+     */
+    pauseOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Controlled pause. When set, hover/focus no longer derive the flag.
+     */
+    paused: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     /**
      * Gap between items and between duplicated copies.
      * A number is pixels; a string is a CSS length.
@@ -115,7 +153,8 @@ declare const Marquee: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     /**
      * How many copies of the content to render for a seamless loop.
-     * Values below 2 skip looping and show a single static copy.
+     * Omitted or non-finite → 2. Values below 2 (including 0) show one
+     * static copy. Extra copies do not grow a vertical viewport.
      * @default 2
      */
     repeat: {
@@ -123,8 +162,7 @@ declare const Marquee: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
     /**
-     * Accessible name for the region
-     * @default 'Scrolling content'
+     * Accessible name for the region. Omitted or blank: not a landmark.
      */
     ariaLabel: {
         type: StringConstructor;
@@ -145,13 +183,15 @@ declare const Marquee: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
-    style: Record<string, unknown>;
     direction: MarqueeDirection;
-    repeat: number;
+    style: Record<string, unknown>;
     ariaLabel: string;
+    className: string;
+    repeat: number;
+    paused: boolean;
     duration: number;
     pauseOnHover: boolean;
+    pauseOnFocus: boolean;
     gap: MarqueeGap;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Marquee.mjs

@@ -1,7 +1,7 @@
 import {
   Marquee,
   Marquee_default
-} from "../chunk-3ONCXHE5.mjs";
+} from "../chunk-H7IBRMXU.mjs";
 export {
   Marquee,
   Marquee_default as default