@nextcloud/vue 9.0.0-alpha.2 → 9.0.0-alpha.4

package/dist/chunks/NcActionInput-DCe8K_gs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionInput-DCe8K_gs.mjs","sources":["../../src/components/NcActionInput/NcActionInput.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\nThis component is made to be used inside of the [NcActions](#NcActions) component slots.\n\nIt is recommended to not only provide a placeholder, but also a label.\nThe label should describe what input is expected and the placehold what format the input should have.\n\nAll undocumented attributes will be bound to the input, the datepicker or the select component, e.g. `maxlength`, `not-before`.\nFor the `NcSelect` component, all events will be passed through. Please see the `NcSelect` component's documentation for more details and examples.\n```vue\n\t<template>\n\t\t<NcActions>\n\t\t\t<NcActionInput v-model=\"text\" :label-outside=\"true\" label=\"Label outside the input\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput v-model=\"text\" :show-trailing-button=\"false\" label=\"Input without trailing button\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput v-model=\"text\" label=\"Input with placeholder\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tThis is the placeholder\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"password\" v-model=\"text\" label=\"Password with visible label\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Key :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPassword placeholder\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"password\" v-model=\"text\" :show-trailing-button=\"false\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Key :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPassword placeholder\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"color\" v-model=\"color\" label=\"Favorite color\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Eyedropper :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tColor placeholder\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput label=\"Visible label\" v-model=\"text\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tInput with visible label\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput :disabled=\"true\" label=\"This is a disabled input\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Close :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"date\" isNativePicker v-model=\"date\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPlease pick a date\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput type=\"date\" v-model=\"date\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPlease pick a date\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput\n\t\t\t\ttype=\"multiselect\"\n\t\t\t\tinput-label=\"Fruit selection\"\n\t\t\t\t:options=\"['Apple', 'Banana', 'Cherry']\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPlease pick a fruit\n\t\t\t</NcActionInput>\n\t\t\t<NcActionInput\n\t\t\t\tv-model=\"multiSelected\"\n\t\t\t\ttype=\"multiselect\"\n\t\t\t\tinput-label=\"Fruit selection\"\n\t\t\t\ttrack-by=\"id\"\n\t\t\t\t:append-to-body=\"true\"\n\t\t\t\t:multiple=\"true\"\n\t\t\t\t:options=\"[{label:'Apple', id: 'apple'}, {label:'Banana', id: 'banana'}, {label:'Cherry', id: 'cherry'}]\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPlease pick a fruit object\n\t\t\t</NcActionInput>\n\t\t</NcActions>\n\t</template>\n\t<script>\n\timport Close from 'vue-material-design-icons/Close'\n\timport Eyedropper from 'vue-material-design-icons/Eyedropper'\n\timport Key from 'vue-material-design-icons/Key'\n\timport Pencil from 'vue-material-design-icons/Pencil'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tClose,\n\t\t\tEyedropper,\n\t\t\tKey,\n\t\t\tPencil,\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tcolor: '#0082C9',\n\t\t\t\tdate: new Date(),\n\t\t\t\ttext: 'This is the input text',\n\t\t\t\tmultiSelected: [],\n\t\t\t}\n\t\t},\n\t}\n\t</script>\n```\n</docs>\n\n<template>\n\t<li class=\"action\" :class=\"[{ 'action--disabled': disabled }, $props.class ]\">\n\t\t<span :class=\"{\n\t\t\t\t'action-input-picker--disabled': disabled,\n\t\t\t\t'action-input--visible-label': labelOutside && label,\n\t\t\t}\"\n\t\t\tclass=\"action-input\"\n\t\t\t@mouseleave=\"onLeave\">\n\t\t\t<span class=\"action-input__icon-wrapper\">\n\t\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t\t<slot name=\"icon\">\n\t\t\t\t\t<span :class=\"[isIconUrl ? 'action-input__icon--url' : icon]\"\n\t\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"action-input__icon\" />\n\t\t\t\t</slot>\n\t\t\t</span>\n\n\t\t\t<!-- form and input -->\n\t\t\t<form ref=\"form\"\n\t\t\t\tclass=\"action-input__form\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t@submit.prevent=\"onSubmit\">\n\t\t\t\t<div class=\"action-input__container\">\n\t\t\t\t\t<label v-if=\"label && labelOutside\"\n\t\t\t\t\t\tclass=\"action-input__text-label\"\n\t\t\t\t\t\t:class=\"{ 'action-input__text-label--hidden': !labelOutside}\"\n\t\t\t\t\t\t:for=\"inputId\">\n\t\t\t\t\t\t{{ label }}\n\t\t\t\t\t</label>\n\t\t\t\t\t<div class=\"action-input__input-container\">\n\n\t\t\t\t\t\t<NcDateTimePicker v-if=\"datePickerType\"\n\t\t\t\t\t\t\tref=\"datetimepicker\"\n\t\t\t\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t\t\t\tstyle=\"z-index: 99999999999;\"\n\t\t\t\t\t\t\t:placeholder=\"text\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t:type=\"datePickerType\"\n\t\t\t\t\t\t\t:input-class=\"['mx-input', { focusable: isFocusable }]\"\n\t\t\t\t\t\t\tclass=\"action-input__datetimepicker\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\t@update:model-value=\"onUpdateModelValue\" />\n\n\t\t\t\t\t\t<NcDateTimePickerNative v-else-if=\"isNativePicker\"\n\t\t\t\t\t\t\t:id=\"idNativeDateTimePicker\"\n\t\t\t\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t\t\t\t:type=\"nativeDatePickerType\"\n\t\t\t\t\t\t\t:input-class=\"{ focusable: isFocusable }\"\n\t\t\t\t\t\t\tclass=\"action-input__datetimepicker\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\t@update:model-value=\"onUpdateModelValue\" />\n\n\t\t\t\t\t\t<NcSelect v-else-if=\"isMultiselectType\"\n\t\t\t\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t\t\t\t:placeholder=\"text\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t:append-to-body=\"false\"\n\t\t\t\t\t\t\t:input-class=\"{ focusable: isFocusable }\"\n\t\t\t\t\t\t\tclass=\"action-input__multi\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\t@update:model-value=\"onUpdateModelValue\" />\n\n\t\t\t\t\t\t<NcPasswordField v-else-if=\"type==='password'\"\n\t\t\t\t\t\t\t:id=\"inputId\"\n\t\t\t\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t\t\t\t:label=\"label\"\n\t\t\t\t\t\t\t:label-outside=\"!label || labelOutside\"\n\t\t\t\t\t\t\t:placeholder=\"text\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t:input-class=\"{ focusable: isFocusable }\"\n\t\t\t\t\t\t\t:show-trailing-button=\"showTrailingButton && !disabled\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\t@update:model-value=\"onUpdateModelValue\" />\n\n\t\t\t\t\t\t<div v-else-if=\"type === 'color'\" class=\"action-input__container\">\n\t\t\t\t\t\t\t<label v-if=\"label && type === 'color'\"\n\t\t\t\t\t\t\t\tclass=\"action-input__text-label\"\n\t\t\t\t\t\t\t\t:class=\"{ 'action-input__text-label--hidden': !labelOutside}\"\n\t\t\t\t\t\t\t\t:for=\"inputId\">\n\t\t\t\t\t\t\t\t{{ label }}\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<div class=\"action-input__input-container\">\n\t\t\t\t\t\t\t\t<NcColorPicker id=\"inputId\"\n\t\t\t\t\t\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t\t\t\t\t\tclass=\"colorpicker__trigger\"\n\t\t\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\t\t\t@update:model-value=\"onUpdateModelValue\"\n\t\t\t\t\t\t\t\t\t@submit=\"$refs.form.requestSubmit()\">\n\t\t\t\t\t\t\t\t\t<button :style=\"{'background-color': modelValue}\"\n\t\t\t\t\t\t\t\t\t\tclass=\"colorpicker__preview\"\n\t\t\t\t\t\t\t\t\t\t:class=\"{ focusable: isFocusable }\" />\n\t\t\t\t\t\t\t\t</NcColorPicker>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<NcTextField v-else\n\t\t\t\t\t\t\t:id=\"inputId\"\n\t\t\t\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t\t\t\t:label=\"label\"\n\t\t\t\t\t\t\t:label-outside=\"!label || labelOutside\"\n\t\t\t\t\t\t\t:placeholder=\"text\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t:input-class=\"{ focusable: isFocusable }\"\n\t\t\t\t\t\t\t:type=\"type\"\n\t\t\t\t\t\t\ttrailing-button-icon=\"arrowRight\"\n\t\t\t\t\t\t\t:trailing-button-label=\"trailingButtonLabel\"\n\t\t\t\t\t\t\t:show-trailing-button=\"showTrailingButton && !disabled\"\n\t\t\t\t\t\t\tv-bind=\"$attrs\"\n\t\t\t\t\t\t\t@trailing-button-click=\"$refs.form.requestSubmit()\"\n\t\t\t\t\t\t\t@update:model-value=\"onUpdateModelValue\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</form>\n\t\t</span>\n\t</li>\n</template>\n\n<script>\nimport NcDateTimePicker from '../NcDateTimePicker/index.js'\nimport NcDateTimePickerNative from '../NcDateTimePickerNative/index.js'\nimport NcPasswordField from '../NcPasswordField/index.js'\nimport NcSelect from '../NcSelect/index.js'\nimport NcTextField from '../NcTextField/index.js'\nimport ActionGlobalMixin from '../../mixins/actionGlobal.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\nimport { t } from '../../l10n.js'\n\nexport default {\n\tname: 'NcActionInput',\n\n\tcomponents: {\n\t\tNcDateTimePicker,\n\t\tNcDateTimePickerNative,\n\t\tNcPasswordField,\n\t\tNcSelect,\n\t\tNcTextField,\n\t},\n\n\tmixins: [ActionGlobalMixin],\n\n\tinheritAttrs: false,\n\n\tprops: {\n\t\t/**\n\t\t * id attribute of the checkbox element\n\t\t */\n\t\tid: {\n\t\t\ttype: String,\n\t\t\tdefault: () => 'action-' + GenRandomId(),\n\t\t\tvalidator: id => id.trim() !== '',\n\t\t},\n\t\t/**\n\t\t * id attribute of the text input element\n\t\t */\n\t\tinputId: {\n\t\t\ttype: String,\n\t\t\tdefault: () => 'action-input-' + GenRandomId(),\n\t\t\tvalidator: id => id.trim() !== '',\n\t\t},\n\t\t/**\n\t\t * Icon to show with the action, can be either a CSS class or an URL\n\t\t */\n\t\ticon: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * type attribute of the input field\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'text',\n\t\t\tvalidator(type) {\n\t\t\t\treturn ['date', 'datetime-local', 'month', 'multiselect',\n\t\t\t\t\t'number', 'password', 'search', 'tel',\n\t\t\t\t\t'text', 'time', 'url', 'week', 'color',\n\t\t\t\t\t'email'].indexOf(type) > -1\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * id attribute for the native date time picker\n\t\t */\n\t\tidNativeDateTimePicker: {\n\t\t\ttype: String,\n\t\t\tdefault: 'date-time-picker_id',\n\t\t},\n\t\t/**\n\t\t * Flag to use a native date time picker\n\t\t */\n\t\tisNativePicker: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * The visible input label for accessibility purposes.\n\t\t */\n\t\tlabel: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * If you want to show the label just above the\n\t\t * input field, pass in `true` to this prop.\n\t\t */\n\t\tlabelOutside: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\t/**\n\t\t * value attribute of the input field\n\t\t */\n\t\tmodelValue: {\n\t\t\ttype: [String, Date, Number, Array],\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * disabled state of the input field\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * aria-label attribute of the input field\n\t\t */\n\t\tariaLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * @deprecated To be removed in @nextcloud/vue 9. Migration guide: remove ariaHidden prop from NcAction* components.\n\t\t * @todo Add a check in @nextcloud/vue 9 that this prop is not provided,\n\t\t * otherwise root element will inherit incorrect aria-hidden.\n\t\t */\n\t\tariaHidden: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * Attribute forwarded to the underlying NcPasswordField and NcTextField\n\t\t */\n\t\tshowTrailingButton: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\t/**\n\t\t * Trailing button label forwarded to the underlying NcTextField\n\t\t */\n\t\ttrailingButtonLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: t('Submit'),\n\t\t},\n\t\t/**\n\t\t * CSS class to apply to the root element.\n\t\t */\n\t\tclass: {\n\t\t\ttype: [String, Array, Object],\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: [\n\t\t'submit',\n\t\t'update:modelValue',\n\t],\n\n\tcomputed: {\n\t\tisIconUrl() {\n\t\t\ttry {\n\t\t\t\treturn new URL(this.icon)\n\t\t\t} catch (error) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t},\n\n\t\tisMultiselectType() {\n\t\t\treturn this.type === 'multiselect'\n\t\t},\n\n\t\tnativeDatePickerType() {\n\t\t\tswitch (this.type) {\n\t\t\tcase 'date':\n\t\t\tcase 'month':\n\t\t\tcase 'time':\n\t\t\tcase 'week':\n\t\t\tcase 'datetime-local':\n\t\t\t\treturn this.type\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\n\t\tdatePickerType() {\n\t\t\tif (!this.isNativePicker) {\n\t\t\t\tswitch (this.type) {\n\t\t\t\tcase 'date':\n\t\t\t\tcase 'month':\n\t\t\t\tcase 'time':\n\t\t\t\t\treturn this.type\n\n\t\t\t\tcase 'datetime-local':\n\t\t\t\t\treturn 'datetime'\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\t/**\n\t\t * determines if the action is focusable\n\t\t *\n\t\t * @return {boolean} is the action focusable ?\n\t\t */\n\t\tisFocusable() {\n\t\t\treturn !this.disabled\n\t\t},\n\t},\n\n\tmethods: {\n\t\t// closing datepicker popup on mouseleave = unfocus\n\t\tonLeave() {\n\t\t\tif (this.$refs.datetimepicker && this.$refs.datetimepicker.$refs.datepicker) {\n\t\t\t\tthis.$refs.datetimepicker.$refs.datepicker.closePopup()\n\t\t\t}\n\t\t},\n\t\tonSubmit(event) {\n\t\t\tevent.preventDefault()\n\t\t\tevent.stopPropagation()\n\t\t\tif (!this.disabled) {\n\t\t\t\t/**\n\t\t\t\t * Emitted on submit of the input field\n\t\t\t\t *\n\t\t\t\t * @type {Event}\n\t\t\t\t */\n\t\t\t\tthis.$emit('submit', event)\n\t\t\t} else {\n\t\t\t\t// ignore submit\n\t\t\t\treturn false\n\t\t\t}\n\t\t},\n\t\tonUpdateModelValue(event) {\n\t\t\t/**\n\t\t\t * Emitted on update of the model value\n\t\t\t *\n\t\t\t * @type {Event}\n\t\t\t */\n\t\t\tthis.$emit('update:modelValue', event)\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/inputs';\n@import '../../assets/action';\n@include action-active;\n@include action--disabled;\n\n$input-margin: 4px;\n\n.action-input {\n\tdisplay: flex;\n\talign-items: flex-start;\n\n\twidth: 100%;\n\theight: auto;\n\tmargin: 0;\n\tpadding: 0;\n\n\tcursor: pointer;\n\twhite-space: nowrap;\n\n\tcolor: var(--color-main-text);\n\tborder: 0;\n\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\tbackground-color: transparent;\n\tbox-shadow: none;\n\n\tfont-weight: normal;\n\n\t&__icon-wrapper {\n\t\tdisplay: flex;\n\t\talign-self: center;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t&:deep(.material-design-icon) {\n\t\t\twidth: $clickable-area;\n\t\t\theight: $clickable-area;\n\t\t\topacity: $opacity_full;\n\n\t\t\t.material-design-icon__svg {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\t}\n\n\t& > span {\n\t\tcursor: pointer;\n\t\twhite-space: nowrap;\n\t}\n\n\t&__icon {\n\t\tmin-width: 0; /* Overwrite icons*/\n\t\tmin-height: 0;\n\t\t/* Keep padding to define the width to\n\t\t\tassure correct position of a possible text */\n\t\tpadding: #{math.div($clickable-area, 2)} 0 #{math.div($clickable-area, 2)} $clickable-area;\n\n\t\tbackground-position: #{$icon-margin} center;\n\t\tbackground-size: $icon-size;\n\t}\n\n\t// Forms & text inputs\n\t&__form {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex: 1 1 auto;\n\n\t\tmargin: $input-margin 0;\n\t\tpadding-right: $icon-margin;\n\t}\n\n\t&__container {\n\t\twidth: 100%;\n\t}\n\n\t&__input-container {\n\t\tdisplay: flex;\n\n\t\t.colorpicker {\n\t\t\t&__trigger,\n\t\t\t&__preview {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t&__preview {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 36px;\n\t\t\t\tborder-radius: var(--border-radius-large);\n\t\t\t\tborder: 2px solid var(--color-border-maxcontrast);\n\t\t\t\tbox-shadow: none !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__text-label {\n\t\tpadding: 4px 0;\n\t\tdisplay: block;\n\n\t\t&--hidden {\n\t\t\tposition: absolute;\n\t\t\tleft: -10000px;\n\t\t\ttop: auto;\n\t\t\twidth: 1px;\n\t\t\theight: 1px;\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\n\t&__datetimepicker {\n\t\twidth: 100%;\n\n\t\t:deep(.mx-input) {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t&__multi {\n\t\twidth: 100%;\n\t}\n}\n\n// if a form is the last of the list\n// add the same bottomMargin as the right padding\n// for visual balance\nli:last-child > .action-input {\n\tpadding-bottom: $icon-margin - $input-margin;\n}\n\n// same for first item\nli:first-child > .action-input:not(.action-input--visible-label) {\n\tpadding-top: $icon-margin - $input-margin;\n}\n\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_normalizeStyle","_withModifiers","_toDisplayString","_createCommentVNode","_openBlock","_createBlock","_mergeProps","_createVNode","_withCtx"],"mappings":"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"}

package/dist/chunks/NcActionLink-C0mINC5i.mjs

@@ -0,0 +1,122 @@
+import '../assets/NcActionLink-Djp7wPGg.css';
+import { A as ActionTextMixin } from "./actionText-aI0owku1.mjs";
+import { openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, pushScopeId, popScopeId } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+const _sfc_main = {
+  name: "NcActionLink",
+  mixins: [ActionTextMixin],
+  inject: {
+    isInSemanticMenu: {
+      from: "NcActions:isSemanticMenu",
+      default: false
+    }
+  },
+  props: {
+    /**
+     * destionation to link to
+     */
+    href: {
+      type: String,
+      default: "#",
+      required: true,
+      validator: (value) => {
+        try {
+          return new URL(value);
+        } catch (error) {
+          return value.startsWith("#") || value.startsWith("/");
+        }
+      }
+    },
+    /**
+     * download the link instead of opening
+     */
+    download: {
+      type: String,
+      default: null
+    },
+    /**
+     * target to open the link
+     */
+    target: {
+      type: String,
+      default: "_self",
+      validator: (value) => {
+        return value && (!value.startsWith("_") || ["_blank", "_self", "_parent", "_top"].indexOf(value) > -1);
+      }
+    },
+    /**
+     * Declares a native tooltip when not null
+     */
+    title: {
+      type: String,
+      default: null
+    },
+    /**
+     * @deprecated To be removed in @nextcloud/vue 9. Migration guide: remove ariaHidden prop from NcAction* components.
+     * @todo Add a check in @nextcloud/vue 9 that this prop is not provided,
+     * otherwise root element will inherit incorrect aria-hidden.
+     */
+    ariaHidden: {
+      type: Boolean,
+      default: null
+    }
+  }
+};
+const _withScopeId = (n) => (pushScopeId("data-v-30c015f0"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["role"];
+const _hoisted_2 = ["download", "href", "aria-label", "target", "title", "role"];
+const _hoisted_3 = {
+  key: 0,
+  class: "action-link__longtext-wrapper"
+};
+const _hoisted_4 = { class: "action-link__name" };
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("br", null, null, -1));
+const _hoisted_6 = ["textContent"];
+const _hoisted_7 = ["textContent"];
+const _hoisted_8 = {
+  key: 2,
+  class: "action-link__text"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("li", {
+    class: "action",
+    role: $options.isInSemanticMenu && "presentation"
+  }, [
+    createElementVNode("a", {
+      download: $props.download,
+      href: $props.href,
+      "aria-label": _ctx.ariaLabel,
+      target: $props.target,
+      title: $props.title,
+      class: "action-link focusable",
+      rel: "nofollow noreferrer noopener",
+      role: $options.isInSemanticMenu && "menuitem",
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+    }, [
+      renderSlot(_ctx.$slots, "icon", {}, () => [
+        createElementVNode("span", {
+          class: normalizeClass([[_ctx.isIconUrl ? "action-link__icon--url" : _ctx.icon], "action-link__icon"]),
+          style: normalizeStyle({ backgroundImage: _ctx.isIconUrl ? `url(${_ctx.icon})` : null }),
+          "aria-hidden": "true"
+        }, null, 6)
+      ], true),
+      _ctx.name ? (openBlock(), createElementBlock("span", _hoisted_3, [
+        createElementVNode("strong", _hoisted_4, toDisplayString(_ctx.name), 1),
+        _hoisted_5,
+        createElementVNode("span", {
+          class: "action-link__longtext",
+          textContent: toDisplayString(_ctx.text)
+        }, null, 8, _hoisted_6)
+      ])) : _ctx.isLongText ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        class: "action-link__longtext",
+        textContent: toDisplayString(_ctx.text)
+      }, null, 8, _hoisted_7)) : (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(_ctx.text), 1)),
+      createCommentVNode("", true)
+    ], 8, _hoisted_2)
+  ], 8, _hoisted_1);
+}
+const NcActionLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-30c015f0"]]);
+export {
+  NcActionLink as N
+};

