@nextcloud/vue 9.0.0-alpha.4 → 9.0.0-alpha.5

package/dist/index.mjs

@@ -1,98 +1,99 @@
-import './assets/NcRichText-yqgOn353.css';
+import './assets/NcRichText-yXgN8zvG.css';
 import { N as NcActionButton } from "./chunks/NcActionButton-Bqkgltcz.mjs";
-import { N as NcActionButtonGroup } from "./chunks/NcActionButtonGroup-BeQ4mLmQ.mjs";
+import { N as NcActionButtonGroup } from "./chunks/NcActionButtonGroup-QSxR0BLf.mjs";
 import { N as NcActionCaption } from "./chunks/NcActionCaption-Cb_uvgZc.mjs";
 import { N as NcActionCheckbox } from "./chunks/NcActionCheckbox-A6JNjini.mjs";
-import { N as NcActionInput } from "./chunks/NcActionInput-DCe8K_gs.mjs";
+import { N as NcActionInput } from "./chunks/NcActionInput-DY8dxchc.mjs";
 import { N as NcActionLink } from "./chunks/NcActionLink-C0mINC5i.mjs";
 import { N as NcActionRadio } from "./chunks/NcActionRadio-BqAyH2zq.mjs";
 import { N as NcActionRouter } from "./chunks/NcActionRouter-Dr-j-IUI.mjs";
-import { N as NcActions } from "./chunks/NcActions-COaRMDe5.mjs";
+import { N as NcActions } from "./chunks/NcActions-DqMOvrbN.mjs";
 import { N as NcActionSeparator } from "./chunks/NcActionSeparator-DKFXmIJ5.mjs";
 import { N as NcActionText } from "./chunks/NcActionText-C5ZPI56c.mjs";
 import { N as NcActionTextEditable } from "./chunks/NcActionTextEditable-CLXTDGjr.mjs";
-import { N as NcAppContent } from "./chunks/NcAppContent-D2in9bd7.mjs";
+import { N as NcAppContent } from "./chunks/NcAppContent-xtfi9kNO.mjs";
 import { N as NcAppContentDetails } from "./chunks/NcAppContentDetails-Ch6NJvAl.mjs";
 import { N as NcAppContentList } from "./chunks/NcAppContentList-DGwk3AvB.mjs";
-import { N as NcAppNavigation } from "./chunks/NcAppNavigation-Dz1n-CeR.mjs";
-import { N as NcAppNavigationCaption } from "./chunks/NcAppNavigationCaption-6odGo1iM.mjs";
+import { N as NcAppNavigation } from "./chunks/NcAppNavigation-C9Ku9eb2.mjs";
+import { N as NcAppNavigationCaption } from "./chunks/NcAppNavigationCaption-BysnsczC.mjs";
 import { N as NcAppNavigationIconBullet } from "./chunks/NcAppNavigationIconBullet-DuqQFciH.mjs";
-import { N as NcAppNavigationItem } from "./chunks/NcAppNavigationItem-BHtzDfb2.mjs";
+import { N as NcAppNavigationItem } from "./chunks/NcAppNavigationItem--znMc-4G.mjs";
 import { N as NcAppNavigationList } from "./chunks/NcAppNavigationList-DCmrqe9N.mjs";
-import { N as NcAppNavigationNew } from "./chunks/NcAppNavigationNew-CRonFKWJ.mjs";
-import { N as NcAppNavigationNewItem } from "./chunks/NcAppNavigationNewItem-Ctbp1kb-.mjs";
-import { N as NcAppNavigationSettings } from "./chunks/NcAppNavigationSettings-ynYeFb6Z.mjs";
+import { N as NcAppNavigationNew } from "./chunks/NcAppNavigationNew-xPVyvfza.mjs";
+import { N as NcAppNavigationNewItem } from "./chunks/NcAppNavigationNewItem-DS1hIl6W.mjs";
+import { N as NcAppNavigationSettings } from "./chunks/NcAppNavigationSettings-CekHqqk0.mjs";
 import { N as NcAppNavigationSpacer } from "./chunks/NcAppNavigationSpacer-BQFYpMbq.mjs";
-import { N as NcAppSettingsDialog } from "./chunks/NcAppSettingsDialog-CjpGb_I4.mjs";
-import { N as NcAppSettingsSection } from "./chunks/NcAppSettingsSection-a7OfJ9GT.mjs";
-import { N as NcAppSidebar } from "./chunks/NcAppSidebar-BGCuCKk_.mjs";
+import { N as NcAppSettingsDialog } from "./chunks/NcAppSettingsDialog-ChTLtlsE.mjs";
+import { N as NcAppSettingsSection } from "./chunks/NcAppSettingsSection-CJff2xNR.mjs";
+import { N as NcAppSidebar } from "./chunks/NcAppSidebar-C9frc6kG.mjs";
 import { N as NcAppSidebarTab } from "./chunks/NcAppSidebarTab-zBqyKIgn.mjs";
