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

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

@@ -107,16 +107,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     NcCheckboxRadioSwitch: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
     NcVNodes: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         vnodes: {
-            type: (ObjectConstructor | ArrayConstructor)[];
+            type: import('vue').PropType<import('vue').VNode | import('vue').VNode[]>;
             default: null;
         };
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         vnodes: {
-            type: (ObjectConstructor | ArrayConstructor)[];
+            type: import('vue').PropType<import('vue').VNode | import('vue').VNode[]>;
             default: null;
         };
     }>> & Readonly<{}>, {
-        vnodes: Record<string, any> | unknown[];
+        vnodes: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>[];
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, () => {
     registerTab: (tab: object) => void;

package/dist/components/NcAppSidebar/index.mjs

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

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    /**
+     * The name used in NcAppSidebar header.
+     */
+    name: string;
+    /**
+     * Title to display for the name.
+     */
+    title?: string;
+    /**
+     * Linkify the name.
+     */
+    linkify?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    headerRef: HTMLHeadingElement;
+}, HTMLHeadingElement>;
+export default _default;

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

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

package/dist/components/NcAppSidebarHeader/index.mjs

@@ -0,0 +1,5 @@
+import { _ } from "../../chunks/NcAppSidebarHeader.vue_vue_type_script_setup_true_lang-0j0aFDeK.mjs";
+export {
+  _ as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcAppSidebarHeader/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/NcAvatar/index.mjs

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

package/dist/components/NcBreadcrumb/index.mjs

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

package/dist/components/NcBreadcrumbs/index.mjs

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

package/dist/components/NcCheckboxRadioSwitch/index.mjs

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

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

@@ -1,9 +1,14 @@
+import { Slot } from 'vue';
 type __VLS_Props = {
     /**
      * aria label to set on the close button
      * @default 'Close'
      */
     ariaLabelClose?: string;
+    /**
+     * Container for the actions
+     */
+    actionsContainer?: string;
     /**
      * Main text of the chip.
      */
@@ -32,24 +37,51 @@ type __VLS_Props = {
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        icon?(_: {}): any;
-        default?(_: {}): any;
-        actions?(_: {}): any;
+    slots: Readonly<{
+        /**
+         * The actions slot can be used to add custom actions (`NcAction*`) to the chips actions.
+         */
+        actions?: Slot;
+        /**
+         * The default slot can be used to set the text that is shown.
+         */
+        default?: Slot;
+        /**
+         * The icon slot can be used to set the chip icon.
+         * Make sure that the icon is not exceeding a height of `--chip-size`.
+         * For round icons a exact size of `var(--chip-size)` is recommended.
+         */
+        icon?: Slot;
+    }> & {
+        /**
+         * The actions slot can be used to add custom actions (`NcAction*`) to the chips actions.
+         */
+        actions?: Slot;
+        /**
+         * The default slot can be used to set the text that is shown.
+         */
+        default?: Slot;
+        /**
+         * The icon slot can be used to set the chip icon.
+         * Make sure that the icon is not exceeding a height of `--chip-size`.
+         * For round icons a exact size of `var(--chip-size)` is recommended.
+         */
+        icon?: Slot;
     };
     refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
+    close: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     text: string;
     variant: "primary" | "secondary" | "tertiary";
     iconSvg: string;
     ariaLabelClose: string;
+    actionsContainer: string;
     iconPath: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/NcChip/index.mjs

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

package/dist/components/NcCollectionList/index.mjs

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

package/dist/components/NcColorPicker/index.mjs

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

package/dist/components/NcContent/index.mjs

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

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

@@ -1,74 +1,24 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    type: {
-        type: StringConstructor;
-        default: string;
-        validator(value: unknown): boolean;
-    };
-    /**
-     * Specifies whether the component is used within a component that is
-     * active and therefore has a primary background. Inverts the color of
-     * this component when that is the case.
-     */
-    active: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+type __VLS_Props = {
     /**
      * The count to display in the counter bubble.
      */
-    count: {
-        type: NumberConstructor;
-        required: true;
-    };
-    /**
-     * Disables humanization to display count as it is.
-     */
-    raw: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-}>, {}, {}, {
-    counterClassObject(): {
-        'counter-bubble__counter--highlighted': boolean;
-        'counter-bubble__counter--outlined': boolean;
-        active: boolean;
-    };
-    humanizedCount(): string;
-    originalCountAsTitleIfNeeded(): string | undefined;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    type: {
-        type: StringConstructor;
-        default: string;
-        validator(value: unknown): boolean;
-    };
+    count: number;
     /**
      * Specifies whether the component is used within a component that is
      * active and therefore has a primary background. Inverts the color of
      * this component when that is the case.
      */
-    active: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    active?: boolean;
     /**
-     * The count to display in the counter bubble.
+     * Visual appearence of the counter bubble
      */
-    count: {
-        type: NumberConstructor;
-        required: true;
-    };
+    type?: 'highlighted' | 'outlined' | '';
     /**
      * Disables humanization to display count as it is.
      */
-    raw: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    type: string;
-    active: boolean;
-    raw: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    raw?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "highlighted" | "outlined" | "";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

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

package/dist/components/NcCounterBubble/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcCounterBubble-6B_JNUUS.mjs";
+import { N } from "../../chunks/NcCounterBubble-PBdqn9Nf.mjs";
 export {
   N as default
 };

package/dist/components/NcDashboardWidget/index.mjs

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

package/dist/components/NcDashboardWidgetItem/index.mjs

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

package/dist/components/NcDateTime/index.mjs

@@ -1,4 +1,4 @@
-import { _ } from "../../chunks/NcDateTime.vue_vue_type_script_setup_true_lang-BYXau4sd.mjs";
+import { _ } from "../../chunks/NcDateTime.vue_vue_type_script_setup_true_lang-BD-rj6Dr.mjs";
 export {
   _ as default
 };

package/dist/components/NcDateTimePicker/index.mjs

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

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

@@ -1,2 +1,179 @@
-declare const _default: any;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * The date is – like the `Date` object in JavaScript – tied to UTC.
+     * The selected time zone does not have an influence of the selected time and date value.
+     * You have to translate the time yourself when you want to factor in time zones.
+     * Pass null to clear the input field.
+     */
+    modelValue: {
+        type: DateConstructor;
+        default: null;
+    };
+    /**
+     * id attribute of the input field
+     */
+    id: {
+        type: StringConstructor;
+        default: () => string;
+        validator: (id: unknown) => boolean;
+    };
+    /**
+     * type attribute of the input field
+     * default type: String
+     * The type of the input element, it can be `date`, `datetime-local`, `month`, `time`, `week`
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+        validate: (name: any) => boolean;
+    };
+    /**
+     * text inside the label element
+     * default type: String
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * min attribute of the input field
+     * default type: null
+     */
+    min: {
+        type: (BooleanConstructor | DateConstructor)[];
+        default: null;
+    };
+    /**
+     * max attribute of the input field
+     * default type: null
+     */
+    max: {
+        type: (BooleanConstructor | DateConstructor)[];
+        default: null;
+    };
+    /**
+     * Flag to hide the label
+     * default type: String
+     * The hidden input label for accessibility purposes.
+     */
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Class to add to the input field.
+     * Necessary to use NcDateTimePickerNative in the NcActionInput component.
+     */
+    inputClass: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+}>, {}, {}, {
+    formattedValue(): string | undefined;
+    formattedMin(): string | false | undefined;
+    formattedMax(): string | false | undefined;
+}, {
+    /**
+     * Handle the input event
+     *
+     * @param {InputEvent} $event input event payload
+     * @return {Date|null} new chosen Date() or null
+     */
+    onInput($event: InputEvent): Date | null;
+    /**
+     * Returns Object with string values of a Date
+     *
+     * @param {Date} value The selected value
+     * @return {object|undefined}
+     */
+    getReadableDate(value: Date): object | undefined;
+    /**
+     * Returns preformatted value for the input field
+     *
+     * @param {Date} value The selected value
+     * @return {string|undefined}
+     */
+    formatValue(value: Date): string | undefined;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * The date is – like the `Date` object in JavaScript – tied to UTC.
+     * The selected time zone does not have an influence of the selected time and date value.
+     * You have to translate the time yourself when you want to factor in time zones.
+     * Pass null to clear the input field.
+     */
+    modelValue: {
+        type: DateConstructor;
+        default: null;
+    };
+    /**
+     * id attribute of the input field
+     */
+    id: {
+        type: StringConstructor;
+        default: () => string;
+        validator: (id: unknown) => boolean;
+    };
+    /**
+     * type attribute of the input field
+     * default type: String
+     * The type of the input element, it can be `date`, `datetime-local`, `month`, `time`, `week`
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+        validate: (name: any) => boolean;
+    };
+    /**
+     * text inside the label element
+     * default type: String
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * min attribute of the input field
+     * default type: null
+     */
+    min: {
+        type: (BooleanConstructor | DateConstructor)[];
+        default: null;
+    };
+    /**
+     * max attribute of the input field
+     * default type: null
+     */
+    max: {
+        type: (BooleanConstructor | DateConstructor)[];
+        default: null;
+    };
+    /**
+     * Flag to hide the label
+     * default type: String
+     * The hidden input label for accessibility purposes.
+     */
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Class to add to the input field.
+     * Necessary to use NcDateTimePickerNative in the NcActionInput component.
+     */
+    inputClass: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: string;
+    id: string;
+    label: string;
+    inputClass: string | Record<string, any>;
+    modelValue: Date;
+    min: boolean | Date;
+    max: boolean | Date;
+    hideLabel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/NcDateTimePickerNative/index.mjs

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

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

@@ -361,7 +361,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         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}` | "key" | "style" | "class" | "ref" | "ref_for" | "ref_key">[];
+    } & 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[];
     navigationAriaLabel: string;
@@ -383,9 +383,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
-            icon: string;
             callback: () => unknown | false;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
@@ -405,9 +405,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
         }>, {}, {}, {}, {}, {
             type: import('../NcButton/NcButton.vue').ButtonType;
+            icon: string;
             disabled: boolean;
             variant: import('../NcButton/NcButton.vue').ButtonVariant;
-            icon: string;
             callback: () => unknown | false;
         }>;
         __isFragment?: never;
@@ -426,9 +426,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         click: (event: MouseEvent, payload: unknown) => any;
     }, string, {
         type: import('../NcButton/NcButton.vue').ButtonType;
+        icon: string;
         disabled: boolean;
         variant: import('../NcButton/NcButton.vue').ButtonVariant;
-        icon: string;
         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: {

package/dist/components/NcDialog/index.mjs

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

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

@@ -53,9 +53,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
 }>, {
     type: ButtonType;
+    icon: string;
     disabled: boolean;
     variant: ButtonVariant;
-    icon: string;
     callback: () => unknown | false;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/NcDialogButton/index.mjs

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

package/dist/components/NcEmojiPicker/index.mjs

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