@nextcloud/vue 9.9.0 → 9.11.0

package/dist/components/NcAppSidebar/NcAppSidebarTabs.vue.d.ts

@@ -23,6 +23,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      */
     activeTab: string;
     isLegacy34: boolean;
+    /** Whether the sliding highlight runs (JS mounted, non-legacy design) */
+    highlightEnabled: boolean;
+    /** Whether the highlight is currently shown */
+    highlightVisible: boolean;
+    /** Whether position changes should transition (slide) or snap */
+    highlightAnimated: boolean;
+    /** Whether the highlight sits on the active tab (turns transparent) */
+    highlightOverActive: boolean;
+    /** Highlight geometry inside the tablist, in pixels */
+    highlightLeft: number;
+    highlightTop: number;
+    highlightWidth: number;
+    highlightHeight: number;
 }, {
     /**
      * Has multiple tabs. If only one tab - its content is shown without navigation
@@ -32,6 +45,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     hasMultipleTabs(): boolean;
     showForSingleTab(): boolean;
     currentTabIndex(): number;
+    highlightStyle(): {
+        transform: string;
+        width: string;
+        height: string;
+    };
 }, {
     /**
      * Set the current active tab
@@ -84,6 +102,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @param {string} id tab's id
      */
     unregisterTab(id: string): void;
+    /**
+     * Move the sliding highlight onto a tab button. It slides there if
+     * already visible, otherwise it snaps into place so it does not slide in
+     * from a previously hovered tab. Over the active tab it turns transparent
+     * so the active tab keeps its own static background.
+     *
+     * @param {HTMLElement} button the tab button element to cover
+     */
+    showHighlightOn(button: HTMLElement): void;
+    /** Hide the sliding highlight */
+    hideHighlight(): void;
+    /**
+     * Move the highlight to the tab button under the pointer or focus
+     *
+     * @param {Event} event the pointer or focus event
+     */
+    handleHighlight(event: Event): void;
+    /**
+     * Hide the highlight once focus leaves the tablist entirely
+     *
+     * @param {FocusEvent} event the focusout event
+     */
+    onHighlightFocusOut(event: FocusEvent): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:active"[], "update:active", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Id of the tab to activate
@@ -109,12 +150,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         selected: boolean;
     } & {
         tab: InstanceType<typeof import('../index.ts').NcAppSidebarTab>;
+        animatedHighlight?: boolean;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:selected": (value: boolean) => any;
     }, string, import('vue').PublicProps, Readonly<{
         selected: boolean;
     } & {
         tab: InstanceType<typeof import('../index.ts').NcAppSidebarTab>;
+        animatedHighlight?: boolean;
     }> & Readonly<{
         "onUpdate:selected"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;

package/dist/components/NcAppSidebar/NcAppSidebarTabsButton.vue.d.ts

@@ -4,6 +4,11 @@ type __VLS_Props = {
      * The sidebar tab this button controls
      */
     tab: InstanceType<typeof NcAppSidebarTab>;
+    /**
+     * Whether the parent tablist renders a sliding highlight. When set, the
+     * button drops its own hover background so only the moving highlight shows.
+     */
+    animatedHighlight?: boolean;
 };
 type __VLS_PublicProps = {
     'selected': boolean;

package/dist/components/NcAppSidebar/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAppSidebar-C8YzAzrZ.mjs";
+import { N } from "../../chunks/NcAppSidebar.mjs";
 export {
   N as default
 };

package/dist/components/NcAppSidebarHeader/index.mjs

@@ -1,4 +1,4 @@
-import { _ } from "../../chunks/NcAppSidebarHeader.vue_vue_type_script_setup_true_lang-C-QhdyiN.mjs";
+import { _ } from "../../chunks/NcAppSidebarHeader.vue_vue_type_script_setup_true_lang.mjs";
 export {
   _ as default
 };

package/dist/components/NcAppSidebarTab/NcAppSidebarTab.vue.d.ts

@@ -14,7 +14,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     /**
-     * Tab icon's html class in navigation. Used if #icon slot is not provided
+     * Tab icon's html class in navigation. Used if #icon slot is not provided.
+     *
+     * The #icon slot receives the tab's active state as `{ selected }`, so a
+     * filled icon variant can be rendered for the active tab.
      */
     icon: {
         type: StringConstructor;
@@ -37,11 +40,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {
     onScroll(event: any): void;
     /**
-     * Render tab's icon slot if any
+     * Render tab's icon slot if any.
+     * The active state is passed to the slot so consumers can render a
+     * filled icon variant for the active tab, e.g.
+     * `<template #icon="{ selected }">`.
      *
+     * @param {boolean} selected whether the tab is currently active
      * @return {import('vue').VNode[]}
      */
-    renderIcon(): import('vue').VNode[];
+    renderIcon(selected?: boolean): import('vue').VNode[];
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "bottomReached")[], "scroll" | "bottomReached", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Unique id of the sidebar tab
@@ -58,7 +65,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
     /**
-     * Tab icon's html class in navigation. Used if #icon slot is not provided
+     * Tab icon's html class in navigation. Used if #icon slot is not provided.
+     *
+     * The #icon slot receives the tab's active state as `{ selected }`, so a
+     * filled icon variant can be rendered for the active tab.
      */
     icon: {
         type: StringConstructor;

package/dist/components/NcAppSidebarTab/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAppSidebarTab-DOSDDbGA.mjs";
+import { N } from "../../chunks/NcAppSidebarTab.mjs";
 export {
   N as default
 };

package/dist/components/NcAssistantButton/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAssistantButton-iK491d2v.mjs";
+import { N } from "../../chunks/NcAssistantButton.mjs";
 export {
   N as default
 };

package/dist/components/NcAssistantContent/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAssistantContent-iHA4O4cC.mjs";
+import { N } from "../../chunks/NcAssistantContent.mjs";
 export {
   N as default
 };

package/dist/components/NcAssistantIcon/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAssistantIcon-C6s4Qm7-.mjs";
+import { N } from "../../chunks/NcAssistantIcon.mjs";
 export {
   N as default
 };

package/dist/components/NcAvatar/NcAvatar.vue.d.ts

@@ -113,14 +113,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * Selector for the popover menu container
      */
     menuContainer: {
-        type: (ObjectConstructor | BooleanConstructor | StringConstructor | {
-            new (): Element;
-            prototype: Element;
-        })[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: string;
     };
 }>, {
     isDarkTheme: Readonly<import('vue').Ref<boolean, boolean>>;
+    isLegacy35: boolean;
 }, {
     avatarUrlLoaded: null;
     avatarSrcSetLoaded: null;
@@ -164,135 +162,32 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * Get the (max. two) initials of the user as uppcase string
      */
     initials(): string;
-    menu(): {
-        ncActionComponent: import('vue').DefineComponent<{}, {}, {}, {}, {}, {
-            mixins: {
-                beforeUpdate(): void;
-                data(): {
-                    text: any;
-                };
-                computed: {
-                    isLongText(): any;
-                };
-                methods: {
-                    getText(): any;
-                };
-            }[];
-            props: {
-                icon: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                name: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                title: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                closeAfterClick: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: null;
-                };
-            };
-            inject: {
-                closeMenu: {
-                    from: import('vue').InjectionKey<(returnFocus: boolean) => void>;
-                };
-            };
-            emits: string[];
-            created(): void;
-            computed: {
-                isIconUrl(): boolean;
-            };
-            methods: {
-                onClick(event: any): void;
-            };
-        }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        ncActionComponentProps: {};
-        iconSvg: string | undefined;
-        text: string;
-    }[] | {
-        ncActionComponent: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps> | import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            to: {
-                type: (ObjectConstructor | StringConstructor)[];
-                required: true;
-            };
-        }>, {}, {}, {}, {}, {
-            mixins: {
-                beforeUpdate(): void;
-                data(): {
-                    text: any;
-                };
-                computed: {
-                    isLongText(): any;
-                };
-                methods: {
-                    getText(): any;
-                };
-            }[];
-            props: {
-                icon: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                name: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                title: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                closeAfterClick: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                ariaLabel: {
-                    type: StringConstructor;
-                    default: null;
-                };
-            };
-            inject: {
-                closeMenu: {
-                    from: import('vue').InjectionKey<(returnFocus: boolean) => void>;
-                };
-            };
-            emits: string[];
-            created(): void;
-            computed: {
-                isIconUrl(): boolean;
-            };
-            methods: {
-                onClick(event: any): void;
-            };
-        }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            to: {
-                type: (ObjectConstructor | StringConstructor)[];
-                required: true;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        ncActionComponentProps: {
-            to: string;
-            icon: any;
-            href?: undefined;
-        } | {
-            href: any;
-            icon: any;
-            to?: undefined;
-        };
-        text: any;
-    }[];
+    /**
+     * Contacts menu actions for the hover card.
+     * `null` until actions are loaded so the card can fall back to profile API actions.
+     *
+     * @return {Array|null}
+     */
+    hoverCardActions(): any[] | null;
+    /**
+     * Status already known by this avatar so the hover card does not fetch it again.
+     * Omitted while status is still the empty default (fetch in progress).
+     *
+     * @return {object|undefined}
+     */
+    hoverCardPreloadedUserStatus(): object | undefined;
+    menu(): any[];
+    /**
+     * Legacy NcActions menu entries for Nextcloud 32–34.
+     *
+     * @return {Array}
+     */
+    legacyMenu(): any[];
 }, {
     t: (original: string, placeholders?: Record<string, string | number>) => string;
     handleUserStatusUpdated(state: any): void;
     /**
-     * Toggle the popover menu on click or enter
+     * Toggle the legacy popover menu on click or enter
      *
      * @param {KeyboardEvent|MouseEvent} event the UI event
      */
@@ -446,10 +341,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * Selector for the popover menu container
      */
     menuContainer: {
-        type: (ObjectConstructor | BooleanConstructor | StringConstructor | {
-            new (): Element;
-            prototype: Element;
-        })[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: string;
     };
 }>> & Readonly<{}>, {
@@ -458,16 +350,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     url: string;
     user: string;
     iconClass: string;
+    preloadedUserStatus: Record<string, any>;
     hideStatus: boolean;
     verboseStatus: boolean;
-    preloadedUserStatus: Record<string, any>;
     isGuest: boolean;
     noPlaceholder: boolean;
     disableTooltip: boolean;
     disableMenu: boolean;
     tooltipMessage: string;
     isNoUser: boolean;
-    menuContainer: string | boolean | Element | Record<string, any>;
+    menuContainer: string | boolean;
 }, {}, {
     IconDotsHorizontal: any;
     NcActions: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -688,13 +580,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     }>, {
         size: string;
-        disabled: boolean;
-        open: boolean;
+        inline: number;
         primary: boolean;
         ariaLabel: string;
+        disabled: boolean;
         variant: string;
         wide: boolean;
-        inline: number;
+        open: boolean;
         placement: string;
         container: string | boolean | Element | Record<string, any>;
         manualOpen: boolean;
@@ -969,6 +861,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         name: string;
         appearance: "auto" | "light" | "dark";
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+    NcPopover: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+    NcProfileHoverCard: import('vue').DefineComponent<{
+        user?: string | null;
+        profile?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IProfileData | null;
+        preloadedUserStatus?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IUserStatus | null;
+        open?: boolean;
+        actions?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IProfileHoverCardAction[] | null;
+        actionsLoading?: boolean;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        user?: string | null;
+        profile?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IProfileData | null;
+        preloadedUserStatus?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IUserStatus | null;
+        open?: boolean;
+        actions?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IProfileHoverCardAction[] | null;
+        actionsLoading?: boolean;
+    }> & Readonly<{}>, {
+        open: boolean;
+        actions: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IProfileHoverCardAction[] | null;
+        user: string | null;
+        profile: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IProfileData | null;
+        preloadedUserStatus: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IUserStatus | null;
+        actionsLoading: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
     NcUserStatusIcon: import('vue').DefineComponent<{
         status?: "online" | "away" | "busy" | "dnd" | "invisible" | "offline";
     } & {

package/dist/components/NcAvatar/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAvatar-1KxMUN7V.mjs";
+import { N } from "../../chunks/NcAvatar.mjs";
 export {
   N as default
 };

package/dist/components/NcBlurHash/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcBlurHash-B30Ol8KP.mjs";
+import { N } from "../../chunks/NcBlurHash.mjs";
 export {
   N as default
 };

package/dist/components/NcBreadcrumb/NcBreadcrumb.vue.d.ts

@@ -194,9 +194,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     title: string;
     class: string | Record<string, any> | unknown[];
     icon: string;
-    open: boolean;
     href: string;
     to: string | Record<string, any>;
+    open: boolean;
     forceMenu: boolean;
     forceIconText: boolean;
     disableDrop: boolean;
@@ -419,13 +419,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     }>, {
         size: string;
-        disabled: boolean;
-        open: boolean;
+        inline: number;
         primary: boolean;
         ariaLabel: string;
+        disabled: boolean;
         variant: string;
         wide: boolean;
-        inline: number;
+        open: boolean;
         placement: string;
         container: string | boolean | Element | Record<string, any>;
         manualOpen: boolean;

package/dist/components/NcBreadcrumb/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcBreadcrumb-3Y5NWXnV.mjs";
+import { N } from "../../chunks/NcBreadcrumb.mjs";
 export {
   N as default
 };

package/dist/components/NcBreadcrumbs/NcBreadcrumbs.vue.d.ts

@@ -359,13 +359,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     }>, {
         size: string;
-        disabled: boolean;
-        open: boolean;
+        inline: number;
         primary: boolean;
         ariaLabel: string;
+        disabled: boolean;
         variant: string;
         wide: boolean;
-        inline: number;
+        open: boolean;
         placement: string;
         container: string | boolean | Element | Record<string, any>;
         manualOpen: boolean;
@@ -801,9 +801,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         title: string;
         class: string | Record<string, any> | unknown[];
         icon: string;
-        open: boolean;
         href: string;
         to: string | Record<string, any>;
+        open: boolean;
         forceMenu: boolean;
         forceIconText: boolean;
         disableDrop: boolean;
@@ -1026,13 +1026,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "onUpdate:open"?: ((...args: any[]) => any) | undefined;
         }>, {
             size: string;
-            disabled: boolean;
-            open: boolean;
+            inline: number;
             primary: boolean;
             ariaLabel: string;
+            disabled: boolean;
             variant: string;
             wide: boolean;
-            inline: number;
+            open: boolean;
             placement: string;
             container: string | boolean | Element | Record<string, any>;
             manualOpen: boolean;

package/dist/components/NcBreadcrumbs/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcBreadcrumbs-BaTp3Sya.mjs";
+import { N } from "../../chunks/NcBreadcrumbs.mjs";
 export {
   N as default
 };

package/dist/components/NcButton/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcButton-jvoYS2my.mjs";
+import { N } from "../../chunks/NcButton.mjs";
 export {
   N as default
 };

package/dist/components/NcCheckboxRadioSwitch/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcCheckboxRadioSwitch-DVdt5Hkq.mjs";
+import { N } from "../../chunks/NcCheckboxRadioSwitch.mjs";
 export {
   N as default
 };

package/dist/components/NcChip/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcChip-DKRlV47q.mjs";
+import { N } from "../../chunks/NcChip.mjs";
 export {
   N as default
 };