-import { N as NcAvatar } from "./chunks/NcAvatar-OjWzLdGK.mjs";
-import { u } from "./chunks/NcAvatar-OjWzLdGK.mjs";
-import { N as NcBreadcrumb } from "./chunks/NcBreadcrumb-Df7Nn5jU.mjs";
-import { N as NcBreadcrumbs } from "./chunks/NcBreadcrumbs-CighY87i.mjs";
-import { N as NcButton } from "./chunks/NcButton-DvO0XwJf.mjs";
-import { N as NcCheckboxRadioSwitch } from "./chunks/NcCheckboxRadioSwitch-BW7W0ToW.mjs";
-import { N as NcChip } from "./chunks/NcChip-Crkkyllt.mjs";
-import { N as NcColorPicker } from "./chunks/NcColorPicker-Bq2-21Np.mjs";
-import { N as NcContent } from "./chunks/NcContent-WcbDFG2f.mjs";
+import { N as NcAvatar } from "./chunks/NcAvatar-BjooMt8H.mjs";
+import { u } from "./chunks/NcAvatar-BjooMt8H.mjs";
+import { N as NcBreadcrumb } from "./chunks/NcBreadcrumb-Btbcn1IT.mjs";
+import { N as NcBreadcrumbs } from "./chunks/NcBreadcrumbs-BFR0zNov.mjs";
+import { N as NcButton } from "./chunks/NcButton-Bhuckhtj.mjs";
+import { N as NcCheckboxRadioSwitch } from "./chunks/NcCheckboxRadioSwitch-fsQs5UG3.mjs";
+import { N as NcChip } from "./chunks/NcChip-Z436j_vb.mjs";
+import { N as NcCollectionList } from "./chunks/NcCollectionList-B8r2GWp5.mjs";
+import { N as NcColorPicker } from "./chunks/NcColorPicker-ChOP5UKN.mjs";
+import { N as NcContent } from "./chunks/NcContent-BTRh5byh.mjs";
 import { N as NcCounterBubble } from "./chunks/NcCounterBubble-B0Sk58x_.mjs";
-import { N as NcDashboardWidget } from "./chunks/NcDashboardWidget-xBpqAct1.mjs";
-import { N as NcDashboardWidgetItem } from "./chunks/NcDashboardWidgetItem-BwemNzvL.mjs";
-import { N as NcDateTime } from "./chunks/NcDateTime-BVQqC6rO.mjs";
-import { u as u2 } from "./chunks/NcDateTime-BVQqC6rO.mjs";
-import { N as NcDateTimePicker } from "./chunks/NcDateTimePicker-CjuFbS-2.mjs";
-import { N as NcDateTimePickerNative } from "./chunks/NcDateTimePickerNative-DwJ_yIEg.mjs";
-import { N as NcDialog } from "./chunks/NcDialog-CE2gyz2g.mjs";
-import { N as NcDialogButton } from "./chunks/NcDialogButton-DAb0CNtg.mjs";
+import { N as NcDashboardWidget } from "./chunks/NcDashboardWidget-CyEJLxAR.mjs";
+import { N as NcDashboardWidgetItem } from "./chunks/NcDashboardWidgetItem-DfP6DwdF.mjs";
+import { N as NcDateTime } from "./chunks/NcDateTime-DX34z7Lo.mjs";
+import { u as u2 } from "./chunks/NcDateTime-DX34z7Lo.mjs";
+import { N as NcDateTimePicker } from "./chunks/NcDateTimePicker-D9gDwRl4.mjs";
+import { N as NcDateTimePickerNative } from "./chunks/NcDateTimePickerNative-d04KsMAl.mjs";
+import { N as NcDialog } from "./chunks/NcDialog-D5IAHMrC.mjs";
+import { N as NcDialogButton } from "./chunks/NcDialogButton-BkFODtad.mjs";
 import { N as NcEllipsisedOption } from "./chunks/NcEllipsisedOption-CufdpPBu.mjs";
-import { N as NcEmojiPicker } from "./chunks/NcEmojiPicker-DNbUUyLY.mjs";
+import { N as NcEmojiPicker } from "./chunks/NcEmojiPicker-Dtc8dnSp.mjs";
 import { N as NcEmptyContent } from "./chunks/NcEmptyContent-BoGB3vFC.mjs";
 import { N as NcGuestContent } from "./chunks/NcGuestContent-DVqg5Bq4.mjs";
-import { N as NcHeaderMenu } from "./chunks/NcHeaderMenu-CIWkk8T1.mjs";
+import { N as NcHeaderMenu } from "./chunks/NcHeaderMenu-CKynqFZZ.mjs";
 import { _ as _sfc_main } from "./chunks/NcHighlight-BHtRIzqk.mjs";
 import { N as NcIconSvgWrapper } from "./chunks/NcIconSvgWrapper-DbL6OP85.mjs";
-import { N as NcInputField } from "./chunks/NcInputField-BrAvsgA4.mjs";
-import { N as NcListItem } from "./chunks/NcListItem-D3yyUn7h.mjs";
-import { N as NcListItemIcon } from "./chunks/NcListItemIcon-B06oTqsI.mjs";
+import { N as NcInputField } from "./chunks/NcInputField-hpiI0X9L.mjs";
+import { N as NcListItem } from "./chunks/NcListItem-DX-yKrou.mjs";
+import { N as NcListItemIcon } from "./chunks/NcListItemIcon-Bgd2w_Ug.mjs";
 import { N as NcLoadingIcon } from "./chunks/NcLoadingIcon-DREmHXr2.mjs";
 import NcModal from "./Components/NcModal.mjs";
 import _sfc_main$1 from "./Components/NcVNodes.mjs";
 import { N as NcNoteCard } from "./chunks/NcNoteCard-CQgzjr2r.mjs";
