@nextcloud/vue 9.0.0-rc.2 → 9.0.0-rc.3

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

@@ -1,287 +1,70 @@
-import { PropType } from 'vue';
-import { ComponentProps } from '../../utils/VueTypes.ts';
-import { default as NcDialogButton } from '../NcDialogButton/index.js';
+import { ComponentProps, VueClassType } from '../../utils/VueTypes.ts';
+import { Slot } from 'vue';
+import { default as NcDialogButton } from '../NcDialogButton/index.ts';
 type NcDialogButtonProps = ComponentProps<typeof NcDialogButton>;
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+type __VLS_Props = {
     /** Name of the dialog (the heading) */
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
+    name: string;
     /** Text of the dialog */
-    message: {
-        type: StringConstructor;
-        default: string;
-    };
+    message?: string;
     /** Additional elements to add to the focus trap */
-    additionalTrapElements: {
-        type: PropType<(string | HTMLElement)[]>;
-        validator: (arr: unknown) => arr is (string | HTMLElement)[];
-        default: () => never[];
-    };
+    additionalTrapElements?: Array<string | HTMLElement>;
     /**
-     * The element where to mount the dialog, if `null` is passed the dialog is mounted in place
-     * @default 'body'
+     * The element where to mount the dialog, if `null` is passed the dialog is mounted in place.
      */
-    container: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /**
-     * Whether the dialog should be shown
-     * @default true
-     */
-    open: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    container?: string;
     /**
      * Size of the underlying NcModal
-     * @default 'small'
-     * @type {'small'|'normal'|'large'|'full'}
      */
-    size: {
-        type: PropType<"small" | "normal" | "large" | "full">;
-        required: false;
-        default: string;
-        validator: (value: string) => boolean;
-    };
+    size?: 'small' | 'normal' | 'large' | 'full';
     /**
      * Buttons to display
-     * @default []
      */
-    buttons: {
-        type: PropType<NcDialogButtonProps[]>;
-        required: false;
-        default: () => never[];
-        validator(value: unknown[]): value is (object | null)[];
-    };
+    buttons?: NcDialogButtonProps[];
+    /**
+     * Make the dialog wrapper a HTML form element.
+     * The buttons will be wrapped within the form so they can be used as submit / reset buttons.
+     * Please note that when using the property the `navigation` should not be used.
+     */
+    isForm?: boolean;
     /**
      * Do not show the close button for the dialog.
-     * @default false
      */
-    noClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    noClose?: boolean;
     /**
      * Close the dialog if the user clicked outside of the dialog
      * Only relevant if `noClose` is not set.
      */
-    closeOnClickOutside: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Make the dialog wrapper a HTML form element.
-     * The buttons will be wrapped within the form so they can be used as submit / reset buttons.
-     * Please note that when using the property the `navigation` should not be used.
-     */
-    isForm: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    closeOnClickOutside?: boolean;
     /**
      * Declare if hiding the modal should be animated
-     * @default false
      */
-    outTransition: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Optionally pass additional classes which will be set on the navigation for custom styling
-     * @default ''
-     * @example
-     * ```html
-     * <DialogBase :navigation-classes="['mydialog-navigation']"><!-- --></DialogBase>
-     * <!-- ... -->
-     * <style lang="scss">
-     * :deep(.mydialog-navigation) {
-     *     flex-direction: row-reverse;
-     * }
-     * </style>
-     * ```
-     */
-    navigationClasses: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        required: false;
-        default: string;
-    };
+    outTransition?: boolean;
     /**
      * aria-label for the dialog navigation.
      * Use it when you want to provide a more meaningful label than the dialog name.
      *
      * By default, navigation is labeled by the dialog name.
      */
-    navigationAriaLabel: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
+    navigationAriaLabel?: string;
     /**
      * aria-labelledby for the dialog navigation.
      * Use it when you have an implicit navigation label (e.g. a heading).
      *
      * By default, navigation is labeled by the dialog name.
      */
-    navigationAriaLabelledby: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
+    navigationAriaLabelledby?: string;
     /**
      * Optionally pass additional classes which will be set on the content wrapper for custom styling
-     * @default ''
      */
