@nextcloud/vue 9.7.0 → 9.8.0

package/dist/index.mjs

@@ -1,85 +1,85 @@
-import { N } from "./chunks/NcActionButton-BuRnYpJX.mjs";
+import { N } from "./chunks/NcActionButton-BJKJG2zO.mjs";
 import { N as N2 } from "./chunks/NcActionButtonGroup-CgYSlRXJ.mjs";
 import { N as N3 } from "./chunks/NcActionCaption-f7L9gBlT.mjs";
-import { N as N4 } from "./chunks/NcActionCheckbox-CjawS972.mjs";
-import { N as N5 } from "./chunks/NcActionInput-CKbFgbxQ.mjs";
-import { N as N6 } from "./chunks/NcActionLink-CCszAEdZ.mjs";
-import { N as N7 } from "./chunks/NcActionRadio-BV9Ra5tq.mjs";
-import { N as N8 } from "./chunks/NcActionRouter-CvDVCQiQ.mjs";
-import { N as N9 } from "./chunks/NcActions-CeP_c9MH.mjs";
+import { N as N4 } from "./chunks/NcActionCheckbox-D2Fu35M_.mjs";
+import { N as N5 } from "./chunks/NcActionInput-gv6uLn_N.mjs";
+import { N as N6 } from "./chunks/NcActionLink-BFiaYt9A.mjs";
+import { N as N7 } from "./chunks/NcActionRadio-BJ4i9n8a.mjs";
+import { N as N8 } from "./chunks/NcActionRouter-vYFtIOzD.mjs";
+import { N as N9 } from "./chunks/NcActions-fCXSb_0o.mjs";
 import { N as N10 } from "./chunks/NcActionSeparator-B9pNQaji.mjs";
-import { N as N11 } from "./chunks/NcActionText-SU4ghOlw.mjs";
-import { N as N12 } from "./chunks/NcActionTextEditable-BC66QDvV.mjs";
-import { N as N13 } from "./chunks/NcAppContent-CdEdgX3o.mjs";
+import { N as N11 } from "./chunks/NcActionText-CQ9qwJ0p.mjs";
+import { N as N12 } from "./chunks/NcActionTextEditable-Bd6fU8b3.mjs";
+import { N as N13 } from "./chunks/NcAppContent-taTvqnvd.mjs";
 import { _ } from "./chunks/NcAppContentDetails.vue_vue_type_script_setup_true_lang-BWl5Pw5g.mjs";
 import { N as N14 } from "./chunks/NcAppContentList-Copx3Ver.mjs";
-import { N as N15 } from "./chunks/NcAppNavigation-C2njwnqV.mjs";
-import { N as N16 } from "./chunks/NcAppNavigationCaption-C7cl2M2w.mjs";
+import { N as N15 } from "./chunks/NcAppNavigation-Bb54U_qJ.mjs";
+import { N as N16 } from "./chunks/NcAppNavigationCaption-CwaRTmmd.mjs";
 import { N as N17 } from "./chunks/NcAppNavigationIconBullet-BmU-dPcY.mjs";
-import { N as N18 } from "./chunks/NcAppNavigationItem-Csh8IBIf.mjs";
+import { N as N18 } from "./chunks/NcAppNavigationItem-Dg2d2AwS.mjs";
 import { N as N19 } from "./chunks/NcAppNavigationList-CGSWabRB.mjs";
-import { N as N20 } from "./chunks/NcAppNavigationNew-BkybFzV0.mjs";
-import { N as N21 } from "./chunks/NcAppNavigationNewItem-DsLct9Bj.mjs";
-import { N as N22 } from "./chunks/NcAppNavigationSearch-C5XwT74Z.mjs";
-import { N as N23 } from "./chunks/NcAppNavigationSettings-Drwi5qgh.mjs";
+import { N as N20 } from "./chunks/NcAppNavigationNew-Ch_kPggd.mjs";
+import { N as N21 } from "./chunks/NcAppNavigationNewItem-DYM8hEa7.mjs";
+import { N as N22 } from "./chunks/NcAppNavigationSearch-BWHsAoc1.mjs";
+import { N as N23 } from "./chunks/NcAppNavigationSettings-CJ2z5cYU.mjs";
 import { N as N24 } from "./chunks/NcAppNavigationSpacer-CIRC4ZEj.mjs";
-import { N as N25 } from "./chunks/NcAppSettingsDialog-CjOvPWbc.mjs";
-import { N as N26 } from "./chunks/NcAppSettingsSection-B-ak1kbx.mjs";
-import { N as N27, N as N28 } from "./chunks/NcAppSettingsShortcutsSection-yDWzNzFB.mjs";
-import { N as N29 } from "./chunks/NcAppSidebar-BvXH4I-d.mjs";
+import { N as N25 } from "./chunks/NcAppSettingsDialog-37Ko8yBC.mjs";
+import { N as N26 } from "./chunks/NcAppSettingsSection-MusCsTGg.mjs";
+import { N as N27, N as N28 } from "./chunks/NcAppSettingsShortcutsSection-C0io5RJP.mjs";
+import { N as N29 } from "./chunks/NcAppSidebar-CV2t1fDr.mjs";
 import { _ as _2 } from "./chunks/NcAppSidebarHeader.vue_vue_type_script_setup_true_lang-Bk4yFBHY.mjs";
 import { N as N30 } from "./chunks/NcAppSidebarTab-DOSDDbGA.mjs";
-import { N as N31 } from "./chunks/NcAssistantButton-DxNbEbqt.mjs";
+import { N as N31 } from "./chunks/NcAssistantButton-u8m6vfFY.mjs";
 import { N as N32 } from "./chunks/NcAssistantContent-DWv2sak_.mjs";
 import { N as N33 } from "./chunks/NcAssistantIcon-Cf0B3EsL.mjs";
-import { N as N34 } from "./chunks/NcAvatar-D9yNUkjq.mjs";
+import { N as N34 } from "./chunks/NcAvatar-QYahYt2p.mjs";
 import { N as N35 } from "./chunks/NcBlurHash-B3MufoB_.mjs";
-import { N as N36 } from "./chunks/NcBreadcrumb-CfFsCTmn.mjs";
-import { N as N37 } from "./chunks/NcBreadcrumbs-bX1x_cye.mjs";
-import { N as N38 } from "./chunks/NcButton-lQra4n2g.mjs";
-import { N as N39 } from "./chunks/NcCheckboxRadioSwitch-VV_Err2A.mjs";
-import { N as N40 } from "./chunks/NcChip-JjodlHFu.mjs";
-import { N as N41 } from "./chunks/NcCollectionList-DK050qCv.mjs";
-import { N as N42 } from "./chunks/NcColorPicker-B1FEzC_4.mjs";
-import { N as N43 } from "./chunks/NcContent-bQ5c_Pwd.mjs";
+import { N as N36 } from "./chunks/NcBreadcrumb-CYI3eykz.mjs";
+import { N as N37 } from "./chunks/NcBreadcrumbs-DLKGhmX6.mjs";
+import { N as N38 } from "./chunks/NcButton-CdQzGSB6.mjs";
+import { N as N39 } from "./chunks/NcCheckboxRadioSwitch-B0KUiKrb.mjs";
+import { N as N40 } from "./chunks/NcChip-CjYZUIUu.mjs";
+import { N as N41 } from "./chunks/NcCollectionList-CU1Tigay.mjs";
+import { N as N42 } from "./chunks/NcColorPicker-DUIppkpO.mjs";
+import { N as N43 } from "./chunks/NcContent-Dd15hgck.mjs";
 import { N as N44 } from "./chunks/NcCounterBubble-VUNXKsnk.mjs";
