@nextcloud/vue 9.0.0-rc.4 → 9.0.0-rc.6

package/dist/components/NcActionInput/index.mjs

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

package/dist/components/NcActionTextEditable/index.mjs

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

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

@@ -0,0 +1,502 @@
+import { NC_ACTIONS_IS_SEMANTIC_MENU, NC_ACTIONS_CLOSE_MENU } from './useNcActions.ts';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Specify the open state of the popover menu
+     */
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * This disables the internal open management,
+     * so the actions menu only respects the `open` prop.
+     * This is e.g. necessary for the NcAvatar component
+     * to only open the actions menu after loading it's entries has finished.
+     */
+    manualOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Force the actions to display in a three dot menu
+     */
+    forceMenu: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Force the name to show for single actions
+     */
+    forceName: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Specify the menu name
+     */
+    menuName: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Apply primary styling for this menu
+     */
+    primary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Icon to show for the toggle menu button
+     * when more than one action is inside the actions component.
+     * Only replace the default three-dot icon if really necessary.
+     */
+    defaultIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Aria label for the actions menu.
+     *
+     * If `menuName` is defined this will not be used to prevent
+     * any accessible name conflicts. This ensures that the
+     * element can be activated via voice input.
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Wanted direction of the menu
+     */
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * DOM element for the actions' popover boundaries
+     */
+    boundariesElement: {
+        type: {
+            new (): Element;
+            prototype: Element;
+        };
+        default: () => HTMLElement | null;
+    };
+    /**
+     * Selector for the actions' popover container
+     */
+    container: {
+        type: (ObjectConstructor | BooleanConstructor | StringConstructor | {
+            new (): Element;
+            prototype: Element;
+        })[];
+        default: string;
+    };
+    /**
+     * Disabled state of the main button (single action or menu toggle)
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Display x items inline out of the dropdown menu
+     * Will be ignored if `forceMenu` is set
+     */
+    inline: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Specifies the button variant used for trigger and single actions buttons.
+     *
+     * Accepted values: primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success.
+     * If left empty, the default button style will be applied.
+     *
+     * @since 8.23.0
+     */
+    variant: {
+        type: StringConstructor;
+        validator(value: unknown): boolean;
+        default: null;
+    };
+}>, {
+    triggerButton: import('vue').Ref<any, any>;
+    maxMenuHeight: import('vue').ComputedRef<number>;
+    randomId: string;
+    triggerRandomId: string;
+}, {
+    opened: boolean;
+    focusIndex: number;
+    /**
+     * @type {'menu'|'navigation'|'dialog'|'tooltip'|'unknown'}
+     */
+    actionsMenuSemanticType: "menu" | "navigation" | "dialog" | "tooltip" | "unknown";
+}, {
+    triggerButtonVariant(): string;
+    /**
+     * A11y roles and keyboard navigation configuration depending on the semantic type
+     */
+    config(): {
+        popupRole: string;
+        withArrowNavigation: boolean;
+        withTabNavigation: boolean;
+        withFocusTrap: boolean;
+    } | {
+        popupRole: undefined;
+        withArrowNavigation: boolean;
+        withTabNavigation: boolean;
+        withFocusTrap: boolean;
+    } | {
+        popupRole: string;
+        withArrowNavigation: boolean;
+        withTabNavigation: boolean;
+        withFocusTrap: boolean;
+    } | {
+        popupRole: undefined;
+        withArrowNavigation: boolean;
+        withTabNavigation: boolean;
+        withFocusTrap: boolean;
+    } | {
+        popupRole: undefined;
+        role: undefined;
+        withArrowNavigation: boolean;
+        withTabNavigation: boolean;
+        withFocusTrap: boolean;
+    };
+    withFocusTrap(): boolean;
+}, {
+    /**
+     * Get the name of the action component
+     *
+     * @param {import('vue').VNode} action - a vnode with a NcAction* component instance
+     * @return {string} the name of the action component
+     */
+    getActionName(action: import('vue').VNode): string;
+    /**
+     * Do we have exactly one Action and
+     * is it allowed as a standalone element?
+     *
+     * @param {import('vue').VNode} action The action to check
+     * @return {boolean}
+     */
+    isValidSingleAction(action: import('vue').VNode): boolean;
+    isAction(action: any): boolean;
+    /**
+     * Check whether a icon prop value is an URL or not
+     * @param {string} url The icon prop value
+     */
+    isIconUrl(url: string): boolean;
+    toggleMenu(state: any): void;
+    openMenu(): void;
+    closeMenu(returnFocus?: boolean): Promise<void>;
+    /**
+     * Called when popover is shown after the show delay
+     */
+    onOpened(): void;
+    onClosed(): void;
+    /**
+     * Handle resizing the popover to make sure users can discover there is more to scroll
+     */
+    resizePopover(): void;
+    /**
+     * @return {HTMLElement|null}
+     */
+    getCurrentActiveMenuItemElement(): HTMLElement | null;
+    /**
+     * @return {NodeList<HTMLElement>}
+     */
+    getFocusableMenuItemElements(): NodeList<HTMLElement>;
+    /**
+     * Dispatches the keydown listener to different handlers
+     *
+     * @param {object} event The keydown event
+     */
+    onKeydown(event: object): void;
+    onTriggerKeydown(event: any): void;
+    handleEscapePressed(event: any): void;
+    removeCurrentActive(): void;
+    focusAction(): void;
+    focusPreviousAction(event: any): void;
+    focusNextAction(event: any): void;
+    focusFirstAction(event: any): void;
+    focusLastAction(event: any): void;
+    preventIfEvent(event: any): void;
+    onFocus(event: any): void;
+    onBlur(event: any): void;
+    onClick(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("blur" | "click" | "close" | "focus" | "open" | "closed" | "opened" | "update:open")[], "blur" | "click" | "close" | "focus" | "open" | "closed" | "opened" | "update:open", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Specify the open state of the popover menu
+     */
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * This disables the internal open management,
+     * so the actions menu only respects the `open` prop.
+     * This is e.g. necessary for the NcAvatar component
+     * to only open the actions menu after loading it's entries has finished.
+     */
+    manualOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Force the actions to display in a three dot menu
+     */
+    forceMenu: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Force the name to show for single actions
+     */
+    forceName: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Specify the menu name
+     */
+    menuName: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Apply primary styling for this menu
+     */
+    primary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Icon to show for the toggle menu button
+     * when more than one action is inside the actions component.
+     * Only replace the default three-dot icon if really necessary.
+     */
+    defaultIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Aria label for the actions menu.
+     *
+     * If `menuName` is defined this will not be used to prevent
+     * any accessible name conflicts. This ensures that the
+     * element can be activated via voice input.
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Wanted direction of the menu
+     */
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * DOM element for the actions' popover boundaries
+     */
+    boundariesElement: {
+        type: {
+            new (): Element;
+            prototype: Element;
+        };
+        default: () => HTMLElement | null;
+    };
+    /**
+     * Selector for the actions' popover container
+     */
+    container: {
+        type: (ObjectConstructor | BooleanConstructor | StringConstructor | {
+            new (): Element;
+            prototype: Element;
+        })[];
+        default: string;
+    };
+    /**
+     * Disabled state of the main button (single action or menu toggle)
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Display x items inline out of the dropdown menu
+     * Will be ignored if `forceMenu` is set
+     */
+    inline: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Specifies the button variant used for trigger and single actions buttons.
+     *
+     * Accepted values: primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success.
+     * If left empty, the default button style will be applied.
+     *
+     * @since 8.23.0
+     */
+    variant: {
+        type: StringConstructor;
+        validator(value: unknown): boolean;
+        default: null;
+    };
+}>> & Readonly<{
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    open: boolean;
+    primary: boolean;
+    ariaLabel: string;
+    variant: string;
+    inline: number;
+    placement: string;
+    container: string | boolean | Element | Record<string, any>;
+    manualOpen: boolean;
+    forceMenu: boolean;
+    forceName: boolean;
+    menuName: string;
+    defaultIcon: string;
+    boundariesElement: Element;
+}, {}, {
+    NcButton: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
+            ariaLabel?: string;
+            disabled?: boolean;
+            download?: string | true;
+            href?: string;
+            pressed?: boolean;
+            size?: import('../NcButton/NcButton.vue').ButtonSize;
+            target?: string;
+            text?: string;
+            to?: import('vue-router').RouteLocationRaw;
+            type?: import('../NcButton/NcButton.vue').ButtonType;
+            variant?: import('../NcButton/NcButton.vue').ButtonVariant;
+            wide?: boolean;
+        }> & Readonly<{
+            onClick?: ((e: MouseEvent) => any) | undefined;
+            "onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (e: MouseEvent) => any;
+            "update:pressed": (pressed: boolean) => any;
+        }, import('vue').PublicProps, {
+            size: import('../NcButton/NcButton.vue').ButtonSize;
+            type: import('../NcButton/NcButton.vue').ButtonType;
+            text: string;
+            href: string;
+            target: string;
+            alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
+            ariaLabel: string;
+            download: string | true;
+            pressed: boolean;
+            to: import('vue-router').RouteLocationRaw;
+            variant: import('../NcButton/NcButton.vue').ButtonVariant;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
+            ariaLabel?: string;
+            disabled?: boolean;
+            download?: string | true;
+            href?: string;
+            pressed?: boolean;
+            size?: import('../NcButton/NcButton.vue').ButtonSize;
+            target?: string;
+            text?: string;
+            to?: import('vue-router').RouteLocationRaw;
+            type?: import('../NcButton/NcButton.vue').ButtonType;
+            variant?: import('../NcButton/NcButton.vue').ButtonVariant;
+            wide?: boolean;
+        }> & Readonly<{
+            onClick?: ((e: MouseEvent) => any) | undefined;
+            "onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            size: import('../NcButton/NcButton.vue').ButtonSize;
+            type: import('../NcButton/NcButton.vue').ButtonType;
+            text: string;
+            href: string;
+            target: string;
+            alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
+            ariaLabel: string;
+            download: string | true;
+            pressed: boolean;
+            to: import('vue-router').RouteLocationRaw;
+            variant: import('../NcButton/NcButton.vue').ButtonVariant;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
+        ariaLabel?: string;
+        disabled?: boolean;
+        download?: string | true;
+        href?: string;
+        pressed?: boolean;
+        size?: import('../NcButton/NcButton.vue').ButtonSize;
+        target?: string;
+        text?: string;
+        to?: import('vue-router').RouteLocationRaw;
+        type?: import('../NcButton/NcButton.vue').ButtonType;
+        variant?: import('../NcButton/NcButton.vue').ButtonVariant;
+        wide?: boolean;
+    }> & Readonly<{
+        onClick?: ((e: MouseEvent) => any) | undefined;
+        "onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (e: MouseEvent) => any;
+        "update:pressed": (pressed: boolean) => any;
+    }, string, {
+        size: import('../NcButton/NcButton.vue').ButtonSize;
+        type: import('../NcButton/NcButton.vue').ButtonType;
+        text: string;
+        href: string;
+        target: string;
+        alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
+        ariaLabel: string;
+        download: string | true;
+        pressed: boolean;
+        to: import('vue-router').RouteLocationRaw;
+        variant: import('../NcButton/NcButton.vue').ButtonVariant;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            default?: import('vue').Slot;
+            icon?: import('vue').Slot;
+        }> & {
+            default?: import('vue').Slot;
+            icon?: import('vue').Slot;
+        };
+    });
+    NcPopover: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+}, {}, string, () => {
+    /**
+     * NcActions can be used as:
+     * - Application menu (has menu role)
+     * - Navigation (has no specific role, should be used an element with navigation role)
+     * - Popover with plain text or text inputs (has no specific role)
+     * Depending on the usage (used items), the menu and its items should have different roles for a11y.
+     * Provide the role for NcAction* components in the NcActions content.
+     * @type {import('vue').ComputedRef<boolean>}
+     */
+    [NC_ACTIONS_IS_SEMANTIC_MENU]: import('vue').ComputedRef<boolean>;
+    [NC_ACTIONS_CLOSE_MENU]: (returnFocus?: boolean) => Promise<void>;
+}, true, {}, any>;
+export default _default;

