@nextcloud/vue 8.4.0 → 8.5.0

package/dist/Components/NcListItemIcon.mjs

@@ -1,164 +1,4 @@
-import "../assets/index-6f721577.css";
-import { N as i, u as r } from "../chunks/index-309426ff.mjs";
-import { N as n } from "../chunks/index-20a9ace9.mjs";
-import o from "./NcIconSvgWrapper.mjs";
-import "../Composables/useIsFullscreen.mjs";
-import "../Composables/useIsMobile.mjs";
-import "@nextcloud/router";
-/* empty css                                                                                   */import { n as c } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
-import "linkify-string";
-import "escape-html";
-import "striptags";
-import "vue";
-const l = 8, e = 32, u = {
-  name: "NcListItemIcon",
-  components: {
-    NcAvatar: i,
-    NcHighlight: n,
-    NcIconSvgWrapper: o
-  },
-  mixins: [
-    r
-  ],
-  props: {
-    /**
-     * Default first line text
-     */
-    name: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Secondary optional line
-     * Only visible on size of 32 and above
-     */
-    subname: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Icon class to be displayed at the end of the component
-     */
-    icon: {
-      type: String,
-      default: ""
-    },
-    /**
-     * SVG icon to be displayed at the end of the component
-     */
-    iconSvg: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Descriptive name for the icon
-     */
-    iconName: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Search within the highlight of name/subname
-     */
-    search: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Set a size in px that will define the avatar height/width
-     * and therefore, the height of the component
-     */
-    avatarSize: {
-      type: Number,
-      default: e
-    },
-    /**
-     * Disable the margins of this component.
-     * Useful for integration in `NcSelect` for example
-     */
-    noMargin: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * See the [Avatar](#Avatar) displayName prop
-     * Fallback to name
-     */
-    displayName: {
-      type: String,
-      default: null
-    },
-    /**
-     * See the [Avatar](#Avatar) isNoUser prop
-     * Enable/disable the UserStatus fetching
-     */
-    isNoUser: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Unique list item ID
-     */
-    id: {
-      type: String,
-      default: null
-    }
-  },
-  data() {
-    return {
-      margin: l
-    };
-  },
-  computed: {
-    hasIcon() {
-      return this.icon !== "";
-    },
-    hasIconSvg() {
-      return this.iconSvg !== "";
-    },
-    isValidSubname() {
-      var a, t;
-      return ((t = (a = this.subname) == null ? void 0 : a.trim) == null ? void 0 : t.call(a)) !== "";
-    },
-    isSizeBigEnough() {
-      return this.avatarSize >= e;
-    },
-    cssVars() {
-      const a = this.noMargin ? 0 : this.margin;
-      return {
-        "--height": this.avatarSize + 2 * a + "px",
-        "--margin": this.margin + "px"
-      };
-    },
-    /**
-     * Seperates the search property into two parts, the first one is the search part on the name, the second on the subname.
-     * @return {[string, string]}
-     */
-    searchParts() {
-      const a = /^([^<]*)<([^>]+)>?$/, t = this.search.match(a);
-      return this.isNoUser || !t ? [this.search, this.search] : [t[1].trim(), t[2]];
-    }
-  },
-  beforeMount() {
-    !this.isNoUser && !this.subname && this.fetchUserStatus(this.user);
-  }
-};
-var m = function() {
-  var t = this, s = t._self._c;
-  return s("span", t._g({ staticClass: "option", style: t.cssVars, attrs: { id: t.id } }, t.$listeners), [s("NcAvatar", t._b({ staticClass: "option__avatar", attrs: { "disable-menu": !0, "disable-tooltip": !0, "display-name": t.displayName || t.name, "is-no-user": t.isNoUser, size: t.avatarSize } }, "NcAvatar", t.$attrs, !1)), s("div", { staticClass: "option__details" }, [s("NcHighlight", { staticClass: "option__lineone", attrs: { text: t.name, search: t.searchParts[0] } }), t.isValidSubname && t.isSizeBigEnough ? s("NcHighlight", { staticClass: "option__linetwo", attrs: { text: t.subname, search: t.searchParts[1] } }) : t.hasStatus ? s("span", [s("span", [t._v(t._s(t.userStatus.icon))]), s("span", [t._v(t._s(t.userStatus.message))])]) : t._e()], 1), t._t("default", function() {
-    return [t.hasIconSvg ? s("NcIconSvgWrapper", { staticClass: "option__icon", attrs: { svg: t.iconSvg, name: t.iconName } }) : t.hasIcon ? s("span", { staticClass: "icon option__icon", class: t.icon, attrs: { "aria-label": t.iconName } }) : t._e()];
-  })], 2);
-}, p = [], _ = /* @__PURE__ */ c(
-  u,
-  m,
-  p,
-  !1,
-  null,
-  "562c32c6",
-  null,
-  null
-);
-const A = _.exports;
+import { N as f } from "../chunks/NcListItemIcon-1ZcwsrMT.mjs";
 export {
-  A as default
+  f as default
 };

package/dist/Components/NcListItemIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcListItemIcon.mjs","sources":["../../src/components/NcListItemIcon/NcListItemIcon.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>\n  -\n  - @author John Molakvoæ <skjnldsv@protonmail.com>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n  -->\n<docs>\n## This is used to display a avatar-name/subname + icon layout\nIt might be used for list rendering or within the multiselect for example\n\n> **Note:** Any binding will be forwarded on the Avatar component root\n\n```vue\n<NcListItemIcon name=\"User 1\" />\n<NcListItemIcon name=\"User 1\" subname=\"Hidden subname because size is too small\" :avatar-size=\"24\" />\n```\n```vue\n\t<template>\n\t\t<NcListItemIcon name=\"User 1\" :avatar-size=\"44\">\n\t\t\t<template>\n\t\t\t\t<Account :size=\"20\" />\n\t\t\t</template>\n\t\t</NcListItemIcon>\n\t</template>\n\t<script>\n\timport Account from 'vue-material-design-icons/Account'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tAccount,\n\t\t},\n\t}\n\t</script>\n```\n\n### With icon\n```vue\n\t<template>\n\t\t<NcListItemIcon name=\"Group 1\" subname=\"13 members\" :is-no-user=\"true\">\n\t\t\t<template>\n\t\t\t\t<AccountMultiple :size=\"20\" />\n\t\t\t</template>\n\t\t</NcListItemIcon>\n\t</template>\n\t<script>\n\timport AccountMultiple from 'vue-material-design-icons/AccountMultiple'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tAccountMultiple,\n\t\t},\n\t}\n\t</script>\n```\n\n### Searching\n```vue\n\t<template>\n\t\t<NcListItemIcon name=\"Test user 1\" subname=\"callmetest@domain.com\" search=\"test\" />\n\t\t<NcListItemIcon name=\"Testing admin\" subname=\"testme@example.com\" search=\"test\" />\n\t\t<NcListItemIcon name=\"Test group 2\" subname=\"loremipsum@domain.com\" :is-no-user=\"true\" search=\"test\">\n\t\t\t<template>\n\t\t\t\t<AccountMultiple :size=\"20\" />\n\t\t\t</template>\n\t\t</NcListItemIcon>\n\t</template>\n\t<script>\n\timport AccountMultiple from 'vue-material-design-icons/AccountMultiple'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tAccountMultiple,\n\t\t},\n\t}\n\t</script>\n```\n\n### With actions\n```vue\n\t<template>\n\t\t<NcListItemIcon name=\"Test user 1\" subname=\"callmetest@domain.com\">\n\t\t\t<NcActions>\n\t\t\t\t<NcActionButton @click=\"alert('Edit')\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\tEdit\n\t\t\t\t</NcActionButton>\n\t\t\t\t<NcActionButton @click=\"alert('Delete')\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\tDelete\n\t\t\t\t</NcActionButton>\n\t\t\t</NcActions>\n\t\t</NcListItemIcon>\n\t</template>\n\t<script>\n\timport Delete from 'vue-material-design-icons/Delete'\n\timport Pencil from 'vue-material-design-icons/Pencil'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tDelete,\n\t\t\tPencil,\n\t\t},\n\t}\n\t</script>\n```\n</docs>\n\n<template>\n\t<span :id=\"id\"\n\t\tclass=\"option\"\n\t\t:style=\"cssVars\"\n\t\tv-on=\"$listeners\">\n\t\t<NcAvatar v-bind=\"$attrs\"\n\t\t\t:disable-menu=\"true\"\n\t\t\t:disable-tooltip=\"true\"\n\t\t\t:display-name=\"displayName || name\"\n\t\t\t:is-no-user=\"isNoUser\"\n\t\t\t:size=\"avatarSize\"\n\t\t\tclass=\"option__avatar\" />\n\t\t<div class=\"option__details\">\n\t\t\t<NcHighlight class=\"option__lineone\"\n\t\t\t\t:text=\"name\"\n\t\t\t\t:search=\"searchParts[0]\" />\n\t\t\t<NcHighlight v-if=\"isValidSubname && isSizeBigEnough\"\n\t\t\t\tclass=\"option__linetwo\"\n\t\t\t\t:text=\"subname\"\n\t\t\t\t:search=\"searchParts[1]\" />\n\t\t\t<span v-else-if=\"hasStatus\">\n\t\t\t\t<span>{{ userStatus.icon }}</span>\n\t\t\t\t<span>{{ userStatus.message }}</span>\n\t\t\t</span>\n\t\t</div>\n\n\t\t<!-- @slot use this slot to add a custom icon or actions -->\n\t\t<slot>\n\t\t\t<NcIconSvgWrapper v-if=\"hasIconSvg\"\n\t\t\t\tclass=\"option__icon\"\n\t\t\t\t:svg=\"iconSvg\"\n\t\t\t\t:name=\"iconName\" />\n\t\t\t<span v-else-if=\"hasIcon\"\n\t\t\t\tclass=\"icon option__icon\"\n\t\t\t\t:class=\"icon\"\n\t\t\t\t:aria-label=\"iconName\" />\n\t\t</slot>\n\t</span>\n</template>\n\n<script>\nimport NcAvatar from '../NcAvatar/index.js'\nimport NcHighlight from '../NcHighlight/index.js'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/index.js'\n\nimport { userStatus } from '../../mixins/index.js'\n\n// global margin, ^2 ratio\nconst margin = 8\nconst defaultSize = 32\n\nexport default {\n\tname: 'NcListItemIcon',\n\n\tcomponents: {\n\t\tNcAvatar,\n\t\tNcHighlight,\n\t\tNcIconSvgWrapper,\n\t},\n\n\tmixins: [\n\t\tuserStatus,\n\t],\n\n\tprops: {\n\t\t/**\n\t\t * Default first line text\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * Secondary optional line\n\t\t * Only visible on size of 32 and above\n\t\t */\n\t\tsubname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Icon class to be displayed at the end of the component\n\t\t */\n\t\ticon: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * SVG icon to be displayed at the end of the component\n\t\t */\n\t\ticonSvg: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Descriptive name for the icon\n\t\t */\n\t\ticonName: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Search within the highlight of name/subname\n\t\t */\n\t\tsearch: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Set a size in px that will define the avatar height/width\n\t\t * and therefore, the height of the component\n\t\t */\n\t\tavatarSize: {\n\t\t\ttype: Number,\n\t\t\tdefault: defaultSize,\n\t\t},\n\n\t\t/**\n\t\t * Disable the margins of this component.\n\t\t * Useful for integration in `NcSelect` for example\n\t\t */\n\t\tnoMargin: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * See the [Avatar](#Avatar) displayName prop\n\t\t * Fallback to name\n\t\t */\n\t\tdisplayName: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * See the [Avatar](#Avatar) isNoUser prop\n\t\t * Enable/disable the UserStatus fetching\n\t\t */\n\t\tisNoUser: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Unique list item ID\n\t\t */\n\t\tid: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tmargin,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\thasIcon() {\n\t\t\treturn this.icon !== ''\n\t\t},\n\n\t\thasIconSvg() {\n\t\t\treturn this.iconSvg !== ''\n\t\t},\n\n\t\tisValidSubname() {\n\t\t\treturn this.subname?.trim?.() !== ''\n\t\t},\n\n\t\tisSizeBigEnough() {\n\t\t\treturn this.avatarSize >= defaultSize\n\t\t},\n\n\t\tcssVars() {\n\t\t\t// Don't use margin to calculate the height if noMargin\n\t\t\tconst margin = this.noMargin ? 0 : this.margin\n\n\t\t\treturn {\n\t\t\t\t'--height': this.avatarSize + 2 * margin + 'px',\n\t\t\t\t'--margin': this.margin + 'px',\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Seperates the search property into two parts, the first one is the search part on the name, the second on the subname.\n\t\t * @return {[string, string]}\n\t\t */\n\t\tsearchParts() {\n\t\t\t// Match the email notation like \"Jane <j.doe@example.com>\" with the email address as matching group\n\t\t\tconst EMAIL_NOTATION = /^([^<]*)<([^>]+)>?$/\n\n\t\t\tconst match = this.search.match(EMAIL_NOTATION)\n\t\t\tif (this.isNoUser || !match) {\n\t\t\t\treturn [this.search, this.search]\n\t\t\t}\n\t\t\treturn [match[1].trim(), match[2]]\n\t\t},\n\t},\n\n\tbeforeMount() {\n\t\t// If we don't have a subname and if this is a user\n\t\tif (!this.isNoUser && !this.subname) {\n\t\t\tthis.fetchUserStatus(this.user)\n\t\t}\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.option {\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\theight: var(--height);\n\tcursor: inherit;\n\n\t&__avatar {\n\t\tmargin-right: var(--margin);\n\t}\n\n\t&__details {\n\t\tdisplay: flex;\n\t\tflex: 1 1;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\tmin-width: 0;\n\t}\n\n\t&__lineone {\n\t\tcolor: var(--color-main-text);\n\t}\n\n\t&__linetwo {\n\t\tcolor: var(--color-text-maxcontrast);\n\t}\n\n\t&__lineone,\n\t&__linetwo {\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\tline-height: 1.1em;\n\t\tstrong {\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n\n\t&__icon {\n\t\twidth: $clickable-area;\n\t\theight: $clickable-area;\n\t\tcolor: var(--color-text-maxcontrast);\n\t\t&.icon {\n\t\t\tflex: 0 0 $clickable-area;\n\t\t\topacity: $opacity_normal;\n\t\t\tbackground-position: center;\n\t\t\tbackground-size: 16px;\n\t\t}\n\t}\n\n\t&__details,\n\t&__lineone,\n\t&__linetwo,\n\t&__icon {\n\t\tcursor: inherit;\n\t}\n}\n</style>\n"],"names":["margin","defaultSize","_sfc_main","NcAvatar","NcHighlight","NcIconSvgWrapper","userStatus","_b","_a","EMAIL_NOTATION","match"],"mappings":";;;;;;;;;;;;;AA8KA,MAAAA,IAAA,GACAC,IAAA,IAEAC,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,EACA;AAAA,EAEA,QAAA;AAAA,IACAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAAL;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,QAAAD;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,UAAA;AACA,aAAA,KAAA,SAAA;AAAA,IACA;AAAA,IAEA,aAAA;AACA,aAAA,KAAA,YAAA;AAAA,IACA;AAAA,IAEA,iBAAA;;AACA,eAAAO,KAAAC,IAAA,KAAA,YAAA,gBAAAA,EAAA,SAAA,gBAAAD,EAAA,KAAAC,QAAA;AAAA,IACA;AAAA,IAEA,kBAAA;AACA,aAAA,KAAA,cAAAP;AAAA,IACA;AAAA,IAEA,UAAA;AAEA,YAAAD,IAAA,KAAA,WAAA,IAAA,KAAA;AAEA,aAAA;AAAA,QACA,YAAA,KAAA,aAAA,IAAAA,IAAA;AAAA,QACA,YAAA,KAAA,SAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,cAAA;AAEA,YAAAS,IAAA,uBAEAC,IAAA,KAAA,OAAA,MAAAD,CAAA;AACA,aAAA,KAAA,YAAA,CAAAC,IACA,CAAA,KAAA,QAAA,KAAA,MAAA,IAEA,CAAAA,EAAA,CAAA,EAAA,KAAA,GAAAA,EAAA,CAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,cAAA;AAEA,IAAA,CAAA,KAAA,YAAA,CAAA,KAAA,WACA,KAAA,gBAAA,KAAA,IAAA;AAAA,EAEA;AACA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcListItemIcon.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/Components/NcLoadingIcon.cjs

@@ -1,6 +1,5 @@
-var c = require("../assets/index-b8f13a1f.css");
-const r = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs");
-const n = {
+var c = require("../assets/NcLoadingIcon-hZn7TJM8.css");
+const t = require("../chunks/_plugin-vue2_normalizer-DCfUPqga.cjs"), n = {
   name: "NcLoadingIcon",
   props: {
     /**
@@ -17,8 +16,8 @@ const n = {
      */
     appearance: {
       type: String,
-      validator(t) {
-        return ["auto", "light", "dark"].includes(t);
+      validator(r) {
+        return ["auto", "light", "dark"].includes(r);
       },
       default: "auto"
     },
@@ -32,18 +31,18 @@ const n = {
   },
   computed: {
     colors() {
-      const t = ["#777", "#CCC"];
-      return this.appearance === "light" ? t : this.appearance === "dark" ? t.reverse() : ["var(--color-loading-light)", "var(--color-loading-dark)"];
+      const r = ["#777", "#CCC"];
+      return this.appearance === "light" ? r : this.appearance === "dark" ? r.reverse() : ["var(--color-loading-light)", "var(--color-loading-dark)"];
     }
   }
 };
-var o = function() {
+var i = function() {
   var e = this, a = e._self._c;
   return a("span", { staticClass: "material-design-icon loading-icon", attrs: { "aria-label": e.name, role: "img" } }, [a("svg", { attrs: { width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [a("path", { attrs: { fill: e.colors[0], d: "M12,4V2A10,10 0 1,0 22,12H20A8,8 0 1,1 12,4Z" } }), a("path", { attrs: { fill: e.colors[1], d: "M12,4V2A10,10 0 0,1 22,12H20A8,8 0 0,0 12,4Z" } }, [e.name ? a("title", [e._v(e._s(e.name))]) : e._e()])])]);
-}, i = [], s = /* @__PURE__ */ r.normalizeComponent(
+}, o = [], s = /* @__PURE__ */ t.normalizeComponent(
   n,
-  o,
   i,
+  o,
   !1,
   null,
   "626664cd",

package/dist/Components/NcLoadingIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcLoadingIcon.cjs","sources":["../../src/components/NcLoadingIcon/NcLoadingIcon.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2022 Raimund Schlüßler <raimund.schluessler@mailbox.org>\n -\n - @author Raimund Schlüßler <raimund.schluessler@mailbox.org>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n\n<docs>\n# Usage\n\n```\n<div>\n\t<NcLoadingIcon />\n</div>\n<div style=\"background-color: #171717;\">\n\t<NcLoadingIcon :size=\"64\" appearance=\"light\" name=\"Loading on dark background\" />\n</div>\n<div style=\"background-color: #fff;\">\n\t<NcLoadingIcon :size=\"64\" appearance=\"dark\" name=\"Loading on light background\" />\n</div>\n```\n</docs>\n\n<template>\n\t<span :aria-label=\"name\"\n\t\trole=\"img\"\n\t\tclass=\"material-design-icon loading-icon\">\n\t\t<svg :width=\"size\"\n\t\t\t:height=\"size\"\n\t\t\tviewBox=\"0 0 24 24\">\n\t\t\t<path :fill=\"colors[0]\" d=\"M12,4V2A10,10 0 1,0 22,12H20A8,8 0 1,1 12,4Z\" />\n\t\t\t<path :fill=\"colors[1]\" d=\"M12,4V2A10,10 0 0,1 22,12H20A8,8 0 0,0 12,4Z\">\n\t\t\t\t<title v-if=\"name\">{{ name }}</title>\n\t\t\t</path>\n\t\t</svg>\n\t</span>\n</template>\n\n<script>\nexport default {\n\tname: 'NcLoadingIcon',\n\tprops: {\n\t\t/**\n\t\t * Specify the size of the loading icon.\n\t\t */\n\t\tsize: {\n\t\t\ttype: Number,\n\t\t\tdefault: 20,\n\t\t},\n\t\t/**\n\t\t * The appearance of the loading icon.\n\t\t * 'auto' adjusts to the Nextcloud color scheme,\n\t\t * 'light' and 'dark' are static.\n\t\t */\n\t\tappearance: {\n\t\t\ttype: String,\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['auto', 'light', 'dark'].includes(value)\n\t\t\t},\n\t\t\tdefault: 'auto',\n\t\t},\n\t\t/**\n\t\t * Specify what is loading.\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\tcomputed: {\n\t\tcolors() {\n\t\t\tconst colors = ['#777', '#CCC']\n\t\t\tif (this.appearance === 'light') {\n\t\t\t\treturn colors\n\t\t\t} else if (this.appearance === 'dark') {\n\t\t\t\treturn colors.reverse()\n\t\t\t}\n\t\t\treturn ['var(--color-loading-light)', 'var(--color-loading-dark)']\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.loading-icon svg{\n\tanimation: rotate var(--animation-duration, 0.8s) linear infinite;\n}\n</style>\n"],"names":["_sfc_main","value","colors"],"mappings":";;AAsDA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAAC,GAAA;AACA,eAAA,CAAA,QAAA,SAAA,MAAA,EAAA,SAAAA,CAAA;AAAA,MACA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,SAAA;AACA,YAAAC,IAAA,CAAA,QAAA,MAAA;AACA,aAAA,KAAA,eAAA,UACAA,IACA,KAAA,eAAA,SACAA,EAAA,QAAA,IAEA,CAAA,8BAAA,2BAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcLoadingIcon.cjs","sources":["../../src/components/NcLoadingIcon/NcLoadingIcon.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2022 Raimund Schlüßler <raimund.schluessler@mailbox.org>\n -\n - @author Raimund Schlüßler <raimund.schluessler@mailbox.org>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n\n<docs>\n# Usage\n\n```\n<div>\n\t<NcLoadingIcon />\n</div>\n<div style=\"background-color: #171717;\">\n\t<NcLoadingIcon :size=\"64\" appearance=\"light\" name=\"Loading on dark background\" />\n</div>\n<div style=\"background-color: #fff;\">\n\t<NcLoadingIcon :size=\"64\" appearance=\"dark\" name=\"Loading on light background\" />\n</div>\n```\n</docs>\n\n<template>\n\t<span :aria-label=\"name\"\n\t\trole=\"img\"\n\t\tclass=\"material-design-icon loading-icon\">\n\t\t<svg :width=\"size\"\n\t\t\t:height=\"size\"\n\t\t\tviewBox=\"0 0 24 24\">\n\t\t\t<path :fill=\"colors[0]\" d=\"M12,4V2A10,10 0 1,0 22,12H20A8,8 0 1,1 12,4Z\" />\n\t\t\t<path :fill=\"colors[1]\" d=\"M12,4V2A10,10 0 0,1 22,12H20A8,8 0 0,0 12,4Z\">\n\t\t\t\t<title v-if=\"name\">{{ name }}</title>\n\t\t\t</path>\n\t\t</svg>\n\t</span>\n</template>\n\n<script>\nexport default {\n\tname: 'NcLoadingIcon',\n\tprops: {\n\t\t/**\n\t\t * Specify the size of the loading icon.\n\t\t */\n\t\tsize: {\n\t\t\ttype: Number,\n\t\t\tdefault: 20,\n\t\t},\n\t\t/**\n\t\t * The appearance of the loading icon.\n\t\t * 'auto' adjusts to the Nextcloud color scheme,\n\t\t * 'light' and 'dark' are static.\n\t\t */\n\t\tappearance: {\n\t\t\ttype: String,\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['auto', 'light', 'dark'].includes(value)\n\t\t\t},\n\t\t\tdefault: 'auto',\n\t\t},\n\t\t/**\n\t\t * Specify what is loading.\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\tcomputed: {\n\t\tcolors() {\n\t\t\tconst colors = ['#777', '#CCC']\n\t\t\tif (this.appearance === 'light') {\n\t\t\t\treturn colors\n\t\t\t} else if (this.appearance === 'dark') {\n\t\t\t\treturn colors.reverse()\n\t\t\t}\n\t\t\treturn ['var(--color-loading-light)', 'var(--color-loading-dark)']\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.loading-icon svg{\n\tanimation: rotate var(--animation-duration, 0.8s) linear infinite;\n}\n</style>\n"],"names":["_sfc_main","value","colors"],"mappings":";qEAsDAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAAC,GAAA;AACA,eAAA,CAAA,QAAA,SAAA,MAAA,EAAA,SAAAA,CAAA;AAAA,MACA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,SAAA;AACA,YAAAC,IAAA,CAAA,QAAA,MAAA;AACA,aAAA,KAAA,eAAA,UACAA,IACA,KAAA,eAAA,SACAA,EAAA,QAAA,IAEA,CAAA,8BAAA,2BAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}

package/dist/Components/NcLoadingIcon.mjs

@@ -1,5 +1,5 @@
-import "../assets/index-b8f13a1f.css";
-import { n as r } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
+import "../assets/NcLoadingIcon-hZn7TJM8.css";
+import { n as t } from "../chunks/_plugin-vue2_normalizer-u6G_3nkj.mjs";
 const n = {
   name: "NcLoadingIcon",
   props: {
@@ -17,8 +17,8 @@ const n = {
      */
     appearance: {
       type: String,
-      validator(a) {
-        return ["auto", "light", "dark"].includes(a);
+      validator(e) {
+        return ["auto", "light", "dark"].includes(e);
       },
       default: "auto"
     },
@@ -32,15 +32,15 @@ const n = {
   },
   computed: {
     colors() {
-      const a = ["#777", "#CCC"];
-      return this.appearance === "light" ? a : this.appearance === "dark" ? a.reverse() : ["var(--color-loading-light)", "var(--color-loading-dark)"];
+      const e = ["#777", "#CCC"];
+      return this.appearance === "light" ? e : this.appearance === "dark" ? e.reverse() : ["var(--color-loading-light)", "var(--color-loading-dark)"];
     }
   }
 };
 var o = function() {
-  var e = this, t = e._self._c;
-  return t("span", { staticClass: "material-design-icon loading-icon", attrs: { "aria-label": e.name, role: "img" } }, [t("svg", { attrs: { width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { fill: e.colors[0], d: "M12,4V2A10,10 0 1,0 22,12H20A8,8 0 1,1 12,4Z" } }), t("path", { attrs: { fill: e.colors[1], d: "M12,4V2A10,10 0 0,1 22,12H20A8,8 0 0,0 12,4Z" } }, [e.name ? t("title", [e._v(e._s(e.name))]) : e._e()])])]);
-}, i = [], s = /* @__PURE__ */ r(
+  var a = this, r = a._self._c;
+  return r("span", { staticClass: "material-design-icon loading-icon", attrs: { "aria-label": a.name, role: "img" } }, [r("svg", { attrs: { width: a.size, height: a.size, viewBox: "0 0 24 24" } }, [r("path", { attrs: { fill: a.colors[0], d: "M12,4V2A10,10 0 1,0 22,12H20A8,8 0 1,1 12,4Z" } }), r("path", { attrs: { fill: a.colors[1], d: "M12,4V2A10,10 0 0,1 22,12H20A8,8 0 0,0 12,4Z" } }, [a.name ? r("title", [a._v(a._s(a.name))]) : a._e()])])]);
+}, i = [], l = /* @__PURE__ */ t(
   n,
   o,
   i,
@@ -50,7 +50,7 @@ var o = function() {
   null,
   null
 );
-const d = s.exports;
+const d = l.exports;
 export {
   d as default
 };

package/dist/Components/NcModal.cjs

@@ -1,8 +1,8 @@
-var I = require("../assets/index-a3c23731.css");
-const u = require("../chunks/ScopeComponent-06c558d3.cjs"), r = require("../chunks/focusTrap-14985831.cjs"), i = require("../chunks/_l10n-72c5e29e.cjs"), d = require("../chunks/GenRandomId-c214d235.cjs"), h = require("./NcActions.cjs"), p = require("./NcButton.cjs");
+var I = require("../assets/NcModal-QzDLeQrW.css");
+const u = require("../chunks/ScopeComponent-_Cg8ogL-.cjs"), r = require("../chunks/focusTrap-n3H52LOw.cjs"), i = require("../chunks/_l10n-juAR1Sua.cjs"), d = require("../chunks/GenRandomId-ULxaMkkr.cjs"), h = require("../chunks/NcActions-7ytNFRBJ.cjs"), p = require("./NcButton.cjs");
 require("../Directives/Tooltip.cjs");
-const l = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs"), f = require("../chunks/ChevronRight-a4c1e0d3.cjs"), m = require("../chunks/Close-98cb6f12.cjs"), _ = require("focus-trap"), y = require("@vueuse/core"), v = require("floating-vue");
-i.register(i.t16, i.t28);
+const l = require("../chunks/_plugin-vue2_normalizer-DCfUPqga.cjs"), f = require("../chunks/ChevronRight-bp7fT1r7.cjs"), m = require("../chunks/Close-QFLrdRdG.cjs"), _ = require("focus-trap"), y = require("@vueuse/core"), w = require("floating-vue");
+i.register(i.t16, i.t29);
 /**
  * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
  *
@@ -24,7 +24,7 @@ i.register(i.t16, i.t28);
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-function w(s, e) {
+function v(s, e) {
   let t, a, o = e, n;
   this.start = function() {
     n = !0, a = /* @__PURE__ */ new Date(), t = setTimeout(s, o);
@@ -60,17 +60,17 @@ var C = function() {
   return t("span", e._b({ staticClass: "material-design-icon chevron-left-icon", attrs: { "aria-hidden": !e.title, "aria-label": e.title, role: "img" }, on: { click: function(a) {
     return e.$emit("click", a);
   } } }, "span", e.$attrs, !1), [t("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" } }, [e.title ? t("title", [e._v(e._s(e.title))]) : e._e()])])]);
-}, b = [], k = /* @__PURE__ */ l.normalizeComponent(
+}, S = [], T = /* @__PURE__ */ l.normalizeComponent(
   g,
   C,
-  b,
+  S,
   !1,
   null,
   null,
   null,
   null
 );
-const S = k.exports, T = {
+const b = T.exports, k = {
   name: "PauseIcon",
   emits: ["click"],
   props: {
@@ -93,7 +93,7 @@ var x = function() {
     return e.$emit("click", a);
   } } }, "span", e.$attrs, !1), [t("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M14,19H18V5H14M6,19H10V5H6V19Z" } }, [e.title ? t("title", [e._v(e._s(e.title))]) : e._e()])])]);
 }, N = [], B = /* @__PURE__ */ l.normalizeComponent(
-  T,
+  k,
   x,
   N,
   !1,
@@ -124,7 +124,7 @@ var P = function() {
   return t("span", e._b({ staticClass: "material-design-icon play-icon", attrs: { "aria-hidden": !e.title, "aria-label": e.title, role: "img" }, on: { click: function(a) {
     return e.$emit("click", a);
   } } }, "span", e.$attrs, !1), [t("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M8,5.14V19.14L19,12.14L8,5.14Z" } }, [e.title ? t("title", [e._v(e._s(e.title))]) : e._e()])])]);
