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

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

@@ -0,0 +1,147 @@
+import { Slot } from 'vue';
+import { VueClassType } from '../../utils/VueTypes.ts';
+export interface NcInputFieldProps {
+    /**
+     * Class to add to the root component.
+     */
+    class?: VueClassType;
+    /**
+     * Class to add to the input field.
+     * Necessary to use NcInputField in the NcActionInput component.
+     */
+    inputClass?: VueClassType;
+    /**
+     * HTML id of the input field
+     */
+    id?: string;
+    /**
+     * The input label, always provide one for accessibility purposes.
+     * This will also be used as a placeholder unless the placeholder
+     * prop is populated with a different string.
+     *
+     * Note: If the background color is not `--color-main-background` consider using an external label instead (see `labelOutside`).
+     */
+    label?: string;
+    /**
+     * Pass in true if you want to use an external label. This is useful
+     * if you need a label that looks different from the one provided by
+     * this component
+     */
+    labelOutside?: boolean;
+    /**
+     * The type of the input element
+     */
+    type?: 'text' | 'password' | 'email' | 'tel' | 'url' | 'search' | 'number';
+    /**
+     * The placeholder of the input. This defaults as the string that's
+     * passed into the label prop. In order to remove the placeholder,
+     * pass in an empty string.
+     */
+    placeholder?: string;
+    /**
+     * Controls whether to display the trailing button.
+     */
+    showTrailingButton?: boolean;
+    /**
+     * Label of the trailing button
+     *
+     * Required when showTrailingButton is set
+     */
+    trailingButtonLabel?: string;
+    /**
+     * Toggles the success state of the component. Adds a checkmark icon.
+     */
+    success?: boolean;
+    /**
+     * Toggles the error state of the component. Adds an error icon.
+     */
+    error?: boolean;
+    /**
+     * Additional helper text message
+     *
+     * This will be displayed beneath the input field. In case the field is
+     * also marked as having an error, the text will be displayed in red.
+     */
+    helperText?: string;
+    /**
+     * Disable the input field
+     */
+    disabled?: boolean;
+    /**
+     * Specifies whether the input should have a pill form.
+     * By default, input has rounded corners.
+     */
+    pill?: boolean;
+}
+type __VLS_Props = NcInputFieldProps;
+/**
+ * Focus the input element
+ *
+ * @param options - Focus options
+ * @public
+ */
+declare function focus(options?: FocusOptions): void;
+/**
+ * Select all the text in the input
+ *
+ * @public
+ */
+declare function select(): void;
+type __VLS_PublicProps = {
+    modelValue: string | number;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Leading icon, set the size to 20.
+         */
+        icon?: Slot;
+        /**
+         * Icon for the trailing button.
+         */
+        'trailing-button-icon'?: Slot;
+    }> & {
+        /**
+         * Leading icon, set the size to 20.
+         */
+        icon?: Slot;
+        /**
+         * Icon for the trailing button.
+         */
+        'trailing-button-icon'?: Slot;
+    };
+    refs: {
+        input: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    focus: typeof focus;
+    select: typeof select;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+    "trailing-button-click": (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    "onTrailing-button-click"?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    type: "text" | "password" | "email" | "tel" | "url" | "search" | "number";
+    id: string;
+    label: string;
+    class: VueClassType;
+    inputClass: VueClassType;
+    placeholder: string;
+    trailingButtonLabel: string;
+    helperText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    input: HTMLInputElement;
+}, 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/NcInputField/index.d.ts

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

package/dist/components/NcInputField/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcInputField-BBS1E7r-.mjs";
+import { N } from "../../chunks/NcInputField-DH5ybroK.mjs";
 export {
   N as default
 };

package/dist/components/NcListItem/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcListItem-C2LlJgjL.mjs";
+import { N } from "../../chunks/NcListItem-50hUlVlb.mjs";
 export {
   N as default
 };

package/dist/components/NcListItemIcon/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcListItemIcon-5ms0eK3w.mjs";
+import { N } from "../../chunks/NcListItemIcon-BGEA45de.mjs";
 export {
   N as default
 };

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

@@ -1,58 +1,22 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * Specify the size of the loading icon.
-     */
-    size: {
-        type: NumberConstructor;
-        default: number;
-    };
+type __VLS_Props = {
     /**
      * The appearance of the loading icon.
      * 'auto' adjusts to the Nextcloud color scheme,
      * 'light' and 'dark' are static.
      */
-    appearance: {
-        type: StringConstructor;
-        validator(value: unknown): boolean;
-        default: string;
-    };
+    appearance?: 'auto' | 'light' | 'dark';
     /**
-     * Specify what is loading.
+     * Specify what is loading (the accessible name) if this is not purely for decoration.
      */
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {}, {
-    colors(): string[];
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name?: string;
     /**
      * Specify the size of the loading icon.
      */
-    size: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * The appearance of the loading icon.
-     * 'auto' adjusts to the Nextcloud color scheme,
-     * 'light' and 'dark' are static.
-     */
-    appearance: {
-        type: StringConstructor;
-        validator(value: unknown): boolean;
-        default: string;
-    };
-    /**
-     * Specify what is loading.
-     */
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
+    size?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     name: string;
     size: number;
-    appearance: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    appearance: "auto" | "light" | "dark";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;

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

package/dist/components/NcLoadingIcon/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcLoadingIcon-CsMn1bFR.mjs";
+import { N } from "../../chunks/NcLoadingIcon-Dm3kRPrf.mjs";
 export {
   N as default
 };

package/dist/components/NcModal/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcModal-BisVxXe_.mjs";
+import { N } from "../../chunks/NcModal-CWRw1hyF.mjs";
 export {
   N as default
 };

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

@@ -1,77 +1,52 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { Slot } from 'vue';
+type __VLS_Props = {
     /**
-     * Type or severity of the message
+     * Optional text to show as a heading of the note card
      */
-    type: {
-        type: StringConstructor;
-        default: string;
-        validator: (type: unknown) => boolean;
-    };
+    heading?: string;
     /**
      * Enforce the `alert` role on the note card.
      *
-     * The [`alert` role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role)
-     * should only be used for information that requires the user's immediate attention.
-     */
-    showAlert: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Optional text to show as a heading of the note card
+     * The alert role should only be used for information that requires the user's immediate attention.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role
      */
-    heading: {
-        type: StringConstructor;
-        default: string;
-    };
+    showAlert?: boolean;
     /**
      * The message text of the note card
      */
-    text: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {}, {
-    shouldShowAlert(): boolean;
-    icon(): any;
-    color(): "var(--color-error)" | "var(--color-success)" | "var(--color-info)" | "var(--color-warning)";
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    text?: string;
     /**
      * Type or severity of the message
      */
-    type: {
-        type: StringConstructor;
-        default: string;
-        validator: (type: unknown) => boolean;
-    };
-    /**
-     * Enforce the `alert` role on the note card.
-     *
-     * The [`alert` role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role)
-     * should only be used for information that requires the user's immediate attention.
-     */
-    showAlert: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Optional text to show as a heading of the note card
-     */
-    heading: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * The message text of the note card
-     */
-    text: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    type: string;
+    type?: 'success' | 'info' | 'warning' | 'error';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** The main content (overwrites the `text` prop) */
+        default?: Slot;
+        /** Manually provided icon */
+        icon?: Slot;
+    }> & {
+        /** The main content (overwrites the `text` prop) */
+        default?: Slot;
+        /** Manually provided icon */
+        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, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "success" | "info" | "warning" | "error";
     text: string;
-    showAlert: boolean;
     heading: 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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

package/dist/components/NcNoteCard/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcNoteCard-XoSOund1.mjs";
+import { N } from "../../chunks/NcNoteCard-DmhVICGO.mjs";
 export {
   N as default
 };