-    contentClasses: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        required: false;
-        default: string;
-    };
+    contentClasses?: VueClassType;
     /**
      * Optionally pass additional classes which will be set on the dialog itself
      * (the default `class` attribute will be set on the modal wrapper)
-     * @default ''
-     */
-    dialogClasses: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        required: false;
-        default: string;
-    };
-}>, {
-    dialogElement: import('vue').Ref<any, any>;
-    dialogListeners: import('vue').ComputedRef<{
-        /**
-         * @param {SubmitEvent} event Form submit event
-         */
-        submit(event: any): void;
-        /**
-         * @param {Event} event Form submit event
-         */
-        reset(event: any): void;
-    } | {
-        /**
-         * @param {SubmitEvent} event Form submit event
-         */
-        submit?: undefined;
-        /**
-         * @param {Event} event Form submit event
-         */
-        reset?: undefined;
-    }>;
-    dialogTagName: import('vue').ComputedRef<"div" | "form">;
-    handleButtonClose: (button: any, result: any) => void;
-    handleClosing: (result?: unknown) => void;
-    handleClosed: () => void;
-    hasNavigation: import('vue').ComputedRef<boolean>;
-    navigationId: string;
-    navigationAriaLabelAttr: import('vue').ComputedRef<string | undefined>;
-    navigationAriaLabelledbyAttr: import('vue').ComputedRef<string | undefined>;
-    isNavigationCollapsed: import('vue').ComputedRef<boolean>;
-    modalProps: import('vue').ComputedRef<{
-        noClose: boolean;
-        container: string;
-        labelId: string;
-        size: "large" | "small" | "normal" | "full";
-        show: boolean;
-        outTransition: boolean;
-        closeOnClickOutside: boolean;
-        additionalTrapElements: (string | HTMLElement)[];
-    }>;
-    wrapper: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("submit" | "reset" | "update:open" | "closing")[], "submit" | "reset" | "update:open" | "closing", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /** Name of the dialog (the heading) */
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-    /** Text of the dialog */
-    message: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Additional elements to add to the focus trap */
-    additionalTrapElements: {
-        type: PropType<(string | HTMLElement)[]>;
-        validator: (arr: unknown) => arr is (string | HTMLElement)[];
-        default: () => never[];
-    };
-    /**
-     * The element where to mount the dialog, if `null` is passed the dialog is mounted in place
-     * @default 'body'
-     */
-    container: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /**
-     * Whether the dialog should be shown
-     * @default true
      */
-    open: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Size of the underlying NcModal
-     * @default 'small'
-     * @type {'small'|'normal'|'large'|'full'}
-     */
-    size: {
-        type: PropType<"small" | "normal" | "large" | "full">;
-        required: false;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Buttons to display
-     * @default []
-     */
-    buttons: {
-        type: PropType<NcDialogButtonProps[]>;
-        required: false;
-        default: () => never[];
-        validator(value: unknown[]): value is (object | null)[];
-    };
-    /**
-     * Do not show the close button for the dialog.
-     * @default false
-     */
-    noClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Close the dialog if the user clicked outside of the dialog
-     * Only relevant if `noClose` is not set.
-     */
-    closeOnClickOutside: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Make the dialog wrapper a HTML form element.
-     * The buttons will be wrapped within the form so they can be used as submit / reset buttons.
-     * Please note that when using the property the `navigation` should not be used.
-     */
-    isForm: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Declare if hiding the modal should be animated
-     * @default false
-     */
-    outTransition: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    dialogClasses?: VueClassType;
     /**
      * Optionally pass additional classes which will be set on the navigation for custom styling
-     * @default ''
      * @example
      * ```html
      * <DialogBase :navigation-classes="['mydialog-navigation']"><!-- --></DialogBase>
@@ -293,148 +76,58 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * </style>
      * ```
      */
-    navigationClasses: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        required: false;
-        default: string;
-    };
-    /**
-     * aria-label for the dialog navigation.
-     * Use it when you want to provide a more meaningful label than the dialog name.
-     *
-     * By default, navigation is labeled by the dialog name.
-     */
-    navigationAriaLabel: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /**
-     * aria-labelledby for the dialog navigation.
-     * Use it when you have an implicit navigation label (e.g. a heading).
-     *
-     * By default, navigation is labeled by the dialog name.
-     */
-    navigationAriaLabelledby: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /**
-     * Optionally pass additional classes which will be set on the content wrapper for custom styling
-     * @default ''
-     */
-    contentClasses: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        required: false;
-        default: string;
-    };
-    /**
-     * Optionally pass additional classes which will be set on the dialog itself
-     * (the default `class` attribute will be set on the modal wrapper)
-     * @default ''
-     */
-    dialogClasses: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        required: false;
-        default: string;
-    };
-}>> & Readonly<{
-    onSubmit?: ((...args: any[]) => any) | undefined;
-    onReset?: ((...args: any[]) => any) | undefined;
-    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
-    onClosing?: ((...args: any[]) => any) | undefined;
+    navigationClasses?: VueClassType;
+};
+type __VLS_PublicProps = {
+    'open'?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        actions?: Slot;
+        default?: Slot;
+        navigation?: Slot;
+    }> & {
+        actions?: Slot;
+        default?: Slot;
+        navigation?: Slot;
+    };
+    refs: {
+        dialogElement: unknown;
+        wrapper: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    submit: (event: SubmitEvent) => any;
+    reset: (event: Event) => any;
+    "update:open": (value: boolean) => any;
+    closing: (result?: unknown) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSubmit?: ((event: SubmitEvent) => any) | undefined;
+    onReset?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onClosing?: ((result?: unknown) => any) | undefined;
 }>, {
-    size: "large" | "small" | "normal" | "full";
-    open: boolean;
+    size: "small" | "normal" | "large" | "full";
     container: string;
-    closeOnClickOutside: boolean;
-    outTransition: boolean;
-    noClose: boolean;
-    additionalTrapElements: (string | HTMLElement)[];
+    additionalTrapElements: Array<string | HTMLElement>;
     message: string;
-    buttons: Omit<{
-        readonly callback?: (() => unknown | false) | undefined;
-        readonly disabled?: boolean | undefined;
-        readonly icon?: string | undefined;
-        readonly label: string;
-        readonly type?: import('../NcButton/NcButton.vue').ButtonType | undefined;
-        readonly variant?: import('../NcButton/NcButton.vue').ButtonVariant | undefined;
-        readonly onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, `on${string}` | "style" | "class" | "key" | "ref" | "ref_for" | "ref_key">[];
-    isForm: boolean;
-    navigationClasses: string | Record<string, any> | unknown[];
+    buttons: NcDialogButtonProps[];
     navigationAriaLabel: string;
     navigationAriaLabelledby: string;
-    contentClasses: string | Record<string, any> | unknown[];
-    dialogClasses: string | Record<string, any> | unknown[];
-}, {}, {
-    NcDialogButton: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            callback?: () => unknown | false;
-            disabled?: boolean;
-            icon?: string;
-            label: string;
-            type?: import('../NcButton/NcButton.vue').ButtonType;
-            variant?: import('../NcButton/NcButton.vue').ButtonVariant;
-        }> & Readonly<{
-            onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (event: MouseEvent, payload: unknown) => any;
-        }, import('vue').PublicProps, {
-            type: import('../NcButton/NcButton.vue').ButtonType;
-            icon: string;
-            disabled: boolean;
-            variant: import('../NcButton/NcButton.vue').ButtonVariant;
-            callback: () => unknown | false;
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            callback?: () => unknown | false;
-            disabled?: boolean;
-            icon?: string;
-            label: string;
-            type?: import('../NcButton/NcButton.vue').ButtonType;
-            variant?: import('../NcButton/NcButton.vue').ButtonVariant;
-        }> & Readonly<{
-            onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
-        }>, {}, {}, {}, {}, {
-            type: import('../NcButton/NcButton.vue').ButtonType;
-            icon: string;
-            disabled: boolean;
-            variant: import('../NcButton/NcButton.vue').ButtonVariant;
-            callback: () => unknown | false;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<{
-        callback?: () => unknown | false;
-        disabled?: boolean;
-        icon?: string;
-        label: string;
-        type?: import('../NcButton/NcButton.vue').ButtonType;
-        variant?: import('../NcButton/NcButton.vue').ButtonVariant;
-    }> & Readonly<{
-        onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        click: (event: MouseEvent, payload: unknown) => any;
-    }, string, {
-        type: import('../NcButton/NcButton.vue').ButtonType;
-        icon: string;
-        disabled: boolean;
-        variant: import('../NcButton/NcButton.vue').ButtonVariant;
-        callback: () => unknown | false;
-    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            icon?(_: {}): any;
-        };
-    });
-    NcModal: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    contentClasses: VueClassType;
+    dialogClasses: VueClassType;
+    navigationClasses: VueClassType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dialogElement: unknown;
+    wrapper: HTMLDivElement;
+}, any>;
+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/NcDialog/index.d.ts

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

