@nextcloud/vue 8.27.0 → 8.28.0

package/dist/index.cjs

@@ -1,54 +1,54 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const NcActionButton = require("./chunks/NcActionButton-CD87AU6W.cjs");
-const NcActionButtonGroup = require("./chunks/NcActionButtonGroup-BMy3W9fG.cjs");
+const NcActionButton = require("./chunks/NcActionButton-DBh812gJ.cjs");
+const NcActionButtonGroup = require("./chunks/NcActionButtonGroup-qRIt-It4.cjs");
 const Components_NcActionCaption = require("./Components/NcActionCaption.cjs");
 const NcActionCheckbox = require("./chunks/NcActionCheckbox-JX-QaTD6.cjs");
-const NcActionInput = require("./chunks/NcActionInput-BmERg0FB.cjs");
+const NcActionInput = require("./chunks/NcActionInput-CtkE6Hny.cjs");
 const Components_NcActionLink = require("./Components/NcActionLink.cjs");
 const NcActionRadio = require("./chunks/NcActionRadio-BUCQ6VxA.cjs");
 const Components_NcActionRouter = require("./Components/NcActionRouter.cjs");
-const NcActions = require("./chunks/NcActions-B7DbEbCo.cjs");
+const NcActions = require("./chunks/NcActions-DvZOLPjX.cjs");
 const Components_NcActionSeparator = require("./Components/NcActionSeparator.cjs");
 const Components_NcActionText = require("./Components/NcActionText.cjs");
-const NcActionTextEditable = require("./chunks/NcActionTextEditable-Cceub6Yt.cjs");
-const NcAppContent = require("./chunks/NcAppContent-B7ER65tk.cjs");
+const NcActionTextEditable = require("./chunks/NcActionTextEditable-Du_71yLe.cjs");
+const NcAppContent = require("./chunks/NcAppContent-CItX43vM.cjs");
 const Components_NcAppContentDetails = require("./Components/NcAppContentDetails.cjs");
 const Components_NcAppContentList = require("./Components/NcAppContentList.cjs");
-const NcAppNavigation = require("./chunks/NcAppNavigation-JyeZxhb6.cjs");
-const NcAppNavigationCaption = require("./chunks/NcAppNavigationCaption-CMnWvBgA.cjs");
+const NcAppNavigation = require("./chunks/NcAppNavigation-C86dBexT.cjs");
+const NcAppNavigationCaption = require("./chunks/NcAppNavigationCaption-B53sg-pO.cjs");
 const Components_NcAppNavigationIconBullet = require("./Components/NcAppNavigationIconBullet.cjs");
-const NcAppNavigationItem = require("./chunks/NcAppNavigationItem-B9Gs5p7m.cjs");
+const NcAppNavigationItem = require("./chunks/NcAppNavigationItem-huCt6Fb0.cjs");
 const Components_NcAppNavigationList = require("./Components/NcAppNavigationList.cjs");
 const Components_NcAppNavigationNew = require("./Components/NcAppNavigationNew.cjs");
-const NcAppNavigationNewItem = require("./chunks/NcAppNavigationNewItem-BLek0JRU.cjs");
-const NcAppNavigationSearch = require("./chunks/NcAppNavigationSearch-BblolNaS.cjs");
-const NcAppNavigationSettings = require("./chunks/NcAppNavigationSettings-ppse1A0c.cjs");
+const NcAppNavigationNewItem = require("./chunks/NcAppNavigationNewItem-CQB6KhNm.cjs");
+const NcAppNavigationSearch = require("./chunks/NcAppNavigationSearch-BxhJ30Ai.cjs");
+const NcAppNavigationSettings = require("./chunks/NcAppNavigationSettings-x3sCPjbc.cjs");
 const Components_NcAppNavigationSpacer = require("./Components/NcAppNavigationSpacer.cjs");
-const NcAppSettingsDialog = require("./chunks/NcAppSettingsDialog-6cTux_qA.cjs");
+const NcAppSettingsDialog = require("./chunks/NcAppSettingsDialog-B6CvUEz6.cjs");
 const Components_NcAppSettingsSection = require("./Components/NcAppSettingsSection.cjs");
-const NcAppSidebar = require("./chunks/NcAppSidebar-BqMsSY-_.cjs");
+const NcAppSidebar = require("./chunks/NcAppSidebar-BtJnp-19.cjs");
 const NcAppSidebarHeader = require("./chunks/NcAppSidebarHeader-BUXD8c9i.cjs");
 const Components_NcAppSidebarTab = require("./Components/NcAppSidebarTab.cjs");
-const NcAvatar = require("./chunks/NcAvatar-D_1clyWB.cjs");
+const NcAvatar = require("./chunks/NcAvatar-CbUnw3_c.cjs");
 const NcBlurHash = require("./chunks/NcBlurHash-CJ8retHx.cjs");
-const NcBreadcrumb = require("./chunks/NcBreadcrumb-BSRmcIIh.cjs");
-const NcBreadcrumbs = require("./chunks/NcBreadcrumbs-B0m6jKER.cjs");
+const NcBreadcrumb = require("./chunks/NcBreadcrumb-K0ol_C7l.cjs");
+const NcBreadcrumbs = require("./chunks/NcBreadcrumbs-Ds40ClR-.cjs");
 const Components_NcButton = require("./Components/NcButton.cjs");
-const NcCheckboxRadioSwitch = require("./chunks/NcCheckboxRadioSwitch-DbK49DI7.cjs");
-const NcCollectionList = require("./chunks/NcCollectionList-BStYmq4u.cjs");
-const NcColorPicker = require("./chunks/NcColorPicker-T-ifFDNs.cjs");
-const NcContent = require("./chunks/NcContent-DUUfYUtn.cjs");
+const NcCheckboxRadioSwitch = require("./chunks/NcCheckboxRadioSwitch-IOUKKqSP.cjs");
+const NcCollectionList = require("./chunks/NcCollectionList-B7SKtsie.cjs");
+const NcColorPicker = require("./chunks/NcColorPicker-HzfzrrTt.cjs");
+const NcContent = require("./chunks/NcContent-B2Uvy01y.cjs");
 const NcCounterBubble = require("./chunks/NcCounterBubble-BRrUO34D.cjs");
-const NcDashboardWidget = require("./chunks/NcDashboardWidget-BI_Z44sc.cjs");
-const NcDashboardWidgetItem = require("./chunks/NcDashboardWidgetItem-gMKHqbAo.cjs");
-const NcDateTime = require("./chunks/NcDateTime-C-kLQayi.cjs");
+const NcDashboardWidget = require("./chunks/NcDashboardWidget-CJMYBSOl.cjs");
+const NcDashboardWidgetItem = require("./chunks/NcDashboardWidgetItem-EVIAYLsi.cjs");
+const NcDateTime = require("./chunks/NcDateTime-Cl-PZpLN.cjs");
 const Components_NcDateTimePicker = require("./Components/NcDateTimePicker.cjs");
 const Components_NcDateTimePickerNative = require("./Components/NcDateTimePickerNative.cjs");
-const NcDialog = require("./chunks/NcDialog-DvC6y1MC.cjs");
-const NcDialogButton = require("./chunks/NcDialogButton-BFemrIUw.cjs");
+const NcDialog = require("./chunks/NcDialog-D4gfqrqn.cjs");
+const NcDialogButton = require("./chunks/NcDialogButton-SPofxC7K.cjs");
 const Components_NcEllipsisedOption = require("./Components/NcEllipsisedOption.cjs");
-const NcEmojiPicker = require("./chunks/NcEmojiPicker-CtvRZuBW.cjs");
+const NcEmojiPicker = require("./chunks/NcEmojiPicker-LpRAYAZU.cjs");
 const Components_NcEmptyContent = require("./Components/NcEmptyContent.cjs");
 const Components_NcGuestContent = require("./Components/NcGuestContent.cjs");
 const Components_NcHeaderButton = require("./Components/NcHeaderButton.cjs");
@@ -56,43 +56,44 @@ const NcHeaderMenu = require("./chunks/NcHeaderMenu-CCaYMhFb.cjs");
 const Components_NcHighlight = require("./chunks/index-DIJxEozm.cjs");
 const NcIconSvgWrapper = require("./chunks/NcIconSvgWrapper-CrnN5Sq5.cjs");
 const NcInputField = require("./chunks/NcInputField-C61UUN46.cjs");
-const NcListItem = require("./chunks/NcListItem-BVNMtN9D.cjs");
-const NcListItemIcon = require("./chunks/NcListItemIcon-C_sEE5Xw.cjs");
+const NcListItem = require("./chunks/NcListItem-Bs-sl-hH.cjs");
+const NcListItemIcon = require("./chunks/NcListItemIcon-DQn2njGl.cjs");
 const Components_NcLoadingIcon = require("./Components/NcLoadingIcon.cjs");
 const Components_NcModal = require("./Components/NcModal.cjs");
 const Components_NcNoteCard = require("./Components/NcNoteCard.cjs");
-const NcPasswordField = require("./chunks/NcPasswordField-BCzIotoB.cjs");
+const NcPasswordField = require("./chunks/NcPasswordField-B_d4oTF9.cjs");
 const NcPopover = require("./chunks/NcPopover-B2z7TwNr.cjs");
 const NcProgressBar = require("./chunks/NcProgressBar-Do5Y3u8S.cjs");
-const NcRelatedResourcesPanel = require("./chunks/NcRelatedResourcesPanel-C9qkNtuo.cjs");
+const NcRelatedResourcesPanel = require("./chunks/NcRelatedResourcesPanel-DDKi2A47.cjs");
 const Mixins_richEditor = require("./chunks/index-B0yHh7IW.cjs");
