@nextcloud/vue 9.0.0-alpha.6 → 9.0.0-alpha.8

package/dist/components/NcCheckboxRadioSwitch/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcCheckboxRadioSwitch-Zndby-mL.mjs";
+import { N } from "../../chunks/NcCheckboxRadioSwitch-CWU_M_ui.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

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

@@ -1,125 +1,90 @@
-import { PropType } from 'vue';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        icon?(_: {}): any;
-        default?(_: {}): any;
-        actions?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+type __VLS_Props = {
     /**
      * aria label to set on the close button
      * @default 'Close'
      */
-    ariaLabelClose: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Main text of the chip
-     */
-    text: {
-        type: StringConstructor;
-        default: string;
-    };
+    ariaLabelClose?: string;
     /**
-     * Chip style
-     * This sets the background style of the chip, similar to NcButton's `type`
+     * Main text of the chip.
      */
-    type: {
-        type: PropType<"primary" | "secondary" | "tertiary">;
-        default: string;
-        validator: (value: string) => boolean;
-    };
+    text?: string;
     /**
      * SVG path of the icon to use, this takes precedence over `iconSVG`.
      * For example icon paths from `@mdi/js` can be used.
      */
-    iconPath: {
-        type: StringConstructor;
-        default: null;
-    };
+    iconPath?: string;
     /**
      * Inline SVG to use as the icon
      */
-    iconSvg: {
-        type: StringConstructor;
-        default: null;
-    };
+    iconSvg?: string;
     /**
      * Set to true to prevent the close button to be shown
      */
-    noClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * aria label to set on the close button
-     * @default 'Close'
-     */
-    ariaLabelClose: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Main text of the chip
-     */
-    text: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Chip style
-     * This sets the background style of the chip, similar to NcButton's `type`
-     */
-    type: {
-        type: PropType<"primary" | "secondary" | "tertiary">;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * SVG path of the icon to use, this takes precedence over `iconSVG`.
-     * For example icon paths from `@mdi/js` can be used.
-     */
-    iconPath: {
-        type: StringConstructor;
-        default: null;
-    };
+    noClose?: boolean;
     /**
-     * Inline SVG to use as the icon
+     * Set the chips design variant-
+     *
+     * This sets the background style of the chip, similar to NcButton's `variant`.
+     * @default 'secondary'
+     * @since 8.23.0
      */
-    iconSvg: {
-        type: StringConstructor;
-        default: null;
-    };
-    /**
-     * Set to true to prevent the close button to be shown
-     */
-    noClose: {
-        type: BooleanConstructor;
-        default: boolean;
+    variant: 'primary' | 'secondary' | 'tertiary';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+        actions?(_: {}): any;
     };
-}>> & Readonly<{
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    ariaLabelClose: string;
+    iconPath: undefined;
+    iconSvg: undefined;
+    text: string;
+    variant: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    ariaLabelClose: string;
+    iconPath: undefined;
+    iconSvg: undefined;
+    text: string;
+    variant: string;
+}>>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: "primary" | "secondary" | "tertiary";
     text: string;
+    variant: "primary" | "secondary" | "tertiary";
     iconSvg: string;
     ariaLabelClose: string;
     iconPath: string;
-    noClose: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/NcChip/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcChip-DxejjHGT.mjs";
+import { N } from "../../chunks/NcChip-C3U2HYR9.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcCollectionList/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcCollectionList-DckB8BUh.mjs";
+import { N } from "../../chunks/NcCollectionList-BtHsipae.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcColorPicker/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcColorPicker-Bh4f-X_s.mjs";
+import { N } from "../../chunks/NcColorPicker-BI-Is4nj.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

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

@@ -9,7 +9,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     hasAppNavigation: boolean;
     currentFocus: string;
 }, {
-    currentImage(): string;
+    currentImage(): any;
 }, {
     t: (original: string, placeholders?: Record<string, string | number>) => string;
     openAppNavigation(): void;
@@ -36,15 +36,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator(value: string): boolean;
         };
         type: {
-            type: import('vue').PropType<import('../NcButton/types.js').ButtonType>;
+            type: import('vue').PropType<import('../NcButton/types.js').ButtonType | `${import('../NcButton/types.js').ButtonType}`>;
             default: import('../NcButton/types.js').ButtonType;
             validator(value: string): boolean;
         };