package/dist/chunks/NcActionLink-C0mINC5i.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionLink-C0mINC5i.mjs","sources":["../../src/components/NcActionLink/NcActionLink.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\nThis component is made to be used inside of the [NcActions](#NcActions) component slots.\n\n```\n<template>\n\t<div style=\"display: flex; align-items: center;\">\n\t\t<NcActions>\n\t\t\t<NcActionLink href=\"https://nextcloud.com\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<OpenInNew :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tNextcloud website\n\t\t\t</NcActionLink>\n\t\t</NcActions>\n\n\t\t<NcActions>\n\t\t\t<NcActionLink href=\"https://www.gnu.org/licenses/gpl.odt\"\n\t\t\t\t  download=\"AGPL License text.odt\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Download :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tDownload AGPL license text\n\t\t\t</NcActionLink>\n\t\t</NcActions>\n\n\t\t<NcActions>\n\t\t\t<NcActionLink href=\"https://nextcloud.com\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<OpenInNew :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tNextcloud website\n\t\t\t</NcActionLink>\n\t\t\t<NcActionLink href=\"https://www.gnu.org/licenses/gpl.odt\"\n\t\t\t\t  download=\"AGPL License text.odt\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Download :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tDownload AGPL license text\n\t\t\t</NcActionLink>\n\t\t</NcActions>\n\t</div>\n</template>\n<script>\nimport Download from 'vue-material-design-icons/Download.vue'\nimport OpenInNew from 'vue-material-design-icons/OpenInNew.vue'\n\nexport default {\n\tcomponents: {\n\t\tDownload,\n\t\tOpenInNew,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<li class=\"action\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<a :download=\"download\"\n\t\t\t:href=\"href\"\n\t\t\t:aria-label=\"ariaLabel\"\n\t\t\t:target=\"target\"\n\t\t\t:title=\"title\"\n\t\t\tclass=\"action-link focusable\"\n\t\t\trel=\"nofollow noreferrer noopener\"\n\t\t\t:role=\"isInSemanticMenu && 'menuitem'\"\n\t\t\t@click=\"onClick\">\n\n\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span :class=\"[isIconUrl ? 'action-link__icon--url' : icon]\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclass=\"action-link__icon\" />\n\t\t\t</slot>\n\n\t\t\t<!-- long text with name -->\n\t\t\t<span v-if=\"name\"\n\t\t\t\tclass=\"action-link__longtext-wrapper\">\n\t\t\t\t<strong class=\"action-link__name\">\n\t\t\t\t\t{{ name }}\n\t\t\t\t</strong>\n\t\t\t\t<br>\n\t\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t\t<span class=\"action-link__longtext\" v-text=\"text\" />\n\t\t\t</span>\n\n\t\t\t<!-- long text only -->\n\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t<span v-else-if=\"isLongText\"\n\t\t\t\tclass=\"action-link__longtext\"\n\t\t\t\tv-text=\"text\" />\n\n\t\t\t<!-- default text display -->\n\t\t\t<span v-else class=\"action-link__text\">{{ text }}</span>\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</a>\n\t</li>\n</template>\n\n<script>\nimport ActionTextMixin from '../../mixins/actionText.js'\n\nexport default {\n\tname: 'NcActionLink',\n\n\tmixins: [ActionTextMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * destionation to link to\n\t\t */\n\t\thref: {\n\t\t\ttype: String,\n\t\t\tdefault: '#',\n\t\t\trequired: true,\n\t\t\tvalidator: value => {\n\t\t\t\t// href is either an anchor or a valid url starting with a scheme or a relative path\n\t\t\t\ttry {\n\t\t\t\t\treturn new URL(value)\n\t\t\t\t} catch (error) {\n\t\t\t\t\treturn value.startsWith('#') || value.startsWith('/')\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * download the link instead of opening\n\t\t */\n\t\tdownload: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * target to open the link\n\t\t */\n\t\ttarget: {\n\t\t\ttype: String,\n\t\t\tdefault: '_self',\n\t\t\tvalidator: value => {\n\t\t\t\treturn value && (!value.startsWith('_') || ['_blank', '_self', '_parent', '_top'].indexOf(value) > -1)\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * Declares a native tooltip when not null\n\t\t */\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * @deprecated To be removed in @nextcloud/vue 9. Migration guide: remove ariaHidden prop from NcAction* components.\n\t\t * @todo Add a check in @nextcloud/vue 9 that this prop is not provided,\n\t\t * otherwise root element will inherit incorrect aria-hidden.\n\t\t */\n\t\tariaHidden: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: null,\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/action';\n@include action-active;\n@include action-item('link');\n\n</style>\n"],"names":["_createElementVNode","_createElementBlock","_renderSlot","_normalizeClass","_normalizeStyle","_openBlock","_toDisplayString","_createCommentVNode"],"mappings":"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"}

package/dist/chunks/NcActionRadio-BqAyH2zq.mjs

@@ -0,0 +1,128 @@
+import '../assets/NcActionRadio-ZRQheAZT.css';
+import { A as ActionGlobalMixin } from "./actionGlobal-BZFdtdJL.mjs";
+import { G as GenRandomId } from "./GenRandomId-CMooMQt0.mjs";
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, withKeys, withModifiers, toDisplayString, createCommentVNode } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+const _sfc_main = {
+  name: "NcActionRadio",
+  mixins: [ActionGlobalMixin],
+  inject: {
+    isInSemanticMenu: {
+      from: "NcActions:isSemanticMenu",
+      default: false
+    }
+  },
+  props: {
+    /**
+     * id attribute of the radio element
+     */
+    id: {
+      type: String,
+      default: () => "action-" + GenRandomId(),
+      validator: (id) => id.trim() !== ""
+    },
+    /**
+     * checked state of the the radio element
+     */
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Define if this radio is part of a set.
+     * Checking the radio will disable all the
+     * others with the same name.
+     */
+    name: {
+      type: String,
+      required: true
+    },
+    /**
+     * value of the radio input
+     */
+    value: {
+      type: [String, Number],
+      default: ""
+    },
+    /**
+     * disabled state of the radio element
+     */
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    "change",
+    "update:modelValue"
+  ],
+  computed: {
+    /**
+     * determines if the action is focusable
+     *
+     * @return {boolean} is the action focusable ?
+     */
+    isFocusable() {
+      return !this.disabled;
+    },
+    /**
+     * aria-checked attribute for role="menuitemcheckbox"
+     *
+     * @return {'true'|'false'|undefined} aria-checked value if needed
+     */
+    ariaChecked() {
+      if (this.isInSemanticMenu) {
+        return this.modelValue ? "true" : "false";
+      }
+      return void 0;
+    }
+  },
+  methods: {
+    toggleInput() {
+      this.$refs.label.click();
+    },
+    onChange(event) {
+      this.$emit("update:modelValue", this.$refs.radio.checked);
+      this.$emit("change", event);
+    }
+  }
+};
+const _hoisted_1 = ["role"];
+const _hoisted_2 = ["aria-checked"];
+const _hoisted_3 = ["id", "disabled", "checked", "name", "value"];
+const _hoisted_4 = ["for"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("li", {
+    class: normalizeClass(["action", { "action--disabled": $props.disabled }]),
+    role: $options.isInSemanticMenu && "presentation"
+  }, [
+    createElementVNode("span", {
+      class: "action-radio",
+      role: "menuitemradio",
+      "aria-checked": $options.ariaChecked
+    }, [
+      createElementVNode("input", {
+        id: $props.id,
+        ref: "radio",
+        disabled: $props.disabled,
+        checked: $props.modelValue,
+        name: $props.name,
+        value: $props.value,
+        class: normalizeClass([{ focusable: $options.isFocusable }, "radio action-radio__radio"]),
+        type: "radio",
+        onKeydown: _cache[0] || (_cache[0] = withKeys(withModifiers((...args) => $options.toggleInput && $options.toggleInput(...args), ["exact", "prevent"]), ["enter"])),
+        onChange: _cache[1] || (_cache[1] = (...args) => $options.onChange && $options.onChange(...args))
+      }, null, 42, _hoisted_3),
+      createElementVNode("label", {
+        ref: "label",
+        for: $props.id,
+        class: "action-radio__label"
+      }, toDisplayString(_ctx.text), 9, _hoisted_4),
+      createCommentVNode("", true)
+    ], 8, _hoisted_2)
+  ], 10, _hoisted_1);
+}
+const NcActionRadio = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f91ade2b"]]);
+export {
+  NcActionRadio as N
+};

