@nextcloud/vue 8.4.0 → 8.5.1

package/dist/chunks/NcBreadcrumb-C2oZ_vji.mjs

@@ -0,0 +1,179 @@
+import "../assets/NcBreadcrumb-M3hqCbqS.css";
+import { N as a } from "./NcActions-5K-qjttC.mjs";
+import { G as o } from "./GenRandomId-VodkdWbp.mjs";
+import i from "../Components/NcButton.mjs";
+import { C as s } from "./ChevronRight-XOmSMmxA.mjs";
+import { n as u } from "./_plugin-vue2_normalizer-u6G_3nkj.mjs";
+const l = {
+  name: "NcBreadcrumb",
+  components: {
+    NcActions: a,
+    ChevronRight: s,
+    NcButton: i
+  },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * The main text content of the entry.
+     */
+    name: {
+      type: String,
+      required: !0
+    },
+    /**
+     * The title attribute of the element.
+     */
+    title: {
+      type: String,
+      default: null
+    },
+    /**
+     * Route Location the link should navigate to when clicked on.
+     *
+     * @see https://v3.router.vuejs.org/api/#to
+     */
+    to: {
+      type: [String, Object],
+      default: void 0
+    },
+    /**
+     * Match the complete route attributes (query and hash included)
+     *
+     * @see https://v3.router.vuejs.org/api/#exact
+     */
+    exact: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Set this prop if your app doesn't use vue-router, breadcrumbs will show as normal links.
+     */
+    href: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Set a css icon-class to show an icon instead of the name text.
+     */
+    icon: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Disable dropping on this breadcrumb.
+     */
+    disableDrop: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Force the actions to display in a three dot menu
+     */
+    forceMenu: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Open state of the Actions menu
+     */
+    open: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "update:open",
+    "dropped"
+  ],
+  data() {
+    return {
+      /**
+       * Variable to track if we hover over the breadcrumb
+       */
+      hovering: !1,
+      /**
+       * The unique id of the breadcrumb. Necessary to append the
+       * Actions menu to the correct crumb.
+       */
+      crumbId: `crumb-id-${o()}`
+    };
+  },
+  computed: {
+    /**
+     * The attributes to pass to `router-link` or `a`
+     */
+    linkAttributes() {
+      return this.to ? { to: this.to, exact: this.exact, ...this.$attrs } : this.href ? { href: this.href, ...this.$attrs } : this.$attrs;
+    }
+  },
+  methods: {
+    /**
+     * Function to handle changing the open state of the Actions menu
+     * $emit the open state.
+     *
+     * @param {boolean} open The open state of the Actions menu
+     */
+    onOpenChange(t) {
+      this.$emit("update:open", t);
+    },
+    /**
+     * Function to handle a drop on the breadcrumb.
+     * $emit the event and the path, remove the hovering state.
+     *
+     * @param {object} e The drop event
+     * @return {boolean}
+     */
+    dropped(t) {
+      return this.disableDrop || (this.$emit("dropped", t, this.to || this.href), this.$parent.$emit("dropped", t, this.to || this.href), this.hovering = !1), !1;
+    },
+    /**
+     * Add the hovering state on drag enter
+     *
+     * @param {object} e The drag enter event
+     */
+    dragEnter(t) {
+      this.disableDrop || (this.hovering = !0);
+    },
+    /**
+     * Remove the hovering state on drag leave
+     *
+     * @param {object} e The drag leave event
+     */
+    dragLeave(t) {
+      this.disableDrop || t.target.contains(t.relatedTarget) || this.$refs.crumb.contains(t.relatedTarget) || (this.hovering = !1);
+    }
+  }
+};
+var c = function() {
+  var e = this, r = e._self._c;
+  return r("li", e._b({ ref: "crumb", staticClass: "vue-crumb", class: { "vue-crumb--hovered": e.hovering }, attrs: { draggable: "false" }, on: { dragstart: function(n) {
+    return n.preventDefault(), (() => {
+    }).apply(null, arguments);
+  }, drop: function(n) {
+    return n.preventDefault(), e.dropped.apply(null, arguments);
+  }, dragover: function(n) {
+    return n.preventDefault(), (() => {
+    }).apply(null, arguments);
+  }, dragenter: e.dragEnter, dragleave: e.dragLeave } }, "li", e._d({}, [e.crumbId, ""])), [(e.name || e.icon) && !e.$slots.default ? r("NcButton", e._g(e._b({ attrs: { title: e.title, "aria-label": e.icon ? e.name : void 0, type: "tertiary" }, scopedSlots: e._u([e.$slots.icon || e.icon ? { key: "icon", fn: function() {
+    return [e._t("icon", function() {
+      return [r("span", { staticClass: "icon", class: e.icon })];
+    })];
+  }, proxy: !0 } : { key: "default", fn: function() {
+    return [e._v(" " + e._s(e.name) + " ")];
+  }, proxy: !0 }], null, !0) }, "NcButton", e.linkAttributes, !1), e.$listeners)) : e._e(), e.$slots.default ? r("NcActions", { ref: "actions", attrs: { type: "tertiary", "force-menu": e.forceMenu, open: e.open, "menu-name": e.name, title: e.title, "force-name": !0, container: `.vue-crumb[${e.crumbId}]` }, on: { "update:open": e.onOpenChange }, scopedSlots: e._u([{ key: "icon", fn: function() {
+    return [e._t("menu-icon")];
+  }, proxy: !0 }], null, !0) }, [e._t("default")], 2) : e._e(), r("ChevronRight", { staticClass: "vue-crumb__separator", attrs: { size: 20 } })], 1);
+}, f = [], p = /* @__PURE__ */ u(
+  l,
+  c,
+  f,
+  !1,
+  null,
+  "671302e9",
+  null,
+  null
+);
+const b = p.exports;
+export {
+  b as N
+};