-import { N as NcPasswordField } from "./chunks/NcPasswordField-CaRDsoPg.mjs";
+import { N as NcPasswordField } from "./chunks/NcPasswordField-Vfr9wcwj.mjs";
 import { N as NcPopover } from "./chunks/NcPopover-BXfbq-Vs.mjs";
 import { N as NcProgressBar } from "./chunks/NcProgressBar-C2r8oqsv.mjs";
-import { N as NcRelatedResourcesPanel } from "./chunks/NcRelatedResourcesPanel-Bg_z2tZT.mjs";
-import { N as NcMentionBubble } from "./chunks/index-BKkaCvJ0.mjs";
-import { r } from "./chunks/index-BKkaCvJ0.mjs";
-import { N as NcAutoCompleteResult, a as NcRichContenteditable } from "./chunks/NcRichContenteditable-Cx8Fv6sx.mjs";
-import { N as NcRichText } from "./chunks/NcRichText-2N_x-ark.mjs";
+import { N as NcRelatedResourcesPanel } from "./chunks/NcRelatedResourcesPanel-DXQ9WHF5.mjs";
+import { N as NcMentionBubble } from "./chunks/index-CyNq54HS.mjs";
+import { r } from "./chunks/index-CyNq54HS.mjs";
+import { N as NcAutoCompleteResult, a as NcRichContenteditable } from "./chunks/NcRichContenteditable-Bf9Kg4hl.mjs";
+import { N as NcRichText } from "./chunks/NcRichText-COi8Ex6O.mjs";
 import { N, h, d, i, b, r as r2, c, a } from "./chunks/index-CtoB4eIp.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-Cho5o36L.mjs";
+import { a as a2, g, b as b2, c as c2, d as d2, s } from "./chunks/referencePickerModal-BwzqUWFA.mjs";
 import "./chunks/autolink-CKPk5rzg.mjs";
 import "@nextcloud/axios";
 import "@nextcloud/router";
 /* empty css                                                                            */
-import { N as NcSelect } from "./chunks/NcSelect-CPlvJjcY.mjs";
-import { N as NcTextField } from "./chunks/NcTextField-W5cVvjob.mjs";
+import { N as NcSelect } from "./chunks/NcSelect-uOkQ9CdB.mjs";
+import { N as NcTextField } from "./chunks/NcTextField-DctsarIL.mjs";
 import "@nextcloud/event-bus";
 import { N as NcSavingIndicatorIcon } from "./chunks/NcSavingIndicatorIcon-BiGAtlKQ.mjs";
-import { N as NcSelectTags } from "./chunks/NcSelectTags-Hpq3uQ0b.mjs";
-import { N as NcSettingsInputText } from "./chunks/NcSettingsInputText-oIYmufF3.mjs";
-import { N as NcSettingsSection } from "./chunks/NcSettingsSection-CMw4W_UL.mjs";
-import { N as NcSettingsSelectGroup } from "./chunks/NcSettingsSelectGroup-BTVYUUsQ.mjs";
+import { N as NcSelectTags } from "./chunks/NcSelectTags-1hIEJsvj.mjs";
+import { N as NcSettingsInputText } from "./chunks/NcSettingsInputText-DO40BQ3B.mjs";
+import { N as NcSettingsSection } from "./chunks/NcSettingsSection-BDI1fNYG.mjs";
+import { N as NcSettingsSelectGroup } from "./chunks/NcSettingsSelectGroup-OQVMB2G-.mjs";
 import { N as NcTextArea } from "./chunks/NcTextArea-qvR02aYz.mjs";
-import { N as NcTimezonePicker } from "./chunks/NcTimezonePicker-DQ7LMeQo.mjs";
-import { N as NcUserBubble } from "./chunks/NcUserBubble-DrQahQl0.mjs";
-import { N as NcUserStatusIcon } from "./chunks/NcUserStatusIcon-CA3yJfmu.mjs";
+import { N as NcTimezonePicker } from "./chunks/NcTimezonePicker-CGW5Q2gI.mjs";
+import { N as NcUserBubble } from "./chunks/NcUserBubble-CsVyJK3C.mjs";
+import { N as NcUserStatusIcon } from "./chunks/NcUserStatusIcon-CLYI768S.mjs";
 import { useIsFullscreen } from "./Composables/useIsFullscreen.mjs";
 import { MOBILE_BREAKPOINT, MOBILE_SMALL_BREAKPOINT, isMobileState, useIsMobile, useIsSmallMobile } from "./Composables/useIsMobile.mjs";
 import { isA11yActivation } from "./Functions/a11y.mjs";
 import { E, a as a3, e, g as g2, s as s2 } from "./chunks/emoji-Ba55f8iV.mjs";