package/dist/chunks/NcActionRadio-BqAyH2zq.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionRadio-BqAyH2zq.mjs","sources":["../../src/components/NcActionRadio/NcActionRadio.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\nThis component is made to be used inside of the [NcActions](#NcActions) component slots.\nUsually, you will provide a name prop to bind the radio together.\nSo that only one of each name set can be selected at the same time.\n\n```vue\n\t<NcActions>\n\t\t<NcActionRadio @change=\"alert('(un)checked !')\" name=\"uniqueId\">First choice</NcActionRadio>\n\t\t<NcActionRadio value=\"second\" name=\"uniqueId\" @change=\"alert('(un)checked !')\">Second choice</NcActionRadio>\n\t\t<NcActionRadio :model-value=\"true\" name=\"uniqueId\" @change=\"alert('(un)checked !')\">Third choice (checked)</NcActionRadio>\n\t\t<NcActionRadio :disabled=\"true\" name=\"uniqueId\" @change=\"alert('(un)checked !')\">Second choice (disabled)</NcActionRadio>\n\t</NcActions>\n```\n</docs>\n\n<template>\n\t<li class=\"action\" :class=\"{ 'action--disabled': disabled }\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<span class=\"action-radio\" role=\"menuitemradio\" :aria-checked=\"ariaChecked\">\n\t\t\t<input :id=\"id\"\n\t\t\t\tref=\"radio\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:checked=\"modelValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:value=\"value\"\n\t\t\t\t:class=\"{ focusable: isFocusable }\"\n\t\t\t\ttype=\"radio\"\n\t\t\t\tclass=\"radio action-radio__radio\"\n\t\t\t\t@keydown.enter.exact.prevent=\"toggleInput\"\n\t\t\t\t@change=\"onChange\">\n\t\t\t<label ref=\"label\" :for=\"id\" class=\"action-radio__label\">{{ text }}</label>\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</span>\n\t</li>\n</template>\n\n<script>\nimport ActionGlobalMixin from '../../mixins/actionGlobal.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\nexport default {\n\tname: 'NcActionRadio',\n\n\tmixins: [ActionGlobalMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * id attribute of the radio element\n\t\t */\n\t\tid: {\n\t\t\ttype: String,\n\t\t\tdefault: () => 'action-' + GenRandomId(),\n\t\t\tvalidator: id => id.trim() !== '',\n\t\t},\n\n\t\t/**\n\t\t * checked state of the the radio element\n\t\t */\n\t\tmodelValue: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Define if this radio is part of a set.\n\t\t * Checking the radio will disable all the\n\t\t * others with the same name.\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 * value of the radio input\n\t\t */\n\t\tvalue: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * disabled state of the radio element\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\temits: [\n\t\t'change',\n\t\t'update:modelValue',\n\t],\n\n\tcomputed: {\n\t\t/**\n\t\t * determines if the action is focusable\n\t\t *\n\t\t * @return {boolean} is the action focusable ?\n\t\t */\n\t\tisFocusable() {\n\t\t\treturn !this.disabled\n\t\t},\n\n\t\t/**\n\t\t * aria-checked attribute for role=\"menuitemcheckbox\"\n\t\t *\n\t\t * @return {'true'|'false'|undefined} aria-checked value if needed\n\t\t */\n\t\t ariaChecked() {\n\t\t\tif (this.isInSemanticMenu) {\n\t\t\t\treturn this.modelValue ? 'true' : 'false'\n\t\t\t}\n\t\t\treturn undefined\n\t\t},\n\t},\n\n\tmethods: {\n\t\ttoggleInput(/* event */) {\n\t\t\t// by clicking we also trigger the change event\n\t\t\tthis.$refs.label.click()\n\t\t},\n\t\tonChange(event) {\n\t\t\t/**\n\t\t\t * Emitted when the radio state is changed\n\t\t\t *\n\t\t\t * @type {boolean}\n\t\t\t */\n\t\t\tthis.$emit('update:modelValue', this.$refs.radio.checked)\n\n\t\t\t/**\n\t\t\t * Emitted when the radio state is changed\n\t\t\t *\n\t\t\t * @type {Event}\n\t\t\t */\n\t\t\tthis.$emit('change', event)\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/action';\n@include action-active;\n@include action--disabled;\n\n.action-radio {\n\tdisplay: flex;\n\talign-items: flex-start;\n\n\twidth: 100%;\n\theight: auto;\n\tmargin: 0;\n\tpadding: 0;\n\n\tcursor: pointer;\n\twhite-space: nowrap;\n\n\tcolor: var(--color-main-text);\n\tborder: 0;\n\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\tbackground-color: transparent;\n\tbox-shadow: none;\n\n\tfont-weight: normal;\n\tline-height: $clickable-area;\n\n\t/* checkbox/radio fixes */\n\t&__radio {\n\t\tposition: absolute;\n\t\ttop: auto;\n\t\tleft: -10000px;\n\n\t\toverflow: hidden;\n\n\t\twidth: 1px;\n\t\theight: 1px;\n\t}\n\n\t&__label {\n\t\tdisplay: flex;\n\t\talign-items: center; // align radio to text\n\n\t\twidth: 100%;\n\t\tpadding: 0 !important;\n\t\tpadding-right: $icon-margin !important;\n\n\t\t// radio-width is 12px, border is 2\n\t\t// (44 - 14 - 2) / 2 = 14\n\t\t&::before {\n\t\t\tmargin: 0 14px 0 !important;\n\t\t}\n\t}\n\n\t&--disabled {\n\t\t&,\n\t\t.action-radio__label {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n}\n\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_withKeys","_withModifiers","_toDisplayString","_createCommentVNode"],"mappings":"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"}

package/dist/chunks/NcActionRouter-Dr-j-IUI.mjs

@@ -0,0 +1,83 @@
+import '../assets/NcActionRouter-B0l-dISs.css';
+import { A as ActionTextMixin } from "./actionText-aI0owku1.mjs";
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, pushScopeId, popScopeId } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+const _sfc_main = {
+  name: "NcActionRouter",
+  mixins: [ActionTextMixin],
+  inject: {
+    isInSemanticMenu: {
+      from: "NcActions:isSemanticMenu",
+      default: false
+    }
+  },
+  props: {
+    /**
+     * router-link to prop [https://router.vuejs.org/api/#to](https://router.vuejs.org/api/#to)
+     */
+    to: {
+      type: [String, Object],
+      default: "",
+      required: true
+    }
+  }
+};
+const _withScopeId = (n) => (pushScopeId("data-v-4d03878a"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["role"];
+const _hoisted_2 = {
+  key: 0,
+  class: "action-router__longtext-wrapper"
+};
+const _hoisted_3 = { class: "action-router__name" };
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("br", null, null, -1));
+const _hoisted_5 = ["textContent"];
+const _hoisted_6 = ["textContent"];
+const _hoisted_7 = {
+  key: 2,
+  class: "action-router__text"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_RouterLink = resolveComponent("RouterLink");
+  return openBlock(), createElementBlock("li", {
+    class: "action",
+    role: $options.isInSemanticMenu && "presentation"
+  }, [
+    createVNode(_component_RouterLink, {
+      to: $props.to,
+      "aria-label": _ctx.ariaLabel,
+      title: _ctx.title,
+      class: "action-router focusable",
+      rel: "nofollow noreferrer noopener",
+      role: $options.isInSemanticMenu && "menuitem",
+      onClick: _ctx.onClick
+    }, {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "icon", {}, () => [
+          createElementVNode("span", {
+            class: normalizeClass([[_ctx.isIconUrl ? "action-router__icon--url" : _ctx.icon], "action-router__icon"]),
+            style: normalizeStyle({ backgroundImage: _ctx.isIconUrl ? `url(${_ctx.icon})` : null }),
+            "aria-hidden": "true"
+          }, null, 6)
+        ], true),
+        _ctx.name ? (openBlock(), createElementBlock("span", _hoisted_2, [
+          createElementVNode("strong", _hoisted_3, toDisplayString(_ctx.name), 1),
+          _hoisted_4,
+          createElementVNode("span", {
+            class: "action-router__longtext",
+            textContent: toDisplayString(_ctx.text)
+          }, null, 8, _hoisted_5)
+        ])) : _ctx.isLongText ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: "action-router__longtext",
+          textContent: toDisplayString(_ctx.text)
+        }, null, 8, _hoisted_6)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(_ctx.text), 1)),
+        createCommentVNode("", true)
+      ]),
+      _: 3
+    }, 8, ["to", "aria-label", "title", "role", "onClick"])
+  ], 8, _hoisted_1);
+}
+const NcActionRouter = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4d03878a"]]);
+export {
+  NcActionRouter as N
+};

