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

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

@@ -1,2 +1,20 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+import { Slot } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: Slot;
+    }> & {
+        default?: Slot;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/NcGuestContent/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 './NcGuestContent.vue';

package/dist/components/NcGuestContent/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcGuestContent-iQpV7mLC.mjs";
+import { N } from "../../chunks/NcGuestContent-B_S2nyJ4.mjs";
 export {
   N as default
 };

package/dist/components/NcHeaderButton/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcHeaderButton-BXfTpkIm.mjs";
+import { N } from "../../chunks/NcHeaderButton-BTZ1WNux.mjs";
 export {
   N as default
 };

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

package/dist/components/NcHeaderMenu/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcHeaderMenu-D-WDQIHd.mjs";
+import { N } from "../../chunks/NcHeaderMenu-DmpJfS86.mjs";
 export {
   N as default
 };

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

@@ -1,3 +1,12 @@
+import { PropType } from 'vue';
+import { StringRange } from '../../utils/findRanges.ts';
+/**
+ * Represents one chunk of the input text
+ */
+interface HighlightChunk extends StringRange {
+    highlight: boolean;
+    text: string;
+}
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * The string to display
@@ -17,7 +26,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * The ranges to highlight, takes precedence over the search prop.
      */
     highlight: {
-        type: ArrayConstructor;
+        type: PropType<StringRange[]>;
         default: () => never[];
     };
 }>, {}, {}, {
@@ -26,15 +35,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * If an array with ranges is provided, we use it. Otherwise
      * we calculate it based on the provided substring to highlight.
      *
-     * @return {Array} The array of ranges to highlight
+     * @return The array of ranges to highlight
      */
-    ranges(): any[];
+    ranges(): StringRange[];
     /**
      * Calculate the different chunks to show based on the ranges to highlight.
-     *
-     * @return {Array} The chunks
      */
-    chunks(): any[];
+    chunks(): HighlightChunk[];
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * The string to display
@@ -54,12 +61,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * The ranges to highlight, takes precedence over the search prop.
      */
     highlight: {
-        type: ArrayConstructor;
+        type: PropType<StringRange[]>;
         default: () => never[];
     };
 }>> & Readonly<{}>, {
     search: string;
     text: string;
-    highlight: unknown[];
+    highlight: StringRange[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

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

package/dist/components/NcHighlight/index.mjs

@@ -1,4 +1,4 @@
-import { _ } from "../../chunks/NcHighlight-Cu4UfEEO.mjs";
+import { _ } from "../../chunks/NcHighlight.vue_vue_type_script_lang-DnWQDM_2.mjs";
 export {
   _ as default
 };

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

@@ -1,111 +1,36 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+type __VLS_Props = {
     /**
      * Make the icon directional, meaning it is langauge direction aware.
      * If the icon is placed in a right-to-left context it will be mirrored vertically.
      */
-    directional: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    directional?: boolean;
     /**
      * Set if the icon should be used as inline content e.g. within text.
      * By default the icon is made a block element for use inside `icon`-slots.
      */
-    inline: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    inline?: boolean;
     /**
      * Raw SVG string to render
      */
-    svg: {
-        type: StringConstructor;
-        default: string;
-    };
+    svg?: string;
     /**
      * Label of the icon, used in aria-label
      */
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
+    name?: string;
     /**
      * Raw SVG path to render. Takes precedence over the SVG string in the `svg` prop.
      */
-    path: {
-        type: StringConstructor;
-        default: string;
-    };
+    path?: string;
     /**
      * Size of the icon to show. Only use if not using within an icon slot.
      * Defaults to 20px which is the Nextcloud icon size for all icon slots.
-     * @default 20
      */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-        validator: (value: unknown) => value is number | "auto";
-    };
-}>, {}, {}, {
-    /**
-     * Icon size used in CSS
-     */
-    iconSize(): string;
-    cleanSvg(): string | undefined;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Make the icon directional, meaning it is langauge direction aware.
-     * If the icon is placed in a right-to-left context it will be mirrored vertically.
-     */
-    directional: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Set if the icon should be used as inline content e.g. within text.
-     * By default the icon is made a block element for use inside `icon`-slots.
-     */
-    inline: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Raw SVG string to render
-     */
-    svg: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Label of the icon, used in aria-label
-     */
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Raw SVG path to render. Takes precedence over the SVG string in the `svg` prop.
-     */
-    path: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Size of the icon to show. Only use if not using within an icon slot.
-     * Defaults to 20px which is the Nextcloud icon size for all icon slots.
-     * @default 20
-     */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-        validator: (value: unknown) => value is number | "auto";
-    };
-}>> & Readonly<{}>, {
+    size?: number | 'auto';
+};
+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: string | number;
+    size: number | "auto";
     svg: string;
     path: string;
-    inline: boolean;
-    directional: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;

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

package/dist/components/NcIconSvgWrapper/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcIconSvgWrapper-DZBRQNfG.mjs";
+import { N } from "../../chunks/NcIconSvgWrapper-BOiCKv0b.mjs";
 export {
   N as default
 };

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-Bx_uxyFR.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-CytWJM69.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.d.ts

@@ -1,2 +1 @@
-import { default as NcModal } from './NcModal.vue';
-export default NcModal;
+export { default } from './NcModal.vue';