-import { u as u3 } from "./chunks/usernameToColor-4ci35wWd.mjs";
+import { u as u3 } from "./chunks/usernameToColor-CEyHwgy-.mjs";
 import { directive } from "./Directives/Focus.mjs";
 import { directive as directive$1 } from "./Directives/Linkify.mjs";
 import "./Directives/Tooltip.mjs";
@@ -136,6 +137,7 @@ const NcComponents = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
   NcButton,
   NcCheckboxRadioSwitch,
   NcChip,
+  NcCollectionList,
   NcColorPicker,
   NcContent,
   NcCounterBubble,
@@ -236,6 +238,7 @@ export {
   NcButton,
   NcCheckboxRadioSwitch,
   NcChip,
+  NcCollectionList,
   NcColorPicker,
   NcContent,
   NcCounterBubble,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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 { Directive, Plugin } from 'vue'\n\nimport * as NcComponents from './components/index'\nimport * as NcDirectives from './directives/index'\n\n/**\n * Install all Nextcloud Vue components and directives globally\n * @example\n * ```js\n * import { NextcloudVuePlugin } from '@nextcloud/vue'\n * import { createApp } from 'vue'\n *\n * const app = createApp({})\n *\n * app.use(NextcloudVuePlugin, {\n *   // optional options\n * })\n * ```\n */\nexport const NextcloudVuePlugin: Plugin = {\n\tinstall(app) {\n\t\t// Install components\n\t\tObject.entries(NcComponents).forEach(([name, component]) => {\n\t\t\tapp.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\tapp.directive(name, directive)\n\t\t})\n\t},\n}\n"],"names":["directive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,MAAM,qBAA6B;AAAA,EACzC,QAAQ,KAAK;AAEL,WAAA,QAAQ,YAAY,EAAE,QAAQ,CAAC,CAAC,MAAM,SAAS,MAAM;AAC3D,UAAI,UAAU,UAAU,QAAQ,MAAM,SAAS;AAAA,IAAA,CAC/C;AAGM,WAAA,QAAQ,YAA4C,EAAE,QAAQ,CAAC,CAAC,MAAMA,UAAS,MAAM;AACvF,UAAA,UAAU,MAAMA,UAAS;AAAA,IAAA,CAC7B;AAAA,EACF;AACD;"}
+{"version":3,"file":"index.mjs","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 { Directive, Plugin } from 'vue'\n\nimport * as NcComponents from './components/index'\nimport * as NcDirectives from './directives/index'\n\n/**\n * Install all Nextcloud Vue components and directives globally\n * @example\n * ```js\n * import { NextcloudVuePlugin } from '@nextcloud/vue'\n * import { createApp } from 'vue'\n *\n * const app = createApp({})\n *\n * app.use(NextcloudVuePlugin, {\n *   // optional options\n * })\n * ```\n */\nexport const NextcloudVuePlugin: Plugin = {\n\tinstall(app) {\n\t\t// Install components\n\t\tObject.entries(NcComponents).forEach(([name, component]) => {\n\t\t\tapp.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\tapp.directive(name, directive)\n\t\t})\n\t},\n}\n"],"names":["directive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,MAAM,qBAA6B;AAAA,EACzC,QAAQ,KAAK;AAEL,WAAA,QAAQ,YAAY,EAAE,QAAQ,CAAC,CAAC,MAAM,SAAS,MAAM;AAC3D,UAAI,UAAU,UAAU,QAAQ,MAAM,SAAS;AAAA,IAAA,CAC/C;AAGM,WAAA,QAAQ,YAA4C,EAAE,QAAQ,CAAC,CAAC,MAAMA,UAAS,MAAM;AACvF,UAAA,UAAU,MAAMA,UAAS;AAAA,IAAA,CAC7B;AAAA,EACF;AACD;"}

package/dist/utils/VueTypes.d.ts

@@ -0,0 +1,3 @@
+import { AllowedComponentProps, Component, VNodeProps } from 'vue';
+
+export type ComponentProps<C extends Component> = C extends new (...args: any) => any ? Omit<InstanceType<C>['$props'], keyof VNodeProps | keyof AllowedComponentProps | `on${string}`> : never;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextcloud/vue",
-  "version": "9.0.0-alpha.4",
+  "version": "9.0.0-alpha.5",
   "description": "Nextcloud vue components",
   "keywords": [
     "vuejs",
@@ -65,7 +65,7 @@
   ],
   "dependencies": {
     "@ckpack/vue-color": "^1.5.0",
-    "@floating-ui/dom": "^1.6.6",
+    "@floating-ui/dom": "^1.6.7",
     "@nextcloud/auth": "^2.3.0",
     "@nextcloud/axios": "^2.5.0",
     "@nextcloud/browser-storage": "^0.4.0",
@@ -100,7 +100,7 @@
     "unified": "^11.0.5",
     "unist-builder": "^4.0.0",
     "unist-util-visit": "^5.0.0",
-    "vue": "^3.4.30",
+    "vue": "^3.4.31",
     "vue-datepicker-next": "^1.0.3",
     "vue-router": "^4.4.0",
     "vue-select": "^4.0.0-beta.6"
@@ -123,6 +123,7 @@
     "@nextcloud/stylelint-config": "^3.0.1",
     "@nextcloud/vite-config": "^2.1.0",
     "@nextcloud/webpack-vue-config": "github:nextcloud/webpack-vue-config#vue3",
+    "@testing-library/cypress": "^10.0.2",
     "@types/gettext-parser": "^4.0.4",
     "@vitest/coverage-v8": "^1.6.0",
     "@vue/test-utils": "^2.4.6",

package/dist/assets/NcButton-D3_Qd5cl.css

@@ -1,191 +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-b8778b31] {
-  display: flex;
-  align-self: center;
-  justify-self: center;
-  align-items: center;
-  justify-content: center;
-}
-.button-vue[data-v-b8778b31] {
-  position: relative;
-  width: fit-content;
-  overflow: hidden;
-  border: 0;
-  padding: 0;
-  font-size: var(--default-font-size);
-  font-weight: bold;
-  min-height: var(--default-clickable-area);
-  min-width: var(--default-clickable-area);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border-radius: var(--border-radius-element, calc(var(--default-clickable-area) / 2));
-  transition-property: color, border-color, background-color;
-  transition-duration: 0.1s;
-  transition-timing-function: linear;
-  color: var(--color-primary-element-light-text);
-  background-color: var(--color-primary-element-light);
-}
-.button-vue[data-v-b8778b31] *,
-.button-vue span[data-v-b8778b31] {
-  cursor: pointer;
-}
-.button-vue[data-v-b8778b31]:focus {
-  outline: none;
-}
-.button-vue[data-v-b8778b31]:disabled {
-  cursor: default;
-  opacity: 0.5;
-  filter: saturate(0.7);
-}
-.button-vue[data-v-b8778b31]:disabled * {
-  cursor: default;
-}
-.button-vue[data-v-b8778b31]:hover:not(:disabled) {
-  background-color: var(--color-primary-element-light-hover);
-}
-.button-vue[data-v-b8778b31]:active {
-  background-color: var(--color-primary-element-light);
-}
-.button-vue__wrapper[data-v-b8778b31] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-}
-.button-vue--end .button-vue__wrapper[data-v-b8778b31] {
-  justify-content: end;
-}
-.button-vue--start .button-vue__wrapper[data-v-b8778b31] {
-  justify-content: start;
-}
-.button-vue--reverse .button-vue__wrapper[data-v-b8778b31] {
-  flex-direction: row-reverse;
-}
-.button-vue--reverse.button-vue--icon-and-text[data-v-b8778b31] {
-  padding-inline: calc(var(--default-grid-baseline) * 4) var(--default-grid-baseline);
-}
-.button-vue__icon[data-v-b8778b31] {
-  height: var(--default-clickable-area);
-  width: var(--default-clickable-area);
-  min-height: var(--default-clickable-area);
-  min-width: var(--default-clickable-area);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.button-vue__text[data-v-b8778b31] {
-  font-weight: bold;
-  margin-bottom: 1px;
-  padding: 2px 0;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.button-vue--icon-only[data-v-b8778b31] {
-  line-height: 1;
-  width: var(--default-clickable-area) !important;
-}
-.button-vue--text-only[data-v-b8778b31] {
-  padding: 0 12px;
-}
-.button-vue--text-only .button-vue__text[data-v-b8778b31] {
-  margin-left: 4px;
-  margin-right: 4px;
-}
-.button-vue--icon-and-text[data-v-b8778b31] {
-  padding-block: 0;
-  padding-inline: var(--default-grid-baseline) calc(var(--default-grid-baseline) * 4);
-}
-.button-vue--wide[data-v-b8778b31] {
-  width: 100%;
-}
-.button-vue[data-v-b8778b31]:focus-visible {
-  outline: 2px solid var(--color-main-text) !important;
-  box-shadow: 0 0 0 4px var(--color-main-background) !important;
-}
-.button-vue:focus-visible.button-vue--vue-tertiary-on-primary[data-v-b8778b31] {
-  outline: 2px solid var(--color-primary-element-text);
-  border-radius: var(--border-radius-element, var(--border-radius));
-  background-color: transparent;
-}
-.button-vue--vue-primary[data-v-b8778b31] {
-  background-color: var(--color-primary-element);
-  color: var(--color-primary-element-text);
-}
-.button-vue--vue-primary[data-v-b8778b31]:hover:not(:disabled) {
-  background-color: var(--color-primary-element-hover);
-}
-.button-vue--vue-primary[data-v-b8778b31]:active {
-  background-color: var(--color-primary-element);
-}
-.button-vue--vue-secondary[data-v-b8778b31] {
-  color: var(--color-primary-element-light-text);
-  background-color: var(--color-primary-element-light);
-}
-.button-vue--vue-secondary[data-v-b8778b31]:hover:not(:disabled) {
-  color: var(--color-primary-element-light-text);
-  background-color: var(--color-primary-element-light-hover);
-}
-.button-vue--vue-tertiary[data-v-b8778b31] {
-  color: var(--color-main-text);
-  background-color: transparent;
-}
-.button-vue--vue-tertiary[data-v-b8778b31]:hover:not(:disabled) {
-  background-color: var(--color-background-hover);
-}
-.button-vue--vue-tertiary-no-background[data-v-b8778b31] {
-  color: var(--color-main-text);
-  background-color: transparent;
-}
-.button-vue--vue-tertiary-no-background[data-v-b8778b31]:hover:not(:disabled) {
-  background-color: transparent;
-}
-.button-vue--vue-tertiary-on-primary[data-v-b8778b31] {
-  color: var(--color-primary-element-text);
-  background-color: transparent;
-}
-.button-vue--vue-tertiary-on-primary[data-v-b8778b31]:hover:not(:disabled) {
-  background-color: transparent;
-}
-.button-vue--vue-success[data-v-b8778b31] {
-  background-color: var(--color-success);
-  color: white;
-}
-.button-vue--vue-success[data-v-b8778b31]:hover:not(:disabled) {
-  background-color: var(--color-success-hover);
-}
-.button-vue--vue-success[data-v-b8778b31]:active {
-  background-color: var(--color-success);
-}
-.button-vue--vue-warning[data-v-b8778b31] {
-  background-color: var(--color-warning);
-  color: white;
-}
-.button-vue--vue-warning[data-v-b8778b31]:hover:not(:disabled) {
-  background-color: var(--color-warning-hover);
-}
-.button-vue--vue-warning[data-v-b8778b31]:active {
-  background-color: var(--color-warning);
-}
-.button-vue--vue-error[data-v-b8778b31] {
-  background-color: var(--color-error);
-  color: white;
-}
-.button-vue--vue-error[data-v-b8778b31]:hover:not(:disabled) {
-  background-color: var(--color-error-hover);
-}
-.button-vue--vue-error[data-v-b8778b31]:active {
-  background-color: var(--color-error);
-}

package/dist/chunks/NcAppNavigationCaption-6odGo1iM.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcAppNavigationCaption-6odGo1iM.mjs","sources":["../../src/components/NcAppNavigationCaption/NcAppNavigationCaption.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\n### Basic usage\n\n```vue\n\t<template>\n\t\t<ul class=\"nav\">\n\t\t\t<NcAppNavigationCaption\n\t\t\t\tname=\"Your caption goes here\">\n\t\t\t\t<template #actions>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tThis is an action\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t</template>\n\t\t\t</NcAppNavigationCaption>\n\t\t</ul>\n\t</template>\n\t<script>\n\timport Plus from 'vue-material-design-icons/Plus'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tPlus,\n\t\t},\n\t}\n\t</script>\n\t<style scoped>\n\t\t/* mock the appnavigation */\n\t\tul.nav {\n\t\t\tbackground-color: #cce6f4;\n\t\t}\n\t</style>\n```\n\n### Element with a slot for custom actions icon\n```vue\n\t<template>\n\t\t<ul class=\"nav\">\n\t\t\t<NcAppNavigationCaption\n\t\t\t\tname=\"Your caption goes here\">\n\t\t\t\t<template #actionsTriggerIcon>\n\t\t\t\t\t<Plus slot=\"icon\" :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t<template #actions>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tRename\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tDelete\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<ArrowRight :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tValidate\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Download :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tDownload\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t</template>\n\t\t\t</NcAppNavigationCaption>\n\t\t</ul>\n\t</template>\n\t<script>\n\t\timport ArrowRight from 'vue-material-design-icons/ArrowRight'\n\t\timport Delete from 'vue-material-design-icons/Delete'\n\t\timport Download from 'vue-material-design-icons/Download'\n\t\timport Pencil from 'vue-material-design-icons/Pencil'\n\t\timport Plus from 'vue-material-design-icons/Plus'\n\n\t\texport default {\n\t\t\tcomponents: {\n\t\t\t\tArrowRight,\n\t\t\t\tDelete,\n\t\t\t\tDownload,\n\t\t\t\tPencil,\n\t\t\t\tPlus,\n\t\t\t}\n\t\t}\n\t</script>\n\t<style scoped>\n\t\t/* mock the appnavigation */\n\t\tul.nav {\n\t\t\tbackground-color: #cce6f4;\n\t\t}\n\t</style>\n```\n\n### Element used as a heading\n```vue\n\t<template>\n\t\t<!-- e.g. NcAppNavigation-->\n\t\t<div style=\"display: flex; flex-direction: column;\">\n\t\t\t<NcAppNavigationCaption heading-id=\"mylist-heading\"\n\t\t\t\tis-heading\n\t\t\t\tname=\"My navigation list\" />\n\t\t\t<NcAppNavigationList aria-labelledby=\"mylist-heading\">\n\t\t\t\t<NcAppNavigationItem name=\"First\" />\n\t\t\t\t<NcAppNavigationItem name=\"Second\" />\n\t\t\t\t<NcAppNavigationItem name=\"Third\" />\n\t\t\t</NcAppNavigationList>\n\t\t</div>\n\t</template>\n```\n\n</docs>\n\n<template>\n\t<component :is=\"wrapperTag\"\n\t\tclass=\"app-navigation-caption\"\n\t\t:class=\"{ 'app-navigation-caption--heading': isHeading }\">\n\t\t<!-- Name of the caption -->\n\t\t<component :is=\"captionTag\"\n\t\t\t:id=\"headingId\"\n\t\t\tclass=\"app-navigation-caption__name\">\n\t\t\t{{ name }}\n\t\t</component>\n\n\t\t<!-- Actions -->\n\t\t<div v-if=\"!!$slots.actions\"\n\t\t\tclass=\"app-navigation-caption__actions\">\n\t\t\t<NcActions v-bind=\"$attrs\">\n\t\t\t\t<!-- @slot Slot for the actions menu -->\n\t\t\t\t<slot name=\"actions\" />\n\t\t\t\t<template #icon>\n\t\t\t\t\t<slot name=\"actionsTriggerIcon\" />\n\t\t\t\t</template>\n\t\t\t</NcActions>\n\t\t</div>\n\t</component>\n</template>\n\n<script>\nimport NcActions from '../NcActions/index.js'\n\nexport default {\n\tname: 'NcAppNavigationCaption',\n\n\tcomponents: {\n\t\tNcActions,\n\t},\n\n\tinheritAttrs: false,\n\n\tprops: {\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * `id` to set on the inner caption\n\t\t * Can be used for connecting the `NcActionCaption` with `NcActionList` using `aria-labelledby`.\n\t\t */\n\t\theadingId: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Enable when used as a heading\n\t\t * e.g. Before NcAppNavigationList\n\t\t */\n\t\tisHeading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * If `isHeading` is set, this defines the heading level that should be used\n\t\t */\n\t\theadingLevel: {\n\t\t\ttype: Number,\n\t\t\tdefault: 2,\n\t\t},\n\n\t\t/**\n\t\t * Any [NcActions](#/Components/NcActions?id=ncactions-1) prop\n\t\t */\n\t\t// Not an actual prop but needed to show in vue-styleguidist docs\n\t\t// eslint-disable-next-line\n\t\t' ': {},\n\t},\n\n\tcomputed: {\n\t\twrapperTag() {\n\t\t\treturn this.isHeading ? 'div' : 'li'\n\t\t},\n\t\tcaptionTag() {\n\t\t\t// Limit to at least h2 as h1 is considered invalid and reserved\n\t\t\tconst headingLevel = Math.max(2, this.headingLevel)\n\t\t\treturn this.isHeading ? `h${headingLevel}` : 'span'\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.app-navigation-caption {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\n\t&--heading {\n\t\tpadding: var(--app-navigation-padding);\n\t\t&:not(:first-child):not(:last-child) {\n\t\t\tpadding: 0 var(--app-navigation-padding);\n\t\t}\n\t}\n\n\t&__name {\n\t\tfont-weight: bold;\n\t\tcolor: var(--color-main-text);\n\t\tfont-size: var(--default-font-size);\n\t\tline-height: $clickable-area;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tbox-shadow: none !important;\n\t\tflex-shrink: 0;\n\t\t// padding to align the name with the icon of app navigation items\n\t\tpadding: 0 calc(var(--default-grid-baseline, 4px) * 2) 0 calc(var(--default-grid-baseline, 4px) * 3);\n\t\tmargin-top: 0px;\n\t\tmargin-bottom: 12px;\n\t}\n\n\t&__actions {\n\t\tflex: 0 0 $clickable-area;\n\t}\n}\n\n// extra top space if it's not the first item on the list\n.app-navigation-caption:not(:first-child) {\n\tmargin-top: math.div($clickable-area, 2);\n}\n</style>\n"],"names":["_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_openBlock","_createElementBlock","_createVNode","_normalizeProps","_guardReactiveProps","_renderSlot","_createCommentVNode"],"mappings":";;;AAuJA,MAAK,YAAU;AAAA,EACd,MAAM;AAAA,EAEN,YAAY;AAAA,IACX;AAAA,EACA;AAAA,EAED,cAAc;AAAA,EAEd,OAAO;AAAA,IACN,MAAM;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,WAAW;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,WAAW;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,KAAK,CAAE;AAAA,EACP;AAAA,EAED,UAAU;AAAA,IACT,aAAa;AACZ,aAAO,KAAK,YAAY,QAAQ;AAAA,IAChC;AAAA,IACD,aAAa;AAEZ,YAAM,eAAe,KAAK,IAAI,GAAG,KAAK,YAAY;AAClD,aAAO,KAAK,YAAY,IAAI,YAAY,KAAK;AAAA,IAC7C;AAAA,EACD;AACF;;EAlNA,KAAA;AAAA,EAwIG,OAAM;;;;sBAZRA,YA5HDC,wBA4HiB,SAAU,UAAA,GAAA;AAAA,IACzB,OA7HFC,eAAA,CA6HQ,0BAAwB,EAAA,mCACe,OAAS,UAAA,CAAA,CAAA;AAAA;IA9HxD,SAAAC,QAgIE,MAIY;AAAA,oBAJZH,YAhIFC,wBAgIkB,SAAU,UAAA,GAAA;AAAA,QACxB,IAAI,OAAS;AAAA,QACd,OAAM;AAAA;QAlIT,SAAAE,QAmIG,MAAU;AAAA,UAnIbC,gBAAAC,gBAmIM,OAAI,IAAA,GAAA,CAAA;AAAA;QAnIV,GAAA;AAAA;MAuIe,CAAA,CAAA,KAAA,OAAO,WAApBC,aAAAC,mBASM,OATN,YASM;AAAA,QAPLC,YAMY,sBA/IfC,eAAAC,mBAyIsB,KAAM,MAAA,CAAA,GAAA;AAAA,UAGb,cACV,MAAkC;AAAA,YAAlCC,WAAkC,KAAA,QAAA,sBAAA,CAAA,GAAA,QAAA,IAAA;AAAA;UA7IvC,SAAAR,QA2II,MAAuB;AAAA,YAAvBQ,WAAuB,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA;UA3I3B,GAAA;AAAA;YAAAC,mBAAA,IAAA,IAAA;AAAA;IAAA,GAAA;AAAA;;;"}

package/dist/chunks/NcAppSettingsSection-a7OfJ9GT.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcAppSettingsSection-a7OfJ9GT.mjs","sources":["../../src/components/NcAppSettingsSection/NcAppSettingsSection.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<div :id=\"htmlId\" class=\"app-settings-section\">\n\t\t<h3 class=\"app-settings-section__name\">\n\t\t\t{{ name }}\n\t\t</h3>\n\t\t<slot />\n\t\t<!-- @slot Optonal icon to for the secion in the navigation -->\n\t\t<slot v-if=\"false\" name=\"icon\" />\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: 'NcAppSettingsSection',\n\tinject: ['registerSection', 'unregisterSection'],\n\n\tprops: {\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\tid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t\tvalidator(id) {\n\t\t\t\t// Only alphanumeric, dash and underscore\n\t\t\t\treturn /^[a-z0-9\\-_]+$/.test(id)\n\t\t\t},\n\t\t},\n\t},\n\tcomputed: {\n\t\t// generate an id for each settingssection based on the name without whitespaces\n\t\thtmlId() {\n\t\t\treturn 'settings-section_' + this.id\n\t\t},\n\t},\n\t// Reactive changes for section navigation\n\twatch: {\n\t\tid(newId, oldId) {\n\t\t\tthis.unregisterSection(oldId)\n\t\t\tthis.registerSection(newId, this.name, this.$slots?.icon?.())\n\t\t},\n\t\tname(newName) {\n\t\t\tthis.unregisterSection(this.id)\n\t\t\tthis.registerSection(this.id, newName, this.$slots?.icon?.())\n\t\t},\n\t},\n\tmounted() {\n\t\t// register section for navigation\n\t\tthis.registerSection(this.id, this.name, this.$slots?.icon?.())\n\t},\n\tbeforeUnmount() {\n\t\tthis.unregisterSection(this.id)\n\t},\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n.app-settings-section {\n\tmargin-bottom: 80px;\n\t&__name {\n\t\tfont-size: 20px;\n\t\tmargin: 0;\n\t\tpadding: 20px 0;\n\t\tfont-weight: bold;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n}\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_toDisplayString","_renderSlot","_createCommentVNode"],"mappings":";;AAiBA,MAAK,YAAU;AAAA,EACd,MAAM;AAAA,EACN,QAAQ,CAAC,mBAAmB,mBAAmB;AAAA,EAE/C,OAAO;AAAA,IACN,MAAM;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IACV;AAAA,IAED,IAAI;AAAA,MACH,MAAM;AAAA,MACN,UAAU;AAAA,MACV,UAAU,IAAI;AAEb,eAAO,iBAAiB,KAAK,EAAE;AAAA,MAC/B;AAAA,IACD;AAAA,EACD;AAAA,EACD,UAAU;AAAA;AAAA,IAET,SAAS;AACR,aAAO,sBAAsB,KAAK;AAAA,IAClC;AAAA,EACD;AAAA;AAAA,EAED,OAAO;AAAA,IACN,GAAG,OAAO,OAAO;AAChB,WAAK,kBAAkB,KAAK;AAC5B,WAAK,gBAAgB,OAAO,KAAK,MAAM,KAAK,QAAQ,QAAQ;AAAA,IAC5D;AAAA,IACD,KAAK,SAAS;AACb,WAAK,kBAAkB,KAAK,EAAE;AAC9B,WAAK,gBAAgB,KAAK,IAAI,SAAS,KAAK,QAAQ,QAAQ;AAAA,IAC5D;AAAA,EACD;AAAA,EACD,UAAU;AAET,SAAK,gBAAgB,KAAK,IAAI,KAAK,MAAM,KAAK,QAAQ,QAAQ;AAAA,EAC9D;AAAA,EACD,gBAAgB;AACf,SAAK,kBAAkB,KAAK,EAAE;AAAA,EAC9B;AACF;AA5DA,MAAA,aAAA,CAAA,IAAA;AAOM,MAAA,aAAA,EAAA,OAAM,6BAA4B;;sBADvCA,mBAOM,OAAA;AAAA,IAPA,IAAI,SAAM;AAAA,IAAE,OAAM;AAAA;IACvBC,mBAEK,MAFL,YAEKC,gBADD,OAAI,IAAA,GAAA,CAAA;AAAA,IAERC,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,IAVVC,mBAAA,IAAA,IAAA;AAAA,EAAA,GAAA,GAAA,UAAA;;;"}