@nextcloud/vue 9.0.0-rc.6 → 9.0.0-rc.8

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

@@ -1,4 +1,7 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * The main text
+     */
     text: {
         type: StringConstructor;
         default: string;
@@ -39,6 +42,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Automatically convert link-like text to markdown links
+     */
     autolink: {
         type: BooleanConstructor;
         default: boolean;
@@ -64,6 +70,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         [key: string]: any;
     }>;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "interactTodo"[], "interactTodo", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * The main text
+     */
     text: {
         type: StringConstructor;
         default: string;
@@ -104,6 +113,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Automatically convert link-like text to markdown links
+     */
     autolink: {
         type: BooleanConstructor;
         default: boolean;
@@ -280,7 +292,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     disabled?: boolean;
                     download?: string | true;
                     href?: string;
-                    pressed?: boolean;
+                    pressed?: boolean | undefined;
                     size?: import('../NcButton/NcButton.vue').ButtonSize;
                     target?: string;
                     text?: string;
@@ -298,12 +310,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     size: import('../NcButton/NcButton.vue').ButtonSize;
                     type: import('../NcButton/NcButton.vue').ButtonType;
                     text: string;
-                    href: string;
-                    target: string;
                     alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
                     ariaLabel: string;
                     download: string | true;
+                    href: string;
                     pressed: boolean;
+                    target: string;
                     to: import('vue-router').RouteLocationRaw;
                     variant: import('../NcButton/NcButton.vue').ButtonVariant;
                 }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -319,7 +331,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     disabled?: boolean;
                     download?: string | true;
                     href?: string;
-                    pressed?: boolean;
+                    pressed?: boolean | undefined;
                     size?: import('../NcButton/NcButton.vue').ButtonSize;
                     target?: string;
                     text?: string;
@@ -334,12 +346,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     size: import('../NcButton/NcButton.vue').ButtonSize;
                     type: import('../NcButton/NcButton.vue').ButtonType;
                     text: string;
-                    href: string;
-                    target: string;
                     alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
                     ariaLabel: string;
                     download: string | true;
+                    href: string;
                     pressed: boolean;
+                    target: string;
                     to: import('vue-router').RouteLocationRaw;
                     variant: import('../NcButton/NcButton.vue').ButtonVariant;
                 }>;
@@ -352,7 +364,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 disabled?: boolean;
                 download?: string | true;
                 href?: string;
-                pressed?: boolean;
+                pressed?: boolean | undefined;
                 size?: import('../NcButton/NcButton.vue').ButtonSize;
                 target?: string;
                 text?: string;
@@ -370,12 +382,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 size: import('../NcButton/NcButton.vue').ButtonSize;
                 type: import('../NcButton/NcButton.vue').ButtonType;
                 text: string;
-                href: string;
-                target: string;
                 alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
                 ariaLabel: string;
                 download: string | true;
+                href: string;
                 pressed: boolean;
+                target: string;
                 to: import('vue-router').RouteLocationRaw;
                 variant: import('../NcButton/NcButton.vue').ButtonVariant;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

package/dist/components/NcRichText/autolink.d.ts

@@ -1,16 +1,27 @@
 import { Router } from 'vue-router';
-export declare const remarkAutolink: ({ autolink, useMarkdown, useExtendedMarkdown }: {
+/**
+ *
+ * @param root0
+ * @param root0.autolink
+ * @param root0.useMarkdown
+ * @param root0.useExtendedMarkdown
+ */
+export declare function remarkAutolink({ autolink, useMarkdown, useExtendedMarkdown }: {
     autolink: any;
     useMarkdown: any;
     useExtendedMarkdown: any;
-}) => (tree: any) => void;
-export declare const parseUrl: (text: string) => string | (string | Record<string, any>)[];
+}): (tree: any) => void;
+/**
+ *
+ * @param text
+ */
+export declare function parseUrl(text: string): string | (string | Record<string, any>)[];
 /**
  * Try to get path for router link from an absolute or relative URL.
  *
- * @param {Router} router - VueRouter instance of the router link
- * @param {string} url - absolute URL to parse
- * @return {string|null} a path that can be used in the router link or null if this URL doesn't match this router config
+ * @param router - VueRouter instance of the router link
+ * @param url - absolute URL to parse
+ * @return a path that can be used in the router link or null if this URL doesn't match this router config
  * @example http://cloud.ltd/nextcloud/index.php/apps/files/favorites?fileid=2#fragment => /files/favorites?fileid=2#fragment
  */
-export declare const getRoute: (router: Router, url: string) => string | null;
+export declare function getRoute(router: Router, url: string): string | null;

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

@@ -1,12 +1,12 @@
-import { default as NcRichText } from './NcRichText.vue';
-import { registerWidget, renderWidget, isWidgetRegistered } from './../../functions/reference/widgets.ts';
 import { default as NcReferenceList } from './NcReferenceList.vue';
-import { default as NcReferenceWidget } from './NcReferenceWidget.vue';
 import { default as NcReferencePicker } from './NcReferencePicker/NcReferencePicker.vue';
 import { default as NcReferencePickerModal } from './NcReferencePicker/NcReferencePickerModal.vue';
 import { default as NcSearch } from './NcReferencePicker/NcSearch.vue';
+import { default as NcReferenceWidget } from './NcReferenceWidget.vue';
+import { default as NcRichText } from './NcRichText.vue';
+import { isCustomPickerElementRegistered, NcCustomPickerRenderResult, registerCustomPickerElement, renderCustomPickerElement } from '../../functions/reference/customPickerElements.ts';
+import { anyLinkProviderId, getProvider, getProviders, searchProvider, sortProviders } from '../../functions/reference/providerHelper.ts';
 import { getLinkWithPicker } from '../../functions/reference/referencePickerModal.ts';
-import { getProvider, getProviders, sortProviders, searchProvider, anyLinkProviderId } from '../../functions/reference/providerHelper.ts';
-import { registerCustomPickerElement, renderCustomPickerElement, isCustomPickerElementRegistered, NcCustomPickerRenderResult } from '../../functions/reference/customPickerElements.ts';
+import { isWidgetRegistered, registerWidget, renderWidget } from './../../functions/reference/widgets.ts';
 export default NcRichText;
-export { NcRichText, NcReferenceList, NcReferenceWidget, NcReferencePicker, NcReferencePickerModal, NcSearch, registerWidget, renderWidget, isWidgetRegistered, NcCustomPickerRenderResult, registerCustomPickerElement, renderCustomPickerElement, isCustomPickerElementRegistered, getLinkWithPicker, anyLinkProviderId, getProvider, getProviders, sortProviders, searchProvider, };
+export { anyLinkProviderId, getLinkWithPicker, getProvider, getProviders, isCustomPickerElementRegistered, isWidgetRegistered, NcCustomPickerRenderResult, NcReferenceList, NcReferencePicker, NcReferencePickerModal, NcReferenceWidget, NcRichText, NcSearch, registerCustomPickerElement, registerWidget, renderCustomPickerElement, renderWidget, searchProvider, sortProviders, };

package/dist/components/NcRichText/index.mjs

@@ -1,27 +1,27 @@
-import { N as NcRichText } from "../../chunks/NcRichText-G8kzsdwx.mjs";
-import { a } from "../../chunks/NcRichText-G8kzsdwx.mjs";
-import { N, f, i, b, r, c, a as a2 } from "../../chunks/customPickerElements-BmkXSNdO.mjs";
-import { e, f as f2, N as N2, h, d, g, a as a3, b as b2, c as c2, s } from "../../chunks/referencePickerModal-BtI-8rNN.mjs";
+import { N as NcRichText } from "../../chunks/NcRichText-CJrRYUBW.mjs";
+import { a } from "../../chunks/NcRichText-CJrRYUBW.mjs";
+import { N, e, f, h, a as a2, g, b, c, s, d } from "../../chunks/referencePickerModal-mYCXgzX-.mjs";
+import { N as N2, c as c2, i, e as e2, r, f as f2, a as a3 } from "../../chunks/customPickerElements-4pQTZUnk.mjs";
 export {
-  N as NcCustomPickerRenderResult,
+  N2 as NcCustomPickerRenderResult,
   a as NcReferenceList,
-  e as NcReferencePicker,
-  f2 as NcReferencePickerModal,
-  N2 as NcReferenceWidget,
+  N as NcReferencePicker,
+  e as NcReferencePickerModal,
+  f as NcReferenceWidget,
   NcRichText,
   h as NcSearch,
-  d as anyLinkProviderId,
+  a2 as anyLinkProviderId,
   NcRichText as default,
   g as getLinkWithPicker,
-  a3 as getProvider,
-  b2 as getProviders,
-  f as isCustomPickerElementRegistered,
+  b as getProvider,
+  c as getProviders,
+  c2 as isCustomPickerElementRegistered,
   i as isWidgetRegistered,
-  b as registerCustomPickerElement,
+  e2 as registerCustomPickerElement,
   r as registerWidget,
-  c as renderCustomPickerElement,
-  a2 as renderWidget,
-  c2 as searchProvider,
-  s as sortProviders
+  f2 as renderCustomPickerElement,
+  a3 as renderWidget,
+  s as searchProvider,
+  d as sortProviders
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/NcSelect/index.mjs

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

package/dist/components/NcSelectTags/api.d.ts

@@ -1,3 +1,6 @@
+/**
+ * Get tags from backend
+ */
 export function searchTags(): Promise<{
     id: number;
     displayName: any;

package/dist/components/NcSelectTags/index.mjs

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

package/dist/components/NcSelectUsers/index.mjs

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

package/dist/components/NcSettingsInputText/index.mjs

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

package/dist/components/NcSettingsSection/index.mjs

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

package/dist/components/NcSettingsSelectGroup/index.mjs

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

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

@@ -26,6 +26,8 @@ type __VLS_Props = {
     inputClass?: VueClassType;
     /**
      * The input label, always provide one for accessibility purposes.
+     * On Nextcloud before version 32 this will also be used as a placeholder
+     * unless the placeholder prop is populated with a different string.
      */
     label?: string;
     /**
@@ -36,6 +38,7 @@ type __VLS_Props = {
     labelOutside?: boolean;
     /**
      * The placeholder of the input.
+     * On Nextcloud before 32 this defaults to the value of the `label` prop.
      */
     placeholder?: string;
     /**

package/dist/components/NcTextArea/index.mjs

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

package/dist/components/NcTextField/index.mjs

@@ -1,4 +1,4 @@
-import { _ } from "../../chunks/NcTextField.vue_vue_type_script_setup_true_lang-DzcUUWHO.mjs";
+import { _ } from "../../chunks/NcTextField.vue_vue_type_script_setup_true_lang-Deo569jY.mjs";
 export {
   _ as default
 };

package/dist/components/NcTimezonePicker/index.mjs

@@ -1,4 +1,4 @@
-import { _ } from "../../chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang-Dsco6qEJ.mjs";
+import { _ } from "../../chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang-NZWpDFzm.mjs";
 export {
   _ as default
 };

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

@@ -5,7 +5,5 @@
 /**
  * Gets the timezone-manager
  * initializes it if necessary
- *
- * @return {object}
  */
 export default function (): import('@nextcloud/timezones').TimezoneManager;

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

@@ -1,5 +1,5 @@
-import { RouteLocation } from 'vue-router';
 import { Slot } from 'vue';
+import { RouteLocation } from 'vue-router';
 type __VLS_Props = {
     /**
      * Override generated avatar, can be an url or an icon class
@@ -75,8 +75,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     size: number;
     displayName: string;
-    url: string;
     to: RouteLocation;
+    url: string;
     user: string;
     avatarImage: string;
     margin: number;

package/dist/components/NcUserBubble/index.mjs

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

package/dist/components/NcUserStatusIcon/index.mjs

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

package/dist/components/index.d.ts

@@ -21,7 +21,7 @@ export { default as NcAppNavigation } from './NcAppNavigation/index.ts';
 export { default as NcAppNavigationCaption } from './NcAppNavigationCaption/index.js';
 export { default as NcAppNavigationIconBullet } from './NcAppNavigationIconBullet/index.js';
 export { default as NcAppNavigationItem } from './NcAppNavigationItem/index.js';
-export { default as NcAppNavigationList } from './NcAppNavigationList/index.js';
+export { default as NcAppNavigationList } from './NcAppNavigationList/index.ts';
 export { default as NcAppNavigationNew } from './NcAppNavigationNew/index.js';
 export { default as NcAppNavigationNewItem } from './NcAppNavigationNewItem/index.js';
 export { default as NcAppNavigationSearch } from './NcAppNavigationSearch/index.js';
@@ -32,13 +32,16 @@ export { default as NcAppSettingsSection } from './NcAppSettingsSection/index.js
 export { default as NcAppSidebar } from './NcAppSidebar/index.js';
 export { default as NcAppSidebarHeader } from './NcAppSidebarHeader/index.ts';
 export { default as NcAppSidebarTab } from './NcAppSidebarTab/index.js';
+export { default as NcAssistantButton } from './NcAssistantButton/index.ts';
+export { default as NcAssistantContent } from './NcAssistantContent/index.ts';
+export { default as NcAssistantIcon } from './NcAssistantIcon/index.ts';
 export { default as NcAvatar } from './NcAvatar/index.js';
 export { default as NcBlurHash } from './NcBlurHash/index.ts';
 export { default as NcBreadcrumb } from './NcBreadcrumb/index.js';
 export { default as NcBreadcrumbs } from './NcBreadcrumbs/index.js';
-export { default as NcButton } from './NcButton/index';
+export { default as NcButton } from './NcButton/index.ts';
 export { default as NcCheckboxRadioSwitch } from './NcCheckboxRadioSwitch/index.js';
-export { default as NcChip } from './NcChip/index';
+export { default as NcChip } from './NcChip/index.ts';
 export { default as NcCollectionList } from './NcCollectionList/index.js';
 export { default as NcColorPicker } from './NcColorPicker/index.ts';
 export { default as NcContent } from './NcContent/index.ts';
@@ -59,6 +62,7 @@ export { default as NcHeaderMenu } from './NcHeaderMenu/index.ts';
 export { default as NcHighlight } from './NcHighlight/index.ts';
 export { default as NcIconSvgWrapper } from './NcIconSvgWrapper/index.ts';
 export { default as NcInputField } from './NcInputField/index.ts';
+export { default as NcKbd } from './NcKbd/index.ts';
 export { default as NcListItem } from './NcListItem/index.js';
 export { default as NcListItemIcon } from './NcListItemIcon/index.js';
 export { default as NcLoadingIcon } from './NcLoadingIcon/index.ts';
@@ -68,7 +72,7 @@ export { default as NcPasswordField } from './NcPasswordField/index.ts';
 export { default as NcPopover } from './NcPopover/index.js';
 export { default as NcProgressBar } from './NcProgressBar/index.ts';
 export { default as NcRelatedResourcesPanel } from './NcRelatedResourcesPanel/index.js';
-export { default as NcRichContenteditable, NcAutoCompleteResult, NcMentionBubble } from './NcRichContenteditable/index.js';
+export { NcAutoCompleteResult, NcMentionBubble, default as NcRichContenteditable } from './NcRichContenteditable/index.js';
 export { default as NcRichText } from './NcRichText/index.js';
 export { default as NcSavingIndicatorIcon } from './NcSavingIndicatorIcon/index.ts';
 export { default as NcSelect } from './NcSelect/index.js';

package/dist/composables/useFormatDateTime/index.d.ts

@@ -4,6 +4,7 @@ interface FormatRelativeTimeOptions extends Partial<Omit<FormatDateOptions, 'ign
     ignoreSeconds?: boolean;
     /**
      * If set to false the relative time will not be updated anymore.
+     *
      * @default true - Meaning the relative time will be updated if needed
      */
     update?: boolean;
@@ -11,6 +12,7 @@ interface FormatRelativeTimeOptions extends Partial<Omit<FormatDateOptions, 'ign
 interface FormatTimeOptions {
     /**
      * Locale to use for formatting.
+     *
      * @default current locale
      */
     locale?: string;

package/dist/composables/useFormatDateTime/index.mjs

@@ -1,6 +1,6 @@
 import { formatRelativeTime, getCanonicalLocale } from "@nextcloud/l10n";
 import { computed, toValue, ref, watchEffect, onUnmounted, readonly } from "vue";
-import { r as register, b as t2, a as t } from "../../chunks/_l10n-ZllQPIu_.mjs";
+import { r as register, b as t2, a as t } from "../../chunks/_l10n-C6k5LExr.mjs";
 register(t2);
 const FEW_SECONDS_AGO = {
   long: t("a few seconds ago"),

package/dist/composables/useFormatDateTime/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.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, Ref } from 'vue'\n\nimport { formatRelativeTime, getCanonicalLocale } from '@nextcloud/l10n'\nimport { computed, onUnmounted, readonly, ref, toValue, watchEffect } from 'vue'\nimport { t } from '../../l10n.ts'\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 * @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 * @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\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"],"names":["relativeTime"],"mappings":";;;;AAqCA,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;"}
+{"version":3,"file":"index.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, Ref } from 'vue'\n\nimport { formatRelativeTime, getCanonicalLocale } from '@nextcloud/l10n'\nimport { computed, onUnmounted, readonly, ref, toValue, watchEffect } from 'vue'\nimport { t } from '../../l10n.ts'\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\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"],"names":["relativeTime"],"mappings":";;;;AAuCA,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;"}

package/dist/composables/useHotKey/index.mjs

@@ -1,6 +1,6 @@
 import { onKeyStroke } from "@vueuse/core";
+import { i as isMac } from "../../chunks/platform-CC2ecGvV.mjs";
 const disableKeyboardShortcuts = window.OCP?.Accessibility?.disableKeyboardShortcuts?.();
-const isMac = /mac|ipad|iphone|darwin/i.test(navigator.userAgent);
 const derivedKeysRegex = /^[a-zA-Z0-9]$/;
 const nonAsciiPrintableRegex = /^[^\x20-\x7F]$/;
 function shouldIgnoreEvent(event) {

package/dist/composables/useHotKey/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/composables/useHotKey/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { onKeyStroke } from '@vueuse/core'\n\nconst disableKeyboardShortcuts = window.OCP?.Accessibility?.disableKeyboardShortcuts?.()\nconst isMac = /mac|ipad|iphone|darwin/i.test(navigator.userAgent)\nconst derivedKeysRegex = /^[a-zA-Z0-9]$/\nconst nonAsciiPrintableRegex = /^[^\\x20-\\x7F]$/\n\nexport interface UseHotKeyOptions {\n\t/** Make key filter case sensitive */\n\tcaseSensitive?: boolean\n\n\t/** Prevent default behavior of key stroke */\n\tprevent?: boolean\n\n\t/** Stop the event bubbling */\n\tstop?: boolean\n\n\t/** Also listen for keyup event */\n\tpush?: boolean\n\n\t/**\n\t * If set then the callback is only called when the shift key is (not) pressed.\n\t * When left `undefined` a pressed shift key is ignored (callback is run with and without shift pressed).\n\t */\n\tshift?: boolean\n\n\t/**\n\t * Only run the callback if the control key is (not-)pressed.\n\t * Undefined will be handled the same as `false` and will only run the callback if the 'ctrl' key is NOT pressed.\n\t */\n\tctrl?: boolean\n\n\t/**\n\t * If set the callback is only executed if the alt key is (not-)pressed\n\t * Undefined will be handled the same as `false` and will only run the callback if the 'alt' key is NOT pressed.\n\t */\n\talt?: boolean\n}\n\n/**\n * Check if event target (active element) is editable (allows input from keyboard) or NcModal is open\n * If true, a hot key should not trigger the callback\n *\n * @todo Discuss if we should abort on another interactive elements (button, a, e.t.c)\n *\n * @param event keyboard event\n * @return Whether it should prevent callback\n */\nfunction shouldIgnoreEvent(event: KeyboardEvent): boolean {\n\tif (!(event.target instanceof HTMLElement)\n\t\t|| event.target instanceof HTMLInputElement\n\t\t|| event.target instanceof HTMLTextAreaElement\n\t\t|| event.target instanceof HTMLSelectElement\n\t\t|| event.target.isContentEditable) {\n\t\treturn true\n\t}\n\t/** Abort if any modal/dialog opened */\n\treturn document.getElementsByClassName('modal-mask').length !== 0\n}\n\ntype KeyboardEventHandler = (event: KeyboardEvent) => void\n\n/**\n * Implementation of the event handler.\n *\n * @param callback The callback to run\n * @param options hot key options\n */\nfunction eventHandler(callback: KeyboardEventHandler, options: UseHotKeyOptions): KeyboardEventHandler {\n\treturn (event: KeyboardEvent) => {\n\t\tconst ctrlKeyPressed = isMac ? event.metaKey : event.ctrlKey\n\t\tif (ctrlKeyPressed !== Boolean(options.ctrl)) {\n\t\t\t/**\n\t\t\t * Ctrl is required and not pressed, or the opposite\n\t\t\t * As on macOS 'cmd' key is used instead of 'ctrl' key for most key combinations,\n\t\t\t * 'event.metaKey' should be checked\n\t\t\t */\n\t\t\treturn\n\t\t} else if (event.altKey !== Boolean(options.alt)) {\n\t\t\t// Alt is required and not pressed, or the opposite\n\t\t\treturn\n\t\t} else if (options.shift !== undefined && event.shiftKey !== Boolean(options.shift)) {\n\t\t\t/**\n\t\t\t * Shift is required and not pressed, or the opposite\n\t\t\t * As shift key is used to type capital letters and alternate characters,\n\t\t\t * option should be explicitly defined\n\t\t\t */\n\t\t\treturn\n\t\t} else if (shouldIgnoreEvent(event)) {\n\t\t\t// Keyboard shortcuts are disabled, because active element assumes input\n\t\t\treturn\n\t\t}\n\n\t\tif (options.prevent) {\n\t\t\tevent.preventDefault()\n\t\t}\n\t\tif (options.stop) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t\tcallback(event)\n\t}\n}\n\n/**\n * Composable to use keyboard shortcuts in the application.\n * It respects the users accessibility configuration (opt-out shortcuts).\n *\n * @param keysOrFilter - keyboard key(s) to listen to, or filter function or pass `true` for listening to all keys\n * @param callback - callback function\n * @param options - composable options\n * @see docs/composables/usekeystroke.md\n */\nexport function useHotKey(\n\tkeysOrFilter: true | string | string[] | ((e: KeyboardEvent) => boolean),\n\tcallback = () => {},\n\toptions: UseHotKeyOptions = {},\n) {\n\tif (disableKeyboardShortcuts) {\n\t\t// Keyboard shortcuts are disabled\n\t\treturn () => {}\n\t}\n\n\t/**\n\t * Validates event key to expected key\n\t *\n\t * @param event keyboard event\n\t * @param key expected key\n\t * @return whether it satisfies expected value or not\n\t */\n\tconst validateKeyEvent = (event: KeyboardEvent, key: string): boolean => {\n\t\t// If key exactly matches event.key, valid with any caseSensitive option. Do not perform further checks\n\t\tif (event.key === key) {\n\t\t\treturn true\n\t\t}\n\n\t\t// If key and event.key are in different cases, invalid with caseSensitive = true. Do not perform further checks\n\t\tif (options.caseSensitive) {\n\t\t\tconst isKeyInLowerCase = key === key.toLowerCase()\n\t\t\tconst isEventKeyInLowerCase = event.key === event.key.toLowerCase()\n\t\t\tif (isKeyInLowerCase !== isEventKeyInLowerCase) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t}\n\n\t\t// If received event.key is not a printable ASCII character code (character code 32-127),\n\t\t// try to derive it from event.code and match with expected key\n\t\tif (derivedKeysRegex.test(key) && nonAsciiPrintableRegex.test(event.key)) {\n\t\t\treturn event.code.replace(/^(?:Key|Digit|Numpad)/, '') === key.toUpperCase()\n\t\t}\n\n\t\treturn event.key.toLowerCase() === key.toLowerCase()\n\t}\n\n\t/**\n\t * Filter function for the listener\n\t * see https://github.com/vueuse/vueuse/blob/v11.3.0/packages/core/onKeyStroke/index.ts#L21-L32\n\t *\n\t * @param event keyboard event\n\t * @return Whether it satisfies expected value or not\n\t */\n\tconst keyFilter = (event: KeyboardEvent): boolean => {\n\t\tif (typeof keysOrFilter === 'function') {\n\t\t\treturn keysOrFilter(event)\n\t\t} else if (typeof keysOrFilter === 'string') {\n\t\t\treturn validateKeyEvent(event, keysOrFilter)\n\t\t} else if (Array.isArray(keysOrFilter)) {\n\t\t\treturn keysOrFilter.some(key => validateKeyEvent(event, key))\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}\n\n\tconst stopKeyDown = onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\teventName: 'keydown',\n\t\tdedupe: true,\n\t\tpassive: !options.prevent,\n\t})\n\n\tconst stopKeyUp = options.push\n\t\t? onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\t\teventName: 'keyup',\n\t\t\tpassive: !options.prevent,\n\t\t})\n\t\t: () => {}\n\n\treturn () => {\n\t\tstopKeyDown()\n\t\tstopKeyUp()\n\t}\n}\n"],"names":[],"mappings":";AAMA,MAAM,2BAA2B,OAAO,KAAK,eAAe,2BAAA;AAC5D,MAAM,QAAQ,0BAA0B,KAAK,UAAU,SAAS;AAChE,MAAM,mBAAmB;AACzB,MAAM,yBAAyB;AA2C/B,SAAS,kBAAkB,OAA+B;AACzD,MAAI,EAAE,MAAM,kBAAkB,gBAC1B,MAAM,kBAAkB,oBACxB,MAAM,kBAAkB,uBACxB,MAAM,kBAAkB,qBACxB,MAAM,OAAO,mBAAmB;AACnC,WAAO;AAAA,EACR;AAEA,SAAO,SAAS,uBAAuB,YAAY,EAAE,WAAW;AACjE;AAUA,SAAS,aAAa,UAAgC,SAAiD;AACtG,SAAO,CAAC,UAAyB;AAChC,UAAM,iBAAiB,QAAQ,MAAM,UAAU,MAAM;AACrD,QAAI,mBAAmB,QAAQ,QAAQ,IAAI,GAAG;AAM7C;AAAA,IACD,WAAW,MAAM,WAAW,QAAQ,QAAQ,GAAG,GAAG;AAEjD;AAAA,IACD,WAAW,QAAQ,UAAU,UAAa,MAAM,aAAa,QAAQ,QAAQ,KAAK,GAAG;AAMpF;AAAA,IACD,WAAW,kBAAkB,KAAK,GAAG;AAEpC;AAAA,IACD;AAEA,QAAI,QAAQ,SAAS;AACpB,YAAM,eAAA;AAAA,IACP;AACA,QAAI,QAAQ,MAAM;AACjB,YAAM,gBAAA;AAAA,IACP;AACA,aAAS,KAAK;AAAA,EACf;AACD;AAWO,SAAS,UACf,cACA,WAAW,MAAM;AAAC,GAClB,UAA4B,CAAA,GAC3B;AACD,MAAI,0BAA0B;AAE7B,WAAO,MAAM;AAAA,IAAC;AAAA,EACf;AASA,QAAM,mBAAmB,CAAC,OAAsB,QAAyB;AAExE,QAAI,MAAM,QAAQ,KAAK;AACtB,aAAO;AAAA,IACR;AAGA,QAAI,QAAQ,eAAe;AAC1B,YAAM,mBAAmB,QAAQ,IAAI,YAAA;AACrC,YAAM,wBAAwB,MAAM,QAAQ,MAAM,IAAI,YAAA;AACtD,UAAI,qBAAqB,uBAAuB;AAC/C,eAAO;AAAA,MACR;AAAA,IACD;AAIA,QAAI,iBAAiB,KAAK,GAAG,KAAK,uBAAuB,KAAK,MAAM,GAAG,GAAG;AACzE,aAAO,MAAM,KAAK,QAAQ,yBAAyB,EAAE,MAAM,IAAI,YAAA;AAAA,IAChE;AAEA,WAAO,MAAM,IAAI,YAAA,MAAkB,IAAI,YAAA;AAAA,EACxC;AASA,QAAM,YAAY,CAAC,UAAkC;AACpD,QAAI,OAAO,iBAAiB,YAAY;AACvC,aAAO,aAAa,KAAK;AAAA,IAC1B,WAAW,OAAO,iBAAiB,UAAU;AAC5C,aAAO,iBAAiB,OAAO,YAAY;AAAA,IAC5C,WAAW,MAAM,QAAQ,YAAY,GAAG;AACvC,aAAO,aAAa,KAAK,CAAA,QAAO,iBAAiB,OAAO,GAAG,CAAC;AAAA,IAC7D,OAAO;AACN,aAAO;AAAA,IACR;AAAA,EACD;AAEA,QAAM,cAAc,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IAC3E,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS,CAAC,QAAQ;AAAA,EAAA,CAClB;AAED,QAAM,YAAY,QAAQ,OACvB,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IACzD,WAAW;AAAA,IACX,SAAS,CAAC,QAAQ;AAAA,EAAA,CAClB,IACC,MAAM;AAAA,EAAC;AAEV,SAAO,MAAM;AACZ,gBAAA;AACA,cAAA;AAAA,EACD;AACD;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/composables/useHotKey/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { onKeyStroke } from '@vueuse/core'\nimport { isMac } from '../../utils/platform.ts'\n\nconst disableKeyboardShortcuts = window.OCP?.Accessibility?.disableKeyboardShortcuts?.()\nconst derivedKeysRegex = /^[a-zA-Z0-9]$/\nconst nonAsciiPrintableRegex = /^[^\\x20-\\x7F]$/\n\nexport interface UseHotKeyOptions {\n\t/** Make key filter case sensitive */\n\tcaseSensitive?: boolean\n\n\t/** Prevent default behavior of key stroke */\n\tprevent?: boolean\n\n\t/** Stop the event bubbling */\n\tstop?: boolean\n\n\t/** Also listen for keyup event */\n\tpush?: boolean\n\n\t/**\n\t * If set then the callback is only called when the shift key is (not) pressed.\n\t * When left `undefined` a pressed shift key is ignored (callback is run with and without shift pressed).\n\t */\n\tshift?: boolean\n\n\t/**\n\t * Only run the callback if the control key is (not-)pressed.\n\t * Undefined will be handled the same as `false` and will only run the callback if the 'ctrl' key is NOT pressed.\n\t */\n\tctrl?: boolean\n\n\t/**\n\t * If set the callback is only executed if the alt key is (not-)pressed\n\t * Undefined will be handled the same as `false` and will only run the callback if the 'alt' key is NOT pressed.\n\t */\n\talt?: boolean\n}\n\n/**\n * Check if event target (active element) is editable (allows input from keyboard) or NcModal is open\n * If true, a hot key should not trigger the callback\n *\n * @todo Discuss if we should abort on another interactive elements (button, a, e.t.c)\n *\n * @param event keyboard event\n * @return Whether it should prevent callback\n */\nfunction shouldIgnoreEvent(event: KeyboardEvent): boolean {\n\tif (!(event.target instanceof HTMLElement)\n\t\t|| event.target instanceof HTMLInputElement\n\t\t|| event.target instanceof HTMLTextAreaElement\n\t\t|| event.target instanceof HTMLSelectElement\n\t\t|| event.target.isContentEditable) {\n\t\treturn true\n\t}\n\t/** Abort if any modal/dialog opened */\n\treturn document.getElementsByClassName('modal-mask').length !== 0\n}\n\ntype KeyboardEventHandler = (event: KeyboardEvent) => void\n\n/**\n * Implementation of the event handler.\n *\n * @param callback The callback to run\n * @param options hot key options\n */\nfunction eventHandler(callback: KeyboardEventHandler, options: UseHotKeyOptions): KeyboardEventHandler {\n\treturn (event: KeyboardEvent) => {\n\t\tconst ctrlKeyPressed = isMac ? event.metaKey : event.ctrlKey\n\t\tif (ctrlKeyPressed !== Boolean(options.ctrl)) {\n\t\t\t/**\n\t\t\t * Ctrl is required and not pressed, or the opposite\n\t\t\t * As on macOS 'cmd' key is used instead of 'ctrl' key for most key combinations,\n\t\t\t * 'event.metaKey' should be checked\n\t\t\t */\n\t\t\treturn\n\t\t} else if (event.altKey !== Boolean(options.alt)) {\n\t\t\t// Alt is required and not pressed, or the opposite\n\t\t\treturn\n\t\t} else if (options.shift !== undefined && event.shiftKey !== Boolean(options.shift)) {\n\t\t\t/**\n\t\t\t * Shift is required and not pressed, or the opposite\n\t\t\t * As shift key is used to type capital letters and alternate characters,\n\t\t\t * option should be explicitly defined\n\t\t\t */\n\t\t\treturn\n\t\t} else if (shouldIgnoreEvent(event)) {\n\t\t\t// Keyboard shortcuts are disabled, because active element assumes input\n\t\t\treturn\n\t\t}\n\n\t\tif (options.prevent) {\n\t\t\tevent.preventDefault()\n\t\t}\n\t\tif (options.stop) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t\tcallback(event)\n\t}\n}\n\n/**\n * Composable to use keyboard shortcuts in the application.\n * It respects the users accessibility configuration (opt-out shortcuts).\n *\n * @param keysOrFilter - keyboard key(s) to listen to, or filter function or pass `true` for listening to all keys\n * @param callback - callback function\n * @param options - composable options\n * @see docs/composables/usekeystroke.md\n */\nexport function useHotKey(\n\tkeysOrFilter: true | string | string[] | ((e: KeyboardEvent) => boolean),\n\tcallback = () => {},\n\toptions: UseHotKeyOptions = {},\n) {\n\tif (disableKeyboardShortcuts) {\n\t\t// Keyboard shortcuts are disabled\n\t\treturn () => {}\n\t}\n\n\t/**\n\t * Validates event key to expected key\n\t *\n\t * @param event keyboard event\n\t * @param key expected key\n\t * @return whether it satisfies expected value or not\n\t */\n\tconst validateKeyEvent = (event: KeyboardEvent, key: string): boolean => {\n\t\t// If key exactly matches event.key, valid with any caseSensitive option. Do not perform further checks\n\t\tif (event.key === key) {\n\t\t\treturn true\n\t\t}\n\n\t\t// If key and event.key are in different cases, invalid with caseSensitive = true. Do not perform further checks\n\t\tif (options.caseSensitive) {\n\t\t\tconst isKeyInLowerCase = key === key.toLowerCase()\n\t\t\tconst isEventKeyInLowerCase = event.key === event.key.toLowerCase()\n\t\t\tif (isKeyInLowerCase !== isEventKeyInLowerCase) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t}\n\n\t\t// If received event.key is not a printable ASCII character code (character code 32-127),\n\t\t// try to derive it from event.code and match with expected key\n\t\tif (derivedKeysRegex.test(key) && nonAsciiPrintableRegex.test(event.key)) {\n\t\t\treturn event.code.replace(/^(?:Key|Digit|Numpad)/, '') === key.toUpperCase()\n\t\t}\n\n\t\treturn event.key.toLowerCase() === key.toLowerCase()\n\t}\n\n\t/**\n\t * Filter function for the listener\n\t * see https://github.com/vueuse/vueuse/blob/v11.3.0/packages/core/onKeyStroke/index.ts#L21-L32\n\t *\n\t * @param event keyboard event\n\t * @return Whether it satisfies expected value or not\n\t */\n\tconst keyFilter = (event: KeyboardEvent): boolean => {\n\t\tif (typeof keysOrFilter === 'function') {\n\t\t\treturn keysOrFilter(event)\n\t\t} else if (typeof keysOrFilter === 'string') {\n\t\t\treturn validateKeyEvent(event, keysOrFilter)\n\t\t} else if (Array.isArray(keysOrFilter)) {\n\t\t\treturn keysOrFilter.some((key) => validateKeyEvent(event, key))\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}\n\n\tconst stopKeyDown = onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\teventName: 'keydown',\n\t\tdedupe: true,\n\t\tpassive: !options.prevent,\n\t})\n\n\tconst stopKeyUp = options.push\n\t\t? onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\t\t\teventName: 'keyup',\n\t\t\t\tpassive: !options.prevent,\n\t\t\t})\n\t\t: () => {}\n\n\treturn () => {\n\t\tstopKeyDown()\n\t\tstopKeyUp()\n\t}\n}\n"],"names":[],"mappings":";;AAOA,MAAM,2BAA2B,OAAO,KAAK,eAAe,2BAAA;AAC5D,MAAM,mBAAmB;AACzB,MAAM,yBAAyB;AA2C/B,SAAS,kBAAkB,OAA+B;AACzD,MAAI,EAAE,MAAM,kBAAkB,gBAC1B,MAAM,kBAAkB,oBACxB,MAAM,kBAAkB,uBACxB,MAAM,kBAAkB,qBACxB,MAAM,OAAO,mBAAmB;AACnC,WAAO;AAAA,EACR;AAEA,SAAO,SAAS,uBAAuB,YAAY,EAAE,WAAW;AACjE;AAUA,SAAS,aAAa,UAAgC,SAAiD;AACtG,SAAO,CAAC,UAAyB;AAChC,UAAM,iBAAiB,QAAQ,MAAM,UAAU,MAAM;AACrD,QAAI,mBAAmB,QAAQ,QAAQ,IAAI,GAAG;AAM7C;AAAA,IACD,WAAW,MAAM,WAAW,QAAQ,QAAQ,GAAG,GAAG;AAEjD;AAAA,IACD,WAAW,QAAQ,UAAU,UAAa,MAAM,aAAa,QAAQ,QAAQ,KAAK,GAAG;AAMpF;AAAA,IACD,WAAW,kBAAkB,KAAK,GAAG;AAEpC;AAAA,IACD;AAEA,QAAI,QAAQ,SAAS;AACpB,YAAM,eAAA;AAAA,IACP;AACA,QAAI,QAAQ,MAAM;AACjB,YAAM,gBAAA;AAAA,IACP;AACA,aAAS,KAAK;AAAA,EACf;AACD;AAWO,SAAS,UACf,cACA,WAAW,MAAM;AAAC,GAClB,UAA4B,CAAA,GAC3B;AACD,MAAI,0BAA0B;AAE7B,WAAO,MAAM;AAAA,IAAC;AAAA,EACf;AASA,QAAM,mBAAmB,CAAC,OAAsB,QAAyB;AAExE,QAAI,MAAM,QAAQ,KAAK;AACtB,aAAO;AAAA,IACR;AAGA,QAAI,QAAQ,eAAe;AAC1B,YAAM,mBAAmB,QAAQ,IAAI,YAAA;AACrC,YAAM,wBAAwB,MAAM,QAAQ,MAAM,IAAI,YAAA;AACtD,UAAI,qBAAqB,uBAAuB;AAC/C,eAAO;AAAA,MACR;AAAA,IACD;AAIA,QAAI,iBAAiB,KAAK,GAAG,KAAK,uBAAuB,KAAK,MAAM,GAAG,GAAG;AACzE,aAAO,MAAM,KAAK,QAAQ,yBAAyB,EAAE,MAAM,IAAI,YAAA;AAAA,IAChE;AAEA,WAAO,MAAM,IAAI,YAAA,MAAkB,IAAI,YAAA;AAAA,EACxC;AASA,QAAM,YAAY,CAAC,UAAkC;AACpD,QAAI,OAAO,iBAAiB,YAAY;AACvC,aAAO,aAAa,KAAK;AAAA,IAC1B,WAAW,OAAO,iBAAiB,UAAU;AAC5C,aAAO,iBAAiB,OAAO,YAAY;AAAA,IAC5C,WAAW,MAAM,QAAQ,YAAY,GAAG;AACvC,aAAO,aAAa,KAAK,CAAC,QAAQ,iBAAiB,OAAO,GAAG,CAAC;AAAA,IAC/D,OAAO;AACN,aAAO;AAAA,IACR;AAAA,EACD;AAEA,QAAM,cAAc,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IAC3E,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS,CAAC,QAAQ;AAAA,EAAA,CAClB;AAED,QAAM,YAAY,QAAQ,OACvB,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IACxD,WAAW;AAAA,IACX,SAAS,CAAC,QAAQ;AAAA,EAAA,CAClB,IACA,MAAM;AAAA,EAAC;AAEV,SAAO,MAAM;AACZ,gBAAA;AACA,cAAA;AAAA,EACD;AACD;"}

package/dist/composables/useIsDarkTheme/constants.d.ts

@@ -2,6 +2,6 @@ import { ComputedRef, InjectionKey } from 'vue';
 /**
  * Enforced dark / light theme state
  *
- * @private
+ * This is internal only.
  */
 export declare const INJECTION_KEY_THEME: InjectionKey<ComputedRef<'light' | 'dark' | ''> | undefined>;

package/dist/composables/useIsDarkTheme/index.d.ts

@@ -3,8 +3,9 @@ import { DeepReadonly, MaybeRefOrGetter, Ref } from 'vue';
  * Check whether the dark theme is enabled on a specific element.
  * If you need to check an entire page, use `useIsDarkTheme` instead for better performance.
  * Reacts on element attributes change and system theme change.
+ *
  * @param el - The element to check for the dark theme enabled on (default is `document.body`)
- * @return {DeepReadonly<Ref<boolean>>} - computed boolean whether the dark theme is enabled
+ * @return - computed boolean whether the dark theme is enabled
  */
 export declare function useIsDarkThemeElement(el?: MaybeRefOrGetter<HTMLElement>): DeepReadonly<Ref<boolean>>;
 /**

package/dist/composables/useIsDarkTheme/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/composables/useIsDarkTheme/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 { DeepReadonly, MaybeRefOrGetter, Ref } from 'vue'\n\nimport { createSharedComposable, usePreferredDark, useMutationObserver } from '@vueuse/core'\nimport { computed, inject, ref, readonly, toValue, watch } from 'vue'\nimport { checkIfDarkTheme } from '../../functions/isDarkTheme/index.ts'\nimport { INJECTION_KEY_THEME } from './constants.ts'\n\n/**\n * Check whether the dark theme is enabled on a specific element.\n * If you need to check an entire page, use `useIsDarkTheme` instead for better performance.\n * Reacts on element attributes change and system theme change.\n * @param el - The element to check for the dark theme enabled on (default is `document.body`)\n * @return {DeepReadonly<Ref<boolean>>} - computed boolean whether the dark theme is enabled\n */\nexport function useIsDarkThemeElement(el?: MaybeRefOrGetter<HTMLElement>): DeepReadonly<Ref<boolean>> {\n\tconst element = computed(() => toValue(el) ?? document.body)\n\n\tconst isDarkTheme = ref(checkIfDarkTheme(element.value))\n\tconst isDarkSystemTheme = usePreferredDark()\n\n\t/** Update the isDarkTheme */\n\tfunction updateIsDarkTheme() {\n\t\tisDarkTheme.value = checkIfDarkTheme(element.value)\n\t}\n\n\t// Watch for element change to handle data-theme* attributes change\n\tuseMutationObserver(element, updateIsDarkTheme, { attributes: true })\n\t// Watch for ref changes\n\twatch(element, updateIsDarkTheme)\n\t// Watch for system theme change for the default theme\n\twatch(isDarkSystemTheme, updateIsDarkTheme, { immediate: true })\n\n\treturn readonly(isDarkTheme)\n}\n\n/**\n * The real shared composable of the dark theme state.\n * We need to wrap this to allow to react to injected theme changes.\n */\nconst useInternalIsDarkTheme = createSharedComposable(() => useIsDarkThemeElement())\n\n/**\n * Shared composable to check whether the dark theme is enabled on the page.\n *\n * Reacts on body data-theme-* attributes change and system theme change.\n * As well as any enforced theme by the `NcThemeProvider`.\n *\n * @return Computed boolean whether the dark theme is enabled\n */\nexport function useIsDarkTheme(): DeepReadonly<Ref<boolean>> {\n\tconst isDarkTheme = useInternalIsDarkTheme()\n\tconst enforcedTheme = inject(INJECTION_KEY_THEME, undefined)\n\n\treturn computed(() => {\n\t\tif (enforcedTheme?.value) {\n\t\t\treturn enforcedTheme.value === 'dark'\n\t\t}\n\t\treturn isDarkTheme.value\n\t})\n}\n"],"names":[],"mappings":";;;;AAAA;AAAA;AAAA;AAAA;AAmBO,SAAS,sBAAsB,IAAgE;AACrG,QAAM,UAAU,SAAS,MAAM,QAAQ,EAAE,KAAK,SAAS,IAAI;AAE3D,QAAM,cAAc,IAAI,iBAAiB,QAAQ,KAAK,CAAC;AACvD,QAAM,oBAAoB,iBAAA;AAG1B,WAAS,oBAAoB;AAC5B,gBAAY,QAAQ,iBAAiB,QAAQ,KAAK;AAAA,EACnD;AAGA,sBAAoB,SAAS,mBAAmB,EAAE,YAAY,MAAM;AAEpE,QAAM,SAAS,iBAAiB;AAEhC,QAAM,mBAAmB,mBAAmB,EAAE,WAAW,MAAM;AAE/D,SAAO,SAAS,WAAW;AAC5B;AAMA,MAAM,yBAAyB,uBAAuB,MAAM,uBAAuB;AAU5E,SAAS,iBAA6C;AAC5D,QAAM,cAAc,uBAAA;AACpB,QAAM,gBAAgB,OAAO,qBAAqB,MAAS;AAE3D,SAAO,SAAS,MAAM;AACrB,QAAI,eAAe,OAAO;AACzB,aAAO,cAAc,UAAU;AAAA,IAChC;AACA,WAAO,YAAY;AAAA,EACpB,CAAC;AACF;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/composables/useIsDarkTheme/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 { DeepReadonly, MaybeRefOrGetter, Ref } from 'vue'\n\nimport { createSharedComposable, useMutationObserver, usePreferredDark } from '@vueuse/core'\nimport { computed, inject, readonly, ref, toValue, watch } from 'vue'\nimport { checkIfDarkTheme } from '../../functions/isDarkTheme/index.ts'\nimport { INJECTION_KEY_THEME } from './constants.ts'\n\n/**\n * Check whether the dark theme is enabled on a specific element.\n * If you need to check an entire page, use `useIsDarkTheme` instead for better performance.\n * Reacts on element attributes change and system theme change.\n *\n * @param el - The element to check for the dark theme enabled on (default is `document.body`)\n * @return - computed boolean whether the dark theme is enabled\n */\nexport function useIsDarkThemeElement(el?: MaybeRefOrGetter<HTMLElement>): DeepReadonly<Ref<boolean>> {\n\tconst element = computed(() => toValue(el) ?? document.body)\n\n\tconst isDarkTheme = ref(checkIfDarkTheme(element.value))\n\tconst isDarkSystemTheme = usePreferredDark()\n\n\t/** Update the isDarkTheme */\n\tfunction updateIsDarkTheme() {\n\t\tisDarkTheme.value = checkIfDarkTheme(element.value)\n\t}\n\n\t// Watch for element change to handle data-theme* attributes change\n\tuseMutationObserver(element, updateIsDarkTheme, { attributes: true })\n\t// Watch for ref changes\n\twatch(element, updateIsDarkTheme)\n\t// Watch for system theme change for the default theme\n\twatch(isDarkSystemTheme, updateIsDarkTheme, { immediate: true })\n\n\treturn readonly(isDarkTheme)\n}\n\n/**\n * The real shared composable of the dark theme state.\n * We need to wrap this to allow to react to injected theme changes.\n */\nconst useInternalIsDarkTheme = createSharedComposable(() => useIsDarkThemeElement())\n\n/**\n * Shared composable to check whether the dark theme is enabled on the page.\n *\n * Reacts on body data-theme-* attributes change and system theme change.\n * As well as any enforced theme by the `NcThemeProvider`.\n *\n * @return Computed boolean whether the dark theme is enabled\n */\nexport function useIsDarkTheme(): DeepReadonly<Ref<boolean>> {\n\tconst isDarkTheme = useInternalIsDarkTheme()\n\tconst enforcedTheme = inject(INJECTION_KEY_THEME, undefined)\n\n\treturn computed(() => {\n\t\tif (enforcedTheme?.value) {\n\t\t\treturn enforcedTheme.value === 'dark'\n\t\t}\n\t\treturn isDarkTheme.value\n\t})\n}\n"],"names":[],"mappings":";;;;AAAA;AAAA;AAAA;AAAA;AAoBO,SAAS,sBAAsB,IAAgE;AACrG,QAAM,UAAU,SAAS,MAAM,QAAQ,EAAE,KAAK,SAAS,IAAI;AAE3D,QAAM,cAAc,IAAI,iBAAiB,QAAQ,KAAK,CAAC;AACvD,QAAM,oBAAoB,iBAAA;AAG1B,WAAS,oBAAoB;AAC5B,gBAAY,QAAQ,iBAAiB,QAAQ,KAAK;AAAA,EACnD;AAGA,sBAAoB,SAAS,mBAAmB,EAAE,YAAY,MAAM;AAEpE,QAAM,SAAS,iBAAiB;AAEhC,QAAM,mBAAmB,mBAAmB,EAAE,WAAW,MAAM;AAE/D,SAAO,SAAS,WAAW;AAC5B;AAMA,MAAM,yBAAyB,uBAAuB,MAAM,uBAAuB;AAU5E,SAAS,iBAA6C;AAC5D,QAAM,cAAc,uBAAA;AACpB,QAAM,gBAAgB,OAAO,qBAAqB,MAAS;AAE3D,SAAO,SAAS,MAAM;AACrB,QAAI,eAAe,OAAO;AACzB,aAAO,cAAc,UAAU;AAAA,IAChC;AACA,WAAO,YAAY;AAAA,EACpB,CAAC;AACF;"}

package/dist/composables/useIsFullscreen/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/composables/useIsFullscreen/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport type { Ref } from 'vue'\nimport { readonly, ref } from 'vue'\n\nconst isFullscreen = ref(checkIfIsFullscreen())\n\nwindow.addEventListener('resize', () => {\n\tisFullscreen.value = checkIfIsFullscreen()\n})\n\n/**\n * If the window height is equal to the screen height,\n * we are in full screen mode.\n */\nfunction checkIfIsFullscreen(): boolean {\n\treturn window.outerHeight === window.screen.height\n}\n\n/**\n * Use global `isFullscreen` state, based on the screen height check.\n */\nexport function useIsFullscreen(): Readonly<Ref<boolean>> {\n\treturn readonly(isFullscreen)\n}\n"],"names":[],"mappings":";AAOA,MAAM,eAAe,IAAI,qBAAqB;AAE9C,OAAO,iBAAiB,UAAU,MAAM;AACvC,eAAa,QAAQ,oBAAA;AACtB,CAAC;AAMD,SAAS,sBAA+B;AACvC,SAAO,OAAO,gBAAgB,OAAO,OAAO;AAC7C;AAKO,SAAS,kBAA0C;AACzD,SAAO,SAAS,YAAY;AAC7B;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/composables/useIsFullscreen/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { Ref } from 'vue'\n\nimport { readonly, ref } from 'vue'\n\nconst isFullscreen = ref(checkIfIsFullscreen())\n\nwindow.addEventListener('resize', () => {\n\tisFullscreen.value = checkIfIsFullscreen()\n})\n\n/**\n * If the window height is equal to the screen height,\n * we are in full screen mode.\n */\nfunction checkIfIsFullscreen(): boolean {\n\treturn window.outerHeight === window.screen.height\n}\n\n/**\n * Use global `isFullscreen` state, based on the screen height check.\n */\nexport function useIsFullscreen(): Readonly<Ref<boolean>> {\n\treturn readonly(isFullscreen)\n}\n"],"names":[],"mappings":";AASA,MAAM,eAAe,IAAI,qBAAqB;AAE9C,OAAO,iBAAiB,UAAU,MAAM;AACvC,eAAa,QAAQ,oBAAA;AACtB,CAAC;AAMD,SAAS,sBAA+B;AACvC,SAAO,OAAO,gBAAgB,OAAO,OAAO;AAC7C;AAKO,SAAS,kBAA0C;AACzD,SAAO,SAAS,YAAY;AAC7B;"}

package/dist/composables/useIsMobile/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/composables/useIsMobile/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { Ref } from 'vue'\nimport { readonly, ref } from 'vue'\n\n/** The minimal width of the viewport for a desktop screen */\nexport const MOBILE_BREAKPOINT = 1024\n\n/** The minimal width of the viewport for a small mobile screen, a half of the minimal desktop */\nexport const MOBILE_SMALL_BREAKPOINT = MOBILE_BREAKPOINT / 2\n\nconst isLessThanBreakpoint = (breakpoint) => document.documentElement.clientWidth < breakpoint\n\n// Store the state of the viewport size in a module-scope to reuse between module's users\nconst isMobile = ref(isLessThanBreakpoint(MOBILE_BREAKPOINT))\nconst isSmallMobile = ref(isLessThanBreakpoint(MOBILE_SMALL_BREAKPOINT))\n\nwindow.addEventListener('resize', () => {\n\tisMobile.value = isLessThanBreakpoint(MOBILE_BREAKPOINT)\n\tisSmallMobile.value = isLessThanBreakpoint(MOBILE_SMALL_BREAKPOINT)\n}, { passive: true })\n\n/**\n * Use global isMobile state\n *\n * @return Reactive flag for MOBILE_BREAKPOINT\n */\nexport function useIsMobile(): Readonly<Ref<boolean>> {\n\treturn readonly(isMobile)\n}\n\n/**\n * Use global isSmallMobile state\n *\n * @return Reactive flag for MOBILE_SMALL_BREAKPOINT\n */\nexport function useIsSmallMobile(): Readonly<Ref<boolean>> {\n\treturn readonly(isSmallMobile)\n}\n"],"names":[],"mappings":";AASO,MAAM,oBAAoB;AAG1B,MAAM,0BAA0B,oBAAoB;AAE3D,MAAM,uBAAuB,CAAC,eAAe,SAAS,gBAAgB,cAAc;AAGpF,MAAM,WAAW,IAAI,qBAAqB,iBAAiB,CAAC;AAC5D,MAAM,gBAAgB,IAAI,qBAAqB,uBAAuB,CAAC;AAEvE,OAAO,iBAAiB,UAAU,MAAM;AACvC,WAAS,QAAQ,qBAAqB,iBAAiB;AACvD,gBAAc,QAAQ,qBAAqB,uBAAuB;AACnE,GAAG,EAAE,SAAS,MAAM;AAOb,SAAS,cAAsC;AACrD,SAAO,SAAS,QAAQ;AACzB;AAOO,SAAS,mBAA2C;AAC1D,SAAO,SAAS,aAAa;AAC9B;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/composables/useIsMobile/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { Ref } from 'vue'\n\nimport { readonly, ref } from 'vue'\n\n/** The minimal width of the viewport for a desktop screen */\nexport const MOBILE_BREAKPOINT = 1024\n\n/** The minimal width of the viewport for a small mobile screen, a half of the minimal desktop */\nexport const MOBILE_SMALL_BREAKPOINT = MOBILE_BREAKPOINT / 2\n\nconst isLessThanBreakpoint = (breakpoint) => document.documentElement.clientWidth < breakpoint\n\n// Store the state of the viewport size in a module-scope to reuse between module's users\nconst isMobile = ref(isLessThanBreakpoint(MOBILE_BREAKPOINT))\nconst isSmallMobile = ref(isLessThanBreakpoint(MOBILE_SMALL_BREAKPOINT))\n\nwindow.addEventListener('resize', () => {\n\tisMobile.value = isLessThanBreakpoint(MOBILE_BREAKPOINT)\n\tisSmallMobile.value = isLessThanBreakpoint(MOBILE_SMALL_BREAKPOINT)\n}, { passive: true })\n\n/**\n * Use global isMobile state\n *\n * @return Reactive flag for MOBILE_BREAKPOINT\n */\nexport function useIsMobile(): Readonly<Ref<boolean>> {\n\treturn readonly(isMobile)\n}\n\n/**\n * Use global isSmallMobile state\n *\n * @return Reactive flag for MOBILE_SMALL_BREAKPOINT\n */\nexport function useIsSmallMobile(): Readonly<Ref<boolean>> {\n\treturn readonly(isSmallMobile)\n}\n"],"names":[],"mappings":";AAUO,MAAM,oBAAoB;AAG1B,MAAM,0BAA0B,oBAAoB;AAE3D,MAAM,uBAAuB,CAAC,eAAe,SAAS,gBAAgB,cAAc;AAGpF,MAAM,WAAW,IAAI,qBAAqB,iBAAiB,CAAC;AAC5D,MAAM,gBAAgB,IAAI,qBAAqB,uBAAuB,CAAC;AAEvE,OAAO,iBAAiB,UAAU,MAAM;AACvC,WAAS,QAAQ,qBAAqB,iBAAiB;AACvD,gBAAc,QAAQ,qBAAqB,uBAAuB;AACnE,GAAG,EAAE,SAAS,MAAM;AAOb,SAAS,cAAsC;AACrD,SAAO,SAAS,QAAQ;AACzB;AAOO,SAAS,mBAA2C;AAC1D,SAAO,SAAS,aAAa;AAC9B;"}

package/dist/composables/useTrapStackControl.d.ts

@@ -1,5 +1,5 @@
-import { Ref } from 'vue';
 import { MaybeRefOrGetter } from '@vueuse/core';
+import { Ref } from 'vue';
 /**
  * Control global focus trap stack when focus trap is managed manually
  *

package/dist/directives/Linkify/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/utils/linkify.ts","../../../src/directives/Linkify/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nick Frasser <https://nfrasser.com>\n * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport type { IntermediateRepresentation } from 'linkifyjs'\n\nimport escapeHTML from 'escape-html'\nimport { tokenize, Options } from 'linkifyjs'\n\n/**\n * Convert a plan text string to an HTML string with links. Expects that the\n * given strings does not contain any HTML entities. Use the linkify-html\n * interface if you need to parse HTML entities.\n *\n * @param str - String to linkify\n */\nexport function linkifyString(str: string): string {\n\tconst options = new Options({\n\t\tdefaultProtocol: 'https',\n\t\ttarget: '_blank',\n\t\tclassName: 'external linkified',\n\t\tattributes: {\n\t\t\trel: 'nofollow noopener noreferrer',\n\t\t},\n\t}, defaultRender)\n\n\tconst tokens = tokenize(str)\n\tconst result: string[] = []\n\n\tfor (const token of tokens) {\n\t\tif (token.t === 'nl' && options.get('nl2br')) {\n\t\t\tresult.push('<br>\\n')\n\t\t} else if (!token.isLink || !options.check(token)) {\n\t\t\tresult.push(escapeHTML(token.toString()))\n\t\t} else {\n\t\t\tresult.push(options.render(token))\n\t\t}\n\t}\n\n\treturn result.join('')\n}\n\n/**\n * Escape quotation marks in links for href attribute\n * @param href The link to escape\n */\nfunction escapeAttr(href: string): string {\n\treturn href.replace(/\"/g, '&quot;')\n}\n\n/**\n * Map attributes to a string.\n * @param attributes - The attribute mapping\n */\nfunction attributesToString(attributes: Record<string, string>): string {\n\tconst result: string[] = []\n\tfor (const attr in attributes) {\n\t\tconst val = attributes[attr] + ''\n\t\tresult.push(`${attr}=\"${escapeAttr(val)}\"`)\n\t}\n\treturn result.join(' ')\n}\n\n/**\n * Render the link.\n *\n * @param options - Options\n * @param options.tagName - The tag name\n * @param options.attributes - The attributes\n * @param options.content - The text content\n */\nfunction defaultRender({ tagName, attributes, content }: IntermediateRepresentation): string {\n\treturn `<${tagName} ${attributesToString(attributes)}>${escapeHTML(content)}</${tagName}>`\n}\n","/**\n * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { Directive } from 'vue'\nimport { linkifyString } from '../../utils/linkify.ts'\n\nconst directive: Directive = function(el: HTMLElement, { value }) {\n\tif (value?.linkify === true) {\n\t\tel.innerHTML = linkifyString(value.text)\n\t}\n}\n\nexport default directive\n"],"names":[],"mappings":";;AAiBO,SAAS,cAAc,KAAqB;AAClD,QAAM,UAAU,IAAI,QAAQ;AAAA,IAC3B,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,MACX,KAAK;AAAA,IAAA;AAAA,EACN,GACE,aAAa;AAEhB,QAAM,SAAS,SAAS,GAAG;AAC3B,QAAM,SAAmB,CAAA;AAEzB,aAAW,SAAS,QAAQ;AAC3B,QAAI,MAAM,MAAM,QAAQ,QAAQ,IAAI,OAAO,GAAG;AAC7C,aAAO,KAAK,QAAQ;AAAA,IACrB,WAAW,CAAC,MAAM,UAAU,CAAC,QAAQ,MAAM,KAAK,GAAG;AAClD,aAAO,KAAK,WAAW,MAAM,SAAA,CAAU,CAAC;AAAA,IACzC,OAAO;AACN,aAAO,KAAK,QAAQ,OAAO,KAAK,CAAC;AAAA,IAClC;AAAA,EACD;AAEA,SAAO,OAAO,KAAK,EAAE;AACtB;AAMA,SAAS,WAAW,MAAsB;AACzC,SAAO,KAAK,QAAQ,MAAM,QAAQ;AACnC;AAMA,SAAS,mBAAmB,YAA4C;AACvE,QAAM,SAAmB,CAAA;AACzB,aAAW,QAAQ,YAAY;AAC9B,UAAM,MAAM,WAAW,IAAI,IAAI;AAC/B,WAAO,KAAK,GAAG,IAAI,KAAK,WAAW,GAAG,CAAC,GAAG;AAAA,EAC3C;AACA,SAAO,OAAO,KAAK,GAAG;AACvB;AAUA,SAAS,cAAc,EAAE,SAAS,YAAY,WAA+C;AAC5F,SAAO,IAAI,OAAO,IAAI,mBAAmB,UAAU,CAAC,IAAI,WAAW,OAAO,CAAC,KAAK,OAAO;AACxF;AClEA,MAAM,YAAuB,SAAS,IAAiB,EAAE,SAAS;AACjE,MAAI,OAAO,YAAY,MAAM;AAC5B,OAAG,YAAY,cAAc,MAAM,IAAI;AAAA,EACxC;AACD;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/utils/linkify.ts","../../../src/directives/Linkify/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nick Frasser <https://nfrasser.com>\n * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport type { IntermediateRepresentation } from 'linkifyjs'\n\nimport escapeHTML from 'escape-html'\nimport { Options, tokenize } from 'linkifyjs'\n\n/**\n * Convert a plan text string to an HTML string with links. Expects that the\n * given strings does not contain any HTML entities. Use the linkify-html\n * interface if you need to parse HTML entities.\n *\n * @param str - String to linkify\n */\nexport function linkifyString(str: string): string {\n\tconst options = new Options({\n\t\tdefaultProtocol: 'https',\n\t\ttarget: '_blank',\n\t\tclassName: 'external linkified',\n\t\tattributes: {\n\t\t\trel: 'nofollow noopener noreferrer',\n\t\t},\n\t}, defaultRender)\n\n\tconst tokens = tokenize(str)\n\tconst result: string[] = []\n\n\tfor (const token of tokens) {\n\t\tif (token.t === 'nl' && options.get('nl2br')) {\n\t\t\tresult.push('<br>\\n')\n\t\t} else if (!token.isLink || !options.check(token)) {\n\t\t\tresult.push(escapeHTML(token.toString()))\n\t\t} else {\n\t\t\tresult.push(options.render(token))\n\t\t}\n\t}\n\n\treturn result.join('')\n}\n\n/**\n * Escape quotation marks in links for href attribute\n *\n * @param href The link to escape\n */\nfunction escapeAttr(href: string): string {\n\treturn href.replace(/\"/g, '&quot;')\n}\n\n/**\n * Map attributes to a string.\n *\n * @param attributes - The attribute mapping\n */\nfunction attributesToString(attributes: Record<string, string>): string {\n\tconst result: string[] = []\n\tfor (const attr in attributes) {\n\t\tconst val = attributes[attr] + ''\n\t\tresult.push(`${attr}=\"${escapeAttr(val)}\"`)\n\t}\n\treturn result.join(' ')\n}\n\n/**\n * Render the link.\n *\n * @param options - Options\n * @param options.tagName - The tag name\n * @param options.attributes - The attributes\n * @param options.content - The text content\n */\nfunction defaultRender({ tagName, attributes, content }: IntermediateRepresentation): string {\n\treturn `<${tagName} ${attributesToString(attributes)}>${escapeHTML(content)}</${tagName}>`\n}\n","/**\n * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { Directive } from 'vue'\n\nimport { linkifyString } from '../../utils/linkify.ts'\n\nconst directive: Directive = function(el: HTMLElement, { value }) {\n\tif (value?.linkify === true) {\n\t\tel.innerHTML = linkifyString(value.text)\n\t}\n}\n\nexport default directive\n"],"names":[],"mappings":";;AAiBO,SAAS,cAAc,KAAqB;AAClD,QAAM,UAAU,IAAI,QAAQ;AAAA,IAC3B,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,MACX,KAAK;AAAA,IAAA;AAAA,EACN,GACE,aAAa;AAEhB,QAAM,SAAS,SAAS,GAAG;AAC3B,QAAM,SAAmB,CAAA;AAEzB,aAAW,SAAS,QAAQ;AAC3B,QAAI,MAAM,MAAM,QAAQ,QAAQ,IAAI,OAAO,GAAG;AAC7C,aAAO,KAAK,QAAQ;AAAA,IACrB,WAAW,CAAC,MAAM,UAAU,CAAC,QAAQ,MAAM,KAAK,GAAG;AAClD,aAAO,KAAK,WAAW,MAAM,SAAA,CAAU,CAAC;AAAA,IACzC,OAAO;AACN,aAAO,KAAK,QAAQ,OAAO,KAAK,CAAC;AAAA,IAClC;AAAA,EACD;AAEA,SAAO,OAAO,KAAK,EAAE;AACtB;AAOA,SAAS,WAAW,MAAsB;AACzC,SAAO,KAAK,QAAQ,MAAM,QAAQ;AACnC;AAOA,SAAS,mBAAmB,YAA4C;AACvE,QAAM,SAAmB,CAAA;AACzB,aAAW,QAAQ,YAAY;AAC9B,UAAM,MAAM,WAAW,IAAI,IAAI;AAC/B,WAAO,KAAK,GAAG,IAAI,KAAK,WAAW,GAAG,CAAC,GAAG;AAAA,EAC3C;AACA,SAAO,OAAO,KAAK,GAAG;AACvB;AAUA,SAAS,cAAc,EAAE,SAAS,YAAY,WAA+C;AAC5F,SAAO,IAAI,OAAO,IAAI,mBAAmB,UAAU,CAAC,IAAI,WAAW,OAAO,CAAC,KAAK,OAAO;AACxF;ACnEA,MAAM,YAAuB,SAAS,IAAiB,EAAE,SAAS;AACjE,MAAI,OAAO,YAAY,MAAM;AAC5B,OAAG,YAAY,cAAc,MAAM,IAAI;AAAA,EACxC;AACD;"}

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

@@ -5,8 +5,6 @@
 /**
  * Return true if the DOM event is an accessible mouse or keyboard element activation, false otherwise
  *
- * @param {Event} event DOM event
- *
- * @return {boolean}
+ * @param event - DOM event
  */
-export declare const isA11yActivation: (event: Event) => boolean;
+export declare function isA11yActivation(event: Event): boolean;