-const NcRichContenteditable = require("./chunks/NcRichContenteditable-Df_eA-oc.cjs");
-const NcRichText = require("./chunks/NcRichText-BS22_NFb.cjs");
+const NcRichContenteditable = require("./chunks/NcRichContenteditable-CbF4935r.cjs");
+const NcRichText = require("./chunks/NcRichText-DxDK1G5d.cjs");
 const Functions_registerReference = require("./chunks/index-BV85rPB7.cjs");
 require("@vueuse/core");
 require("vue");
 require("vue-router");
-const referencePickerModal = require("./chunks/referencePickerModal-D4q4tELn.cjs");
+const referencePickerModal = require("./chunks/referencePickerModal-DbrHVDKS.cjs");
 require("unist-util-visit");
 require("unist-builder");
 require("@nextcloud/router");
 require("@nextcloud/axios");
 require("@nextcloud/sharing/public");
 require("@nextcloud/auth");
-const NcSelect = require("./chunks/NcSelect-D2xnxw4_.cjs");
-const NcTextField = require("./chunks/NcTextField-Uk5iD8o2.cjs");
+const NcSelect = require("./chunks/NcSelect-CvN1DuY2.cjs");
+const NcTextField = require("./chunks/NcTextField-CMxmd2Wn.cjs");
 require("@nextcloud/event-bus");
 const NcSavingIndicatorIcon = require("./chunks/NcSavingIndicatorIcon-Bu-zt4pR.cjs");
-const NcSelectTags = require("./chunks/NcSelectTags--3rrSgOf.cjs");
-const NcSelectUsers = require("./chunks/NcSelectUsers-CtuVriGK.cjs");
-const NcSettingsInputText = require("./chunks/NcSettingsInputText-BU1_SHOq.cjs");
-const NcSettingsSection = require("./chunks/NcSettingsSection-Dcdxs1IN.cjs");
-const NcSettingsSelectGroup = require("./chunks/NcSettingsSelectGroup-Dj0Cusng.cjs");
+const NcSelectTags = require("./chunks/NcSelectTags-DJoDzrZl.cjs");
+const NcSelectUsers = require("./chunks/NcSelectUsers-IoPgizBH.cjs");
+const NcSettingsInputText = require("./chunks/NcSettingsInputText-BknU0gbE.cjs");
+const NcSettingsSection = require("./chunks/NcSettingsSection-dlDi9oLJ.cjs");
+const NcSettingsSelectGroup = require("./chunks/NcSettingsSelectGroup-Bm8naUVk.cjs");
 const NcTextArea = require("./chunks/NcTextArea-CYLGAGcO.cjs");
-const NcTimezonePicker = require("./chunks/NcTimezonePicker-BZhgUp10.cjs");
-const NcUserBubble = require("./chunks/NcUserBubble-CQHrLJ0S.cjs");
-const NcUserStatusIcon = require("./chunks/NcUserStatusIcon-cs42Lzdd.cjs");
+const NcTimezonePicker = require("./chunks/NcTimezonePicker-Ds_yZJVZ.cjs");
+const NcUserBubble = require("./chunks/NcUserBubble-B5MtyQce.cjs");
+const NcUserStatusIcon = require("./chunks/NcUserStatusIcon-B_-V1MDZ.cjs");
 const Components_NcVNodes = require("./Components/NcVNodes.cjs");
+const Composables_useFormatDateTime = require("./Composables/useFormatDateTime.cjs");
 const Composables_useHotKey = require("./Composables/useHotKey.cjs");
 const Composables_useIsDarkTheme = require("./Composables/useIsDarkTheme.cjs");
 const Composables_useIsFullscreen = require("./Composables/useIsFullscreen.cjs");
@@ -103,7 +104,7 @@ const Functions_dialog = require("./Functions/dialog.cjs");
 const emoji = require("./chunks/emoji-VgSjNTd5.cjs");
 const Functions_isDarkTheme = require("./Functions/isDarkTheme.cjs");
 const Functions_preloadImage = require("./Functions/preloadImage.cjs");
-const usernameToColor = require("./chunks/usernameToColor-mqInDrGv.cjs");
+const usernameToColor = require("./chunks/usernameToColor-Bu43-l7c.cjs");
 const Directives_Focus = require("./Directives/Focus.cjs");
 const Directives_Linkify = require("./Directives/Linkify.cjs");
 require("./Directives/Tooltip.cjs");
@@ -256,7 +257,6 @@ exports.NcCounterBubble = NcCounterBubble.NcCounterBubble;
 exports.NcDashboardWidget = NcDashboardWidget.NcDashboardWidget;
 exports.NcDashboardWidgetItem = NcDashboardWidgetItem.NcDashboardWidgetItem;
 exports.NcDateTime = NcDateTime.NcDateTime;
-exports.useFormatDateTime = NcDateTime.useFormatDateTime;
 exports.NcDateTimePicker = Components_NcDateTimePicker;
 exports.NcDateTimePickerNative = Components_NcDateTimePickerNative;
 exports.NcDialog = NcDialog.NcDialog;
@@ -311,6 +311,9 @@ exports.NcTimezonePicker = NcTimezonePicker.NcTimezonePicker;
 exports.NcUserBubble = NcUserBubble.NcUserBubble;
 exports.NcUserStatusIcon = NcUserStatusIcon.NcUserStatusIcon;
 exports.NcVNodes = Components_NcVNodes;