package/dist/chunks/NcActionRouter-Dr-j-IUI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionRouter-Dr-j-IUI.mjs","sources":["../../src/components/NcActionRouter/NcActionRouter.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<li class=\"action\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<RouterLink :to=\"to\"\n\t\t\t:aria-label=\"ariaLabel\"\n\t\t\t:title=\"title\"\n\t\t\tclass=\"action-router focusable\"\n\t\t\trel=\"nofollow noreferrer noopener\"\n\t\t\t:role=\"isInSemanticMenu && 'menuitem'\"\n\t\t\t@click=\"onClick\">\n\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span :class=\"[isIconUrl ? 'action-router__icon--url' : icon]\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\tclass=\"action-router__icon\"\n\t\t\t\t\taria-hidden=\"true\" />\n\t\t\t</slot>\n\n\t\t\t<!-- long text with name -->\n\t\t\t<span v-if=\"name\"\n\t\t\t\tclass=\"action-router__longtext-wrapper\">\n\t\t\t\t<strong class=\"action-router__name\">\n\t\t\t\t\t{{ name }}\n\t\t\t\t</strong>\n\t\t\t\t<br>\n\t\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t\t<span class=\"action-router__longtext\" v-text=\"text\" />\n\t\t\t</span>\n\n\t\t\t<!-- long text only -->\n\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t<span v-else-if=\"isLongText\"\n\t\t\t\tclass=\"action-router__longtext\"\n\t\t\t\tv-text=\"text\" />\n\n\t\t\t<!-- default text display -->\n\t\t\t<span v-else class=\"action-router__text\">{{ text }}</span>\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</RouterLink>\n\t</li>\n</template>\n\n<script>\nimport ActionTextMixin from '../../mixins/actionText.js'\n\nexport default {\n\tname: 'NcActionRouter',\n\n\tmixins: [ActionTextMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * router-link to prop [https://router.vuejs.org/api/#to](https://router.vuejs.org/api/#to)\n\t\t */\n\t\tto: {\n\t\t\ttype: [String, Object],\n\t\t\tdefault: '',\n\t\t\trequired: true,\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/action';\n@include action-active;\n@include action-item('router');\n@include action--disabled;\n\n</style>\n"],"names":["_createElementVNode","_createElementBlock","_createVNode","_withCtx","_renderSlot","_normalizeClass","_normalizeStyle","_openBlock","_toDisplayString","_createCommentVNode"],"mappings":";;;AAqDA,MAAK,YAAU;AAAA,EACd,MAAM;AAAA,EAEN,QAAQ,CAAC,eAAe;AAAA,EAExB,QAAQ;AAAA,IACP,kBAAkB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIN,IAAI;AAAA,MACH,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,UAAU;AAAA,IACV;AAAA,EACD;AACF;;AA3EA,MAAA,aAAA,CAAA,MAAA;;EAAA,KAAA;AAAA,EAwBI,OAAM;;AACE,MAAA,aAAA,EAAA,OAAM,sBAAqB;sDAGnCA,mCAAI,MAAA,MAAA,MAAA,EAAA,CAAA;AA5BR,MAAA,aAAA,CAAA,aAAA;AAAA,MAAA,aAAA,CAAA,aAAA;;EAAA,KAAA;AAAA,EA0CgB,OAAM;;;;sBApCrBC,mBAyCK,MAAA;AAAA,IAzCD,OAAM;AAAA,IAAU,MAAM,SAAgB,oBAAA;AAAA;IACzCC,YAuCa,uBAAA;AAAA,MAvCA,IAAI,OAAE;AAAA,MACjB,cAAY,KAAS;AAAA,MACrB,OAAO,KAAK;AAAA,MACb,OAAM;AAAA,MACN,KAAI;AAAA,MACH,MAAM,SAAgB,oBAAA;AAAA,MACtB,SAAO,KAAO;AAAA;MAblB,SAAAC,QAeG,MAKO;AAAA,QALPC,WAKO,yBALP,MAKO;AAAA,UAJNJ,mBAGsB,QAAA;AAAA,YAHf,OAhBXK,eAgBmB,CAAA,CAAA,KAAA,YAAyC,6BAAA,KAAA,IAAI,GAErD,qBAAqB,CAAA;AAAA,YAD1B,OAjBNC,eAAA,EAAA,iBAiBgC,KAAS,YAAA,OAAU,KAAI,IAAA,MAAA,KAAA,CAAA;AAAA,YAElD,eAAY;AAAA;;QAIF,KAAI,QAAhBC,aAAAN,mBASO,QATP,YASO;AAAA,UAPND,mBAES,UAFT,YAESQ,gBADL,KAAI,IAAA,GAAA,CAAA;AAAA,UAER;AAAA,UAGAR,mBAAsD,QAAA;AAAA,YAAhD,OAAM;AAAA,YA/BhB,aA+B0CQ,gBAAa,KAAD,IAAA;AAAA,UA/BtD,GAAA,MAAA,GAAA,UAAA;AAAA,cAqCoB,KAAU,2BAA3BP,mBAEiB,QAAA;AAAA,UAvCpB,KAAA;AAAA,UAsCI,OAAM;AAAA,UAtCV,aAuCIO,gBAAa,KAAD,IAAA;AAAA,QAvChB,GAAA,MAAA,GAAA,UAAA,mBA0CGP,mBAA0D,QAA1D,YAA0DO,gBAAd,KAAI,IAAA,GAAA,CAAA;AAAA,QA1CnDC,mBAAA,IAAA,IAAA;AAAA;MAAA,GAAA;AAAA;EAAA,GAAA,GAAA,UAAA;;;"}

