@nextcloud/vue 8.4.0 → 9.0.0-alpha.0

package/dist/Components/NcBreadcrumb.mjs

@@ -1,181 +1,4 @@
-import "../assets/index-c20f9f7e.css";
-import a from "./NcActions.mjs";
-import { G as o } from "../chunks/GenRandomId-cb9ccebe.mjs";
-import { C as s } from "../chunks/ChevronRight-1a6a6cf2.mjs";
-import { n as i } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
-const u = {
-  name: "NcBreadcrumb",
-  components: {
-    NcActions: a,
-    ChevronRight: s
-  },
-  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: {
-    /**
-     * Determines which element tag to use
-     *
-     * @return {string} the tag
-     */
-    tag() {
-      return this.to ? "router-link" : "a";
-    },
-    /**
-     * The attributes to pass to `router-link` or `a`
-     */
-    linkAttributes() {
-      return this.to ? { to: this.to, exact: this.exact, ...this.$attrs } : { href: this.href, ...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 l = 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(e.tag, e._g(e._b({ tag: "component", attrs: { title: e.title, "aria-label": e.icon ? e.name : void 0 } }, "component", e.linkAttributes, !1), e.$listeners), [e._t("icon", function() {
-    return [e.icon ? r("span", { staticClass: "icon", class: e.icon }) : r("span", [e._v(e._s(e.name))])];
-  })], 2) : 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);
-}, d = [], c = /* @__PURE__ */ i(
-  u,
-  l,
-  d,
-  !1,
-  null,
-  "3ddab287",
-  null,
-  null
-);
-const g = c.exports;
+import { N as f } from "../chunks/NcBreadcrumb-gB_hnDG_.mjs";
 export {
-  g as default
+  f as default
 };

package/dist/Components/NcBreadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcBreadcrumb.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.\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<component :is=\"tag\"\n\t\t\tv-if=\"(name || icon) && !$slots.default\"\n\t\t\t:title=\"title\"\n\t\t\t:aria-label=\"icon ? name : undefined\"\n\t\t\tv-bind=\"linkAttributes\"\n\t\t\tv-on=\"$listeners\">\n\t\t\t<!-- @slot Slot for passing a material design icon. Precedes the icon and name prop. -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span v-if=\"icon\" :class=\"icon\" class=\"icon\" />\n\t\t\t\t<span v-else>{{ name }}</span>\n\t\t\t</slot>\n\t\t</component>\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'\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},\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 * Determines which element tag to use\n\t\t *\n\t\t * @return {string} the tag\n\t\t */\n\t\ttag() {\n\t\t\treturn this.to ? 'router-link' : 'a'\n\t\t},\n\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`, otherwise only `href`\n\t\t\treturn this.to ? { to: this.to, exact: this.exact, ...this.$attrs } : { href: this.href, ...this.$attrs }\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\tmax-width: 210px;\n\t\tfont-weight: bold;\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// Hover and focus effect for crumbs\n\t& > a:hover,\n\t& > a:focus {\n\t\tbackground-color: var(--color-background-dark);\n\t\tcolor: var(--color-main-text);\n\t}\n\n\t&--hidden {\n\t\tdisplay: none;\n\t}\n\n\t&#{&}--hovered > a {\n\t\tbackground-color: var(--color-background-dark);\n\t\tcolor: var(--color-main-text);\n\t}\n\n\t&__separator {\n\t\tpadding: 0;\n\t\tcolor: var(--color-text-maxcontrast);\n\t}\n\n\t> a {\n\t\toverflow: hidden;\n\t\tcolor: var(--color-text-maxcontrast);\n\t\tpadding: 12px;\n\t\tmin-width: $clickable-area;\n\t\tmax-width: 100%;\n\t\tborder-radius: var(--border-radius-pill);\n\t\talign-items: center;\n\t\tdisplay: inline-flex;\n\t\tjustify-content: center;\n\n\t\t> span {\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\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\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","GenRandomId","open","e"],"mappings":";;;;;AAgFA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;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;AAAA;AAAA,IAMA,MAAA;AACA,aAAA,KAAA,KAAA,gBAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,iBAAA;AAEA,aAAA,KAAA,KAAA,EAAA,IAAA,KAAA,IAAA,OAAA,KAAA,OAAA,GAAA,KAAA,OAAA,IAAA,EAAA,MAAA,KAAA,MAAA,GAAA,KAAA,OAAA;AAAA,IACA;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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcBreadcrumb.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/Components/NcBreadcrumbs.cjs

@@ -1,411 +1,3 @@
-var V = require("../assets/index-f5162bbd.css");
-const y = require("./NcActions.cjs"), O = require("./NcActionButton.cjs"), N = require("./NcActionRouter.cjs"), C = require("./NcActionLink.cjs"), w = require("./NcBreadcrumb.cjs"), R = require("vue"), b = require("@nextcloud/event-bus"), _ = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs"), z = require("debounce"), A = require("vue-frag"), $ = (e) => e && e.__esModule ? e : { default: e }, h = /* @__PURE__ */ $(R), D = /* @__PURE__ */ $(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 n = e.length - 1; n >= 0; n--) {
-      const o = e[n], r = !o.componentOptions && o.tag && t.indexOf(o.tag) === -1, i = !!o.componentOptions && typeof o.componentOptions.tag == "string", c = i && t.indexOf(o.componentOptions.tag) === -1;
-      (r || !i || c) && ((r || c) && h.default.util.warn(`${r ? o.tag : o.componentOptions.tag} is not allowed inside the ${s.$options.name} component`, s), e.splice(n, 1));
-    }
-}, W = {
-  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(n) {
-    return t.$emit("click", n);
-  } } }, "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(
-  W,
-  I,
-  q,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const x = E.exports;
-const a = "vue-crumb", S = {
-  name: "NcBreadcrumbs",
-  components: {
-    NcActions: y,
-    NcActionButton: O,
-    NcActionRouter: N,
-    NcActionLink: C,
-    NcBreadcrumb: w,
-    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", D.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() {
-      var l;
-      if (!this.$refs.container)
-        return;
-      const e = Object.values(this.breadcrumbsRefs), t = e.length, s = [], n = this.$refs.container.offsetWidth;
-      let o = this.getTotalWidth(e);
-      this.$refs.breadcrumb__actions && (o += this.$refs.breadcrumb__actions.offsetWidth);
-      let r = o - n;
-      r += r > 0 ? 64 : 0;
-      let i = 0;
-      const c = Math.floor(t / 2);
-      for (; r > 0 && i < t - 2; ) {
-        const d = c + (i % 2 ? i + 1 : i) / 2 * Math.pow(-1, i + t % 2);
-        r -= this.getWidth((l = e[d]) == null ? void 0 : l.elm), s.push(d), i++;
-      }
-      this.arraysEqual(this.hiddenIndices, s.sort((d, u) => d - u)) || (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, n) => t + this.getWidth(s == null ? void 0 : s.elm), 0);
-    },
-    /**
-     * Calculates the width of the provided element
-     *
-     * @param {object} el The element
-     * @return {number} The width
-     */
-    getWidth(e) {
-      if (!(e != null && e.classList))
-        return 0;
-      const t = e.classList.contains(`${a}--hidden`);
-      e.style.minWidth = "auto", e.classList.remove(`${a}--hidden`);
-      const s = e.offsetWidth;
-      return t && e.classList.add(`${a}--hidden`), e.style.minWidth = "", s;
-    },
-    /**
-     * 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((o) => {
-        o.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((o) => {
-          o.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) => {
-        var n;
-        (n = t == null ? void 0 : t.elm) != null && n.classList && (this.hiddenIndices.includes(s) ? t.elm.classList.add(`${a}--hidden`) : t.elm.classList.remove(`${a}--hidden`));
-      });
-    },
-    isBreadcrumb(e) {
-      var t;
-      return (((t = e == null ? void 0 : e.componentOptions) == null ? void 0 : t.tag) || (e == null ? void 0 : 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((r) => {
-      var i, c;
-      if (this.isBreadcrumb(r)) {
-        t.push(r);
-        return;
-      }
-      (r == null ? void 0 : r.type) === A.Fragment && ((c = (i = r == null ? void 0 : r.children) == null ? void 0 : i.forEach) == null || c.call(i, (l) => {
-        this.isBreadcrumb(l) && t.push(l);
-      }));
-    }), 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((r, i) => {
-      h.default.set(r, "ref", `crumb-${i}`), s[i] = r;
-    });
-    let n = [];
-    if (!this.hiddenIndices.length)
-      n = t;
-    else {
-      n = t.slice(0, Math.round(t.length / 2)), n.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": (i) => {
-              this.menuBreadcrumbProps.open = i;
-            }
-          }
-          // Add all hidden breadcrumbs as ActionRouter or ActionLink
-        }, this.hiddenIndices.map((i) => {
-          const c = t[i], l = c.componentOptions.propsData.to, d = c.componentOptions.propsData.href, u = c.componentOptions.propsData.disableDrop, v = c.componentOptions.propsData.title, B = c.componentOptions.propsData.name;
-          let f = "NcActionButton", m = "";
-          d && (f = "NcActionLink", m = d), l && (f = "NcActionRouter", m = l);
-          const L = e("IconFolder", {
-            props: {
-              size: 20
-            },
-            slot: "icon"
-          });
-          return e(
-            f,
-            {
-              class: a,
-              props: {
-                href: d || null,
-                title: v,
-                to: l || 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: (p) => this.dropped(p, m, u),
-                dragover: this.dragOver,
-                dragenter: (p) => this.dragEnter(p, u),
-                dragleave: (p) => this.dragLeave(p, u)
-              }
-            },
-            [L, B]
-          );
-        }))
-      );
-      const r = t.slice(Math.round(t.length / 2));
-      n = n.concat(r);
-    }
-    const o = [e("nav", { attrs: { "aria-label": this.ariaLabel } }, [e("ul", { class: "breadcrumb__crumbs" }, [n])])];
-    return this.$slots.actions && o.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" }, o);
-  }
-}, k = null, F = null;
-var M = /* @__PURE__ */ _.normalizeComponent(
-  S,
-  k,
-  F,
-  !1,
-  null,
-  "50e21eb2",
-  null,
-  null
-);
-const T = M.exports;
-module.exports = T;
+"use strict";
+const r = require("../chunks/NcBreadcrumbs-Y8LRE6xz.cjs");
+module.exports = r.NcBreadcrumbs;