@nextcloud/vue 8.31.0 → 8.32.0

package/dist/chunks/{NcBreadcrumbs-C9Zo0nca.mjs → NcBreadcrumbs-DJSAcn8x.mjs}

@@ -1,14 +1,30 @@
 import '../assets/NcBreadcrumbs-DahxPGJY.css';
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import { unsubscribe, subscribe } from "@nextcloud/event-bus";
 import debounce from "debounce";
 import Vue from "vue";
 import { Fragment } from "vue-frag";
 import { n as normalizeComponent } from "./_plugin-vue2_normalizer-DU4iP6Vu.mjs";
-import { N as NcActionButton } from "./NcActionButton-CVW8aRkE.mjs";
+import { N as NcActionButton } from "./NcActionButton-CZsSFAT4.mjs";
 import NcActionLink from "../Components/NcActionLink.mjs";
 import NcActionRouter from "../Components/NcActionRouter.mjs";
-import { N as NcActions } from "./NcActions-C832pWHO.mjs";
-import { N as NcBreadcrumb } from "./NcBreadcrumb-D1106x4x.mjs";
+import { N as NcActions } from "./NcActions-A918mfXE.mjs";
+import { N as NcBreadcrumb } from "./NcBreadcrumb-VJGW992x.mjs";
 const _sfc_main$1 = {
   name: "FolderIcon",
   emits: ["click"],
@@ -53,7 +69,7 @@ function ValidateSlot(slots, allowed, vm) {
     const isForbiddenComponent = isVueComponent && allowed.indexOf(node.componentOptions.tag) === -1;
     if (isHtmlElement || !isVueComponent || isForbiddenComponent) {
       if (isHtmlElement || isForbiddenComponent) {
-        Vue.util.warn(`${isHtmlElement ? node.tag : node.componentOptions.tag} is not allowed inside the ${vm.$options.name} component`, vm);
+        Vue.util.warn("".concat(isHtmlElement ? node.tag : node.componentOptions.tag, " is not allowed inside the ").concat(vm.$options.name, " component"), vm);
       }
       slots.splice(index, 1);
     }
@@ -159,6 +175,7 @@ const _sfc_main = {
      * if we overflow otherwise.
      */
     handleWindowResize() {
+      var _a;
       if (!this.$refs.container) {
         return;
       }
@@ -176,7 +193,7 @@ const _sfc_main = {
       const startIndex = Math.floor(nrCrumbs / 2);
       while (overflow > 0 && i < nrCrumbs - 2) {
         const currentIndex = startIndex + (i % 2 ? i + 1 : i) / 2 * Math.pow(-1, i + nrCrumbs % 2);
-        overflow -= this.getWidth(breadcrumbs[currentIndex]?.elm, currentIndex === breadcrumbs.length - 1);
+        overflow -= this.getWidth((_a = breadcrumbs[currentIndex]) == null ? void 0 : _a.elm, currentIndex === breadcrumbs.length - 1);
         hiddenIndices.push(currentIndex);
         i++;
       }
@@ -216,7 +233,7 @@ const _sfc_main = {
      * @return {number} The total width
      */
     getTotalWidth(breadcrumbs) {
-      return breadcrumbs.reduce((width, crumb, index) => width + this.getWidth(crumb?.elm, index === breadcrumbs.length - 1), 0);
+      return breadcrumbs.reduce((width, crumb, index) => width + this.getWidth(crumb == null ? void 0 : crumb.elm, index === breadcrumbs.length - 1), 0);
     },
     /**
      * Calculates the width of the provided element
@@ -226,18 +243,18 @@ const _sfc_main = {
      * @return {number} The width
      */
     getWidth(el, isLast) {
-      if (!el?.classList) {
+      if (!(el == null ? void 0 : el.classList)) {
         return 0;
       }
-      const hide = el.classList.contains(`${crumbClass}--hidden`);
+      const hide = el.classList.contains("".concat(crumbClass, "--hidden"));
       el.style.minWidth = "auto";
       if (isLast) {
         el.style.maxWidth = "210px";
       }
-      el.classList.remove(`${crumbClass}--hidden`);
+      el.classList.remove("".concat(crumbClass, "--hidden"));
       const w = el.offsetWidth;
       if (hide) {
-        el.classList.add(`${crumbClass}--hidden`);
+        el.classList.add("".concat(crumbClass, "--hidden"));
       }
       el.style.minWidth = "";
       el.style.maxWidth = "";
@@ -278,9 +295,9 @@ const _sfc_main = {
         this.$emit("dropped", e, path);
       }
       this.menuBreadcrumbProps.open = false;
-      const crumbs = document.querySelectorAll(`.${crumbClass}`);
+      const crumbs = document.querySelectorAll(".".concat(crumbClass));
       crumbs.forEach((f) => {
-        f.classList.remove(`${crumbClass}--hovered`);
+        f.classList.remove("".concat(crumbClass, "--hovered"));
       });
       return this.preventDefault(e);
     },
@@ -304,13 +321,13 @@ const _sfc_main = {
         return;
       }
       if (e.target.closest) {
-        const target = e.target.closest(`.${crumbClass}`);
+        const target = e.target.closest(".".concat(crumbClass));
         if (target.classList && target.classList.contains(crumbClass)) {
-          const crumbs = document.querySelectorAll(`.${crumbClass}`);
+          const crumbs = document.querySelectorAll(".".concat(crumbClass));
           crumbs.forEach((f) => {
-            f.classList.remove(`${crumbClass}--hovered`);
+            f.classList.remove("".concat(crumbClass, "--hovered"));
           });
-          target.classList.add(`${crumbClass}--hovered`);
+          target.classList.add("".concat(crumbClass, "--hovered"));
         }
       }
     },
@@ -328,12 +345,12 @@ const _sfc_main = {
         return;
       }
       if (e.target.closest) {
-        const target = e.target.closest(`.${crumbClass}`);
+        const target = e.target.closest(".".concat(crumbClass));
         if (target.contains(e.relatedTarget)) {
           return;
         }
         if (target.classList && target.classList.contains(crumbClass)) {
-          target.classList.remove(`${crumbClass}--hovered`);
+          target.classList.remove("".concat(crumbClass, "--hovered"));
         }
       }
     },
@@ -344,17 +361,19 @@ const _sfc_main = {
     hideCrumbs() {
       const crumbs = Object.values(this.breadcrumbsRefs);
       crumbs.forEach((crumb, i) => {
-        if (crumb?.elm?.classList) {
+        var _a;
+        if ((_a = crumb == null ? void 0 : crumb.elm) == null ? void 0 : _a.classList) {
           if (this.hiddenIndices.includes(i)) {
-            crumb.elm.classList.add(`${crumbClass}--hidden`);
+            crumb.elm.classList.add("".concat(crumbClass, "--hidden"));
           } else {
-            crumb.elm.classList.remove(`${crumbClass}--hidden`);
+            crumb.elm.classList.remove("".concat(crumbClass, "--hidden"));
           }
         }
       });
     },
     isBreadcrumb(vnode) {
-      return (vnode?.componentOptions?.tag || vnode?.tag || "").includes("NcBreadcrumb");
+      var _a;
+      return (((_a = vnode == null ? void 0 : vnode.componentOptions) == null ? void 0 : _a.tag) || (vnode == null ? void 0 : vnode.tag) || "").includes("NcBreadcrumb");
     }
   },
   /**
@@ -366,12 +385,13 @@ const _sfc_main = {
   render(h) {
     const breadcrumbs = [];
     this.$slots.default.forEach((vnode) => {
+      var _a, _b;
       if (this.isBreadcrumb(vnode)) {
         breadcrumbs.push(vnode);
         return;
       }
-      if (vnode?.type === Fragment) {
-        vnode?.children?.forEach?.((child) => {
+      if ((vnode == null ? void 0 : vnode.type) === Fragment) {
+        (_b = (_a = vnode == null ? void 0 : vnode.children) == null ? void 0 : _a.forEach) == null ? void 0 : _b.call(_a, (child) => {
           if (this.isBreadcrumb(child)) {
             breadcrumbs.push(child);
           }
@@ -385,7 +405,7 @@ const _sfc_main = {
     Vue.set(breadcrumbs[0].componentOptions.propsData, "ref", "breadcrumbs");
     const breadcrumbsRefs = {};
     breadcrumbs.forEach((crumb, index) => {
-      Vue.set(crumb, "ref", `crumb-${index}`);
+      Vue.set(crumb, "ref", "crumb-".concat(index));
       breadcrumbsRefs[index] = crumb;
     });
     let crumbs = [];
@@ -454,9 +474,7 @@ const _sfc_main = {
           attrs: {
             draggable: false
           },
-          on: {
-            ...crumb.componentOptions.listeners
-          },
+          on: __spreadValues({}, crumb.componentOptions.listeners),
           // Add the drag and drop handlers
           nativeOn: {
             dragstart: this.dragStart,
@@ -492,4 +510,4 @@ const NcBreadcrumbs = __component__.exports;
 export {
   NcBreadcrumbs as N
 };
-//# sourceMappingURL=NcBreadcrumbs-C9Zo0nca.mjs.map
+//# sourceMappingURL=NcBreadcrumbs-DJSAcn8x.mjs.map

package/dist/chunks/{NcBreadcrumbs-XAvQ1MIp.cjs.map → NcBreadcrumbs-DJSAcn8x.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NcBreadcrumbs-XAvQ1MIp.cjs","sources":["../../node_modules/vue-material-design-icons/Folder.vue","../../src/utils/ValidateSlot.js","../../src/components/NcBreadcrumbs/NcBreadcrumbs.vue"],"sourcesContent":["<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 * SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\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 */\nfunction 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 element or forbidden component\n\t\t\t// sometimes text nodes are present which are hardly removable 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","<!--\n  - SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\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: var(--default-clickable-area);\n\tbackground-color: var(--color-background-dark);\n}\n</style>\n```\n</docs>\n\n<script>\nimport { subscribe, unsubscribe } from '@nextcloud/event-bus'\nimport debounce from 'debounce'\nimport Vue from 'vue'\nimport { Fragment } from 'vue-frag'\nimport IconFolder from 'vue-material-design-icons/Folder.vue'\nimport ValidateSlot from '../../utils/ValidateSlot.js'\nimport NcActionButton from '../NcActionButton/index.js'\nimport NcActionLink from '../NcActionLink/index.js'\nimport NcActionRouter from '../NcActionRouter/index.js'\nimport NcActions from '../NcActions/index.js'\nimport NcBreadcrumb from '../NcBreadcrumb/index.js'\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\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\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\n\t\t\tbreadcrumbsRefs: {},\n\t\t}\n\t},\n\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\n\tbeforeUpdate() {\n\t\t// Also check before every update\n\t\tValidateSlot(this.$slots.default, ['NcBreadcrumb'], this)\n\t},\n\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\n\tmounted() {\n\t\tthis.handleWindowResize()\n\t},\n\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\n\tbeforeDestroy() {\n\t\twindow.removeEventListener('resize', this.handleWindowResize)\n\t\tunsubscribe('navigation-toggled', this.delayedResize)\n\t},\n\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\n\t\t/**\n\t\t * Call the resize function after a delay\n\t\t */\n\t\tasync delayedResize() {\n\t\t\tawait this.$nextTick()\n\t\t\tthis.handleWindowResize()\n\t\t},\n\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\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) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\tif (a === b) {\n\t\t\t\treturn true\n\t\t\t}\n\t\t\tif (a === null || b === null) {\n\t\t\t\treturn false\n\t\t\t}\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\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\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) {\n\t\t\t\treturn 0\n\t\t\t}\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\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\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\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) => {\n\t\t\t\tf.classList.remove(`${crumbClass}--hovered`)\n\t\t\t})\n\t\t\treturn this.preventDefault(e)\n\t\t},\n\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\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) => {\n\t\t\t\t\t\tf.classList.remove(`${crumbClass}--hovered`)\n\t\t\t\t\t})\n\t\t\t\t\ttarget.classList.add(`${crumbClass}--hovered`)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\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\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\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\tVue.set(breadcrumbs[0].componentOptions.propsData, 'icon', this.rootIcon)\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\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.filter((index) => index <= breadcrumbs.length - 1).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}, [folderIcon, name])\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":["_sfc_main","Vue","NcActions","NcActionButton","NcActionRouter","NcActionLink","NcBreadcrumb","debounce","subscribe","unsubscribe","Fragment"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"NcBreadcrumbs-DJSAcn8x.mjs","sources":["../../node_modules/vue-material-design-icons/Folder.vue","../../src/utils/ValidateSlot.js","../../src/components/NcBreadcrumbs/NcBreadcrumbs.vue"],"sourcesContent":["<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 * SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\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 */\nfunction 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 element or forbidden component\n\t\t\t// sometimes text nodes are present which are hardly removable 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","<!--\n  - SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\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: var(--default-clickable-area);\n\tbackground-color: var(--color-background-dark);\n}\n</style>\n```\n</docs>\n\n<script>\nimport { subscribe, unsubscribe } from '@nextcloud/event-bus'\nimport debounce from 'debounce'\nimport Vue from 'vue'\nimport { Fragment } from 'vue-frag'\nimport IconFolder from 'vue-material-design-icons/Folder.vue'\nimport ValidateSlot from '../../utils/ValidateSlot.js'\nimport NcActionButton from '../NcActionButton/index.js'\nimport NcActionLink from '../NcActionLink/index.js'\nimport NcActionRouter from '../NcActionRouter/index.js'\nimport NcActions from '../NcActions/index.js'\nimport NcBreadcrumb from '../NcBreadcrumb/index.js'\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\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\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\n\t\t\tbreadcrumbsRefs: {},\n\t\t}\n\t},\n\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\n\tbeforeUpdate() {\n\t\t// Also check before every update\n\t\tValidateSlot(this.$slots.default, ['NcBreadcrumb'], this)\n\t},\n\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\n\tmounted() {\n\t\tthis.handleWindowResize()\n\t},\n\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\n\tbeforeDestroy() {\n\t\twindow.removeEventListener('resize', this.handleWindowResize)\n\t\tunsubscribe('navigation-toggled', this.delayedResize)\n\t},\n\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\n\t\t/**\n\t\t * Call the resize function after a delay\n\t\t */\n\t\tasync delayedResize() {\n\t\t\tawait this.$nextTick()\n\t\t\tthis.handleWindowResize()\n\t\t},\n\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\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) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\tif (a === b) {\n\t\t\t\treturn true\n\t\t\t}\n\t\t\tif (a === null || b === null) {\n\t\t\t\treturn false\n\t\t\t}\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\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\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) {\n\t\t\t\treturn 0\n\t\t\t}\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\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\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\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) => {\n\t\t\t\tf.classList.remove(`${crumbClass}--hovered`)\n\t\t\t})\n\t\t\treturn this.preventDefault(e)\n\t\t},\n\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\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) => {\n\t\t\t\t\t\tf.classList.remove(`${crumbClass}--hovered`)\n\t\t\t\t\t})\n\t\t\t\t\ttarget.classList.add(`${crumbClass}--hovered`)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\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\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\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\tVue.set(breadcrumbs[0].componentOptions.propsData, 'icon', this.rootIcon)\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\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.filter((index) => index <= breadcrumbs.length - 1).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}, [folderIcon, name])\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":["_sfc_main"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/{NcButton-CWPBzbcC.mjs → NcButton-D3CaJu1f.mjs}

@@ -1,5 +1,24 @@
-import '../assets/NcButton-D8AOCliw.css';
-import { i as isLegacy32 } from "./legacy-MK4GvP26.mjs";
+import '../assets/NcButton-uQUvp7DS.css';
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { i as isLegacy32 } from "./legacy-NU_qxPFK.mjs";
 import { l as logger } from "./logger-D3RVzcfQ.mjs";
 import { n as normalizeComponent } from "./_plugin-vue2_normalizer-DU4iP6Vu.mjs";
 const _sfc_main = {
@@ -230,13 +249,15 @@ const _sfc_main = {
    * @return {object|undefined} The created VNode
    */
   render(h) {
+    var _a, _b, _c;
     const hasText = !!this.$slots.default;
-    const hasIcon = this.$slots?.icon;
+    const hasIcon = (_a = this.$slots) == null ? void 0 : _a.icon;
     if (!hasText && !this.ariaLabel) {
       logger.warn("You need to fill either the text or the ariaLabel props in the button component.", {
-        text: this.$slots.default?.[0]?.text,
-        ariaLabel: this.ariaLabel
-      }, this);
+        text: (_c = (_b = this.$slots.default) == null ? void 0 : _b[0]) == null ? void 0 : _c.text,
+        ariaLabel: this.ariaLabel,
+        instance: this
+      });
     }
     const isLink = this.to || this.href;
     const hasPressed = !isLink && typeof this.pressed === "boolean";
@@ -245,22 +266,22 @@ const _sfc_main = {
       {
         class: [
           "button-vue",
-          `button-vue--size-${this.size}`,
+          "button-vue--size-".concat(this.size),
           {
             "button-vue--icon-only": hasIcon && !hasText,
             "button-vue--text-only": hasText && !hasIcon,
             "button-vue--icon-and-text": hasIcon && hasText,
-            [`button-vue--vue-${this.realVariant}`]: this.realVariant,
+            ["button-vue--vue-".concat(this.realVariant)]: this.realVariant,
             "button-vue--legacy": isLegacy32,
             "button-vue--tertiary": this.isTertiary,
             "button-vue--wide": this.wide,
-            [`button-vue--${this.flexAlignment}`]: this.flexAlignment !== "center",
+            ["button-vue--".concat(this.flexAlignment)]: this.flexAlignment !== "center",
             "button-vue--reverse": this.isReverseAligned,
             active: isActive,
             "router-link-exact-active": isExactActive
           }
         ],
-        attrs: {
+        attrs: __spreadValues(__spreadValues({
           "aria-label": this.ariaLabel,
           "aria-pressed": hasPressed ? this.pressed.toString() : void 0,
           disabled: this.disabled,
@@ -269,22 +290,17 @@ const _sfc_main = {
           href: this.to ? href : this.href || null,
           target: isLink ? this.target || "_self" : null,
           rel: isLink ? "nofollow noreferrer noopener" : null,
-          download: !this.to && this.href && this.download ? this.download : null,
-          // If this button is used as a popover trigger, we need to apply trigger attrs, e.g. aria attributes
-          ...this.ncPopoverTriggerAttrs,
-          // Inherit all the component attrs
-          ...this.$attrs
-        },
-        on: {
-          ...this.$listeners,
+          download: !this.to && this.href && this.download ? this.download : null
+        }, this.ncPopoverTriggerAttrs), this.$attrs),
+        on: __spreadProps(__spreadValues({}, this.$listeners), {
           click: ($event) => {
             if (hasPressed) {
               this.$emit("update:pressed", !this.pressed);
             }
             this.$emit("click", $event);
-            navigate?.($event);
+            navigate == null ? void 0 : navigate($event);
           }
-        }
+        })
       },
       [
         h("span", { class: "button-vue__wrapper" }, [
@@ -321,10 +337,10 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "474ee0b9"
+  "bfde1a98"
 );
 const NcButton = __component__.exports;
 export {
   NcButton as N
 };
-//# sourceMappingURL=NcButton-CWPBzbcC.mjs.map
+//# sourceMappingURL=NcButton-D3CaJu1f.mjs.map