package/dist/components/NcDialog/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcDialog-BQNR_-Ju.mjs";
+import { N } from "../../chunks/NcDialog-CXVaeWJf.mjs";
 export {
   N as default
 };

package/dist/components/NcDialogButton/index.mjs

@@ -1,4 +1,4 @@
-import { _ } from "../../chunks/NcDialogButton.vue_vue_type_script_setup_true_lang-DAZ2Budh.mjs";
+import { _ } from "../../chunks/NcDialogButton.vue_vue_type_script_setup_true_lang-DSKWXzqG.mjs";
 export {
   _ as default
 };

package/dist/components/NcEllipsisedOption/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcEllipsisedOption-4k07kvEr.mjs";
+import { N } from "../../chunks/NcEllipsisedOption-C8uNDC-j.mjs";
 export {
   N as default
 };

package/dist/components/NcEmojiPicker/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcEmojiPicker-lhuMMbDy.mjs";
+import { N } from "../../chunks/NcEmojiPicker-BGO0v-D5.mjs";
 export {
   N as default
 };

package/dist/components/NcHeaderButton/index.mjs

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

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

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

package/dist/components/NcHeaderMenu/index.mjs

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

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

@@ -1,3 +1,12 @@
+import { PropType } from 'vue';
+import { StringRange } from '../../utils/findRanges.ts';
+/**
+ * Represents one chunk of the input text
+ */
+interface HighlightChunk extends StringRange {
+    highlight: boolean;
+    text: string;
+}
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * The string to display
@@ -17,7 +26,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * The ranges to highlight, takes precedence over the search prop.
      */
     highlight: {
-        type: ArrayConstructor;
+        type: PropType<StringRange[]>;
         default: () => never[];
     };
 }>, {}, {}, {
@@ -26,15 +35,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * If an array with ranges is provided, we use it. Otherwise
      * we calculate it based on the provided substring to highlight.
      *
-     * @return {Array} The array of ranges to highlight
+     * @return The array of ranges to highlight
      */
-    ranges(): any[];
+    ranges(): StringRange[];
     /**
      * Calculate the different chunks to show based on the ranges to highlight.
-     *
-     * @return {Array} The chunks
      */
-    chunks(): any[];
+    chunks(): HighlightChunk[];
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * The string to display
@@ -54,12 +61,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * The ranges to highlight, takes precedence over the search prop.
      */
     highlight: {
-        type: ArrayConstructor;
+        type: PropType<StringRange[]>;
         default: () => never[];
     };
 }>> & Readonly<{}>, {
     search: string;
     text: string;
-    highlight: unknown[];
+    highlight: StringRange[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

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

package/dist/components/NcHighlight/index.mjs

@@ -1,4 +1,4 @@
-import { _ } from "../../chunks/NcHighlight-Cu4UfEEO.mjs";
+import { _ } from "../../chunks/NcHighlight.vue_vue_type_script_lang-DnWQDM_2.mjs";
 export {
   _ as default
 };