@nextcloud/vue 8.39.0 → 8.41.0

package/dist/Components/NcPasswordField.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcPasswordField = require("../chunks/NcPasswordField-PQt7wMbW.cjs");
+const NcPasswordField = require("../chunks/NcPasswordField-C1FGaXn4.cjs");
 module.exports = NcPasswordField.NcPasswordField;
 //# sourceMappingURL=NcPasswordField.cjs.map

package/dist/Components/NcPasswordField.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcPasswordField-D4OFjLza.mjs";
+import { N } from "../chunks/NcPasswordField-2woxTjbl.mjs";
 export {
   N as default
 };

package/dist/Components/NcPopover.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcPopover = require("../chunks/NcPopover-Ujf9nIvN.cjs");
+const NcPopover = require("../chunks/NcPopover-Bq-bsaqt.cjs");
 module.exports = NcPopover.NcPopover;
 //# sourceMappingURL=NcPopover.cjs.map

package/dist/Components/NcPopover.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcPopover-UAg26Qdd.mjs";
+import { N } from "../chunks/NcPopover-BaHX3QSG.mjs";
 export {
   N as default
 };

package/dist/Components/NcProfileHoverCard.cjs

@@ -0,0 +1,4 @@
+"use strict";
+const NcProfileHoverCard = require("../chunks/NcProfileHoverCard-rEanhQqc.cjs");
+module.exports = NcProfileHoverCard.default;
+//# sourceMappingURL=NcProfileHoverCard.cjs.map

package/dist/Components/NcProfileHoverCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcProfileHoverCard.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/Components/NcProfileHoverCard.mjs

@@ -0,0 +1,5 @@
+import { default as default2 } from "../chunks/NcProfileHoverCard-DK5YkGF0.mjs";
+export {
+  default2 as default
+};
+//# sourceMappingURL=NcProfileHoverCard.mjs.map

package/dist/Components/NcProfileHoverCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcProfileHoverCard.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/Components/NcRadioGroup.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcRadioGroup = require("../chunks/NcRadioGroup-CsPmwGlc.cjs");
+const NcRadioGroup = require("../chunks/NcRadioGroup-C2lG1kIj.cjs");
 module.exports = NcRadioGroup.NcRadioGroup;
 //# sourceMappingURL=NcRadioGroup.cjs.map

package/dist/Components/NcRadioGroup.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcRadioGroup-BbBX9X2J.mjs";
+import { N } from "../chunks/NcRadioGroup-D_7OAyQ4.mjs";
 export {
   N as default
 };

package/dist/Components/NcRadioGroupButton.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcRadioGroupButton = require("../chunks/NcRadioGroupButton-6skMHhr7.cjs");
+const NcRadioGroupButton = require("../chunks/NcRadioGroupButton-DcU_Yagn.cjs");
 module.exports = NcRadioGroupButton.NcRadioGroupButton;
 //# sourceMappingURL=NcRadioGroupButton.cjs.map

package/dist/Components/NcRadioGroupButton.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcRadioGroupButton-BkxlxjIA.mjs";
+import { N } from "../chunks/NcRadioGroupButton-CkpB4myv.mjs";
 export {
   N as default
 };

package/dist/Components/NcRelatedResourcesPanel.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcRelatedResourcesPanel = require("../chunks/NcRelatedResourcesPanel-l1AlGr83.cjs");
+const NcRelatedResourcesPanel = require("../chunks/NcRelatedResourcesPanel-CjmzJ9Ex.cjs");
 module.exports = NcRelatedResourcesPanel.NcRelatedResourcesPanel;
 //# sourceMappingURL=NcRelatedResourcesPanel.cjs.map

package/dist/Components/NcRelatedResourcesPanel.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcRelatedResourcesPanel-I2ZOB3cx.mjs";
+import { N } from "../chunks/NcRelatedResourcesPanel-BKygMHvP.mjs";
 export {
   N as default
 };

package/dist/Components/NcRichContenteditable.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Mixins_richEditor = require("../chunks/index-phHwkniW.cjs");
-const NcRichContenteditable = require("../chunks/NcRichContenteditable-DZjIiOKo.cjs");
+const NcRichContenteditable = require("../chunks/NcRichContenteditable-CaDBJIrd.cjs");
 exports.NcMentionBubble = Mixins_richEditor.NcMentionBubble;
 exports.NcAutoCompleteResult = NcRichContenteditable.NcAutoCompleteResult;
 exports.default = NcRichContenteditable.NcRichContenteditable;

package/dist/Components/NcRichContenteditable.mjs

@@ -1,5 +1,5 @@
 import { N } from "../chunks/index-BCqXu_og.mjs";
