@nextcloud/vue 8.0.0-beta.8 → 8.0.0-beta.9

package/dist/Components/NcUserBubble.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcUserBubble.mjs","sources":["../../src/components/NcUserBubble/NcUserBubbleDiv.vue","../../src/components/NcUserBubble/NcUserBubble.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2021 Raimund Schlüßler <raimund.schluessler@mailbox.org>\n -\n - @author Raimund Schlüßler <raimund.schluessler@mailbox.org>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n<template>\n\t<div>\n\t\t<slot name=\"trigger\" />\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: 'NcUserBubbleDiv',\n}\n</script>\n","<!--\n  - @copyright Copyright (c) 2019 Jonas Sulzer <jonas@violoncello.ch>\n  -\n  - @author Marco Ambrosini <marcoambrosini@icloud.com>\n  - @author Jonas Sulzer <jonas@violoncello.ch>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n-->\n\n<docs>\n\n### General description\n\nThis component displays a user together with a small avatar in a grey bubble.\nIt's possible to use an actual user's avatar, just an image/icon as a url or an icon-class,\nto link the bubble to e.g. a users profile\nand to show a popover on hover with e.g. the full user name handle / email address or something else.\n\nThis component has the following slot:\n* a default slot which is for the content of the popover (this is passed to the popover component directly).\n\n### Examples\n\n```vue\n<p>\n\tSome text before <NcUserBubble user=\"admin\" display-name=\"Admin Example\" :url=\"'/test'\">@admin@foreign-host.com</NcUserBubble> and after the bubble.\n\t<NcUserBubble avatar-image=\"icon-group\" display-name=\"test group xyz\" :primary=\"true\">Hey there!</NcUserBubble>\n</p>\n```\n\n### Example with name slot\n\n```vue\n<template>\n<NcUserBubble\n\t:margin=\"4\"\n\t:size=\"30\"\n\tdisplay-name=\"Administrator\"\n\tuser=\"admin\">\n\t<template #name>\n\t\t<a href=\"#\"\n\t\t\ttitle=\"Remove user\"\n\t\t\tclass=\"icon-close\"\n\t\t\t@click=\"alert\" />\n\t</template>\n</NcUserBubble>\n</template>\n\n<style>\n.icon-close {\n\tdisplay: block;\n\theight: 100%;\n}\n</style>\n```\n\n</docs>\n<template>\n\t<component :is=\"isPopoverComponent\"\n\t\ttrigger=\"hover focus\"\n\t\t:shown=\"open\"\n\t\tclass=\"user-bubble__wrapper\"\n\t\t@update:open=\"onOpenChange\">\n\t\t<!-- Main userbubble structure -->\n\t\t<template #trigger>\n\t\t\t<component :is=\"isLinkComponent\"\n\t\t\t\tclass=\"user-bubble__content\"\n\t\t\t\t:style=\"styles.content\"\n\t\t\t\t:href=\"hasUrl ? url : null\"\n\t\t\t\t:class=\"primary ? 'user-bubble__content--primary' : ''\"\n\t\t\t\t@click=\"onClick\">\n\t\t\t\t<!-- NcAvatar -->\n\t\t\t\t<NcAvatar :url=\"isCustomAvatar && isAvatarUrl ? avatarImage : undefined\"\n\t\t\t\t\t:icon-class=\"isCustomAvatar && !isAvatarUrl ? avatarImage : undefined\"\n\t\t\t\t\t:user=\"user\"\n\t\t\t\t\t:display-name=\"displayName\"\n\t\t\t\t\t:size=\"size - (margin * 2)\"\n\t\t\t\t\t:style=\"styles.avatar\"\n\t\t\t\t\t:disable-tooltip=\"true\"\n\t\t\t\t\t:disable-menu=\"true\"\n\t\t\t\t\tv-bind=\"$props\"\n\t\t\t\t\tclass=\"user-bubble__avatar\" />\n\n\t\t\t\t<!-- Name -->\n\t\t\t\t<span class=\"user-bubble__name\">\n\t\t\t\t\t{{ displayName || user }}\n\t\t\t\t</span>\n\n\t\t\t\t<!-- @slot Optional slot just after the name -->\n\t\t\t\t<span v-if=\"$slots.name\" class=\"user-bubble__secondary\">\n\t\t\t\t\t<slot name=\"name\" />\n\t\t\t\t</span>\n\t\t\t</component>\n\t\t</template>\n\n\t\t<!-- @slot Main Popover content on userbubble hover/focus -->\n\t\t<slot />\n\t</component>\n</template>\n\n<script>\nimport NcUserBubbleDiv from './NcUserBubbleDiv.vue'\nimport NcAvatar from '../NcAvatar/index.js'\nimport NcPopover from '../NcPopover/index.js'\n\nexport default {\n\tname: 'NcUserBubble',\n\tcomponents: {\n\t\tNcAvatar,\n\t\tNcPopover,\n\t\tNcUserBubbleDiv,\n\t},\n\tprops: {\n\t\t/**\n\t\t * Override generated avatar, can be an url or an icon class\n\t\t */\n\t\tavatarImage: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\t\t/**\n\t\t * Provide the user id if this is a user\n\t\t */\n\t\tuser: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\t\t/**\n\t\t * Displayed label\n\t\t */\n\t\tdisplayName: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\t/**\n\t\t * Whether or not to display the user-status\n\t\t */\n\t\tshowUserStatus: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * Define the whole bubble as a link\n\t\t */\n\t\turl: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t\tvalidator: url => {\n\t\t\t\ttry {\n\t\t\t\t\turl = new URL(url)\n\t\t\t\t\treturn !!url\n\t\t\t\t} catch (error) {\n\t\t\t\t\treturn false\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * Default popover state. Requires the UserBubble\n\t\t * to have some content to render inside the popover\n\t\t */\n\t\topen: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * Use the primary colour\n\t\t */\n\t\tprimary: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * This is the height of the component\n\t\t */\n\t\tsize: {\n\t\t\ttype: Number,\n\t\t\tdefault: 20,\n\t\t},\n\t\t/**\n\t\t * This is the margin of the avatar (size - margin = avatar size)\n\t\t */\n\t\tmargin: {\n\t\t\ttype: Number,\n\t\t\tdefault: 2,\n\t\t},\n\t},\n\temits: [\n\t\t'click',\n\t\t'update:open',\n\t],\n\tcomputed: {\n\t\t/**\n\t\t * If userbubble is empty, let's NOT\n\t\t * use the Popover component\n\t\t * We need a component instead of a simple div here,\n\t\t * because otherwise the trigger template will not be shown.\n\t\t *\n\t\t * @return {string} 'Popover' or 'UserBubbleDiv'\n\t\t */\n\t\tisPopoverComponent() {\n\t\t\treturn !this.popoverEmpty\n\t\t\t\t? 'NcPopover'\n\t\t\t\t: 'NcUserBubbleDiv'\n\t\t},\n\n\t\t/**\n\t\t * Is the provided avatar url valid or not\n\t\t *\n\t\t * @return {boolean}\n\t\t */\n\t\tisAvatarUrl() {\n\t\t\tif (!this.avatarImage) {\n\t\t\t\treturn false\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tconst url = new URL(this.avatarImage)\n\t\t\t\treturn !!url\n\t\t\t} catch (error) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t},\n\t\t/**\n\t\t * Do we have a custom avatar or not\n\t\t *\n\t\t * @return {boolean}\n\t\t */\n\t\tisCustomAvatar() {\n\t\t\treturn !!this.avatarImage\n\t\t},\n\n\t\thasUrl() {\n\t\t\treturn this.url && this.url.trim() !== ''\n\t\t},\n\n\t\tisLinkComponent() {\n\t\t\treturn this.hasUrl ? 'a' : 'div'\n\t\t},\n\n\t\tpopoverEmpty() {\n\t\t\tif ('default' in this.$slots) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\treturn true\n\t\t},\n\n\t\tstyles() {\n\t\t\treturn {\n\t\t\t\tcontent: {\n\t\t\t\t\theight: this.size + 'px',\n\t\t\t\t\tlineHeight: this.size + 'px',\n\t\t\t\t\tborderRadius: this.size / 2 + 'px',\n\t\t\t\t},\n\t\t\t\tavatar: {\n\t\t\t\t\tmarginLeft: this.margin + 'px',\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\t},\n\tmethods: {\n\t\tonOpenChange(state) {\n\t\t\tthis.$emit('update:open', state)\n\t\t},\n\t\t/**\n\t\t * Catch and forward click event to parent\n\t\t *\n\t\t * @param {Event} event the click event\n\t\t */\n\t\tonClick(event) {\n\t\t\tthis.$emit('click', event)\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.user-bubble {\n\t&__wrapper {\n\t\t// align inline with text\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\t// shrink and allow grow to fit\n\t\tmin-width: 0;\n\t\tmax-width: 100%;\n\t}\n\n\t&__content {\n\t\tdisplay: inline-flex;\n\t\tmax-width: 100%;\n\t\tbackground-color: var(--color-background-dark);\n\n\t\t&--primary {\n\t\t\tcolor: var(--color-primary-element-text);\n\t\t\tbackground-color: var(--color-primary-element);\n\t\t}\n\n\t\t> :last-child {\n\t\t\t// border radius left padding\n\t\t\tpadding-right: 8px;\n\t\t}\n\t}\n\n\t&__avatar {\n\t\talign-self: center;\n\t}\n\n\t&__name {\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t&__name,\n\t&__secondary {\n\t\t// proper spacing between avatar, name & slot\n\t\tpadding: 0;\n\t\tpadding-left: 4px;\n\t}\n}\n\n</style>\n"],"names":["_sfc_main$1","_sfc_main","NcAvatar","NcPopover","NcUserBubbleDiv","url","state","event"],"mappings":";;;;AA4BA,MAAAA,IAAA;AAAA,EACA,MAAA;AACA;;;;;;;;;;;;;;;ACwFA,MAAAC,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,EACA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAC,MAAA;AACA,YAAA;AACA,iBAAAA,IAAA,IAAA,IAAAA,CAAA,GACA,CAAA,CAAAA;AAAA,QACA,QAAA;AACA,iBAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,qBAAA;AACA,aAAA,KAAA,eAEA,oBADA;AAAA,IAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,cAAA;AACA,UAAA,CAAA,KAAA;AACA,eAAA;AAGA,UAAA;AAEA,eAAA,CAAA,CADA,IAAA,IAAA,KAAA,WAAA;AAAA,MAEA,QAAA;AACA,eAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,iBAAA;AACA,aAAA,CAAA,CAAA,KAAA;AAAA,IACA;AAAA,IAEA,SAAA;AACA,aAAA,KAAA,OAAA,KAAA,IAAA,KAAA,MAAA;AAAA,IACA;AAAA,IAEA,kBAAA;AACA,aAAA,KAAA,SAAA,MAAA;AAAA,IACA;AAAA,IAEA,eAAA;AACA,aAAA,eAAA,KAAA;AAAA,IAIA;AAAA,IAEA,SAAA;AACA,aAAA;AAAA,QACA,SAAA;AAAA,UACA,QAAA,KAAA,OAAA;AAAA,UACA,YAAA,KAAA,OAAA;AAAA,UACA,cAAA,KAAA,OAAA,IAAA;AAAA,QACA;AAAA,QACA,QAAA;AAAA,UACA,YAAA,KAAA,SAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,aAAAC,GAAA;AACA,WAAA,MAAA,eAAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,QAAAC,GAAA;AACA,WAAA,MAAA,SAAAA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcUserBubble.mjs","sources":["../../src/components/NcUserBubble/NcUserBubbleDiv.vue","../../src/components/NcUserBubble/NcUserBubble.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2021 Raimund Schlüßler <raimund.schluessler@mailbox.org>\n -\n - @author Raimund Schlüßler <raimund.schluessler@mailbox.org>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n<template>\n\t<div>\n\t\t<slot name=\"trigger\" />\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: 'NcUserBubbleDiv',\n}\n</script>\n","<!--\n  - @copyright Copyright (c) 2019 Jonas Sulzer <jonas@violoncello.ch>\n  -\n  - @author Marco Ambrosini <marcoambrosini@icloud.com>\n  - @author Jonas Sulzer <jonas@violoncello.ch>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n-->\n\n<docs>\n\n### General description\n\nThis component displays a user together with a small avatar in a grey bubble.\nIt's possible to use an actual user's avatar, just an image/icon as a url or an icon-class,\nto link the bubble to e.g. a users profile\nand to show a popover on hover with e.g. the full user name handle / email address or something else.\n\nThis component has the following slot:\n* a default slot which is for the content of the popover (this is passed to the popover component directly).\n\n### Examples\n\n```vue\n<p>\n\tSome text before <NcUserBubble user=\"admin\" display-name=\"Admin Example\" :url=\"'/test'\">@admin@foreign-host.com</NcUserBubble> and after the bubble.\n\t<NcUserBubble avatar-image=\"icon-group\" display-name=\"test group xyz\" :primary=\"true\">Hey there!</NcUserBubble>\n</p>\n```\n\n### Example with name slot\n\n```vue\n<template>\n<NcUserBubble\n\t:margin=\"4\"\n\t:size=\"30\"\n\tdisplay-name=\"Administrator\"\n\tuser=\"admin\">\n\t<template #name>\n\t\t<a href=\"#\"\n\t\t\ttitle=\"Remove user\"\n\t\t\tclass=\"icon-close\"\n\t\t\t@click=\"alert\" />\n\t</template>\n</NcUserBubble>\n</template>\n\n<style>\n.icon-close {\n\tdisplay: block;\n\theight: 100%;\n}\n</style>\n```\n\n</docs>\n<template>\n\t<component :is=\"isPopoverComponent\"\n\t\ttrigger=\"hover focus\"\n\t\t:shown=\"open\"\n\t\tclass=\"user-bubble__wrapper\"\n\t\t@update:open=\"onOpenChange\">\n\t\t<!-- Main userbubble structure -->\n\t\t<template #trigger>\n\t\t\t<component :is=\"isLinkComponent\"\n\t\t\t\tclass=\"user-bubble__content\"\n\t\t\t\t:style=\"styles.content\"\n\t\t\t\t:href=\"hasUrl ? url : null\"\n\t\t\t\t:class=\"{ 'user-bubble__content--primary': primary }\"\n\t\t\t\t@click=\"onClick\">\n\t\t\t\t<!-- NcAvatar -->\n\t\t\t\t<NcAvatar :url=\"isCustomAvatar && isAvatarUrl ? avatarImage : undefined\"\n\t\t\t\t\t:icon-class=\"isCustomAvatar && !isAvatarUrl ? avatarImage : undefined\"\n\t\t\t\t\t:user=\"user\"\n\t\t\t\t\t:display-name=\"displayName\"\n\t\t\t\t\t:size=\"size - (margin * 2)\"\n\t\t\t\t\t:style=\"styles.avatar\"\n\t\t\t\t\t:disable-tooltip=\"true\"\n\t\t\t\t\t:disable-menu=\"true\"\n\t\t\t\t\tv-bind=\"$props\"\n\t\t\t\t\tclass=\"user-bubble__avatar\" />\n\n\t\t\t\t<!-- Name -->\n\t\t\t\t<span class=\"user-bubble__name\">\n\t\t\t\t\t{{ displayName || user }}\n\t\t\t\t</span>\n\n\t\t\t\t<!-- @slot Optional slot just after the name -->\n\t\t\t\t<span v-if=\"$slots.name\" class=\"user-bubble__secondary\">\n\t\t\t\t\t<slot name=\"name\" />\n\t\t\t\t</span>\n\t\t\t</component>\n\t\t</template>\n\n\t\t<!-- @slot Main Popover content on userbubble hover/focus -->\n\t\t<slot />\n\t</component>\n</template>\n\n<script>\nimport NcUserBubbleDiv from './NcUserBubbleDiv.vue'\nimport NcAvatar from '../NcAvatar/index.js'\nimport NcPopover from '../NcPopover/index.js'\n\nexport default {\n\tname: 'NcUserBubble',\n\tcomponents: {\n\t\tNcAvatar,\n\t\tNcPopover,\n\t\tNcUserBubbleDiv,\n\t},\n\tprops: {\n\t\t/**\n\t\t * Override generated avatar, can be an url or an icon class\n\t\t */\n\t\tavatarImage: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\t\t/**\n\t\t * Provide the user id if this is a user\n\t\t */\n\t\tuser: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\t\t/**\n\t\t * Displayed label\n\t\t */\n\t\tdisplayName: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\t/**\n\t\t * Whether or not to display the user-status\n\t\t */\n\t\tshowUserStatus: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * Define the whole bubble as a link\n\t\t */\n\t\turl: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t\tvalidator: url => {\n\t\t\t\ttry {\n\t\t\t\t\turl = new URL(url)\n\t\t\t\t\treturn !!url\n\t\t\t\t} catch (error) {\n\t\t\t\t\treturn false\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * Default popover state. Requires the UserBubble\n\t\t * to have some content to render inside the popover\n\t\t */\n\t\topen: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * Use the primary colour\n\t\t */\n\t\tprimary: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * This is the height of the component\n\t\t */\n\t\tsize: {\n\t\t\ttype: Number,\n\t\t\tdefault: 20,\n\t\t},\n\t\t/**\n\t\t * This is the margin of the avatar (size - margin = avatar size)\n\t\t */\n\t\tmargin: {\n\t\t\ttype: Number,\n\t\t\tdefault: 2,\n\t\t},\n\t},\n\temits: [\n\t\t'click',\n\t\t'update:open',\n\t],\n\tcomputed: {\n\t\t/**\n\t\t * If userbubble is empty, let's NOT\n\t\t * use the Popover component\n\t\t * We need a component instead of a simple div here,\n\t\t * because otherwise the trigger template will not be shown.\n\t\t *\n\t\t * @return {string} 'Popover' or 'UserBubbleDiv'\n\t\t */\n\t\tisPopoverComponent() {\n\t\t\treturn !this.popoverEmpty\n\t\t\t\t? 'NcPopover'\n\t\t\t\t: 'NcUserBubbleDiv'\n\t\t},\n\n\t\t/**\n\t\t * Is the provided avatar url valid or not\n\t\t *\n\t\t * @return {boolean}\n\t\t */\n\t\tisAvatarUrl() {\n\t\t\tif (!this.avatarImage) {\n\t\t\t\treturn false\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tconst url = new URL(this.avatarImage)\n\t\t\t\treturn !!url\n\t\t\t} catch (error) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t},\n\t\t/**\n\t\t * Do we have a custom avatar or not\n\t\t *\n\t\t * @return {boolean}\n\t\t */\n\t\tisCustomAvatar() {\n\t\t\treturn !!this.avatarImage\n\t\t},\n\n\t\thasUrl() {\n\t\t\treturn this.url && this.url.trim() !== ''\n\t\t},\n\n\t\tisLinkComponent() {\n\t\t\treturn this.hasUrl ? 'a' : 'div'\n\t\t},\n\n\t\tpopoverEmpty() {\n\t\t\tif ('default' in this.$slots) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\treturn true\n\t\t},\n\n\t\tstyles() {\n\t\t\treturn {\n\t\t\t\tcontent: {\n\t\t\t\t\theight: this.size + 'px',\n\t\t\t\t\tlineHeight: this.size + 'px',\n\t\t\t\t\tborderRadius: this.size / 2 + 'px',\n\t\t\t\t},\n\t\t\t\tavatar: {\n\t\t\t\t\tmarginLeft: this.margin + 'px',\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\t},\n\tmethods: {\n\t\tonOpenChange(state) {\n\t\t\tthis.$emit('update:open', state)\n\t\t},\n\t\t/**\n\t\t * Catch and forward click event to parent\n\t\t *\n\t\t * @param {Event} event the click event\n\t\t */\n\t\tonClick(event) {\n\t\t\tthis.$emit('click', event)\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.user-bubble {\n\t&__wrapper {\n\t\t// align inline with text\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\t// shrink and allow grow to fit\n\t\tmin-width: 0;\n\t\tmax-width: 100%;\n\t}\n\n\t&__content {\n\t\tdisplay: inline-flex;\n\t\tmax-width: 100%;\n\t\tbackground-color: var(--color-background-dark);\n\n\t\t&--primary {\n\t\t\tcolor: var(--color-primary-element-text);\n\t\t\tbackground-color: var(--color-primary-element);\n\t\t}\n\n\t\t> :last-child {\n\t\t\t// border radius left padding\n\t\t\tpadding-right: 8px;\n\t\t}\n\t}\n\n\t&__avatar {\n\t\talign-self: center;\n\t}\n\n\t&__name {\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t&__name,\n\t&__secondary {\n\t\t// proper spacing between avatar, name & slot\n\t\tpadding: 0;\n\t\tpadding-left: 4px;\n\t}\n}\n\n</style>\n"],"names":["_sfc_main$1","_sfc_main","NcAvatar","NcPopover","NcUserBubbleDiv","url","state","event"],"mappings":";;;;AA4BA,MAAAA,IAAA;AAAA,EACA,MAAA;AACA;;;;;;;;;;;;;;;ACwFA,MAAAC,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,EACA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAC,MAAA;AACA,YAAA;AACA,iBAAAA,IAAA,IAAA,IAAAA,CAAA,GACA,CAAA,CAAAA;AAAA,QACA,QAAA;AACA,iBAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,qBAAA;AACA,aAAA,KAAA,eAEA,oBADA;AAAA,IAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,cAAA;AACA,UAAA,CAAA,KAAA;AACA,eAAA;AAGA,UAAA;AAEA,eAAA,CAAA,CADA,IAAA,IAAA,KAAA,WAAA;AAAA,MAEA,QAAA;AACA,eAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,iBAAA;AACA,aAAA,CAAA,CAAA,KAAA;AAAA,IACA;AAAA,IAEA,SAAA;AACA,aAAA,KAAA,OAAA,KAAA,IAAA,KAAA,MAAA;AAAA,IACA;AAAA,IAEA,kBAAA;AACA,aAAA,KAAA,SAAA,MAAA;AAAA,IACA;AAAA,IAEA,eAAA;AACA,aAAA,eAAA,KAAA;AAAA,IAIA;AAAA,IAEA,SAAA;AACA,aAAA;AAAA,QACA,SAAA;AAAA,UACA,QAAA,KAAA,OAAA;AAAA,UACA,YAAA,KAAA,OAAA;AAAA,UACA,cAAA,KAAA,OAAA,IAAA;AAAA,QACA;AAAA,QACA,QAAA;AAAA,UACA,YAAA,KAAA,SAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,aAAAC,GAAA;AACA,WAAA,MAAA,eAAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,QAAAC,GAAA;AACA,WAAA,MAAA,SAAAA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;"}