+exports.useFormatDateTime = Composables_useFormatDateTime.useFormatDateTime;
+exports.useFormatRelativeTime = Composables_useFormatDateTime.useFormatRelativeTime;
+exports.useFormatTime = Composables_useFormatDateTime.useFormatTime;
 exports.useHotKey = Composables_useHotKey.useHotKey;
 exports.useIsDarkTheme = Composables_useIsDarkTheme.useIsDarkTheme;
 exports.useIsDarkThemeElement = Composables_useIsDarkTheme.useIsDarkThemeElement;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/plugin.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { DefineComponent, Directive, PluginObject } from 'vue'\n\nimport * as NcComponents from './components/index.js'\nimport * as NcDirectives from './directives/index.js'\n\n/**\n * Install all Nextcloud Vue components and directives globally\n * @example\n * ```js\n * import { NextcloudVuePlugin } from '@nextcloud/vue'\n * import Vue from 'vue'\n *\n * // ...\n *\n * Vue.use(NextcloudVuePlugin)\n * new Vue({\n *     // options\n * })\n * ```\n */\nexport const NextcloudVuePlugin: PluginObject<never> = {\n\tinstall(Vue) {\n\t\t// Install components\n\t\tObject.entries(NcComponents as { [key: string]: DefineComponent }).forEach(([name, component]) => {\n\t\t\tVue.component(component.name || name, component)\n\t\t})\n\n\t\t// Install directives\n\t\tObject.entries(NcDirectives as { [key: string]: Directive }).forEach(([name, directive]) => {\n\t\t\tVue.directive(name, directive)\n\t\t})\n\t},\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,qBAA0C;AAAA,EACtD,QAAQ,KAAK;AAEL,WAAA,QAAQ,YAAkD,EAAE,QAAQ,CAAC,CAAC,MAAM,SAAS,MAAM;AACjG,UAAI,UAAU,UAAU,QAAQ,MAAM,SAAS;AAAA,IAAA,CAC/C;AAGM,WAAA,QAAQ,YAA4C,EAAE,QAAQ,CAAC,CAAC,MAAM,SAAS,MAAM;AACvF,UAAA,UAAU,MAAM,SAAS;AAAA,IAAA,CAC7B;AAAA,EAAA;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/plugin.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { DefineComponent, Directive, PluginObject } from 'vue'\n\nimport * as NcComponents from './components/index.js'\nimport * as NcDirectives from './directives/index.js'\n\n/**\n * Install all Nextcloud Vue components and directives globally\n * @example\n * ```js\n * import { NextcloudVuePlugin } from '@nextcloud/vue'\n * import Vue from 'vue'\n *\n * // ...\n *\n * Vue.use(NextcloudVuePlugin)\n * new Vue({\n *     // options\n * })\n * ```\n */\nexport const NextcloudVuePlugin: PluginObject<never> = {\n\tinstall(Vue) {\n\t\t// Install components\n\t\tObject.entries(NcComponents as { [key: string]: DefineComponent }).forEach(([name, component]) => {\n\t\t\tVue.component(component.name || name, component)\n\t\t})\n\n\t\t// Install directives\n\t\tObject.entries(NcDirectives as { [key: string]: Directive }).forEach(([name, directive]) => {\n\t\t\tVue.directive(name, directive)\n\t\t})\n\t},\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,qBAA0C;AAAA,EACtD,QAAQ,KAAK;AAEL,WAAA,QAAQ,YAAkD,EAAE,QAAQ,CAAC,CAAC,MAAM,SAAS,MAAM;AACjG,UAAI,UAAU,UAAU,QAAQ,MAAM,SAAS;AAAA,IAAA,CAC/C;AAGM,WAAA,QAAQ,YAA4C,EAAE,QAAQ,CAAC,CAAC,MAAM,SAAS,MAAM;AACvF,UAAA,UAAU,MAAM,SAAS;AAAA,IAAA,CAC7B;AAAA,EAAA;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.mjs

@@ -1,54 +1,53 @@
-import { N as NcActionButton } from "./chunks/NcActionButton-CuVNJJtW.mjs";
-import { N as NcActionButtonGroup } from "./chunks/NcActionButtonGroup-DEf00ge6.mjs";
+import { N as NcActionButton } from "./chunks/NcActionButton-CpGK6gSX.mjs";
+import { N as NcActionButtonGroup } from "./chunks/NcActionButtonGroup-BkU5oOmB.mjs";
 import NcActionCaption from "./Components/NcActionCaption.mjs";
 import { N as NcActionCheckbox } from "./chunks/NcActionCheckbox-DSMKeccY.mjs";
-import { N as NcActionInput } from "./chunks/NcActionInput-B4qGsF57.mjs";
+import { N as NcActionInput } from "./chunks/NcActionInput-D3FN751M.mjs";
 import NcActionLink from "./Components/NcActionLink.mjs";
 import { N as NcActionRadio } from "./chunks/NcActionRadio-yAm71xxU.mjs";
 import NcActionRouter from "./Components/NcActionRouter.mjs";
-import { N as NcActions } from "./chunks/NcActions-B4VZCD8B.mjs";
+import { N as NcActions } from "./chunks/NcActions-CzpbMJoY.mjs";
 import NcActionSeparator from "./Components/NcActionSeparator.mjs";
 import NcActionText from "./Components/NcActionText.mjs";
-import { N as NcActionTextEditable } from "./chunks/NcActionTextEditable-DNweMXRJ.mjs";
-import { N as NcAppContent } from "./chunks/NcAppContent-DyXqBrOB.mjs";
+import { N as NcActionTextEditable } from "./chunks/NcActionTextEditable-a_607PST.mjs";
+import { N as NcAppContent } from "./chunks/NcAppContent-CP6G4fZX.mjs";
 import NcAppContentDetails from "./Components/NcAppContentDetails.mjs";
 import NcAppContentList from "./Components/NcAppContentList.mjs";
-import { N as NcAppNavigation } from "./chunks/NcAppNavigation-CqKWSnxO.mjs";
-import { N as NcAppNavigationCaption } from "./chunks/NcAppNavigationCaption-DcgSwIOY.mjs";
+import { N as NcAppNavigation } from "./chunks/NcAppNavigation-sCuN3OZe.mjs";
+import { N as NcAppNavigationCaption } from "./chunks/NcAppNavigationCaption-B-5VHm-a.mjs";
 import NcAppNavigationIconBullet from "./Components/NcAppNavigationIconBullet.mjs";
-import { N as NcAppNavigationItem } from "./chunks/NcAppNavigationItem-CrTVtqYV.mjs";
+import { N as NcAppNavigationItem } from "./chunks/NcAppNavigationItem-D7Y5mGGC.mjs";
 import NcAppNavigationList from "./Components/NcAppNavigationList.mjs";
 import NcAppNavigationNew from "./Components/NcAppNavigationNew.mjs";
-import { N as NcAppNavigationNewItem } from "./chunks/NcAppNavigationNewItem-CcBvnQst.mjs";
-import { N as NcAppNavigationSearch } from "./chunks/NcAppNavigationSearch-BC3kPnxr.mjs";
-import { N as NcAppNavigationSettings } from "./chunks/NcAppNavigationSettings-JruJ3cF1.mjs";
+import { N as NcAppNavigationNewItem } from "./chunks/NcAppNavigationNewItem-DgTuysCV.mjs";
+import { N as NcAppNavigationSearch } from "./chunks/NcAppNavigationSearch-9NTDoHar.mjs";
+import { N as NcAppNavigationSettings } from "./chunks/NcAppNavigationSettings-CS36ibjM.mjs";
 import NcAppNavigationSpacer from "./Components/NcAppNavigationSpacer.mjs";
-import { N as NcAppSettingsDialog } from "./chunks/NcAppSettingsDialog-D98cLpyy.mjs";
+import { N as NcAppSettingsDialog } from "./chunks/NcAppSettingsDialog-DBViVlqo.mjs";
 import NcAppSettingsSection from "./Components/NcAppSettingsSection.mjs";
-import { N as NcAppSidebar } from "./chunks/NcAppSidebar-BdryV6wY.mjs";
+import { N as NcAppSidebar } from "./chunks/NcAppSidebar-6PtLRD0F.mjs";
 import { N as NcAppSidebarHeader } from "./chunks/NcAppSidebarHeader-G2VD8Nfl.mjs";
 import NcAppSidebarTab from "./Components/NcAppSidebarTab.mjs";
-import { N as NcAvatar } from "./chunks/NcAvatar-YSp2ORHc.mjs";
-import { u } from "./chunks/NcAvatar-YSp2ORHc.mjs";
+import { N as NcAvatar } from "./chunks/NcAvatar-DC7NtEPz.mjs";
+import { u } from "./chunks/NcAvatar-DC7NtEPz.mjs";
 import { N as NcBlurHash } from "./chunks/NcBlurHash-do2wxY-0.mjs";
-import { N as NcBreadcrumb } from "./chunks/NcBreadcrumb-Cu1XtrUo.mjs";
-import { N as NcBreadcrumbs } from "./chunks/NcBreadcrumbs-B1LdRe5_.mjs";
+import { N as NcBreadcrumb } from "./chunks/NcBreadcrumb-WO64bNkF.mjs";
+import { N as NcBreadcrumbs } from "./chunks/NcBreadcrumbs-DrTlt5X4.mjs";
 import NcButton from "./Components/NcButton.mjs";
-import { N as NcCheckboxRadioSwitch } from "./chunks/NcCheckboxRadioSwitch-VeztTzpz.mjs";
-import { N as NcCollectionList } from "./chunks/NcCollectionList-CFt-EZON.mjs";
-import { N as NcColorPicker } from "./chunks/NcColorPicker-D7aj2f61.mjs";
-import { N as NcContent } from "./chunks/NcContent-Cfz3ytoh.mjs";
+import { N as NcCheckboxRadioSwitch } from "./chunks/NcCheckboxRadioSwitch-BIEYfWtF.mjs";
+import { N as NcCollectionList } from "./chunks/NcCollectionList-CdqFiw6Z.mjs";
+import { N as NcColorPicker } from "./chunks/NcColorPicker-CtcS-XMk.mjs";
+import { N as NcContent } from "./chunks/NcContent-BOBFr3nn.mjs";
 import { N as NcCounterBubble } from "./chunks/NcCounterBubble-CDfRYl8B.mjs";
-import { N as NcDashboardWidget } from "./chunks/NcDashboardWidget-eStjL-WD.mjs";
-import { N as NcDashboardWidgetItem } from "./chunks/NcDashboardWidgetItem-BRFj1-Ir.mjs";
-import { N as NcDateTime } from "./chunks/NcDateTime-DshRFtUU.mjs";
-import { u as u2 } from "./chunks/NcDateTime-DshRFtUU.mjs";
+import { N as NcDashboardWidget } from "./chunks/NcDashboardWidget-C3FrsWrR.mjs";
+import { N as NcDashboardWidgetItem } from "./chunks/NcDashboardWidgetItem-D83T9o2C.mjs";
+import { N as NcDateTime } from "./chunks/NcDateTime-kanSdMgW.mjs";
 import NcDateTimePicker from "./Components/NcDateTimePicker.mjs";
 import NcDateTimePickerNative from "./Components/NcDateTimePickerNative.mjs";
-import { N as NcDialog } from "./chunks/NcDialog-CKgpZOiy.mjs";
-import { N as NcDialogButton } from "./chunks/NcDialogButton-CROAi1Ll.mjs";
+import { N as NcDialog } from "./chunks/NcDialog-OV8kfc5o.mjs";
+import { N as NcDialogButton } from "./chunks/NcDialogButton-BhuiKGmE.mjs";
 import NcEllipsisedOption from "./Components/NcEllipsisedOption.mjs";
-import { N as NcEmojiPicker } from "./chunks/NcEmojiPicker-Du-vbR5T.mjs";
+import { N as NcEmojiPicker } from "./chunks/NcEmojiPicker-BJSfoews.mjs";
 import NcEmptyContent from "./Components/NcEmptyContent.mjs";
 import NcGuestContent from "./Components/NcGuestContent.mjs";
 import NcHeaderButton from "./Components/NcHeaderButton.mjs";
@@ -56,44 +55,45 @@ import { N as NcHeaderMenu } from "./chunks/NcHeaderMenu-Dj7jeq88.mjs";
 import { N as NcHighlight } from "./chunks/index-Bz6q9mZw.mjs";
 import { N as NcIconSvgWrapper } from "./chunks/NcIconSvgWrapper-Cb-cPj1R.mjs";
 import { N as NcInputField } from "./chunks/NcInputField-DTtUueUZ.mjs";
-import { N as NcListItem } from "./chunks/NcListItem-B4Uyn2AS.mjs";
-import { N as NcListItemIcon } from "./chunks/NcListItemIcon-0H1Pepui.mjs";
+import { N as NcListItem } from "./chunks/NcListItem-BHhlE1Sb.mjs";
+import { N as NcListItemIcon } from "./chunks/NcListItemIcon-BDq6PIUq.mjs";
 import NcLoadingIcon from "./Components/NcLoadingIcon.mjs";
 import NcModal from "./Components/NcModal.mjs";
 import NcNoteCard from "./Components/NcNoteCard.mjs";
-import { N as NcPasswordField } from "./chunks/NcPasswordField-DNjegDVj.mjs";
+import { N as NcPasswordField } from "./chunks/NcPasswordField-5oXVlA4T.mjs";
 import { N as NcPopover } from "./chunks/NcPopover-kYsewfff.mjs";
 import { N as NcProgressBar } from "./chunks/NcProgressBar-DegJ2JjE.mjs";
-import { N as NcRelatedResourcesPanel } from "./chunks/NcRelatedResourcesPanel-Y38zaKtn.mjs";
+import { N as NcRelatedResourcesPanel } from "./chunks/NcRelatedResourcesPanel-w0cVgK_u.mjs";
 import { N as NcMentionBubble } from "./chunks/index-Dpk-sL3D.mjs";
 import { r } from "./chunks/index-Dpk-sL3D.mjs";
-import { N as NcAutoCompleteResult, a as NcRichContenteditable } from "./chunks/NcRichContenteditable-B8UqleMX.mjs";
-import { N as NcRichText } from "./chunks/NcRichText-CwXSzf21.mjs";
+import { N as NcAutoCompleteResult, a as NcRichContenteditable } from "./chunks/NcRichContenteditable-Cqt-neS3.mjs";
+import { N as NcRichText } from "./chunks/NcRichText-BWY0OxW9.mjs";
 import { N, h, d, i, b, r as r2, c, a } from "./chunks/index-56SXuvlv.mjs";
 import "@vueuse/core";
 import "vue";
 import "vue-router";
-import { a as a2, g, b as b2, c as c2, d as d2, s } from "./chunks/referencePickerModal-4kExxHbR.mjs";
+import { a as a2, g, b as b2, c as c2, d as d2, s } from "./chunks/referencePickerModal-sscttPbK.mjs";
 import "unist-util-visit";
 import "unist-builder";
 import "@nextcloud/router";
 import "@nextcloud/axios";
 import "@nextcloud/sharing/public";
 import "@nextcloud/auth";
-import { N as NcSelect } from "./chunks/NcSelect-CjUzohn5.mjs";
-import { N as NcTextField } from "./chunks/NcTextField-o_8gWurX.mjs";
+import { N as NcSelect } from "./chunks/NcSelect-DmIaznJY.mjs";
+import { N as NcTextField } from "./chunks/NcTextField-Cd_RjGj6.mjs";
 import "@nextcloud/event-bus";
 import { N as NcSavingIndicatorIcon } from "./chunks/NcSavingIndicatorIcon-nv1147dk.mjs";
-import { N as NcSelectTags } from "./chunks/NcSelectTags-wJN9J7_t.mjs";
-import { N as NcSelectUsers } from "./chunks/NcSelectUsers-W17kOow7.mjs";
-import { N as NcSettingsInputText } from "./chunks/NcSettingsInputText-YO053agL.mjs";
-import { N as NcSettingsSection } from "./chunks/NcSettingsSection-C76Kqeew.mjs";
-import { N as NcSettingsSelectGroup } from "./chunks/NcSettingsSelectGroup-CH_kppKo.mjs";
+import { N as NcSelectTags } from "./chunks/NcSelectTags-MsqvY1l4.mjs";
+import { N as NcSelectUsers } from "./chunks/NcSelectUsers-BYynRS17.mjs";
+import { N as NcSettingsInputText } from "./chunks/NcSettingsInputText-BXbSSC7N.mjs";
+import { N as NcSettingsSection } from "./chunks/NcSettingsSection-BNefU-yk.mjs";
+import { N as NcSettingsSelectGroup } from "./chunks/NcSettingsSelectGroup-DWEorw2V.mjs";
 import { N as NcTextArea } from "./chunks/NcTextArea-BHERsE_g.mjs";
-import { N as NcTimezonePicker } from "./chunks/NcTimezonePicker-q46K1fSq.mjs";
-import { N as NcUserBubble } from "./chunks/NcUserBubble-B3-E-5F5.mjs";
-import { N as NcUserStatusIcon } from "./chunks/NcUserStatusIcon-kbPFeJV6.mjs";
+import { N as NcTimezonePicker } from "./chunks/NcTimezonePicker-BjUmYLVj.mjs";
+import { N as NcUserBubble } from "./chunks/NcUserBubble-DH2UiUfH.mjs";
+import { N as NcUserStatusIcon } from "./chunks/NcUserStatusIcon-Bya1v9qo.mjs";
 import NcVNodes from "./Components/NcVNodes.mjs";
+import { useFormatDateTime, useFormatRelativeTime, useFormatTime } from "./Composables/useFormatDateTime.mjs";
 import { useHotKey } from "./Composables/useHotKey.mjs";
 import { useIsDarkTheme, useIsDarkThemeElement } from "./Composables/useIsDarkTheme.mjs";
 import { isFullscreenState, useIsFullscreen } from "./Composables/useIsFullscreen.mjs";
@@ -104,7 +104,7 @@ import { spawnDialog } from "./Functions/dialog.mjs";
 import { E, a as a3, e, g as g2, s as s2 } from "./chunks/emoji-BY_D0V5K.mjs";
 import { checkIfDarkTheme, isDarkTheme } from "./Functions/isDarkTheme.mjs";
 import { preloadImage } from "./Functions/preloadImage.mjs";
-import { u as u3 } from "./chunks/usernameToColor-yoVXn0De.mjs";
+import { u as u2 } from "./chunks/usernameToColor-BPaEECqs.mjs";
 import directive from "./Directives/Focus.mjs";
 import { directive as directive$1 } from "./Directives/Linkify.mjs";
 import "./Directives/Tooltip.mjs";
@@ -335,7 +335,9 @@ export {
   s2 as setCurrentSkinTone,
   s as sortProviders,
   spawnDialog,
-  u2 as useFormatDateTime,
+  useFormatDateTime,
+  useFormatRelativeTime,
+  useFormatTime,
   useHotKey,
   useIsDarkTheme,
   useIsDarkThemeElement,
@@ -343,6 +345,6 @@ export {
   useIsMobile,
   useIsSmallMobile,
   u as userStatus,
-  u3 as usernameToColor
+  u2 as usernameToColor
 };
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextcloud/vue",
-  "version": "8.27.0",
+  "version": "8.28.0",
   "description": "Nextcloud vue components",
   "keywords": [
     "vuejs",
@@ -21,8 +21,8 @@
     "lint": "eslint --ext .js,.vue src",
     "lint:fix": "eslint --ext .js,.vue src --fix",
     "prerelease:format-changelog": "node build/format-changelog.mjs",
-    "test": "TZ=UTC jest --verbose --color",
-    "test:coverage": "TZ=UTC jest --verbose --coverage --no-cache",
+    "test": "TZ=UTC LANG='en-US' jest --verbose --color",
+    "test:coverage": "TZ=UTC LANG='en-US' jest --verbose --coverage --no-cache",
     "stylelint": "stylelint \"src/**/*.vue\" \"src/**/*.scss\" \"src/**/*.css\"",
     "stylelint:fix": "stylelint \"src/**/*.vue\" \"src/**/*.scss\" \"src/**/*.css\" --fix",
     "styleguide": "vue-styleguidist server",
@@ -89,7 +89,7 @@
     "@nextcloud/capabilities": "^1.2.0",
     "@nextcloud/event-bus": "^3.3.2",
     "@nextcloud/initial-state": "^2.2.0",
-    "@nextcloud/l10n": "^3.2.0",
+    "@nextcloud/l10n": "^3.4.0",
     "@nextcloud/logger": "^3.0.2",
     "@nextcloud/router": "^3.0.1",
     "@nextcloud/sharing": "^0.2.3",

package/dist/assets/NcSelectUsers-CRH00RA2.css

@@ -1,4 +0,0 @@
-
-.nc-select-users[data-v-ecb8da4e] .vs__selected {
-	padding-inline: 0 5px !important;
-}

package/dist/chunks/NcAppContent-B7ER65tk.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcAppContent-B7ER65tk.cjs","sources":["../../src/utils/rtl.ts","../../src/components/NcAppContent/NcAppDetailsToggle.vue","../../src/components/NcAppContent/NcAppContent.vue"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { isRTL } from '@nextcloud/l10n'\n\nexport const isRtl = isRTL()\n","<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<NcButton :aria-label=\"title\"\n\t\tclass=\"app-details-toggle\"\n\t\t:class=\"{ 'app-details-toggle--mobile': isMobile }\"\n\t\t:title=\"title\"\n\t\tvariant=\"tertiary\">\n\t\t<template #icon>\n\t\t\t<ArrowLeft v-if=\"isRtl\" :size=\"20\" />\n\t\t\t<ArrowRight v-else :size=\"20\" />\n\t\t</template>\n\t</NcButton>\n</template>\n\n<script>\nimport { emit } from '@nextcloud/event-bus'\nimport { useIsMobile } from '../../composables/useIsMobile/index.js'\nimport { isRtl } from '../../utils/rtl.ts'\nimport { t } from '../../l10n.js'\n\nimport ArrowRight from 'vue-material-design-icons/ArrowRight.vue'\nimport ArrowLeft from 'vue-material-design-icons/ArrowLeft.vue'\nimport NcButton from '../NcButton/index.js'\n\nexport default {\n\tname: 'NcAppDetailsToggle',\n\n\tcomponents: {\n\t\tArrowRight,\n\t\tArrowLeft,\n\t\tNcButton,\n\t},\n\tsetup() {\n\t\treturn {\n\t\t\tisRtl,\n\t\t\tisMobile: useIsMobile(),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\ttitle() {\n\t\t\treturn t('Go back to the list')\n\t\t},\n\t},\n\twatch: {\n\t\tisMobile: {\n\t\t\timmediate: true,\n\t\t\thandler() {\n\t\t\t\tthis.toggleAppNavigationButton(this.isMobile)\n\t\t\t},\n\t\t},\n\t},\n\n\tbeforeDestroy() {\n\t\tif (this.isMobile) {\n\t\t\tthis.toggleAppNavigationButton(false)\n\t\t}\n\t},\n\n\tmethods: {\n\t\ttoggleAppNavigationButton(hide = true) {\n\t\t\tconst appNavigationToggle = document.querySelector('.app-navigation .app-navigation-toggle')\n\t\t\tif (appNavigationToggle) {\n\t\t\t\tappNavigationToggle.style.display = hide ? 'none' : null\n\n\t\t\t\t// If we hide the NavigationToggle, we need to make sure the Navigation is also closed\n\t\t\t\tif (hide === true) {\n\t\t\t\t\temit('toggle-navigation', { open: false })\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.app-details-toggle {\n\tposition: sticky;\n\twidth: var(--default-clickable-area);\n\theight: var(--default-clickable-area);\n\tpadding: $icon-margin;\n\tcursor: pointer;\n\topacity: .6;\n\ttransform: rotate(180deg);\n\tbackground-color: var(--color-main-background);\n\tz-index: 2000;\n\n\ttop: var(--app-navigation-padding);\n\t// Navigation Toggle button width + 2 paddings around\n\tinset-inline-start: calc(var(--default-clickable-area) + var(--app-navigation-padding) * 2);\n\t&--mobile {\n\t\t// There is no NavigationToggle button\n\t\tinset-inline-start: var(--app-navigation-padding);\n\t}\n\n\t&:active,\n\t&:hover,\n\t&:focus {\n\t\topacity: 1;\n\t}\n}\n\n</style>\n","<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\n### General description\n\nThis components provides a wrapper around the main app's content.\n\nSingle-column layouts can just use the default slot. A resizable column\ncan be added by providing content to the named slot `list`.\n\n### CSS variables\nIn the css section some css variables are declared and will be available for\nall the children of the NcAppContent component\n\n### Examples\n\n#### Usage: Single-column content\n```vue\n<template>\n\t<NcAppContent>\n\t\t<h2>Single-column main content</h2>\n\t</NcAppContent>\n</template>\n```\n\n#### Usage: Two resizable columns\n```vue\n<template>\n\t<NcAppContent>\n\t\t<template #list>\n\t\t\t<div>Resizable list content</div>\n\t\t</template>\n\n\t\t<div>Main content</div>\n\t</NcAppContent>\n</template>\n```\n\n#### Overriding Defaults\nThe default, min and max sizes (in percent) of the resizable list column can be overridden.\nThe list size must be between the min and the max width value.\n\n```\n<NcAppContent\n\t:list-size=\"35\"\n\t:list-min-width=\"20\"\n\t:list-max-width=\"45\"\n>...</NcAppContent>\n```\n\n#### Usage: Custom document title\nFor accessibility reasons every document should have a `h1` heading,\nthis is visually hidden, but required for a semantically correct document.\nYou can use your app name or current view for the heading.\n\nAdditionally you can set a custom document title, e.g. to show the current status.\n\n```vue\n<template>\n\t<NcAppContent :pageHeading=\"heading ? 'Heading' : undefined\" :pageTitle=\"title ? 'Title' : undefined\" >\n\t\t<NcCheckboxRadioSwitch type=\"switch\" :checked.sync=\"title\">\n\t\t\tToggle title\n\t\t</NcCheckboxRadioSwitch>\n\t\t<NcCheckboxRadioSwitch type=\"switch\" :checked.sync=\"heading\">\n\t\t\tToggle Heading\n\t\t</NcCheckboxRadioSwitch>\n\t\t<NcButton @click=\"reset\">Reset</NcButton>\n\t</NcAppContent>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\theading: false,\n\t\t\ttitle: false,\n\t\t}\n\t},\n\tmethods: {\n\t\treset() {\n\t\t\tthis.heading = false\n\t\t\tthis.title = false\n\t\t\tdocument.title = ''\n\t\t},\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<main id=\"app-content-vue\" class=\"app-content no-snapper\" :class=\"{ 'app-content--has-list': hasList }\">\n\t\t<h1 v-if=\"pageHeading\" class=\"hidden-visually\">\n\t\t\t{{ pageHeading }}\n\t\t</h1>\n\n\t\t<template v-if=\"hasList\">\n\t\t\t<!-- Mobile view does not allow resizeable panes -->\n\t\t\t<div v-if=\"isMobile || layout === 'no-split'\"\n\t\t\t\tclass=\"app-content-wrapper app-content-wrapper--no-split\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'app-content-wrapper--show-details': showDetails,\n\t\t\t\t\t'app-content-wrapper--show-list': !showDetails,\n\t\t\t\t\t'app-content-wrapper--mobile': isMobile,}\">\n\t\t\t\t<NcAppDetailsToggle v-if=\"showDetails\" @click.native.stop.prevent=\"hideDetails\" />\n\n\t\t\t\t<div v-show=\"!showDetails\">\n\t\t\t\t\t<slot name=\"list\" />\n\t\t\t\t</div>\n\t\t\t\t<slot v-if=\"showDetails\" />\n\t\t\t</div>\n\t\t\t<div v-else-if=\"layout === 'vertical-split' || layout === 'horizontal-split'\" class=\"app-content-wrapper\">\n\t\t\t\t<Splitpanes :horizontal=\"layout === 'horizontal-split'\"\n\t\t\t\t\tclass=\"default-theme\"\n\t\t\t\t\t:class=\"{ 'splitpanes--horizontal': layout === 'horizontal-split',\n\t\t\t\t\t\t'splitpanes--vertical': layout === 'vertical-split'\n\t\t\t\t\t}\"\n\t\t\t\t\t:rtl=\"isRtl\"\n\t\t\t\t\t@resized=\"handlePaneResize\">\n\t\t\t\t\t<Pane class=\"splitpanes__pane-list\"\n\t\t\t\t\t\t:size=\"listPaneSize || paneDefaults.list.size\"\n\t\t\t\t\t\t:min-size=\"paneDefaults.list.min\"\n\t\t\t\t\t\t:max-size=\"paneDefaults.list.max\">\n\t\t\t\t\t\t<!-- @slot Provide a list to the app content -->\n\t\t\t\t\t\t<slot name=\"list\" />\n\t\t\t\t\t</Pane>\n\n\t\t\t\t\t<Pane class=\"splitpanes__pane-details\"\n\t\t\t\t\t\t:size=\"detailsPaneSize\"\n\t\t\t\t\t\t:min-size=\"paneDefaults.details.min\"\n\t\t\t\t\t\t:max-size=\"paneDefaults.details.max\">\n\t\t\t\t\t\t<!-- @slot Provide the main content to the app content -->\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</Pane>\n\t\t\t\t</Splitpanes>\n\t\t\t</div>\n\t\t</template>\n\t\t<!-- @slot Provide the main content to the app content -->\n\t\t<slot v-if=\"!hasList\" />\n\t</main>\n</template>\n\n<script>\nimport { getBuilder } from '@nextcloud/browser-storage'\nimport { emit } from '@nextcloud/event-bus'\nimport { loadState } from '@nextcloud/initial-state'\nimport { useSwipe } from '@vueuse/core'\nimport { Splitpanes, Pane } from 'splitpanes'\nimport { useIsMobile } from '../../composables/useIsMobile/index.js'\nimport { isRtl } from '../../utils/rtl.ts'\n\nimport NcAppDetailsToggle from './NcAppDetailsToggle.vue'\n\nimport 'splitpanes/dist/splitpanes.css'\n\nconst browserStorage = getBuilder('nextcloud').persist().build()\nconst { name: productName } = loadState('theming', 'data', { name: 'Nextcloud' })\nconst activeApp = loadState('core', 'active-app', appName)\nconst localizedAppName = loadState('core', 'apps', {})[activeApp]?.name ?? appName\n\n/**\n * App content container to be used for the main content of your app\n *\n */\nexport default {\n\tname: 'NcAppContent',\n\n\tcomponents: {\n\t\tNcAppDetailsToggle,\n\t\tPane,\n\t\tSplitpanes,\n\t},\n\tprops: {\n\t\t/**\n\t\t * Allows to disable the control by swipe of the app navigation open state\n\t\t * @deprecated will be removed with the next version - use `disableSwipe` instead\n\t\t */\n\t\tallowSwipeNavigation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/**\n\t\t * Allows to disable the control by swipe of the app navigation open state.\n\t\t */\n\t\tdisableSwipe: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Allows you to set the default width of the resizable list in % on vertical-split\n\t\t * Allows you to set the default height of the resizable list in % on horizontal-split\n\t\t * Must be between listMinWidth and listMaxWidth\n\t\t */\n\t\tlistSize: {\n\t\t\ttype: Number,\n\t\t\tdefault: 20,\n\t\t},\n\n\t\t/**\n\t\t * Allows you to set the minimum width of the list column in % on vertical-split\n\t\t * Allows you to set the minimum height of the list column in % on horizontal-split\n\t\t */\n\t\tlistMinWidth: {\n\t\t\ttype: Number,\n\t\t\tdefault: 15,\n\t\t},\n\n\t\t/**\n\t\t * Allows you to set the maximum width of the list column in % on vertical-split\n\t\t * Allows you to set the maximum height of the list column in % on horizontal-split\n\t\t */\n\t\tlistMaxWidth: {\n\t\t\ttype: Number,\n\t\t\tdefault: 40,\n\t\t},\n\n\t\t/**\n\t\t * Specify the config key for the pane config sizes\n\t\t * Default is the global var appName if you use the webpack-vue-config\n\t\t */\n\t\tpaneConfigKey: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * When in mobile view, only the list or the details are shown.\n\t\t *\n\t\t * If you provide a list, you need to provide a variable\n\t\t * that will be set to true by the user when an element of\n\t\t * the list gets selected. The details will then show a back\n\t\t * arrow to return to the list that will update this prop to false.\n\t\t */\n\t\tshowDetails: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/**\n\t\t * Specify the `<h1>` page heading\n\t\t */\n\t\tpageHeading: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * Content layout used when there is a list together with content:\n\t\t * - `vertical-split` - a 2-column layout with list and default content separated vertically\n\t\t * - `no-split` - a single column layout; List is shown when `showDetails` is `false`, otherwise the default slot content is shown with a back button to return to the list.\n\t\t * - 'horizontal-split' - a 2-column layout with list and default content separated horizontally\n\t\t * On mobile screen `no-split` layout is forced.\n\t\t */\n\t\tlayout: {\n\t\t\ttype: String,\n\t\t\tdefault: 'vertical-split',\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['no-split', 'vertical-split', 'horizontal-split'].includes(value)\n\t\t\t},\n\t\t},\n\n\t\t/**\n\t\t * Allow setting the page's `<title>`\n\t\t *\n\t\t * If a page heading is set it defaults to `{pageHeading} - {appName} - {productName}` e.g. `Favorites - Files - Nextcloud`.\n\t\t * When the page heading and the app name is the same only one is used, e.g. `Files - Files - Nextcloud` is shown as `Files - Nextcloud`.\n\t\t * When setting the prop then the following format will be used: `{pageTitle} - {pageHeading || appName} - {productName}`\n\t\t */\n\t\tpageTitle: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\temits: [\n\t\t'update:showDetails',\n\t\t'resize:list',\n\t],\n\n\tsetup() {\n\t\treturn {\n\t\t\tisMobile: useIsMobile(),\n\t\t\tisRtl,\n\t\t}\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tcontentHeight: 0,\n\t\t\thasList: false,\n\t\t\thasContent: false,\n\t\t\tswiping: {},\n\t\t\tlistPaneSize: this.restorePaneConfig(),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tpaneConfigID() {\n\t\t\t// If provided, let's use it\n\t\t\tif (this.paneConfigKey !== '') {\n\t\t\t\treturn `pane-list-size-${this.paneConfigKey}`\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\t// Using the webpack-vue-config, appName is a global variable\n\t\t\t\t// This will throw a ReferenceError when the global variable is missing\n\t\t\t\t// In that case either you provide paneConfigKey or else it fallback\n\t\t\t\t// to a global storage key\n\t\t\t\treturn `pane-list-size-${appName}`\n\t\t\t} catch (e) {\n\t\t\t\tconsole.info('[INFO] AppContent:', 'falling back to global nextcloud pane config')\n\t\t\t\treturn 'pane-list-size-nextcloud'\n\t\t\t}\n\t\t},\n\n\t\tdetailsPaneSize() {\n\t\t\tif (this.listPaneSize) {\n\t\t\t\treturn 100 - this.listPaneSize\n\t\t\t}\n\t\t\treturn this.paneDefaults.details.size\n\t\t},\n\n\t\tpaneDefaults() {\n\t\t\treturn {\n\t\t\t\tlist: {\n\t\t\t\t\tsize: this.listSize,\n\t\t\t\t\tmin: this.listMinWidth,\n\t\t\t\t\tmax: this.listMaxWidth,\n\t\t\t\t},\n\n\t\t\t\t// set the inverse values of the details column\n\t\t\t\t// based on the provided (or default) values of the list column\n\t\t\t\tdetails: {\n\t\t\t\t\tsize: 100 - this.listSize,\n\t\t\t\t\tmin: 100 - this.listMaxWidth,\n\t\t\t\t\tmax: 100 - this.listMinWidth,\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\n\t\trealPageTitle() {\n\t\t\tconst entries = new Set()\n\t\t\tif (this.pageTitle) {\n\t\t\t\tentries.add(this.pageTitle)\n\t\t\t}\n\t\t\tif (this.pageHeading) {\n\t\t\t\tentries.add(this.pageHeading)\n\t\t\t}\n\t\t\tif (entries.size === 0) {\n\t\t\t\treturn null\n\t\t\t}\n\n\t\t\tif (entries.size < 2) {\n\t\t\t\t// Only add if not already pageHeading and pageTitle are included\n\t\t\t\tentries.add(localizedAppName)\n\t\t\t}\n\t\t\tentries.add(productName)\n\t\t\treturn [...entries.values()].join(' - ')\n\t\t},\n\t},\n\n\twatch: {\n\t\trealPageTitle: {\n\t\t\timmediate: true,\n\t\t\thandler() {\n\t\t\t\tif (this.realPageTitle !== null) {\n\t\t\t\t\tdocument.title = this.realPageTitle\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t},\n\n\tupdated() {\n\t\tthis.checkSlots()\n\t},\n\n\tmounted() {\n\t\tif (this.allowSwipeNavigation && !this.disableSwipe) {\n\t\t\tthis.swiping = useSwipe(this.$el, {\n\t\t\t\tonSwipeEnd: this.handleSwipe,\n\t\t\t})\n\t\t}\n\n\t\tthis.checkSlots()\n\t\tthis.restorePaneConfig()\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * handle the swipe event\n\t\t *\n\t\t * @param {TouchEvent} e The touch event\n\t\t * @param {import('@vueuse/core').SwipeDirection} direction The swipe direction of the event\n\t\t */\n\t\thandleSwipe(e, direction) {\n\t\t\tconst minSwipeX = 70\n\t\t\tconst touchZone = 300\n\t\t\tif (Math.abs(this.swiping.lengthX) > minSwipeX) {\n\t\t\t\tif (this.swiping.coordsStart.x < (touchZone / 2) && direction === 'right') {\n\t\t\t\t\temit('toggle-navigation', {\n\t\t\t\t\t\topen: true,\n\t\t\t\t\t})\n\t\t\t\t} else if (this.swiping.coordsStart.x < touchZone * 1.5 && direction === 'left') {\n\t\t\t\t\temit('toggle-navigation', {\n\t\t\t\t\t\topen: false,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\thandlePaneResize(event) {\n\t\t\tconst listPaneSize = parseInt(event[0].size, 10)\n\t\t\tbrowserStorage.setItem(this.paneConfigID, JSON.stringify(listPaneSize))\n\t\t\tthis.listPaneSize = listPaneSize\n\t\t\t/**\n\t\t\t * Emitted when the list pane is resized by the user\n\t\t\t */\n\t\t\tthis.$emit('resize:list', { size: listPaneSize })\n\t\t\tconsole.debug('AppContent pane config', listPaneSize)\n\t\t},\n\n\t\t// $slots is not reactive, we need to update this manually\n\t\tcheckSlots() {\n\t\t\tthis.hasList = !!this.$scopedSlots.list\n\t\t\tthis.hasContent = !!this.$scopedSlots.default\n\t\t},\n\n\t\t// browserStorage is not reactive, we need to update this manually\n\t\trestorePaneConfig() {\n\t\t\tconst listPaneSize = parseInt(browserStorage.getItem(this.paneConfigID), 10)\n\t\t\tif (!isNaN(listPaneSize) && listPaneSize !== this.listPaneSize) {\n\t\t\t\tconsole.debug('AppContent pane config', listPaneSize)\n\t\t\t\tthis.listPaneSize = listPaneSize\n\t\t\t\treturn listPaneSize\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * The user clicked the back arrow from the details view\n\t\t */\n\t\thideDetails() {\n\t\t\tthis.$emit('update:showDetails', false)\n\t\t},\n\t},\n}\n</script>\n<style lang=\"scss\" scoped>\n\n.app-content {\n\tposition: initial;\n\tz-index: 1000;\n\tflex-basis: 100vw;\n\theight: 100%;\n\t// Overriding server styles TODO: cleanup!\n\tmargin: 0 !important;\n\tbackground-color: var(--color-main-background);\n\tmin-width: 0;\n\n\t&:not(.app-content--has-list) {\n\t\toverflow: auto;\n\t}\n}\n\n.app-content-wrapper {\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n}\n\n// Mobile list/details handling\n.app-content-wrapper--no-split {\n\t&.app-content-wrapper--show-list :deep() {\n\t\t.app-content-list {\n\t\t\tdisplay: flex;\n\t\t}\n\t\t.app-content-details {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t&.app-content-wrapper--show-details :deep() {\n\t\t.app-content-list {\n\t\t\tdisplay: none;\n\t\t}\n\t\t.app-content-details {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n\n:deep(.splitpanes.default-theme) {\n\t.app-content-list {\n\t\tmax-width: none;\n\t\t/* Thin scrollbar is hard to catch on resizable columns */\n\t\tscrollbar-width: auto;\n\t}\n\n\t.splitpanes__pane {\n\t\tbackground-color: transparent;\n\t\ttransition: none;\n\n\t\t&-list {\n\t\t\tmin-width: 300px;\n\t\t\tposition: sticky;\n\n\t\t\t@media only screen and (width < $breakpoint-mobile) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t&-details {\n\t\t\toverflow-y: auto;\n\n\t\t\t@media only screen and (width < $breakpoint-mobile) {\n\t\t\t\tmin-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.splitpanes__splitter {\n\t\tbackground-color: var(--color-main-background);\n\t\t&::before, &::after {\n\t\t\tbackground-color: var(--color-border);\n\t\t}\n\t}\n\n\t&.splitpanes--vertical .splitpanes__splitter {\n\t\tborder-left: 1px solid var(--color-border);\n\t}\n\n\t&.splitpanes--horizontal .splitpanes__splitter {\n\t\tborder-top: 1px solid var(--color-border);\n\t}\n}\n\n.app-content-wrapper--show-list {\n\t:deep(.app-content-list) {\n\t\tmax-width: none;\n\t}\n}\n</style>\n"],"names":["isRTL","_sfc_main","ArrowRight","ArrowLeft","NcButton","useIsMobile","t","emit","getBuilder","loadState","Pane","Splitpanes","useSwipe"],"mappings":"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"}

package/dist/chunks/NcAppContent-DyXqBrOB.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcAppContent-DyXqBrOB.mjs","sources":["../../src/utils/rtl.ts","../../src/components/NcAppContent/NcAppDetailsToggle.vue","../../src/components/NcAppContent/NcAppContent.vue"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { isRTL } from '@nextcloud/l10n'\n\nexport const isRtl = isRTL()\n","<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<NcButton :aria-label=\"title\"\n\t\tclass=\"app-details-toggle\"\n\t\t:class=\"{ 'app-details-toggle--mobile': isMobile }\"\n\t\t:title=\"title\"\n\t\tvariant=\"tertiary\">\n\t\t<template #icon>\n\t\t\t<ArrowLeft v-if=\"isRtl\" :size=\"20\" />\n\t\t\t<ArrowRight v-else :size=\"20\" />\n\t\t</template>\n\t</NcButton>\n</template>\n\n<script>\nimport { emit } from '@nextcloud/event-bus'\nimport { useIsMobile } from '../../composables/useIsMobile/index.js'\nimport { isRtl } from '../../utils/rtl.ts'\nimport { t } from '../../l10n.js'\n\nimport ArrowRight from 'vue-material-design-icons/ArrowRight.vue'\nimport ArrowLeft from 'vue-material-design-icons/ArrowLeft.vue'\nimport NcButton from '../NcButton/index.js'\n\nexport default {\n\tname: 'NcAppDetailsToggle',\n\n\tcomponents: {\n\t\tArrowRight,\n\t\tArrowLeft,\n\t\tNcButton,\n\t},\n\tsetup() {\n\t\treturn {\n\t\t\tisRtl,\n\t\t\tisMobile: useIsMobile(),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\ttitle() {\n\t\t\treturn t('Go back to the list')\n\t\t},\n\t},\n\twatch: {\n\t\tisMobile: {\n\t\t\timmediate: true,\n\t\t\thandler() {\n\t\t\t\tthis.toggleAppNavigationButton(this.isMobile)\n\t\t\t},\n\t\t},\n\t},\n\n\tbeforeDestroy() {\n\t\tif (this.isMobile) {\n\t\t\tthis.toggleAppNavigationButton(false)\n\t\t}\n\t},\n\n\tmethods: {\n\t\ttoggleAppNavigationButton(hide = true) {\n\t\t\tconst appNavigationToggle = document.querySelector('.app-navigation .app-navigation-toggle')\n\t\t\tif (appNavigationToggle) {\n\t\t\t\tappNavigationToggle.style.display = hide ? 'none' : null\n\n\t\t\t\t// If we hide the NavigationToggle, we need to make sure the Navigation is also closed\n\t\t\t\tif (hide === true) {\n\t\t\t\t\temit('toggle-navigation', { open: false })\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.app-details-toggle {\n\tposition: sticky;\n\twidth: var(--default-clickable-area);\n\theight: var(--default-clickable-area);\n\tpadding: $icon-margin;\n\tcursor: pointer;\n\topacity: .6;\n\ttransform: rotate(180deg);\n\tbackground-color: var(--color-main-background);\n\tz-index: 2000;\n\n\ttop: var(--app-navigation-padding);\n\t// Navigation Toggle button width + 2 paddings around\n\tinset-inline-start: calc(var(--default-clickable-area) + var(--app-navigation-padding) * 2);\n\t&--mobile {\n\t\t// There is no NavigationToggle button\n\t\tinset-inline-start: var(--app-navigation-padding);\n\t}\n\n\t&:active,\n\t&:hover,\n\t&:focus {\n\t\topacity: 1;\n\t}\n}\n\n</style>\n","<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\n### General description\n\nThis components provides a wrapper around the main app's content.\n\nSingle-column layouts can just use the default slot. A resizable column\ncan be added by providing content to the named slot `list`.\n\n### CSS variables\nIn the css section some css variables are declared and will be available for\nall the children of the NcAppContent component\n\n### Examples\n\n#### Usage: Single-column content\n```vue\n<template>\n\t<NcAppContent>\n\t\t<h2>Single-column main content</h2>\n\t</NcAppContent>\n</template>\n```\n\n#### Usage: Two resizable columns\n```vue\n<template>\n\t<NcAppContent>\n\t\t<template #list>\n\t\t\t<div>Resizable list content</div>\n\t\t</template>\n\n\t\t<div>Main content</div>\n\t</NcAppContent>\n</template>\n```\n\n#### Overriding Defaults\nThe default, min and max sizes (in percent) of the resizable list column can be overridden.\nThe list size must be between the min and the max width value.\n\n```\n<NcAppContent\n\t:list-size=\"35\"\n\t:list-min-width=\"20\"\n\t:list-max-width=\"45\"\n>...</NcAppContent>\n```\n\n#### Usage: Custom document title\nFor accessibility reasons every document should have a `h1` heading,\nthis is visually hidden, but required for a semantically correct document.\nYou can use your app name or current view for the heading.\n\nAdditionally you can set a custom document title, e.g. to show the current status.\n\n```vue\n<template>\n\t<NcAppContent :pageHeading=\"heading ? 'Heading' : undefined\" :pageTitle=\"title ? 'Title' : undefined\" >\n\t\t<NcCheckboxRadioSwitch type=\"switch\" :checked.sync=\"title\">\n\t\t\tToggle title\n\t\t</NcCheckboxRadioSwitch>\n\t\t<NcCheckboxRadioSwitch type=\"switch\" :checked.sync=\"heading\">\n\t\t\tToggle Heading\n\t\t</NcCheckboxRadioSwitch>\n\t\t<NcButton @click=\"reset\">Reset</NcButton>\n\t</NcAppContent>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\theading: false,\n\t\t\ttitle: false,\n\t\t}\n\t},\n\tmethods: {\n\t\treset() {\n\t\t\tthis.heading = false\n\t\t\tthis.title = false\n\t\t\tdocument.title = ''\n\t\t},\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<main id=\"app-content-vue\" class=\"app-content no-snapper\" :class=\"{ 'app-content--has-list': hasList }\">\n\t\t<h1 v-if=\"pageHeading\" class=\"hidden-visually\">\n\t\t\t{{ pageHeading }}\n\t\t</h1>\n\n\t\t<template v-if=\"hasList\">\n\t\t\t<!-- Mobile view does not allow resizeable panes -->\n\t\t\t<div v-if=\"isMobile || layout === 'no-split'\"\n\t\t\t\tclass=\"app-content-wrapper app-content-wrapper--no-split\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'app-content-wrapper--show-details': showDetails,\n\t\t\t\t\t'app-content-wrapper--show-list': !showDetails,\n\t\t\t\t\t'app-content-wrapper--mobile': isMobile,}\">\n\t\t\t\t<NcAppDetailsToggle v-if=\"showDetails\" @click.native.stop.prevent=\"hideDetails\" />\n\n\t\t\t\t<div v-show=\"!showDetails\">\n\t\t\t\t\t<slot name=\"list\" />\n\t\t\t\t</div>\n\t\t\t\t<slot v-if=\"showDetails\" />\n\t\t\t</div>\n\t\t\t<div v-else-if=\"layout === 'vertical-split' || layout === 'horizontal-split'\" class=\"app-content-wrapper\">\n\t\t\t\t<Splitpanes :horizontal=\"layout === 'horizontal-split'\"\n\t\t\t\t\tclass=\"default-theme\"\n\t\t\t\t\t:class=\"{ 'splitpanes--horizontal': layout === 'horizontal-split',\n\t\t\t\t\t\t'splitpanes--vertical': layout === 'vertical-split'\n\t\t\t\t\t}\"\n\t\t\t\t\t:rtl=\"isRtl\"\n\t\t\t\t\t@resized=\"handlePaneResize\">\n\t\t\t\t\t<Pane class=\"splitpanes__pane-list\"\n\t\t\t\t\t\t:size=\"listPaneSize || paneDefaults.list.size\"\n\t\t\t\t\t\t:min-size=\"paneDefaults.list.min\"\n\t\t\t\t\t\t:max-size=\"paneDefaults.list.max\">\n\t\t\t\t\t\t<!-- @slot Provide a list to the app content -->\n\t\t\t\t\t\t<slot name=\"list\" />\n\t\t\t\t\t</Pane>\n\n\t\t\t\t\t<Pane class=\"splitpanes__pane-details\"\n\t\t\t\t\t\t:size=\"detailsPaneSize\"\n\t\t\t\t\t\t:min-size=\"paneDefaults.details.min\"\n\t\t\t\t\t\t:max-size=\"paneDefaults.details.max\">\n\t\t\t\t\t\t<!-- @slot Provide the main content to the app content -->\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</Pane>\n\t\t\t\t</Splitpanes>\n\t\t\t</div>\n\t\t</template>\n\t\t<!-- @slot Provide the main content to the app content -->\n\t\t<slot v-if=\"!hasList\" />\n\t</main>\n</template>\n\n<script>\nimport { getBuilder } from '@nextcloud/browser-storage'\nimport { emit } from '@nextcloud/event-bus'\nimport { loadState } from '@nextcloud/initial-state'\nimport { useSwipe } from '@vueuse/core'\nimport { Splitpanes, Pane } from 'splitpanes'\nimport { useIsMobile } from '../../composables/useIsMobile/index.js'\nimport { isRtl } from '../../utils/rtl.ts'\n\nimport NcAppDetailsToggle from './NcAppDetailsToggle.vue'\n\nimport 'splitpanes/dist/splitpanes.css'\n\nconst browserStorage = getBuilder('nextcloud').persist().build()\nconst { name: productName } = loadState('theming', 'data', { name: 'Nextcloud' })\nconst activeApp = loadState('core', 'active-app', appName)\nconst localizedAppName = loadState('core', 'apps', {})[activeApp]?.name ?? appName\n\n/**\n * App content container to be used for the main content of your app\n *\n */\nexport default {\n\tname: 'NcAppContent',\n\n\tcomponents: {\n\t\tNcAppDetailsToggle,\n\t\tPane,\n\t\tSplitpanes,\n\t},\n\tprops: {\n\t\t/**\n\t\t * Allows to disable the control by swipe of the app navigation open state\n\t\t * @deprecated will be removed with the next version - use `disableSwipe` instead\n\t\t */\n\t\tallowSwipeNavigation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/**\n\t\t * Allows to disable the control by swipe of the app navigation open state.\n\t\t */\n\t\tdisableSwipe: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Allows you to set the default width of the resizable list in % on vertical-split\n\t\t * Allows you to set the default height of the resizable list in % on horizontal-split\n\t\t * Must be between listMinWidth and listMaxWidth\n\t\t */\n\t\tlistSize: {\n\t\t\ttype: Number,\n\t\t\tdefault: 20,\n\t\t},\n\n\t\t/**\n\t\t * Allows you to set the minimum width of the list column in % on vertical-split\n\t\t * Allows you to set the minimum height of the list column in % on horizontal-split\n\t\t */\n\t\tlistMinWidth: {\n\t\t\ttype: Number,\n\t\t\tdefault: 15,\n\t\t},\n\n\t\t/**\n\t\t * Allows you to set the maximum width of the list column in % on vertical-split\n\t\t * Allows you to set the maximum height of the list column in % on horizontal-split\n\t\t */\n\t\tlistMaxWidth: {\n\t\t\ttype: Number,\n\t\t\tdefault: 40,\n\t\t},\n\n\t\t/**\n\t\t * Specify the config key for the pane config sizes\n\t\t * Default is the global var appName if you use the webpack-vue-config\n\t\t */\n\t\tpaneConfigKey: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * When in mobile view, only the list or the details are shown.\n\t\t *\n\t\t * If you provide a list, you need to provide a variable\n\t\t * that will be set to true by the user when an element of\n\t\t * the list gets selected. The details will then show a back\n\t\t * arrow to return to the list that will update this prop to false.\n\t\t */\n\t\tshowDetails: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/**\n\t\t * Specify the `<h1>` page heading\n\t\t */\n\t\tpageHeading: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * Content layout used when there is a list together with content:\n\t\t * - `vertical-split` - a 2-column layout with list and default content separated vertically\n\t\t * - `no-split` - a single column layout; List is shown when `showDetails` is `false`, otherwise the default slot content is shown with a back button to return to the list.\n\t\t * - 'horizontal-split' - a 2-column layout with list and default content separated horizontally\n\t\t * On mobile screen `no-split` layout is forced.\n\t\t */\n\t\tlayout: {\n\t\t\ttype: String,\n\t\t\tdefault: 'vertical-split',\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['no-split', 'vertical-split', 'horizontal-split'].includes(value)\n\t\t\t},\n\t\t},\n\n\t\t/**\n\t\t * Allow setting the page's `<title>`\n\t\t *\n\t\t * If a page heading is set it defaults to `{pageHeading} - {appName} - {productName}` e.g. `Favorites - Files - Nextcloud`.\n\t\t * When the page heading and the app name is the same only one is used, e.g. `Files - Files - Nextcloud` is shown as `Files - Nextcloud`.\n\t\t * When setting the prop then the following format will be used: `{pageTitle} - {pageHeading || appName} - {productName}`\n\t\t */\n\t\tpageTitle: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\temits: [\n\t\t'update:showDetails',\n\t\t'resize:list',\n\t],\n\n\tsetup() {\n\t\treturn {\n\t\t\tisMobile: useIsMobile(),\n\t\t\tisRtl,\n\t\t}\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tcontentHeight: 0,\n\t\t\thasList: false,\n\t\t\thasContent: false,\n\t\t\tswiping: {},\n\t\t\tlistPaneSize: this.restorePaneConfig(),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tpaneConfigID() {\n\t\t\t// If provided, let's use it\n\t\t\tif (this.paneConfigKey !== '') {\n\t\t\t\treturn `pane-list-size-${this.paneConfigKey}`\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\t// Using the webpack-vue-config, appName is a global variable\n\t\t\t\t// This will throw a ReferenceError when the global variable is missing\n\t\t\t\t// In that case either you provide paneConfigKey or else it fallback\n\t\t\t\t// to a global storage key\n\t\t\t\treturn `pane-list-size-${appName}`\n\t\t\t} catch (e) {\n\t\t\t\tconsole.info('[INFO] AppContent:', 'falling back to global nextcloud pane config')\n\t\t\t\treturn 'pane-list-size-nextcloud'\n\t\t\t}\n\t\t},\n\n\t\tdetailsPaneSize() {\n\t\t\tif (this.listPaneSize) {\n\t\t\t\treturn 100 - this.listPaneSize\n\t\t\t}\n\t\t\treturn this.paneDefaults.details.size\n\t\t},\n\n\t\tpaneDefaults() {\n\t\t\treturn {\n\t\t\t\tlist: {\n\t\t\t\t\tsize: this.listSize,\n\t\t\t\t\tmin: this.listMinWidth,\n\t\t\t\t\tmax: this.listMaxWidth,\n\t\t\t\t},\n\n\t\t\t\t// set the inverse values of the details column\n\t\t\t\t// based on the provided (or default) values of the list column\n\t\t\t\tdetails: {\n\t\t\t\t\tsize: 100 - this.listSize,\n\t\t\t\t\tmin: 100 - this.listMaxWidth,\n\t\t\t\t\tmax: 100 - this.listMinWidth,\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\n\t\trealPageTitle() {\n\t\t\tconst entries = new Set()\n\t\t\tif (this.pageTitle) {\n\t\t\t\tentries.add(this.pageTitle)\n\t\t\t}\n\t\t\tif (this.pageHeading) {\n\t\t\t\tentries.add(this.pageHeading)\n\t\t\t}\n\t\t\tif (entries.size === 0) {\n\t\t\t\treturn null\n\t\t\t}\n\n\t\t\tif (entries.size < 2) {\n\t\t\t\t// Only add if not already pageHeading and pageTitle are included\n\t\t\t\tentries.add(localizedAppName)\n\t\t\t}\n\t\t\tentries.add(productName)\n\t\t\treturn [...entries.values()].join(' - ')\n\t\t},\n\t},\n\n\twatch: {\n\t\trealPageTitle: {\n\t\t\timmediate: true,\n\t\t\thandler() {\n\t\t\t\tif (this.realPageTitle !== null) {\n\t\t\t\t\tdocument.title = this.realPageTitle\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t},\n\n\tupdated() {\n\t\tthis.checkSlots()\n\t},\n\n\tmounted() {\n\t\tif (this.allowSwipeNavigation && !this.disableSwipe) {\n\t\t\tthis.swiping = useSwipe(this.$el, {\n\t\t\t\tonSwipeEnd: this.handleSwipe,\n\t\t\t})\n\t\t}\n\n\t\tthis.checkSlots()\n\t\tthis.restorePaneConfig()\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * handle the swipe event\n\t\t *\n\t\t * @param {TouchEvent} e The touch event\n\t\t * @param {import('@vueuse/core').SwipeDirection} direction The swipe direction of the event\n\t\t */\n\t\thandleSwipe(e, direction) {\n\t\t\tconst minSwipeX = 70\n\t\t\tconst touchZone = 300\n\t\t\tif (Math.abs(this.swiping.lengthX) > minSwipeX) {\n\t\t\t\tif (this.swiping.coordsStart.x < (touchZone / 2) && direction === 'right') {\n\t\t\t\t\temit('toggle-navigation', {\n\t\t\t\t\t\topen: true,\n\t\t\t\t\t})\n\t\t\t\t} else if (this.swiping.coordsStart.x < touchZone * 1.5 && direction === 'left') {\n\t\t\t\t\temit('toggle-navigation', {\n\t\t\t\t\t\topen: false,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\thandlePaneResize(event) {\n\t\t\tconst listPaneSize = parseInt(event[0].size, 10)\n\t\t\tbrowserStorage.setItem(this.paneConfigID, JSON.stringify(listPaneSize))\n\t\t\tthis.listPaneSize = listPaneSize\n\t\t\t/**\n\t\t\t * Emitted when the list pane is resized by the user\n\t\t\t */\n\t\t\tthis.$emit('resize:list', { size: listPaneSize })\n\t\t\tconsole.debug('AppContent pane config', listPaneSize)\n\t\t},\n\n\t\t// $slots is not reactive, we need to update this manually\n\t\tcheckSlots() {\n\t\t\tthis.hasList = !!this.$scopedSlots.list\n\t\t\tthis.hasContent = !!this.$scopedSlots.default\n\t\t},\n\n\t\t// browserStorage is not reactive, we need to update this manually\n\t\trestorePaneConfig() {\n\t\t\tconst listPaneSize = parseInt(browserStorage.getItem(this.paneConfigID), 10)\n\t\t\tif (!isNaN(listPaneSize) && listPaneSize !== this.listPaneSize) {\n\t\t\t\tconsole.debug('AppContent pane config', listPaneSize)\n\t\t\t\tthis.listPaneSize = listPaneSize\n\t\t\t\treturn listPaneSize\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * The user clicked the back arrow from the details view\n\t\t */\n\t\thideDetails() {\n\t\t\tthis.$emit('update:showDetails', false)\n\t\t},\n\t},\n}\n</script>\n<style lang=\"scss\" scoped>\n\n.app-content {\n\tposition: initial;\n\tz-index: 1000;\n\tflex-basis: 100vw;\n\theight: 100%;\n\t// Overriding server styles TODO: cleanup!\n\tmargin: 0 !important;\n\tbackground-color: var(--color-main-background);\n\tmin-width: 0;\n\n\t&:not(.app-content--has-list) {\n\t\toverflow: auto;\n\t}\n}\n\n.app-content-wrapper {\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n}\n\n// Mobile list/details handling\n.app-content-wrapper--no-split {\n\t&.app-content-wrapper--show-list :deep() {\n\t\t.app-content-list {\n\t\t\tdisplay: flex;\n\t\t}\n\t\t.app-content-details {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t&.app-content-wrapper--show-details :deep() {\n\t\t.app-content-list {\n\t\t\tdisplay: none;\n\t\t}\n\t\t.app-content-details {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n\n:deep(.splitpanes.default-theme) {\n\t.app-content-list {\n\t\tmax-width: none;\n\t\t/* Thin scrollbar is hard to catch on resizable columns */\n\t\tscrollbar-width: auto;\n\t}\n\n\t.splitpanes__pane {\n\t\tbackground-color: transparent;\n\t\ttransition: none;\n\n\t\t&-list {\n\t\t\tmin-width: 300px;\n\t\t\tposition: sticky;\n\n\t\t\t@media only screen and (width < $breakpoint-mobile) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t&-details {\n\t\t\toverflow-y: auto;\n\n\t\t\t@media only screen and (width < $breakpoint-mobile) {\n\t\t\t\tmin-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.splitpanes__splitter {\n\t\tbackground-color: var(--color-main-background);\n\t\t&::before, &::after {\n\t\t\tbackground-color: var(--color-border);\n\t\t}\n\t}\n\n\t&.splitpanes--vertical .splitpanes__splitter {\n\t\tborder-left: 1px solid var(--color-border);\n\t}\n\n\t&.splitpanes--horizontal .splitpanes__splitter {\n\t\tborder-top: 1px solid var(--color-border);\n\t}\n}\n\n.app-content-wrapper--show-list {\n\t:deep(.app-content-list) {\n\t\tmax-width: none;\n\t}\n}\n</style>\n"],"names":["_sfc_main"],"mappings":"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"}