@nextcloud/vue 8.39.0 → 8.40.0

package/dist/Components/NcDashboardWidgetItem.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcDashboardWidgetItem-2VgB9qj2.mjs";
+import { N } from "../chunks/NcDashboardWidgetItem-uYQMYeJS.mjs";
 export {
   N as default
 };

package/dist/Components/NcDateTimePicker.cjs

@@ -1,4 +1,4 @@
-require('../assets/NcDateTimePicker-DknygOcQ.css');
+require('../assets/NcDateTimePicker-DuZR5gqu.css');
 "use strict";
 const l10n = require("@nextcloud/l10n");
 const DatePicker = require("vue2-datepicker");
@@ -7,9 +7,9 @@ const useModelMigration = require("../chunks/useModelMigration-D5zhrNXr.cjs");
 const _l10n = require("../chunks/_l10n-skrZri3h.cjs");
 const GenRandomId = require("../chunks/GenRandomId-D7iOvpZS.cjs");
 const logger = require("../chunks/logger-3HuiEIF6.cjs");
-const NcPopover = require("../chunks/NcPopover-Ujf9nIvN.cjs");
-const NcTimezonePicker = require("../chunks/NcTimezonePicker-D2e7hW-Z.cjs");
-const ScopeComponent = require("../chunks/ScopeComponent-BLaRYUFv.cjs");
+const NcPopover = require("../chunks/NcPopover-BIGPurEP.cjs");
+const NcTimezonePicker = require("../chunks/NcTimezonePicker-BSGxeYwn.cjs");
+const ScopeComponent = require("../chunks/ScopeComponent-4M4zyHnT.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const DatePicker__default = /* @__PURE__ */ _interopDefault(DatePicker);
 const _sfc_main$2 = {

package/dist/Components/NcDateTimePicker.mjs

@@ -1,4 +1,4 @@
-import '../assets/NcDateTimePicker-DknygOcQ.css';
+import '../assets/NcDateTimePicker-DuZR5gqu.css';
 import { getFirstDay, getDayNamesMin, getDayNamesShort, getDayNames, getMonthNamesShort, getMonthNames } from "@nextcloud/l10n";
 import DatePicker from "vue2-datepicker";
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
@@ -6,9 +6,9 @@ import { u as useModelMigration } from "../chunks/useModelMigration-EhAWvqDD.mjs
 import { r as register, N as t39, a as t } from "../chunks/_l10n-DVz9Qdzk.mjs";
 import { G as GenRandomId } from "../chunks/GenRandomId-F5ebeBB_.mjs";
 import { l as logger } from "../chunks/logger-D3RVzcfQ.mjs";
-import { N as NcPopover } from "../chunks/NcPopover-UAg26Qdd.mjs";
-import { N as NcTimezonePicker } from "../chunks/NcTimezonePicker-n9kr9A4o.mjs";
-import { S as ScopeComponent } from "../chunks/ScopeComponent-77Az-4PS.mjs";
+import { N as NcPopover } from "../chunks/NcPopover-BzTp7LfM.mjs";
+import { N as NcTimezonePicker } from "../chunks/NcTimezonePicker-D4xfdT9T.mjs";
+import { S as ScopeComponent } from "../chunks/ScopeComponent-xx9Z3w0D.mjs";
 const _sfc_main$2 = {
   name: "CalendarBlankIcon",
   emits: ["click"],

package/dist/Components/NcDateTimePickerNative.cjs

@@ -3,7 +3,7 @@ require('../assets/NcDateTimePickerNative-ZqMiOh_m.css');
 const useModelMigration = require("../chunks/useModelMigration-D5zhrNXr.cjs");
 const GenRandomId = require("../chunks/GenRandomId-D7iOvpZS.cjs");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");
-const ScopeComponent = require("../chunks/ScopeComponent-BLaRYUFv.cjs");
+const ScopeComponent = require("../chunks/ScopeComponent-4M4zyHnT.cjs");
 const inputDateTypes = ["date", "datetime-local", "month", "time", "week"];
 const _sfc_main = {
   name: "NcDateTimePickerNative",

package/dist/Components/NcDateTimePickerNative.mjs

@@ -2,7 +2,7 @@ import '../assets/NcDateTimePickerNative-ZqMiOh_m.css';
 import { u as useModelMigration } from "../chunks/useModelMigration-EhAWvqDD.mjs";
 import { G as GenRandomId } from "../chunks/GenRandomId-F5ebeBB_.mjs";
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
-import { S as ScopeComponent } from "../chunks/ScopeComponent-77Az-4PS.mjs";
+import { S as ScopeComponent } from "../chunks/ScopeComponent-xx9Z3w0D.mjs";
 const inputDateTypes = ["date", "datetime-local", "month", "time", "week"];
 const _sfc_main = {
   name: "NcDateTimePickerNative",

package/dist/Components/NcDialog.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcDialog = require("../chunks/NcDialog-Qak1QTrv.cjs");
+const NcDialog = require("../chunks/NcDialog-W8ujIWJd.cjs");
 module.exports = NcDialog.NcDialog;
 //# sourceMappingURL=NcDialog.cjs.map

package/dist/Components/NcDialog.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcDialog-DZ7xq7XA.mjs";
+import { N } from "../chunks/NcDialog-DmRqcm3W.mjs";
 export {
   N as default
 };

package/dist/Components/NcDialogButton.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcDialogButton = require("../chunks/NcDialogButton-BoetK2zm.cjs");
+const NcDialogButton = require("../chunks/NcDialogButton-C8RbaSqF.cjs");
 module.exports = NcDialogButton.NcDialogButton;
 //# sourceMappingURL=NcDialogButton.cjs.map

package/dist/Components/NcDialogButton.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcDialogButton-KNF3Co74.mjs";
+import { N } from "../chunks/NcDialogButton-Bqjj-wmb.mjs";
 export {
   N as default
 };

package/dist/Components/NcEmojiPicker.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcEmojiPicker = require("../chunks/NcEmojiPicker-2KIJVstd.cjs");
+const NcEmojiPicker = require("../chunks/NcEmojiPicker-7aElsqCQ.cjs");
 module.exports = NcEmojiPicker.NcEmojiPicker;
 //# sourceMappingURL=NcEmojiPicker.cjs.map

package/dist/Components/NcEmojiPicker.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcEmojiPicker-DNxcceCn.mjs";
+import { N } from "../chunks/NcEmojiPicker-ClkGGFdW.mjs";
 export {
   N as default
 };

package/dist/Components/NcEmptyContent.cjs

@@ -1,4 +1,4 @@
-require('../assets/NcEmptyContent-CUFc_Dds.css');
+require('../assets/NcEmptyContent-DAR2ze6H.css');
 "use strict";
 const createElementId = require("../chunks/createElementId-lalylSCf.cjs");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");
@@ -56,7 +56,7 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "c3123941"
+  "53618902"
 );
 const NcEmptyContent = __component__.exports;
 module.exports = NcEmptyContent;

package/dist/Components/NcEmptyContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcEmptyContent.cjs","sources":["../../src/components/NcEmptyContent/NcEmptyContent.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\n### Basic use\n\nUse this component to display a message about an empty content.\nProviding an icon, name, and a description is strongly advised.\n\n```\n<template>\n\t<NcEmptyContent name=\"No comments\"\n\t\tdescription=\"Start writing comments and they will appear here.\">\n\t\t<template #icon>\n\t\t\t<Comment />\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport Comment from 'vue-material-design-icons/Comment.vue'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n}\n</script>\n```\n#### With custom svg\n\n```\n<template>\n\t<NcEmptyContent\n\t\tname=\"No files in here\">\n\t\t<template #icon>\n\t\t\t<NcIconSvgWrapper :svg=\"folderSvg\" />\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport folderSvg from '@mdi/svg/svg/folder.svg?raw'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tfolderSvg,\n\t\t}\n\t},\n}\n</script>\n```\n\nYou can also customize the name using the `#name` slot\nand add actions. But to keep the style consistent across Nextcloud\nconsider only using header elements as the root elements for the name slot.\n\n```\n<template>\n\t<NcEmptyContent\n\t\tdescription=\"No comments in here\">\n\t\t<template #icon>\n\t\t\t<Comment />\n\t\t</template>\n\t\t<template #name>\n\t\t\t<h1 class=\"empty-content__name\">\n\t\t\t\tNo comments\n\t\t\t</h1>\n\t\t</template>\n\t\t<template #action>\n\t\t\t<NcButton variant=\"primary\">\n\t\t\t\tAdd a comment!\n\t\t\t</NcButton>\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport Comment from 'vue-material-design-icons/Comment.vue'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n}\n</script>\n```\n\nSimilar to the `#name` slot, you could also use the `#description` slot.\nThe content will be rendered within a paragraph so you can use any inline element,\nlike a link.\n\n```\n<template>\n\t<NcEmptyContent\n\t\tname=\"No comments\">\n\t\t<template #icon>\n\t\t\t<Comment />\n\t\t</template>\n\t\t<template #description>\n\t\t\t<a href=\"https://en.wikipedia.org/wiki/Comment\">What is even a comment?</a>\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport Comment from 'vue-material-design-icons/Comment.vue'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div :aria-labelledby=\"nameId\" class=\"empty-content\" role=\"note\">\n\t\t<div v-if=\"$slots.icon\" class=\"empty-content__icon\" aria-hidden=\"true\">\n\t\t\t<!-- @slot Optional material design icon -->\n\t\t\t<slot name=\"icon\" />\n\t\t</div>\n\t\t<!-- @slot Optional name if not set as property, shall be enclosed by a header element -->\n\t\t<div v-if=\"hasName\" :id=\"nameId\" class=\"empty-content__name\">\n\t\t\t<slot name=\"name\">\n\t\t\t\t{{ name }}\n\t\t\t</slot>\n\t\t</div>\n\t\t<p v-if=\"hasDescription\" class=\"empty-content__description\">\n\t\t\t<!-- @slot Optional formatted description rendered inside a paragraph -->\n\t\t\t<slot name=\"description\">\n\t\t\t\t{{ description }}\n\t\t\t</slot>\n\t\t</p>\n\t\t<div v-if=\"$slots.action\" class=\"empty-content__action\">\n\t\t\t<!-- @slot Optional slot for a button or the like -->\n\t\t\t<slot name=\"action\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { createElementId } from '../../utils/createElementId.ts'\n\nexport default {\n\tname: 'NcEmptyContent',\n\n\tprops: {\n\t\t/**\n\t\t * A header message about an empty content shown\n\t\t *\n\t\t * @example 'No comments'\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Desription of the empty content\n\t\t *\n\t\t * @example 'No comments yet, start the conversation!'\n\t\t */\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\tsetup() {\n\t\treturn {\n\t\t\tnameId: createElementId(),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\thasName() {\n\t\t\treturn this.name !== '' || this.$slots.name\n\t\t},\n\n\t\t/**\n\t\t * Check if a description is given as either property or slot\n\t\t */\n\t\thasDescription() {\n\t\t\treturn this.description !== '' || this.$slots.description?.[0]\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.empty-content {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\t/* In case of using in a flex container - flex in advance */\n\tflex-grow: 1;\n\tpadding: var(--default-grid-baseline);\n\n\t.modal-wrapper & {\n\t\tmargin-top: 5vh;\n\t\tmargin-bottom: 5vh;\n\t}\n\n\t&__icon {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 64px;\n\t\theight: 64px;\n\t\tmargin: 0 auto 15px;\n\t\topacity: .4;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t\tbackground-size: 64px;\n\n\t\t:deep(svg) {\n\t\t\twidth: 64px !important;\n\t\t\theight: 64px !important;\n\t\t\tmax-width: 64px !important;\n\t\t\tmax-height: 64px !important;\n\t\t}\n\t}\n\n\t&__name {\n\t\tmargin-bottom: 10px;\n\t\ttext-align: center;\n\t\tfont-weight: bold;\n\t\tfont-size: 20px;\n\t\tline-height: 30px;\n\t}\n\n\t&__description {\n\t\tcolor: var(--color-text-maxcontrast);\n\t\ttext-align: center;\n\t\ttext-wrap-style: balance;\n\t}\n\n\t&__action {\n\t\tmargin-top: 8px;\n\n\t\t.modal-wrapper & {\n\t\t\tmargin-top: 20px;\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n}\n</style>\n"],"names":["createElementId"],"mappings":";;;AAuJA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,QAAA;AACA,WAAA;AAAA,MACA,QAAAA,gBAAAA,gBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,UAAA;AACA,aAAA,KAAA,SAAA,MAAA,KAAA,OAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,iBAAA;AACA,aAAA,KAAA,gBAAA,MAAA,KAAA,OAAA,cAAA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcEmptyContent.cjs","sources":["../../src/components/NcEmptyContent/NcEmptyContent.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\n### Basic use\n\nUse this component to display a message about an empty content.\nProviding an icon, name, and a description is strongly advised.\n\n```\n<template>\n\t<NcEmptyContent name=\"No comments\"\n\t\tdescription=\"Start writing comments and they will appear here.\">\n\t\t<template #icon>\n\t\t\t<Comment />\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport Comment from 'vue-material-design-icons/Comment.vue'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n}\n</script>\n```\n#### With custom svg\n\n```\n<template>\n\t<NcEmptyContent\n\t\tname=\"No files in here\">\n\t\t<template #icon>\n\t\t\t<NcIconSvgWrapper :svg=\"folderSvg\" />\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport folderSvg from '@mdi/svg/svg/folder.svg?raw'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tfolderSvg,\n\t\t}\n\t},\n}\n</script>\n```\n\nYou can also customize the name using the `#name` slot\nand add actions. But to keep the style consistent across Nextcloud\nconsider only using header elements as the root elements for the name slot.\n\n```\n<template>\n\t<NcEmptyContent\n\t\tdescription=\"No comments in here\">\n\t\t<template #icon>\n\t\t\t<Comment />\n\t\t</template>\n\t\t<template #name>\n\t\t\t<h1 class=\"empty-content__name\">\n\t\t\t\tNo comments\n\t\t\t</h1>\n\t\t</template>\n\t\t<template #action>\n\t\t\t<NcButton variant=\"primary\">\n\t\t\t\tAdd a comment!\n\t\t\t</NcButton>\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport Comment from 'vue-material-design-icons/Comment.vue'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n}\n</script>\n```\n\nSimilar to the `#name` slot, you could also use the `#description` slot.\nThe content will be rendered within a paragraph so you can use any inline element,\nlike a link.\n\n```\n<template>\n\t<NcEmptyContent\n\t\tname=\"No comments\">\n\t\t<template #icon>\n\t\t\t<Comment />\n\t\t</template>\n\t\t<template #description>\n\t\t\t<a href=\"https://en.wikipedia.org/wiki/Comment\">What is even a comment?</a>\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport Comment from 'vue-material-design-icons/Comment.vue'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div :aria-labelledby=\"nameId\" class=\"empty-content\" role=\"note\">\n\t\t<div v-if=\"$slots.icon\" class=\"empty-content__icon\" aria-hidden=\"true\">\n\t\t\t<!-- @slot Optional material design icon -->\n\t\t\t<slot name=\"icon\" />\n\t\t</div>\n\t\t<!-- @slot Optional name if not set as property, shall be enclosed by a header element -->\n\t\t<div v-if=\"hasName\" :id=\"nameId\" class=\"empty-content__name\">\n\t\t\t<slot name=\"name\">\n\t\t\t\t{{ name }}\n\t\t\t</slot>\n\t\t</div>\n\t\t<p v-if=\"hasDescription\" class=\"empty-content__description\">\n\t\t\t<!-- @slot Optional formatted description rendered inside a paragraph -->\n\t\t\t<slot name=\"description\">\n\t\t\t\t{{ description }}\n\t\t\t</slot>\n\t\t</p>\n\t\t<div v-if=\"$slots.action\" class=\"empty-content__action\">\n\t\t\t<!-- @slot Optional slot for a button or the like -->\n\t\t\t<slot name=\"action\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { createElementId } from '../../utils/createElementId.ts'\n\nexport default {\n\tname: 'NcEmptyContent',\n\n\tprops: {\n\t\t/**\n\t\t * A header message about an empty content shown\n\t\t *\n\t\t * @example 'No comments'\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Desription of the empty content\n\t\t *\n\t\t * @example 'No comments yet, start the conversation!'\n\t\t */\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\tsetup() {\n\t\treturn {\n\t\t\tnameId: createElementId(),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\thasName() {\n\t\t\treturn this.name !== '' || this.$slots.name\n\t\t},\n\n\t\t/**\n\t\t * Check if a description is given as either property or slot\n\t\t */\n\t\thasDescription() {\n\t\t\treturn this.description !== '' || this.$slots.description?.[0]\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.empty-content {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\t/* In case of using in a flex container - flex in advance */\n\tflex-grow: 1;\n\tpadding: var(--default-grid-baseline);\n\n\t.modal-wrapper & {\n\t\tmargin-top: 5vh;\n\t\tmargin-bottom: 5vh;\n\t}\n\n\t&__icon {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 64px;\n\t\theight: 64px;\n\t\tmargin: 0 auto 15px;\n\t\topacity: .4;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t\tbackground-size: 64px;\n\n\t\t:deep(svg) {\n\t\t\twidth: 64px !important;\n\t\t\theight: 64px !important;\n\t\t\tmax-width: 64px !important;\n\t\t\tmax-height: 64px !important;\n\t\t}\n\t}\n\n\t&__name {\n\t\tmargin-bottom: 10px;\n\t\ttext-align: center;\n\t\tfont-weight: var(--font-weight-heading, bold);\n\t\tfont-size: 20px;\n\t\tline-height: 30px;\n\t}\n\n\t&__description {\n\t\tcolor: var(--color-text-maxcontrast);\n\t\ttext-align: center;\n\t\ttext-wrap-style: balance;\n\t}\n\n\t&__action {\n\t\tmargin-top: 8px;\n\n\t\t.modal-wrapper & {\n\t\t\tmargin-top: 20px;\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n}\n</style>\n"],"names":["createElementId"],"mappings":";;;AAuJA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,QAAA;AACA,WAAA;AAAA,MACA,QAAAA,gBAAAA,gBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,UAAA;AACA,aAAA,KAAA,SAAA,MAAA,KAAA,OAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,iBAAA;AACA,aAAA,KAAA,gBAAA,MAAA,KAAA,OAAA,cAAA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcEmptyContent.mjs

@@ -1,4 +1,4 @@
-import '../assets/NcEmptyContent-CUFc_Dds.css';
+import '../assets/NcEmptyContent-DAR2ze6H.css';
 import { c as createElementId } from "../chunks/createElementId-DhjFt1I9.mjs";
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
 const _sfc_main = {
@@ -55,7 +55,7 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "c3123941"
+  "53618902"
 );
 const NcEmptyContent = __component__.exports;
 export {

package/dist/Components/NcEmptyContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcEmptyContent.mjs","sources":["../../src/components/NcEmptyContent/NcEmptyContent.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\n### Basic use\n\nUse this component to display a message about an empty content.\nProviding an icon, name, and a description is strongly advised.\n\n```\n<template>\n\t<NcEmptyContent name=\"No comments\"\n\t\tdescription=\"Start writing comments and they will appear here.\">\n\t\t<template #icon>\n\t\t\t<Comment />\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport Comment from 'vue-material-design-icons/Comment.vue'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n}\n</script>\n```\n#### With custom svg\n\n```\n<template>\n\t<NcEmptyContent\n\t\tname=\"No files in here\">\n\t\t<template #icon>\n\t\t\t<NcIconSvgWrapper :svg=\"folderSvg\" />\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport folderSvg from '@mdi/svg/svg/folder.svg?raw'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tfolderSvg,\n\t\t}\n\t},\n}\n</script>\n```\n\nYou can also customize the name using the `#name` slot\nand add actions. But to keep the style consistent across Nextcloud\nconsider only using header elements as the root elements for the name slot.\n\n```\n<template>\n\t<NcEmptyContent\n\t\tdescription=\"No comments in here\">\n\t\t<template #icon>\n\t\t\t<Comment />\n\t\t</template>\n\t\t<template #name>\n\t\t\t<h1 class=\"empty-content__name\">\n\t\t\t\tNo comments\n\t\t\t</h1>\n\t\t</template>\n\t\t<template #action>\n\t\t\t<NcButton variant=\"primary\">\n\t\t\t\tAdd a comment!\n\t\t\t</NcButton>\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport Comment from 'vue-material-design-icons/Comment.vue'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n}\n</script>\n```\n\nSimilar to the `#name` slot, you could also use the `#description` slot.\nThe content will be rendered within a paragraph so you can use any inline element,\nlike a link.\n\n```\n<template>\n\t<NcEmptyContent\n\t\tname=\"No comments\">\n\t\t<template #icon>\n\t\t\t<Comment />\n\t\t</template>\n\t\t<template #description>\n\t\t\t<a href=\"https://en.wikipedia.org/wiki/Comment\">What is even a comment?</a>\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport Comment from 'vue-material-design-icons/Comment.vue'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div :aria-labelledby=\"nameId\" class=\"empty-content\" role=\"note\">\n\t\t<div v-if=\"$slots.icon\" class=\"empty-content__icon\" aria-hidden=\"true\">\n\t\t\t<!-- @slot Optional material design icon -->\n\t\t\t<slot name=\"icon\" />\n\t\t</div>\n\t\t<!-- @slot Optional name if not set as property, shall be enclosed by a header element -->\n\t\t<div v-if=\"hasName\" :id=\"nameId\" class=\"empty-content__name\">\n\t\t\t<slot name=\"name\">\n\t\t\t\t{{ name }}\n\t\t\t</slot>\n\t\t</div>\n\t\t<p v-if=\"hasDescription\" class=\"empty-content__description\">\n\t\t\t<!-- @slot Optional formatted description rendered inside a paragraph -->\n\t\t\t<slot name=\"description\">\n\t\t\t\t{{ description }}\n\t\t\t</slot>\n\t\t</p>\n\t\t<div v-if=\"$slots.action\" class=\"empty-content__action\">\n\t\t\t<!-- @slot Optional slot for a button or the like -->\n\t\t\t<slot name=\"action\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { createElementId } from '../../utils/createElementId.ts'\n\nexport default {\n\tname: 'NcEmptyContent',\n\n\tprops: {\n\t\t/**\n\t\t * A header message about an empty content shown\n\t\t *\n\t\t * @example 'No comments'\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Desription of the empty content\n\t\t *\n\t\t * @example 'No comments yet, start the conversation!'\n\t\t */\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\tsetup() {\n\t\treturn {\n\t\t\tnameId: createElementId(),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\thasName() {\n\t\t\treturn this.name !== '' || this.$slots.name\n\t\t},\n\n\t\t/**\n\t\t * Check if a description is given as either property or slot\n\t\t */\n\t\thasDescription() {\n\t\t\treturn this.description !== '' || this.$slots.description?.[0]\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.empty-content {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\t/* In case of using in a flex container - flex in advance */\n\tflex-grow: 1;\n\tpadding: var(--default-grid-baseline);\n\n\t.modal-wrapper & {\n\t\tmargin-top: 5vh;\n\t\tmargin-bottom: 5vh;\n\t}\n\n\t&__icon {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 64px;\n\t\theight: 64px;\n\t\tmargin: 0 auto 15px;\n\t\topacity: .4;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t\tbackground-size: 64px;\n\n\t\t:deep(svg) {\n\t\t\twidth: 64px !important;\n\t\t\theight: 64px !important;\n\t\t\tmax-width: 64px !important;\n\t\t\tmax-height: 64px !important;\n\t\t}\n\t}\n\n\t&__name {\n\t\tmargin-bottom: 10px;\n\t\ttext-align: center;\n\t\tfont-weight: bold;\n\t\tfont-size: 20px;\n\t\tline-height: 30px;\n\t}\n\n\t&__description {\n\t\tcolor: var(--color-text-maxcontrast);\n\t\ttext-align: center;\n\t\ttext-wrap-style: balance;\n\t}\n\n\t&__action {\n\t\tmargin-top: 8px;\n\n\t\t.modal-wrapper & {\n\t\t\tmargin-top: 20px;\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n}\n</style>\n"],"names":[],"mappings":";;AAuJA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,QAAA;AACA,WAAA;AAAA,MACA,QAAA,gBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,UAAA;AACA,aAAA,KAAA,SAAA,MAAA,KAAA,OAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,iBAAA;AACA,aAAA,KAAA,gBAAA,MAAA,KAAA,OAAA,cAAA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcEmptyContent.mjs","sources":["../../src/components/NcEmptyContent/NcEmptyContent.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\n### Basic use\n\nUse this component to display a message about an empty content.\nProviding an icon, name, and a description is strongly advised.\n\n```\n<template>\n\t<NcEmptyContent name=\"No comments\"\n\t\tdescription=\"Start writing comments and they will appear here.\">\n\t\t<template #icon>\n\t\t\t<Comment />\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport Comment from 'vue-material-design-icons/Comment.vue'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n}\n</script>\n```\n#### With custom svg\n\n```\n<template>\n\t<NcEmptyContent\n\t\tname=\"No files in here\">\n\t\t<template #icon>\n\t\t\t<NcIconSvgWrapper :svg=\"folderSvg\" />\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport folderSvg from '@mdi/svg/svg/folder.svg?raw'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tfolderSvg,\n\t\t}\n\t},\n}\n</script>\n```\n\nYou can also customize the name using the `#name` slot\nand add actions. But to keep the style consistent across Nextcloud\nconsider only using header elements as the root elements for the name slot.\n\n```\n<template>\n\t<NcEmptyContent\n\t\tdescription=\"No comments in here\">\n\t\t<template #icon>\n\t\t\t<Comment />\n\t\t</template>\n\t\t<template #name>\n\t\t\t<h1 class=\"empty-content__name\">\n\t\t\t\tNo comments\n\t\t\t</h1>\n\t\t</template>\n\t\t<template #action>\n\t\t\t<NcButton variant=\"primary\">\n\t\t\t\tAdd a comment!\n\t\t\t</NcButton>\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport Comment from 'vue-material-design-icons/Comment.vue'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n}\n</script>\n```\n\nSimilar to the `#name` slot, you could also use the `#description` slot.\nThe content will be rendered within a paragraph so you can use any inline element,\nlike a link.\n\n```\n<template>\n\t<NcEmptyContent\n\t\tname=\"No comments\">\n\t\t<template #icon>\n\t\t\t<Comment />\n\t\t</template>\n\t\t<template #description>\n\t\t\t<a href=\"https://en.wikipedia.org/wiki/Comment\">What is even a comment?</a>\n\t\t</template>\n\t</NcEmptyContent>\n</template>\n\n<script>\nimport Comment from 'vue-material-design-icons/Comment.vue'\n\nexport default {\n\tcomponents: {\n\t\tComment,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div :aria-labelledby=\"nameId\" class=\"empty-content\" role=\"note\">\n\t\t<div v-if=\"$slots.icon\" class=\"empty-content__icon\" aria-hidden=\"true\">\n\t\t\t<!-- @slot Optional material design icon -->\n\t\t\t<slot name=\"icon\" />\n\t\t</div>\n\t\t<!-- @slot Optional name if not set as property, shall be enclosed by a header element -->\n\t\t<div v-if=\"hasName\" :id=\"nameId\" class=\"empty-content__name\">\n\t\t\t<slot name=\"name\">\n\t\t\t\t{{ name }}\n\t\t\t</slot>\n\t\t</div>\n\t\t<p v-if=\"hasDescription\" class=\"empty-content__description\">\n\t\t\t<!-- @slot Optional formatted description rendered inside a paragraph -->\n\t\t\t<slot name=\"description\">\n\t\t\t\t{{ description }}\n\t\t\t</slot>\n\t\t</p>\n\t\t<div v-if=\"$slots.action\" class=\"empty-content__action\">\n\t\t\t<!-- @slot Optional slot for a button or the like -->\n\t\t\t<slot name=\"action\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { createElementId } from '../../utils/createElementId.ts'\n\nexport default {\n\tname: 'NcEmptyContent',\n\n\tprops: {\n\t\t/**\n\t\t * A header message about an empty content shown\n\t\t *\n\t\t * @example 'No comments'\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Desription of the empty content\n\t\t *\n\t\t * @example 'No comments yet, start the conversation!'\n\t\t */\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\tsetup() {\n\t\treturn {\n\t\t\tnameId: createElementId(),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\thasName() {\n\t\t\treturn this.name !== '' || this.$slots.name\n\t\t},\n\n\t\t/**\n\t\t * Check if a description is given as either property or slot\n\t\t */\n\t\thasDescription() {\n\t\t\treturn this.description !== '' || this.$slots.description?.[0]\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.empty-content {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tjustify-content: center;\n\t/* In case of using in a flex container - flex in advance */\n\tflex-grow: 1;\n\tpadding: var(--default-grid-baseline);\n\n\t.modal-wrapper & {\n\t\tmargin-top: 5vh;\n\t\tmargin-bottom: 5vh;\n\t}\n\n\t&__icon {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 64px;\n\t\theight: 64px;\n\t\tmargin: 0 auto 15px;\n\t\topacity: .4;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t\tbackground-size: 64px;\n\n\t\t:deep(svg) {\n\t\t\twidth: 64px !important;\n\t\t\theight: 64px !important;\n\t\t\tmax-width: 64px !important;\n\t\t\tmax-height: 64px !important;\n\t\t}\n\t}\n\n\t&__name {\n\t\tmargin-bottom: 10px;\n\t\ttext-align: center;\n\t\tfont-weight: var(--font-weight-heading, bold);\n\t\tfont-size: 20px;\n\t\tline-height: 30px;\n\t}\n\n\t&__description {\n\t\tcolor: var(--color-text-maxcontrast);\n\t\ttext-align: center;\n\t\ttext-wrap-style: balance;\n\t}\n\n\t&__action {\n\t\tmargin-top: 8px;\n\n\t\t.modal-wrapper & {\n\t\t\tmargin-top: 20px;\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n}\n</style>\n"],"names":[],"mappings":";;AAuJA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,QAAA;AACA,WAAA;AAAA,MACA,QAAA,gBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,UAAA;AACA,aAAA,KAAA,SAAA,MAAA,KAAA,OAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,iBAAA;AACA,aAAA,KAAA,gBAAA,MAAA,KAAA,OAAA,cAAA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcFilePicker.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcFilePicker = require("../chunks/NcFilePicker-BL6iajt2.cjs");
+const NcFilePicker = require("../chunks/NcFilePicker-DaUHiwFm.cjs");
 module.exports = NcFilePicker.NcFilePicker;
 //# sourceMappingURL=NcFilePicker.cjs.map

package/dist/Components/NcFilePicker.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcFilePicker-Ck9o-ia3.mjs";
+import { N } from "../chunks/NcFilePicker-B57HJpaE.mjs";
 export {
   N as default
 };

package/dist/Components/NcFormBox.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcFormBox = require("../chunks/NcFormBox-DRGVpFeZ.cjs");
+const NcFormBox = require("../chunks/NcFormBox-LJwAiXyR.cjs");
 module.exports = NcFormBox.NcFormBox;
 //# sourceMappingURL=NcFormBox.cjs.map

package/dist/Components/NcFormBox.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcFormBox-DtoCXLMx.mjs";
+import { N } from "../chunks/NcFormBox-Bd7m8ffs.mjs";
 export {
   N as default
 };

package/dist/Components/NcFormBoxButton.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcFormBoxButton = require("../chunks/NcFormBoxButton-ozVuTgCZ.cjs");
+const NcFormBoxButton = require("../chunks/NcFormBoxButton-BDI6Q7WA.cjs");
 module.exports = NcFormBoxButton.NcFormBoxButton;
 //# sourceMappingURL=NcFormBoxButton.cjs.map

package/dist/Components/NcFormBoxButton.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcFormBoxButton-CFWCJ0-X.mjs";
+import { N } from "../chunks/NcFormBoxButton-CRL7kucw.mjs";
 export {
   N as default
 };

package/dist/Components/NcFormBoxCopyButton.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcFormBoxCopyButton = require("../chunks/NcFormBoxCopyButton-BS9aM994.cjs");
+const NcFormBoxCopyButton = require("../chunks/NcFormBoxCopyButton-Bk121Oc2.cjs");
 module.exports = NcFormBoxCopyButton.NcFormBoxCopyButton;
 //# sourceMappingURL=NcFormBoxCopyButton.cjs.map

package/dist/Components/NcFormBoxCopyButton.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcFormBoxCopyButton-Da8RuDH1.mjs";
+import { N } from "../chunks/NcFormBoxCopyButton-BOENrJAS.mjs";
 export {
   N as default
 };

package/dist/Components/NcFormBoxSwitch.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcFormBoxSwitch = require("../chunks/NcFormBoxSwitch-7R8iAj1R.cjs");
+const NcFormBoxSwitch = require("../chunks/NcFormBoxSwitch-CEO4FLdd.cjs");
 module.exports = NcFormBoxSwitch.NcFormBoxSwitch;
 //# sourceMappingURL=NcFormBoxSwitch.cjs.map

package/dist/Components/NcFormBoxSwitch.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcFormBoxSwitch-DaaMuPnk.mjs";
+import { N } from "../chunks/NcFormBoxSwitch-bdRBjKGq.mjs";
 export {
   N as default
 };

package/dist/Components/NcFormGroup.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcFormGroup = require("../chunks/NcFormGroup-AxkxubKD.cjs");
+const NcFormGroup = require("../chunks/NcFormGroup-wzUs2kfP.cjs");
 module.exports = NcFormGroup.NcFormGroup;
 //# sourceMappingURL=NcFormGroup.cjs.map

package/dist/Components/NcFormGroup.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcFormGroup-DblLoFMf.mjs";
+import { N } from "../chunks/NcFormGroup-tW-MwPUj.mjs";
 export {
   N as default
 };

package/dist/Components/NcGuestContent.cjs

@@ -1,14 +1,8 @@
-require('../assets/NcGuestContent-BkegjnLL.css');
+require('../assets/NcGuestContent-27hnc8yQ.css');
 "use strict";
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");
 const _sfc_main = {
-  name: "NcGuestContent",
-  mounted() {
-    document.getElementById("content").classList.add("nc-guest-content");
-  },
-  destroyed() {
-    document.getElementById("content").classList.remove("nc-guest-content");
-  }
+  name: "NcGuestContent"
 };
 var _sfc_render = function render() {
   var _vm = this, _c = _vm._self._c;
@@ -21,7 +15,7 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "528e9576"
+  "4979e1a8"
 );
 const NcGuestContent = __component__.exports;
 module.exports = NcGuestContent;

package/dist/Components/NcGuestContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcGuestContent.cjs","sources":["../../src/components/NcGuestContent/NcGuestContent.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2022 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 guest page content.\nIt should be used as the main wrapper for guest pages, similar to `NcContent` for public and user pages.\nMeaning this component must be used as the root component for your application\nif you render the page using `OCP\\AppFramework\\Http\\TemplateResponse::RENDER_AS_GUEST`.\n\nIt can't be used multiple times on the same page.\n\n### Usage\n\n```html static\n<template>\n\t<NcGuestContent>\n\t\t<h2>Hello guest</h2>\n\t\t<span>How are you?</span>\n\t</NcGuestContent>\n</template>\n```\n</docs>\n\n<template>\n\t<div id=\"guest-content-vue\">\n\t\t<slot />\n\t</div>\n</template>\n\n<script>\n/**\n * Guest content container to be used for the guest content of your app\n */\nexport default {\n\tname: 'NcGuestContent',\n\tmounted() {\n\t\tdocument.getElementById('content').classList.add('nc-guest-content')\n\t},\n\n\tdestroyed() {\n\t\tdocument.getElementById('content').classList.remove('nc-guest-content')\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#guest-content-vue {\n\tcolor: var(--color-main-text);\n\tbackground-color: var(--color-main-background);\n\tmin-width: 0;\n\tborder-radius: var(--border-radius-large);\n\tbox-shadow: 0 0 10px var(--color-box-shadow);\n\theight: fit-content;\n\tpadding: 15px;\n\tmargin: 20px auto;\n}\n</style>\n\n<style lang=\"scss\">\n#content.nc-guest-content {\n\t// Enable scrolling\n\toverflow: auto;\n\n\t// Fix box being cutoff at the bottom\n\tmargin-bottom: 0;\n\theight: calc(var(--body-height) + var(--body-container-margin));\n}\n</style>\n"],"names":[],"mappings":";;AAqCA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AACA,aAAA,eAAA,SAAA,EAAA,UAAA,IAAA,kBAAA;AAAA,EACA;AAAA,EAEA,YAAA;AACA,aAAA,eAAA,SAAA,EAAA,UAAA,OAAA,kBAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcGuestContent.cjs","sources":["../../src/components/NcGuestContent/NcGuestContent.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2022 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 guest page content.\nIt should be used as the main wrapper for guest pages, similar to `NcContent` for public and user pages.\nMeaning this component must be used as the root component for your application\nif you render the page using `OCP\\AppFramework\\Http\\TemplateResponse::RENDER_AS_GUEST`.\n\nIt can't be used multiple times on the same page.\n\n### Usage\n\n```html static\n<template>\n\t<NcGuestContent>\n\t\t<h2>Hello guest</h2>\n\t\t<span>How are you?</span>\n\t</NcGuestContent>\n</template>\n```\n</docs>\n\n<template>\n\t<div id=\"guest-content-vue\">\n\t\t<slot />\n\t</div>\n</template>\n\n<script>\n/**\n * Guest content container to be used for the guest content of your app\n */\nexport default {\n\tname: 'NcGuestContent',\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#guest-content-vue {\n\tcolor: var(--color-main-text);\n\tbackground-color: var(--color-main-background);\n\tmin-width: 0;\n\tborder-radius: var(--border-radius-large);\n\tbox-shadow: 0 0 10px var(--color-box-shadow);\n\theight: fit-content;\n\tpadding: 15px;\n\tmargin: 20px auto;\n}\n</style>\n\n<style lang=\"scss\">\n#content:has(#guest-content-vue) {\n\t// Enable scrolling\n\toverflow: auto;\n\n\t// Fix box being cutoff at the bottom\n\tmargin-bottom: 0;\n\theight: calc(var(--body-height) + var(--body-container-margin));\n}\n</style>\n"],"names":[],"mappings":";;AAqCA,MAAA,YAAA;AAAA,EACA,MAAA;AACA;;;;;;;;;;;;;;;;"}

package/dist/Components/NcGuestContent.mjs

@@ -1,13 +1,7 @@
-import '../assets/NcGuestContent-BkegjnLL.css';
+import '../assets/NcGuestContent-27hnc8yQ.css';
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
 const _sfc_main = {
-  name: "NcGuestContent",
-  mounted() {
-    document.getElementById("content").classList.add("nc-guest-content");
-  },
-  destroyed() {
-    document.getElementById("content").classList.remove("nc-guest-content");
-  }
+  name: "NcGuestContent"
 };
 var _sfc_render = function render() {
   var _vm = this, _c = _vm._self._c;
@@ -20,7 +14,7 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "528e9576"
+  "4979e1a8"
 );
 const NcGuestContent = __component__.exports;
 export {

package/dist/Components/NcGuestContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcGuestContent.mjs","sources":["../../src/components/NcGuestContent/NcGuestContent.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2022 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 guest page content.\nIt should be used as the main wrapper for guest pages, similar to `NcContent` for public and user pages.\nMeaning this component must be used as the root component for your application\nif you render the page using `OCP\\AppFramework\\Http\\TemplateResponse::RENDER_AS_GUEST`.\n\nIt can't be used multiple times on the same page.\n\n### Usage\n\n```html static\n<template>\n\t<NcGuestContent>\n\t\t<h2>Hello guest</h2>\n\t\t<span>How are you?</span>\n\t</NcGuestContent>\n</template>\n```\n</docs>\n\n<template>\n\t<div id=\"guest-content-vue\">\n\t\t<slot />\n\t</div>\n</template>\n\n<script>\n/**\n * Guest content container to be used for the guest content of your app\n */\nexport default {\n\tname: 'NcGuestContent',\n\tmounted() {\n\t\tdocument.getElementById('content').classList.add('nc-guest-content')\n\t},\n\n\tdestroyed() {\n\t\tdocument.getElementById('content').classList.remove('nc-guest-content')\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#guest-content-vue {\n\tcolor: var(--color-main-text);\n\tbackground-color: var(--color-main-background);\n\tmin-width: 0;\n\tborder-radius: var(--border-radius-large);\n\tbox-shadow: 0 0 10px var(--color-box-shadow);\n\theight: fit-content;\n\tpadding: 15px;\n\tmargin: 20px auto;\n}\n</style>\n\n<style lang=\"scss\">\n#content.nc-guest-content {\n\t// Enable scrolling\n\toverflow: auto;\n\n\t// Fix box being cutoff at the bottom\n\tmargin-bottom: 0;\n\theight: calc(var(--body-height) + var(--body-container-margin));\n}\n</style>\n"],"names":[],"mappings":";AAqCA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AACA,aAAA,eAAA,SAAA,EAAA,UAAA,IAAA,kBAAA;AAAA,EACA;AAAA,EAEA,YAAA;AACA,aAAA,eAAA,SAAA,EAAA,UAAA,OAAA,kBAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcGuestContent.mjs","sources":["../../src/components/NcGuestContent/NcGuestContent.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2022 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 guest page content.\nIt should be used as the main wrapper for guest pages, similar to `NcContent` for public and user pages.\nMeaning this component must be used as the root component for your application\nif you render the page using `OCP\\AppFramework\\Http\\TemplateResponse::RENDER_AS_GUEST`.\n\nIt can't be used multiple times on the same page.\n\n### Usage\n\n```html static\n<template>\n\t<NcGuestContent>\n\t\t<h2>Hello guest</h2>\n\t\t<span>How are you?</span>\n\t</NcGuestContent>\n</template>\n```\n</docs>\n\n<template>\n\t<div id=\"guest-content-vue\">\n\t\t<slot />\n\t</div>\n</template>\n\n<script>\n/**\n * Guest content container to be used for the guest content of your app\n */\nexport default {\n\tname: 'NcGuestContent',\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#guest-content-vue {\n\tcolor: var(--color-main-text);\n\tbackground-color: var(--color-main-background);\n\tmin-width: 0;\n\tborder-radius: var(--border-radius-large);\n\tbox-shadow: 0 0 10px var(--color-box-shadow);\n\theight: fit-content;\n\tpadding: 15px;\n\tmargin: 20px auto;\n}\n</style>\n\n<style lang=\"scss\">\n#content:has(#guest-content-vue) {\n\t// Enable scrolling\n\toverflow: auto;\n\n\t// Fix box being cutoff at the bottom\n\tmargin-bottom: 0;\n\theight: calc(var(--body-height) + var(--body-container-margin));\n}\n</style>\n"],"names":[],"mappings":";AAqCA,MAAA,YAAA;AAAA,EACA,MAAA;AACA;;;;;;;;;;;;;;;"}

package/dist/Components/NcHeaderButton.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcHeaderButton = require("../chunks/NcHeaderButton-BndVfb3e.cjs");
+const NcHeaderButton = require("../chunks/NcHeaderButton-SRHcPWsp.cjs");
 module.exports = NcHeaderButton.NcHeaderButton;
 //# sourceMappingURL=NcHeaderButton.cjs.map

package/dist/Components/NcHeaderButton.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcHeaderButton-GtIbBhEd.mjs";
+import { N } from "../chunks/NcHeaderButton-MEyDJghO.mjs";
 export {
   N as default
 };

package/dist/Components/NcHeaderMenu.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcHeaderMenu = require("../chunks/NcHeaderMenu-DUQ4pqU-.cjs");
+const NcHeaderMenu = require("../chunks/NcHeaderMenu-C-K0LFEH.cjs");
 module.exports = NcHeaderMenu.NcHeaderMenu;
 //# sourceMappingURL=NcHeaderMenu.cjs.map

package/dist/Components/NcHeaderMenu.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcHeaderMenu-elBE_Ukl.mjs";
+import { N } from "../chunks/NcHeaderMenu-jHItu4LV.mjs";
 export {
   N as default
 };

package/dist/Components/NcHotkey.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcHotkey = require("../chunks/NcHotkey-vKyDZ2a7.cjs");
+const NcHotkey = require("../chunks/NcHotkey-CLFZr-9x.cjs");
 module.exports = NcHotkey.NcHotkey;
 //# sourceMappingURL=NcHotkey.cjs.map

package/dist/Components/NcHotkey.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcHotkey-CLLtt9LG.mjs";
+import { N } from "../chunks/NcHotkey-CpgacYSd.mjs";
 export {
   N as default
 };

package/dist/Components/NcHotkeyList.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcHotkeyList = require("../chunks/NcHotkeyList-DhFQdopw.cjs");
+const NcHotkeyList = require("../chunks/NcHotkeyList-C_w3SAG_.cjs");
 module.exports = NcHotkeyList.NcHotkeyList;
 //# sourceMappingURL=NcHotkeyList.cjs.map

package/dist/Components/NcHotkeyList.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcHotkeyList-Co7MBL5U.mjs";
+import { N } from "../chunks/NcHotkeyList-BYFbKo6_.mjs";
 export {
   N as default
 };

package/dist/Components/NcInputField.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcInputField = require("../chunks/NcInputField-Brpn446B.cjs");
+const NcInputField = require("../chunks/NcInputField-DPby7_cZ.cjs");
 module.exports = NcInputField.NcInputField;
 //# sourceMappingURL=NcInputField.cjs.map

package/dist/Components/NcInputField.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcInputField-i4Z8nb4b.mjs";
+import { N } from "../chunks/NcInputField-BrzZ8Bne.mjs";
 export {
   N as default
 };

package/dist/Components/NcKbd.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcKbd = require("../chunks/NcKbd-DbjnDaJH.cjs");
+const NcKbd = require("../chunks/NcKbd-uMv3QPhD.cjs");
 module.exports = NcKbd.NcKbd;
 //# sourceMappingURL=NcKbd.cjs.map

package/dist/Components/NcKbd.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcKbd-GB8FuSAU.mjs";
+import { N } from "../chunks/NcKbd-CXJA9sCj.mjs";
 export {
   N as default
 };

package/dist/Components/NcListItem.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcListItem = require("../chunks/NcListItem-C-e9iA9w.cjs");
+const NcListItem = require("../chunks/NcListItem-BjV4Jjw0.cjs");
 module.exports = NcListItem.NcListItem;
 //# sourceMappingURL=NcListItem.cjs.map

package/dist/Components/NcListItem.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcListItem-CaosvdEe.mjs";
+import { N } from "../chunks/NcListItem-Ciok4H4t.mjs";
 export {
   N as default
 };

package/dist/Components/NcListItemIcon.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcListItemIcon = require("../chunks/NcListItemIcon-BQ0f65Vg.cjs");
+const NcListItemIcon = require("../chunks/NcListItemIcon-DukIl2hl.cjs");
 module.exports = NcListItemIcon.NcListItemIcon;
 //# sourceMappingURL=NcListItemIcon.cjs.map

package/dist/Components/NcListItemIcon.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcListItemIcon-DCKYv8Jr.mjs";
+import { N } from "../chunks/NcListItemIcon-DdkIQyoP.mjs";
 export {
   N as default
 };

package/dist/Components/NcModal.cjs

@@ -6,13 +6,13 @@ const focusTrap$1 = require("focus-trap");
 const Vue = require("vue");
 const Close = require("../chunks/Close-CqmXxEKi.cjs");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");
-const NcActions = require("../chunks/NcActions-D51W1X9v.cjs");
-const NcButton = require("../chunks/NcButton-ByTFUhwJ.cjs");
+const NcActions = require("../chunks/NcActions-DYWuXM9w.cjs");
+const NcButton = require("../chunks/NcButton-B3UxfMyE.cjs");
 const NcIconSvgWrapper = require("../chunks/NcIconSvgWrapper-Bbl4kXZI.cjs");
 const _l10n = require("../chunks/_l10n-skrZri3h.cjs");
 const focusTrap = require("../chunks/focusTrap-DUTqW_IG.cjs");
 const GenRandomId = require("../chunks/GenRandomId-D7iOvpZS.cjs");
-const ScopeComponent = require("../chunks/ScopeComponent-BLaRYUFv.cjs");
+const ScopeComponent = require("../chunks/ScopeComponent-4M4zyHnT.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Vue__default = /* @__PURE__ */ _interopDefault(Vue);
 const _sfc_main$2 = {

package/dist/Components/NcModal.mjs

@@ -5,13 +5,13 @@ import { createFocusTrap } from "focus-trap";
 import Vue, { useCssVars } from "vue";
 import { C as Close } from "../chunks/Close-BtLPUSdO.mjs";
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
-import { N as NcActions } from "../chunks/NcActions-DbPerbGE.mjs";
-import { N as NcButton } from "../chunks/NcButton-CCWEL9Ci.mjs";
+import { N as NcActions } from "../chunks/NcActions-JnumflF4.mjs";
+import { N as NcButton } from "../chunks/NcButton-D6Swkr1k.mjs";
 import { N as NcIconSvgWrapper } from "../chunks/NcIconSvgWrapper-Bui9PhAS.mjs";
 import { r as register, K as t35, m as t18, a as t } from "../chunks/_l10n-DVz9Qdzk.mjs";
 import { g as getTrapStack } from "../chunks/focusTrap-HJQ4pqHV.mjs";
 import { G as GenRandomId } from "../chunks/GenRandomId-F5ebeBB_.mjs";
-import { S as ScopeComponent } from "../chunks/ScopeComponent-77Az-4PS.mjs";
+import { S as ScopeComponent } from "../chunks/ScopeComponent-xx9Z3w0D.mjs";
 const _sfc_main$2 = {
   name: "PauseIcon",
   emits: ["click"],

package/dist/Components/NcNoteCard.cjs

@@ -1,4 +1,4 @@
-require('../assets/NcNoteCard-CwNXZ4vV.css');
+require('../assets/NcNoteCard-C4SocW9G.css');
 "use strict";
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");
 const legacy = require("../chunks/legacy-Bk0qQxIg.cjs");
@@ -213,7 +213,7 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "f656e861"
+  "4606150f"
 );
 const NcNoteCard = __component__.exports;
 module.exports = NcNoteCard;