package/dist/chunks/NcActionSeparator-DKFXmIJ5.mjs

@@ -0,0 +1,17 @@
+import '../assets/NcActionSeparator-CEbb5P6P.css';
+import { openBlock, createElementBlock } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+const _sfc_main = {
+  name: "NcActionSeparator"
+};
+const _hoisted_1 = {
+  class: "action action-separator action--disabled",
+  role: "separator"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("li", _hoisted_1);
+}
+const NcActionSeparator = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3e2324b7"]]);
+export {
+  NcActionSeparator as N
+};

package/dist/chunks/NcActionSeparator-DKFXmIJ5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionSeparator-DKFXmIJ5.mjs","sources":["../../src/components/NcActionSeparator/NcActionSeparator.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<li class=\"action action-separator action--disabled\" role=\"separator\" />\n</template>\n\n<script>\nexport default {\n\tname: 'NcActionSeparator',\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.action-separator {\n\theight: 0;\n\tmargin: 5px 10px 5px 15px;\n\tborder-bottom: 1px solid var(--color-border-dark);\n\tcursor: default;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;AAUA,MAAK,YAAU;AAAA,EACd,MAAM;AACP;;EANK,OAAM;AAAA,EAA2C,MAAK;;;AAA1D,SAAAA,UAAA,GAAAC,mBAAwE,MAAxE,UAAwE;;;"}

