npm - @nextcloud/vue - Versions diffs - 8.33.0 → 8.34.0 - Mend

@nextcloud/vue 8.33.0 → 8.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (461) hide show

package/dist/chunks/{NcBreadcrumb-B-zWjBNp.cjs.map → NcBreadcrumb-DCq7akG2.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NcBreadcrumb-B-zWjBNp.cjs","sources":["../../node_modules/vue-material-design-icons/ChevronRight.vue","../../src/components/NcBreadcrumb/NcBreadcrumb.vue"],"sourcesContent":["<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"title ? null : 'true'\"\n :aria-label=\"title\"\n class=\"material-design-icon chevron-right-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=\"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z\">\n <title v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"ChevronRightIcon\",\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: 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 is meant to be used inside a Breadcrumbs component.\nRenders a button element when given no redirection props, otherwise, renders <a/> or <router-link/> elements\n\n</docs>\n\n<template>\n\t<li\n\t\tref=\"crumb\"\n\t\tclass=\"vue-crumb\"\n\t\t:class=\"{ 'vue-crumb--hovered': hovering }\"\n\t\t:data-crumb-id=\"crumbId\"\n\t\tdraggable=\"false\"\n\t\t@dragstart.prevent=\"() => { /** Prevent the breadcrumb from being draggable. / }\"\n\t\t@drop.prevent=\"dropped\"\n\t\t@dragover.prevent=\"() => {}\"\n\t\t@dragenter=\"dragEnter\"\n\t\t@dragleave=\"dragLeave\">\n\t\t<NcButton\n\t\t\tv-if=\"(name \|\| icon \|\| $slots.icon) && !$slots.default\"\n\t\t\t:aria-label=\"icon ? name : undefined\"\n\t\t\t:title=\"title\"\n\t\t\tvariant=\"tertiary\"\n\t\t\tv-bind=\"linkAttributes\"\n\t\t\tv-on=\"$listeners\">\n\t\t\t<template v-if=\"$slots.icon \|\| icon\" #icon>\n\t\t\t\t<!-- @slot Slot for passing a material design icon. Precedes the icon and name prop. -->\n\t\t\t\t<slot name=\"icon\">\n\t\t\t\t\t<span :class=\"icon\" class=\"icon\" />\n\t\t\t\t</slot>\n\t\t\t</template>\n\t\t\t<template v-if=\"!($slots.icon \|\| icon) \|\| forceIconText\" #default>\n\t\t\t\t{{ name }}\n\t\t\t</template>\n\t\t</NcButton>\n\t\t<NcActions\n\t\t\tv-if=\"$slots.default\"\n\t\t\tref=\"actions\"\n\t\t\t:force-menu=\"forceMenu\"\n\t\t\t:open=\"open\"\n\t\t\t:menu-name=\"name\"\n\t\t\t:title=\"title\"\n\t\t\t:force-name=\"true\"\n\t\t\t:container=\"actionsContainer\"\n\t\t\tvariant=\"tertiary\"\n\t\t\t@update:open=\"onOpenChange\">\n\t\t\t<template #icon>\n\t\t\t\t<!-- @slot Slot for the custom menu icon -->\n\t\t\t\t<slot name=\"menu-icon\" />\n\t\t\t</template>\n\t\t\t<!-- @slot All action elements passed into the default slot will be used -->\n\t\t\t<slot />\n\t\t</NcActions>\n\t\t<ChevronRight class=\"vue-crumb__separator\" :size=\"20\" />\n\t</li>\n</template>\n\n<script>\nimport ChevronRight from 'vue-material-design-icons/ChevronRight.vue'\nimport NcButton from '../NcButton/NcButton.vue'\nimport { createElementId } from '../../utils/createElementId.ts'\nimport NcActions from '../NcActions/index.js'\n\nexport default {\n\tname: 'NcBreadcrumb',\n\tcomponents: {\n\t\tNcActions,\n\t\tChevronRight,\n\t\tNcButton,\n\t},\n\n\tinheritAttrs: false,\n\tprops: {\n\t\t/\n\t\t The main text content of the entry.\n\t\t /\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/\n\t\t The title attribute of the element.\n\t\t /\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t Route Location the link should navigate to when clicked on.\n\t\t \n\t\t @see https://v3.router.vuejs.org/api/#to\n\t\t /\n\t\tto: {\n\t\t\ttype: [String, Object],\n\t\t\tdefault: undefined,\n\t\t},\n\n\t\t/\n\t\t Match the complete route attributes (query and hash included)\n\t\t \n\t\t @see https://v3.router.vuejs.org/api/#exact\n\t\t /\n\t\texact: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/\n\t\t Set this prop if your app doesn't use vue-router, breadcrumbs will show as normal links.\n\t\t /\n\t\thref: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\n\t\t/\n\t\t Set a css icon-class to show an icon along name text (if forceIconText is provided, otherwise just icon).\n\t\t /\n\t\ticon: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Enables text to accompany the icon, if the icon was provided. The text that will be displayed is the name prop.\n\t\t /\n\t\tforceIconText: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/\n\t\t Disable dropping on this breadcrumb.\n\t\t /\n\t\tdisableDrop: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/\n\t\t Force the actions to display in a three dot menu\n\t\t /\n\t\tforceMenu: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/\n\t\t Open state of the Actions menu\n\t\t /\n\t\topen: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\temits: [\n\t\t'update:open',\n\t\t'dropped',\n\t],\n\n\tsetup() {\n\t\tconst crumbId = createElementId()\n\t\treturn {\n\t\t\tactionsContainer: `.vue-crumb[data-crumb-id=\"${crumbId}\"]`,\n\t\t\tcrumbId,\n\t\t}\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\t/\n\t\t\t Variable to track if we hover over the breadcrumb\n\t\t\t /\n\t\t\thovering: false,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/\n\t\t The attributes to pass to `router-link` or `a`\n\t\t /\n\t\tlinkAttributes() {\n\t\t\t// If it's a router-link, we pass `to` and `exact`, if its an <a/> element, we pass `href`, otherwise we have a button\n\t\t\treturn this.to\n\t\t\t\t? { to: this.to, exact: this.exact, ...this.$attrs }\n\t\t\t\t: (this.href\n\t\t\t\t\t\t? { href: this.href, ...this.$attrs }\n\t\t\t\t\t\t: this.$attrs\n\t\t\t\t\t)\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Function to handle changing the open state of the Actions menu\n\t\t * $emit the open state.\n\t\t \n\t\t @param {boolean} open The open state of the Actions menu\n\t\t /\n\t\tonOpenChange(open) {\n\t\t\t/\n\t\t\t Event emitted when the open state of the Actions menu changes\n\t\t\t \n\t\t\t @type {null}\n\t\t\t /\n\t\t\tthis.$emit('update:open', open)\n\t\t},\n\n\t\t/\n\t\t Function to handle a drop on the breadcrumb.\n\t\t * $emit the event and the path, remove the hovering state.\n\t\t \n\t\t @param {object} e The drop event\n\t\t * @return {boolean}\n\t\t /\n\t\tdropped(e) {\n\t\t\t/\n\t\t\t Don't do anything if dropping is disabled.\n\t\t\t /\n\t\t\tif (this.disableDrop) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\t/\n\t\t\t Event emitted when something is dropped on the breadcrumb.\n\t\t\t \n\t\t\t @param {Event} event The DOM drop event\n\t\t\t * @param {(string\|object)} to The `to` prop or, if not set, the `href` prop\n\t\t\t /\n\t\t\tthis.$emit('dropped', e, this.to \|\| this.href)\n\t\t\tthis.$parent.$emit('dropped', e, this.to \|\| this.href)\n\t\t\tthis.hovering = false\n\t\t\treturn false\n\t\t},\n\n\t\t/\n\t\t Add the hovering state on drag enter\n\t\t /\n\t\tdragEnter() {\n\t\t\t/\n\t\t\t Don't do anything if dropping is disabled.\n\t\t\t /\n\t\t\tif (this.disableDrop) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.hovering = true\n\t\t},\n\n\t\t/\n\t\t Remove the hovering state on drag leave\n\t\t \n\t\t @param {object} e The drag leave event\n\t\t /\n\t\tdragLeave(e) {\n\t\t\t/\n\t\t\t Don't do anything if dropping is disabled.\n\t\t\t */\n\t\t\tif (this.disableDrop) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// Don't do anything if we\n\t\t\t// - leave towards a child element.\n\t\t\t// - or are still within the crumb\n\t\t\tif (e.target.contains(e.relatedTarget)\n\t\t\t\t\|\| this.$refs.crumb.contains(e.relatedTarget)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.hovering = false\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.vue-crumb {\n\tbackground-image: none;\n\tdisplay: inline-flex;\n\theight: var(--default-clickable-area);\n\tpadding: 0;\n\n\t&:last-child {\n\t\tmin-width: 0;\n\n\t\t// Don't show breadcrumb separator for last crumb\n\t\t.vue-crumb__separator {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t// Necessary to hide hidden crumbs\n\t&--hidden {\n\t\tdisplay: none;\n\t}\n\t&__separator {\n\t\tpadding: 0;\n\t\tcolor: var(--color-text-maxcontrast);\n\t}\n\t// Necessary for indicating hovering for drag and drop\n\t&#{&}--hovered :deep(.button-vue) {\n\t\tbackground-color: var(--color-background-dark);\n\t\tcolor: var(--color-main-text);\n\t}\n\t// Adjust button style\n\t&:not(:last-child) :deep() .button-vue {\n\t\tcolor: var(--color-text-maxcontrast);\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: var(--color-background-dark);\n\t\t\tcolor: var(--color-main-text);\n\t\t}\n\n\t\t&__text {\n\t\t\tfont-weight: normal;\n\t\t}\n\t}\n\t:deep(.button-vue__text) {\n\t\tmargin: 0;\n\t}\n\n\t// Adjust action item appearance for crumbs with actions\n\t// to match other crumbs\n\t&:not(.dropdown) :deep(.action-item) {\n\t\t// Adjustments necessary to correctly shrink on small screens\n\t\tmax-width: 100%;\n\n\t\t.button-vue {\n\t\t\tpadding: 0 4px 0 16px;\n\t\t\tmax-width: 100%;\n\n\t\t\t&__wrapper {\n\t\t\t\tflex-direction: row-reverse;\n\t\t\t}\n\t\t}\n\n\t\t// Adjust the background of the last crumb when the action is open\n\t\t&.action-item--open .action-item__menutoggle {\n\t\t\tbackground-color: var(--color-background-dark);\n\t\t\tcolor: var(--color-main-text);\n\t\t}\n\t}\n}\n</style>\n"],"names":["_sfc_main","NcActions","NcButton","createElementId"],"mappings":"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","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"NcBreadcrumb-DCq7akG2.cjs","sources":["../../node_modules/vue-material-design-icons/ChevronRight.vue","../../src/components/NcBreadcrumb/NcBreadcrumb.vue"],"sourcesContent":["<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"title ? null : 'true'\"\n :aria-label=\"title\"\n class=\"material-design-icon chevron-right-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=\"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z\">\n <title v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"ChevronRightIcon\",\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: 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 is meant to be used inside a Breadcrumbs component.\nRenders a button element when given no redirection props, otherwise, renders <a/> or <router-link/> elements\n\n</docs>\n\n<template>\n\t<li\n\t\tref=\"crumb\"\n\t\tclass=\"vue-crumb\"\n\t\t:class=\"{ 'vue-crumb--hovered': hovering }\"\n\t\t:data-crumb-id=\"crumbId\"\n\t\tdraggable=\"false\"\n\t\t@dragstart.prevent=\"() => { /** Prevent the breadcrumb from being draggable. / }\"\n\t\t@drop.prevent=\"dropped\"\n\t\t@dragover.prevent=\"() => {}\"\n\t\t@dragenter=\"dragEnter\"\n\t\t@dragleave=\"dragLeave\">\n\t\t<NcButton\n\t\t\tv-if=\"(name \|\| icon \|\| $slots.icon) && !$slots.default\"\n\t\t\t:aria-label=\"icon ? name : undefined\"\n\t\t\t:title=\"title\"\n\t\t\tvariant=\"tertiary\"\n\t\t\tv-bind=\"linkAttributes\"\n\t\t\tv-on=\"$listeners\">\n\t\t\t<template v-if=\"$slots.icon \|\| icon\" #icon>\n\t\t\t\t<!-- @slot Slot for passing a material design icon. Precedes the icon and name prop. -->\n\t\t\t\t<slot name=\"icon\">\n\t\t\t\t\t<span :class=\"icon\" class=\"icon\" />\n\t\t\t\t</slot>\n\t\t\t</template>\n\t\t\t<template v-if=\"!($slots.icon \|\| icon) \|\| forceIconText\" #default>\n\t\t\t\t{{ name }}\n\t\t\t</template>\n\t\t</NcButton>\n\t\t<NcActions\n\t\t\tv-if=\"$slots.default\"\n\t\t\tref=\"actions\"\n\t\t\t:force-menu=\"forceMenu\"\n\t\t\t:open=\"open\"\n\t\t\t:menu-name=\"name\"\n\t\t\t:title=\"title\"\n\t\t\t:force-name=\"true\"\n\t\t\t:container=\"actionsContainer\"\n\t\t\tvariant=\"tertiary\"\n\t\t\t@update:open=\"onOpenChange\">\n\t\t\t<template #icon>\n\t\t\t\t<!-- @slot Slot for the custom menu icon -->\n\t\t\t\t<slot name=\"menu-icon\" />\n\t\t\t</template>\n\t\t\t<!-- @slot All action elements passed into the default slot will be used -->\n\t\t\t<slot />\n\t\t</NcActions>\n\t\t<ChevronRight class=\"vue-crumb__separator\" :size=\"20\" />\n\t</li>\n</template>\n\n<script>\nimport ChevronRight from 'vue-material-design-icons/ChevronRight.vue'\nimport NcButton from '../NcButton/NcButton.vue'\nimport { createElementId } from '../../utils/createElementId.ts'\nimport NcActions from '../NcActions/index.js'\n\nexport default {\n\tname: 'NcBreadcrumb',\n\tcomponents: {\n\t\tNcActions,\n\t\tChevronRight,\n\t\tNcButton,\n\t},\n\n\tinheritAttrs: false,\n\tprops: {\n\t\t/\n\t\t The main text content of the entry.\n\t\t /\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/\n\t\t The title attribute of the element.\n\t\t /\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t Route Location the link should navigate to when clicked on.\n\t\t \n\t\t @see https://v3.router.vuejs.org/api/#to\n\t\t /\n\t\tto: {\n\t\t\ttype: [String, Object],\n\t\t\tdefault: undefined,\n\t\t},\n\n\t\t/\n\t\t Match the complete route attributes (query and hash included)\n\t\t \n\t\t @see https://v3.router.vuejs.org/api/#exact\n\t\t /\n\t\texact: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/\n\t\t Set this prop if your app doesn't use vue-router, breadcrumbs will show as normal links.\n\t\t /\n\t\thref: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\n\t\t/\n\t\t Set a css icon-class to show an icon along name text (if forceIconText is provided, otherwise just icon).\n\t\t /\n\t\ticon: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Enables text to accompany the icon, if the icon was provided. The text that will be displayed is the name prop.\n\t\t /\n\t\tforceIconText: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/\n\t\t Disable dropping on this breadcrumb.\n\t\t /\n\t\tdisableDrop: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/\n\t\t Force the actions to display in a three dot menu\n\t\t /\n\t\tforceMenu: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/\n\t\t Open state of the Actions menu\n\t\t /\n\t\topen: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\temits: [\n\t\t'update:open',\n\t\t'dropped',\n\t],\n\n\tsetup() {\n\t\tconst crumbId = createElementId()\n\t\treturn {\n\t\t\tactionsContainer: `.vue-crumb[data-crumb-id=\"${crumbId}\"]`,\n\t\t\tcrumbId,\n\t\t}\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\t/\n\t\t\t Variable to track if we hover over the breadcrumb\n\t\t\t /\n\t\t\thovering: false,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/\n\t\t The attributes to pass to `router-link` or `a`\n\t\t /\n\t\tlinkAttributes() {\n\t\t\t// If it's a router-link, we pass `to` and `exact`, if its an <a/> element, we pass `href`, otherwise we have a button\n\t\t\treturn this.to\n\t\t\t\t? { to: this.to, exact: this.exact, ...this.$attrs }\n\t\t\t\t: (this.href\n\t\t\t\t\t\t? { href: this.href, ...this.$attrs }\n\t\t\t\t\t\t: this.$attrs\n\t\t\t\t\t)\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Function to handle changing the open state of the Actions menu\n\t\t * $emit the open state.\n\t\t \n\t\t @param {boolean} open The open state of the Actions menu\n\t\t /\n\t\tonOpenChange(open) {\n\t\t\t/\n\t\t\t Event emitted when the open state of the Actions menu changes\n\t\t\t \n\t\t\t @type {null}\n\t\t\t /\n\t\t\tthis.$emit('update:open', open)\n\t\t},\n\n\t\t/\n\t\t Function to handle a drop on the breadcrumb.\n\t\t * $emit the event and the path, remove the hovering state.\n\t\t \n\t\t @param {object} e The drop event\n\t\t * @return {boolean}\n\t\t /\n\t\tdropped(e) {\n\t\t\t/\n\t\t\t Don't do anything if dropping is disabled.\n\t\t\t /\n\t\t\tif (this.disableDrop) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\t/\n\t\t\t Event emitted when something is dropped on the breadcrumb.\n\t\t\t \n\t\t\t @param {Event} event The DOM drop event\n\t\t\t * @param {(string\|object)} to The `to` prop or, if not set, the `href` prop\n\t\t\t /\n\t\t\tthis.$emit('dropped', e, this.to \|\| this.href)\n\t\t\tthis.$parent.$emit('dropped', e, this.to \|\| this.href)\n\t\t\tthis.hovering = false\n\t\t\treturn false\n\t\t},\n\n\t\t/\n\t\t Add the hovering state on drag enter\n\t\t /\n\t\tdragEnter() {\n\t\t\t/\n\t\t\t Don't do anything if dropping is disabled.\n\t\t\t /\n\t\t\tif (this.disableDrop) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.hovering = true\n\t\t},\n\n\t\t/\n\t\t Remove the hovering state on drag leave\n\t\t \n\t\t @param {object} e The drag leave event\n\t\t /\n\t\tdragLeave(e) {\n\t\t\t/\n\t\t\t Don't do anything if dropping is disabled.\n\t\t\t */\n\t\t\tif (this.disableDrop) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t// Don't do anything if we\n\t\t\t// - leave towards a child element.\n\t\t\t// - or are still within the crumb\n\t\t\tif (e.target.contains(e.relatedTarget)\n\t\t\t\t\|\| this.$refs.crumb.contains(e.relatedTarget)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.hovering = false\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.vue-crumb {\n\tbackground-image: none;\n\tdisplay: inline-flex;\n\theight: var(--default-clickable-area);\n\tpadding: 0;\n\n\t&:last-child {\n\t\tmin-width: 0;\n\n\t\t// Don't show breadcrumb separator for last crumb\n\t\t.vue-crumb__separator {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t// Necessary to hide hidden crumbs\n\t&--hidden {\n\t\tdisplay: none;\n\t}\n\t&__separator {\n\t\tpadding: 0;\n\t\tcolor: var(--color-text-maxcontrast);\n\t}\n\t// Necessary for indicating hovering for drag and drop\n\t&#{&}--hovered :deep(.button-vue) {\n\t\tbackground-color: var(--color-background-dark);\n\t\tcolor: var(--color-main-text);\n\t}\n\t// Adjust button style\n\t&:not(:last-child) :deep() .button-vue {\n\t\tcolor: var(--color-text-maxcontrast);\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: var(--color-background-dark);\n\t\t\tcolor: var(--color-main-text);\n\t\t}\n\n\t\t&__text {\n\t\t\tfont-weight: normal;\n\t\t}\n\t}\n\t:deep(.button-vue__text) {\n\t\tmargin: 0;\n\t}\n\n\t// Adjust action item appearance for crumbs with actions\n\t// to match other crumbs\n\t&:not(.dropdown) :deep(.action-item) {\n\t\t// Adjustments necessary to correctly shrink on small screens\n\t\tmax-width: 100%;\n\n\t\t.button-vue {\n\t\t\tpadding: 0 4px 0 16px;\n\t\t\tmax-width: 100%;\n\n\t\t\t&__wrapper {\n\t\t\t\tflex-direction: row-reverse;\n\t\t\t}\n\t\t}\n\n\t\t// Adjust the background of the last crumb when the action is open\n\t\t&.action-item--open .action-item__menutoggle {\n\t\t\tbackground-color: var(--color-background-dark);\n\t\t\tcolor: var(--color-main-text);\n\t\t}\n\t}\n}\n</style>\n"],"names":["_sfc_main","NcActions","NcButton","createElementId"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/{NcBreadcrumbs-B6tPEu9b.cjs → NcBreadcrumbs-7dWiGWqj.cjs} RENAMED Viewed

@@ -5,11 +5,11 @@ const debounce = require("debounce");
 const Vue = require("vue");
 const vueFrag = require("vue-frag");
 const _pluginVue2_normalizer = require("./_plugin-vue2_normalizer-V0q-tHlQ.cjs");
-const NcActionButton = require("./NcActionButton-DSq_luox.cjs");
+const NcActionButton = require("./NcActionButton-BWM7FD0z.cjs");
 const Components_NcActionLink = require("../Components/NcActionLink.cjs");
 const Components_NcActionRouter = require("../Components/NcActionRouter.cjs");
-const NcActions = require("./NcActions-CF9VxHHD.cjs");
-const NcBreadcrumb = require("./NcBreadcrumb-B-zWjBNp.cjs");
+const NcActions = require("./NcActions-ykoV9rRj.cjs");
+const NcBreadcrumb = require("./NcBreadcrumb-DCq7akG2.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const debounce__default = /* @__PURE__ */ _interopDefault(debounce);
 const Vue__default = /* @__PURE__ */ _interopDefault(Vue);
@@ -494,4 +494,4 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
 );
 const NcBreadcrumbs = __component__.exports;
 exports.NcBreadcrumbs = NcBreadcrumbs;
-//# sourceMappingURL=NcBreadcrumbs-B6tPEu9b.cjs.map
+//# sourceMappingURL=NcBreadcrumbs-7dWiGWqj.cjs.map

package/dist/chunks/{NcBreadcrumbs-B6tPEu9b.cjs.map → NcBreadcrumbs-7dWiGWqj.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NcBreadcrumbs-B6tPEu9b.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]}
1	+ {"version":3,"file":"NcBreadcrumbs-7dWiGWqj.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]}

package/dist/chunks/{NcBreadcrumbs-D2DtX3XC.mjs → NcBreadcrumbs-BPfsSByZ.mjs} RENAMED Viewed

@@ -4,11 +4,11 @@ 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-CD1Z-o2Y.mjs";
+import { N as NcActionButton } from "./NcActionButton-DykQxmXJ.mjs";
 import NcActionLink from "../Components/NcActionLink.mjs";
 import NcActionRouter from "../Components/NcActionRouter.mjs";
-import { N as NcActions } from "./NcActions-BvFVkIzX.mjs";
-import { N as NcBreadcrumb } from "./NcBreadcrumb-ljdZbX7p.mjs";
+import { N as NcActions } from "./NcActions-CpdT2y6O.mjs";
+import { N as NcBreadcrumb } from "./NcBreadcrumb-BC6tmZfd.mjs";
 const _sfc_main$1 = {
   name: "FolderIcon",
   emits: ["click"],
@@ -492,4 +492,4 @@ const NcBreadcrumbs = __component__.exports;
 export {
   NcBreadcrumbs as N
 };
-//# sourceMappingURL=NcBreadcrumbs-D2DtX3XC.mjs.map
+//# sourceMappingURL=NcBreadcrumbs-BPfsSByZ.mjs.map

package/dist/chunks/{NcBreadcrumbs-D2DtX3XC.mjs.map → NcBreadcrumbs-BPfsSByZ.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NcBreadcrumbs-D2DtX3XC.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]}
1	+ {"version":3,"file":"NcBreadcrumbs-BPfsSByZ.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/{NcCheckboxRadioSwitch-wSD3hWxs.cjs → NcCheckboxRadioSwitch-CC2UI0kG.cjs} RENAMED Viewed

@@ -4,7 +4,7 @@ const Vue = require("vue");
 const _pluginVue2_normalizer = require("./_plugin-vue2_normalizer-V0q-tHlQ.cjs");
 const Components_NcLoadingIcon = require("../Components/NcLoadingIcon.cjs");
 const useModelMigration = require("./useModelMigration-D5zhrNXr.cjs");
-const _l10n = require("./_l10n-eOBJ3Dwl.cjs");
+const _l10n = require("./_l10n-B4clLGwo.cjs");
 const GenRandomId = require("./GenRandomId-D7iOvpZS.cjs");
 const useNcRadioGroup = require("./useNcRadioGroup-Djvu7bo0.cjs");
 const _sfc_main$8 = {
@@ -749,4 +749,4 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
 );
 const NcCheckboxRadioSwitch = __component__.exports;
 exports.NcCheckboxRadioSwitch = NcCheckboxRadioSwitch;
-//# sourceMappingURL=NcCheckboxRadioSwitch-wSD3hWxs.cjs.map
+//# sourceMappingURL=NcCheckboxRadioSwitch-CC2UI0kG.cjs.map