-        nativeType: {
-            type: import('vue').PropType<import('../NcButton/types.js').ButtonNativeType>;
-            default: import('../NcButton/types.js').ButtonNativeType;
-            validator(value: string): boolean;
-        };
         wide: {
             type: BooleanConstructor;
             default: boolean;
@@ -77,8 +72,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: null;
         };
+        variant: {
+            type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+            validator(value: string): boolean;
+            default: string;
+        };
     }>, {}, {}, {
-        realType(): "primary" | "secondary" | import('../NcButton/types.js').ButtonType;
+        realVariant(): any;
+        realType(): "submit" | "reset" | "button" | import('../NcButton/types.js').ButtonType;
         flexAlignment(): string;
         isReverseAligned(): boolean;
         ncPopoverTriggerAttrs(): Record<string, string | undefined>;
@@ -98,15 +99,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator(value: string): boolean;
         };
         type: {
-            type: import('vue').PropType<import('../NcButton/types.js').ButtonType>;
+            type: import('vue').PropType<import('../NcButton/types.js').ButtonType | `${import('../NcButton/types.js').ButtonType}`>;
             default: import('../NcButton/types.js').ButtonType;
             validator(value: string): boolean;
         };
-        nativeType: {
-            type: import('vue').PropType<import('../NcButton/types.js').ButtonNativeType>;
-            default: import('../NcButton/types.js').ButtonNativeType;
-            validator(value: string): boolean;
-        };
         wide: {
             type: BooleanConstructor;
             default: boolean;
@@ -139,15 +135,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: null;
         };
