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

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

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

package/dist/components/NcSettingsSelectGroup/index.mjs

@@ -1,5 +1,6 @@
-import { N as NcSettingsSelectGroup } from "../../chunks/NcSettingsSelectGroup-CKIbxms2.mjs";
+import { N as NcSettingsSelectGroup } from "../../chunks/NcSettingsSelectGroup-B8uq0KIw.mjs";
 export {
   NcSettingsSelectGroup,
   NcSettingsSelectGroup as default
 };
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/components/NcTextArea/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcTextArea-C-PMlEbl.mjs";
+import { N } from "../../chunks/NcTextArea-DKHjCur8.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcTextField/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcTextField-CNV42Zey.mjs";
+import { N } from "../../chunks/NcTextField-KGXtf7Y6.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

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

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

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

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

package/dist/components/NcTimezonePicker/index.mjs

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

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

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

package/dist/components/NcUserBubble/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcUserBubble-MfDc1YR2.mjs";
+import { N } from "../../chunks/NcUserBubble-qqRewR9C.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcUserStatusIcon/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcUserStatusIcon-vtnkNASH.mjs";
+import { N } from "../../chunks/NcUserStatusIcon-DpZVD4HJ.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcVNodes/index.mjs

@@ -21,3 +21,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/index.d.ts

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

package/dist/composables/index.d.ts

@@ -1,5 +1,9 @@
-export * from './useIsFullscreen/index.js';
-export * from './useIsMobile/index.js';
+/**
+ * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
 export * from './useFormatDateTime.ts';
 export * from './useHotKey/index.ts';
 export * from './useIsDarkTheme/index.ts';
+export * from './useIsFullscreen/index.ts';
+export * from './useIsMobile/index.ts';

package/dist/composables/useHotKey/index.mjs

@@ -69,3 +69,4 @@ function useHotKey(keysOrFilter, callback = () => {
 export {
   useHotKey
 };
+//# sourceMappingURL=index.mjs.map

package/dist/composables/useIsDarkTheme/index.mjs

@@ -16,3 +16,4 @@ export {
   useIsDarkTheme,
   useIsDarkThemeElement
 };
+//# sourceMappingURL=index.mjs.map

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

@@ -1,6 +1,5 @@
+import { Ref } from 'vue';
 /**
- * Use global isFullscreen state, based on the screen height check
- *
- * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>}
+ * Use global `isFullscreen` state, based on the screen height check.
  */
-export function useIsFullscreen(): import('vue').DeepReadonly<import('vue').Ref<boolean>>;
+export declare function useIsFullscreen(): Readonly<Ref<boolean>>;

package/dist/composables/useIsFullscreen/index.mjs

@@ -1,12 +1,15 @@
 import { ref, readonly } from "vue";
-const checkIfIsFullscreen = () => window.outerHeight === screen.height;
 const isFullscreen = ref(checkIfIsFullscreen());
 window.addEventListener("resize", () => {
   isFullscreen.value = checkIfIsFullscreen();
 });
+function checkIfIsFullscreen() {
+  return window.outerHeight === window.screen.height;
+}
 function useIsFullscreen() {
   return readonly(isFullscreen);
 }
 export {
   useIsFullscreen
 };
+//# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/composables/useIsFullscreen/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { readonly, ref } from 'vue'\n\n// if the window height is equal to the screen height,\n// we're in full screen mode\nconst checkIfIsFullscreen = () => window.outerHeight === screen.height\n\nconst isFullscreen = ref(checkIfIsFullscreen())\n\nwindow.addEventListener('resize', () => {\n\tisFullscreen.value = checkIfIsFullscreen()\n})\n\n/**\n * Use global isFullscreen state, based on the screen height check\n *\n * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>}\n */\nexport function useIsFullscreen() {\n\treturn readonly(isFullscreen)\n}\n"],"names":[],"mappings":";AASA,MAAM,sBAAsB,MAAM,OAAO,gBAAgB,OAAO;AAEhE,MAAM,eAAe,IAAI,oBAAqB,CAAA;AAE9C,OAAO,iBAAiB,UAAU,MAAM;AACvC,eAAa,QAAQ,oBAAmB;AACzC,CAAC;AAOM,SAAS,kBAAkB;AACjC,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 */\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,oBAAoB;AAC1C,CAAC;AAMD,SAAS,sBAA+B;AAChC,SAAA,OAAO,gBAAgB,OAAO,OAAO;AAC7C;AAKO,SAAS,kBAA0C;AACzD,SAAO,SAAS,YAAY;AAC7B;"}

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

@@ -1,22 +1,17 @@
+import { Ref } from 'vue';
+/** The minimal width of the viewport for a desktop screen */
+export declare const MOBILE_BREAKPOINT = 1024;
+/** The minimal width of the viewport for a small mobile screen, a half of the minimal desktop */
+export declare const MOBILE_SMALL_BREAKPOINT: number;
 /**
  * Use global isMobile state
  *
- * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>} Reactive flag for MOBILE_BREAKPOINT
+ * @return Reactive flag for MOBILE_BREAKPOINT
  */