-import { N as N45 } from "./chunks/NcDashboardWidget-CCeqnB6g.mjs";
-import { N as N46 } from "./chunks/NcDashboardWidgetItem-i7xArH0I.mjs";
+import { N as N45 } from "./chunks/NcDashboardWidget-CPI2VARK.mjs";
+import { N as N46 } from "./chunks/NcDashboardWidgetItem-DJ820dYQ.mjs";
 import { _ as _3 } from "./chunks/NcDateTime.vue_vue_type_script_setup_true_lang-B4upiZjL.mjs";
-import { N as N47 } from "./chunks/NcDateTimePicker-4-6ux1S_.mjs";
+import { N as N47 } from "./chunks/NcDateTimePicker-8vIvIKoD.mjs";
 import { N as N48 } from "./chunks/NcDateTimePickerNative-XO_O44n2.mjs";
-import { N as N49 } from "./chunks/NcDialog-DnJfLwGR.mjs";
-import { _ as _4 } from "./chunks/NcDialogButton.vue_vue_type_script_setup_true_lang-DMoLf2ll.mjs";
+import { N as N49 } from "./chunks/NcDialog-D-qxVQxL.mjs";
+import { _ as _4 } from "./chunks/NcDialogButton.vue_vue_type_script_setup_true_lang-WZfDqDwc.mjs";
 import { N as N50 } from "./chunks/NcEllipsisedOption-D6Amb91K.mjs";
-import { N as N51 } from "./chunks/NcEmojiPicker-Cuy9A4DP.mjs";
-import { N as N52 } from "./chunks/NcEmptyContent-CDgWCt_m.mjs";
-import { N as N53 } from "./chunks/NcFilePicker-CrHd83Bv.mjs";
+import { N as N51 } from "./chunks/NcEmojiPicker-DG3qO_fi.mjs";
+import { N as N52 } from "./chunks/NcEmptyContent--TRhmNAW.mjs";
+import { N as N53 } from "./chunks/NcFilePicker-DPiYJu5B.mjs";
 import { N as N54 } from "./chunks/NcFormBox-wP5mpW88.mjs";
-import { N as N55 } from "./chunks/NcFormBoxButton-JvZ6_2E3.mjs";
-import { _ as _5 } from "./chunks/NcFormBoxCopyButton.vue_vue_type_script_setup_true_lang-DhKiWUS8.mjs";
-import { N as N56 } from "./chunks/NcFormBoxSwitch-DP4dD4xe.mjs";
-import { N as N57 } from "./chunks/NcFormGroup-B3a2iUnT.mjs";
+import { N as N55 } from "./chunks/NcFormBoxButton-DhEpFn7z.mjs";
+import { _ as _5 } from "./chunks/NcFormBoxCopyButton.vue_vue_type_script_setup_true_lang-DLh3Ylq_.mjs";
+import { N as N56 } from "./chunks/NcFormBoxSwitch-QMisnf8C.mjs";
+import { N as N57 } from "./chunks/NcFormGroup-BDjfDvq0.mjs";
 import { N as N58 } from "./chunks/NcGuestContent-_z22nZMF.mjs";
-import { N as N59 } from "./chunks/NcHeaderButton-CXu9xIQP.mjs";
-import { N as N60 } from "./chunks/NcHeaderMenu-CYU4Y3h5.mjs";
+import { N as N59 } from "./chunks/NcHeaderButton-lhDrtYWN.mjs";
+import { N as N60 } from "./chunks/NcHeaderMenu-B5-BQbQ6.mjs";
 import { _ as _6 } from "./chunks/NcHighlight.vue_vue_type_script_lang-DnWQDM_2.mjs";
 import { N as N61 } from "./chunks/NcHotkey-B0qDRy1t.mjs";
-import { N as N62 } from "./chunks/NcHotkeyList-lslhX0EJ.mjs";
+import { N as N62 } from "./chunks/NcHotkeyList-Ca7AtgZ9.mjs";
 import { N as N63 } from "./chunks/NcIconSvgWrapper-De-2-ukl.mjs";
-import { N as N64 } from "./chunks/NcInputField-CPL-a_MM.mjs";
+import { N as N64 } from "./chunks/NcInputField-C3iof9pY.mjs";
 import { N as N65 } from "./chunks/NcKbd-Caeq706M.mjs";
-import { N as N66 } from "./chunks/NcListItem-C0y1LfQx.mjs";
-import { N as N67 } from "./chunks/NcListItemIcon-ByoiA9YZ.mjs";
+import { N as N66 } from "./chunks/NcListItem-Chk9TtPa.mjs";
+import { N as N67 } from "./chunks/NcListItemIcon-vZ-OTxIa.mjs";
 import { N as N68 } from "./chunks/NcLoadingIcon-CInLzPtA.mjs";
-import { N as N69 } from "./chunks/NcModal-CDj4hQx7.mjs";
-import { N as N70 } from "./chunks/NcNoteCard-CWiO3Dse.mjs";
-import { N as N71 } from "./chunks/NcPasswordField-C7yuRADA.mjs";
+import { N as N69 } from "./chunks/NcModal-DyOZxq9E.mjs";
+import { N as N70 } from "./chunks/NcNoteCard-BJF9bD7S.mjs";
+import { N as N71 } from "./chunks/NcPasswordField-ykWHv_hw.mjs";
 import { N as N72 } from "./chunks/NcPopover-CtdLAkEU.mjs";
 import { N as N73 } from "./chunks/NcProgressBar-JyXXoHLT.mjs";
-import { N as N74 } from "./chunks/NcRadioGroup-LkOsE5Mc.mjs";
-import { N as N75 } from "./chunks/NcRadioGroupButton-BtE_SLVd.mjs";
-import { N as N76 } from "./chunks/NcRelatedResourcesPanel-B01Lid3d.mjs";
-import { N as N77, a, b } from "./chunks/NcRichContenteditable-DeN1H5pQ.mjs";
+import { N as N74 } from "./chunks/NcRadioGroup-EGc_x6uH.mjs";
+import { N as N75 } from "./chunks/NcRadioGroupButton-Dd5hMWx5.mjs";
+import { N as N76 } from "./chunks/NcRelatedResourcesPanel-C7C0-pBV.mjs";
+import { N as N77, a, b } from "./chunks/NcRichContenteditable-DLPNb2TV.mjs";
 import "@nextcloud/auth";
 import "@nextcloud/axios";
 import "@nextcloud/router";
@@ -87,25 +87,25 @@ import "@nextcloud/sharing/public";
 import "vue";
 import "@vueuse/core";
 import "vue-router";
-import { a as a2, g, b as b2, c, s, d } from "./chunks/referencePickerModal-Bsq4XIcs.mjs";
+import { a as a2, g, b as b2, c, s, d } from "./chunks/referencePickerModal-DgIpbEdl.mjs";
 import { N as N78, h, i, b as b3, r, c as c2, e, f } from "./chunks/customPickerElements-Cu7bLbap.mjs";
 import "unist-builder";
 import "unist-util-visit-parents";
 import "./chunks/logger-D3RVzcfQ.mjs";
-import { N as N79 } from "./chunks/NcRichText-DGV7OHFb.mjs";
-import { N as N80 } from "./chunks/NcSelect-Ba-lsVsl.mjs";
+import { N as N79 } from "./chunks/NcRichText-rS9gcduo.mjs";
+import { N as N80 } from "./chunks/NcSelect-DK4ZWMha.mjs";
 import "debounce";