package/dist/chunks/NcActionText-C5ZPI56c.mjs

@@ -0,0 +1,65 @@
+import '../assets/NcActionText-Ip9hRt85.css';
+import { A as ActionTextMixin } from "./actionText-aI0owku1.mjs";
+import { openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, normalizeStyle, createCommentVNode, toDisplayString, pushScopeId, popScopeId } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+const _sfc_main = {
+  name: "NcActionText",
+  mixins: [ActionTextMixin],
+  inject: {
+    isInSemanticMenu: {
+      from: "NcActions:isSemanticMenu",
+      default: false
+    }
+  }
+};
+const _withScopeId = (n) => (pushScopeId("data-v-824615f4"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["role"];
+const _hoisted_2 = {
+  key: 0,
+  class: "action-text__longtext-wrapper"
+};
+const _hoisted_3 = { class: "action-text__name" };
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("br", null, null, -1));
+const _hoisted_5 = ["textContent"];
+const _hoisted_6 = ["textContent"];
+const _hoisted_7 = {
+  key: 2,
+  class: "action-text__text"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("li", {
+    class: "action",
+    role: $options.isInSemanticMenu && "presentation"
+  }, [
+    createElementVNode("span", {
+      class: "action-text",
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+    }, [
+      renderSlot(_ctx.$slots, "icon", {}, () => [
+        _ctx.icon !== "" ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass([[_ctx.isIconUrl ? "action-text__icon--url" : _ctx.icon], "action-text__icon"]),
+          "aria-hidden": "true",
+          style: normalizeStyle({ backgroundImage: _ctx.isIconUrl ? `url(${_ctx.icon})` : null })
+        }, null, 6)) : createCommentVNode("", true)
+      ], true),
+      _ctx.name ? (openBlock(), createElementBlock("span", _hoisted_2, [
+        createElementVNode("strong", _hoisted_3, toDisplayString(_ctx.name), 1),
+        _hoisted_4,
+        createElementVNode("span", {
+          class: "action-text__longtext",
+          textContent: toDisplayString(_ctx.text)
+        }, null, 8, _hoisted_5)
+      ])) : _ctx.isLongText ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        class: "action-text__longtext",
+        textContent: toDisplayString(_ctx.text)
+      }, null, 8, _hoisted_6)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(_ctx.text), 1)),
+      createCommentVNode("", true)
+    ])
+  ], 8, _hoisted_1);
+}
+const NcActionText = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-824615f4"]]);
+export {
+  NcActionText as N
+};