package/dist/assets/index-236620b0.css

@@ -0,0 +1,150 @@
+@charset "UTF-8";
+/**
+ * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+.material-design-icon[data-v-7144de10] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.textarea[data-v-7144de10] {
+  position: relative;
+  width: 100%;
+  border-radius: var(--border-radius-large);
+  margin-block-start: 6px;
+  resize: vertical;
+}
+.textarea__main-wrapper[data-v-7144de10] {
+  position: relative;
+}
+.textarea--disabled[data-v-7144de10] {
+  opacity: .7;
+  filter: saturate(.7);
+}
+.textarea__input[data-v-7144de10] {
+  margin: 0;
+  padding-inline: 10px 6px;
+  width: 100%;
+  font-size: var(--default-font-size);
+  text-overflow: ellipsis;
+  background-color: var(--color-main-background);
+  color: var(--color-main-text);
+  border: 2px solid var(--color-border-maxcontrast);
+  border-radius: var(--border-radius-large);
+  cursor: pointer;
+}
+.textarea__input[data-v-7144de10]:active:not([disabled]),
+.textarea__input[data-v-7144de10]:hover:not([disabled]),
+.textarea__input[data-v-7144de10]:focus:not([disabled]) {
+  border-color: var(--color-primary-element);
+}
+.textarea__input[data-v-7144de10]:not(:focus, .textarea__input--label-outside)::placeholder {
+  opacity: 0;
+}
+.textarea__input[data-v-7144de10]:focus {
+  cursor: text;
+}
+.textarea__input[data-v-7144de10]:disabled {
+  cursor: default;
+}
+.textarea__input[data-v-7144de10]:focus-visible {
+  box-shadow: unset !important;
+}
+.textarea__input--success[data-v-7144de10] {
+  border-color: var(--color-success) !important;
+}
+.textarea__input--success[data-v-7144de10]:focus-visible {
+  box-shadow:
+    #f8fafc 0 0 0 2px,
+    var(--color-primary-element) 0 0 0 4px,
+    #0000000d 0 1px 2px;
+}
+.textarea__input--success:focus + .textarea__label[data-v-7144de10],
+.textarea__input--success:hover:not(:placeholder-shown) + .textarea__label[data-v-7144de10] {
+  color: var(--color-success-text);
+}
+.textarea__input--error[data-v-7144de10] {
+  border-color: var(--color-error) !important;
+}
+.textarea__input--error[data-v-7144de10]:focus-visible {
+  box-shadow:
+    #f8fafc 0 0 0 2px,
+    var(--color-primary-element) 0 0 0 4px,
+    #0000000d 0 1px 2px;
+}
+.textarea__input--error:focus + .textarea__label[data-v-7144de10],
+.textarea__input--error:hover:not(:placeholder-shown) + .textarea__label[data-v-7144de10] {
+  color: var(--color-error-text);
+}
+.textarea__input:not(.textarea__input--success, .textarea__input--error):focus + .textarea__label[data-v-7144de10],
+.textarea__input:not(.textarea__input--success, .textarea__input--error):hover:not(:placeholder-shown) + .textarea__label[data-v-7144de10] {
+  color: var(--color-primary-element);
+}
+.textarea__label[data-v-7144de10] {
+  position: absolute;
+  margin-inline: 12px 0;
+  height: 17px;
+  max-width: fit-content;
+  line-height: 1;
+  inset-block-start: 12px;
+  inset-inline: 0;
+  color: var(--color-text-maxcontrast);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  pointer-events: none;
+  transition:
+    height var(--animation-quick),
+    inset-block-start var(--animation-quick),
+    font-size var(--animation-quick),
+    color var(--animation-quick),
+    background-color var(--animation-quick) var(--animation-slow);
+}
+.textarea__input:focus + .textarea__label[data-v-7144de10],
+.textarea__input:not(:placeholder-shown) + .textarea__label[data-v-7144de10] {
+  inset-block-start: -6px;
+  font-size: 13px;
+  background-color: var(--color-main-background);
+  height: 14px;
+  padding-inline: 4px;
+  margin-inline-start: 8px;
+  transition:
+    height var(--animation-quick),
+    inset-block-start var(--animation-quick),
+    font-size var(--animation-quick),
+    color var(--animation-quick);
+}
+.textarea__helper-text-message[data-v-7144de10] {
+  padding-block: 4px;
+  display: flex;
+  align-items: center;
+}
+.textarea__helper-text-message__icon[data-v-7144de10] {
+  margin-inline-end: 8px;
+}
+.textarea__helper-text-message--error[data-v-7144de10] {
+  color: var(--color-error-text);
+}
+.textarea__helper-text-message--success[data-v-7144de10] {
+  color: var(--color-success-text);
+}

package/dist/assets/{index-03ec5f40.css → index-400b48a6.css}

@@ -20,14 +20,14 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-a0360c76] {
+.material-design-icon[data-v-3a409988] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.notecard[data-v-a0360c76] {
+.notecard[data-v-3a409988] {
   color: var(--color-main-text) !important;
   background-color: var(--note-background) !important;
   border-inline-start: 4px solid var(--note-theme);
@@ -38,23 +38,23 @@
   flex-direction: row;
   gap: 1rem;
 }
-.notecard__icon--heading[data-v-a0360c76] {
+.notecard__icon--heading[data-v-3a409988] {
   margin-bottom: auto;
   margin-top: .3rem;
 }
-.notecard--success[data-v-a0360c76] {
+.notecard--success[data-v-3a409988] {
   --note-background: rgba(var(--color-success-rgb), .1);
   --note-theme: var(--color-success);
 }
-.notecard--info[data-v-a0360c76] {
+.notecard--info[data-v-3a409988] {
   --note-background: rgba(var(--color-info-rgb), .1);
   --note-theme: var(--color-info);
 }
-.notecard--error[data-v-a0360c76] {
+.notecard--error[data-v-3a409988] {
   --note-background: rgba(var(--color-error-rgb), .1);
   --note-theme: var(--color-error);
 }
-.notecard--warning[data-v-a0360c76] {
+.notecard--warning[data-v-3a409988] {
   --note-background: rgba(var(--color-warning-rgb), .1);
   --note-theme: var(--color-warning);
 }

package/dist/assets/{index-33da80f0.css → index-4611417f.css}

@@ -20,32 +20,31 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-e809461d] {
+.material-design-icon[data-v-acf0dd35] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.breadcrumb[data-v-e809461d] {
+.breadcrumb[data-v-acf0dd35] {
   width: 100%;
   flex-grow: 1;
   display: inline-flex;
   align-items: center;
 }
-.breadcrumb--collapsed[data-v-e809461d] .vue-crumb:last-child {
+.breadcrumb--collapsed[data-v-acf0dd35] .vue-crumb:last-child {
   min-width: 100px;
   flex-shrink: 1;
 }
-.breadcrumb nav[data-v-e809461d] {
+.breadcrumb nav[data-v-acf0dd35] {
   flex-shrink: 1;
-  max-width: 100%;
-  min-width: 228px;
+  min-width: 0;
 }
-.breadcrumb .breadcrumb__crumbs[data-v-e809461d] {
+.breadcrumb .breadcrumb__crumbs[data-v-acf0dd35] {
   max-width: 100%;
 }
-.breadcrumb .breadcrumb__crumbs[data-v-e809461d],
-.breadcrumb .breadcrumb__actions[data-v-e809461d] {
+.breadcrumb .breadcrumb__crumbs[data-v-acf0dd35],
+.breadcrumb .breadcrumb__actions[data-v-acf0dd35] {
   display: inline-flex;
 }

package/dist/assets/{index-01e5adf4.css → index-4b75fe20.css}

@@ -1,42 +1,42 @@
 @charset "UTF-8";
-.material-design-icon[data-v-b84866e9] {
+.material-design-icon[data-v-4a3cc05a] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.action-items[data-v-b84866e9] {
+.action-items[data-v-4a3cc05a] {
   display: flex;
   align-items: center;
 }
-.action-items > button[data-v-b84866e9] {
+.action-items > button[data-v-4a3cc05a] {
   margin-right: 7px;
 }
-.action-item[data-v-b84866e9] {
+.action-item[data-v-4a3cc05a] {
   --open-background-color: var(--color-background-hover, $action-background-hover);
   position: relative;
   display: inline-block;
 }
-.action-item.action-item--primary[data-v-b84866e9] {
+.action-item.action-item--primary[data-v-4a3cc05a] {
   --open-background-color: var(--color-primary-element-hover);
 }
-.action-item.action-item--secondary[data-v-b84866e9] {
+.action-item.action-item--secondary[data-v-4a3cc05a] {
   --open-background-color: var(--color-primary-element-light-hover);
 }
-.action-item.action-item--error[data-v-b84866e9] {
+.action-item.action-item--error[data-v-4a3cc05a] {
   --open-background-color: var(--color-error-hover);
 }
-.action-item.action-item--warning[data-v-b84866e9] {
+.action-item.action-item--warning[data-v-4a3cc05a] {
   --open-background-color: var(--color-warning-hover);
 }
-.action-item.action-item--success[data-v-b84866e9] {
+.action-item.action-item--success[data-v-4a3cc05a] {
   --open-background-color: var(--color-success-hover);
 }
-.action-item.action-item--tertiary-no-background[data-v-b84866e9] {
+.action-item.action-item--tertiary-no-background[data-v-4a3cc05a] {
   --open-background-color: transparent;
 }
-.action-item.action-item--open .action-item__menutoggle[data-v-b84866e9] {
+.action-item.action-item--open .action-item__menutoggle[data-v-4a3cc05a] {
   background-color: var(--open-background-color);
 }
 /**

package/dist/assets/{index-294382c8.css → index-574438d6.css}

@@ -424,32 +424,32 @@
   color: #ccc;
   background-color: #f3f3f3;
 }
-.mx-datepicker[data-v-5fe12d9] {
+.mx-datepicker[data-v-984d1e7] {
   -webkit-user-select: none;
   user-select: none;
   color: var(--color-main-text);
 }
-.mx-datepicker[data-v-5fe12d9] svg {
+.mx-datepicker[data-v-984d1e7] svg {
   fill: var(--color-main-text);
 }
-.mx-datepicker[data-v-5fe12d9] .mx-input-wrapper .mx-input {
+.mx-datepicker[data-v-984d1e7] .mx-input-wrapper .mx-input {
   width: 100%;
   border: 2px solid var(--color-border-maxcontrast);
   background-color: var(--color-main-background);
   background-clip: content-box;
 }
-.mx-datepicker[data-v-5fe12d9] .mx-input-wrapper .mx-input:active:not(.disabled),
-.mx-datepicker[data-v-5fe12d9] .mx-input-wrapper .mx-input:hover:not(.disabled),
-.mx-datepicker[data-v-5fe12d9] .mx-input-wrapper .mx-input:focus:not(.disabled) {
+.mx-datepicker[data-v-984d1e7] .mx-input-wrapper .mx-input:active:not(.disabled),
+.mx-datepicker[data-v-984d1e7] .mx-input-wrapper .mx-input:hover:not(.disabled),
+.mx-datepicker[data-v-984d1e7] .mx-input-wrapper .mx-input:focus:not(.disabled) {
   border-color: var(--color-primary-element);
 }
-.mx-datepicker[data-v-5fe12d9] .mx-input-wrapper:disabled,
-.mx-datepicker[data-v-5fe12d9] .mx-input-wrapper.disabled {
+.mx-datepicker[data-v-984d1e7] .mx-input-wrapper:disabled,
+.mx-datepicker[data-v-984d1e7] .mx-input-wrapper.disabled {
   cursor: not-allowed;
   opacity: .7;
 }
-.mx-datepicker[data-v-5fe12d9] .mx-input-wrapper .mx-icon-calendar,
-.mx-datepicker[data-v-5fe12d9] .mx-input-wrapper .mx-icon-clear {
+.mx-datepicker[data-v-984d1e7] .mx-input-wrapper .mx-icon-calendar,
+.mx-datepicker[data-v-984d1e7] .mx-input-wrapper .mx-icon-clear {
   color: var(--color-text-lighter);
 }
 .mx-datepicker-main {
@@ -686,9 +686,6 @@
   justify-content: center;
   width: 32px;
   padding: 0;
-  background-repeat: no-repeat;
-  background-size: 16px;
-  background-position: center;
 }
 .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-left > i,
 .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-left > i,
@@ -698,7 +695,31 @@
 .mx-datepicker-main .mx-time-header button.mx-btn-icon-right > i,
 .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right > i,
 .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right > i {
-  display: none;
+  background-repeat: no-repeat;
+  background-size: 16px;
+  background-position: center;
+  filter: var(--background-invert-if-dark);
+  display: inline-block;
+  width: 32px;
+  height: 32px;
+}
+.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-left > i:after,
+.mx-datepicker-main .mx-time-header button.mx-btn-icon-double-left > i:after,
+.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-left > i:before,
+.mx-datepicker-main .mx-time-header button.mx-btn-icon-double-left > i:before,
+.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-left > i:after,
+.mx-datepicker-main .mx-time-header button.mx-btn-icon-left > i:after,
+.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-left > i:before,
+.mx-datepicker-main .mx-time-header button.mx-btn-icon-left > i:before,
+.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right > i:after,
+.mx-datepicker-main .mx-time-header button.mx-btn-icon-right > i:after,
+.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right > i:before,
+.mx-datepicker-main .mx-time-header button.mx-btn-icon-right > i:before,
+.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right > i:after,
+.mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right > i:after,
+.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right > i:before,
+.mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right > i:before {
+  content: none;
 }
 .mx-datepicker-main .mx-calendar-header button.mx-btn-text,
 .mx-datepicker-main .mx-time-header button.mx-btn-text {
@@ -708,38 +729,22 @@
 .mx-datepicker-main .mx-time-header .mx-calendar-header-label {
   display: flex;
 }
-.mx-datepicker-main .mx-calendar-header .mx-btn-icon-double-left,
-.mx-datepicker-main .mx-time-header .mx-btn-icon-double-left {
+.mx-datepicker-main .mx-calendar-header .mx-btn-icon-double-left > i,
+.mx-datepicker-main .mx-time-header .mx-btn-icon-double-left > i {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzIyMiI+PHBhdGggZD0iTTE4LjQgNy40TDE3IDZsLTYgNiA2IDYgMS40LTEuNC00LjYtNC42IDQuNi00LjZtLTYgMEwxMSA2bC02IDYgNiA2IDEuNC0xLjRMNy44IDEybDQuNi00LjZ6Ii8+PC9zdmc+);
 }
-body.theme--dark .mx-datepicker-main .mx-calendar-header .mx-btn-icon-double-left,
-body.theme--dark .mx-datepicker-main .mx-time-header .mx-btn-icon-double-left {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2QyZDJkMiI+PHBhdGggZD0iTTE4LjQgNy40TDE3IDZsLTYgNiA2IDYgMS40LTEuNC00LjYtNC42IDQuNi00LjZtLTYgMEwxMSA2bC02IDYgNiA2IDEuNC0xLjRMNy44IDEybDQuNi00LjZ6Ii8+PC9zdmc+);
-}
-.mx-datepicker-main .mx-calendar-header .mx-btn-icon-left,
-.mx-datepicker-main .mx-time-header .mx-btn-icon-left {
+.mx-datepicker-main .mx-calendar-header .mx-btn-icon-left > i,
+.mx-datepicker-main .mx-time-header .mx-btn-icon-left > i {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzIyMiI+PHBhdGggZD0iTTE1LjQgMTYuNkwxMC44IDEybDQuNi00LjZMMTQgNmwtNiA2IDYgNiAxLjQtMS40eiIvPjwvc3ZnPg==);
 }
-body.theme--dark .mx-datepicker-main .mx-calendar-header .mx-btn-icon-left,
-body.theme--dark .mx-datepicker-main .mx-time-header .mx-btn-icon-left {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2QyZDJkMiI+PHBhdGggZD0iTTE1LjQgMTYuNkwxMC44IDEybDQuNi00LjZMMTQgNmwtNiA2IDYgNiAxLjQtMS40eiIvPjwvc3ZnPg==);
-}
-.mx-datepicker-main .mx-calendar-header .mx-btn-icon-right,
-.mx-datepicker-main .mx-time-header .mx-btn-icon-right {
+.mx-datepicker-main .mx-calendar-header .mx-btn-icon-right > i,
+.mx-datepicker-main .mx-time-header .mx-btn-icon-right > i {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzIyMiI+PHBhdGggZD0iTTguNiAxNi42bDQuNi00LjYtNC42LTQuNkwxMCA2bDYgNi02IDYtMS40LTEuNHoiLz48L3N2Zz4=);
 }
-body.theme--dark .mx-datepicker-main .mx-calendar-header .mx-btn-icon-right,
-body.theme--dark .mx-datepicker-main .mx-time-header .mx-btn-icon-right {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2QyZDJkMiI+PHBhdGggZD0iTTguNiAxNi42bDQuNi00LjYtNC42LTQuNkwxMCA2bDYgNi02IDYtMS40LTEuNHoiLz48L3N2Zz4=);
-}
-.mx-datepicker-main .mx-calendar-header .mx-btn-icon-double-right,
-.mx-datepicker-main .mx-time-header .mx-btn-icon-double-right {
+.mx-datepicker-main .mx-calendar-header .mx-btn-icon-double-right > i,
+.mx-datepicker-main .mx-time-header .mx-btn-icon-double-right > i {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzIyMiI+PHBhdGggZD0iTTUuNiA3LjRMNyA2bDYgNi02IDYtMS40LTEuNCA0LjYtNC42LTQuNi00LjZtNiAwTDEzIDZsNiA2LTYgNi0xLjQtMS40IDQuNi00LjYtNC42LTQuNnoiLz48L3N2Zz4=);
 }
-body.theme--dark .mx-datepicker-main .mx-calendar-header .mx-btn-icon-double-right,
-body.theme--dark .mx-datepicker-main .mx-time-header .mx-btn-icon-double-right {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2QyZDJkMiI+PHBhdGggZD0iTTUuNiA3LjRMNyA2bDYgNi02IDYtMS40LTEuNCA0LjYtNC42LTQuNi00LjZtNiAwTDEzIDZsNiA2LTYgNi0xLjQtMS40IDQuNi00LjYtNC42LTQuNnoiLz48L3N2Zz4=);
-}
 .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right,
 .mx-datepicker-main .mx-time-header button.mx-btn-icon-right {
   order: 2;

package/dist/assets/{index-c7905a53.css → index-57b305d3.css}

@@ -20,14 +20,14 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-3f335862] {
+.material-design-icon[data-v-6176f396] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.icon-vue[data-v-3f335862] {
+.icon-vue[data-v-6176f396] {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -35,7 +35,7 @@
   min-height: 44px;
   opacity: 1;
 }
-.icon-vue[data-v-3f335862] svg {
+.icon-vue[data-v-6176f396] svg {
   fill: currentColor;
   width: 20px;
   height: 20px;