package/dist/chunks/NcBreadcrumb-C2oZ_vji.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcBreadcrumb-C2oZ_vji.mjs","sources":["../../src/components/NcBreadcrumb/NcBreadcrumb.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2020 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\n### General description\n\nThis component is meant to be used inside a Breadcrumbs component.\nRenders a button element when given no redirection props, otherwise, renders <a/> or <router-link/> elements\n\n</docs>\n\n<template>\n\t<li ref=\"crumb\"\n\t\tclass=\"vue-crumb\"\n\t\t:class=\"{'vue-crumb--hovered': hovering}\"\n\t\t:[crumbId]=\"''\"\n\t\tdraggable=\"false\"\n\t\t@dragstart.prevent=\"() => {/** Prevent the breadcrumb from being draggable. */}\"\n\t\t@drop.prevent=\"dropped\"\n\t\t@dragover.prevent=\"() => {}\"\n\t\t@dragenter=\"dragEnter\"\n\t\t@dragleave=\"dragLeave\">\n\t\t<NcButton v-if=\"(name || icon) && !$slots.default\"\n\t\t\t:title=\"title\"\n\t\t\t:aria-label=\"icon ? name : undefined\"\n\t\t\ttype=\"tertiary\"\n\t\t\tv-bind=\"linkAttributes\"\n\t\t\tv-on=\"$listeners\">\n\t\t\t<template v-if=\"$slots.icon || icon\" #icon>\n\t\t\t\t<!-- @slot Slot for passing a material design icon. Precedes the icon and name prop. -->\n\t\t\t\t<slot name=\"icon\">\n\t\t\t\t\t<span :class=\"icon\" class=\"icon\" />\n\t\t\t\t</slot>\n\t\t\t</template>\n\t\t\t<template v-else #default>\n\t\t\t\t{{ name }}\n\t\t\t</template>\n\t\t</NcButton>\n\t\t<NcActions v-if=\"$slots.default\"\n\t\t\tref=\"actions\"\n\t\t\ttype=\"tertiary\"\n\t\t\t:force-menu=\"forceMenu\"\n\t\t\t:open=\"open\"\n\t\t\t:menu-name=\"name\"\n\t\t\t:title=\"title\"\n\t\t\t:force-name=\"true\"\n\t\t\t:container=\"`.vue-crumb[${crumbId}]`\"\n\t\t\t@update:open=\"onOpenChange\">\n\t\t\t<template #icon>\n\t\t\t\t<!-- @slot Slot for the custom menu icon -->\n\t\t\t\t<slot name=\"menu-icon\" />\n\t\t\t</template>\n\t\t\t<!-- @slot All action elements passed into the default slot will be used -->\n\t\t\t<slot />\n\t\t</NcActions>\n\t\t<ChevronRight class=\"vue-crumb__separator\" :size=\"20\" />\n\t</li>\n</template>\n\n<script>\nimport NcActions from '../NcActions/index.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\nimport NcButton from '../NcButton/NcButton.vue'\n\nimport ChevronRight from 'vue-material-design-icons/ChevronRight.vue'\n\nexport default {\n\tname: 'NcBreadcrumb',\n\tcomponents: {\n\t\tNcActions,\n\t\tChevronRight,\n\t\tNcButton,\n\t},\n\tinheritAttrs: false,\n\tprops: {\n\t\t/**\n\t\t * The main text content of the entry.\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\t/**\n\t\t * The title attribute of the element.\n\t\t */\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Route Location the link should navigate to when clicked on.\n\t\t *\n\t\t * @see https://v3.router.vuejs.org/api/#to\n\t\t */\n\t\tto: {\n\t\t\ttype: [String, Object],\n\t\t\tdefault: undefined,\n\t\t},\n\n\t\t/**\n\t\t * Match the complete route attributes (query and hash included)\n\t\t *\n\t\t * @see https://v3.router.vuejs.org/api/#exact\n\t\t */\n\t\texact: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Set this prop if your app doesn't use vue-router, breadcrumbs will show as normal links.\n\t\t */\n\t\thref: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\n\t\t/**\n\t\t * Set a css icon-class to show an icon instead of the name text.\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 * Disable dropping on this breadcrumb.\n\t\t */\n\t\tdisableDrop: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Force the actions to display in a three dot menu\n\t\t */\n\t\tforceMenu: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Open state of the Actions menu\n\t\t */\n\t\topen: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\temits: [\n\t\t'update:open',\n\t\t'dropped',\n\t],\n\tdata() {\n\t\treturn {\n\t\t\t/**\n\t\t\t * Variable to track if we hover over the breadcrumb\n\t\t\t */\n\t\t\thovering: false,\n\t\t\t/**\n\t\t\t * The unique id of the breadcrumb. Necessary to append the\n\t\t\t * Actions menu to the correct crumb.\n\t\t\t */\n\t\t\tcrumbId: `crumb-id-${GenRandomId()}`,\n\t\t}\n\t},\n\tcomputed: {\n\t\t/**\n\t\t * The attributes to pass to `router-link` or `a`\n\t\t */\n\t\tlinkAttributes() {\n\t\t\t// If it's a router-link, we pass `to` and `exact`, if its an <a/> element, we pass `href`, otherwise we have a button\n\t\t\treturn this.to\n\t\t\t\t? { to: this.to, exact: this.exact, ...this.$attrs }\n\t\t\t\t: (this.href\n\t\t\t\t\t? { href: this.href, ...this.$attrs }\n\t\t\t\t\t: this.$attrs\n\t\t\t\t)\n\t\t},\n\t},\n\tmethods: {\n\t\t/**\n\t\t * Function to handle changing the open state of the Actions menu\n\t\t * $emit the open state.\n\t\t *\n\t\t * @param {boolean} open The open state of the Actions menu\n\t\t */\n\t\tonOpenChange(open) {\n\t\t\t/**\n\t\t\t * Event emitted when the open state of the Actions menu changes\n\t\t\t *\n\t\t\t * @type {null}\n\t\t\t */\n\t\t\tthis.$emit('update:open', open)\n\t\t},\n\t\t/**\n\t\t * Function to handle a drop on the breadcrumb.\n\t\t * $emit the event and the path, remove the hovering state.\n\t\t *\n\t\t * @param {object} e The drop event\n\t\t * @return {boolean}\n\t\t */\n\t\tdropped(e) {\n\t\t\t/**\n\t\t\t * Don't do anything if dropping is disabled.\n\t\t\t */\n\t\t\tif (this.disableDrop) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\t/**\n\t\t\t * Event emitted when something is dropped on the breadcrumb.\n\t\t\t *\n\t\t\t * @param {Event} event The DOM drop event\n\t\t\t * @param {(string|object)} to The `to` prop or, if not set, the `href` prop\n\t\t\t */\n\t\t\tthis.$emit('dropped', e, this.to || this.href)\n\t\t\tthis.$parent.$emit('dropped', e, this.to || this.href)\n\t\t\tthis.hovering = false\n\t\t\treturn false\n\t\t},\n\t\t/**\n\t\t * Add the hovering state on drag enter\n\t\t *\n\t\t * @param {object} e The drag enter event\n\t\t */\n\t\tdragEnter(e) {\n\t\t\t/**\n\t\t\t * Don't do anything if dropping is disabled.\n\t\t\t */\n\t\t\tif (this.disableDrop) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.hovering = true\n\t\t},\n\t\t/**\n\t\t * Remove the hovering state on drag leave\n\t\t *\n\t\t * @param {object} e The drag leave event\n\t\t */\n\t\tdragLeave(e) {\n\t\t\t/**\n\t\t\t * Don't do anything if dropping is disabled.\n\t\t\t */\n\t\t\tif (this.disableDrop) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// Don't do anything if we\n\t\t\t// - leave towards a child element.\n\t\t\t// - or are still within the crumb\n\t\t\tif (e.target.contains(e.relatedTarget)\n\t\t\t\t|| this.$refs.crumb.contains(e.relatedTarget)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.hovering = false\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.vue-crumb {\n\tbackground-image: none;\n\tdisplay: inline-flex;\n\theight: $clickable-area;\n\tpadding: 0;\n\n\t&:last-child {\n\t\tmin-width: 0;\n\n\t\t// Don't show breadcrumb separator for last crumb\n\t\t.vue-crumb__separator {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t// Necessary to hide hidden crumbs\n\t&--hidden {\n\t\tdisplay: none;\n\t}\n\t&__separator {\n\t\tpadding: 0;\n\t\tcolor: var(--color-text-maxcontrast);\n\t}\n\t// Necessary for indicating hovering for drag and drop\n\t&#{&}--hovered :deep(.button-vue) {\n\t\tbackground-color: var(--color-background-dark);\n\t\tcolor: var(--color-main-text);\n\t}\n\t// Adjust button style\n\t&:not(:last-child) :deep() .button-vue {\n\t\tcolor: var(--color-text-maxcontrast);\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: var(--color-background-dark);\n\t\t\tcolor: var(--color-main-text);\n\t\t}\n\n\t\t&__text {\n\t\t\tfont-weight: normal;\n\t\t}\n\t}\n\t:deep(.button-vue__text) {\n\t\tmargin: 0;\n\t}\n\n\t// Adjust action item appearance for crumbs with actions\n\t// to match other crumbs\n\t&:not(.dropdown) :deep(.action-item) {\n\t\t// Adjustments necessary to correctly shrink on small screens\n\t\tmax-width: 100%;\n\n\t\t.button-vue {\n\t\t\tpadding: 0 4px 0 16px;\n\t\t\tmax-width: 100%;\n\n\t\t\t&__wrapper {\n\t\t\t\tflex-direction: row-reverse;\n\t\t\t}\n\t\t}\n\n\t\t// Adjust the background of the last crumb when the action is open\n\t\t&.action-item--open .action-item__menutoggle {\n\t\t\tbackground-color: var(--color-background-dark);\n\t\t\tcolor: var(--color-main-text);\n\t\t}\n\t}\n}\n</style>\n"],"names":["_sfc_main","NcActions","ChevronRight","NcButton","GenRandomId","open","e"],"mappings":";;;;;;AAsFA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,EACA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,IAAA;AAAA,MACA,MAAA,CAAA,QAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,OAAA;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,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AACA,WAAA;AAAA;AAAA;AAAA;AAAA,MAIA,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAKA,SAAA,YAAAC,EAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA;AAAA;AAAA;AAAA,IAIA,iBAAA;AAEA,aAAA,KAAA,KACA,EAAA,IAAA,KAAA,IAAA,OAAA,KAAA,OAAA,GAAA,KAAA,OAAA,IACA,KAAA,OACA,EAAA,MAAA,KAAA,MAAA,GAAA,KAAA,OAAA,IACA,KAAA;AAAA,IAEA;AAAA,EACA;AAAA,EACA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,aAAAC,GAAA;AAMA,WAAA,MAAA,eAAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,QAAAC,GAAA;AAIA,aAAA,KAAA,gBASA,KAAA,MAAA,WAAAA,GAAA,KAAA,MAAA,KAAA,IAAA,GACA,KAAA,QAAA,MAAA,WAAAA,GAAA,KAAA,MAAA,KAAA,IAAA,GACA,KAAA,WAAA,KACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,UAAAA,GAAA;AAIA,MAAA,KAAA,gBAGA,KAAA,WAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,UAAAA,GAAA;AAIA,MAAA,KAAA,eAMAA,EAAA,OAAA,SAAAA,EAAA,aAAA,KACA,KAAA,MAAA,MAAA,SAAAA,EAAA,aAAA,MAGA,KAAA,WAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/NcBreadcrumbs-H8ec0ouN.cjs