package/dist/components/NcActions/index.mjs

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

package/dist/components/NcAppContent/index.mjs

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

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

@@ -1,66 +1,68 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { Slot } from 'vue';
+type __VLS_Props = {
     /**
      * The aria label to describe the navigation
      */
-    ariaLabel: {
-        type: StringConstructor;
-        default: string;
-    };
+    ariaLabel?: string;
     /**
      * aria-labelledby attribute to describe the navigation
      */
-    ariaLabelledby: {
-        type: StringConstructor;
-        default: string;
+    ariaLabelledby?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * The main content of the navigation.
+         * If no list is passed to the `#list` slot, stretched vertically.
+         */
+        default?: Slot;
+        /**
+         * Footer for e.g. `NcAppNavigationSettings`
+         */
+        footer?: Slot;
+        /**
+         * List for Navigation list items.
+         * Stretched between the main content and the footer
+         */
+        list?: Slot;
+        /**
+         * For in-app search you can pass a `NcAppNavigationSearch` component as the slot content.
+         */
+        search?: Slot;
+    }> & {
+        /**
+         * The main content of the navigation.
+         * If no list is passed to the `#list` slot, stretched vertically.
+         */
+        default?: Slot;
+        /**
+         * Footer for e.g. `NcAppNavigationSettings`
+         */
+        footer?: Slot;
+        /**
+         * List for Navigation list items.
+         * Stretched between the main content and the footer
+         */
+        list?: Slot;
+        /**
+         * For in-app search you can pass a `NcAppNavigationSearch` component as the slot content.
+         */
+        search?: Slot;
     };
-}>, {
-    isMobile: Readonly<import('vue').Ref<boolean, boolean>>;
-}, {
-    open: boolean;
-    focusTrap: null;
-}, {}, {
-    /**
-     * Toggle the navigation
-     *
-     * @param {boolean} [state] set the state instead of inverting the current one
-     */
-    toggleNavigation(state?: boolean): void;
-    toggleNavigationByEventBus({ open }: {
-        open: any;
-    }): void;
-    /**
-     * Activate focus trap if it is currently needed, otherwise deactivate
-     */
-    toggleFocusTrap(): void;
-    handleEsc(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * The aria label to describe the navigation
-     */
-    ariaLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * aria-labelledby attribute to describe the navigation
-     */
-    ariaLabelledby: {
-        type: StringConstructor;
-        default: string;
+    refs: {
+        'app-navigation-container-key': HTMLDivElement;
     };
-}>> & Readonly<{}>, {
-    ariaLabel: string;
-    ariaLabelledby: string;
-}, {}, {
-    NcAppNavigationList: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    NcAppNavigationToggle: import('vue').DefineComponent<{
-        open: boolean;
-    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:open": (value: boolean) => any;
-    }, string, import('vue').PublicProps, Readonly<{
-        open: boolean;
-    }> & Readonly<{
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    'app-navigation-container-key': HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NcAppNavigation/index.d.ts

@@ -1 +1,5 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
 export { default } from './NcAppNavigation.vue';

package/dist/components/NcAppNavigation/index.mjs

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