@nextcloud/vue 9.0.0-alpha.7 → 9.0.0-rc.0

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

@@ -1,276 +1,144 @@
-import { PropType } from 'vue';
-import { ButtonAlignment, ButtonNativeType, ButtonType } from './types';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { Slot } from 'vue';
+import { RouteLocation } from 'vue-router';
+export type ButtonAlignment = 'start' | 'start-reverse' | 'center' | 'center-reverse' | 'end' | 'end-reverse';
+export type ButtonSize = 'small' | 'normal' | 'large';
+export type ButtonType = 'submit' | 'reset' | 'button';
+export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'tertiary-no-background' | 'tertiary-on-primary' | 'error' | 'warning' | 'success';
+interface NcButtonProps {
     /**
      * Set the text and icon alignment
      *
      * @default 'center'
-     * @type {'start' | 'start-reverse' | 'center' | 'center-reverse' | 'end' | 'end-reverse'}
      */
-    alignment: {
-        type: PropType<ButtonAlignment>;
-        default: ButtonAlignment;
-        validator(value: string): boolean;
-    };
+    alignment?: ButtonAlignment;
     /**
-     * Toggles the disabled state of the button on and off.
+     * Always try to provide an aria-label to your button.
+     *
+     * Make it more specific than the button's name by provide some more context.
+     * E.g. if the name of the button is "send" in the Mail app,
+     * the aria label could be "Send email".
      */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    ariaLabel?: string;
     /**
-     * Specify the button size
-     * Accepted values: `'small'`, `'normal'` (default), `'large'`
+     * Toggles the disabled state of the button on and off.
+     * @default false
      */
-    size: {
-        type: StringConstructor;
-        default: string;
-        validator(value: string): boolean;
-    };
+    disabled?: boolean;
     /**
-     * Specifies the button type
-     * If left empty, the default button style will be applied.
+     * When `href` is set this will make the browser try to download the target.
+     * If a string is passed the browser will use it as the filename.
      *
-     * @default 'secondary'
-     * @type {'primary' | 'secondary' | 'tertiary' | 'tertiary-no-background' | 'tertiary-on-primary' | 'error' | 'warning' | 'success'}
+     * Note that the browser might adjust it for allowed characters (e.g. '/' or '\').
+     * Also this only works with same-origin URLs and `blob:` or `data:` schemas.
+     * Moreover a `Content-Disposition` header set by the server will override the filename.
      */
-    type: {
-        type: PropType<ButtonType>;
-        default: ButtonType;
-        validator(value: string): boolean;
-    };
+    download?: string | true;
     /**
-     * Specifies the button native type
-     * If left empty, the default "button" type will be used.
-     *
-     * @default 'button'
-     * @type {'submit' | 'reset' | 'button'}
+     * Providing the href attribute turns the button component into an `a` element.
      */
-    nativeType: {
-        type: PropType<ButtonNativeType>;
-        default: ButtonNativeType;
-        validator(value: string): boolean;
-    };
+    href?: string;
     /**
-     * Specifies whether the button should span all the available width.
-     * By default, buttons span the whole width of the container.
-     */
-    wide: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Always try to provide an aria-label to your button. Make it more
-     * specific than the button's name by provide some more context. E.g. if
-     * the name of the button is "send" in the Mail app, the aria label could
-     * be "Send email".
+     * The pressed state of the button if it has a checked state.
+     * This will add the `aria-pressed` attribute and for the button to have the primary style in checked state.
+     *
+     * Note: Pressed state is not supported for links.
      */
-    ariaLabel: {
-        type: StringConstructor;
-        default: null;
-    };
+    pressed?: boolean;
     /**
-     * Providing the href attribute turns the button component into an `a`
-     * element.
+     * Specify the button size.
+     * @default 'normal'
      */
-    href: {
-        type: StringConstructor;
-        default: null;
-    };
+    size?: ButtonSize;
     /**
      * Target for the `a` element if `href` is set.
      * @default '_self'
      */
-    target: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Providing the download attribute with href downloads file when clicking.
-     */
-    download: {
-        type: StringConstructor;
-        default: null;
-    };
-    /**
-     * Providing the to attribute turns the button component into a `router-link`
-     * element. Takes precedence over the href attribute.
-     */
-    to: {
-        type: (StringConstructor | ObjectConstructor)[];
-        default: null;
-    };
+    target?: string;
     /**
-     * @deprecated To be removed in @nextcloud/vue 9. Migration guide: remove ariaHidden prop from NcAction* components.
-     * @todo Add a check in @nextcloud/vue 9 that this prop is not provided,
-     * otherwise root element will inherit incorrect aria-hidden.
+     * The main button text.
+     * This can be overwritten by using the *default* slot.
+     * @since 9.0.0
      */
-    ariaHidden: {
-        type: BooleanConstructor;
-        default: null;
-    };
+    text?: string;
     /**
-     * The pressed state of the button if it has a checked state
-     * This will add the `aria-pressed` attribute and for the button to have the primary style in checked state.
+     * Providing the to attribute turns the button component into a `router-link` element.
      *
-     * Pressed state is not supported for links
-     */
-    pressed: {
-        type: BooleanConstructor;
-        default: null;
-    };
-}>, {}, {}, {
-    /**
-     * The real type to be used for the button, enforces `primary` for pressed state and, if stateful button, any other type for not pressed state
-     * Otherwise the type property is used.
+     * Note: This takes precedence over the href attribute.
      */
-    realType(): "primary" | "secondary" | ButtonType;
+    to?: string | RouteLocation;
     /**
-     * The flexbox alignment of the button content
-     */
-    flexAlignment(): string;
-    /**
-     * If the button content should be reversed (icon on the end)
-     */
-    isReverseAligned(): boolean;
-    ncPopoverTriggerAttrs(): Record<string, string | undefined>;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:pressed" | "click")[], "update:pressed" | "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Set the text and icon alignment
+     * Specifies the button native type
+     * If left empty, the default "button" type will be used.
      *
-     * @default 'center'
-     * @type {'start' | 'start-reverse' | 'center' | 'center-reverse' | 'end' | 'end-reverse'}
-     */
-    alignment: {
-        type: PropType<ButtonAlignment>;
-        default: ButtonAlignment;
-        validator(value: string): boolean;
-    };
-    /**
-     * Toggles the disabled state of the button on and off.
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Specify the button size
-     * Accepted values: `'small'`, `'normal'` (default), `'large'`
+     * @default 'button'
      */
-    size: {
-        type: StringConstructor;
-        default: string;
-        validator(value: string): boolean;
-    };
+    type?: ButtonType;
     /**
-     * Specifies the button type
+     * Specifies the button variant.
      * If left empty, the default button style will be applied.
      *
      * @default 'secondary'
-     * @type {'primary' | 'secondary' | 'tertiary' | 'tertiary-no-background' | 'tertiary-on-primary' | 'error' | 'warning' | 'success'}
      */
-    type: {
-        type: PropType<ButtonType>;
-        default: ButtonType;
-        validator(value: string): boolean;
-    };
-    /**
-     * Specifies the button native type
-     * If left empty, the default "button" type will be used.
-     *
-     * @default 'button'
-     * @type {'submit' | 'reset' | 'button'}
-     */
-    nativeType: {
-        type: PropType<ButtonNativeType>;
-        default: ButtonNativeType;
-        validator(value: string): boolean;
-    };
+    variant?: ButtonVariant;
     /**
      * Specifies whether the button should span all the available width.
      * By default, buttons span the whole width of the container.
-     */
-    wide: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Always try to provide an aria-label to your button. Make it more
-     * specific than the button's name by provide some more context. E.g. if
-     * the name of the button is "send" in the Mail app, the aria label could
-     * be "Send email".
-     */
-    ariaLabel: {
-        type: StringConstructor;
-        default: null;
-    };
-    /**
-     * Providing the href attribute turns the button component into an `a`
-     * element.
-     */
-    href: {
-        type: StringConstructor;
-        default: null;
-    };
-    /**
-     * Target for the `a` element if `href` is set.
-     * @default '_self'
-     */
-    target: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Providing the download attribute with href downloads file when clicking.
-     */
-    download: {
-        type: StringConstructor;
-        default: null;
-    };
-    /**
-     * Providing the to attribute turns the button component into a `router-link`
-     * element. Takes precedence over the href attribute.
-     */
-    to: {
-        type: (StringConstructor | ObjectConstructor)[];
-        default: null;
-    };
-    /**
-     * @deprecated To be removed in @nextcloud/vue 9. Migration guide: remove ariaHidden prop from NcAction* components.
-     * @todo Add a check in @nextcloud/vue 9 that this prop is not provided,
-     * otherwise root element will inherit incorrect aria-hidden.
-     */
-    ariaHidden: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    /**
-     * The pressed state of the button if it has a checked state
-     * This will add the `aria-pressed` attribute and for the button to have the primary style in checked state.
-     *
-     * Pressed state is not supported for links
-     */
-    pressed: {
-        type: BooleanConstructor;
-        default: null;
-    };
-}>> & Readonly<{
-    "onUpdate:pressed"?: ((...args: any[]) => any) | undefined;
-    onClick?: ((...args: any[]) => any) | undefined;
+     * @default false
+     */
+    wide?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Custom button content.
+         * This can be used for custom formatted content, ensure to not include any interactive elements.
+         * For plain text it is preferred to use the `text` prop instead.
+         */
+        default?: Slot;
+        /**
+         * Icon (optional) to show within the button
+         */
+        icon?: Slot;
+    }> & {
+        /**
+         * Custom button content.
+         * This can be used for custom formatted content, ensure to not include any interactive elements.
+         * For plain text it is preferred to use the `text` prop instead.
+         */
+        default?: Slot;
+        /**
+         * Icon (optional) to show within the button
+         */
+        icon?: Slot;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<NcButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (e: MouseEvent) => any;
+    "update:pressed": (pressed: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<NcButtonProps> & Readonly<{
+    onClick?: ((e: MouseEvent) => any) | undefined;
+    "onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
 }>, {
-    size: string;
     type: ButtonType;
-    alignment: ButtonAlignment;
-    disabled: boolean;
-    nativeType: ButtonNativeType;
-    wide: boolean;
-    ariaLabel: string;
+    size: ButtonSize;
+    text: string;
     href: string;
     target: string;
-    download: string;
-    to: string | Record<string, any>;
-    ariaHidden: boolean;
+    alignment: ButtonAlignment;
+    ariaLabel: string;
+    download: string | true;
     pressed: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    to: string | RouteLocation;
+    variant: ButtonVariant;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/NcButton/index.d.ts

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

package/dist/components/NcButton/index.mjs

@@ -1,7 +1,5 @@
-import { B, a, b, N } from "../../chunks/NcButton-QmfEsvXC.mjs";
+import { N } from "../../chunks/NcButton-Byg8-ta1.mjs";
 export {
-  B as ButtonAlignment,
-  a as ButtonNativeType,
-  b as ButtonType,
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcCheckboxRadioSwitch/index.mjs

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

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

@@ -1,121 +1,57 @@
-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;
-    };
+    ariaLabelClose?: string;
     /**
-     * Main text of the chip
+     * 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;
-    };
+    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<{
+    noClose?: boolean;
     /**
-     * aria label to set on the close button
-     * @default 'Close'
-     */
-    ariaLabelClose: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Main text of the chip
+     * Set the chips design variant-
+     *
+     * This sets the background style of the chip, similar to NcButton's `variant`.
+     * @default 'secondary'
+     * @since 8.23.0
      */
-    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;
-    };
-    /**
-     * Inline SVG to use as the icon
-     */
-    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<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/NcChip/index.mjs

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

package/dist/components/NcCollectionList/index.mjs

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

package/dist/components/NcColorPicker/index.mjs

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

package/dist/components/NcContent/index.mjs

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

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

@@ -68,7 +68,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     type: string;
-    raw: boolean;
     active: boolean;
+    raw: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/NcCounterBubble/index.mjs

@@ -2,3 +2,4 @@ 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-ROT13m5A.mjs";
+import { N } from "../../chunks/NcDashboardWidget-CXw7Hxc8.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcDashboardWidgetItem/index.mjs

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

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

@@ -1,2 +1,28 @@
-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<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    format: Intl.DateTimeFormatOptions;
+    relativeTime: false | "long" | "short" | "narrow";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;

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';