-import { _ as _7 } from "./chunks/NcTextField.vue_vue_type_script_setup_true_lang-1ABbHJ0f.mjs";
+import { _ as _7 } from "./chunks/NcTextField.vue_vue_type_script_setup_true_lang-DgvCZDmR.mjs";
 import "@nextcloud/event-bus";
 import { _ as _8 } from "./chunks/NcSavingIndicatorIcon.vue_vue_type_script_setup_true_lang-CA0r_04W.mjs";
-import { N as N81 } from "./chunks/NcSelectTags-cNBPJ5FM.mjs";
-import { N as N82 } from "./chunks/NcSelectUsers-LqSEQ2A_.mjs";
+import { N as N81 } from "./chunks/NcSelectTags-D3tAMWYx.mjs";
+import { N as N82 } from "./chunks/NcSelectUsers-2L4I2yvb.mjs";
 import { N as N83 } from "./chunks/NcSettingsSection-DnzR8DRc.mjs";
-import { N as N84 } from "./chunks/NcSettingsSelectGroup-C15v3EvD.mjs";
-import { N as N85 } from "./chunks/NcTextArea-CseOD9aM.mjs";
+import { N as N84 } from "./chunks/NcSettingsSelectGroup-CYgEv80h.mjs";
+import { N as N85 } from "./chunks/NcTextArea-BwFQx9Bj.mjs";
 import { _ as _9 } from "./chunks/NcThemeProvider.vue_vue_type_script_setup_true_lang-wie70gn4.mjs";
-import { _ as _10 } from "./chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang-lGMjb2u1.mjs";
-import { N as N86 } from "./chunks/NcUserBubble-D00m2qmd.mjs";
+import { _ as _10 } from "./chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang-53QSdjMX.mjs";
+import { N as N86 } from "./chunks/NcUserBubble-BnaGHDoD.mjs";
 import { N as N87 } from "./chunks/NcUserStatusIcon-CNh1vXUF.mjs";
 import { _ as _11 } from "./chunks/NcVNodes.vue_vue_type_script_lang-BqUHinRZ.mjs";
 import { useFormatRelativeTime, useFormatTime } from "./composables/useFormatDateTime/index.mjs";

package/dist/utils/legacy.d.ts

@@ -3,3 +3,4 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 export declare const isLegacy: boolean;
+export declare const isLegacy34: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextcloud/vue",
-  "version": "9.7.0",
+  "version": "9.8.0",
   "description": "Nextcloud vue components",
   "keywords": [
     "vuejs",
@@ -89,12 +89,12 @@
     "@nextcloud/sharing": "^0.4.0",
     "@nextcloud/vue-select": "^4.1.0",
     "@vuepic/vue-datepicker": "^11.0.3",
-    "@vueuse/components": "^14.2.1",
-    "@vueuse/core": "^14.2.1",
+    "@vueuse/components": "^14.3.0",
+    "@vueuse/core": "^14.3.0",
     "blurhash": "^2.0.5",
     "clone": "^2.1.2",
     "debounce": "^3.0.0",
-    "dompurify": "^3.4.1",
+    "dompurify": "^3.4.2",
     "emoji-mart-vue-fast": "^15.0.5",
     "escape-html": "^1.0.3",
     "floating-vue": "^5.2.2",
@@ -130,28 +130,28 @@
     "@nextcloud/babel-config": "^1.3.0",
     "@nextcloud/browserslist-config": "^3.1.2",
     "@nextcloud/eslint-config": "^9.0.0-rc.9",
-    "@nextcloud/stylelint-config": "^3.2.1",
+    "@nextcloud/stylelint-config": "^3.2.2",
     "@nextcloud/vite-config": "^2.5.0",
     "@nextcloud/webpack-vue-config": "github:nextcloud/webpack-vue-config#vue3",
     "@playwright/experimental-ct-vue": "^1.58.2",
     "@playwright/test": "^1.59.1",
     "@types/gettext-parser": "^9.0.0",
-    "@types/node": "^24.12.2",
+    "@types/node": "^24.12.3",
     "@vitest/coverage-v8": "^4.1.5",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.9.1",
     "babel-loader-exclude-node-modules-except": "^1.2.4",
     "core-js": "^3.49.0",
-    "eslint": "^10.2.1",
+    "eslint": "^10.3.0",
     "file-loader": "^6.2.0",
     "gettext-extractor": "^4.0.6",
     "gettext-parser": "^9.0.2",
     "glob": "^13.0.6",
-    "jsdom": "^29.1.0",
+    "jsdom": "^29.1.1",
     "remark-gfm": "^4.0.1",
     "resolve-url-loader": "^5.0.0",
     "sass": "^1.99.0",
-    "stylelint": "^17.9.0",
+    "stylelint": "^17.11.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
     "url-loader": "^4.1.1",
@@ -159,7 +159,7 @@
     "vitest": "^4.0.14",
     "vue-material-design-icons": "^5.3.1",
     "vue-styleguidist": "^4.72.4",
-    "vue-tsc": "^3.2.7",
+    "vue-tsc": "^3.2.8",
     "webpack": "^5.106.2",
     "webpack-merge": "^6.0.1"
   },

package/dist/assets/NcAppSettingsDialog-Ckc0OWTs.css

@@ -1,98 +0,0 @@
-/**
- * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-/**
- * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-/*
-* Ensure proper alignment of the vue material icons
-*/
-._material-design-icon_qDIHA {
-  display: flex;
-  align-self: center;
-  justify-self: center;
-  align-items: center;
-  justify-content: center;
-}
-._appSettingsDialogVersion_8Xr7R {
-  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
-  color: var(--color-text-maxcontrast);
-  margin-block-end: calc(8 * var(--default-grid-baseline));
-  margin-inline: var(--form-element-label-offset);
-}
-._appSettingsDialogVersion__legacy_7MO71 {
-  margin-inline: 0;
-}/**
- * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-/**
- * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-/*
-* Ensure proper alignment of the vue material icons
-*/
-.material-design-icon[data-v-9445186a] {
-  display: flex;
-  align-self: center;
-  justify-self: center;
-  align-items: center;
-  justify-content: center;
-}
-.app-settings[data-v-9445186a] .app-settings__navigation {
-  min-width: 200px;
-  margin-inline-end: calc(4 * var(--default-grid-baseline));
-  overflow-x: hidden;
-  overflow-y: auto;
-  position: relative;
-}
-.app-settings[data-v-9445186a] .app-settings__content {
-  padding-inline: calc(4 * var(--default-grid-baseline));
-}
-.navigation-list[data-v-9445186a] {
-  height: 100%;
-  overflow-y: auto;
-  padding: calc(3 * var(--default-grid-baseline));
-}
-.navigation-list__link[data-v-9445186a] {
-  display: flex;
-  align-content: center;
-  font-size: 16px;
-  height: var(--default-clickable-area);
-  margin: 4px 0;
-  line-height: var(--default-clickable-area);
-  border-radius: var(--border-radius-element);
-  font-weight: bold;
-  padding: 0 calc(4 * var(--default-grid-baseline));
-  cursor: pointer;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  background-color: transparent;
-  border: none;
-}
-.navigation-list__link[data-v-9445186a]:hover, .navigation-list__link[data-v-9445186a]:focus {
-  background-color: var(--color-background-hover);
-}
-.navigation-list__link--active[data-v-9445186a] {
-  background-color: var(--color-primary-element-light) !important;
-}
-.navigation-list__link--icon[data-v-9445186a] {
-  padding-inline-start: calc(2 * var(--default-grid-baseline));
-  gap: var(--default-grid-baseline);
-}
-.navigation-list__link-icon[data-v-9445186a] {
-  display: flex;
-  justify-content: center;
-  align-content: center;
-  width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline));
-  max-width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline));
-}
-@media only screen and (max-width: 512px) {
-.app-settings[data-v-9445186a] .dialog__name {
-    padding-inline-start: 16px;
-}
-}

