@expcat/tigercat-vue 2.0.4 → 2.1.0

package/dist/components/Masonry.d.mts

@@ -0,0 +1,66 @@
+import * as vue from 'vue';
+import { PropType, VNode } from 'vue';
+import { MasonryResponsiveValue } from '@expcat/tigercat-core';
+
+interface VueMasonryProps {
+    columns?: MasonryResponsiveValue;
+    gap?: MasonryResponsiveValue;
+    className?: string;
+    columnClassName?: string;
+    itemClassName?: string;
+}
+declare const Masonry: vue.DefineComponent<vue.ExtractPropTypes<{
+    columns: {
+        type: PropType<MasonryResponsiveValue>;
+        default: number;
+    };
+    gap: {
+        type: PropType<MasonryResponsiveValue>;
+        default: number;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    columnClassName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    itemClassName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "layout"[], "layout", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    columns: {
+        type: PropType<MasonryResponsiveValue>;
+        default: number;
+    };
+    gap: {
+        type: PropType<MasonryResponsiveValue>;
+        default: number;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    columnClassName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    itemClassName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onLayout?: ((...args: any[]) => any) | undefined;
+}>, {
+    className: string;
+    gap: MasonryResponsiveValue;
+    columns: MasonryResponsiveValue;
+    columnClassName: string;
+    itemClassName: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { Masonry, type VueMasonryProps, Masonry as default };

package/dist/components/Masonry.mjs

@@ -0,0 +1,8 @@
+import {
+  Masonry,
+  Masonry_default
+} from "../chunk-26QCTL2E.mjs";
+export {
+  Masonry,
+  Masonry_default as default
+};

package/dist/components/Menu.d.mts

@@ -144,7 +144,7 @@ declare const Menu: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("select" | "search" | "update:searchValue" | "open-change" | "update:selectedKeys" | "update:openKeys")[], "select" | "search" | "update:searchValue" | "open-change" | "update:selectedKeys" | "update:openKeys", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("select" | "search" | "open-change" | "update:searchValue" | "update:selectedKeys" | "update:openKeys")[], "select" | "search" | "open-change" | "update:searchValue" | "update:selectedKeys" | "update:openKeys", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Data-driven menu items
      */
@@ -254,8 +254,8 @@ declare const Menu: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
-    "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
     "onOpen-change"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedKeys"?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
     "onUpdate:openKeys"?: ((...args: any[]) => any) | undefined;

package/dist/components/Modal.d.mts

@@ -350,8 +350,8 @@ declare const Modal: vue.DefineComponent<vue.ExtractPropTypes<{
     mask: boolean;
     open: boolean;
     width: string | number;
-    draggable: boolean;
     closable: boolean;
+    draggable: boolean;
     zIndex: number;
     maskClosable: boolean;
     centered: boolean;

package/dist/components/NavigationMenu.d.mts

@@ -0,0 +1,411 @@
+import * as vue from 'vue';
+import { PropType, ComputedRef, Ref } from 'vue';
+import { NavigationMenuValue, FloatingPlacement, NavigationMenuContentProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuProps, NavigationMenuTriggerProps } from '@expcat/tigercat-core';
+
+declare const NavigationMenuContextKey: unique symbol;
+declare const NavigationMenuItemContextKey: unique symbol;
+declare const NavigationMenuContentContextKey: unique symbol;
+interface NavigationMenuContext {
+    value: ComputedRef<NavigationMenuValue | null>;
+    setValue: (next: NavigationMenuValue | null, options?: {
+        restoreFocus?: boolean;
+    }) => void;
+    scheduleOpen: (itemValue: NavigationMenuValue) => void;
+    scheduleClose: (itemValue: NavigationMenuValue) => void;
+    cancelClose: () => void;
+    closeOnClick: boolean;
+    handleItemClick: () => void;
+    handleFocusLeave: (event: FocusEvent) => void;
+    portal: ComputedRef<boolean>;
+    disabled: boolean;
+    offset: number;
+    placement: FloatingPlacement;
+    showArrow: boolean;
+    menubarRef: Ref<HTMLElement | null>;
+    suppressFocusOpen: Ref<boolean>;
+}
+interface NavigationMenuItemContext {
+    value: NavigationMenuValue;
+    isOpen: ComputedRef<boolean>;
+    disabled: boolean;
+    hasPanel: Ref<boolean>;
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    contentId: string;
+    open: (focusPanel?: boolean) => void;
+    close: () => void;
+    scheduleOpen: () => void;
+    scheduleClose: () => void;
+    cancelClose: () => void;
+    showArrow: boolean;
+}
+interface NavigationMenuContentContext {
+    inPanel: true;
+}
+type VueNavigationMenuLinkProps = NavigationMenuLinkProps;
+declare const NavigationMenuLink: vue.DefineComponent<vue.ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    target: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    rel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    target: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    rel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    className: string;
+    style: Record<string, unknown>;
+    disabled: boolean;
+    target: string;
+    active: boolean;
+    href: string;
+    rel: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+interface VueNavigationMenuTriggerProps extends NavigationMenuTriggerProps {
+}
+declare const NavigationMenuTrigger: vue.DefineComponent<vue.ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    style: Record<string, unknown>;
+    disabled: boolean;
+    showArrow: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+interface VueNavigationMenuContentProps extends NavigationMenuContentProps {
+}
+declare const NavigationMenuContent: vue.DefineComponent<vue.ExtractPropTypes<{
+    mega: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => vue.VNodeChild, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    mega: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    style: Record<string, unknown>;
+    mega: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+interface VueNavigationMenuItemProps extends NavigationMenuItemProps {
+}
+declare const NavigationMenuItem: vue.DefineComponent<vue.ExtractPropTypes<{
+    value: {
+        type: PropType<NavigationMenuValue>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    value: {
+        type: PropType<NavigationMenuValue>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    style: Record<string, unknown>;
+    disabled: boolean;
+    value: NavigationMenuValue;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+interface VueNavigationMenuListProps {
+    className?: string;
+    style?: Record<string, unknown>;
+}
+declare const NavigationMenuList: vue.DefineComponent<vue.ExtractPropTypes<{
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    style: Record<string, unknown>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+interface VueNavigationMenuProps extends NavigationMenuProps {
+    /**
+     * Panel placement relative to the trigger
+     * @default 'bottom-start'
+     */
+    placement?: FloatingPlacement;
+}
+declare const NavigationMenu: vue.DefineComponent<vue.ExtractPropTypes<{
+    value: {
+        type: PropType<NavigationMenuValue | null>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<NavigationMenuValue | null>;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    delayDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    skipDelayDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    portal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placement: {
+        type: PropType<FloatingPlacement>;
+        default: FloatingPlacement;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:open" | "open-change" | "update:value" | "value-change")[], "update:open" | "open-change" | "update:value" | "value-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    value: {
+        type: PropType<NavigationMenuValue | null>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<NavigationMenuValue | null>;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    delayDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    skipDelayDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    portal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placement: {
+        type: PropType<FloatingPlacement>;
+        default: FloatingPlacement;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    "onOpen-change"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    "onValue-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    className: string;
+    style: Record<string, unknown>;
+    disabled: boolean;
+    placement: FloatingPlacement;
+    offset: number;
+    open: boolean;
+    defaultOpen: boolean;
+    closeOnClick: boolean;
+    showArrow: boolean;
+    portal: boolean;
+    value: NavigationMenuValue | null;
+    defaultValue: NavigationMenuValue | null;
+    delayDuration: number;
+    skipDelayDuration: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentContext, NavigationMenuContentContextKey, type NavigationMenuContext, NavigationMenuContextKey, NavigationMenuItem, type NavigationMenuItemContext, NavigationMenuItemContextKey, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, type VueNavigationMenuContentProps, type VueNavigationMenuItemProps, type VueNavigationMenuLinkProps, type VueNavigationMenuListProps, type VueNavigationMenuProps, type VueNavigationMenuTriggerProps, NavigationMenu as default };

package/dist/components/NavigationMenu.mjs

@@ -0,0 +1,25 @@
+import {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuContentContextKey,
+  NavigationMenuContextKey,
+  NavigationMenuItem,
+  NavigationMenuItemContextKey,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenu_default
+} from "../chunk-UXJRH72H.mjs";
+import "../chunk-Q7Y22OFX.mjs";
+export {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuContentContextKey,
+  NavigationMenuContextKey,
+  NavigationMenuItem,
+  NavigationMenuItemContextKey,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenu_default as default
+};

package/dist/components/NotificationCenter.d.mts

@@ -193,9 +193,9 @@ declare const NotificationCenter: vue.DefineComponent<vue.ExtractPropTypes<{
     style: Record<string, string | number>;
     title: string;
     loading: boolean;
+    groups: NotificationGroup[];
     groupBy: (item: NotificationItem) => string;
     items: NotificationItem[];
-    groups: NotificationGroup[];
     groupOrder: string[];
     activeGroupKey: string | number;
     defaultActiveGroupKey: string | number;

package/dist/components/NotificationCenter.mjs

@@ -1,9 +1,9 @@
 import {
   NotificationCenter,
   NotificationCenter_default
-} from "../chunk-GS4SV2HK.mjs";
+} from "../chunk-32X54QKW.mjs";
 import "../chunk-U6OGGZBY.mjs";
-import "../chunk-KOG3HKOF.mjs";
+import "../chunk-6AMWX5K4.mjs";
 import "../chunk-2LIIMWBR.mjs";
 import "../chunk-HS4YQGZQ.mjs";
 import "../chunk-YZBQ6IR7.mjs";

package/dist/components/PageHeader.d.mts

@@ -0,0 +1,140 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+
+interface VuePageHeaderProps {
+    showBack?: boolean;
+    backHref?: string;
+    backAriaLabel?: string;
+    title?: string;
+    subTitle?: string;
+    className?: string;
+    style?: Record<string, unknown>;
+}
+declare const PageHeader: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * Whether to show the back control.
+     * When omitted, the control is shown if `@back`, `backHref`, or a `#back`
+     * slot is provided. Set `false` to force-hide.
+     */
+    showBack: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    /**
+     * Navigation URL for the default back control. Renders a Link instead of
+     * a Button when set and no `#back` slot is provided.
+     */
+    backHref: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Accessible name for the default back control
+     * @default 'Back'
+     */
+    backAriaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Page title
+     */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Secondary text shown beside the title
+     */
+    subTitle: {
+        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 default back control is activated
+     */
+    back: (event: MouseEvent) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Whether to show the back control.
+     * When omitted, the control is shown if `@back`, `backHref`, or a `#back`
+     * slot is provided. Set `false` to force-hide.
+     */
+    showBack: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    /**
+     * Navigation URL for the default back control. Renders a Link instead of
+     * a Button when set and no `#back` slot is provided.
+     */
+    backHref: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Accessible name for the default back control
+     * @default 'Back'
+     */
+    backAriaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Page title
+     */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Secondary text shown beside the title
+     */
+    subTitle: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles
+     */
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onBack?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    className: string;
+    style: Record<string, unknown>;
+    title: string;
+    showBack: boolean | undefined;
+    backHref: string;
+    backAriaLabel: string;
+    subTitle: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { PageHeader, type VuePageHeaderProps, PageHeader as default };