@@ -0,0 +1,407 @@
+var V = require("../assets/NcBreadcrumbs-KBV0Jccv.css");
+const N = require("./NcActions-4ml5sv6P.cjs"), y = require("../Components/NcActionButton.cjs"), O = require("../Components/NcActionRouter.cjs"), w = require("../Components/NcActionLink.cjs"), R = require("./NcBreadcrumb-3Ez2uWmp.cjs"), W = require("vue"), b = require("@nextcloud/event-bus"), _ = require("./_plugin-vue2_normalizer-DCfUPqga.cjs"), z = require("debounce"), A = require("vue-frag"), v = (e) => e && e.__esModule ? e : { default: e }, h = /* @__PURE__ */ v(W), C = /* @__PURE__ */ v(z);
+/**
+ * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+const g = (e, t, s) => {
+  if (e !== void 0)
+    for (let r = e.length - 1; r >= 0; r--) {
+      const i = e[r], o = !i.componentOptions && i.tag && t.indexOf(i.tag) === -1, n = !!i.componentOptions && typeof i.componentOptions.tag == "string", c = n && t.indexOf(i.componentOptions.tag) === -1;
+      (o || !n || c) && ((o || c) && h.default.util.warn(`${o ? i.tag : i.componentOptions.tag} is not allowed inside the ${s.$options.name} component`, s), e.splice(r, 1));
+    }
+}, D = {
+  name: "FolderIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+};
+var I = function() {
+  var t = this, s = t._self._c;
+  return s("span", t._b({ staticClass: "material-design-icon folder-icon", attrs: { "aria-hidden": !t.title, "aria-label": t.title, role: "img" }, on: { click: function(r) {
+    return t.$emit("click", r);
+  } } }, "span", t.$attrs, !1), [s("svg", { staticClass: "material-design-icon__svg", attrs: { fill: t.fillColor, width: t.size, height: t.size, viewBox: "0 0 24 24" } }, [s("path", { attrs: { d: "M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z" } }, [t.title ? s("title", [t._v(t._s(t.title))]) : t._e()])])]);
+}, q = [], E = /* @__PURE__ */ _.normalizeComponent(
+  D,
+  I,
+  q,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const x = E.exports, a = "vue-crumb", S = {
+  name: "NcBreadcrumbs",
+  components: {
+    NcActions: N.NcActions,
+    NcActionButton: y,
+    NcActionRouter: O,
+    NcActionLink: w,
+    NcBreadcrumb: R.NcBreadcrumb,
+    IconFolder: x
+  },
+  props: {
+    /**
+     * Set a css icon-class for the icon of the root breadcrumb to be used.
+     */
+    rootIcon: {
+      type: String,
+      default: "icon-home"
+    },
+    /**
+     * Set the aria-label of the nav element.
+     */
+    ariaLabel: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ["dropped"],
+  data() {
+    return {
+      /**
+       * Array to track the hidden breadcrumbs by their index.
+       * Comparing two crumbs somehow does not work, so we use the indices.
+       */
+      hiddenIndices: [],
+      /**
+       * This is the props of the middle Action menu
+       * that show the ellipsised breadcrumbs
+       */
+      menuBreadcrumbProps: {
+        // Don't show a name for this breadcrumb, only the Actions menu
+        name: "",
+        forceMenu: !0,
+        // Don't allow dropping directly on the actions breadcrumb
+        disableDrop: !0,
+        // Is the menu open or not
+        open: !1
+      },
+      breadcrumbsRefs: {}
+    };
+  },
+  beforeMount() {
+    g(this.$slots.default, ["NcBreadcrumb"], this);
+  },
+  beforeUpdate() {
+    g(this.$slots.default, ["NcBreadcrumb"], this);
+  },
+  created() {
+    window.addEventListener("resize", C.default(() => {
+      this.handleWindowResize();
+    }, 100)), b.subscribe("navigation-toggled", this.delayedResize);
+  },
+  mounted() {
+    this.handleWindowResize();
+  },
+  updated() {
+    this.delayedResize(), this.$nextTick(() => {
+      this.hideCrumbs();
+    });
+  },
+  beforeDestroy() {
+    window.removeEventListener("resize", this.handleWindowResize), b.unsubscribe("navigation-toggled", this.delayedResize);
+  },
+  methods: {
+    /**
+     * Close the actions menu
+     *
+     * @param {object} e The event
+     */
+    closeActions(e) {
+      this.$refs.actionsBreadcrumb.$el.contains(e.relatedTarget) || (this.menuBreadcrumbProps.open = !1);
+    },
+    /**
+     * Call the resize function after a delay
+     */
+    async delayedResize() {
+      await this.$nextTick(), this.handleWindowResize();
+    },
+    /**
+     * Check the width of the breadcrumb and hide breadcrumbs
+     * if we overflow otherwise.
+     */
+    handleWindowResize() {
+      if (!this.$refs.container)
+        return;
+      const e = Object.values(this.breadcrumbsRefs), t = e.length, s = [], r = this.$refs.container.offsetWidth;
+      let i = this.getTotalWidth(e);
+      this.$refs.breadcrumb__actions && (i += this.$refs.breadcrumb__actions.offsetWidth);
+      let o = i - r;
+      o += o > 0 ? 64 : 0;
+      let n = 0;
+      const c = Math.floor(t / 2);
+      for (; o > 0 && n < t - 2; ) {
+        const d = c + (n % 2 ? n + 1 : n) / 2 * Math.pow(-1, n + t % 2);
+        o -= this.getWidth(e[d]?.elm, d === e.length - 1), s.push(d), n++;
+      }
+      this.arraysEqual(this.hiddenIndices, s.sort((d, l) => d - l)) || (this.hiddenIndices = s);
+    },
+    /**
+     * Checks if two arrays are equal.
+     * Only works for primitive arrays, but that's enough here.
+     *
+     * @param {Array} a The first array
+     * @param {Array} b The second array
+     * @return {boolean} Wether the arrays are equal
+     */
+    arraysEqual(e, t) {
+      if (e.length !== t.length)
+        return !1;
+      if (e === t)
+        return !0;
+      if (e === null || t === null)
+        return !1;
+      for (let s = 0; s < e.length; ++s)
+        if (e[s] !== t[s])
+          return !1;
+      return !0;
+    },
+    /**
+     * Calculates the total width of all breadcrumbs
+     *
+     * @param {Array} breadcrumbs All breadcrumbs
+     * @return {number} The total width
+     */
+    getTotalWidth(e) {
+      return e.reduce((t, s, r) => t + this.getWidth(s?.elm, r === e.length - 1), 0);
+    },
+    /**
+     * Calculates the width of the provided element
+     *
+     * @param {object} el The element
+     * @param {boolean} isLast Is this the last crumb
+     * @return {number} The width
+     */
+    getWidth(e, t) {
+      if (!e?.classList)
+        return 0;
+      const s = e.classList.contains(`${a}--hidden`);
+      e.style.minWidth = "auto", t && (e.style.maxWidth = "210px"), e.classList.remove(`${a}--hidden`);
+      const r = e.offsetWidth;
+      return s && e.classList.add(`${a}--hidden`), e.style.minWidth = "", e.style.maxWidth = "", r;
+    },
+    /**
+     * Prevents the default of a provided event
+     *
+     * @param {object} e The event
+     * @return {boolean}
+     */
+    preventDefault(e) {
+      return e.preventDefault && e.preventDefault(), !1;
+    },
+    /**
+     * Handles the drag start.
+     * Prevents a breadcrumb from being draggable.
+     *
+     * @param {object} e The event
+     * @return {boolean}
+     */
+    dragStart(e) {
+      return this.preventDefault(e);
+    },
+    /**
+     * Handles when something is dropped on the breadcrumb.
+     *
+     * @param {object} e The drop event
+     * @param {string} path The path of the breadcrumb
+     * @param {boolean} disabled Whether dropping is disabled for this breadcrumb
+     * @return {boolean}
+     */
+    dropped(e, t, s) {
+      return s || this.$emit("dropped", e, t), this.menuBreadcrumbProps.open = !1, document.querySelectorAll(`.${a}`).forEach((i) => {
+        i.classList.remove(`${a}--hovered`);
+      }), this.preventDefault(e);
+    },
+    /**
+     * Handles the drag over event
+     *
+     * @param {object} e The drag over event
+     * @return {boolean}
+     */
+    dragOver(e) {
+      return this.preventDefault(e);
+    },
+    /**
+     * Handles the drag enter event
+     *
+     * @param {object} e The drag over event
+     * @param {boolean} disabled Whether dropping is disabled for this breadcrumb
+     */
+    dragEnter(e, t) {
+      if (!t && e.target.closest) {
+        const s = e.target.closest(`.${a}`);
+        s.classList && s.classList.contains(a) && (document.querySelectorAll(`.${a}`).forEach((i) => {
+          i.classList.remove(`${a}--hovered`);
+        }), s.classList.add(`${a}--hovered`));
+      }
+    },
+    /**
+     * Handles the drag leave event
+     *
+     * @param {object} e The drag leave event
+     * @param {boolean} disabled Whether dropping is disabled for this breadcrumb
+     */
+    dragLeave(e, t) {
+      if (!t && !e.target.contains(e.relatedTarget) && e.target.closest) {
+        const s = e.target.closest(`.${a}`);
+        if (s.contains(e.relatedTarget))
+          return;
+        s.classList && s.classList.contains(a) && s.classList.remove(`${a}--hovered`);
+      }
+    },
+    /**
+     * Check for each crumb if we have to hide it and
+     * add it to the array of all crumbs.
+     */
+    hideCrumbs() {
+      Object.values(this.breadcrumbsRefs).forEach((t, s) => {
+        t?.elm?.classList && (this.hiddenIndices.includes(s) ? t.elm.classList.add(`${a}--hidden`) : t.elm.classList.remove(`${a}--hidden`));
+      });
+    },
+    isBreadcrumb(e) {
+      return (e?.componentOptions?.tag || e?.tag || "").includes("NcBreadcrumb");
+    }
+  },
+  /**
+   * The render function to display the component
+   *
+   * @param {Function} h The function to create VNodes
+   * @return {object|undefined} The created VNode
+   */
+  render(e) {
+    const t = [];
+    if (this.$slots.default.forEach((o) => {
+      if (this.isBreadcrumb(o)) {
+        t.push(o);
+        return;
+      }
+      o?.type === A.Fragment && o?.children?.forEach?.((n) => {
+        this.isBreadcrumb(n) && t.push(n);
+      });
+    }), t.length === 0)
+      return;
+    h.default.set(t[0].componentOptions.propsData, "icon", this.rootIcon), h.default.set(t[0].componentOptions.propsData, "ref", "breadcrumbs");
+    const s = {};
+    t.forEach((o, n) => {
+      h.default.set(o, "ref", `crumb-${n}`), s[n] = o;
+    });
+    let r = [];
+    if (!this.hiddenIndices.length)
+      r = t;
+    else {
+      r = t.slice(0, Math.round(t.length / 2)), r.push(
+        e("NcBreadcrumb", {
+          class: "dropdown",
+          props: this.menuBreadcrumbProps,
+          attrs: {
+            // Hide the dropdown menu from screen-readers,
+            // since the crumbs in the menu are still in the list.
+            "aria-hidden": !0
+          },
+          // Add a ref to the Actions menu
+          ref: "actionsBreadcrumb",
+          key: "actions-breadcrumb-1",
+          // Add handlers so the Actions menu opens on hover
+          nativeOn: {
+            dragstart: this.dragStart,
+            dragenter: () => {
+              this.menuBreadcrumbProps.open = !0;
+            },
+            dragleave: this.closeActions
+          },
+          on: {
+            // Make sure we keep the same open state
+            // as the Actions component
+            "update:open": (n) => {
+              this.menuBreadcrumbProps.open = n;
+            }
+          }
+          // Add all hidden breadcrumbs as ActionRouter or ActionLink
+        }, this.hiddenIndices.map((n) => {
+          const c = t[n], d = c.componentOptions.propsData.to, l = c.componentOptions.propsData.href, m = c.componentOptions.propsData.disableDrop, $ = c.componentOptions.propsData.title, B = c.componentOptions.propsData.name;
+          let p = "NcActionButton", f = "";
+          l && (p = "NcActionLink", f = l), d && (p = "NcActionRouter", f = d);
+          const L = e("IconFolder", {
+            props: {
+              size: 20
+            },
+            slot: "icon"
+          });
+          return e(
+            p,
+            {
+              class: a,
+              props: {
+                href: l || null,
+                title: $,
+                to: d || null
+              },
+              // Prevent the breadcrumbs from being draggable
+              attrs: {
+                draggable: !1
+              },
+              on: {
+                ...c.componentOptions.listeners
+              },
+              // Add the drag and drop handlers
+              nativeOn: {
+                dragstart: this.dragStart,
+                drop: (u) => this.dropped(u, f, m),
+                dragover: this.dragOver,
+                dragenter: (u) => this.dragEnter(u, m),
+                dragleave: (u) => this.dragLeave(u, m)
+              }
+            },
+            [L, B]
+          );
+        }))
+      );
+      const o = t.slice(Math.round(t.length / 2));
+      r = r.concat(o);
+    }
+    const i = [e("nav", { attrs: { "aria-label": this.ariaLabel } }, [e("ul", { class: "breadcrumb__crumbs" }, [r])])];
+    return this.$slots.actions && i.push(e("div", { class: "breadcrumb__actions", ref: "breadcrumb__actions" }, this.$slots.actions)), this.breadcrumbsRefs = s, e("div", { class: ["breadcrumb", { "breadcrumb--collapsed": this.hiddenIndices.length === t.length - 2 }], ref: "container" }, i);
+  }
+}, k = null, F = null;
+var M = /* @__PURE__ */ _.normalizeComponent(
+  S,
+  k,
+  F,
+  !1,
+  null,
+  "7d882912",
+  null,
+  null
+);
+const T = M.exports;
+exports.NcBreadcrumbs = T;