package/dist/assets/NcInputConfirmCancel-BrdZEfr2.css

@@ -1,39 +0,0 @@
-/**
- * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-/**
- * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-/*
-* Ensure proper alignment of the vue material icons
-*/
-.material-design-icon[data-v-dd457d48] {
-  display: flex;
-  align-self: center;
-  justify-self: center;
-  align-items: center;
-  justify-content: center;
-}
-.app-navigation-input-confirm[data-v-dd457d48] {
-  flex: 1 0 100%;
-  width: 100%;
-}
-.app-navigation-input-confirm form[data-v-dd457d48] {
-  display: flex;
-}
-.app-navigation-input-confirm__input[data-v-dd457d48] {
-  height: 34px;
-  flex: 1 1 100%;
-  font-size: 100% !important;
-  margin: 5px !important;
-  margin-inline-start: -8px !important;
-  padding: 7px !important;
-}
-.app-navigation-input-confirm__input[data-v-dd457d48]:active, .app-navigation-input-confirm__input[data-v-dd457d48]:focus, .app-navigation-input-confirm__input[data-v-dd457d48]:hover {
-  outline: none;
-  background-color: var(--color-main-background);
-  color: var(--color-main-text);
-  border-color: var(--color-primary-element);
-}

package/dist/assets/NcListItem-Cat18cSx.css