-import { N as N2, a } from "../chunks/NcRichContenteditable-8ZA_LArB.mjs";
+import { N as N2, a } from "../chunks/NcRichContenteditable-rJPX28V6.mjs";
 export {
   N2 as NcAutoCompleteResult,
   N as NcMentionBubble,

package/dist/Components/NcRichText.cjs

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const NcRichText = require("../chunks/NcRichText-pqvg5l27.cjs");
-const referencePickerModal = require("../chunks/referencePickerModal-BGYbZYrX.cjs");
-const customPickerElements = require("../chunks/customPickerElements-GyIIOHiQ.cjs");
+const NcRichText = require("../chunks/NcRichText-BC9lKFPb.cjs");
+const referencePickerModal = require("../chunks/referencePickerModal-D2nYmN67.cjs");
+const NcReferenceWidget = require("../chunks/NcReferenceWidget-Br8ecSQw.cjs");
+const customPickerElements = require("../chunks/customPickerElements-DNevxofg.cjs");
+const widgets = require("../chunks/widgets-DoYhefYe.cjs");
 exports.NcReferenceList = NcRichText.NcReferenceList;
 exports.NcRichText = NcRichText.NcRichText;
 exports.default = NcRichText.NcRichText;
 exports.NcReferencePicker = referencePickerModal.NcReferencePicker;
 exports.NcReferencePickerModal = referencePickerModal.NcReferencePickerModal;
-exports.NcReferenceWidget = referencePickerModal.NcReferenceWidget;
 exports.NcSearch = referencePickerModal.NcSearch;
 exports.anyLinkProviderId = referencePickerModal.anyLinkProviderId;
 exports.getLinkWithPicker = referencePickerModal.getLinkWithPicker;
@@ -16,11 +17,12 @@ exports.getProvider = referencePickerModal.getProvider;
 exports.getProviders = referencePickerModal.getProviders;
 exports.searchProvider = referencePickerModal.searchProvider;
 exports.sortProviders = referencePickerModal.sortProviders;
+exports.NcReferenceWidget = NcReferenceWidget.NcReferenceWidget;
 exports.NcCustomPickerRenderResult = customPickerElements.NcCustomPickerRenderResult;
 exports.isCustomPickerElementRegistered = customPickerElements.isCustomPickerElementRegistered;
-exports.isWidgetRegistered = customPickerElements.isWidgetRegistered;
 exports.registerCustomPickerElement = customPickerElements.registerCustomPickerElement;
-exports.registerWidget = customPickerElements.registerWidget;
 exports.renderCustomPickerElement = customPickerElements.renderCustomPickerElement;
-exports.renderWidget = customPickerElements.renderWidget;
+exports.isWidgetRegistered = widgets.isWidgetRegistered;
+exports.registerWidget = widgets.registerWidget;
+exports.renderWidget = widgets.renderWidget;
 //# sourceMappingURL=NcRichText.cjs.map

package/dist/Components/NcRichText.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcRichText.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcRichText.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcRichText.mjs

@@ -1,26 +1,28 @@
-import { N as NcRichText } from "../chunks/NcRichText-ByLPwUvM.mjs";
-import { a } from "../chunks/NcRichText-ByLPwUvM.mjs";
-import { N, e, f, h, a as a2, g, b, c, s, d } from "../chunks/referencePickerModal-B69WouiU.mjs";
-import { N as N2, c as c2, i, e as e2, r, f as f2, a as a3 } from "../chunks/customPickerElements-DLFtgReB.mjs";
+import { N as NcRichText } from "../chunks/NcRichText-K2ZjNIbK.mjs";
+import { a } from "../chunks/NcRichText-K2ZjNIbK.mjs";
+import { N, e, f, a as a2, g, b, c, s, d } from "../chunks/referencePickerModal-P_15xB7f.mjs";
+import { N as N2 } from "../chunks/NcReferenceWidget-CMq5QVka.mjs";
+import { N as N3, i, r, a as a3 } from "../chunks/customPickerElements-CYpmyl0b.mjs";
+import { i as i2, r as r2, a as a4 } from "../chunks/widgets-XxirL-2f.mjs";
 export {
-  N2 as NcCustomPickerRenderResult,
+  N3 as NcCustomPickerRenderResult,
   a as NcReferenceList,
   N as NcReferencePicker,
   e as NcReferencePickerModal,
-  f as NcReferenceWidget,
+  N2 as NcReferenceWidget,
   NcRichText,
-  h as NcSearch,
+  f as NcSearch,
   a2 as anyLinkProviderId,
   NcRichText as default,
   g as getLinkWithPicker,
   b as getProvider,
   c as getProviders,
-  c2 as isCustomPickerElementRegistered,
-  i as isWidgetRegistered,
-  e2 as registerCustomPickerElement,
-  r as registerWidget,
-  f2 as renderCustomPickerElement,
-  a3 as renderWidget,
+  i as isCustomPickerElementRegistered,
+  i2 as isWidgetRegistered,
+  r as registerCustomPickerElement,
+  r2 as registerWidget,
+  a3 as renderCustomPickerElement,
+  a4 as renderWidget,
   s as searchProvider,
   d as sortProviders
 };

package/dist/Components/NcRichText.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcRichText.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"NcRichText.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/Components/NcSelect.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcSelect = require("../chunks/NcSelect-BCcSawYf.cjs");
+const NcSelect = require("../chunks/NcSelect-DW5W3ZIM.cjs");
 module.exports = NcSelect.NcSelect;
 //# sourceMappingURL=NcSelect.cjs.map

package/dist/Components/NcSelect.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcSelect-CHc1QupB.mjs";
+import { N } from "../chunks/NcSelect-CxHfXvZV.mjs";
 export {
   N as default
 };

package/dist/Components/NcSelectTags.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcSelectTags = require("../chunks/NcSelectTags-uU_mHbSm.cjs");
+const NcSelectTags = require("../chunks/NcSelectTags-Bk4doVG3.cjs");
 module.exports = NcSelectTags.NcSelectTags;
 //# sourceMappingURL=NcSelectTags.cjs.map

package/dist/Components/NcSelectTags.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcSelectTags-Bokig7ar.mjs";
+import { N } from "../chunks/NcSelectTags-BWTTPN2O.mjs";
 export {
   N as default
 };

package/dist/Components/NcSelectUsers.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcSelectUsers = require("../chunks/NcSelectUsers-BB9ZIHeB.cjs");
+const NcSelectUsers = require("../chunks/NcSelectUsers-BxmxyFcE.cjs");
 module.exports = NcSelectUsers.NcSelectUsers;
 //# sourceMappingURL=NcSelectUsers.cjs.map

package/dist/Components/NcSelectUsers.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcSelectUsers-B4w9UC_d.mjs";
+import { N } from "../chunks/NcSelectUsers-D2jOjPs4.mjs";
 export {
   N as default
 };

package/dist/Components/NcSettingsInputText.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcSettingsInputText = require("../chunks/NcSettingsInputText-BF5437Q7.cjs");
+const NcSettingsInputText = require("../chunks/NcSettingsInputText-BAMF6udc.cjs");
 module.exports = NcSettingsInputText.NcSettingsInputText;
 //# sourceMappingURL=NcSettingsInputText.cjs.map

package/dist/Components/NcSettingsInputText.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcSettingsInputText-BwnkZzWL.mjs";
+import { N } from "../chunks/NcSettingsInputText-Cc7cCwNm.mjs";
 export {
   N as default
 };

package/dist/Components/NcSettingsSection.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcSettingsSection = require("../chunks/NcSettingsSection-BrIKMh-B.cjs");
+const NcSettingsSection = require("../chunks/NcSettingsSection-D48jcXDL.cjs");
 module.exports = NcSettingsSection.NcSettingsSection;
 //# sourceMappingURL=NcSettingsSection.cjs.map

package/dist/Components/NcSettingsSection.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcSettingsSection-Dz_b9rcq.mjs";
+import { N } from "../chunks/NcSettingsSection-D9qxzYDc.mjs";
 export {
   N as default
 };

package/dist/Components/NcSettingsSelectGroup.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const NcSettingsSelectGroup = require("../chunks/NcSettingsSelectGroup-BtNFBX1V.cjs");
+const NcSettingsSelectGroup = require("../chunks/NcSettingsSelectGroup-CJGf5mxJ.cjs");
 exports.NcSettingsSelectGroup = NcSettingsSelectGroup.NcSettingsSelectGroup;
 exports.default = NcSettingsSelectGroup.NcSettingsSelectGroup;
 //# sourceMappingURL=NcSettingsSelectGroup.cjs.map

package/dist/Components/NcSettingsSelectGroup.mjs

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

package/dist/Components/NcTextArea.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcTextArea = require("../chunks/NcTextArea-B9Vn3rQC.cjs");
+const NcTextArea = require("../chunks/NcTextArea-GxhBi7Z3.cjs");
 module.exports = NcTextArea.NcTextArea;
 //# sourceMappingURL=NcTextArea.cjs.map

package/dist/Components/NcTextArea.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcTextArea-DPJWqlJb.mjs";
+import { N } from "../chunks/NcTextArea-T9totbme.mjs";
 export {
   N as default
 };

package/dist/Components/NcTextField.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcTextField = require("../chunks/NcTextField-B92lM77I.cjs");
+const NcTextField = require("../chunks/NcTextField-DMxdmT5a.cjs");
 module.exports = NcTextField.NcTextField;
 //# sourceMappingURL=NcTextField.cjs.map

package/dist/Components/NcTextField.mjs

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

package/dist/Components/NcTimezonePicker.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcTimezonePicker = require("../chunks/NcTimezonePicker-D2e7hW-Z.cjs");
+const NcTimezonePicker = require("../chunks/NcTimezonePicker-B0rvWaty.cjs");
 module.exports = NcTimezonePicker.NcTimezonePicker;
 //# sourceMappingURL=NcTimezonePicker.cjs.map

package/dist/Components/NcTimezonePicker.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcTimezonePicker-n9kr9A4o.mjs";
+import { N } from "../chunks/NcTimezonePicker-BfSjyBxq.mjs";
 export {
   N as default
 };

package/dist/Components/NcUserBubble.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcUserBubble = require("../chunks/NcUserBubble-CNQJUk2l.cjs");
+const NcUserBubble = require("../chunks/NcUserBubble-BR5bw7lO.cjs");
 module.exports = NcUserBubble.NcUserBubble;
 //# sourceMappingURL=NcUserBubble.cjs.map

package/dist/Components/NcUserBubble.mjs

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

package/dist/Components/NcUserStatusIcon.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcUserStatusIcon = require("../chunks/NcUserStatusIcon-BnGtoiCy.cjs");
+const NcUserStatusIcon = require("../chunks/NcUserStatusIcon-BP2cHGxs.cjs");
 module.exports = NcUserStatusIcon.NcUserStatusIcon;
 //# sourceMappingURL=NcUserStatusIcon.cjs.map

package/dist/Components/NcUserStatusIcon.mjs

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

package/dist/Composables/useFormatDateTime.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const l10n = require("@nextcloud/l10n");
 const core = require("@vueuse/core");
 const Vue = require("vue");
-const _l10n = require("../chunks/_l10n-skrZri3h.cjs");
-_l10n.register(_l10n.t2);
+const _l10n = require("../chunks/_l10n-Be-gO5QO.cjs");
+_l10n.register(_l10n.t3);
 const FEW_SECONDS_AGO = {
   long: _l10n.t("a few seconds ago"),
   short: _l10n.t("seconds ago"),
@@ -24,11 +24,17 @@ function useFormatRelativeTime(timestamp = Date.now(), opts = {}) {
     };
   });
   const relativeTime = Vue.ref("");