-export function useIsMobile(): import('vue').DeepReadonly<import('vue').Ref<boolean>>;
+export declare function useIsMobile(): Readonly<Ref<boolean>>;
 /**
  * Use global isSmallMobile state
  *
- * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>} Reactive flag for MOBILE_SMALL_BREAKPOINT
- */
-export function useIsSmallMobile(): import('vue').DeepReadonly<import('vue').Ref<boolean>>;
-/** The minimal width of the viewport for a desktop screen */
-export const MOBILE_BREAKPOINT: 1024;
-/** The minimal width of the viewport for a small mobile screen, a half of the minimal desktop */
-export const MOBILE_SMALL_BREAKPOINT: number;
-/**
- * @deprecated Is to be removed in v9.0.0 with Vue 3 migration.
- *             Use `composables/useIsMobile` instead.
- *             Defined and exported only for isMobile mixin.
+ * @return Reactive flag for MOBILE_SMALL_BREAKPOINT
  */
-export const isMobileState: Readonly<import('vue').Ref<boolean, boolean>>;
+export declare function useIsSmallMobile(): Readonly<Ref<boolean>>;

package/dist/composables/useIsMobile/index.mjs

@@ -14,11 +14,10 @@ function useIsMobile() {
 function useIsSmallMobile() {
   return readonly(isSmallMobile);
 }
-const isMobileState = readonly(isMobile);
 export {
   MOBILE_BREAKPOINT,
   MOBILE_SMALL_BREAKPOINT,
-  isMobileState,
   useIsMobile,
   useIsSmallMobile
 };
+//# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/composables/useIsMobile/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { readonly, ref } from 'vue'\n\n/** The minimal width of the viewport for a desktop screen */\nexport const MOBILE_BREAKPOINT = 1024\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 {import('vue').DeepReadonly<import('vue').Ref<boolean>>} Reactive flag for MOBILE_BREAKPOINT\n */\nexport function useIsMobile() {\n\treturn readonly(isMobile)\n}\n\n/**\n * Use global isSmallMobile state\n *\n * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>} Reactive flag for MOBILE_SMALL_BREAKPOINT\n */\nexport function useIsSmallMobile() {\n\treturn readonly(isSmallMobile)\n}\n\n/**\n * @deprecated Is to be removed in v9.0.0 with Vue 3 migration.\n *             Use `composables/useIsMobile` instead.\n *             Defined and exported only for isMobile mixin.\n */\nexport const isMobileState = readonly(isMobile)\n"],"names":[],"mappings":";AAQY,MAAC,oBAAoB;AAErB,MAAC,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,KAAM,CAAA;AAOb,SAAS,cAAc;AAC7B,SAAO,SAAS,QAAQ;AACzB;AAOO,SAAS,mBAAmB;AAClC,SAAO,SAAS,aAAa;AAC9B;AAOY,MAAC,gBAAgB,SAAS,QAAQ;"}
+{"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;AAC9B,WAAA,QAAQ,qBAAqB,iBAAiB;AACzC,gBAAA,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/directives/Focus/index.mjs

@@ -7,3 +7,4 @@ export {
   directive as default,
   directive
 };
+//# sourceMappingURL=index.mjs.map

package/dist/directives/Linkify/index.d.ts

@@ -1,2 +1,3 @@
-export function directive(el: any, binding: any): void;
+import { Directive } from 'vue';
+declare const directive: Directive;
 export default directive;

package/dist/directives/Linkify/index.mjs

@@ -1,20 +1,48 @@
-import linkifyStr from "linkify-string";
-const Linkify = (text) => {
-  return linkifyStr(text, {
+import escapeHTML from "escape-html";
+import { Options, tokenize } from "linkifyjs";
+function linkifyString(str) {
+  const options = new Options({
     defaultProtocol: "https",
     target: "_blank",
     className: "external linkified",
     attributes: {
       rel: "nofollow noopener noreferrer"
     }
-  });
-};
-const directive = function(el, binding) {
-  if (binding.value?.linkify === true) {
-    el.innerHTML = Linkify(binding.value.text);
+  }, defaultRender);
+  const tokens = tokenize(str);
+  const result = [];
+  for (let i = 0; i < tokens.length; i++) {
+    const token = tokens[i];
+    if (token.t === "nl" && options.get("nl2br")) {
+      result.push("<br>\n");
+    } else if (!token.isLink || !options.check(token)) {
+      result.push(escapeHTML(token.toString()));
+    } else {
+      result.push(options.render(token));
+    }
+  }
+  return result.join("");
+}
+function escapeAttr(href) {
+  return href.replace(/"/g, "&quot;");
+}
+function attributesToString(attributes) {
+  const result = [];
+  for (const attr in attributes) {
+    const val = attributes[attr] + "";
+    result.push(`${attr}="${escapeAttr(val)}"`);
+  }
+  return result.join(" ");
+}
+function defaultRender({ tagName, attributes, content }) {
+  return `<${tagName} ${attributesToString(attributes)}>${escapeHTML(content)}</${tagName}>`;
+}
+const directive = function(el, { value }) {
+  if (value?.linkify === true) {
+    el.innerHTML = linkifyString(value.text);
   }
 };
 export {
-  directive as default,
-  directive
+  directive as default
 };
+//# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/utils/Linkify.js","../../../src/directives/Linkify/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport linkifyStr from 'linkify-string'\n\n/**\n * Linkify text\n *\n * @param {string} text The text to linkify\n * @return {string} The linkified string\n */\nconst Linkify = (text) => {\n\treturn linkifyStr(text, {\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})\n}\n\nexport default Linkify\n","/**\n * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport Linkify from '../../utils/Linkify.js'\n\n// Use function shorthand for same behavior on bind and update\n// https://vuejs.org/v2/guide/custom-directive.html#Function-Shorthand\nexport const directive = function(el, binding) {\n\tif (binding.value?.linkify === true) {\n\t\tel.innerHTML = Linkify(binding.value.text)\n\t}\n}\n\nexport default directive\n"],"names":[],"mappings":";AAaA,MAAM,UAAU,CAAC,SAAS;AACzB,SAAO,WAAW,MAAM;AAAA,IACvB,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,MACX,KAAK;AAAA,IACL;AAAA,EACD,CAAA;AACF;ACbY,MAAC,YAAY,SAAS,IAAI,SAAS;AAC9C,MAAI,QAAQ,OAAO,YAAY,MAAM;AACpC,OAAG,YAAY,QAAQ,QAAQ,MAAM,IAAI;AAAA,EAC3C;AACA;"}
+{"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 (let i = 0; i < tokens.length; i++) {\n\t\tconst token = tokens[i]\n\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;AAC5C,QAAA,UAAU,IAAI,QAAQ;AAAA,IAC3B,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,MACX,KAAK;AAAA,IAAA;AAAA,KAEJ,aAAa;AAEV,QAAA,SAAS,SAAS,GAAG;AAC3B,QAAM,SAAmB,CAAC;AAE1B,WAAS,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;AACjC,UAAA,QAAQ,OAAO,CAAC;AAEtB,QAAI,MAAM,MAAM,QAAQ,QAAQ,IAAI,OAAO,GAAG;AAC7C,aAAO,KAAK,QAAQ;AAAA,IAAA,WACV,CAAC,MAAM,UAAU,CAAC,QAAQ,MAAM,KAAK,GAAG;AAClD,aAAO,KAAK,WAAW,MAAM,SAAU,CAAA,CAAC;AAAA,IAAA,OAClC;AACN,aAAO,KAAK,QAAQ,OAAO,KAAK,CAAC;AAAA,IAAA;AAAA,EAClC;AAGM,SAAA,OAAO,KAAK,EAAE;AACtB;AAMA,SAAS,WAAW,MAAsB;AAClC,SAAA,KAAK,QAAQ,MAAM,QAAQ;AACnC;AAMA,SAAS,mBAAmB,YAA4C;AACvE,QAAM,SAAmB,CAAC;AAC1B,aAAW,QAAQ,YAAY;AACxB,UAAA,MAAM,WAAW,IAAI,IAAI;AAC/B,WAAO,KAAK,GAAG,IAAI,KAAK,WAAW,GAAG,CAAC,GAAG;AAAA,EAAA;AAEpC,SAAA,OAAO,KAAK,GAAG;AACvB;AAUA,SAAS,cAAc,EAAE,SAAS,YAAY,WAA+C;AACrF,SAAA,IAAI,OAAO,IAAI,mBAAmB,UAAU,CAAC,IAAI,WAAW,OAAO,CAAC,KAAK,OAAO;AACxF;ACpEA,MAAM,YAAuB,SAAS,IAAiB,EAAE,SAAS;AAC7D,MAAA,OAAO,YAAY,MAAM;AACzB,OAAA,YAAY,cAAc,MAAM,IAAI;AAAA,EAAA;AAEzC;"}

package/dist/directives/index.d.ts

@@ -3,5 +3,4 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 export { default as Focus } from './Focus/index.js';
-export { default as Linkify } from './Linkify/index.js';
-export { default as Tooltip } from './Tooltip/index.js';
+export { default as Linkify } from './Linkify/index.ts';

package/dist/functions/a11y/index.mjs

@@ -10,3 +10,4 @@ const isA11yActivation = (event) => {
 export {
   isA11yActivation
 };
+//# sourceMappingURL=index.mjs.map