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

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

@@ -0,0 +1,265 @@
+import { default as debounce } from 'debounce';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * The text of the label element of the select group input
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Placeholder for the input element
+     * For backwards compatibility it falls back to the `label` value
+     */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * id attribute of the select group element
+     */
+    id: {
+        type: StringConstructor;
+        default: () => string;
+        validator: (id: unknown) => boolean;
+    };
+    /**
+     * value of the select group input
+     * A list of group IDs can be provided
+     */
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    /**
+     * disabled state of the settings select group input
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {
+    /** Temporary store to cache groups */
+    groups: {};
+    randId: string;
+    errorMessage: string;
+}, {
+    /**
+     * If the error message should be shown
+     */
+    hasError(): boolean;
+    /**
+     * Validate input value and only return valid strings (group IDs)
+     *
+     * @return {string[]}
+     */
+    filteredValue(): string[];
+    /**
+     * value property converted to an array of group objects used as input for the NcSelect
+     */
+    inputValue(): any[];
+    /**
+     * Convert groups object to array of groups required for NcSelect.options
+     * Filter out currently selected values
+     *
+     * @return {object[]}
+     */
+    groupsArray(): object[];
+}, {
+    t: (original: string, placeholders?: Record<string, string | number>) => string;
+    /**
+     * Called when a new group is selected or previous group is deselected to emit the update event
+     *
+     * @param {object[]} updatedValue Array of selected groups
+     */
+    update(updatedValue: object[]): void;
+    /**
+     * Use provisioning API to search for given group and save it in the groups object
+     *
+     * @param {string} query The query like parts of the id oder display name
+     * @return {boolean}
+     */
+    loadGroup(query: string): boolean;
+    /**
+     * Custom filter function for `NcSelect` to filter by ID *and* display name
+     *
+     * @param {object} option One of the groups
+     * @param {string} label The label property of the group
+     * @param {string} search The current search string
+     */
+    filterGroups(option: object, label: string, search: string): boolean;
+    /**
+     * Debounce the group search (reduce API calls)
+     */
+    onSearch: debounce.DebouncedFunction<(query: any) => void>;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "input" | "error")[], "update:modelValue" | "input" | "error", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * The text of the label element of the select group input
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Placeholder for the input element
+     * For backwards compatibility it falls back to the `label` value
+     */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * id attribute of the select group element
+     */
+    id: {
+        type: StringConstructor;
+        default: () => string;
+        validator: (id: unknown) => boolean;
+    };
+    /**
+     * value of the select group input
+     * A list of group IDs can be provided
+     */
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    /**
+     * disabled state of the settings select group input
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+}>, {
+    id: string;
+    disabled: boolean;
+    placeholder: string;
+    modelValue: unknown[];
+}, {}, {
+    NcSelect: import('vue').DefineComponent<{}, {
+        avatarSize: number;
+    }, {
+        search: string;
+    }, {
+        inputRequired(): any;
+        localCalculatePosition(): any;
+        localFilterBy(): any;
+        localLabel(): any;
+        propsToForward(): any;
+    }, {
+        t: (original: string, placeholders?: Record<string, string | number>) => string;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, (" " | "update:modelValue")[], " " | "update:modelValue", import('vue').PublicProps, Readonly<{}> & Readonly<{
+        "on "?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {} | {
+        [x: string]: any;
+    }, {}, {
+        ChevronDown: any;
+        NcEllipsisedOption: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            name: {
+                type: StringConstructor;
+                default: string;
+            };
+            search: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {
+            needsTruncate(): boolean | "";
+            split(): number;
+            part1(): string;
+            part2(): string;
+            highlight1(): any[];
+            highlight2(): any[];
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            name: {
+                type: StringConstructor;
+                default: string;
+            };
+            search: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            name: string;
+            search: string;
+        }, {}, {
+            NcHighlight: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                text: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                search: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                highlight: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+            }>, {}, {}, {
+                ranges(): any[];
+                chunks(): any[];
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                text: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                search: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                highlight: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+            }>> & Readonly<{}>, {
+                search: string;
+                text: string;
+                highlight: unknown[];
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        NcLoadingIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: NumberConstructor;
+                default: number;
+            };
+            appearance: {
+                type: StringConstructor;
+                validator(value: unknown): boolean;
+                default: string;
+            };
+            name: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {
+            colors(): string[];
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: NumberConstructor;
+                default: number;
+            };
+            appearance: {
+                type: StringConstructor;
+                validator(value: unknown): boolean;
+                default: string;
+            };
+            name: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            name: string;
+            size: number;
+            appearance: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        VueSelect: any;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/NcSettingsSelectGroup/index.mjs

@@ -1,4 +1,4 @@
-import { N as NcSettingsSelectGroup } from "../../chunks/NcSettingsSelectGroup-DfrKchOy.mjs";
+import { N as NcSettingsSelectGroup } from "../../chunks/NcSettingsSelectGroup-B8uq0KIw.mjs";
 export {
   NcSettingsSelectGroup,
   NcSettingsSelectGroup as default

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

@@ -71,7 +71,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * Necessary to use NcInputField in the NcActionInput component.
      */
     inputClass: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
         default: string;
     };
     /**
@@ -177,7 +177,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * Necessary to use NcInputField in the NcActionInput component.
      */
     inputClass: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
         default: string;
     };
     /**
@@ -192,14 +192,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    label: string;
-    error: boolean;
-    success: boolean;
     disabled: boolean;
-    resize: string;
     inputClass: string | Record<string, any>;
     labelOutside: boolean;
+    label: string;
     placeholder: string;
+    error: boolean;
+    resize: string;
+    success: boolean;
     helperText: string;
 }, {}, {
     AlertCircle: any;

package/dist/components/NcTextField/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcTextField-BTzKCPza.mjs";
+import { N } from "../../chunks/NcTextField-KGXtf7Y6.mjs";
 export {
   N as default
 };

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

@@ -0,0 +1,23 @@
+import { ITimezone } from '@nextcloud/timezones';
+type __VLS_Props = {
+    /**
+     * An array of additional timezones to include with the standard database. Useful if there is a custom timezone, e.g. read from user data
+     */
+    additionalTimezones?: ITimezone[];
+    /**
+     * ID of the inner vue-select element, can be used for labels like: `vs-${uid}__combobox`
+     */
+    uid?: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    uid: string;
+    additionalTimezones: ITimezone[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

package/dist/components/NcTimezonePicker/index.mjs

@@ -1,5 +1,5 @@
-import { N } from "../../chunks/NcTimezonePicker-CMoUk4sZ.mjs";
+import { _ } from "../../chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang-DxoB-jLa.mjs";
 export {
-  N as default
+  _ as default
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/NcTimezonePicker/timezoneDataProviderService.d.ts

@@ -1,7 +1,11 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
 /**
  * Gets the timezone-manager
  * initializes it if necessary
  *
  * @return {object}
  */
-export default function _default(): object;
+export default function (): import('@nextcloud/timezones').TimezoneManager;

package/dist/components/NcUserBubble/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcUserBubble-Dgzog0Ps.mjs";
+import { N } from "../../chunks/NcUserBubble-qqRewR9C.mjs";
 export {
   N as default
 };

package/dist/components/NcUserStatusIcon/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcUserStatusIcon-DvYiEs2L.mjs";
+import { N } from "../../chunks/NcUserStatusIcon-DpZVD4HJ.mjs";
 export {
   N as default
 };

package/dist/components/index.d.ts

@@ -70,7 +70,7 @@ export { default as NcProgressBar } from './NcProgressBar/index.js';
 export { default as NcRelatedResourcesPanel } from './NcRelatedResourcesPanel/index.js';
 export { default as NcRichContenteditable, NcAutoCompleteResult, NcMentionBubble } from './NcRichContenteditable/index.js';
 export { default as NcRichText } from './NcRichText/index.js';
-export { default as NcSavingIndicatorIcon } from './NcSavingIndicatorIcon/index.js';
+export { default as NcSavingIndicatorIcon } from './NcSavingIndicatorIcon/index.ts';
 export { default as NcSelect } from './NcSelect/index.js';
 export { default as NcSelectTags } from './NcSelectTags/index.js';
 export { default as NcSettingsInputText } from './NcSettingsInputText/index.js';
@@ -78,6 +78,6 @@ export { default as NcSettingsSection } from './NcSettingsSection/index.js';
 export { default as NcSettingsSelectGroup } from './NcSettingsSelectGroup/index.js';
 export { default as NcTextArea } from './NcTextArea/index.js';
 export { default as NcTextField } from './NcTextField/index.js';
-export { default as NcTimezonePicker } from './NcTimezonePicker/index.js';
+export { default as NcTimezonePicker } from './NcTimezonePicker/index.ts';
 export { default as NcUserBubble } from './NcUserBubble/index.js';
 export { default as NcUserStatusIcon } from './NcUserStatusIcon/index.js';

package/dist/directives/index.d.ts

@@ -4,4 +4,3 @@
  */
 export { default as Focus } from './Focus/index.js';
 export { default as Linkify } from './Linkify/index.ts';
-export { default as Tooltip } from './Tooltip/index.js';

package/dist/functions/contactsMenu/index.d.ts

@@ -0,0 +1,40 @@
+/**
+ * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+export interface ContactsMenuEntry {
+    id: number | string | null;
+    fullName: string;
+    avatar: string | null;
+    topAction: object | null;
+    actions: object[];
+    lastMessage: string;
+    emailAddresses: string[];
+    profileTitle: string | null;
+    profileUrl: string | null;
+    status: string | null;
+    statusMessage: string | null;
+    statusMessageTimestamp: number | null;
+    statusIcon: string | null;
+    isUser: boolean;
+    uid: string | null;
+}
+export interface ContactsMenuAction {
+    id: string;
+    displayName: (entry: ContactsMenuEntry) => string;
+    enabled: (entry: ContactsMenuEntry) => boolean;
+    iconSvg: (entry: ContactsMenuEntry) => string;
+    callback: (entry: ContactsMenuEntry) => void;
+}
+/**
+ * Register a contacts and avatar menu action that will invoke the given callback on click.
+ *
+ * @param action - The action to register
+ */
+export declare function registerContactsMenuAction(action: ContactsMenuAction): void;
+/**
+ * Get all registered and enabled contacts menu actions for the given menu entry.
+ *
+ * @param entry - The contacts menu entry object as returned by the backend
+ */
+export declare function getEnabledContactsMenuActions(entry: ContactsMenuEntry): ContactsMenuAction[];

package/dist/functions/contactsMenu/index.mjs

@@ -0,0 +1,22 @@
+import { l as logger } from "../../chunks/logger-D3RVzcfQ.mjs";
+function registerContactsMenuAction(action) {
+  window._nc_contacts_menu_hooks ??= {};
+  if (window._nc_contacts_menu_hooks[action.id]) {
+    logger.error(`ContactsMenu action for id ${action.id} has already been registered`, {
+      action
+    });
+    return;
+  }
+  window._nc_contacts_menu_hooks[action.id] = action;
+}
+function getEnabledContactsMenuActions(entry) {
+  if (!window._nc_contacts_menu_hooks) {
+    return [];
+  }
+  return Object.values(window._nc_contacts_menu_hooks).filter((action) => action.enabled(entry));
+}
+export {
+  getEnabledContactsMenuActions,
+  registerContactsMenuAction
+};
+//# sourceMappingURL=index.mjs.map

package/dist/functions/contactsMenu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/functions/contactsMenu/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport logger from '../../utils/logger.ts'\n\n// Taken from \\OC\\Contacts\\ContactsMenu\\Entry::jsonSerialize\nexport interface ContactsMenuEntry {\n\tid: number | string | null\n\tfullName: string\n\tavatar: string | null\n\ttopAction: object | null\n\tactions: object[]\n\tlastMessage: string\n\temailAddresses: string[]\n\tprofileTitle: string | null\n\tprofileUrl: string | null\n\tstatus: string | null\n\tstatusMessage: string | null\n\tstatusMessageTimestamp: number | null\n\tstatusIcon: string | null\n\tisUser: boolean\n\tuid: string | null\n}\n\nexport interface ContactsMenuAction {\n\tid: string\n\tdisplayName: (entry: ContactsMenuEntry) => string\n\tenabled: (entry: ContactsMenuEntry) => boolean\n\ticonSvg: (entry: ContactsMenuEntry) => string\n\tcallback: (entry: ContactsMenuEntry) => void\n}\n\n/**\n * Register a contacts and avatar menu action that will invoke the given callback on click.\n *\n * @param action - The action to register\n */\nexport function registerContactsMenuAction(action: ContactsMenuAction): void {\n\twindow._nc_contacts_menu_hooks ??= {}\n\n\tif (window._nc_contacts_menu_hooks[action.id]) {\n\t\tlogger.error(`ContactsMenu action for id ${action.id} has already been registered`, {\n\t\t\taction,\n\t\t})\n\t\treturn\n\t}\n\n\twindow._nc_contacts_menu_hooks[action.id] = action\n}\n\n/**\n * Get all registered and enabled contacts menu actions for the given menu entry.\n *\n * @param entry - The contacts menu entry object as returned by the backend\n */\nexport function getEnabledContactsMenuActions(entry: ContactsMenuEntry): ContactsMenuAction[] {\n\tif (!window._nc_contacts_menu_hooks) {\n\t\treturn []\n\t}\n\n\treturn Object.values(window._nc_contacts_menu_hooks).filter((action) => action.enabled(entry))\n}\n"],"names":[],"mappings":";AAuCO,SAAS,2BAA2B,QAAkC;AAC5E,SAAO,4BAA4B,CAAC;AAEpC,MAAI,OAAO,wBAAwB,OAAO,EAAE,GAAG;AAC9C,WAAO,MAAM,8BAA8B,OAAO,EAAE,gCAAgC;AAAA,MACnF;AAAA,IAAA,CACA;AACD;AAAA,EAAA;AAGM,SAAA,wBAAwB,OAAO,EAAE,IAAI;AAC7C;AAOO,SAAS,8BAA8B,OAAgD;AACzF,MAAA,CAAC,OAAO,yBAAyB;AACpC,WAAO,CAAC;AAAA,EAAA;AAGF,SAAA,OAAO,OAAO,OAAO,uBAAuB,EAAE,OAAO,CAAC,WAAW,OAAO,QAAQ,KAAK,CAAC;AAC9F;"}

package/dist/functions/dialog/index.d.ts

@@ -1,17 +1,26 @@
-import { AppContext, Component } from 'vue';
-interface DialogProps {
-    [index: string]: unknown;
-    container?: string;
-    appContext?: AppContext;
-}
+import { Component } from 'vue';
+type ComponentProps<T extends Component> = T extends new (...args: any) => {
+    $props: infer P;
+} ? P : never;
+type DialogComponent<T extends Component> = 'onClose' extends keyof ComponentProps<T> ? T : 'Please provide a Dialog Component that supports `@close` event';
+type NormalizedPayload<T> = T extends [] ? void : T extends [infer F] ? F : T;
+type ClosePayload<T> = T extends {
+    onClose?: (...args: infer P) => any;
+} ? P : never;
+type SpawnDialogOptions = {
+    /**
+     * Container to mount the dialog to
+     * @default document.body
+     */
+    container?: Element | string;
+};
 /**
- * Helper to spawn a Vue dialog without having to mount it from a component
+ * Spawn a single-use Vue dialog instance to get the result when it is closed
  *
- * @param dialog The dialog component to spawn
- * @param props Properties to pass to the dialog
- * @param props.container Optionally pass a query selector for the dialog container element
- * @param props.appContext Optionally the app context to use (e.g. for registered components)
- * @param onClose Callback when the dialog is closed
+ * @param dialog - Dialog component to spawn
+ * @param props - Props to pass to the dialog instance
+ * @param options - Spawning options
+ * @return Promise resolved with the `close` event payload
  */
-export declare function spawnDialog(dialog: Component, props?: DialogProps, onClose?: (...rest: unknown[]) => void): void;
+export declare function spawnDialog<C extends Component, E extends ClosePayload<ComponentProps<C>>>(dialog: DialogComponent<C>, props?: Partial<ComponentProps<C>>, options?: SpawnDialogOptions): Promise<NormalizedPayload<E>>;
 export {};

package/dist/functions/dialog/index.mjs

@@ -1,22 +1,31 @@
-import { createVNode, toRaw, render, getCurrentInstance } from "vue";
-function spawnDialog(dialog, props, onClose = () => {
-}) {
-  const el = document.createElement("div");
-  const container = typeof props?.container === "string" ? document.querySelector(props.container) || document.body : document.body;
-  container.appendChild(el);
-  const vueComponent = createVNode(dialog, {
-    ...props,
-    onclose: (...rest) => {
-      onClose(...rest.map((v) => toRaw(v)));
-      render(null, el);
-      el.remove();
-    }
-  });
-  const appContext = props?.appContext ?? getCurrentInstance()?.appContext;
-  if (appContext) {
-    vueComponent.appContext = { ...appContext };
+import { createApp } from "vue";
+function spawnDialog(dialog, props = {}, options = {}) {
+  let { container } = options;
+  if ("container" in props && typeof props.container === "string") {
+    container ??= props.container;
   }
-  render(vueComponent, el);
+  const resolvedContainer = typeof container === "string" && document.querySelector(container) || document.body;
+  const element = resolvedContainer.appendChild(document.createElement("div"));
+  return new Promise((resolve, reject) => {
+    const app = createApp(dialog, {
+      ...props,
+      // If dialog has no `container` prop passing a falsy value does nothing
+      // Otherwise it is expected that `null` disables teleport and mounts dialog in place like NcDialog/NcModal
+      container: null,
+      onClose(...rest) {
+        const payload = rest.length > 1 ? rest : rest[0];
+        app.unmount();
+        element.remove();
+        resolve(payload);
+      },
+      "onVue:unmounted"() {
+        app.unmount();
+        element.remove();
+        reject(new Error("Dialog was unmounted without close event"));
+      }
+    });
+    app.mount(element);
+  });
 }
 export {
   spawnDialog

package/dist/functions/dialog/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/functions/dialog/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport type { AppContext, Component } from 'vue'\nimport { createVNode, getCurrentInstance, render, toRaw } from 'vue'\n\ninterface DialogProps {\n\t[index: string]: unknown\n\tcontainer?: string\n\tappContext?: AppContext\n}\n\n/**\n * Helper to spawn a Vue dialog without having to mount it from a component\n *\n * @param dialog The dialog component to spawn\n * @param props Properties to pass to the dialog\n * @param props.container Optionally pass a query selector for the dialog container element\n * @param props.appContext Optionally the app context to use (e.g. for registered components)\n * @param onClose Callback when the dialog is closed\n */\nexport function spawnDialog(\n\tdialog: Component,\n\tprops?: DialogProps,\n\tonClose: (...rest: unknown[]) => void = () => {},\n): void {\n\tconst el = document.createElement('div')\n\tconst container: HTMLElement = typeof props?.container === 'string'\n\t\t? (document.querySelector(props.container) || document.body)\n\t\t: document.body\n\tcontainer.appendChild(el)\n\n\tconst vueComponent = createVNode(dialog, {\n\t\t...props,\n\t\tonclose: (...rest: unknown[]) => {\n\t\t\tonClose(...rest.map(v => toRaw(v)))\n\t\t\t// destroy the component\n\t\t\trender(null, el)\n\t\t\tel.remove()\n\t\t},\n\t})\n\n\t// If there is an instance use it to get access to registered components\n\tconst appContext = props?.appContext ?? getCurrentInstance()?.appContext\n\tif (appContext) {\n\t\tvueComponent.appContext = { ...appContext }\n\t}\n\n\trender(vueComponent, el)\n}\n"],"names":[],"mappings":";AAsBO,SAAS,YACf,QACA,OACA,UAAwC,MAAM;AAAC,GACxC;AACD,QAAA,KAAK,SAAS,cAAc,KAAK;AACvC,QAAM,YAAyB,OAAO,OAAO,cAAc,WACvD,SAAS,cAAc,MAAM,SAAS,KAAK,SAAS,OACrD,SAAS;AACZ,YAAU,YAAY,EAAE;AAElB,QAAA,eAAe,YAAY,QAAQ;AAAA,IACxC,GAAG;AAAA,IACH,SAAS,IAAI,SAAoB;AAChC,cAAQ,GAAG,KAAK,IAAI,OAAK,MAAM,CAAC,CAAC,CAAC;AAElC,aAAO,MAAM,EAAE;AACf,SAAG,OAAO;AAAA,IAAA;AAAA,EACX,CACA;AAGD,QAAM,aAAa,OAAO,cAAc,mBAAsB,GAAA;AAC9D,MAAI,YAAY;AACF,iBAAA,aAAa,EAAE,GAAG,WAAW;AAAA,EAAA;AAG3C,SAAO,cAAc,EAAE;AACxB;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/functions/dialog/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport type { Component } from 'vue'\nimport { createApp } from 'vue'\n\ntype ComponentProps<T extends Component> = T extends new (...args: any) => { $props: infer P }\n\t? P\n\t: never\n\ntype DialogComponent<T extends Component> = 'onClose' extends keyof ComponentProps<T>\n\t? T\n\t: 'Please provide a Dialog Component that supports `@close` event'\n\ntype NormalizedPayload<T> = T extends []\n\t? void\n\t: T extends [infer F]\n\t\t? F\n\t\t: T\n\ntype ClosePayload<T> = T extends { onClose?: (...args: infer P) => any }\n\t? P\n\t: never\n\ntype SpawnDialogOptions = {\n\t/**\n\t * Container to mount the dialog to\n\t * @default document.body\n\t */\n\tcontainer?: Element | string\n}\n\n/**\n * Spawn a single-use Vue dialog instance to get the result when it is closed\n *\n * @param dialog - Dialog component to spawn\n * @param props - Props to pass to the dialog instance\n * @param options - Spawning options\n * @return Promise resolved with the `close` event payload\n */\nexport function spawnDialog<\n\tC extends Component,\n\tE extends ClosePayload<ComponentProps<C>>,\n>(dialog: DialogComponent<C>, props: Partial<ComponentProps<C>> = {}, options: SpawnDialogOptions = {}): Promise<NormalizedPayload<E>> {\n\tlet { container } = options\n\n\t// For backwards compatibility try to use container from props\n\tif ('container' in props && typeof props.container === 'string') {\n\t\tcontainer ??= props.container\n\t}\n\n\t// Resolve container to an Element or fallback to document.body\n\tconst resolvedContainer = (typeof container === 'string' && document.querySelector(container)) || document.body\n\n\t// Create root container element for the dialog\n\tconst element = resolvedContainer.appendChild(document.createElement('div'))\n\n\treturn new Promise((resolve, reject) => {\n\t\tconst app = createApp(dialog as Component, {\n\t\t\t...props,\n\t\t\t// If dialog has no `container` prop passing a falsy value does nothing\n\t\t\t// Otherwise it is expected that `null` disables teleport and mounts dialog in place like NcDialog/NcModal\n\t\t\tcontainer: null,\n\t\t\tonClose(...rest: E) {\n\t\t\t\tconst payload = (rest.length > 1 ? rest : rest[0]) as NormalizedPayload<E>\n\n\t\t\t\tapp.unmount()\n\t\t\t\telement.remove()\n\t\t\t\tresolve(payload)\n\t\t\t},\n\t\t\t'onVue:unmounted'() {\n\t\t\t\tapp.unmount()\n\t\t\t\telement.remove()\n\t\t\t\treject(new Error('Dialog was unmounted without close event'))\n\t\t\t},\n\t\t})\n\n\t\tapp.mount(element)\n\t})\n}\n"],"names":[],"mappings":";AA2CO,SAAS,YAGd,QAA4B,QAAoC,CAAA,GAAI,UAA8B,CAAA,GAAmC;AAClI,MAAA,EAAE,cAAc;AAGpB,MAAI,eAAe,SAAS,OAAO,MAAM,cAAc,UAAU;AAChE,kBAAc,MAAM;AAAA,EAAA;AAIf,QAAA,oBAAqB,OAAO,cAAc,YAAY,SAAS,cAAc,SAAS,KAAM,SAAS;AAG3G,QAAM,UAAU,kBAAkB,YAAY,SAAS,cAAc,KAAK,CAAC;AAE3E,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACjC,UAAA,MAAM,UAAU,QAAqB;AAAA,MAC1C,GAAG;AAAA;AAAA;AAAA,MAGH,WAAW;AAAA,MACX,WAAW,MAAS;AACnB,cAAM,UAAW,KAAK,SAAS,IAAI,OAAO,KAAK,CAAC;AAEhD,YAAI,QAAQ;AACZ,gBAAQ,OAAO;AACf,gBAAQ,OAAO;AAAA,MAChB;AAAA,MACA,oBAAoB;AACnB,YAAI,QAAQ;AACZ,gBAAQ,OAAO;AACR,eAAA,IAAI,MAAM,0CAA0C,CAAC;AAAA,MAAA;AAAA,IAC7D,CACA;AAED,QAAI,MAAM,OAAO;AAAA,EAAA,CACjB;AACF;"}

package/dist/functions/index.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 export * from './a11y/index.ts';
+export * from './contactsMenu/index.ts';
 export * from './dialog/index.ts';
 export * from './emoji/index.ts';
 export * from './isDarkTheme/index.ts';

package/dist/functions/reference/index.mjs

@@ -1,5 +1,5 @@
 import { N, h, d, i, b, r, c, a } from "../../chunks/index-BF8joS9W.mjs";
-import { a as a2, g, b as b2, c as c2, d as d2, s } from "../../chunks/referencePickerModal-BpNnwC_g.mjs";
+import { a as a2, g, b as b2, c as c2, d as d2, s } from "../../chunks/referencePickerModal-DzM7CkKN.mjs";
 export {
   N as NcCustomPickerRenderResult,
   a2 as anyLinkProviderId,

package/dist/functions/usernameToColor/index.mjs

@@ -1,4 +1,4 @@
-import { u } from "../../chunks/usernameToColor-CzXWY0j4.mjs";
+import { u } from "../../chunks/usernameToColor-Bl9NGU_9.mjs";
 export {
   u as default
 };

package/dist/index.d.ts

@@ -6,4 +6,3 @@ export * from './components/index';
 export * from './composables/index.js';
 export * from './functions/index.ts';
 export * from './directives/index.js';
-export * from './mixins/index.js';