@nextcloud/vue 8.8.1 → 8.9.0

package/dist/chunks/{NcBreadcrumbs-cwBxvntJ.cjs → NcBreadcrumbs-DkgzO9f5.cjs}

@@ -1,6 +1,6 @@
-require('../assets/NcBreadcrumbs-KBV0Jccv.css');
+require('../assets/NcBreadcrumbs-oFXQlxy-.css');
 "use strict";
-const N = require("./NcActions-tPPh2p8F.cjs"), y = require("../Components/NcActionButton.cjs"), O = require("../Components/NcActionRouter.cjs"), w = require("../Components/NcActionLink.cjs"), R = require("./NcBreadcrumb-lksx7xyQ.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);
+const N = require("./NcActions-Dfkog_G0.cjs"), y = require("../Components/NcActionButton.cjs"), O = require("../Components/NcActionRouter.cjs"), w = require("../Components/NcActionLink.cjs"), R = require("./NcBreadcrumb-DVXsgQkE.cjs"), W = require("vue"), b = require("@nextcloud/event-bus"), _ = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs"), z = require("debounce"), A = require("vue-frag"), $ = (t) => t && t.__esModule ? t : { default: t }, p = /* @__PURE__ */ $(W), C = /* @__PURE__ */ $(z);
 /**
  * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>
  *
@@ -22,11 +22,11 @@ const N = require("./NcActions-tPPh2p8F.cjs"), y = require("../Components/NcActi
  * 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));
+const g = (t, e, s) => {
+  if (t !== void 0)
+    for (let r = t.length - 1; r >= 0; r--) {
+      const a = t[r], n = !a.componentOptions && a.tag && e.indexOf(a.tag) === -1, i = !!a.componentOptions && typeof a.componentOptions.tag == "string", c = i && e.indexOf(a.componentOptions.tag) === -1;
+      (n || !i || c) && ((n || c) && p.default.util.warn("".concat(n ? a.tag : a.componentOptions.tag, " is not allowed inside the ").concat(s.$options.name, " component"), s), t.splice(r, 1));
     }
 }, D = {
   name: "FolderIcon",
@@ -46,10 +46,10 @@ const g = (e, t, s) => {
   }
 };
 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 ? null : !0, "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()])])]);
+  var e = this, s = e._self._c;
+  return s("span", e._b({ staticClass: "material-design-icon folder-icon", attrs: { "aria-hidden": e.title ? null : !0, "aria-label": e.title, role: "img" }, on: { click: function(r) {
+    return e.$emit("click", r);
+  } } }, "span", e.$attrs, !1), [s("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.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" } }, [e.title ? s("title", [e._v(e._s(e.title))]) : e._e()])])]);
 }, q = [], E = /* @__PURE__ */ _.normalizeComponent(
   D,
   I,
@@ -60,7 +60,7 @@ var I = function() {
   null,
   null
 );
-const x = E.exports, a = "vue-crumb", S = {
+const x = E.exports, o = "vue-crumb", S = {
   name: "NcBreadcrumbs",
   components: {
     NcActions: N.NcActions,
@@ -138,8 +138,8 @@ const x = E.exports, a = "vue-crumb", S = {
      *
      * @param {object} e The event
      */
-    closeActions(e) {
-      this.$refs.actionsBreadcrumb.$el.contains(e.relatedTarget) || (this.menuBreadcrumbProps.open = !1);
+    closeActions(t) {
+      this.$refs.actionsBreadcrumb.$el.contains(t.relatedTarget) || (this.menuBreadcrumbProps.open = !1);
     },
     /**
      * Call the resize function after a delay
@@ -152,20 +152,21 @@ const x = E.exports, a = "vue-crumb", S = {
      * if we overflow otherwise.
      */
     handleWindowResize() {
+      var l;
       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++;
+      const t = Object.values(this.breadcrumbsRefs), e = t.length, s = [], r = this.$refs.container.offsetWidth;
+      let a = this.getTotalWidth(t);
+      this.$refs.breadcrumb__actions && (a += this.$refs.breadcrumb__actions.offsetWidth);
+      let n = a - r;
+      n += n > 0 ? 64 : 0;
+      let i = 0;
+      const c = Math.floor(e / 2);
+      for (; n > 0 && i < e - 2; ) {
+        const d = c + (i % 2 ? i + 1 : i) / 2 * Math.pow(-1, i + e % 2);
+        n -= this.getWidth((l = t[d]) == null ? void 0 : l.elm, d === t.length - 1), s.push(d), i++;
       }
-      this.arraysEqual(this.hiddenIndices, s.sort((d, l) => d - l)) || (this.hiddenIndices = s);
+      this.arraysEqual(this.hiddenIndices, s.sort((d, u) => d - u)) || (this.hiddenIndices = s);
     },
     /**
      * Checks if two arrays are equal.
@@ -175,15 +176,15 @@ const x = E.exports, a = "vue-crumb", S = {
      * @param {Array} b The second array
      * @return {boolean} Wether the arrays are equal
      */
-    arraysEqual(e, t) {
-      if (e.length !== t.length)
+    arraysEqual(t, e) {
+      if (t.length !== e.length)
         return !1;
-      if (e === t)
+      if (t === e)
         return !0;
-      if (e === null || t === null)
+      if (t === null || e === null)
         return !1;
-      for (let s = 0; s < e.length; ++s)
-        if (e[s] !== t[s])
+      for (let s = 0; s < t.length; ++s)
+        if (t[s] !== e[s])
           return !1;
       return !0;
     },
@@ -193,8 +194,8 @@ const x = E.exports, a = "vue-crumb", S = {
      * @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);
+    getTotalWidth(t) {
+      return t.reduce((e, s, r) => e + this.getWidth(s == null ? void 0 : s.elm, r === t.length - 1), 0);
     },
     /**
      * Calculates the width of the provided element
@@ -203,13 +204,13 @@ const x = E.exports, a = "vue-crumb", S = {
      * @param {boolean} isLast Is this the last crumb
      * @return {number} The width
      */
-    getWidth(e, t) {
-      if (!e?.classList)
+    getWidth(t, e) {
+      if (!(t != null && t.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;
+      const s = t.classList.contains("".concat(o, "--hidden"));
+      t.style.minWidth = "auto", e && (t.style.maxWidth = "210px"), t.classList.remove("".concat(o, "--hidden"));
+      const r = t.offsetWidth;
+      return s && t.classList.add("".concat(o, "--hidden")), t.style.minWidth = "", t.style.maxWidth = "", r;
     },
     /**
      * Prevents the default of a provided event
@@ -217,8 +218,8 @@ const x = E.exports, a = "vue-crumb", S = {
      * @param {object} e The event
      * @return {boolean}
      */
-    preventDefault(e) {
-      return e.preventDefault && e.preventDefault(), !1;
+    preventDefault(t) {
+      return t.preventDefault && t.preventDefault(), !1;
     },
     /**
      * Handles the drag start.
@@ -227,8 +228,8 @@ const x = E.exports, a = "vue-crumb", S = {
      * @param {object} e The event
      * @return {boolean}
      */
-    dragStart(e) {
-      return this.preventDefault(e);
+    dragStart(t) {
+      return this.preventDefault(t);
     },
     /**
      * Handles when something is dropped on the breadcrumb.
@@ -238,10 +239,10 @@ const x = E.exports, a = "vue-crumb", S = {
      * @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);
+    dropped(t, e, s) {
+      return s || this.$emit("dropped", t, e), this.menuBreadcrumbProps.open = !1, document.querySelectorAll(".".concat(o)).forEach((a) => {
+        a.classList.remove("".concat(o, "--hovered"));
+      }), this.preventDefault(t);
     },
     /**
      * Handles the drag over event
@@ -249,8 +250,8 @@ const x = E.exports, a = "vue-crumb", S = {
      * @param {object} e The drag over event
      * @return {boolean}
      */
-    dragOver(e) {
-      return this.preventDefault(e);
+    dragOver(t) {
+      return this.preventDefault(t);
     },
     /**
      * Handles the drag enter event
@@ -258,12 +259,12 @@ const x = E.exports, a = "vue-crumb", S = {
      * @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`));
+    dragEnter(t, e) {
+      if (!e && t.target.closest) {
+        const s = t.target.closest(".".concat(o));
+        s.classList && s.classList.contains(o) && (document.querySelectorAll(".".concat(o)).forEach((a) => {
+          a.classList.remove("".concat(o, "--hovered"));
+        }), s.classList.add("".concat(o, "--hovered")));
       }
     },
     /**
@@ -272,12 +273,12 @@ const x = E.exports, a = "vue-crumb", S = {
      * @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))
+    dragLeave(t, e) {
+      if (!e && !t.target.contains(t.relatedTarget) && t.target.closest) {
+        const s = t.target.closest(".".concat(o));
+        if (s.contains(t.relatedTarget))
           return;
-        s.classList && s.classList.contains(a) && s.classList.remove(`${a}--hovered`);
+        s.classList && s.classList.contains(o) && s.classList.remove("".concat(o, "--hovered"));
       }
     },
     /**
@@ -285,12 +286,14 @@ const x = E.exports, a = "vue-crumb", S = {
      * 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`));
+      Object.values(this.breadcrumbsRefs).forEach((e, s) => {
+        var r;
+        (r = e == null ? void 0 : e.elm) != null && r.classList && (this.hiddenIndices.includes(s) ? e.elm.classList.add("".concat(o, "--hidden")) : e.elm.classList.remove("".concat(o, "--hidden")));
       });
     },
-    isBreadcrumb(e) {
-      return (e?.componentOptions?.tag || e?.tag || "").includes("NcBreadcrumb");
+    isBreadcrumb(t) {
+      var e;
+      return (((e = t == null ? void 0 : t.componentOptions) == null ? void 0 : e.tag) || (t == null ? void 0 : t.tag) || "").includes("NcBreadcrumb");
     }
   },
   /**
@@ -299,29 +302,30 @@ const x = E.exports, a = "vue-crumb", S = {
    * @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);
+  render(t) {
+    const e = [];
+    if (this.$slots.default.forEach((n) => {
+      var i, c;
+      if (this.isBreadcrumb(n)) {
+        e.push(n);
         return;
       }
-      o?.type === A.Fragment && o?.children?.forEach?.((n) => {
-        this.isBreadcrumb(n) && t.push(n);
-      });
-    }), t.length === 0)
+      (n == null ? void 0 : n.type) === A.Fragment && ((c = (i = n == null ? void 0 : n.children) == null ? void 0 : i.forEach) == null || c.call(i, (l) => {
+        this.isBreadcrumb(l) && e.push(l);
+      }));
+    }), e.length === 0)
       return;
-    h.default.set(t[0].componentOptions.propsData, "icon", this.rootIcon), h.default.set(t[0].componentOptions.propsData, "ref", "breadcrumbs");
+    p.default.set(e[0].componentOptions.propsData, "icon", this.rootIcon), p.default.set(e[0].componentOptions.propsData, "ref", "breadcrumbs");
     const s = {};
-    t.forEach((o, n) => {
-      h.default.set(o, "ref", `crumb-${n}`), s[n] = o;
+    e.forEach((n, i) => {
+      p.default.set(n, "ref", "crumb-".concat(i)), s[i] = n;
     });
     let r = [];
     if (!this.hiddenIndices.length)
-      r = t;
+      r = e;
     else {
-      r = t.slice(0, Math.round(t.length / 2)), r.push(
-        e("NcBreadcrumb", {
+      r = e.slice(0, Math.round(e.length / 2)), r.push(
+        t("NcBreadcrumb", {
           class: "dropdown",
           props: this.menuBreadcrumbProps,
           attrs: {
@@ -343,29 +347,29 @@ const x = E.exports, a = "vue-crumb", S = {
           on: {
             // Make sure we keep the same open state
             // as the Actions component
-            "update:open": (n) => {
-              this.menuBreadcrumbProps.open = n;
+            "update:open": (i) => {
+              this.menuBreadcrumbProps.open = i;
             }
           }
           // 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", {
+        }, this.hiddenIndices.map((i) => {
+          const c = e[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 = t("IconFolder", {
             props: {
               size: 20
             },
             slot: "icon"
           });
-          return e(
-            p,
+          return t(
+            f,
             {
-              class: a,
+              class: o,
               props: {
-                href: l || null,
-                title: $,
-                to: d || null
+                href: d || null,
+                title: v,
+                to: l || null
               },
               // Prevent the breadcrumbs from being draggable
               attrs: {
@@ -377,21 +381,21 @@ const x = E.exports, a = "vue-crumb", S = {
               // Add the drag and drop handlers
               nativeOn: {
                 dragstart: this.dragStart,
-                drop: (u) => this.dropped(u, f, m),
+                drop: (h) => this.dropped(h, m, u),
                 dragover: this.dragOver,
-                dragenter: (u) => this.dragEnter(u, m),
-                dragleave: (u) => this.dragLeave(u, m)
+                dragenter: (h) => this.dragEnter(h, u),
+                dragleave: (h) => this.dragLeave(h, u)
               }
             },
             [L, B]
           );
         }))
       );
-      const o = t.slice(Math.round(t.length / 2));
-      r = r.concat(o);
+      const n = e.slice(Math.round(e.length / 2));
+      r = r.concat(n);
     }
-    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);
+    const a = [t("nav", { attrs: { "aria-label": this.ariaLabel } }, [t("ul", { class: "breadcrumb__crumbs" }, [r])])];
+    return this.$slots.actions && a.push(t("div", { class: "breadcrumb__actions", ref: "breadcrumb__actions" }, this.$slots.actions)), this.breadcrumbsRefs = s, t("div", { class: ["breadcrumb", { "breadcrumb--collapsed": this.hiddenIndices.length === e.length - 2 }], ref: "container" }, a);
   }
 }, k = null, F = null;
 var M = /* @__PURE__ */ _.normalizeComponent(

package/dist/chunks/{NcBreadcrumbs-cwBxvntJ.cjs.map → NcBreadcrumbs-DkgzO9f5.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NcBreadcrumbs-cwBxvntJ.cjs","sources":["../../src/utils/ValidateSlot.js","../../node_modules/vue-material-design-icons/Folder.vue","../../src/components/NcBreadcrumbs/NcBreadcrumbs.vue"],"sourcesContent":["/**\n * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\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 */\nimport Vue from 'vue'\n\n/**\n * Validate children of a vue component\n *\n * @param {object[]} slots the vue component slot\n * @param {string[]} allowed the allowed components name\n * @param {object} vm the vue component instance\n */\nconst ValidateSlot = (slots, allowed, vm) => {\n\tif (slots === undefined) {\n\t\treturn\n\t}\n\n\tfor (let index = slots.length - 1; index >= 0; index--) {\n\t\tconst node = slots[index]\n\t\t// also check against allowed to avoid uninitiated vnodes with no componentOptions\n\t\tconst isHtmlElement = !node.componentOptions && node.tag && allowed.indexOf(node.tag) === -1\n\t\tconst isVueComponent = !!node.componentOptions && typeof node.componentOptions.tag === 'string'\n\t\tconst isForbiddenComponent = isVueComponent && allowed.indexOf(node.componentOptions.tag) === -1\n\n\t\t// if html element or not a vue component or vue component not in allowed tags\n\t\tif (isHtmlElement || !isVueComponent || isForbiddenComponent) {\n\t\t\t// only warn when html elment or forbidden component\n\t\t\t// sometimes text nodes are present which are hardly removeable by the developer and spam the warnings\n\t\t\tif (isHtmlElement || isForbiddenComponent) {\n\t\t\t\tVue.util.warn(`${isHtmlElement ? node.tag : node.componentOptions.tag} is not allowed inside the ${vm.$options.name} component`, vm)\n\t\t\t}\n\n\t\t\t// cleanup\n\t\t\tslots.splice(index, 1)\n\t\t}\n\t}\n}\n\nexport default ValidateSlot\n","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon folder-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path 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\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"FolderIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<!--\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 renders a breadcrumb bar. It adjusts to the available width\nby hiding breadcrumbs in a dropdown menu and emits an event when something\nis dropped on a creadcrumb.\n\n### Usage\n\n```vue\n<template>\n\t<div>\n\t\t<div class=\"container\">\n\t\t\t<NcBreadcrumbs @dropped=\"dropped\">\n\t\t\t\t<NcBreadcrumb name=\"Home\"\n\t\t\t\t\ttitle=\"Title of the Home folder\"\n\t\t\t\t\thref=\"/\"\n\t\t\t\t\t@dropped=\"droppedOnCrumb\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<Folder :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcBreadcrumb>\n\t\t\t\t<NcBreadcrumb name=\"Folder 1\"\n\t\t\t\t\ttitle=\"Folder 1\"\n\t\t\t\t\thref=\"/Folder 1\" />\n\t\t\t\t<NcBreadcrumb name=\"Folder 2\"\n\t\t\t\t\thref=\"/Folder 1/Folder 2\"\n\t\t\t\t\t:disable-drop=\"true\" />\n\t\t\t\t<NcBreadcrumb name=\"Folder 3\"\n\t\t\t\t\ttitle=\"Folder 3\"\n\t\t\t\t\thref=\"/Folder 1/Folder 2/Folder 3\" />\n\t\t\t\t<NcBreadcrumb name=\"Folder 4\"\n\t\t\t\t\ttitle=\"Folder 4\"\n\t\t\t\t\thref=\"/Folder 1/Folder 2/Folder 3/Folder 4\" />\n\t\t\t\t<NcBreadcrumb name=\"Folder 5 with an overflowing long name\"\n\t\t\t\t\ttitle=\"Folder 5\"\n\t\t\t\t\thref=\"/Folder 1/Folder 2/Folder 3/Folder 4/Folder 5\"\n\t\t\t\t\t:disable-drop=\"true\">\n\t\t\t\t\t<template #menu-icon>\n\t\t\t\t\t\t<MenuDown :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t<NcActionButton @click=\"alert('Share')\">\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<ShareVariant :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tShare\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t<NcActionButton @click=\"alert('Download')\">\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Download :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tDownload\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t</NcBreadcrumb>\n\t\t\t\t<template #actions>\n\t\t\t\t\t<NcButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tNew\n\t\t\t\t\t</NcButton>\n\t\t\t\t</template>\n\t\t\t</NcBreadcrumbs>\n\t\t</div>\n\t\t<br />\n\t\t<div class=\"dragme\" draggable=\"true\" @dragstart=\"dragStart\">\n\t\t\t<span>Drag me onto the breadcrumbs.</span>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport Download from 'vue-material-design-icons/Download'\nimport Folder from 'vue-material-design-icons/Folder'\nimport MenuDown from 'vue-material-design-icons/MenuDown'\nimport Plus from 'vue-material-design-icons/Plus'\nimport ShareVariant from 'vue-material-design-icons/ShareVariant'\n\nexport default {\n\tcomponents: {\n\t\tDownload,\n\t\tFolder,\n\t\tMenuDown,\n\t\tPlus,\n\t\tShareVariant,\n\t},\n\tmethods: {\n\t\tdropped(e, path) {\n\t\t\talert('Global drop on ' + path)\n\t\t},\n\t\tdroppedOnCrumb(e, path) {\n\t\t\talert('Drop on crumb ' + path)\n\t\t},\n\t\tdragStart(e) {\n\t\t\te.dataTransfer.setData('text/plain', 'dragging')\n\t\t},\n\t}\n}\n</script>\n<style>\n.container {\n\tdisplay: inline-flex;\n\twidth: 100%;\n}\n\n.dragme {\n\tdisplay: block;\n\twidth: 100px;\n\theight: 44px;\n\tbackground-color: var(--color-background-dark);\n}\n</style>\n```\n</docs>\n\n<script>\nimport NcActions from '../NcActions/index.js'\nimport NcActionButton from '../NcActionButton/index.js'\nimport NcActionRouter from '../NcActionRouter/index.js'\nimport NcActionLink from '../NcActionLink/index.js'\nimport NcBreadcrumb from '../NcBreadcrumb/index.js'\nimport ValidateSlot from '../../utils/ValidateSlot.js'\n\nimport { subscribe, unsubscribe } from '@nextcloud/event-bus'\n\nimport IconFolder from 'vue-material-design-icons/Folder.vue'\n\nimport debounce from 'debounce'\nimport Vue from 'vue'\nimport { Fragment } from 'vue-frag'\n\nconst crumbClass = 'vue-crumb'\n\nexport default {\n\tname: 'NcBreadcrumbs',\n\tcomponents: {\n\t\tNcActions,\n\t\tNcActionButton,\n\t\tNcActionRouter,\n\t\tNcActionLink,\n\t\tNcBreadcrumb,\n\t\tIconFolder,\n\t},\n\tprops: {\n\t\t/**\n\t\t * Set a css icon-class for the icon of the root breadcrumb to be used.\n\t\t */\n\t\trootIcon: {\n\t\t\ttype: String,\n\t\t\tdefault: 'icon-home',\n\t\t},\n\n\t\t/**\n\t\t * Set the aria-label of the nav element.\n\t\t */\n\t\tariaLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\temits: ['dropped'],\n\tdata() {\n\t\treturn {\n\t\t\t/**\n\t\t\t * Array to track the hidden breadcrumbs by their index.\n\t\t\t * Comparing two crumbs somehow does not work, so we use the indices.\n\t\t\t */\n\t\t\thiddenIndices: [],\n\n\t\t\t/**\n\t\t\t * This is the props of the middle Action menu\n\t\t\t * that show the ellipsised breadcrumbs\n\t\t\t */\n\t\t\tmenuBreadcrumbProps: {\n\t\t\t\t// Don't show a name for this breadcrumb, only the Actions menu\n\t\t\t\tname: '',\n\t\t\t\tforceMenu: true,\n\t\t\t\t// Don't allow dropping directly on the actions breadcrumb\n\t\t\t\tdisableDrop: true,\n\t\t\t\t// Is the menu open or not\n\t\t\t\topen: false,\n\t\t\t},\n\t\t\tbreadcrumbsRefs: {},\n\t\t}\n\t},\n\tbeforeMount() {\n\t\t// Filter all invalid items, only Breadcrumb components are allowed\n\t\tValidateSlot(this.$slots.default, ['NcBreadcrumb'], this)\n\t},\n\tbeforeUpdate() {\n\t\t// Also check before every update\n\t\tValidateSlot(this.$slots.default, ['NcBreadcrumb'], this)\n\t},\n\tcreated() {\n\t\t/**\n\t\t * Add a listener so the component reacts on resize\n\t\t */\n\t\twindow.addEventListener('resize', debounce(() => {\n\t\t\tthis.handleWindowResize()\n\t\t}, 100))\n\t\tsubscribe('navigation-toggled', this.delayedResize)\n\t},\n\tmounted() {\n\t\tthis.handleWindowResize()\n\t},\n\tupdated() {\n\t\t/**\n\t\t * Check the size on update\n\t\t */\n\t\tthis.delayedResize()\n\t\t/**\n\t\t * Check that crumbs to hide are hidden\n\t\t */\n\t\tthis.$nextTick(() => {\n\t\t\tthis.hideCrumbs()\n\t\t})\n\t},\n\tbeforeDestroy() {\n\t\twindow.removeEventListener('resize', this.handleWindowResize)\n\t\tunsubscribe('navigation-toggled', this.delayedResize)\n\t},\n\tmethods: {\n\t\t/**\n\t\t * Close the actions menu\n\t\t *\n\t\t * @param {object} e The event\n\t\t */\n\t\tcloseActions(e) {\n\t\t\t// Don't do anything if we leave towards a child element.\n\t\t\tif (this.$refs.actionsBreadcrumb.$el.contains(e.relatedTarget)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.menuBreadcrumbProps.open = false\n\t\t},\n\t\t/**\n\t\t * Call the resize function after a delay\n\t\t */\n\t\t async delayedResize() {\n\t\t\tawait this.$nextTick()\n\t\t\tthis.handleWindowResize()\n\t\t},\n\t\t/**\n\t\t * Check the width of the breadcrumb and hide breadcrumbs\n\t\t * if we overflow otherwise.\n\t\t */\n\t\thandleWindowResize() {\n\t\t\t// If there is no container yet, we cannot determine its size\n\t\t\tif (!this.$refs.container) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// All breadcrumb components passed into the default slot\n\t\t\tconst breadcrumbs = Object.values(this.breadcrumbsRefs)\n\n\t\t\tconst nrCrumbs = breadcrumbs.length\n\t\t\tconst hiddenIndices = []\n\t\t\tconst availableWidth = this.$refs.container.offsetWidth\n\t\t\tlet totalWidth = this.getTotalWidth(breadcrumbs)\n\t\t\t// If we have breadcumbs actions, we have to take their width into account too.\n\t\t\tif (this.$refs.breadcrumb__actions) {\n\t\t\t\ttotalWidth += this.$refs.breadcrumb__actions.offsetWidth\n\t\t\t}\n\t\t\tlet overflow = totalWidth - availableWidth\n\t\t\t// If we overflow, we have to take the action-item width into account as well.\n\t\t\toverflow += (overflow > 0) ? 64 : 0\n\t\t\tlet i = 0\n\t\t\t// We start hiding the breadcrumb in the center\n\t\t\tconst startIndex = Math.floor(nrCrumbs / 2)\n\t\t\t// Don't hide the first and last breadcrumb\n\t\t\twhile (overflow > 0 && i < nrCrumbs - 2) {\n\t\t\t\t// We hide elements alternating to the left and right\n\t\t\t\tconst currentIndex = startIndex + ((i % 2) ? i + 1 : i) / 2 * Math.pow(-1, i + (nrCrumbs % 2))\n\t\t\t\t// Calculate the remaining overflow width after hiding this breadcrumb\n\t\t\t\toverflow -= this.getWidth(breadcrumbs[currentIndex]?.elm, currentIndex === (breadcrumbs.length - 1))\n\t\t\t\thiddenIndices.push(currentIndex)\n\t\t\t\ti++\n\t\t\t}\n\t\t\t// We only update the hidden crumbs if they have changed,\n\t\t\t// otherwise we will run into an infinite update loop.\n\t\t\tif (!this.arraysEqual(this.hiddenIndices, hiddenIndices.sort((a, b) => a - b))) {\n\t\t\t\tthis.hiddenIndices = hiddenIndices\n\t\t\t}\n\t\t},\n\t\t/**\n\t\t * Checks if two arrays are equal.\n\t\t * Only works for primitive arrays, but that's enough here.\n\t\t *\n\t\t * @param {Array} a The first array\n\t\t * @param {Array} b The second array\n\t\t * @return {boolean} Wether the arrays are equal\n\t\t */\n\t\tarraysEqual(a, b) {\n\t\t\tif (a.length !== b.length) return false\n\t\t\tif (a === b) return true\n\t\t\tif (a === null || b === null) return false\n\n\t\t\tfor (let i = 0; i < a.length; ++i) {\n\t\t\t\tif (a[i] !== b[i]) {\n\t\t\t\t\treturn false\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn true\n\t\t},\n\t\t/**\n\t\t * Calculates the total width of all breadcrumbs\n\t\t *\n\t\t * @param {Array} breadcrumbs All breadcrumbs\n\t\t * @return {number} The total width\n\t\t */\n\t\tgetTotalWidth(breadcrumbs) {\n\t\t\treturn breadcrumbs.reduce((width, crumb, index) => width + this.getWidth(crumb?.elm, index === (breadcrumbs.length - 1)), 0)\n\t\t},\n\t\t/**\n\t\t * Calculates the width of the provided element\n\t\t *\n\t\t * @param {object} el The element\n\t\t * @param {boolean} isLast Is this the last crumb\n\t\t * @return {number} The width\n\t\t */\n\t\tgetWidth(el, isLast) {\n\t\t\tif (!el?.classList) return 0\n\t\t\tconst hide = el.classList.contains(`${crumbClass}--hidden`)\n\t\t\tel.style.minWidth = 'auto'\n\t\t\t// For the last crumb, we calculate with a max-width of 210px,\n\t\t\t// but don't set it in CSS to allow it to grow.\n\t\t\tif (isLast) {\n\t\t\t\tel.style.maxWidth = '210px'\n\t\t\t}\n\t\t\tel.classList.remove(`${crumbClass}--hidden`)\n\t\t\tconst w = el.offsetWidth\n\t\t\tif (hide) {\n\t\t\t\tel.classList.add(`${crumbClass}--hidden`)\n\t\t\t}\n\t\t\tel.style.minWidth = ''\n\t\t\tel.style.maxWidth = ''\n\t\t\treturn w\n\t\t},\n\t\t/**\n\t\t * Prevents the default of a provided event\n\t\t *\n\t\t * @param {object} e The event\n\t\t * @return {boolean}\n\t\t */\n\t\tpreventDefault(e) {\n\t\t\tif (e.preventDefault) {\n\t\t\t\te.preventDefault()\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\t/**\n\t\t * Handles the drag start.\n\t\t * Prevents a breadcrumb from being draggable.\n\t\t *\n\t\t * @param {object} e The event\n\t\t * @return {boolean}\n\t\t */\n\t\tdragStart(e) {\n\t\t\treturn this.preventDefault(e)\n\t\t},\n\t\t/**\n\t\t * Handles when something is dropped on the breadcrumb.\n\t\t *\n\t\t * @param {object} e The drop event\n\t\t * @param {string} path The path of the breadcrumb\n\t\t * @param {boolean} disabled Whether dropping is disabled for this breadcrumb\n\t\t * @return {boolean}\n\t\t */\n\t\tdropped(e, path, disabled) {\n\t\t\t/**\n\t\t\t * Don't emit if dropping is disabled.\n\t\t\t */\n\t\t\tif (!disabled) {\n\t\t\t\t/**\n\t\t\t\t * Event emitted when something is dropped on the breadcrumb.\n\t\t\t\t *\n\t\t\t\t * @param {Event} e the drop DOM event\n\t\t\t\t * @param {string} path The path of the breadcrumb\n\t\t\t\t */\n\t\t\t\tthis.$emit('dropped', e, path)\n\t\t\t}\n\t\t\t// Close the actions menu after the drop\n\t\t\tthis.menuBreadcrumbProps.open = false\n\n\t\t\t// Remove all hovering classes\n\t\t\tconst crumbs = document.querySelectorAll(`.${crumbClass}`)\n\t\t\tcrumbs.forEach((f) => { f.classList.remove(`${crumbClass}--hovered`) })\n\t\t\treturn this.preventDefault(e)\n\t\t},\n\t\t/**\n\t\t * Handles the drag over event\n\t\t *\n\t\t * @param {object} e The drag over event\n\t\t * @return {boolean}\n\t\t */\n\t\tdragOver(e) {\n\t\t\treturn this.preventDefault(e)\n\t\t},\n\t\t/**\n\t\t * Handles the drag enter event\n\t\t *\n\t\t * @param {object} e The drag over event\n\t\t * @param {boolean} disabled Whether dropping is disabled for this breadcrumb\n\t\t */\n\t\tdragEnter(e, disabled) {\n\t\t\t/**\n\t\t\t * Don't do anything if dropping is disabled.\n\t\t\t */\n\t\t\tif (disabled) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// Get the correct element, in case we hover a child.\n\t\t\tif (e.target.closest) {\n\t\t\t\tconst target = e.target.closest(`.${crumbClass}`)\n\t\t\t\tif (target.classList && target.classList.contains(crumbClass)) {\n\t\t\t\t\tconst crumbs = document.querySelectorAll(`.${crumbClass}`)\n\t\t\t\t\tcrumbs.forEach((f) => { f.classList.remove(`${crumbClass}--hovered`) })\n\t\t\t\t\ttarget.classList.add(`${crumbClass}--hovered`)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t/**\n\t\t * Handles the drag leave event\n\t\t *\n\t\t * @param {object} e The drag leave event\n\t\t * @param {boolean} disabled Whether dropping is disabled for this breadcrumb\n\t\t */\n\t\tdragLeave(e, disabled) {\n\t\t\t/**\n\t\t\t * Don't do anything if dropping is disabled.\n\t\t\t */\n\t\t\tif (disabled) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// Don't do anything if we leave towards a child element.\n\t\t\tif (e.target.contains(e.relatedTarget)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// Get the correct element, in case we leave directly from a child.\n\t\t\tif (e.target.closest) {\n\t\t\t\tconst target = e.target.closest(`.${crumbClass}`)\n\t\t\t\tif (target.contains(e.relatedTarget)) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tif (target.classList && target.classList.contains(crumbClass)) {\n\t\t\t\t\ttarget.classList.remove(`${crumbClass}--hovered`)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t/**\n\t\t * Check for each crumb if we have to hide it and\n\t\t * add it to the array of all crumbs.\n\t\t */\n\t\thideCrumbs() {\n\t\t\tconst crumbs = Object.values(this.breadcrumbsRefs)\n\t\t\tcrumbs.forEach((crumb, i) => {\n\t\t\t\tif (crumb?.elm?.classList) {\n\t\t\t\t\tif (this.hiddenIndices.includes(i)) {\n\t\t\t\t\t\tcrumb.elm.classList.add(`${crumbClass}--hidden`)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcrumb.elm.classList.remove(`${crumbClass}--hidden`)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\n\t\tisBreadcrumb(vnode) {\n\t\t\treturn (vnode?.componentOptions?.tag || vnode?.tag || '').includes('NcBreadcrumb')\n\t\t},\n\t},\n\t/**\n\t * The render function to display the component\n\t *\n\t * @param {Function} h The function to create VNodes\n\t * @return {object|undefined} The created VNode\n\t */\n\trender(h) {\n\t\t// Get the breadcrumbs\n\t\tconst breadcrumbs = []\n\t\t// We have to iterate over all slot elements\n\t\tthis.$slots.default.forEach(vnode => {\n\t\t\tif (this.isBreadcrumb(vnode)) {\n\t\t\t\tbreadcrumbs.push(vnode)\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// If we encounter a Fragment, we have to check its children too\n\t\t\tif (vnode?.type === Fragment) {\n\t\t\t\tvnode?.children?.forEach?.(child => {\n\t\t\t\t\tif (this.isBreadcrumb(child)) {\n\t\t\t\t\t\tbreadcrumbs.push(child)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\n\t\t// Check that we have at least one breadcrumb\n\t\tif (breadcrumbs.length === 0) {\n\t\t\treturn\n\t\t}\n\n\t\t// Add the root icon to the first breadcrumb\n\t\t// eslint-disable-next-line import/no-named-as-default-member\n\t\tVue.set(breadcrumbs[0].componentOptions.propsData, 'icon', this.rootIcon)\n\t\t// eslint-disable-next-line import/no-named-as-default-member\n\t\tVue.set(breadcrumbs[0].componentOptions.propsData, 'ref', 'breadcrumbs')\n\n\t\t/**\n\t\t * Use a proxy object to store breadcrumbs refs\n\t\t * and don't write to this.breadcrumbsRefs directly\n\t\t * to not trigger a myriad of re-renders.\n\t\t */\n\t\tconst breadcrumbsRefs = {}\n\t\t// Add the breadcrumbs to the array of the created VNodes, check if hiding them is necessary.\n\t\tbreadcrumbs.forEach((crumb, index) => {\n\t\t\t// eslint-disable-next-line import/no-named-as-default-member\n\t\t\tVue.set(crumb, 'ref', `crumb-${index}`)\n\t\t\tbreadcrumbsRefs[index] = crumb\n\t\t})\n\n\t\t// The array of all created VNodes\n\t\tlet crumbs = []\n\n\t\tif (!this.hiddenIndices.length) {\n\t\t\t// We don't hide any breadcrumbs.\n\t\t\tcrumbs = breadcrumbs\n\t\t} else {\n\t\t\t/**\n\t\t\t * We show the first half of the breadcrumbs before the Actions dropdown menu\n\t\t\t * which shows the hidden breadcrumbs.\n\t\t\t */\n\t\t\t// Add the breadcrumbs to the array of the created VNodes, check if hiding them is necessary.\n\t\t\tcrumbs = breadcrumbs.slice(0, Math.round(breadcrumbs.length / 2))\n\n\t\t\t// The Actions menu\n\t\t\t// Use a breadcrumb component for the hidden breadcrumbs\n\t\t\tcrumbs.push(h('NcBreadcrumb', {\n\t\t\t\tclass: 'dropdown',\n\n\t\t\t\tprops: this.menuBreadcrumbProps,\n\n\t\t\t\tattrs: {\n\t\t\t\t\t// Hide the dropdown menu from screen-readers,\n\t\t\t\t\t// since the crumbs in the menu are still in the list.\n\t\t\t\t\t'aria-hidden': true,\n\t\t\t\t},\n\n\t\t\t\t// Add a ref to the Actions menu\n\t\t\t\tref: 'actionsBreadcrumb',\n\t\t\t\tkey: 'actions-breadcrumb-1',\n\t\t\t\t// Add handlers so the Actions menu opens on hover\n\t\t\t\tnativeOn: {\n\t\t\t\t\tdragstart: this.dragStart,\n\t\t\t\t\tdragenter: () => { this.menuBreadcrumbProps.open = true },\n\t\t\t\t\tdragleave: this.closeActions,\n\t\t\t\t},\n\t\t\t\ton: {\n\t\t\t\t\t// Make sure we keep the same open state\n\t\t\t\t\t// as the Actions component\n\t\t\t\t\t'update:open': (open) => {\n\t\t\t\t\t\tthis.menuBreadcrumbProps.open = open\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t// Add all hidden breadcrumbs as ActionRouter or ActionLink\n\t\t\t}, this.hiddenIndices.map(index => {\n\t\t\t\tconst crumb = breadcrumbs[index]\n\t\t\t\t// Get the parameters from the breadcrumb component props\n\t\t\t\tconst to = crumb.componentOptions.propsData.to\n\t\t\t\tconst href = crumb.componentOptions.propsData.href\n\t\t\t\tconst disabled = crumb.componentOptions.propsData.disableDrop\n\t\t\t\tconst title = crumb.componentOptions.propsData.title\n\t\t\t\tconst name = crumb.componentOptions.propsData.name\n\n\t\t\t\t// Decide whether to show the breadcrumbs as ActionButton, ActionRouter or ActionLink\n\t\t\t\tlet element = 'NcActionButton'\n\t\t\t\tlet path = ''\n\t\t\t\tif (href) {\n\t\t\t\t\telement = 'NcActionLink'\n\t\t\t\t\tpath = href\n\t\t\t\t}\n\t\t\t\tif (to) {\n\t\t\t\t\telement = 'NcActionRouter'\n\t\t\t\t\tpath = to\n\t\t\t\t}\n\t\t\t\tconst folderIcon = h('IconFolder', {\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tsize: 20,\n\t\t\t\t\t},\n\t\t\t\t\tslot: 'icon',\n\t\t\t\t})\n\t\t\t\treturn h(element, {\n\t\t\t\t\tclass: crumbClass,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\thref: href || null,\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tto: to || null,\n\t\t\t\t\t},\n\t\t\t\t\t// Prevent the breadcrumbs from being draggable\n\t\t\t\t\tattrs: {\n\t\t\t\t\t\tdraggable: false,\n\t\t\t\t\t},\n\t\t\t\t\ton: {\n\t\t\t\t\t\t...crumb.componentOptions.listeners,\n\t\t\t\t\t},\n\t\t\t\t\t// Add the drag and drop handlers\n\t\t\t\t\tnativeOn: {\n\t\t\t\t\t\tdragstart: this.dragStart,\n\t\t\t\t\t\tdrop: ($event) => this.dropped($event, path, disabled),\n\t\t\t\t\t\tdragover: this.dragOver,\n\t\t\t\t\t\tdragenter: ($event) => this.dragEnter($event, disabled),\n\t\t\t\t\t\tdragleave: ($event) => this.dragLeave($event, disabled),\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\t[folderIcon, name],\n\t\t\t\t)\n\t\t\t})),\n\t\t\t)\n\n\t\t\t// The second half of the breadcrumbs\n\t\t\tconst crumbs2 = breadcrumbs.slice(Math.round(breadcrumbs.length / 2))\n\t\t\tcrumbs = crumbs.concat(crumbs2)\n\t\t}\n\n\t\tconst wrapper = [h('nav', { attrs: { 'aria-label': this.ariaLabel } }, [h('ul', { class: 'breadcrumb__crumbs' }, [crumbs])])]\n\t\t// Append the actions slot if it is populated\n\t\tif (this.$slots.actions) {\n\t\t\twrapper.push(h('div', { class: 'breadcrumb__actions', ref: 'breadcrumb__actions' }, this.$slots.actions))\n\t\t}\n\n\t\tthis.breadcrumbsRefs = breadcrumbsRefs\n\n\t\treturn h('div', { class: ['breadcrumb', { 'breadcrumb--collapsed': (this.hiddenIndices.length === breadcrumbs.length - 2) }], ref: 'container' }, wrapper)\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.breadcrumb {\n\twidth: 100%;\n\tflex-grow: 1;\n\tdisplay: inline-flex;\n\talign-items: center;\n\n\t&--collapsed :deep(.vue-crumb:last-child) {\n\t\tmin-width: 100px;\n\t}\n\n\tnav {\n\t\tflex-shrink: 1;\n\t\tmin-width: 0;\n\t}\n\n\t& #{&}__crumbs {\n\t\tmax-width: 100%;\n\t}\n\n\t& #{&}__crumbs,\n\t& #{&}__actions {\n\t\tdisplay: inline-flex;\n\t}\n}\n</style>\n"],"names":["ValidateSlot","slots","allowed","vm","index","node","isHtmlElement","isVueComponent","isForbiddenComponent","Vue","_sfc_main","crumbClass","NcActions","NcActionButton","NcActionRouter","NcActionLink","NcBreadcrumb","IconFolder","debounce","subscribe","unsubscribe","breadcrumbs","nrCrumbs","hiddenIndices","availableWidth","totalWidth","overflow","i","startIndex","currentIndex","a","b","width","crumb","el","isLast","hide","w","path","disabled","f","target","vnode","h","Fragment","child","breadcrumbsRefs","crumbs","open","to","href","title","name","element","folderIcon","$event","crumbs2","wrapper"],"mappings":"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","x_google_ignoreList":[1]}
+{"version":3,"file":"NcBreadcrumbs-DkgzO9f5.cjs","sources":["../../src/utils/ValidateSlot.js","../../node_modules/vue-material-design-icons/Folder.vue","../../src/components/NcBreadcrumbs/NcBreadcrumbs.vue"],"sourcesContent":["/**\n * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\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 */\nimport Vue from 'vue'\n\n/**\n * Validate children of a vue component\n *\n * @param {object[]} slots the vue component slot\n * @param {string[]} allowed the allowed components name\n * @param {object} vm the vue component instance\n */\nconst ValidateSlot = (slots, allowed, vm) => {\n\tif (slots === undefined) {\n\t\treturn\n\t}\n\n\tfor (let index = slots.length - 1; index >= 0; index--) {\n\t\tconst node = slots[index]\n\t\t// also check against allowed to avoid uninitiated vnodes with no componentOptions\n\t\tconst isHtmlElement = !node.componentOptions && node.tag && allowed.indexOf(node.tag) === -1\n\t\tconst isVueComponent = !!node.componentOptions && typeof node.componentOptions.tag === 'string'\n\t\tconst isForbiddenComponent = isVueComponent && allowed.indexOf(node.componentOptions.tag) === -1\n\n\t\t// if html element or not a vue component or vue component not in allowed tags\n\t\tif (isHtmlElement || !isVueComponent || isForbiddenComponent) {\n\t\t\t// only warn when html elment or forbidden component\n\t\t\t// sometimes text nodes are present which are hardly removeable by the developer and spam the warnings\n\t\t\tif (isHtmlElement || isForbiddenComponent) {\n\t\t\t\tVue.util.warn(`${isHtmlElement ? node.tag : node.componentOptions.tag} is not allowed inside the ${vm.$options.name} component`, vm)\n\t\t\t}\n\n\t\t\t// cleanup\n\t\t\tslots.splice(index, 1)\n\t\t}\n\t}\n}\n\nexport default ValidateSlot\n","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon folder-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path 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\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"FolderIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<!--\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 renders a breadcrumb bar. It adjusts to the available width\nby hiding breadcrumbs in a dropdown menu and emits an event when something\nis dropped on a creadcrumb.\n\n### Usage\n\n```vue\n<template>\n\t<div>\n\t\t<div class=\"container\">\n\t\t\t<NcBreadcrumbs @dropped=\"dropped\">\n\t\t\t\t<NcBreadcrumb name=\"Home\"\n\t\t\t\t\ttitle=\"Title of the Home folder\"\n\t\t\t\t\thref=\"/\"\n\t\t\t\t\t@dropped=\"droppedOnCrumb\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<Folder :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcBreadcrumb>\n\t\t\t\t<NcBreadcrumb name=\"Folder 1\"\n\t\t\t\t\ttitle=\"Folder 1\"\n\t\t\t\t\thref=\"/Folder 1\" />\n\t\t\t\t<NcBreadcrumb name=\"Folder 2\"\n\t\t\t\t\thref=\"/Folder 1/Folder 2\"\n\t\t\t\t\t:disable-drop=\"true\" />\n\t\t\t\t<NcBreadcrumb name=\"Folder 3\"\n\t\t\t\t\ttitle=\"Folder 3\"\n\t\t\t\t\thref=\"/Folder 1/Folder 2/Folder 3\" />\n\t\t\t\t<NcBreadcrumb name=\"Folder 4\"\n\t\t\t\t\ttitle=\"Folder 4\"\n\t\t\t\t\thref=\"/Folder 1/Folder 2/Folder 3/Folder 4\" />\n\t\t\t\t<NcBreadcrumb name=\"Folder 5 with an overflowing long name\"\n\t\t\t\t\ttitle=\"Folder 5\"\n\t\t\t\t\thref=\"/Folder 1/Folder 2/Folder 3/Folder 4/Folder 5\"\n\t\t\t\t\t:disable-drop=\"true\">\n\t\t\t\t\t<template #menu-icon>\n\t\t\t\t\t\t<MenuDown :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t<NcActionButton @click=\"alert('Share')\">\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<ShareVariant :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tShare\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t<NcActionButton @click=\"alert('Download')\">\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Download :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tDownload\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t</NcBreadcrumb>\n\t\t\t\t<template #actions>\n\t\t\t\t\t<NcButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tNew\n\t\t\t\t\t</NcButton>\n\t\t\t\t</template>\n\t\t\t</NcBreadcrumbs>\n\t\t</div>\n\t\t<br />\n\t\t<div class=\"dragme\" draggable=\"true\" @dragstart=\"dragStart\">\n\t\t\t<span>Drag me onto the breadcrumbs.</span>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport Download from 'vue-material-design-icons/Download'\nimport Folder from 'vue-material-design-icons/Folder'\nimport MenuDown from 'vue-material-design-icons/MenuDown'\nimport Plus from 'vue-material-design-icons/Plus'\nimport ShareVariant from 'vue-material-design-icons/ShareVariant'\n\nexport default {\n\tcomponents: {\n\t\tDownload,\n\t\tFolder,\n\t\tMenuDown,\n\t\tPlus,\n\t\tShareVariant,\n\t},\n\tmethods: {\n\t\tdropped(e, path) {\n\t\t\talert('Global drop on ' + path)\n\t\t},\n\t\tdroppedOnCrumb(e, path) {\n\t\t\talert('Drop on crumb ' + path)\n\t\t},\n\t\tdragStart(e) {\n\t\t\te.dataTransfer.setData('text/plain', 'dragging')\n\t\t},\n\t}\n}\n</script>\n<style>\n.container {\n\tdisplay: inline-flex;\n\twidth: 100%;\n}\n\n.dragme {\n\tdisplay: block;\n\twidth: 100px;\n\theight: 44px;\n\tbackground-color: var(--color-background-dark);\n}\n</style>\n```\n</docs>\n\n<script>\nimport NcActions from '../NcActions/index.js'\nimport NcActionButton from '../NcActionButton/index.js'\nimport NcActionRouter from '../NcActionRouter/index.js'\nimport NcActionLink from '../NcActionLink/index.js'\nimport NcBreadcrumb from '../NcBreadcrumb/index.js'\nimport ValidateSlot from '../../utils/ValidateSlot.js'\n\nimport { subscribe, unsubscribe } from '@nextcloud/event-bus'\n\nimport IconFolder from 'vue-material-design-icons/Folder.vue'\n\nimport debounce from 'debounce'\nimport Vue from 'vue'\nimport { Fragment } from 'vue-frag'\n\nconst crumbClass = 'vue-crumb'\n\nexport default {\n\tname: 'NcBreadcrumbs',\n\tcomponents: {\n\t\tNcActions,\n\t\tNcActionButton,\n\t\tNcActionRouter,\n\t\tNcActionLink,\n\t\tNcBreadcrumb,\n\t\tIconFolder,\n\t},\n\tprops: {\n\t\t/**\n\t\t * Set a css icon-class for the icon of the root breadcrumb to be used.\n\t\t */\n\t\trootIcon: {\n\t\t\ttype: String,\n\t\t\tdefault: 'icon-home',\n\t\t},\n\n\t\t/**\n\t\t * Set the aria-label of the nav element.\n\t\t */\n\t\tariaLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\temits: ['dropped'],\n\tdata() {\n\t\treturn {\n\t\t\t/**\n\t\t\t * Array to track the hidden breadcrumbs by their index.\n\t\t\t * Comparing two crumbs somehow does not work, so we use the indices.\n\t\t\t */\n\t\t\thiddenIndices: [],\n\n\t\t\t/**\n\t\t\t * This is the props of the middle Action menu\n\t\t\t * that show the ellipsised breadcrumbs\n\t\t\t */\n\t\t\tmenuBreadcrumbProps: {\n\t\t\t\t// Don't show a name for this breadcrumb, only the Actions menu\n\t\t\t\tname: '',\n\t\t\t\tforceMenu: true,\n\t\t\t\t// Don't allow dropping directly on the actions breadcrumb\n\t\t\t\tdisableDrop: true,\n\t\t\t\t// Is the menu open or not\n\t\t\t\topen: false,\n\t\t\t},\n\t\t\tbreadcrumbsRefs: {},\n\t\t}\n\t},\n\tbeforeMount() {\n\t\t// Filter all invalid items, only Breadcrumb components are allowed\n\t\tValidateSlot(this.$slots.default, ['NcBreadcrumb'], this)\n\t},\n\tbeforeUpdate() {\n\t\t// Also check before every update\n\t\tValidateSlot(this.$slots.default, ['NcBreadcrumb'], this)\n\t},\n\tcreated() {\n\t\t/**\n\t\t * Add a listener so the component reacts on resize\n\t\t */\n\t\twindow.addEventListener('resize', debounce(() => {\n\t\t\tthis.handleWindowResize()\n\t\t}, 100))\n\t\tsubscribe('navigation-toggled', this.delayedResize)\n\t},\n\tmounted() {\n\t\tthis.handleWindowResize()\n\t},\n\tupdated() {\n\t\t/**\n\t\t * Check the size on update\n\t\t */\n\t\tthis.delayedResize()\n\t\t/**\n\t\t * Check that crumbs to hide are hidden\n\t\t */\n\t\tthis.$nextTick(() => {\n\t\t\tthis.hideCrumbs()\n\t\t})\n\t},\n\tbeforeDestroy() {\n\t\twindow.removeEventListener('resize', this.handleWindowResize)\n\t\tunsubscribe('navigation-toggled', this.delayedResize)\n\t},\n\tmethods: {\n\t\t/**\n\t\t * Close the actions menu\n\t\t *\n\t\t * @param {object} e The event\n\t\t */\n\t\tcloseActions(e) {\n\t\t\t// Don't do anything if we leave towards a child element.\n\t\t\tif (this.$refs.actionsBreadcrumb.$el.contains(e.relatedTarget)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.menuBreadcrumbProps.open = false\n\t\t},\n\t\t/**\n\t\t * Call the resize function after a delay\n\t\t */\n\t\t async delayedResize() {\n\t\t\tawait this.$nextTick()\n\t\t\tthis.handleWindowResize()\n\t\t},\n\t\t/**\n\t\t * Check the width of the breadcrumb and hide breadcrumbs\n\t\t * if we overflow otherwise.\n\t\t */\n\t\thandleWindowResize() {\n\t\t\t// If there is no container yet, we cannot determine its size\n\t\t\tif (!this.$refs.container) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// All breadcrumb components passed into the default slot\n\t\t\tconst breadcrumbs = Object.values(this.breadcrumbsRefs)\n\n\t\t\tconst nrCrumbs = breadcrumbs.length\n\t\t\tconst hiddenIndices = []\n\t\t\tconst availableWidth = this.$refs.container.offsetWidth\n\t\t\tlet totalWidth = this.getTotalWidth(breadcrumbs)\n\t\t\t// If we have breadcumbs actions, we have to take their width into account too.\n\t\t\tif (this.$refs.breadcrumb__actions) {\n\t\t\t\ttotalWidth += this.$refs.breadcrumb__actions.offsetWidth\n\t\t\t}\n\t\t\tlet overflow = totalWidth - availableWidth\n\t\t\t// If we overflow, we have to take the action-item width into account as well.\n\t\t\toverflow += (overflow > 0) ? 64 : 0\n\t\t\tlet i = 0\n\t\t\t// We start hiding the breadcrumb in the center\n\t\t\tconst startIndex = Math.floor(nrCrumbs / 2)\n\t\t\t// Don't hide the first and last breadcrumb\n\t\t\twhile (overflow > 0 && i < nrCrumbs - 2) {\n\t\t\t\t// We hide elements alternating to the left and right\n\t\t\t\tconst currentIndex = startIndex + ((i % 2) ? i + 1 : i) / 2 * Math.pow(-1, i + (nrCrumbs % 2))\n\t\t\t\t// Calculate the remaining overflow width after hiding this breadcrumb\n\t\t\t\toverflow -= this.getWidth(breadcrumbs[currentIndex]?.elm, currentIndex === (breadcrumbs.length - 1))\n\t\t\t\thiddenIndices.push(currentIndex)\n\t\t\t\ti++\n\t\t\t}\n\t\t\t// We only update the hidden crumbs if they have changed,\n\t\t\t// otherwise we will run into an infinite update loop.\n\t\t\tif (!this.arraysEqual(this.hiddenIndices, hiddenIndices.sort((a, b) => a - b))) {\n\t\t\t\tthis.hiddenIndices = hiddenIndices\n\t\t\t}\n\t\t},\n\t\t/**\n\t\t * Checks if two arrays are equal.\n\t\t * Only works for primitive arrays, but that's enough here.\n\t\t *\n\t\t * @param {Array} a The first array\n\t\t * @param {Array} b The second array\n\t\t * @return {boolean} Wether the arrays are equal\n\t\t */\n\t\tarraysEqual(a, b) {\n\t\t\tif (a.length !== b.length) return false\n\t\t\tif (a === b) return true\n\t\t\tif (a === null || b === null) return false\n\n\t\t\tfor (let i = 0; i < a.length; ++i) {\n\t\t\t\tif (a[i] !== b[i]) {\n\t\t\t\t\treturn false\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn true\n\t\t},\n\t\t/**\n\t\t * Calculates the total width of all breadcrumbs\n\t\t *\n\t\t * @param {Array} breadcrumbs All breadcrumbs\n\t\t * @return {number} The total width\n\t\t */\n\t\tgetTotalWidth(breadcrumbs) {\n\t\t\treturn breadcrumbs.reduce((width, crumb, index) => width + this.getWidth(crumb?.elm, index === (breadcrumbs.length - 1)), 0)\n\t\t},\n\t\t/**\n\t\t * Calculates the width of the provided element\n\t\t *\n\t\t * @param {object} el The element\n\t\t * @param {boolean} isLast Is this the last crumb\n\t\t * @return {number} The width\n\t\t */\n\t\tgetWidth(el, isLast) {\n\t\t\tif (!el?.classList) return 0\n\t\t\tconst hide = el.classList.contains(`${crumbClass}--hidden`)\n\t\t\tel.style.minWidth = 'auto'\n\t\t\t// For the last crumb, we calculate with a max-width of 210px,\n\t\t\t// but don't set it in CSS to allow it to grow.\n\t\t\tif (isLast) {\n\t\t\t\tel.style.maxWidth = '210px'\n\t\t\t}\n\t\t\tel.classList.remove(`${crumbClass}--hidden`)\n\t\t\tconst w = el.offsetWidth\n\t\t\tif (hide) {\n\t\t\t\tel.classList.add(`${crumbClass}--hidden`)\n\t\t\t}\n\t\t\tel.style.minWidth = ''\n\t\t\tel.style.maxWidth = ''\n\t\t\treturn w\n\t\t},\n\t\t/**\n\t\t * Prevents the default of a provided event\n\t\t *\n\t\t * @param {object} e The event\n\t\t * @return {boolean}\n\t\t */\n\t\tpreventDefault(e) {\n\t\t\tif (e.preventDefault) {\n\t\t\t\te.preventDefault()\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\t/**\n\t\t * Handles the drag start.\n\t\t * Prevents a breadcrumb from being draggable.\n\t\t *\n\t\t * @param {object} e The event\n\t\t * @return {boolean}\n\t\t */\n\t\tdragStart(e) {\n\t\t\treturn this.preventDefault(e)\n\t\t},\n\t\t/**\n\t\t * Handles when something is dropped on the breadcrumb.\n\t\t *\n\t\t * @param {object} e The drop event\n\t\t * @param {string} path The path of the breadcrumb\n\t\t * @param {boolean} disabled Whether dropping is disabled for this breadcrumb\n\t\t * @return {boolean}\n\t\t */\n\t\tdropped(e, path, disabled) {\n\t\t\t/**\n\t\t\t * Don't emit if dropping is disabled.\n\t\t\t */\n\t\t\tif (!disabled) {\n\t\t\t\t/**\n\t\t\t\t * Event emitted when something is dropped on the breadcrumb.\n\t\t\t\t *\n\t\t\t\t * @param {Event} e the drop DOM event\n\t\t\t\t * @param {string} path The path of the breadcrumb\n\t\t\t\t */\n\t\t\t\tthis.$emit('dropped', e, path)\n\t\t\t}\n\t\t\t// Close the actions menu after the drop\n\t\t\tthis.menuBreadcrumbProps.open = false\n\n\t\t\t// Remove all hovering classes\n\t\t\tconst crumbs = document.querySelectorAll(`.${crumbClass}`)\n\t\t\tcrumbs.forEach((f) => { f.classList.remove(`${crumbClass}--hovered`) })\n\t\t\treturn this.preventDefault(e)\n\t\t},\n\t\t/**\n\t\t * Handles the drag over event\n\t\t *\n\t\t * @param {object} e The drag over event\n\t\t * @return {boolean}\n\t\t */\n\t\tdragOver(e) {\n\t\t\treturn this.preventDefault(e)\n\t\t},\n\t\t/**\n\t\t * Handles the drag enter event\n\t\t *\n\t\t * @param {object} e The drag over event\n\t\t * @param {boolean} disabled Whether dropping is disabled for this breadcrumb\n\t\t */\n\t\tdragEnter(e, disabled) {\n\t\t\t/**\n\t\t\t * Don't do anything if dropping is disabled.\n\t\t\t */\n\t\t\tif (disabled) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// Get the correct element, in case we hover a child.\n\t\t\tif (e.target.closest) {\n\t\t\t\tconst target = e.target.closest(`.${crumbClass}`)\n\t\t\t\tif (target.classList && target.classList.contains(crumbClass)) {\n\t\t\t\t\tconst crumbs = document.querySelectorAll(`.${crumbClass}`)\n\t\t\t\t\tcrumbs.forEach((f) => { f.classList.remove(`${crumbClass}--hovered`) })\n\t\t\t\t\ttarget.classList.add(`${crumbClass}--hovered`)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t/**\n\t\t * Handles the drag leave event\n\t\t *\n\t\t * @param {object} e The drag leave event\n\t\t * @param {boolean} disabled Whether dropping is disabled for this breadcrumb\n\t\t */\n\t\tdragLeave(e, disabled) {\n\t\t\t/**\n\t\t\t * Don't do anything if dropping is disabled.\n\t\t\t */\n\t\t\tif (disabled) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// Don't do anything if we leave towards a child element.\n\t\t\tif (e.target.contains(e.relatedTarget)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// Get the correct element, in case we leave directly from a child.\n\t\t\tif (e.target.closest) {\n\t\t\t\tconst target = e.target.closest(`.${crumbClass}`)\n\t\t\t\tif (target.contains(e.relatedTarget)) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tif (target.classList && target.classList.contains(crumbClass)) {\n\t\t\t\t\ttarget.classList.remove(`${crumbClass}--hovered`)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t/**\n\t\t * Check for each crumb if we have to hide it and\n\t\t * add it to the array of all crumbs.\n\t\t */\n\t\thideCrumbs() {\n\t\t\tconst crumbs = Object.values(this.breadcrumbsRefs)\n\t\t\tcrumbs.forEach((crumb, i) => {\n\t\t\t\tif (crumb?.elm?.classList) {\n\t\t\t\t\tif (this.hiddenIndices.includes(i)) {\n\t\t\t\t\t\tcrumb.elm.classList.add(`${crumbClass}--hidden`)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcrumb.elm.classList.remove(`${crumbClass}--hidden`)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\n\t\tisBreadcrumb(vnode) {\n\t\t\treturn (vnode?.componentOptions?.tag || vnode?.tag || '').includes('NcBreadcrumb')\n\t\t},\n\t},\n\t/**\n\t * The render function to display the component\n\t *\n\t * @param {Function} h The function to create VNodes\n\t * @return {object|undefined} The created VNode\n\t */\n\trender(h) {\n\t\t// Get the breadcrumbs\n\t\tconst breadcrumbs = []\n\t\t// We have to iterate over all slot elements\n\t\tthis.$slots.default.forEach(vnode => {\n\t\t\tif (this.isBreadcrumb(vnode)) {\n\t\t\t\tbreadcrumbs.push(vnode)\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// If we encounter a Fragment, we have to check its children too\n\t\t\tif (vnode?.type === Fragment) {\n\t\t\t\tvnode?.children?.forEach?.(child => {\n\t\t\t\t\tif (this.isBreadcrumb(child)) {\n\t\t\t\t\t\tbreadcrumbs.push(child)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\n\t\t// Check that we have at least one breadcrumb\n\t\tif (breadcrumbs.length === 0) {\n\t\t\treturn\n\t\t}\n\n\t\t// Add the root icon to the first breadcrumb\n\t\t// eslint-disable-next-line import/no-named-as-default-member\n\t\tVue.set(breadcrumbs[0].componentOptions.propsData, 'icon', this.rootIcon)\n\t\t// eslint-disable-next-line import/no-named-as-default-member\n\t\tVue.set(breadcrumbs[0].componentOptions.propsData, 'ref', 'breadcrumbs')\n\n\t\t/**\n\t\t * Use a proxy object to store breadcrumbs refs\n\t\t * and don't write to this.breadcrumbsRefs directly\n\t\t * to not trigger a myriad of re-renders.\n\t\t */\n\t\tconst breadcrumbsRefs = {}\n\t\t// Add the breadcrumbs to the array of the created VNodes, check if hiding them is necessary.\n\t\tbreadcrumbs.forEach((crumb, index) => {\n\t\t\t// eslint-disable-next-line import/no-named-as-default-member\n\t\t\tVue.set(crumb, 'ref', `crumb-${index}`)\n\t\t\tbreadcrumbsRefs[index] = crumb\n\t\t})\n\n\t\t// The array of all created VNodes\n\t\tlet crumbs = []\n\n\t\tif (!this.hiddenIndices.length) {\n\t\t\t// We don't hide any breadcrumbs.\n\t\t\tcrumbs = breadcrumbs\n\t\t} else {\n\t\t\t/**\n\t\t\t * We show the first half of the breadcrumbs before the Actions dropdown menu\n\t\t\t * which shows the hidden breadcrumbs.\n\t\t\t */\n\t\t\t// Add the breadcrumbs to the array of the created VNodes, check if hiding them is necessary.\n\t\t\tcrumbs = breadcrumbs.slice(0, Math.round(breadcrumbs.length / 2))\n\n\t\t\t// The Actions menu\n\t\t\t// Use a breadcrumb component for the hidden breadcrumbs\n\t\t\tcrumbs.push(h('NcBreadcrumb', {\n\t\t\t\tclass: 'dropdown',\n\n\t\t\t\tprops: this.menuBreadcrumbProps,\n\n\t\t\t\tattrs: {\n\t\t\t\t\t// Hide the dropdown menu from screen-readers,\n\t\t\t\t\t// since the crumbs in the menu are still in the list.\n\t\t\t\t\t'aria-hidden': true,\n\t\t\t\t},\n\n\t\t\t\t// Add a ref to the Actions menu\n\t\t\t\tref: 'actionsBreadcrumb',\n\t\t\t\tkey: 'actions-breadcrumb-1',\n\t\t\t\t// Add handlers so the Actions menu opens on hover\n\t\t\t\tnativeOn: {\n\t\t\t\t\tdragstart: this.dragStart,\n\t\t\t\t\tdragenter: () => { this.menuBreadcrumbProps.open = true },\n\t\t\t\t\tdragleave: this.closeActions,\n\t\t\t\t},\n\t\t\t\ton: {\n\t\t\t\t\t// Make sure we keep the same open state\n\t\t\t\t\t// as the Actions component\n\t\t\t\t\t'update:open': (open) => {\n\t\t\t\t\t\tthis.menuBreadcrumbProps.open = open\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t// Add all hidden breadcrumbs as ActionRouter or ActionLink\n\t\t\t}, this.hiddenIndices.map(index => {\n\t\t\t\tconst crumb = breadcrumbs[index]\n\t\t\t\t// Get the parameters from the breadcrumb component props\n\t\t\t\tconst to = crumb.componentOptions.propsData.to\n\t\t\t\tconst href = crumb.componentOptions.propsData.href\n\t\t\t\tconst disabled = crumb.componentOptions.propsData.disableDrop\n\t\t\t\tconst title = crumb.componentOptions.propsData.title\n\t\t\t\tconst name = crumb.componentOptions.propsData.name\n\n\t\t\t\t// Decide whether to show the breadcrumbs as ActionButton, ActionRouter or ActionLink\n\t\t\t\tlet element = 'NcActionButton'\n\t\t\t\tlet path = ''\n\t\t\t\tif (href) {\n\t\t\t\t\telement = 'NcActionLink'\n\t\t\t\t\tpath = href\n\t\t\t\t}\n\t\t\t\tif (to) {\n\t\t\t\t\telement = 'NcActionRouter'\n\t\t\t\t\tpath = to\n\t\t\t\t}\n\t\t\t\tconst folderIcon = h('IconFolder', {\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tsize: 20,\n\t\t\t\t\t},\n\t\t\t\t\tslot: 'icon',\n\t\t\t\t})\n\t\t\t\treturn h(element, {\n\t\t\t\t\tclass: crumbClass,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\thref: href || null,\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tto: to || null,\n\t\t\t\t\t},\n\t\t\t\t\t// Prevent the breadcrumbs from being draggable\n\t\t\t\t\tattrs: {\n\t\t\t\t\t\tdraggable: false,\n\t\t\t\t\t},\n\t\t\t\t\ton: {\n\t\t\t\t\t\t...crumb.componentOptions.listeners,\n\t\t\t\t\t},\n\t\t\t\t\t// Add the drag and drop handlers\n\t\t\t\t\tnativeOn: {\n\t\t\t\t\t\tdragstart: this.dragStart,\n\t\t\t\t\t\tdrop: ($event) => this.dropped($event, path, disabled),\n\t\t\t\t\t\tdragover: this.dragOver,\n\t\t\t\t\t\tdragenter: ($event) => this.dragEnter($event, disabled),\n\t\t\t\t\t\tdragleave: ($event) => this.dragLeave($event, disabled),\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\t[folderIcon, name],\n\t\t\t\t)\n\t\t\t})),\n\t\t\t)\n\n\t\t\t// The second half of the breadcrumbs\n\t\t\tconst crumbs2 = breadcrumbs.slice(Math.round(breadcrumbs.length / 2))\n\t\t\tcrumbs = crumbs.concat(crumbs2)\n\t\t}\n\n\t\tconst wrapper = [h('nav', { attrs: { 'aria-label': this.ariaLabel } }, [h('ul', { class: 'breadcrumb__crumbs' }, [crumbs])])]\n\t\t// Append the actions slot if it is populated\n\t\tif (this.$slots.actions) {\n\t\t\twrapper.push(h('div', { class: 'breadcrumb__actions', ref: 'breadcrumb__actions' }, this.$slots.actions))\n\t\t}\n\n\t\tthis.breadcrumbsRefs = breadcrumbsRefs\n\n\t\treturn h('div', { class: ['breadcrumb', { 'breadcrumb--collapsed': (this.hiddenIndices.length === breadcrumbs.length - 2) }], ref: 'container' }, wrapper)\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.breadcrumb {\n\twidth: 100%;\n\tflex-grow: 1;\n\tdisplay: inline-flex;\n\talign-items: center;\n\n\t&--collapsed :deep(.vue-crumb:last-child) {\n\t\tmin-width: 100px;\n\t}\n\n\tnav {\n\t\tflex-shrink: 1;\n\t\tmin-width: 0;\n\t}\n\n\t& #{&}__crumbs {\n\t\tmax-width: 100%;\n\t}\n\n\t& #{&}__crumbs,\n\t& #{&}__actions {\n\t\tdisplay: inline-flex;\n\t}\n}\n</style>\n"],"names":["ValidateSlot","slots","allowed","vm","index","node","isHtmlElement","isVueComponent","isForbiddenComponent","Vue","_sfc_main","crumbClass","NcActions","NcActionButton","NcActionRouter","NcActionLink","NcBreadcrumb","IconFolder","debounce","subscribe","unsubscribe","e","breadcrumbs","nrCrumbs","hiddenIndices","availableWidth","totalWidth","overflow","startIndex","currentIndex","_a","a","b","i","width","crumb","el","isLast","hide","w","path","disabled","f","target","vnode","h","Fragment","_b","child","breadcrumbsRefs","crumbs","open","to","href","title","name","element","folderIcon","$event","crumbs2","wrapper"],"mappings":"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","x_google_ignoreList":[1]}