@nextcloud/vue 9.0.0-alpha.8 → 9.0.0-rc.1

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

@@ -1,280 +1,144 @@
-import { PropType } from 'vue';
-import { ButtonAlignment, ButtonType } from './types.ts';
-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 HTML button type.
-     * Accepted values: submit, reset, button.
+     * 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 'button'
+     * 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 | `${ButtonType}`>;
-        default: ButtonType;
-        validator(value: string): boolean;
-    };
+    download?: string | true;
     /**
-     * Specifies whether the button should span all the available width.
-     * By default, buttons span the whole width of the container.
+     * Providing the href attribute turns the button component into an `a` element.
      */
-    wide: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    href?: string;
     /**
-     * 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;
-    };
+    target?: string;
     /**
-     * Providing the download attribute with href downloads file when clicking.
+     * The main button text.
+     * This can be overwritten by using the *default* slot.
+     * @since 9.0.0
      */
-    download: {
-        type: StringConstructor;
-        default: null;
-    };
+    text?: string;
     /**
-     * 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.
+     * Providing the to attribute turns the button component into a `router-link` element.
+     *
+     * Note: This takes precedence over the href attribute.
      */
-    ariaHidden: {
-        type: BooleanConstructor;
-        default: null;
-    };
+    to?: string | RouteLocation;
     /**
-     * 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.
+     * Specifies the button native type
+     * If left empty, the default "button" type will be used.
      *
-     * Pressed state is not supported for links
+     * @default 'button'
      */
-    pressed: {
-        type: BooleanConstructor;
-        default: null;
-    };
+    type?: ButtonType;
     /**
      * Specifies the button variant.
-     *
-     * Accepted values: primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success.
+     * If left empty, the default button style will be applied.
      *
      * @default 'secondary'
-     * @since 8.23.0
-     */
-    variant: {
-        type: PropType<ButtonVariant | `${ButtonVariant}`>;
-        validator(value: string): boolean;
-        default: string;
-    };
-}>, {}, {}, {
-    /**
-     * 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.
-     */
-    realVariant(): any;
-    /**
-     * The HTML button type
-     */
-    realType(): "submit" | "reset" | "button" | ButtonType;
-    /**
-     * 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
-     *
-     * @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'`
-     */
-    size: {
-        type: StringConstructor;
-        default: string;
-        validator(value: string): boolean;
-    };
-    /**
-     * Specifies the HTML button type.
-     * Accepted values: submit, reset, button.
-     *
-     * @default 'button'
      */
-    type: {
-        type: PropType<ButtonType | `${ButtonType}`>;
-        default: ButtonType;
-        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;
-    };
-    /**
-     * Specifies the button variant.
-     *
-     * Accepted values: primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success.
-     *
-     * @default 'secondary'
-     * @since 8.23.0
-     */
-    variant: {
-        type: PropType<ButtonVariant | `${ButtonVariant}`>;
-        validator(value: string): boolean;
-        default: string;
-    };
-}>> & 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: "submit" | "reset" | "button" | ButtonType;
-    alignment: ButtonAlignment;
-    disabled: boolean;
-    wide: boolean;
-    ariaLabel: string;
+    type: ButtonType;
+    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;
-    variant: any;
-}, {}, {}, {}, 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,8 +1,5 @@
-import { B, a, b, N } from "../../chunks/NcButton-BHLqKKYP.mjs";
+import { N } from "../../chunks/NcButton-Byg8-ta1.mjs";
 export {
-  B as ButtonAlignment,
-  a as ButtonType,
-  b as ButtonVariant,
   N as default
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/NcCheckboxRadioSwitch/index.mjs

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

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

@@ -1,3 +1,4 @@
+import { Slot } from 'vue';
 type __VLS_Props = {
     /**
      * aria label to set on the close button
@@ -32,59 +33,56 @@ 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<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;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
 }>, {
     text: string;
     variant: "primary" | "secondary" | "tertiary";
     iconSvg: string;
     ariaLabelClose: string;
     iconPath: string;
-}, {}, {}, {}, 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_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,4 @@
-import { N } from "../../chunks/NcChip-C3U2HYR9.mjs";
+import { N } from "../../chunks/NcChip-BQRPT42V.mjs";
 export {
   N as default
 };

package/dist/components/NcCollectionList/index.mjs

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

package/dist/components/NcColorPicker/index.mjs

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

package/dist/components/NcContent/index.mjs

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

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/NcDashboardWidget/index.mjs

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

package/dist/components/NcDashboardWidgetItem/index.mjs

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

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

@@ -21,37 +21,8 @@ type __VLS_Props = {
      */
     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<{}>, {
+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, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 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.mjs

@@ -1,4 +1,4 @@
-import { _ } from "../../chunks/NcDateTime.vue_vue_type_script_setup_true_lang-DtP-oauZ.mjs";
+import { _ } from "../../chunks/NcDateTime.vue_vue_type_script_setup_true_lang-CKX0mNnP.mjs";
 export {
   _ as default
 };