-  Vue.watchEffect(() => updateRelativeTime());
+  Vue.watchEffect(updateRelativeTime);
   function updateRelativeTime() {
-    relativeTime.value = l10n.formatRelativeTime(date.value, options.value);
+    const timestamp2 = date.value.getTime();
+    if (Number.isNaN(timestamp2)) {
+      relativeTime.value = _l10n.t("Invalid date");
+      return;
+    } else {
+      relativeTime.value = l10n.formatRelativeTime(date.value, options.value);
+    }
     if (core.toValue(opts).update !== false) {
-      const diff = Math.abs(Date.now() - new Date(core.toValue(timestamp)).getTime());
+      const diff = Math.abs(Date.now() - timestamp2);
       const interval = diff > 12e4 || options.value.ignoreSeconds ? Math.min(diff / 60, 18e5) : 1e3;
       timeoutId = window.setTimeout(updateRelativeTime, interval);
     }

package/dist/Composables/useFormatDateTime.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFormatDateTime.cjs","sources":["../../src/composables/useFormatDateTime/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { FormatDateOptions } from '@nextcloud/l10n'\nimport type { MaybeRefOrGetter } from '@vueuse/core'\nimport type { Ref } from 'vue'\n\nimport { formatRelativeTime, getCanonicalLocale } from '@nextcloud/l10n'\nimport { toValue } from '@vueuse/core'\nimport { computed, onUnmounted, readonly, ref, watchEffect } from 'vue'\nimport { t } from '../../l10n.js'\n\ninterface FormatRelativeTimeOptions extends Partial<Omit<FormatDateOptions, 'ignoreSeconds'>> {\n\tignoreSeconds?: boolean\n\n\t/**\n\t * If set to false the relative time will not be updated anymore.\n\t *\n\t * @default true - Meaning the relative time will be updated if needed\n\t */\n\tupdate?: boolean\n}\n\ninterface FormatTimeOptions {\n\t/**\n\t * Locale to use for formatting.\n\t *\n\t * @default current locale\n\t */\n\tlocale?: string\n\n\t/**\n\t * The format used for displaying.\n\t *\n\t * @default { timeStyle: 'medium', dateStyle: 'short' }\n\t */\n\tformat?: Intl.DateTimeFormatOptions\n}\n\n/**\n * @deprecated\n */\ninterface LegacyFormatDateTimeOptions {\n\t/**\n\t * The format used for displaying, or if relative time is used the format used for the title\n\t */\n\tformat?: Intl.DateTimeFormatOptions\n\t/**\n\t * Ignore seconds when displaying the relative time and just show `a few seconds ago`\n\t */\n\tignoreSeconds?: boolean\n\t/**\n\t * Wether to display the timestamp as time from now\n\t */\n\trelativeTime?: false | 'long' | 'short' | 'narrow'\n}\n\nconst FEW_SECONDS_AGO = {\n\tlong: t('a few seconds ago'),\n\tshort: t('seconds ago'), // FOR TRANSLATORS: Shorter version of 'a few seconds ago'\n\tnarrow: t('sec. ago'), // FOR TRANSLATORS: If possible in your language an even shorter version of 'a few seconds ago'\n}\n\n/**\n * Format a timestamp or date object as relative time.\n *\n * This is a composable wrapper around `formatRelativeTime` from `@nextcloud/l10n`.\n *\n * @param timestamp - The timestamp to format\n * @param opts - Formatting options\n */\nexport function useFormatRelativeTime(\n\ttimestamp: MaybeRefOrGetter<Date | number> = Date.now(),\n\topts: MaybeRefOrGetter<FormatRelativeTimeOptions> = {},\n): Readonly<Ref<string>> {\n\tlet timeoutId: number\n\n\t/**\n\t * ECMA Date object of the timestamp\n\t */\n\tconst date = computed(() => new Date(toValue(timestamp)))\n\n\t/**\n\t * Reactive options for `formatRelativeTime` method\n\t */\n\tconst options = computed<FormatDateOptions>(() => {\n\t\tconst { language, relativeTime, ignoreSeconds } = toValue(opts)\n\t\treturn {\n\t\t\t...language && { language },\n\t\t\t...relativeTime && { relativeTime },\n\t\t\tignoreSeconds: ignoreSeconds\n\t\t\t\t? FEW_SECONDS_AGO[relativeTime || 'long']\n\t\t\t\t: false,\n\t\t}\n\t})\n\n\t/**\n\t * The formatted relative time\n\t */\n\tconst relativeTime = ref('')\n\twatchEffect(() => updateRelativeTime())\n\n\t/**\n\t * Update the relative time string.\n\t * This is the callback for the interval.\n\t */\n\tfunction updateRelativeTime() {\n\t\trelativeTime.value = formatRelativeTime(date.value, options.value)\n\n\t\tif (toValue(opts).update !== false) {\n\t\t\tconst diff = Math.abs(Date.now() - new Date(toValue(timestamp)).getTime())\n\t\t\tconst interval = diff > 120000 || options.value.ignoreSeconds\n\t\t\t\t? Math.min(diff / 60, 1800000)\n\t\t\t\t: 1000\n\t\t\ttimeoutId = window.setTimeout(updateRelativeTime, interval)\n\t\t}\n\t}\n\n\t// when the component is unmounted we also clear the timeout\n\tonUnmounted(() => timeoutId && window.clearTimeout(timeoutId))\n\n\treturn readonly(relativeTime)\n}\n\n/**\n * Format a given timestamp or date object as a human readable string.\n *\n * @param timestamp - Timestamp or date object to format\n * @param opts - Formatting options\n */\nexport function useFormatTime(\n\ttimestamp: MaybeRefOrGetter<number | Date>,\n\topts: MaybeRefOrGetter<FormatTimeOptions>,\n): Readonly<Ref<string>> {\n\tconst options = computed<Required<FormatTimeOptions>>(() => ({\n\t\tlocale: getCanonicalLocale(),\n\t\tformat: { dateStyle: 'short', timeStyle: 'medium' },\n\t\t...toValue(opts),\n\t}))\n\n\tconst formatter = computed(() => new Intl.DateTimeFormat(options.value.locale, options.value.format))\n\n\treturn computed(() => formatter.value.format(toValue(timestamp)))\n}\n\n/**\n * Composable for formatting time stamps using current users locale and language\n *\n * @param timestamp Current timestamp\n * @param opts Optional options\n * @param opts.format The format used for displaying, or if relative time is used the format used for the title (optional)\n * @param opts.ignoreSeconds Ignore seconds when displaying the relative time and just show `a few seconds ago`\n * @param opts.relativeTime Wether to display the timestamp as time from now (optional)\n *\n * @deprecated use `useFormatRelativeTime` or `useFormatTime` instead.\n */\nexport function useFormatDateTime(\n\ttimestamp: MaybeRefOrGetter<Date | number> = Date.now(),\n\topts: MaybeRefOrGetter<LegacyFormatDateTimeOptions> = {},\n) {\n\tconst formattedFullTime = useFormatTime(timestamp, opts)\n\tconst relativeTime = useFormatRelativeTime(timestamp, computed(() => {\n\t\tconst options = toValue(opts)\n\t\treturn {\n\t\t\t...options,\n\t\t\trelativeTime: typeof options.relativeTime === 'string'\n\t\t\t\t? options.relativeTime\n\t\t\t\t: 'long',\n\t\t}\n\t}))\n\n\tconst formattedTime = computed(() => toValue(opts).relativeTime !== false\n\t\t? relativeTime.value\n\t\t: formattedFullTime.value)\n\n\treturn {\n\t\tformattedTime,\n\t\tformattedFullTime,\n\t}\n}\n"],"names":["t","computed","toValue","relativeTime","ref","watchEffect","formatRelativeTime","onUnmounted","readonly","getCanonicalLocale"],"mappings":";;;;;;;AA2DA,MAAM,kBAAkB;AAAA,EACvB,MAAMA,MAAAA,EAAE,mBAAmB;AAAA,EAC3B,OAAOA,MAAAA,EAAE,aAAa;AAAA;AAAA,EACtB,QAAQA,MAAAA,EAAE,UAAU;AAAA;AACrB;AAUO,SAAS,sBACf,YAA6C,KAAK,OAClD,OAAoD,CAAA,GAC5B;AACxB,MAAI;AAKJ,QAAM,OAAOC,IAAAA,SAAS,MAAM,IAAI,KAAKC,KAAAA,QAAQ,SAAS,CAAC,CAAC;AAKxD,QAAM,UAAUD,IAAAA,SAA4B,MAAM;AACjD,UAAM,EAAE,UAAU,cAAAE,eAAc,cAAA,IAAkBD,KAAAA,QAAQ,IAAI;AAC9D,WAAO;AAAA,MACN,GAAG,YAAY,EAAE,SAAA;AAAA,MACjB,GAAGC,iBAAgB,EAAE,cAAAA,cAAAA;AAAAA,MACrB,eAAe,gBACZ,gBAAgBA,iBAAgB,MAAM,IACtC;AAAA,IAAA;AAAA,EAEL,CAAC;AAKD,QAAM,eAAeC,IAAAA,IAAI,EAAE;AAC3BC,MAAAA,YAAY,MAAM,oBAAoB;AAMtC,WAAS,qBAAqB;AAC7B,iBAAa,QAAQC,KAAAA,mBAAmB,KAAK,OAAO,QAAQ,KAAK;AAEjE,QAAIJ,aAAQ,IAAI,EAAE,WAAW,OAAO;AACnC,YAAM,OAAO,KAAK,IAAI,KAAK,IAAA,IAAQ,IAAI,KAAKA,KAAAA,QAAQ,SAAS,CAAC,EAAE,SAAS;AACzE,YAAM,WAAW,OAAO,QAAU,QAAQ,MAAM,gBAC7C,KAAK,IAAI,OAAO,IAAI,IAAO,IAC3B;AACH,kBAAY,OAAO,WAAW,oBAAoB,QAAQ;AAAA,IAC3D;AAAA,EACD;AAGAK,MAAAA,YAAY,MAAM,aAAa,OAAO,aAAa,SAAS,CAAC;AAE7D,SAAOC,IAAAA,SAAS,YAAY;AAC7B;AAQO,SAAS,cACf,WACA,MACwB;AACxB,QAAM,UAAUP,IAAAA,SAAsC,OAAO;AAAA,IAC5D,QAAQQ,KAAAA,mBAAA;AAAA,IACR,QAAQ,EAAE,WAAW,SAAS,WAAW,SAAA;AAAA,IACzC,GAAGP,KAAAA,QAAQ,IAAI;AAAA,EAAA,EACd;AAEF,QAAM,YAAYD,IAAAA,SAAS,MAAM,IAAI,KAAK,eAAe,QAAQ,MAAM,QAAQ,QAAQ,MAAM,MAAM,CAAC;AAEpG,SAAOA,IAAAA,SAAS,MAAM,UAAU,MAAM,OAAOC,KAAAA,QAAQ,SAAS,CAAC,CAAC;AACjE;AAaO,SAAS,kBACf,YAA6C,KAAK,OAClD,OAAsD,CAAA,GACrD;AACD,QAAM,oBAAoB,cAAc,WAAW,IAAI;AACvD,QAAM,eAAe,sBAAsB,WAAWD,IAAAA,SAAS,MAAM;AACpE,UAAM,UAAUC,KAAAA,QAAQ,IAAI;AAC5B,WAAO;AAAA,MACN,GAAG;AAAA,MACH,cAAc,OAAO,QAAQ,iBAAiB,WAC3C,QAAQ,eACR;AAAA,IAAA;AAAA,EAEL,CAAC,CAAC;AAEF,QAAM,gBAAgBD,IAAAA,SAAS,MAAMC,KAAAA,QAAQ,IAAI,EAAE,iBAAiB,QACjE,aAAa,QACb,kBAAkB,KAAK;AAE1B,SAAO;AAAA,IACN;AAAA,IACA;AAAA,EAAA;AAEF;;;;"}
+{"version":3,"file":"useFormatDateTime.cjs","sources":["../../src/composables/useFormatDateTime/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { FormatDateOptions } from '@nextcloud/l10n'\nimport type { MaybeRefOrGetter } from '@vueuse/core'\nimport type { Ref } from 'vue'\n\nimport { formatRelativeTime, getCanonicalLocale } from '@nextcloud/l10n'\nimport { toValue } from '@vueuse/core'\nimport { computed, onUnmounted, readonly, ref, watchEffect } from 'vue'\nimport { t } from '../../l10n.js'\n\ninterface FormatRelativeTimeOptions extends Partial<Omit<FormatDateOptions, 'ignoreSeconds'>> {\n\tignoreSeconds?: boolean\n\n\t/**\n\t * If set to false the relative time will not be updated anymore.\n\t *\n\t * @default true - Meaning the relative time will be updated if needed\n\t */\n\tupdate?: boolean\n}\n\ninterface FormatTimeOptions {\n\t/**\n\t * Locale to use for formatting.\n\t *\n\t * @default current locale\n\t */\n\tlocale?: string\n\n\t/**\n\t * The format used for displaying.\n\t *\n\t * @default { timeStyle: 'medium', dateStyle: 'short' }\n\t */\n\tformat?: Intl.DateTimeFormatOptions\n}\n\n/**\n * @deprecated\n */\ninterface LegacyFormatDateTimeOptions {\n\t/**\n\t * The format used for displaying, or if relative time is used the format used for the title\n\t */\n\tformat?: Intl.DateTimeFormatOptions\n\t/**\n\t * Ignore seconds when displaying the relative time and just show `a few seconds ago`\n\t */\n\tignoreSeconds?: boolean\n\t/**\n\t * Wether to display the timestamp as time from now\n\t */\n\trelativeTime?: false | 'long' | 'short' | 'narrow'\n}\n\nconst FEW_SECONDS_AGO = {\n\tlong: t('a few seconds ago'),\n\tshort: t('seconds ago'), // FOR TRANSLATORS: Shorter version of 'a few seconds ago'\n\tnarrow: t('sec. ago'), // FOR TRANSLATORS: If possible in your language an even shorter version of 'a few seconds ago'\n}\n\n/**\n * Format a timestamp or date object as relative time.\n *\n * This is a composable wrapper around `formatRelativeTime` from `@nextcloud/l10n`.\n *\n * @param timestamp - The timestamp to format\n * @param opts - Formatting options\n */\nexport function useFormatRelativeTime(\n\ttimestamp: MaybeRefOrGetter<Date | number> = Date.now(),\n\topts: MaybeRefOrGetter<FormatRelativeTimeOptions> = {},\n): Readonly<Ref<string>> {\n\tlet timeoutId: number\n\n\t/**\n\t * ECMA Date object of the timestamp\n\t */\n\tconst date = computed(() => new Date(toValue(timestamp)))\n\n\t/**\n\t * Reactive options for `formatRelativeTime` method\n\t */\n\tconst options = computed<FormatDateOptions>(() => {\n\t\tconst { language, relativeTime, ignoreSeconds } = toValue(opts)\n\t\treturn {\n\t\t\t...language && { language },\n\t\t\t...relativeTime && { relativeTime },\n\t\t\tignoreSeconds: ignoreSeconds\n\t\t\t\t? FEW_SECONDS_AGO[relativeTime || 'long']\n\t\t\t\t: false,\n\t\t}\n\t})\n\n\t/**\n\t * The formatted relative time\n\t */\n\tconst relativeTime = ref('')\n\twatchEffect(updateRelativeTime)\n\n\t/**\n\t * Update the relative time string.\n\t * This is the callback for the interval.\n\t */\n\tfunction updateRelativeTime() {\n\t\tconst timestamp = date.value.getTime()\n\t\tif (Number.isNaN(timestamp)) {\n\t\t\t// likely parsed \"Date\" from \"Infinity\" or \"NaN\"\n\t\t\trelativeTime.value = t('Invalid date')\n\t\t\t// no further update until the timestamp is valid again\n\t\t\treturn\n\t\t} else {\n\t\t\trelativeTime.value = formatRelativeTime(date.value, options.value)\n\t\t}\n\n\t\tif (toValue(opts).update !== false) {\n\t\t\tconst diff = Math.abs(Date.now() - timestamp)\n\t\t\tconst interval = diff > 120_000 || options.value.ignoreSeconds\n\t\t\t\t? Math.min(diff / 60, 1_800_000) // max. 30 minutes\n\t\t\t\t: 1000\n\t\t\ttimeoutId = window.setTimeout(updateRelativeTime, interval)\n\t\t}\n\t}\n\n\t// when the component is unmounted we also clear the timeout\n\tonUnmounted(() => timeoutId && window.clearTimeout(timeoutId))\n\n\treturn readonly(relativeTime)\n}\n\n/**\n * Format a given timestamp or date object as a human readable string.\n *\n * @param timestamp - Timestamp or date object to format\n * @param opts - Formatting options\n */\nexport function useFormatTime(\n\ttimestamp: MaybeRefOrGetter<number | Date>,\n\topts: MaybeRefOrGetter<FormatTimeOptions>,\n): Readonly<Ref<string>> {\n\tconst options = computed<Required<FormatTimeOptions>>(() => ({\n\t\tlocale: getCanonicalLocale(),\n\t\tformat: { dateStyle: 'short', timeStyle: 'medium' },\n\t\t...toValue(opts),\n\t}))\n\n\tconst formatter = computed(() => new Intl.DateTimeFormat(options.value.locale, options.value.format))\n\n\treturn computed(() => formatter.value.format(toValue(timestamp)))\n}\n\n/**\n * Composable for formatting time stamps using current users locale and language\n *\n * @param timestamp Current timestamp\n * @param opts Optional options\n * @param opts.format The format used for displaying, or if relative time is used the format used for the title (optional)\n * @param opts.ignoreSeconds Ignore seconds when displaying the relative time and just show `a few seconds ago`\n * @param opts.relativeTime Wether to display the timestamp as time from now (optional)\n *\n * @deprecated use `useFormatRelativeTime` or `useFormatTime` instead.\n */\nexport function useFormatDateTime(\n\ttimestamp: MaybeRefOrGetter<Date | number> = Date.now(),\n\topts: MaybeRefOrGetter<LegacyFormatDateTimeOptions> = {},\n) {\n\tconst formattedFullTime = useFormatTime(timestamp, opts)\n\tconst relativeTime = useFormatRelativeTime(timestamp, computed(() => {\n\t\tconst options = toValue(opts)\n\t\treturn {\n\t\t\t...options,\n\t\t\trelativeTime: typeof options.relativeTime === 'string'\n\t\t\t\t? options.relativeTime\n\t\t\t\t: 'long',\n\t\t}\n\t}))\n\n\tconst formattedTime = computed(() => toValue(opts).relativeTime !== false\n\t\t? relativeTime.value\n\t\t: formattedFullTime.value)\n\n\treturn {\n\t\tformattedTime,\n\t\tformattedFullTime,\n\t}\n}\n"],"names":["t","computed","toValue","relativeTime","ref","watchEffect","timestamp","formatRelativeTime","onUnmounted","readonly","getCanonicalLocale"],"mappings":";;;;;;;AA2DA,MAAM,kBAAkB;AAAA,EACvB,MAAMA,MAAAA,EAAE,mBAAmB;AAAA,EAC3B,OAAOA,MAAAA,EAAE,aAAa;AAAA;AAAA,EACtB,QAAQA,MAAAA,EAAE,UAAU;AAAA;AACrB;AAUO,SAAS,sBACf,YAA6C,KAAK,OAClD,OAAoD,CAAA,GAC5B;AACxB,MAAI;AAKJ,QAAM,OAAOC,IAAAA,SAAS,MAAM,IAAI,KAAKC,KAAAA,QAAQ,SAAS,CAAC,CAAC;AAKxD,QAAM,UAAUD,IAAAA,SAA4B,MAAM;AACjD,UAAM,EAAE,UAAU,cAAAE,eAAc,cAAA,IAAkBD,KAAAA,QAAQ,IAAI;AAC9D,WAAO;AAAA,MACN,GAAG,YAAY,EAAE,SAAA;AAAA,MACjB,GAAGC,iBAAgB,EAAE,cAAAA,cAAAA;AAAAA,MACrB,eAAe,gBACZ,gBAAgBA,iBAAgB,MAAM,IACtC;AAAA,IAAA;AAAA,EAEL,CAAC;AAKD,QAAM,eAAeC,IAAAA,IAAI,EAAE;AAC3BC,MAAAA,YAAY,kBAAkB;AAM9B,WAAS,qBAAqB;AAC7B,UAAMC,aAAY,KAAK,MAAM,QAAA;AAC7B,QAAI,OAAO,MAAMA,UAAS,GAAG;AAE5B,mBAAa,QAAQN,MAAAA,EAAE,cAAc;AAErC;AAAA,IACD,OAAO;AACN,mBAAa,QAAQO,KAAAA,mBAAmB,KAAK,OAAO,QAAQ,KAAK;AAAA,IAClE;AAEA,QAAIL,aAAQ,IAAI,EAAE,WAAW,OAAO;AACnC,YAAM,OAAO,KAAK,IAAI,KAAK,IAAA,IAAQI,UAAS;AAC5C,YAAM,WAAW,OAAO,QAAW,QAAQ,MAAM,gBAC9C,KAAK,IAAI,OAAO,IAAI,IAAS,IAC7B;AACH,kBAAY,OAAO,WAAW,oBAAoB,QAAQ;AAAA,IAC3D;AAAA,EACD;AAGAE,MAAAA,YAAY,MAAM,aAAa,OAAO,aAAa,SAAS,CAAC;AAE7D,SAAOC,IAAAA,SAAS,YAAY;AAC7B;AAQO,SAAS,cACf,WACA,MACwB;AACxB,QAAM,UAAUR,IAAAA,SAAsC,OAAO;AAAA,IAC5D,QAAQS,KAAAA,mBAAA;AAAA,IACR,QAAQ,EAAE,WAAW,SAAS,WAAW,SAAA;AAAA,IACzC,GAAGR,KAAAA,QAAQ,IAAI;AAAA,EAAA,EACd;AAEF,QAAM,YAAYD,IAAAA,SAAS,MAAM,IAAI,KAAK,eAAe,QAAQ,MAAM,QAAQ,QAAQ,MAAM,MAAM,CAAC;AAEpG,SAAOA,IAAAA,SAAS,MAAM,UAAU,MAAM,OAAOC,KAAAA,QAAQ,SAAS,CAAC,CAAC;AACjE;AAaO,SAAS,kBACf,YAA6C,KAAK,OAClD,OAAsD,CAAA,GACrD;AACD,QAAM,oBAAoB,cAAc,WAAW,IAAI;AACvD,QAAM,eAAe,sBAAsB,WAAWD,IAAAA,SAAS,MAAM;AACpE,UAAM,UAAUC,KAAAA,QAAQ,IAAI;AAC5B,WAAO;AAAA,MACN,GAAG;AAAA,MACH,cAAc,OAAO,QAAQ,iBAAiB,WAC3C,QAAQ,eACR;AAAA,IAAA;AAAA,EAEL,CAAC,CAAC;AAEF,QAAM,gBAAgBD,IAAAA,SAAS,MAAMC,KAAAA,QAAQ,IAAI,EAAE,iBAAiB,QACjE,aAAa,QACb,kBAAkB,KAAK;AAE1B,SAAO;AAAA,IACN;AAAA,IACA;AAAA,EAAA;AAEF;;;;"}

package/dist/Composables/useFormatDateTime.mjs

@@ -1,8 +1,8 @@
 import { formatRelativeTime, getCanonicalLocale } from "@nextcloud/l10n";
 import { toValue } from "@vueuse/core";
 import { computed, ref, watchEffect, onUnmounted, readonly } from "vue";
-import { r as register, f as t2, a as t } from "../chunks/_l10n-DVz9Qdzk.mjs";
-register(t2);
+import { r as register, f as t3, a as t } from "../chunks/_l10n-CAnZaLWU.mjs";
+register(t3);
 const FEW_SECONDS_AGO = {
   long: t("a few seconds ago"),
   short: t("seconds ago"),
@@ -22,11 +22,17 @@ function useFormatRelativeTime(timestamp = Date.now(), opts = {}) {
     };
   });
   const relativeTime = ref("");
-  watchEffect(() => updateRelativeTime());
+  watchEffect(updateRelativeTime);
   function updateRelativeTime() {
-    relativeTime.value = formatRelativeTime(date.value, options.value);
+    const timestamp2 = date.value.getTime();
+    if (Number.isNaN(timestamp2)) {
+      relativeTime.value = t("Invalid date");
+      return;
+    } else {
+      relativeTime.value = formatRelativeTime(date.value, options.value);
+    }
     if (toValue(opts).update !== false) {
-      const diff = Math.abs(Date.now() - new Date(toValue(timestamp)).getTime());
+      const diff = Math.abs(Date.now() - timestamp2);
       const interval = diff > 12e4 || options.value.ignoreSeconds ? Math.min(diff / 60, 18e5) : 1e3;
       timeoutId = window.setTimeout(updateRelativeTime, interval);
     }

package/dist/Composables/useFormatDateTime.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFormatDateTime.mjs","sources":["../../src/composables/useFormatDateTime/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { FormatDateOptions } from '@nextcloud/l10n'\nimport type { MaybeRefOrGetter } from '@vueuse/core'\nimport type { Ref } from 'vue'\n\nimport { formatRelativeTime, getCanonicalLocale } from '@nextcloud/l10n'\nimport { toValue } from '@vueuse/core'\nimport { computed, onUnmounted, readonly, ref, watchEffect } from 'vue'\nimport { t } from '../../l10n.js'\n\ninterface FormatRelativeTimeOptions extends Partial<Omit<FormatDateOptions, 'ignoreSeconds'>> {\n\tignoreSeconds?: boolean\n\n\t/**\n\t * If set to false the relative time will not be updated anymore.\n\t *\n\t * @default true - Meaning the relative time will be updated if needed\n\t */\n\tupdate?: boolean\n}\n\ninterface FormatTimeOptions {\n\t/**\n\t * Locale to use for formatting.\n\t *\n\t * @default current locale\n\t */\n\tlocale?: string\n\n\t/**\n\t * The format used for displaying.\n\t *\n\t * @default { timeStyle: 'medium', dateStyle: 'short' }\n\t */\n\tformat?: Intl.DateTimeFormatOptions\n}\n\n/**\n * @deprecated\n */\ninterface LegacyFormatDateTimeOptions {\n\t/**\n\t * The format used for displaying, or if relative time is used the format used for the title\n\t */\n\tformat?: Intl.DateTimeFormatOptions\n\t/**\n\t * Ignore seconds when displaying the relative time and just show `a few seconds ago`\n\t */\n\tignoreSeconds?: boolean\n\t/**\n\t * Wether to display the timestamp as time from now\n\t */\n\trelativeTime?: false | 'long' | 'short' | 'narrow'\n}\n\nconst FEW_SECONDS_AGO = {\n\tlong: t('a few seconds ago'),\n\tshort: t('seconds ago'), // FOR TRANSLATORS: Shorter version of 'a few seconds ago'\n\tnarrow: t('sec. ago'), // FOR TRANSLATORS: If possible in your language an even shorter version of 'a few seconds ago'\n}\n\n/**\n * Format a timestamp or date object as relative time.\n *\n * This is a composable wrapper around `formatRelativeTime` from `@nextcloud/l10n`.\n *\n * @param timestamp - The timestamp to format\n * @param opts - Formatting options\n */\nexport function useFormatRelativeTime(\n\ttimestamp: MaybeRefOrGetter<Date | number> = Date.now(),\n\topts: MaybeRefOrGetter<FormatRelativeTimeOptions> = {},\n): Readonly<Ref<string>> {\n\tlet timeoutId: number\n\n\t/**\n\t * ECMA Date object of the timestamp\n\t */\n\tconst date = computed(() => new Date(toValue(timestamp)))\n\n\t/**\n\t * Reactive options for `formatRelativeTime` method\n\t */\n\tconst options = computed<FormatDateOptions>(() => {\n\t\tconst { language, relativeTime, ignoreSeconds } = toValue(opts)\n\t\treturn {\n\t\t\t...language && { language },\n\t\t\t...relativeTime && { relativeTime },\n\t\t\tignoreSeconds: ignoreSeconds\n\t\t\t\t? FEW_SECONDS_AGO[relativeTime || 'long']\n\t\t\t\t: false,\n\t\t}\n\t})\n\n\t/**\n\t * The formatted relative time\n\t */\n\tconst relativeTime = ref('')\n\twatchEffect(() => updateRelativeTime())\n\n\t/**\n\t * Update the relative time string.\n\t * This is the callback for the interval.\n\t */\n\tfunction updateRelativeTime() {\n\t\trelativeTime.value = formatRelativeTime(date.value, options.value)\n\n\t\tif (toValue(opts).update !== false) {\n\t\t\tconst diff = Math.abs(Date.now() - new Date(toValue(timestamp)).getTime())\n\t\t\tconst interval = diff > 120000 || options.value.ignoreSeconds\n\t\t\t\t? Math.min(diff / 60, 1800000)\n\t\t\t\t: 1000\n\t\t\ttimeoutId = window.setTimeout(updateRelativeTime, interval)\n\t\t}\n\t}\n\n\t// when the component is unmounted we also clear the timeout\n\tonUnmounted(() => timeoutId && window.clearTimeout(timeoutId))\n\n\treturn readonly(relativeTime)\n}\n\n/**\n * Format a given timestamp or date object as a human readable string.\n *\n * @param timestamp - Timestamp or date object to format\n * @param opts - Formatting options\n */\nexport function useFormatTime(\n\ttimestamp: MaybeRefOrGetter<number | Date>,\n\topts: MaybeRefOrGetter<FormatTimeOptions>,\n): Readonly<Ref<string>> {\n\tconst options = computed<Required<FormatTimeOptions>>(() => ({\n\t\tlocale: getCanonicalLocale(),\n\t\tformat: { dateStyle: 'short', timeStyle: 'medium' },\n\t\t...toValue(opts),\n\t}))\n\n\tconst formatter = computed(() => new Intl.DateTimeFormat(options.value.locale, options.value.format))\n\n\treturn computed(() => formatter.value.format(toValue(timestamp)))\n}\n\n/**\n * Composable for formatting time stamps using current users locale and language\n *\n * @param timestamp Current timestamp\n * @param opts Optional options\n * @param opts.format The format used for displaying, or if relative time is used the format used for the title (optional)\n * @param opts.ignoreSeconds Ignore seconds when displaying the relative time and just show `a few seconds ago`\n * @param opts.relativeTime Wether to display the timestamp as time from now (optional)\n *\n * @deprecated use `useFormatRelativeTime` or `useFormatTime` instead.\n */\nexport function useFormatDateTime(\n\ttimestamp: MaybeRefOrGetter<Date | number> = Date.now(),\n\topts: MaybeRefOrGetter<LegacyFormatDateTimeOptions> = {},\n) {\n\tconst formattedFullTime = useFormatTime(timestamp, opts)\n\tconst relativeTime = useFormatRelativeTime(timestamp, computed(() => {\n\t\tconst options = toValue(opts)\n\t\treturn {\n\t\t\t...options,\n\t\t\trelativeTime: typeof options.relativeTime === 'string'\n\t\t\t\t? options.relativeTime\n\t\t\t\t: 'long',\n\t\t}\n\t}))\n\n\tconst formattedTime = computed(() => toValue(opts).relativeTime !== false\n\t\t? relativeTime.value\n\t\t: formattedFullTime.value)\n\n\treturn {\n\t\tformattedTime,\n\t\tformattedFullTime,\n\t}\n}\n"],"names":["relativeTime"],"mappings":";;;;;AA2DA,MAAM,kBAAkB;AAAA,EACvB,MAAM,EAAE,mBAAmB;AAAA,EAC3B,OAAO,EAAE,aAAa;AAAA;AAAA,EACtB,QAAQ,EAAE,UAAU;AAAA;AACrB;AAUO,SAAS,sBACf,YAA6C,KAAK,OAClD,OAAoD,CAAA,GAC5B;AACxB,MAAI;AAKJ,QAAM,OAAO,SAAS,MAAM,IAAI,KAAK,QAAQ,SAAS,CAAC,CAAC;AAKxD,QAAM,UAAU,SAA4B,MAAM;AACjD,UAAM,EAAE,UAAU,cAAAA,eAAc,cAAA,IAAkB,QAAQ,IAAI;AAC9D,WAAO;AAAA,MACN,GAAG,YAAY,EAAE,SAAA;AAAA,MACjB,GAAGA,iBAAgB,EAAE,cAAAA,cAAAA;AAAAA,MACrB,eAAe,gBACZ,gBAAgBA,iBAAgB,MAAM,IACtC;AAAA,IAAA;AAAA,EAEL,CAAC;AAKD,QAAM,eAAe,IAAI,EAAE;AAC3B,cAAY,MAAM,oBAAoB;AAMtC,WAAS,qBAAqB;AAC7B,iBAAa,QAAQ,mBAAmB,KAAK,OAAO,QAAQ,KAAK;AAEjE,QAAI,QAAQ,IAAI,EAAE,WAAW,OAAO;AACnC,YAAM,OAAO,KAAK,IAAI,KAAK,IAAA,IAAQ,IAAI,KAAK,QAAQ,SAAS,CAAC,EAAE,SAAS;AACzE,YAAM,WAAW,OAAO,QAAU,QAAQ,MAAM,gBAC7C,KAAK,IAAI,OAAO,IAAI,IAAO,IAC3B;AACH,kBAAY,OAAO,WAAW,oBAAoB,QAAQ;AAAA,IAC3D;AAAA,EACD;AAGA,cAAY,MAAM,aAAa,OAAO,aAAa,SAAS,CAAC;AAE7D,SAAO,SAAS,YAAY;AAC7B;AAQO,SAAS,cACf,WACA,MACwB;AACxB,QAAM,UAAU,SAAsC,OAAO;AAAA,IAC5D,QAAQ,mBAAA;AAAA,IACR,QAAQ,EAAE,WAAW,SAAS,WAAW,SAAA;AAAA,IACzC,GAAG,QAAQ,IAAI;AAAA,EAAA,EACd;AAEF,QAAM,YAAY,SAAS,MAAM,IAAI,KAAK,eAAe,QAAQ,MAAM,QAAQ,QAAQ,MAAM,MAAM,CAAC;AAEpG,SAAO,SAAS,MAAM,UAAU,MAAM,OAAO,QAAQ,SAAS,CAAC,CAAC;AACjE;AAaO,SAAS,kBACf,YAA6C,KAAK,OAClD,OAAsD,CAAA,GACrD;AACD,QAAM,oBAAoB,cAAc,WAAW,IAAI;AACvD,QAAM,eAAe,sBAAsB,WAAW,SAAS,MAAM;AACpE,UAAM,UAAU,QAAQ,IAAI;AAC5B,WAAO;AAAA,MACN,GAAG;AAAA,MACH,cAAc,OAAO,QAAQ,iBAAiB,WAC3C,QAAQ,eACR;AAAA,IAAA;AAAA,EAEL,CAAC,CAAC;AAEF,QAAM,gBAAgB,SAAS,MAAM,QAAQ,IAAI,EAAE,iBAAiB,QACjE,aAAa,QACb,kBAAkB,KAAK;AAE1B,SAAO;AAAA,IACN;AAAA,IACA;AAAA,EAAA;AAEF;"}
+{"version":3,"file":"useFormatDateTime.mjs","sources":["../../src/composables/useFormatDateTime/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { FormatDateOptions } from '@nextcloud/l10n'\nimport type { MaybeRefOrGetter } from '@vueuse/core'\nimport type { Ref } from 'vue'\n\nimport { formatRelativeTime, getCanonicalLocale } from '@nextcloud/l10n'\nimport { toValue } from '@vueuse/core'\nimport { computed, onUnmounted, readonly, ref, watchEffect } from 'vue'\nimport { t } from '../../l10n.js'\n\ninterface FormatRelativeTimeOptions extends Partial<Omit<FormatDateOptions, 'ignoreSeconds'>> {\n\tignoreSeconds?: boolean\n\n\t/**\n\t * If set to false the relative time will not be updated anymore.\n\t *\n\t * @default true - Meaning the relative time will be updated if needed\n\t */\n\tupdate?: boolean\n}\n\ninterface FormatTimeOptions {\n\t/**\n\t * Locale to use for formatting.\n\t *\n\t * @default current locale\n\t */\n\tlocale?: string\n\n\t/**\n\t * The format used for displaying.\n\t *\n\t * @default { timeStyle: 'medium', dateStyle: 'short' }\n\t */\n\tformat?: Intl.DateTimeFormatOptions\n}\n\n/**\n * @deprecated\n */\ninterface LegacyFormatDateTimeOptions {\n\t/**\n\t * The format used for displaying, or if relative time is used the format used for the title\n\t */\n\tformat?: Intl.DateTimeFormatOptions\n\t/**\n\t * Ignore seconds when displaying the relative time and just show `a few seconds ago`\n\t */\n\tignoreSeconds?: boolean\n\t/**\n\t * Wether to display the timestamp as time from now\n\t */\n\trelativeTime?: false | 'long' | 'short' | 'narrow'\n}\n\nconst FEW_SECONDS_AGO = {\n\tlong: t('a few seconds ago'),\n\tshort: t('seconds ago'), // FOR TRANSLATORS: Shorter version of 'a few seconds ago'\n\tnarrow: t('sec. ago'), // FOR TRANSLATORS: If possible in your language an even shorter version of 'a few seconds ago'\n}\n\n/**\n * Format a timestamp or date object as relative time.\n *\n * This is a composable wrapper around `formatRelativeTime` from `@nextcloud/l10n`.\n *\n * @param timestamp - The timestamp to format\n * @param opts - Formatting options\n */\nexport function useFormatRelativeTime(\n\ttimestamp: MaybeRefOrGetter<Date | number> = Date.now(),\n\topts: MaybeRefOrGetter<FormatRelativeTimeOptions> = {},\n): Readonly<Ref<string>> {\n\tlet timeoutId: number\n\n\t/**\n\t * ECMA Date object of the timestamp\n\t */\n\tconst date = computed(() => new Date(toValue(timestamp)))\n\n\t/**\n\t * Reactive options for `formatRelativeTime` method\n\t */\n\tconst options = computed<FormatDateOptions>(() => {\n\t\tconst { language, relativeTime, ignoreSeconds } = toValue(opts)\n\t\treturn {\n\t\t\t...language && { language },\n\t\t\t...relativeTime && { relativeTime },\n\t\t\tignoreSeconds: ignoreSeconds\n\t\t\t\t? FEW_SECONDS_AGO[relativeTime || 'long']\n\t\t\t\t: false,\n\t\t}\n\t})\n\n\t/**\n\t * The formatted relative time\n\t */\n\tconst relativeTime = ref('')\n\twatchEffect(updateRelativeTime)\n\n\t/**\n\t * Update the relative time string.\n\t * This is the callback for the interval.\n\t */\n\tfunction updateRelativeTime() {\n\t\tconst timestamp = date.value.getTime()\n\t\tif (Number.isNaN(timestamp)) {\n\t\t\t// likely parsed \"Date\" from \"Infinity\" or \"NaN\"\n\t\t\trelativeTime.value = t('Invalid date')\n\t\t\t// no further update until the timestamp is valid again\n\t\t\treturn\n\t\t} else {\n\t\t\trelativeTime.value = formatRelativeTime(date.value, options.value)\n\t\t}\n\n\t\tif (toValue(opts).update !== false) {\n\t\t\tconst diff = Math.abs(Date.now() - timestamp)\n\t\t\tconst interval = diff > 120_000 || options.value.ignoreSeconds\n\t\t\t\t? Math.min(diff / 60, 1_800_000) // max. 30 minutes\n\t\t\t\t: 1000\n\t\t\ttimeoutId = window.setTimeout(updateRelativeTime, interval)\n\t\t}\n\t}\n\n\t// when the component is unmounted we also clear the timeout\n\tonUnmounted(() => timeoutId && window.clearTimeout(timeoutId))\n\n\treturn readonly(relativeTime)\n}\n\n/**\n * Format a given timestamp or date object as a human readable string.\n *\n * @param timestamp - Timestamp or date object to format\n * @param opts - Formatting options\n */\nexport function useFormatTime(\n\ttimestamp: MaybeRefOrGetter<number | Date>,\n\topts: MaybeRefOrGetter<FormatTimeOptions>,\n): Readonly<Ref<string>> {\n\tconst options = computed<Required<FormatTimeOptions>>(() => ({\n\t\tlocale: getCanonicalLocale(),\n\t\tformat: { dateStyle: 'short', timeStyle: 'medium' },\n\t\t...toValue(opts),\n\t}))\n\n\tconst formatter = computed(() => new Intl.DateTimeFormat(options.value.locale, options.value.format))\n\n\treturn computed(() => formatter.value.format(toValue(timestamp)))\n}\n\n/**\n * Composable for formatting time stamps using current users locale and language\n *\n * @param timestamp Current timestamp\n * @param opts Optional options\n * @param opts.format The format used for displaying, or if relative time is used the format used for the title (optional)\n * @param opts.ignoreSeconds Ignore seconds when displaying the relative time and just show `a few seconds ago`\n * @param opts.relativeTime Wether to display the timestamp as time from now (optional)\n *\n * @deprecated use `useFormatRelativeTime` or `useFormatTime` instead.\n */\nexport function useFormatDateTime(\n\ttimestamp: MaybeRefOrGetter<Date | number> = Date.now(),\n\topts: MaybeRefOrGetter<LegacyFormatDateTimeOptions> = {},\n) {\n\tconst formattedFullTime = useFormatTime(timestamp, opts)\n\tconst relativeTime = useFormatRelativeTime(timestamp, computed(() => {\n\t\tconst options = toValue(opts)\n\t\treturn {\n\t\t\t...options,\n\t\t\trelativeTime: typeof options.relativeTime === 'string'\n\t\t\t\t? options.relativeTime\n\t\t\t\t: 'long',\n\t\t}\n\t}))\n\n\tconst formattedTime = computed(() => toValue(opts).relativeTime !== false\n\t\t? relativeTime.value\n\t\t: formattedFullTime.value)\n\n\treturn {\n\t\tformattedTime,\n\t\tformattedFullTime,\n\t}\n}\n"],"names":["relativeTime","timestamp"],"mappings":";;;;;AA2DA,MAAM,kBAAkB;AAAA,EACvB,MAAM,EAAE,mBAAmB;AAAA,EAC3B,OAAO,EAAE,aAAa;AAAA;AAAA,EACtB,QAAQ,EAAE,UAAU;AAAA;AACrB;AAUO,SAAS,sBACf,YAA6C,KAAK,OAClD,OAAoD,CAAA,GAC5B;AACxB,MAAI;AAKJ,QAAM,OAAO,SAAS,MAAM,IAAI,KAAK,QAAQ,SAAS,CAAC,CAAC;AAKxD,QAAM,UAAU,SAA4B,MAAM;AACjD,UAAM,EAAE,UAAU,cAAAA,eAAc,cAAA,IAAkB,QAAQ,IAAI;AAC9D,WAAO;AAAA,MACN,GAAG,YAAY,EAAE,SAAA;AAAA,MACjB,GAAGA,iBAAgB,EAAE,cAAAA,cAAAA;AAAAA,MACrB,eAAe,gBACZ,gBAAgBA,iBAAgB,MAAM,IACtC;AAAA,IAAA;AAAA,EAEL,CAAC;AAKD,QAAM,eAAe,IAAI,EAAE;AAC3B,cAAY,kBAAkB;AAM9B,WAAS,qBAAqB;AAC7B,UAAMC,aAAY,KAAK,MAAM,QAAA;AAC7B,QAAI,OAAO,MAAMA,UAAS,GAAG;AAE5B,mBAAa,QAAQ,EAAE,cAAc;AAErC;AAAA,IACD,OAAO;AACN,mBAAa,QAAQ,mBAAmB,KAAK,OAAO,QAAQ,KAAK;AAAA,IAClE;AAEA,QAAI,QAAQ,IAAI,EAAE,WAAW,OAAO;AACnC,YAAM,OAAO,KAAK,IAAI,KAAK,IAAA,IAAQA,UAAS;AAC5C,YAAM,WAAW,OAAO,QAAW,QAAQ,MAAM,gBAC9C,KAAK,IAAI,OAAO,IAAI,IAAS,IAC7B;AACH,kBAAY,OAAO,WAAW,oBAAoB,QAAQ;AAAA,IAC3D;AAAA,EACD;AAGA,cAAY,MAAM,aAAa,OAAO,aAAa,SAAS,CAAC;AAE7D,SAAO,SAAS,YAAY;AAC7B;AAQO,SAAS,cACf,WACA,MACwB;AACxB,QAAM,UAAU,SAAsC,OAAO;AAAA,IAC5D,QAAQ,mBAAA;AAAA,IACR,QAAQ,EAAE,WAAW,SAAS,WAAW,SAAA;AAAA,IACzC,GAAG,QAAQ,IAAI;AAAA,EAAA,EACd;AAEF,QAAM,YAAY,SAAS,MAAM,IAAI,KAAK,eAAe,QAAQ,MAAM,QAAQ,QAAQ,MAAM,MAAM,CAAC;AAEpG,SAAO,SAAS,MAAM,UAAU,MAAM,OAAO,QAAQ,SAAS,CAAC,CAAC;AACjE;AAaO,SAAS,kBACf,YAA6C,KAAK,OAClD,OAAsD,CAAA,GACrD;AACD,QAAM,oBAAoB,cAAc,WAAW,IAAI;AACvD,QAAM,eAAe,sBAAsB,WAAW,SAAS,MAAM;AACpE,UAAM,UAAU,QAAQ,IAAI;AAC5B,WAAO;AAAA,MACN,GAAG;AAAA,MACH,cAAc,OAAO,QAAQ,iBAAiB,WAC3C,QAAQ,eACR;AAAA,IAAA;AAAA,EAEL,CAAC,CAAC;AAEF,QAAM,gBAAgB,SAAS,MAAM,QAAQ,IAAI,EAAE,iBAAiB,QACjE,aAAa,QACb,kBAAkB,KAAK;AAE1B,SAAO;AAAA,IACN;AAAA,IACA;AAAA,EAAA;AAEF;"}

package/dist/Functions/reference.cjs

@@ -1,19 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const customPickerElements = require("../chunks/customPickerElements-GyIIOHiQ.cjs");
-const referencePickerModal = require("../chunks/referencePickerModal-BGYbZYrX.cjs");
-exports.NcCustomPickerRenderResult = customPickerElements.NcCustomPickerRenderResult;
-exports.hasInteractiveView = customPickerElements.hasInteractiveView;
-exports.isCustomPickerElementRegistered = customPickerElements.isCustomPickerElementRegistered;
-exports.isWidgetRegistered = customPickerElements.isWidgetRegistered;
-exports.registerCustomPickerElement = customPickerElements.registerCustomPickerElement;
-exports.registerWidget = customPickerElements.registerWidget;
-exports.renderCustomPickerElement = customPickerElements.renderCustomPickerElement;
-exports.renderWidget = customPickerElements.renderWidget;
+const widgets = require("../chunks/widgets-DoYhefYe.cjs");
+const referencePickerModal = require("../chunks/referencePickerModal-D2nYmN67.cjs");
+const customPickerElements = require("../chunks/customPickerElements-DNevxofg.cjs");
+exports.hasInteractiveView = widgets.hasInteractiveView;
+exports.isWidgetRegistered = widgets.isWidgetRegistered;
+exports.registerWidget = widgets.registerWidget;
+exports.renderWidget = widgets.renderWidget;
 exports.anyLinkProviderId = referencePickerModal.anyLinkProviderId;
 exports.getLinkWithPicker = referencePickerModal.getLinkWithPicker;
 exports.getProvider = referencePickerModal.getProvider;
 exports.getProviders = referencePickerModal.getProviders;
 exports.searchProvider = referencePickerModal.searchProvider;
 exports.sortProviders = referencePickerModal.sortProviders;
+exports.NcCustomPickerRenderResult = customPickerElements.NcCustomPickerRenderResult;
+exports.isCustomPickerElementRegistered = customPickerElements.isCustomPickerElementRegistered;
+exports.registerCustomPickerElement = customPickerElements.registerCustomPickerElement;
+exports.renderCustomPickerElement = customPickerElements.renderCustomPickerElement;
 //# sourceMappingURL=reference.cjs.map

package/dist/Functions/reference.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"reference.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"reference.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/Functions/reference.mjs

@@ -1,17 +1,18 @@
-import { N, h, c, i, e, r, f, a } from "../chunks/customPickerElements-DLFtgReB.mjs";
-import { a as a2, g, b, c as c2, s, d } from "../chunks/referencePickerModal-B69WouiU.mjs";
+import { h, i, r, a } from "../chunks/widgets-XxirL-2f.mjs";
+import { a as a2, g, b, c, s, d } from "../chunks/referencePickerModal-P_15xB7f.mjs";
+import { N, i as i2, r as r2, a as a3 } from "../chunks/customPickerElements-CYpmyl0b.mjs";
 export {
   N as NcCustomPickerRenderResult,
   a2 as anyLinkProviderId,
   g as getLinkWithPicker,
   b as getProvider,
-  c2 as getProviders,
+  c as getProviders,
   h as hasInteractiveView,
-  c as isCustomPickerElementRegistered,
+  i2 as isCustomPickerElementRegistered,
   i as isWidgetRegistered,
-  e as registerCustomPickerElement,
+  r2 as registerCustomPickerElement,
   r as registerWidget,
-  f as renderCustomPickerElement,
+  a3 as renderCustomPickerElement,
   a as renderWidget,
   s as searchProvider,
   d as sortProviders

package/dist/Functions/reference.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"reference.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"reference.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/Functions/registerReference.cjs

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const customPickerElements = require("../chunks/customPickerElements-GyIIOHiQ.cjs");
+const widgets = require("../chunks/widgets-DoYhefYe.cjs");
+const customPickerElements = require("../chunks/customPickerElements-DNevxofg.cjs");
+exports.destroyWidget = widgets.destroyWidget;
+exports.isWidgetRegistered = widgets.isWidgetRegistered;
+exports.registerWidget = widgets.registerWidget;
+exports.renderWidget = widgets.renderWidget;
 exports.NcCustomPickerRenderResult = customPickerElements.NcCustomPickerRenderResult;
 exports.destroyCustomPickerElement = customPickerElements.destroyCustomPickerElement;
-exports.destroyWidget = customPickerElements.destroyWidget;
 exports.getCustomPickerElementSize = customPickerElements.getCustomPickerElementSize;
 exports.isCustomPickerElementRegistered = customPickerElements.isCustomPickerElementRegistered;
-exports.isWidgetRegistered = customPickerElements.isWidgetRegistered;
 exports.registerCustomPickerElement = customPickerElements.registerCustomPickerElement;
-exports.registerWidget = customPickerElements.registerWidget;
 exports.renderCustomPickerElement = customPickerElements.renderCustomPickerElement;
-exports.renderWidget = customPickerElements.renderWidget;
 //# sourceMappingURL=registerReference.cjs.map

package/dist/Functions/registerReference.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"registerReference.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"registerReference.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}