@@ -1,177 +0,0 @@
-/**
- * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-/**
- * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-/*
-* Ensure proper alignment of the vue material icons
-*/
-.material-design-icon[data-v-bc710154] {
-  display: flex;
-  align-self: center;
-  justify-self: center;
-  align-items: center;
-  justify-content: center;
-}
-.list-item__wrapper[data-v-bc710154] {
-  display: flex;
-  position: relative;
-  width: 100%;
-  padding: 2px 4px;
-}
-.list-item__wrapper[data-v-bc710154]:first-of-type {
-  padding-block-start: 4px;
-}
-.list-item__wrapper[data-v-bc710154]:last-of-type {
-  padding-block-end: 4px;
-}
-.list-item__wrapper--active .list-item[data-v-bc710154], .list-item__wrapper.active .list-item[data-v-bc710154] {
-  background-color: var(--color-primary-element);
-  color: var(--color-primary-element-text) !important;
-}
-.list-item__wrapper--active .list-item[data-v-bc710154]:hover, .list-item__wrapper--active .list-item[data-v-bc710154]:focus-within, .list-item__wrapper--active .list-item[data-v-bc710154]:has(:focus-visible), .list-item__wrapper--active .list-item[data-v-bc710154]:has(:active), .list-item__wrapper.active .list-item[data-v-bc710154]:hover, .list-item__wrapper.active .list-item[data-v-bc710154]:focus-within, .list-item__wrapper.active .list-item[data-v-bc710154]:has(:focus-visible), .list-item__wrapper.active .list-item[data-v-bc710154]:has(:active) {
-  background-color: var(--color-primary-element-hover);
-}
-.list-item__wrapper--active .list-item-content__name[data-v-bc710154],
-.list-item__wrapper--active .list-item-content__subname[data-v-bc710154],
-.list-item__wrapper--active .list-item-content__details[data-v-bc710154],
-.list-item__wrapper--active .list-item-details__details[data-v-bc710154], .list-item__wrapper.active .list-item-content__name[data-v-bc710154],
-.list-item__wrapper.active .list-item-content__subname[data-v-bc710154],
-.list-item__wrapper.active .list-item-content__details[data-v-bc710154],
-.list-item__wrapper.active .list-item-details__details[data-v-bc710154] {
-  color: var(--color-primary-element-text) !important;
-}
-.list-item__wrapper .list-item-content__name[data-v-bc710154],
-.list-item__wrapper .list-item-content__subname[data-v-bc710154],
-.list-item__wrapper .list-item-content__details[data-v-bc710154],
-.list-item__wrapper .list-item-details__details[data-v-bc710154] {
-  white-space: nowrap;
-  margin-block: 0;
-  margin-inline: 0 auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.list-item-content__name[data-v-bc710154] {
-  min-width: 100px;
-  flex: 1 1 10%;
-  font-weight: 500;
-}
-.list-item-content__subname[data-v-bc710154] {
-  flex: 1 0;
-  min-width: 0;
-  color: var(--color-text-maxcontrast);
-}
-.list-item-content__subname--bold[data-v-bc710154] {
-  font-weight: 500;
-}
-.list-item[data-v-bc710154] {
-  --list-item-padding: var(--default-grid-baseline);
-  --list-item-height: 2lh;
-  --list-item-border-radius: var(--border-radius-element, 32px);
-  box-sizing: border-box;
-  display: flex;
-  position: relative;
-  flex: 0 0 auto;
-  justify-content: flex-start;
-  padding: var(--list-item-padding);
-  width: 100%;
-  border-radius: var(--border-radius-element, 32px);
-  cursor: pointer;
-  transition: background-color var(--animation-quick) ease-in-out;
-  list-style: none;
-}
-.list-item[data-v-bc710154]:hover, .list-item[data-v-bc710154]:focus-within, .list-item[data-v-bc710154]:has(:active), .list-item[data-v-bc710154]:has(:focus-visible) {
-  background-color: var(--color-background-hover);
-}
-.list-item[data-v-bc710154]:has(.list-item__anchor:focus-visible) {
-  outline: 2px solid var(--color-main-text);
-  box-shadow: 0 0 0 4px var(--color-main-background);
-}
-.list-item--compact[data-v-bc710154] {
-  --list-item-padding: calc(0.5 * var(--default-grid-baseline)) var(--default-grid-baseline);
-}
-.list-item--compact[data-v-bc710154]:not(:has(.list-item-content__subname)) {
-  --list-item-height: var(--default-clickable-area);
-}
-.list-item--one-line[data-v-bc710154] {
-  --list-item-height: var(--default-clickable-area);
-  --list-item-border-radius: var(--border-radius-element, calc(var(--default-clickable-area) / 2));
-  --list-item-padding: var(--default-grid-baseline);
-}
-.list-item--one-line .list-item-content__main[data-v-bc710154] {
-  display: flex;
-  justify-content: start;
-  gap: 12px;
-  min-width: 0;
-}
-.list-item--one-line .list-item-content__details[data-v-bc710154] {
-  flex-direction: row;
-  align-items: center;
-  justify-content: end;
-}
-.list-item--one-line .list-item-content__name[data-v-bc710154] {
-  align-self: center;
-  max-width: 300px;
-}
-.list-item__anchor[data-v-bc710154] {
-  color: inherit;
-  display: flex;
-  flex: 1 0 auto;
-  align-items: center;
-  height: var(--list-item-height);
-  min-width: 0;
-}
-.list-item__anchor[data-v-bc710154]:focus-visible {
-  outline: none;
-}
-.list-item-content[data-v-bc710154] {
-  display: flex;
-  flex: 1 0;
-  justify-content: space-between;
-  padding-inline-start: calc(2 * var(--default-grid-baseline));
-  min-width: 0;
-}
-.list-item-content__main[data-v-bc710154] {
-  flex: 1 0;
-  width: 0;
-  margin: auto 0;
-}
-.list-item-content__main--oneline[data-v-bc710154] {
-  display: flex;
-}
-.list-item-content__details[data-v-bc710154] {
-  display: flex;
-  flex-direction: column;
-  justify-content: end;
-  align-items: end;
-}
-.list-item-content__actions[data-v-bc710154], .list-item-content__extra-actions[data-v-bc710154] {
-  flex: 0 0 auto;
-  align-self: center;
-  justify-content: center;
-  margin-inline-start: var(--default-grid-baseline);
-}
-.list-item-content__extra-actions[data-v-bc710154] {
-  display: flex;
-  align-items: center;
-  gap: var(--default-grid-baseline);
-}
-.list-item-details__details[data-v-bc710154] {
-  color: var(--color-text-maxcontrast);
-  margin: 0 9px !important;
-  font-weight: normal;
-}
-.list-item-details__extra[data-v-bc710154] {
-  margin: 2px 4px 0 4px;
-  display: flex;
-  align-items: center;
-}
-.list-item-details__indicator[data-v-bc710154] {
-  margin: 0 5px;
-}
-.list-item__extra[data-v-bc710154] {
-  margin-top: var(--default-grid-baseline);
-}

package/dist/chunks/NcActionTextEditable-BC66QDvV.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcActionTextEditable-BC66QDvV.mjs","sources":["../../src/components/NcActionTextEditable/NcActionTextEditable.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\nThis component is made to be used inside of the [Actions](#Actions) component slots.\nAll undocumented attributes will be bound to the textarea. e.g. `maxlength`\n\n```\n<template>\n\t<NcActions>\n\t\t<NcActionTextEditable model-value=\"This is a textarea\">\n\t\t\t<template #icon>\n\t\t\t\t<IconPencilOutline :size=\"20\" />\n\t\t\t</template>\n\t\t</NcActionTextEditable>\n\t\t<NcActionTextEditable :disabled=\"true\" model-value=\"This is a disabled textarea\">\n\t\t\t<template #icon>\n\t\t\t\t<IconPencilOutline :size=\"20\" />\n\t\t\t</template>\n\t\t</NcActionTextEditable>\n\t\t<NcActionTextEditable name=\"Please edit the text\" model-value=\"This is a textarea with name\">\n\t\t\t<template #icon>\n\t\t\t\t<IconPencilOutline :size=\"20\" />\n\t\t\t</template>\n\t\t</NcActionTextEditable>\n\t</NcActions>\n</template>\n<script>\nimport IconPencilOutline from 'vue-material-design-icons/PencilOutline.vue'\n\nexport default {\n\tcomponents: {\n\t\tIconPencilOutline,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<li class=\"action\" :class=\"{ 'action--disabled': disabled }\">\n\t\t<span\n\t\t\tclass=\"action-text-editable\"\n\t\t\t@click=\"onClick\">\n\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span\n\t\t\t\t\t:class=\"[isIconUrl ? 'action-text-editable__icon--url' : icon]\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\tclass=\"action-text-editable__icon\" />\n\t\t\t</slot>\n\n\t\t\t<!-- form and input -->\n\t\t\t<form\n\t\t\t\tref=\"form\"\n\t\t\t\tclass=\"action-text-editable__form\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t@submit.prevent=\"onSubmit\">\n\t\t\t\t<input :id=\"id\" type=\"submit\" class=\"action-text-editable__submit\">\n\n\t\t\t\t<!-- name -->\n\t\t\t\t<label\n\t\t\t\t\tv-if=\"name\"\n\t\t\t\t\tclass=\"action-text-editable__name\"\n\t\t\t\t\t:for=\"computedId\">\n\t\t\t\t\t{{ name }}\n\t\t\t\t</label>\n\n\t\t\t\t<textarea\n\t\t\t\t\t:id=\"computedId\"\n\t\t\t\t\tclass=\"action-text-editable__textarea\"\n\t\t\t\t\t:class=\"[{ focusable: isFocusable }]\"\n\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t:value=\"modelValue\"\n\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t@input=\"onInput\" />\n\n\t\t\t\t<!-- allow the custom font to inject a ::before\n\t\t\t\t\tnot possible on input[type=submit] -->\n\t\t\t\t<label v-show=\"!disabled\" :for=\"id\" class=\"action-text-editable__label\">\n\t\t\t\t\t<NcIconSvgWrapper directional :path=\"mdiArrowRight\" />\n\t\t\t\t</label>\n\t\t\t</form>\n\t\t</span>\n\t</li>\n</template>\n\n<script>\nimport { mdiArrowRight } from '@mdi/js'\nimport ActionTextMixin from '../../mixins/actionText.js'\nimport { createElementId } from '../../utils/createElementId.ts'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/index.js'\n\nexport default {\n\tname: 'NcActionTextEditable',\n\n\tcomponents: {\n\t\tNcIconSvgWrapper,\n\t},\n\n\tmixins: [ActionTextMixin],\n\n\tprops: {\n\t\t/**\n\t\t * id attribute of the checkbox element\n\t\t */\n\t\tid: {\n\t\t\ttype: String,\n\t\t\tdefault: () => 'action-' + createElementId(),\n\t\t\tvalidator: (id) => id.trim() !== '',\n\t\t},\n\n\t\t/**\n\t\t * disabled state of the text area\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * value attribute of the input field\n\t\t */\n\t\tmodelValue: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: [\n\t\t'input',\n\t\t'update:modelValue',\n\t\t'submit',\n\t],\n\n\tsetup() {\n\t\treturn {\n\t\t\tmdiArrowRight,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * determines if the action is focusable\n\t\t *\n\t\t * @return {boolean} is the action focusable ?\n\t\t */\n\t\tisFocusable() {\n\t\t\treturn !this.disabled\n\t\t},\n\n\t\tcomputedId() {\n\t\t\treturn createElementId()\n\t\t},\n\t},\n\n\tmethods: {\n\t\tonInput(event) {\n\t\t\t/**\n\t\t\t * Emitted on input events of the text field\n\t\t\t *\n\t\t\t * @type {Event|Date}\n\t\t\t */\n\t\t\tthis.$emit('input', event)\n\t\t\t/**\n\t\t\t * Emitted when the inputs value changes\n\t\t\t *\n\t\t\t * @type {string|Date}\n\t\t\t */\n\t\t\tthis.$emit('update:modelValue', event.target.value)\n\t\t},\n\n\t\tonSubmit(event) {\n\t\t\tevent.preventDefault()\n\t\t\tevent.stopPropagation()\n\t\t\tif (!this.disabled) {\n\t\t\t\t/**\n\t\t\t\t * Emitted on submit of the input field\n\t\t\t\t *\n\t\t\t\t * @type {Event}\n\t\t\t\t */\n\t\t\t\tthis.$emit('submit', event)\n\t\t\t} else {\n\t\t\t\t// ignore submit\n\t\t\t\treturn false\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@use '../../assets/inputs.scss';\n@use '../../assets/action.scss' as *;\n@include action-active;\n@include action--disabled;\n\n$input-margin: 4px;\n\n.action-text-editable {\n\tdisplay: flex;\n\talign-items: flex-start;\n\n\twidth: 100%;\n\theight: auto;\n\tmargin: 0;\n\tpadding: 0;\n\n\tcursor: pointer;\n\twhite-space: nowrap;\n\n\tcolor: var(--color-main-text);\n\tborder: 0;\n\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\tbackground-color: transparent;\n\tbox-shadow: none;\n\n\tfont-weight: normal;\n\tline-height: var(--default-clickable-area);\n\n\t& > span {\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\t}\n\n\t&__icon {\n\t\tmin-width: 0; /* Overwrite icons*/\n\t\tmin-height: 0;\n\t\t/* Keep padding to define the width to\n\t\t\tassure correct position of a possible text */\n\t\tpadding: calc(var(--default-clickable-area) / 2) 0 calc(var(--default-clickable-area) / 2) var(--default-clickable-area);\n\n\t\tbackground-position: #{$icon-margin} center;\n\t\tbackground-size: $icon-size;\n\t}\n\n\t&:deep(.material-design-icon) {\n\t\twidth: var(--default-clickable-area);\n\t\theight: var(--default-clickable-area);\n\t\topacity: $opacity_full;\n\n\t\t.material-design-icon__svg {\n\t\t\tvertical-align: middle;\n\t\t}\n\t}\n\n\t// Forms & text inputs\n\t&__form {\n\t\tdisplay: flex;\n\t\tflex: 1 1 auto;\n\t\tflex-direction: column;\n\n\t\tposition: relative;\n\t\tmargin: $input-margin 0;\n\t\tpadding-inline-end: $icon-margin;\n\t}\n\n\t&__submit {\n\t\tposition: absolute;\n\t\tinset-inline-start: 0;\n\t\ttop: auto;\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\toverflow: hidden;\n\t\tz-index: -1;\n\t\topacity: 0;\n\t}\n\n\t&__label {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t// bottom-right corner\n\t\tposition: absolute;\n\t\tinset-inline-end: calc($icon-margin + 1px);\n\t\tbottom: 1px;\n\t\twidth: calc(var(--default-clickable-area) - $input-margin * 2);\n\t\theight: calc(var(--default-clickable-area) - $input-margin * 2);\n\t\tbox-sizing: border-box;\n\t\tmargin: 0;\n\t\tpadding: 7px 6px;\n\n\t\tborder: 0;\n\t\tborder-radius: 50%;\n\t\t/* Avoid background under border */\n\t\tbackground-color: var(--color-main-background);\n\t\tbackground-clip: padding-box;\n\n\t\t&, * {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t/* Inputs inside popover supports text, submit & reset */\n\t&__textarea {\n\t\tflex: 1 1 auto;\n\t\tcolor: inherit;\n\t\tborder-color: var(--color-border-maxcontrast);\n\n\t\tmin-height: calc(var(--default-clickable-area) * 2 - $input-margin * 2); /* twice the element margin-y */\n\t\tmax-height: calc(var(--default-clickable-area) * 3 - $input-margin * 2); /* twice the element margin-y */\n\t\t// block width widening\n\t\tmin-width: calc(var(--default-clickable-area) * 4);\n\t\twidth: 100% !important;\n\t\tmargin: 0;\n\n\t\t// if disabled, change cursor\n\t\t&:disabled {\n\t\t\tcursor: default;\n\t\t}\n\n\t\t/* only show confirm borders if input is not focused */\n\t\t&:not(:active):not(:hover):not(:focus) {\n\t\t\t&:invalid {\n\t\t\t\t& + .action-text-editable__label {\n\t\t\t\t\tbackground-color: var(--color-error);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:not(:disabled) + .action-text-editable__label {\n\t\t\t\t&:active,\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: var(--color-primary-element);\n\t\t\t\t\tcolor: var(--color-primary-element-text);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&:active,\n\t\t&:hover,\n\t\t&:focus {\n\t\t\t&:not(:disabled) + .action-text-editable__label {\n\t\t\t\t/* above previous input */\n\t\t\t\tz-index: 2;\n\n\t\t\t\tborder-color: var(--color-primary-element);\n\t\t\t\tborder-inline-start-color: transparent;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// if a form is the last of the list\n// add the same bottomMargin as the right padding\n// for visual balance\nli:last-child > .action-text-editable {\n\tmargin-bottom: calc($icon-margin - $input-margin);\n}\n\n// same for first item\nli:first-child > .action-text-editable {\n\tmargin-top: calc($icon-margin - $input-margin);\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_normalizeStyle","_mergeProps","_createVNode"],"mappings":";;;;;;AA+FA,MAAK,YAAU;AAAA,EACd,MAAM;AAAA,EAEN,YAAY;AAAA,IACX;AAAA;EAGD,QAAQ,CAAC,eAAe;AAAA,EAExB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIN,IAAI;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM,YAAY,gBAAe;AAAA,MAC1C,WAAW,CAAC,OAAO,GAAG,KAAI,MAAO;AAAA;;;;IAMlC,UAAU;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMV,YAAY;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;EAIX,OAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA;EAGD,QAAQ;AACP,WAAO;AAAA,MACN;AAAA,IACD;AAAA,EACD;AAAA,EAEA,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMT,cAAc;AACb,aAAO,CAAC,KAAK;AAAA,IACd;AAAA,IAEA,aAAa;AACZ,aAAO,gBAAe;AAAA,IACvB;AAAA;EAGD,SAAS;AAAA,IACR,QAAQ,OAAO;AAMd,WAAK,MAAM,SAAS,KAAK;AAMzB,WAAK,MAAM,qBAAqB,MAAM,OAAO,KAAK;AAAA,IACnD;AAAA,IAEA,SAAS,OAAO;AACf,YAAM,eAAc;AACpB,YAAM,gBAAe;AACrB,UAAI,CAAC,KAAK,UAAU;AAMnB,aAAK,MAAM,UAAU,KAAK;AAAA,MAC3B,OAAO;AAEN,eAAO;AAAA,MACR;AAAA,IACD;AAAA;AAEF;;;;;;;;sBApJCA,mBA4CK,MAAA;AAAA,IA5CD,OAAKC,eAAA,CAAC,UAAQ,EAAA,oBAA+B,OAAA,UAAQ,CAAA;AAAA;IACxDC,mBA0CO,QAAA;AAAA,MAzCN,OAAM;AAAA,MACL,gDAAO,KAAA,WAAA,KAAA,QAAA,GAAA,IAAA;AAAA;MAERC,WAKO,yBALP,MAKO;AAAA,QAJND,mBAGsC,QAAA;AAAA,UAFpC,OAAKD,eAAA,CAAA,CAAG,KAAA,YAAS,oCAAuC,KAAA,IAAI,GAEvD,4BAA4B,CAAA;AAAA,UADjC,OAAKG,eAAA,EAAA,iBAAqB,KAAA,YAAS,OAAU,KAAA,IAAI,MAAA,KAAA,CAAA;AAAA;;MAKpDF,mBA6BO,QAAA;AAAA,QA5BN,KAAI;AAAA,QACJ,OAAM;AAAA,QACL,UAAU,OAAA;AAAA,QACV,+DAAgB,SAAA,YAAA,SAAA,SAAA,GAAA,IAAA,GAAQ,CAAA,SAAA,CAAA;AAAA;QACzBA,mBAAmE,SAAA;AAAA,UAA3D,IAAI,OAAA;AAAA,UAAI,MAAK;AAAA,UAAS,OAAM;AAAA;QAI7B,KAAA,qBADPF,mBAKQ,SAAA;AAAA;UAHP,OAAM;AAAA,UACL,KAAK,SAAA;AAAA,2BACH,KAAA,IAAI,GAAA,GAAA,UAAA;QAGRE,mBAOoB,YAPpBG,WAOoB;AAAA,UANlB,IAAI,SAAA;AAAA,UACL,OAAK,CAAC,kCAAgC,CAAA,EAAA,WAChB,SAAA,YAAW,CAAA,CAAA;AAAA,UAChC,UAAU,OAAA;AAAA,UACV,OAAO,OAAA;AAAA,WACA,KAAA,QAAM;AAAA,UACb,gDAAO,SAAA,WAAA,SAAA,QAAA,GAAA,IAAA;AAAA;uBAITH,mBAEQ,SAAA;AAAA,UAFmB,KAAK,OAAA;AAAA,UAAI,OAAM;AAAA;UACzCI,YAAsD,6BAAA;AAAA,YAApC,aAAA;AAAA,YAAa,MAAM,OAAA;AAAA;;mBADtB,OAAA,QAAQ;AAAA;;;;;;"}

package/dist/chunks/NcAppNavigation-C2njwnqV.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcAppNavigation-C2njwnqV.mjs","sources":["../../src/components/NcAppNavigation/NcAppNavigationToggle.vue","../../src/components/NcAppNavigation/NcAppNavigation.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n  -->\n\n<script setup lang=\"ts\">\nimport { mdiMenu, mdiMenuOpen } from '@mdi/js'\nimport { computed } from 'vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\nimport { t } from '../../l10n.ts'\nimport NcButton from '../NcButton/index.ts'\n\n/**\n * Tracks whether the toggle has been clicked or not.\n * If it has been clicked, switches between the different MenuIcons\n * and emits a boolean indicating its opened status\n */\nconst open = defineModel<boolean>('open', { required: true })\n\nconst title = computed(() => open.value ? t('Close navigation') : t('Open navigation'))\n</script>\n\n<template>\n\t<div class=\"app-navigation-toggle-wrapper\">\n\t\t<NcButton\n\t\t\tclass=\"app-navigation-toggle\"\n\t\t\taria-controls=\"app-navigation-vue\"\n\t\t\t:aria-expanded=\"open ? 'true' : 'false'\"\n\t\t\t:aria-label=\"title\"\n\t\t\t:title\n\t\t\tvariant=\"tertiary\"\n\t\t\t@click=\"open = !open\">\n\t\t\t<template #icon>\n\t\t\t\t<NcIconSvgWrapper :path=\"open ? mdiMenuOpen : mdiMenu\" />\n\t\t\t</template>\n\t\t</NcButton>\n\t</div>\n</template>\n\n<style scoped lang=\"scss\">\n.app-navigation-toggle-wrapper {\n\tposition: absolute;\n\ttop: var(--app-navigation-padding);\n\tinset-inline-end: calc(0px - var(--app-navigation-padding));\n\tmargin-inline-end: calc(-1 * var(--default-clickable-area));\n}\n\nbutton.app-navigation-toggle {\n\tbackground-color: var(--color-main-background);\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```vue\n<template>\n\t<div class=\"styleguide-nc-content\">\n\t\t<NcAppNavigation>\n\t\t\t<template #search>\n\t\t\t\t<div class=\"navigation__header\">\n\t\t\t\t\t<NcAppNavigationSearch v-model=\"searchValue\" label=\"Search …\" />\n\t\t\t\t\t<NcActions>\n\t\t\t\t\t\t<NcActionButton close-after-click @click=\"showModal = true\">\n\t\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t\t<IconCogOutline />\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\tApp settings (close after click)\n\t\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t\t<NcActionButton @click=\"showModal = true\">\n\t\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t\t<IconCogOutline />\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\tApp settings (handle only click)\n\t\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t</NcActions>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<template #list>\n\t\t\t\t<NcAppNavigationItem v-for=\"item in items\" :key=\"item\" :name=\"item\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<IconCheck :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcAppNavigationItem>\n\t\t\t</template>\n\t\t\t<template #footer>\n\t\t\t\t<div class=\"navigation__footer\">\n\t\t\t\t\t<NcButton wide @click=\"showModal = true\">\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<IconCogOutline />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tApp settings\n\t\t\t\t\t</NcButton>\n\t\t\t\t\t<NcModal v-if=\"showModal\" name=\"Modal for focus-trap check\" @close=\"showModal = false\">\n\t\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t\t<h4>Focus-trap should be locked inside the modal</h4>\n\t\t\t\t\t\t\t<NcTextField v-model=\"modalValue\" label=\"Focus me\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</NcModal>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t</NcAppNavigation>\n\t</div>\n</template>\n\n<script>\n\timport IconCheck from 'vue-material-design-icons/Check'\n\timport IconCogOutline from 'vue-material-design-icons/CogOutline'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tIconCheck,\n\t\t\tIconCogOutline,\n\t\t},\n\t\tprovide() {\n\t\t\treturn {\n\t\t\t\t'NcContent:setHasAppNavigation': () => {},\n\t\t\t}\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\titems: Array.from({ length: 5 }, (v, i) => `Item ${i+1}`),\n\t\t\t\tsearchValue: '',\n\t\t\t\tmodalValue: '',\n\t\t\t\tshowModal: false,\n\t\t\t}\n\t\t},\n\t}\n</script>\n\n<style scoped>\n\t/* Mock NcContent */\n\t.styleguide-nc-content {\n\t\tposition: relative;\n\t\theight: 300px;\n\t\tbackground-color: var(--color-background-plain);\n\t\toverflow: hidden;\n\t}\n\n\t.navigation__header,\n\t.navigation__footer {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 4px;\n\t\tpadding: 4px;\n\t}\n\n\t.modal-content {\n\t\theight: 120px;\n\t\tpadding: 10px;\n\t}\n</style>\n```\n\nThe navigation bar can be open and closed from anywhere in the app using the\nnextcloud event bus.\n\n### Install the event bus package\n\n```bash\nnpm i -S @nextcloud/event-bus\n```\n\n### Usage\n\n#### Open the navigation\n\n```js static\nimport { emit } from '@nextcloud/event-bus'\nemit('toggle-navigation', {\n\topen: true,\n})\n```\n\n#### Close the navigation\n\n```js static\nimport { emit } from '@nextcloud/event-bus'\nemit('toggle-navigation', {\n\topen: false,\n})\n```\n\n</docs>\n\n<script setup lang=\"ts\">\nimport type { FocusTrap } from 'focus-trap'\nimport type { Slot } from 'vue'\n\nimport { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'\nimport { createFocusTrap } from 'focus-trap'\nimport { inject, onMounted, onUnmounted, ref, useTemplateRef, warn, watch, watchEffect } from 'vue'\nimport NcAppNavigationList from '../NcAppNavigationList/NcAppNavigationList.vue'\nimport NcAppNavigationToggle from './NcAppNavigationToggle.vue'\nimport { useIsMobile } from '../../composables/useIsMobile/index.ts'\nimport { getTrapStack } from '../../utils/focusTrap.ts'\nimport { HAS_APP_NAVIGATION_KEY } from '../NcContent/constants.ts'\n\nconst props = defineProps<{\n\t/**\n\t * The aria label to describe the navigation\n\t */\n\tariaLabel?: string\n\n\t/**\n\t * aria-labelledby attribute to describe the navigation\n\t */\n\tariaLabelledby?: string\n}>()\n\ndefineSlots<{\n\t/**\n\t * The main content of the navigation.\n\t * If no list is passed to the `#list` slot, stretched vertically.\n\t */\n\tdefault?: Slot\n\t/**\n\t * Footer for e.g. `NcAppNavigationSettings`\n\t */\n\tfooter?: Slot\n\t/**\n\t * List for Navigation list items.\n\t * Stretched between the main content and the footer\n\t */\n\tlist?: Slot\n\t/**\n\t * For in-app search you can pass a `NcAppNavigationSearch` component as the slot content.\n\t */\n\tsearch?: Slot\n}>()\n\nlet focusTrap: FocusTrap\nconst setHasAppNavigation = inject(\n\tHAS_APP_NAVIGATION_KEY,\n\t() => warn('NcAppNavigation is not mounted inside NcContent, this is probably an error.'),\n\tfalse,\n)\n\nconst appNavigationContainerElement = useTemplateRef('appNavigationContainer')\nconst isMobile = useIsMobile()\nconst open = ref(!isMobile.value)\n\nwatchEffect(() => {\n\tif (!props.ariaLabel && !props.ariaLabelledby) {\n\t\twarn('NcAppNavigation requires either `ariaLabel` or `ariaLabelledby` to be set for accessibility.')\n\t}\n})\n\nwatch(isMobile, () => {\n\topen.value = !isMobile.value\n})\n\nwatch(open, () => {\n\ttoggleFocusTrap()\n})\n\nonMounted(() => {\n\tsetHasAppNavigation(true)\n\tsubscribe('toggle-navigation', toggleNavigationByEventBus)\n\t// Emit an event with the initial state of the navigation\n\temit('navigation-toggled', {\n\t\topen: open.value,\n\t})\n\n\tfocusTrap = createFocusTrap(appNavigationContainerElement.value!, {\n\t\tallowOutsideClick: true,\n\t\tclickOutsideDeactivates: () => {\n\t\t\tif (isMobile.value) {\n\t\t\t\tfocusTrap.deactivate({ returnFocus: false })\n\t\t\t\ttoggleNavigation(false)\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tfallbackFocus: appNavigationContainerElement.value!,\n\t\ttrapStack: getTrapStack(),\n\t\tescapeDeactivates: false,\n\t})\n\ttoggleFocusTrap()\n})\n\nonUnmounted(() => {\n\tsetHasAppNavigation(false)\n\tunsubscribe('toggle-navigation', toggleNavigationByEventBus)\n\tfocusTrap.deactivate()\n})\n\n/**\n * Toggle the navigation\n *\n * @param state set the state instead of inverting the current one\n */\nfunction toggleNavigation(state?: boolean): void {\n\t// Early return if already in that state\n\tif (open.value === state) {\n\t\temit('navigation-toggled', {\n\t\t\topen: open.value,\n\t\t})\n\t\treturn\n\t}\n\n\topen.value = state === undefined ? !open.value : state\n\tconst bodyStyles = getComputedStyle(document.body)\n\tconst animationLength = parseInt(bodyStyles.getPropertyValue('--animation-quick')) || 100\n\n\tsetTimeout(() => {\n\t\temit('navigation-toggled', {\n\t\t\topen: open.value,\n\t\t})\n\t// We wait for 1.5 times the animation length to give the animation time to really finish.\n\t}, 1.5 * animationLength)\n}\n\n/**\n * Handler for the event-bus navigation event.\n *\n * @param context - The event bus context\n * @param context.open - The new navigation open state\n */\nfunction toggleNavigationByEventBus({ open }: { open: boolean }): void {\n\treturn toggleNavigation(open)\n}\n\n/**\n * Activate focus trap if it is currently needed, otherwise deactivate\n */\nfunction toggleFocusTrap(): void {\n\tif (isMobile.value && open.value) {\n\t\tfocusTrap.activate()\n\t} else {\n\t\tfocusTrap.deactivate()\n\t}\n}\n\n/**\n * Handle hotkey for closing the navigation.\n */\nfunction handleEsc(): void {\n\tif (isMobile.value) {\n\t\ttoggleNavigation(false)\n\t}\n}\n</script>\n\n<template>\n\t<div\n\t\tref=\"appNavigationContainer\"\n\t\tclass=\"app-navigation\"\n\t\t:class=\"{ 'app-navigation--closed': !open }\">\n\t\t<nav\n\t\t\tid=\"app-navigation-vue\"\n\t\t\t:aria-hidden=\"open ? 'false' : 'true'\"\n\t\t\t:aria-label=\"ariaLabel || undefined\"\n\t\t\t:aria-labelledby=\"ariaLabelledby || undefined\"\n\t\t\tclass=\"app-navigation__content\"\n\t\t\t:inert=\"!open || undefined\"\n\t\t\t@keydown.esc=\"handleEsc\">\n\t\t\t<div class=\"app-navigation__search\">\n\t\t\t\t<slot name=\"search\" />\n\t\t\t</div>\n\n\t\t\t<div class=\"app-navigation__body\" :class=\"{ 'app-navigation__body--no-list': !$slots.list }\">\n\t\t\t\t<slot />\n\t\t\t</div>\n\n\t\t\t<NcAppNavigationList v-if=\"$slots.list\" class=\"app-navigation__list\">\n\t\t\t\t<slot name=\"list\" />\n\t\t\t</NcAppNavigationList>\n\n\t\t\t<slot name=\"footer\" />\n\t\t</nav>\n\t\t<NcAppNavigationToggle :open @update:open=\"toggleNavigation\" />\n\t</div>\n</template>\n\n<style lang=\"scss\">\n.app-navigation,\n.app-content {\n\t/** Distance of the app navigation toggle and the first navigation item to the top edge of the app content container */\n\t--app-navigation-padding: #{$app-navigation-padding};\n}\n</style>\n\n<style lang=\"scss\" scoped>\n.app-navigation {\n\t// Set scoped variable override\n\t// Using --color-text-maxcontrast as a fallback evaluates to an invalid value as it references itself in this scope instead of the variable defined higher up\n\t--color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-text-maxcontrast-default));\n\ttransition: transform var(--animation-quick), margin var(--animation-quick);\n\twidth: $navigation-width;\n\t// Left toggle button padding + toggle button + right padding from NcAppContent\n\t--app-navigation-max-width: calc(100vw - (var(--app-navigation-padding) + var(--default-clickable-area) + var(--default-grid-baseline)));\n\tmax-width: var(--app-navigation-max-width);\n\tposition: relative;\n\ttop: 0;\n\tinset-inline-start: 0;\n\tpadding: 0px;\n\t// Above NcAppContent\n\tz-index: 1800;\n\theight: 100%;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\tflex-grow: 0;\n\tflex-shrink: 0;\n\tbackground-color: var(--color-main-background-blur, var(--color-main-background));\n\t-webkit-backdrop-filter: var(--filter-background-blur, none);\n\tbackdrop-filter: var(--filter-background-blur, none);\n\n\t&--closed {\n\t\tmargin-inline-start: calc(-1 * min($navigation-width, var(--app-navigation-max-width)));\n\t}\n\n\t&__search {\n\t\twidth: 100%;\n\t}\n\n\t&__body {\n\t\toverflow-y: scroll;\n\t}\n\n\t// For legacy purposes support passing a bare list to the content in #default slot and including #footer slot\n\t// Same styles as NcAppNavigationList\n\t&__content > ul {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: var(--default-grid-baseline, 4px);\n\t\tpadding: var(--app-navigation-padding);\n\t}\n\n\t// Always stretch the navigation list\n\t& &__list {\n\t\theight: 100%;\n\t}\n\n\t// Stretch the main content if there is no stretched list\n\t&__body--no-list {\n\t\tflex: 1 1 auto;\n\t\toverflow: auto;\n\t\theight: 100%;\n\t}\n\n\t&__content {\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n}\n\n// Add extra border for high contrast mode\n[data-themes*=\"highcontrast\"] {\n\t.app-navigation {\n\t\tborder-inline-end: 1px solid var(--color-border);\n\t}\n}\n\n// When on mobile, we make the navigation slide over the NcAppContent\n@media only screen and (max-width: $breakpoint-mobile) {\n\t.app-navigation {\n\t\tposition: absolute;\n\t\tborder-inline-end: 1px solid var(--color-border);\n\t}\n}\n\n// Put the toggle behind NcAppSidebar on small screens\n@media only screen and (max-width: $breakpoint-small-mobile) {\n\t.app-navigation {\n\t\tz-index: 1400;\n\t}\n}\n\n</style>\n"],"names":["_useModel","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","open","_normalizeClass","_createElementVNode","ariaLabel","ariaLabelledby","_renderSlot","$slots","_createBlock"],"mappings":"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"}