-}, L = [], M = /* @__PURE__ */ l.normalizeComponent(
+}, L = [], A = /* @__PURE__ */ l.normalizeComponent(
   z,
   P,
   L,
@@ -134,20 +134,19 @@ var P = function() {
   null,
   null
 );
-const A = M.exports;
-const q = {
+const M = A.exports, F = {
   name: "NcModal",
   components: {
-    NcActions: h,
-    ChevronLeft: S,
+    NcActions: h.NcActions,
+    ChevronLeft: b,
     ChevronRight: f.ChevronRight,
     Close: m.Close,
     Pause: $,
-    Play: A,
+    Play: M,
     NcButton: p
   },
   directives: {
-    tooltip: v.VTooltip
+    tooltip: w.VTooltip
   },
   props: {
     /**
@@ -278,6 +277,15 @@ const q = {
     show: {
       type: Boolean,
       default: void 0
+    },
+    /**
+     * Set element to return focus to after focus trap deactivation
+     *
+     * @type {import('focus-trap').FocusTargetValueOrFalse}
+     */
+    setReturnFocus: {
+      default: void 0,
+      type: [HTMLElement, SVGElement, String, Boolean]
     }
   },
   emits: [
@@ -418,7 +426,7 @@ const q = {
      * Handle the slideshow timer and next event
      */
     handleSlideshow() {
-      this.playing = !0, this.hasNext ? this.slideshowTimeout = new w(() => {
+      this.playing = !0, this.hasNext ? this.slideshowTimeout = new v(() => {
         this.next(), this.handleSlideshow();
       }, this.slideshowDelay) : (this.playing = !1, this.clearSlideshowTimeout());
     },
@@ -442,17 +450,17 @@ const q = {
         trapStack: r.getTrapStack(),
         // Esc can be used without stop in content or additionalTrapElements where it should not deacxtivate modal's focus trap.
         // Focus trap is deactivated on modal close anyway.
-        escapeDeactivates: !1
+        escapeDeactivates: !1,
+        setReturnFocus: this.setReturnFocus
       };
       this.focusTrap = _.createFocusTrap([s, ...this.additionalTrapElements], e), this.focusTrap.activate();
     },
     clearFocusTrap() {
-      var s;
-      this.focusTrap && ((s = this.focusTrap) == null || s.deactivate(), this.focusTrap = null);
+      this.focusTrap && (this.focusTrap?.deactivate(), this.focusTrap = null);
     }
   }
 };
-var F = function() {
+var R = function() {
   var e = this, t = e._self._c;
   return t("transition", { attrs: { name: "fade", appear: "" }, on: { "after-enter": e.useFocusTrap, "before-leave": e.clearFocusTrap } }, [t("div", { directives: [{ name: "show", rawName: "v-show", value: e.showModal, expression: "showModal" }], ref: "mask", staticClass: "modal-mask", class: { "modal-mask--dark": e.dark || !e.closeButtonContained || e.hasPrevious || e.hasNext }, style: e.cssVariables, attrs: { role: "dialog", "aria-modal": "true", "aria-labelledby": "modal-name-" + e.randId, "aria-describedby": "modal-description-" + e.randId, tabindex: "-1" } }, [t("transition", { attrs: { name: "fade-visibility", appear: "" } }, [t("div", { staticClass: "modal-header" }, [e.name.trim() !== "" ? t("h2", { staticClass: "modal-name", attrs: { id: "modal-name-" + e.randId } }, [e._v(" " + e._s(e.name) + " ")]) : e._e(), t("div", { staticClass: "icons-menu" }, [e.hasNext && e.enableSlideshow ? t("button", { directives: [{ name: "tooltip", rawName: "v-tooltip.auto", value: e.playPauseName, expression: "playPauseName", modifiers: { auto: !0 } }], staticClass: "play-pause-icons", class: { "play-pause-icons--paused": e.slideshowPaused }, attrs: { type: "button" }, on: { click: e.togglePlayPause } }, [e.playing ? t("Pause", { staticClass: "play-pause-icons__pause", attrs: { size: e.iconSize } }) : t("Play", { staticClass: "play-pause-icons__play", attrs: { size: e.iconSize } }), t("span", { staticClass: "hidden-visually" }, [e._v(" " + e._s(e.playPauseName) + " ")]), e.playing ? t("svg", { staticClass: "progress-ring", attrs: { height: "50", width: "50" } }, [t("circle", { staticClass: "progress-ring__circle", attrs: { stroke: "white", "stroke-width": "2", fill: "transparent", r: "15", cx: "25", cy: "25" } })]) : e._e()], 1) : e._e(), t("NcActions", { staticClass: "header-actions", attrs: { inline: e.inlineActions } }, [e._t("actions")], 2), e.canClose && !e.closeButtonContained ? t("NcButton", { staticClass: "header-close", attrs: { "aria-label": e.closeButtonAriaLabel, type: "tertiary" }, on: { click: e.close }, scopedSlots: e._u([{ key: "icon", fn: function() {
     return [t("Close", { attrs: { size: e.iconSize } })];
@@ -468,13 +476,13 @@ var F = function() {
   }, proxy: !0 }], null, !1, 2121748766) }) : e._e(), t("div", { staticClass: "modal-container__content" }, [e._t("default")], 2)], 1), t("transition", { attrs: { name: "fade-visibility", appear: "" } }, [t("NcButton", { directives: [{ name: "show", rawName: "v-show", value: e.hasNext, expression: "hasNext" }], staticClass: "next", attrs: { type: "tertiary-no-background", "aria-label": e.nextButtonAriaLabel }, on: { click: e.next }, scopedSlots: e._u([{ key: "icon", fn: function() {
     return [t("ChevronRight", { attrs: { size: 40 } })];
   }, proxy: !0 }]) })], 1)], 1)])], 1)]);
-}, R = [], E = /* @__PURE__ */ l.normalizeComponent(
-  q,
+}, q = [], E = /* @__PURE__ */ l.normalizeComponent(
   F,
   R,
+  q,
   !1,
   null,
-  "aaa85268",
+  "fc538491",
   null,
   null
 );