+        variant: {
+            type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+            validator(value: string): boolean;
+            default: string;
+        };
     }>> & Readonly<{
         "onUpdate:pressed"?: ((...args: any[]) => any) | undefined;
         onClick?: ((...args: any[]) => any) | undefined;
     }>, {
         size: string;
-        type: import('../NcButton/types.js').ButtonType;
+        type: "submit" | "reset" | "button" | import('../NcButton/types.js').ButtonType;
         alignment: import('../NcButton/types.js').ButtonAlignment;
         disabled: boolean;
-        nativeType: import('../NcButton/types.js').ButtonNativeType;
         wide: boolean;
         ariaLabel: string;
         href: string;
@@ -156,6 +156,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         to: string | Record<string, any>;
         ariaHidden: boolean;
         pressed: boolean;
+        variant: any;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     NcIconSvgWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         inline: {

package/dist/components/NcContent/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcContent-CfyPkDba.mjs";
+import { N } from "../../chunks/NcContent-BcF6f3N-.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcCounterBubble/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcCounterBubble-DIOmLH9G.mjs";
+import { N } from "../../chunks/NcCounterBubble-6B_JNUUS.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcDashboardWidget/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcDashboardWidget-DC7EvOH5.mjs";
+import { N } from "../../chunks/NcDashboardWidget-1rVqTzgV.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcDashboardWidgetItem/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcDashboardWidgetItem-Bmm83kUk.mjs";
+import { N } from "../../chunks/NcDashboardWidgetItem-7RXY5EKJ.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

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

@@ -1,2 +1,57 @@
-declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+type __VLS_Props = {
+    /**
+     * The timestamp to display, either an unix timestamp (in milliseconds) or a Date object
+     */
+    timestamp: Date | number;
+    /**
+     * The format used for displaying, or if relative time is used the format used for the title (optional)
+     */
+    format?: Intl.DateTimeFormatOptions;
+    /**
+     * Wether to display the timestamp as time from now (optional)
+     *
+     * - `false`: Disable relative time
+     * - `'long'`: Long text, like *2 seconds ago* (default)
+     * - `'short'`: Short text, like *2 sec. ago*
+     * - `'narrow'`: Even shorter text (same as `'short'` on some languages)
+     */
+    relativeTime?: false | 'long' | 'short' | 'narrow';
+    /**
+     * Ignore seconds when displaying the relative time and just show `a few seconds ago`
+     */
+    ignoreSeconds?: boolean;
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    format: () => {
+        timeStyle: string;
+        dateStyle: string;
+    };
+    relativeTime: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    format: () => {
+        timeStyle: string;
+        dateStyle: string;
+    };
+    relativeTime: string;
+}>>> & Readonly<{}>, {
+    format: Intl.DateTimeFormatOptions;
+    relativeTime: false | "long" | "short" | "narrow";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/NcDateTime/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 './NcDateTime.vue';

package/dist/components/NcDateTime/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcDateTime-BsCT_tyH.mjs";
+import { _ } from "../../chunks/NcDateTime.vue_vue_type_script_setup_true_lang-DtP-oauZ.mjs";
 export {
-  N as default
+  _ as default
 };
+//# sourceMappingURL=index.mjs.map

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

@@ -1,2 +1,117 @@
-declare const _default: any;
+type __VLS_Props = {
+    /**
+     * Aria label for the input box.
+     * @default 'Datepicker input'
+     */
+    ariaLabel?: string;
+    /**
+     * Aria label for the date picker menu.
+     * @default 'Datepicker menu'
+     */
+    ariaLabelMenu?: string;
+    /**
+     * Allow to clear the input.
+     */
+    clearable?: boolean;
+    /**
+     * Do not auto-apply the date but require clicking the confirmation button.
+     * @default false
+     */
+    confirm?: boolean;
+    /**
+     * Default increment step for minutes in the time picker.
+     * @default 10
+     */
+    minuteStep?: number;
+    /**
+     * Preview format for the picker input field.
+     * @default 'yyyy-MM-dd HH:mm'
+     * @see https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+     */
+    format?: string;
+    /**
+     * The locale to use for formatting the shown dates.
+     * By default the users current Nextcloud locale is used.
+     */
+    locale?: string;
+    /**
+     * The value to initialize, but also two-way bind the selected date. 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.
+     *
+     * When using the range picker then an array containing the start and end date needs to be passed.
+     */
+    modelValue?: Date | [Date, Date];
+    /**
+     * Optional custom placeholder for the input box.
+     */
+    placeholder?: string;
+    showTimezoneSelect?: boolean;
+    /**
+     * Type of the picker.
+     * The 'range' type will enable a range picker for dates,
+     * while 'range-datetime' will allow picking a date range with times.
+     * @default 'date'
+     */
+    type?: 'date' | 'datetime' | 'time' | 'week' | 'month' | 'year' | 'range' | 'range-datetime';
+    appendToBody?: boolean;
+    showWeekNumber?: boolean;
+};
+type __VLS_PublicProps = {
+    'timezoneId'?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    ariaLabel: string;
+    ariaLabelMenu: string;
+    format: undefined;
+    locale: string;
+    minuteStep: number;
+    timezoneId: string;
+    modelValue: undefined;
+    placeholder: undefined;
+    type: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (args_0: Date | [Date, Date]) => void;
+    "update:timezoneId": (args_0: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    ariaLabel: string;
+    ariaLabelMenu: string;
+    format: undefined;
+    locale: string;
+    minuteStep: number;
+    timezoneId: string;
+    modelValue: undefined;
+    placeholder: undefined;
+    type: string;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: Date | [Date, Date]) => any) | undefined;
+    "onUpdate:timezoneId"?: ((args_0: string) => any) | undefined;
+}>, {
+    type: "date" | "datetime" | "time" | "week" | "month" | "year" | "range" | "range-datetime";
+    ariaLabel: string;
+    placeholder: string;
+    modelValue: Date | [Date, Date];
+    format: string;
+    ariaLabelMenu: string;
+    minuteStep: number;
+    locale: string;
+    timezoneId: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

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

package/dist/components/NcDateTimePicker/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcDateTimePicker-BMkjvfOV.mjs";
+import { N } from "../../chunks/NcDateTimePicker-BzfuHym4.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcDateTimePickerNative/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcDateTimePickerNative-I2YJ1mqx.mjs";
+import { N } from "../../chunks/NcDateTimePickerNative-Dake1IML.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map