package/dist/chunks/NcActionText-C5ZPI56c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionText-C5ZPI56c.mjs","sources":["../../src/components/NcActionText/NcActionText.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<li class=\"action\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<span class=\"action-text\"\n\t\t\t@click=\"onClick\">\n\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span v-if=\"icon !== ''\"\n\t\t\t\t\t:class=\"[isIconUrl ? 'action-text__icon--url' : icon]\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\tclass=\"action-text__icon\" />\n\t\t\t</slot>\n\n\t\t\t<!-- long text with name -->\n\t\t\t<span v-if=\"name\"\n\t\t\t\tclass=\"action-text__longtext-wrapper\">\n\t\t\t\t<strong class=\"action-text__name\">\n\t\t\t\t\t{{ name }}\n\t\t\t\t</strong>\n\t\t\t\t<br>\n\t\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t\t<span class=\"action-text__longtext\" v-text=\"text\" />\n\t\t\t</span>\n\n\t\t\t<!-- long text only -->\n\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t<span v-else-if=\"isLongText\"\n\t\t\t\tclass=\"action-text__longtext\"\n\t\t\t\tv-text=\"text\" />\n\n\t\t\t<!-- default text display -->\n\t\t\t<span v-else class=\"action-text__text\">{{ text }}</span>\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</span>\n\t</li>\n</template>\n\n<script>\nimport ActionTextMixin from '../../mixins/actionText.js'\n\nexport default {\n\tname: 'NcActionText',\n\n\tmixins: [ActionTextMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/action';\n@include action-active;\n@include action-item('text');\n@include action--disabled;\n\n.action-text {\n\t&,\n\tspan {\n\t\tcursor: default;\n\t}\n}\n</style>\n"],"names":["_createElementVNode","_createElementBlock","_renderSlot","_normalizeClass","_normalizeStyle","_createCommentVNode","_openBlock","_toDisplayString"],"mappings":";;;AAiDA,MAAK,YAAU;AAAA,EACd,MAAM;AAAA,EAEN,QAAQ,CAAC,eAAe;AAAA,EAExB,QAAQ;AAAA,IACP,kBAAkB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA,EACD;AACF;;AA5DA,MAAA,aAAA,CAAA,MAAA;;EAAA,KAAA;AAAA,EAoBI,OAAM;;AACE,MAAA,aAAA,EAAA,OAAM,oBAAmB;sDAGjCA,mCAAI,MAAA,MAAA,MAAA,EAAA,CAAA;AAxBR,MAAA,aAAA,CAAA,aAAA;AAAA,MAAA,aAAA,CAAA,aAAA;;EAAA,KAAA;AAAA,EAsCgB,OAAM;;;sBAhCrBC,mBAqCK,MAAA;AAAA,IArCD,OAAM;AAAA,IAAU,MAAM,SAAgB,oBAAA;AAAA;IACzCD,mBAmCO,QAAA;AAAA,MAnCD,OAAM;AAAA,MACV,gDAAO,KAAO,WAAA,KAAA,QAAA,GAAA,IAAA;AAAA;MAEfE,WAMO,yBANP,MAMO;AAAA,QALM,KAAI,SAAA,mBAAhBD,mBAI6B,QAAA;AAAA,UAfjC,KAAA;AAAA,UAYM,OAZNE,eAYc,CAAA,CAAA,KAAA,YAAuC,2BAAA,KAAA,IAAI,GAG9C,mBAAmB,CAAA;AAAA,UAFzB,eAAY;AAAA,UACX,OAdNC,eAAA,EAAA,iBAcgC,KAAS,YAAA,OAAU,KAAI,IAAA,MAAA,KAAA,CAAA;AAAA,uBAdvDC,mBAAA,IAAA,IAAA;AAAA;MAmBe,KAAI,QAAhBC,aAAAL,mBASO,QATP,YASO;AAAA,QAPND,mBAES,UAFT,YAESO,gBADL,KAAI,IAAA,GAAA,CAAA;AAAA,QAER;AAAA,QAGAP,mBAAoD,QAAA;AAAA,UAA9C,OAAM;AAAA,UA3BhB,aA2BwCO,gBAAa,KAAD,IAAA;AAAA,QA3BpD,GAAA,MAAA,GAAA,UAAA;AAAA,YAiCoB,KAAU,2BAA3BN,mBAEiB,QAAA;AAAA,QAnCpB,KAAA;AAAA,QAkCI,OAAM;AAAA,QAlCV,aAmCIM,gBAAa,KAAD,IAAA;AAAA,MAnChB,GAAA,MAAA,GAAA,UAAA,mBAsCGN,mBAAwD,QAAxD,YAAwDM,gBAAd,KAAI,IAAA,GAAA,CAAA;AAAA,MAtCjDF,mBAAA,IAAA,IAAA;AAAA;EAAA,GAAA,GAAA,UAAA;;;"}