UNPKG

@nextcloud/vue

Version:
1 lines 3.85 kB
{"version":3,"file":"NcActionRouter-oT-YU_jf.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\n\t\t\t:aria-label\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:title\n\t\t\t:to\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\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclass=\"action-router__icon\"\n\t\t\t\t\t:class=\"[isIconUrl ? 'action-router__icon--url' : icon]\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\" />\n\t\t\t</slot>\n\n\t\t\t<!-- long text with name -->\n\t\t\t<span\n\t\t\t\tv-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\n\t\t\t\tv-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'\nimport { NC_ACTIONS_IS_SEMANTIC_MENU } from '../NcActions/useNcActions.ts'\n\nexport default {\n\tname: 'NcActionRouter',\n\n\tmixins: [ActionTextMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: NC_ACTIONS_IS_SEMANTIC_MENU,\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\trequired: true,\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@use '../../assets/action.scss' as *;\n@include action-active;\n@include action-item('router');\n@include action--disabled;\n</style>\n"],"names":["_createElementBlock","_createVNode","_renderSlot","_createElementVNode","_normalizeClass","_normalizeStyle","_openBlock","_toDisplayString"],"mappings":";;;;AA0DA,MAAK,YAAU;AAAA,EACd,MAAM;AAAA,EAEN,QAAQ,CAAC,eAAe;AAAA,EAExB,QAAQ;AAAA,IACP,kBAAkB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;;EAIX,OAAO;AAAA;AAAA;AAAA;AAAA,IAIN,IAAI;AAAA,MACH,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,UAAU;AAAA;;AAGb;;;;EApDI,OAAM;;AACE,MAAA,aAAA,EAAA,OAAM,sBAAqB;;;;;EAkBvB,OAAM;;;;sBAxCrBA,mBA6CK,MAAA;AAAA,IA7CD,OAAM;AAAA,IAAU,MAAM,SAAA,oBAAgB;AAAA;IACzCC,YA2Ca,uBAAA;AAAA,MA1CX,cAAA,KAAA;AAAA,MACD,OAAM;AAAA,MACN,KAAI;AAAA,MACH,MAAM,SAAA,oBAAgB;AAAA,MACtB,OAAA,KAAA;AAAA,MACA,IAAA,OAAA;AAAA,MACA,SAAO,KAAA;AAAA;uBAER,MAMO;AAAA,QANPC,WAMO,yBANP,MAMO;AAAA,UALNC,mBAImE,QAAA;AAAA,YAHlE,eAAY;AAAA,YACZ,OAAKC,eAAA,CAAC,uBAAqB,CAClB,KAAA,yCAAyC,KAAA,IAAI,CAAA,CAAA;AAAA,YACrD,OAAKC,eAAA,EAAA,iBAAqB,KAAA,YAAS,OAAU,KAAA,IAAI,MAAA,KAAA,CAAA;AAAA;;QAK7C,KAAA,QADPC,aAAAN,mBAUO,QAVP,YAUO;AAAA,UAPNG,mBAES,UAFT,YAESI,gBADL,KAAA,IAAI,GAAA,CAAA;AAAA,oCAERJ,mBAAI,MAAA,MAAA,MAAA,EAAA;AAAA,UAGJA,mBAAsD,QAAA;AAAA,YAAhD,OAAM;AAAA,YAA0B,aAAAI,gBAAa,KAAL,IAAI;AAAA;cAOvC,KAAA,2BADZP,mBAGiB,QAAA;AAAA;UADhB,OAAM;AAAA,UACN,aAAAO,gBAAa,KAAL,IAAI;AAAA,iDAGbP,mBAA0D,QAA1D,YAA0DO,gBAAd,KAAA,IAAI,GAAA,CAAA;AAAA;;;;;;;"}