1 |
- {"version":3,"file":"3865-3865.js?v=ca55e6fdeed8aabe3e40","mappings":"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","sources":["webpack:///nextcloud/apps/settings/src/components/AppStoreDiscover/CarouselType.vue?vue&type=style&index=0&id=ee726cc0&prod&scoped=true&lang=scss","webpack:///nextcloud/apps/settings/src/components/AppStoreDiscover/CarouselType.vue?vue&type=style&index=1&id=ee726cc0&prod&lang=css","webpack:///nextcloud/apps/settings/src/components/AppStoreDiscover/CarouselType.vue","webpack:///nextcloud/apps/settings/src/components/AppStoreDiscover/CarouselType.vue?vue&type=script&lang=ts","webpack://nextcloud/./apps/settings/src/components/AppStoreDiscover/CarouselType.vue?3237","webpack://nextcloud/./apps/settings/src/components/AppStoreDiscover/CarouselType.vue?8a2f","webpack://nextcloud/./apps/settings/src/components/AppStoreDiscover/CarouselType.vue?982a"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `h3[data-v-ee726cc0]{font-size:24px;font-weight:600;margin-block:0 1em}.app-discover-carousel__wrapper[data-v-ee726cc0]{display:flex}.app-discover-carousel__button[data-v-ee726cc0]{color:var(--color-text-maxcontrast);position:absolute;top:calc(50% - 22px)}.app-discover-carousel__button-wrapper[data-v-ee726cc0]{position:relative}.app-discover-carousel__button--next[data-v-ee726cc0]{right:-54px}.app-discover-carousel__button--previous[data-v-ee726cc0]{left:-54px}.app-discover-carousel__tabs[data-v-ee726cc0]{display:flex;flex-direction:row;justify-content:center}.app-discover-carousel__tabs>*[data-v-ee726cc0]{color:var(--color-text-maxcontrast)}`, \"\",{\"version\":3,\"sources\":[\"webpack://./apps/settings/src/components/AppStoreDiscover/CarouselType.vue\"],\"names\":[],\"mappings\":\"AACA,oBACC,cAAA,CACA,eAAA,CACA,kBAAA,CAIA,iDACC,YAAA,CAGD,gDACC,mCAAA,CACA,iBAAA,CACA,oBAAA,CAEA,wDACC,iBAAA,CAID,sDACC,WAAA,CAED,0DACC,UAAA,CAIF,8CACC,YAAA,CACA,kBAAA,CACA,sBAAA,CAEA,gDACC,mCAAA\",\"sourcesContent\":[\"\\nh3 {\\n\\tfont-size: 24px;\\n\\tfont-weight: 600;\\n\\tmargin-block: 0 1em;\\n}\\n\\n.app-discover-carousel {\\n\\t&__wrapper {\\n\\t\\tdisplay: flex;\\n\\t}\\n\\n\\t&__button {\\n\\t\\tcolor: var(--color-text-maxcontrast);\\n\\t\\tposition: absolute;\\n\\t\\ttop: calc(50% - 22px); // 50% minus half of button height\\n\\n\\t\\t&-wrapper {\\n\\t\\t\\tposition: relative;\\n\\t\\t}\\n\\n\\t\\t// See padding of discover section\\n\\t\\t&--next {\\n\\t\\t\\tright: -54px;\\n\\t\\t}\\n\\t\\t&--previous {\\n\\t\\t\\tleft: -54px;\\n\\t\\t}\\n\\t}\\n\\n\\t&__tabs {\\n\\t\\tdisplay: flex;\\n\\t\\tflex-direction: row;\\n\\t\\tjustify-content: center;\\n\\n\\t\\t> * {\\n\\t\\t\\tcolor: var(--color-text-maxcontrast);\\n\\t\\t}\\n\\t}\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `\n.slide-in-enter-active,\n.slide-in-leave-active,\n.slide-out-enter-active,\n.slide-out-leave-active {\n transition: all .4s ease-out;\n}\n.slide-in-leave-to,\n.slide-out-enter {\n opacity: 0;\n transform: translateX(50%);\n}\n.slide-in-enter,\n.slide-out-leave-to {\n opacity: 0;\n transform: translateX(-50%);\n}\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./apps/settings/src/components/AppStoreDiscover/CarouselType.vue\"],\"names\":[],\"mappings\":\";AAuLA;;;;EAIA,4BAAA;AACA;AAEA;;EAEA,UAAA;EACA,0BAAA;AACA;AAEA;;EAEA,UAAA;EACA,2BAAA;AACA\",\"sourcesContent\":[\"<template>\\n\\t<section :aria-roledescription=\\\"t('settings', 'Carousel')\\\" :aria-labelledby=\\\"headingId ? `${headingId}` : undefined\\\">\\n\\t\\t<h3 v-if=\\\"headline\\\" :id=\\\"headingId\\\">\\n\\t\\t\\t{{ translatedHeadline }}\\n\\t\\t</h3>\\n\\t\\t<div class=\\\"app-discover-carousel__wrapper\\\">\\n\\t\\t\\t<div class=\\\"app-discover-carousel__button-wrapper\\\">\\n\\t\\t\\t\\t<NcButton class=\\\"app-discover-carousel__button app-discover-carousel__button--previous\\\"\\n\\t\\t\\t\\t\\ttype=\\\"tertiary-no-background\\\"\\n\\t\\t\\t\\t\\t:aria-label=\\\"t('settings', 'Previous slide')\\\"\\n\\t\\t\\t\\t\\t:disabled=\\\"!hasPrevious\\\"\\n\\t\\t\\t\\t\\t@click=\\\"currentIndex -= 1\\\">\\n\\t\\t\\t\\t\\t<template #icon>\\n\\t\\t\\t\\t\\t\\t<NcIconSvgWrapper :path=\\\"mdiChevronLeft\\\" />\\n\\t\\t\\t\\t\\t</template>\\n\\t\\t\\t\\t</NcButton>\\n\\t\\t\\t</div>\\n\\n\\t\\t\\t<Transition :name=\\\"transitionName\\\" mode=\\\"out-in\\\">\\n\\t\\t\\t\\t<PostType v-bind=\\\"shownElement\\\"\\n\\t\\t\\t\\t\\t:key=\\\"shownElement.id ?? currentIndex\\\"\\n\\t\\t\\t\\t\\t:aria-labelledby=\\\"`${internalId}-tab-${currentIndex}`\\\"\\n\\t\\t\\t\\t\\t:dom-id=\\\"`${internalId}-tabpanel-${currentIndex}`\\\"\\n\\t\\t\\t\\t\\tinline\\n\\t\\t\\t\\t\\trole=\\\"tabpanel\\\" />\\n\\t\\t\\t</Transition>\\n\\n\\t\\t\\t<div class=\\\"app-discover-carousel__button-wrapper\\\">\\n\\t\\t\\t\\t<NcButton class=\\\"app-discover-carousel__button app-discover-carousel__button--next\\\"\\n\\t\\t\\t\\t\\ttype=\\\"tertiary-no-background\\\"\\n\\t\\t\\t\\t\\t:aria-label=\\\"t('settings', 'Next slide')\\\"\\n\\t\\t\\t\\t\\t:disabled=\\\"!hasNext\\\"\\n\\t\\t\\t\\t\\t@click=\\\"currentIndex += 1\\\">\\n\\t\\t\\t\\t\\t<template #icon>\\n\\t\\t\\t\\t\\t\\t<NcIconSvgWrapper :path=\\\"mdiChevronRight\\\" />\\n\\t\\t\\t\\t\\t</template>\\n\\t\\t\\t\\t</NcButton>\\n\\t\\t\\t</div>\\n\\t\\t</div>\\n\\t\\t<div class=\\\"app-discover-carousel__tabs\\\" role=\\\"tablist\\\" :aria-label=\\\"t('settings', 'Choose slide to display')\\\">\\n\\t\\t\\t<NcButton v-for=\\\"index of content.length\\\"\\n\\t\\t\\t\\t:id=\\\"`${internalId}-tab-${index}`\\\"\\n\\t\\t\\t\\t:key=\\\"index\\\"\\n\\t\\t\\t\\t:aria-label=\\\"t('settings', '{index} of {total}', { index, total: content.length })\\\"\\n\\t\\t\\t\\t:aria-controls=\\\"`${internalId}-tabpanel-${index}`\\\"\\n\\t\\t\\t\\t:aria-selected=\\\"`${currentIndex === (index - 1)}`\\\"\\n\\t\\t\\t\\trole=\\\"tab\\\"\\n\\t\\t\\t\\ttype=\\\"tertiary-no-background\\\"\\n\\t\\t\\t\\t@click=\\\"currentIndex = index - 1\\\">\\n\\t\\t\\t\\t<template #icon>\\n\\t\\t\\t\\t\\t<NcIconSvgWrapper :path=\\\"currentIndex === (index - 1) ? mdiCircleSlice8 : mdiCircleOutline\\\" />\\n\\t\\t\\t\\t</template>\\n\\t\\t\\t</NcButton>\\n\\t\\t</div>\\n\\t</section>\\n</template>\\n\\n<script lang=\\\"ts\\\">\\nimport type { PropType } from 'vue'\\nimport type { IAppDiscoverCarousel } from '../../constants/AppDiscoverTypes.ts'\\n\\nimport { mdiChevronLeft, mdiChevronRight, mdiCircleOutline, mdiCircleSlice8 } from '@mdi/js'\\nimport { translate as t } from '@nextcloud/l10n'\\nimport { computed, defineComponent, nextTick, ref, watch } from 'vue'\\nimport { commonAppDiscoverProps } from './common.ts'\\nimport { useLocalizedValue } from '../../composables/useGetLocalizedValue.ts'\\n\\nimport NcButton from '@nextcloud/vue/dist/Components/NcButton.js'\\nimport NcIconSvgWrapper from '@nextcloud/vue/dist/Components/NcIconSvgWrapper.js'\\nimport PostType from './PostType.vue'\\n\\nexport default defineComponent({\\n\\tname: 'CarouselType',\\n\\n\\tcomponents: {\\n\\t\\tNcButton,\\n\\t\\tNcIconSvgWrapper,\\n\\t\\tPostType,\\n\\t},\\n\\n\\tprops: {\\n\\t\\t...commonAppDiscoverProps,\\n\\n\\t\\t/**\\n\\t\\t * The content of the carousel\\n\\t\\t */\\n\\t\\tcontent: {\\n\\t\\t\\ttype: Array as PropType<IAppDiscoverCarousel['content']>,\\n\\t\\t\\trequired: true,\\n\\t\\t},\\n\\t},\\n\\n\\tsetup(props) {\\n\\t\\tconst translatedHeadline = useLocalizedValue(computed(() => props.headline))\\n\\n\\t\\tconst currentIndex = ref(Math.min(1, props.content.length - 1))\\n\\t\\tconst shownElement = ref(props.content[currentIndex.value])\\n\\t\\tconst hasNext = computed(() => currentIndex.value < (props.content.length - 1))\\n\\t\\tconst hasPrevious = computed(() => currentIndex.value > 0)\\n\\n\\t\\tconst internalId = computed(() => props.id ?? (Math.random() + 1).toString(36).substring(7))\\n\\t\\tconst headingId = computed(() => `${internalId.value}-h`)\\n\\n\\t\\tconst transitionName = ref('slide-in')\\n\\t\\twatch(() => currentIndex.value, (o, n) => {\\n\\t\\t\\tif (o < n) {\\n\\t\\t\\t\\ttransitionName.value = 'slide-in'\\n\\t\\t\\t} else {\\n\\t\\t\\t\\ttransitionName.value = 'slide-out'\\n\\t\\t\\t}\\n\\n\\t\\t\\t// Wait next tick\\n\\t\\t\\tnextTick(() => {\\n\\t\\t\\t\\tshownElement.value = props.content[currentIndex.value]\\n\\t\\t\\t})\\n\\t\\t})\\n\\n\\t\\treturn {\\n\\t\\t\\tt,\\n\\t\\t\\tinternalId,\\n\\t\\t\\theadingId,\\n\\n\\t\\t\\thasNext,\\n\\t\\t\\thasPrevious,\\n\\t\\t\\tcurrentIndex,\\n\\t\\t\\tshownElement,\\n\\n\\t\\t\\ttransitionName,\\n\\n\\t\\t\\ttranslatedHeadline,\\n\\n\\t\\t\\tmdiChevronLeft,\\n\\t\\t\\tmdiChevronRight,\\n\\t\\t\\tmdiCircleOutline,\\n\\t\\t\\tmdiCircleSlice8,\\n\\t\\t}\\n\\t},\\n})\\n</script>\\n\\n<style scoped lang=\\\"scss\\\">\\nh3 {\\n\\tfont-size: 24px;\\n\\tfont-weight: 600;\\n\\tmargin-block: 0 1em;\\n}\\n\\n.app-discover-carousel {\\n\\t&__wrapper {\\n\\t\\tdisplay: flex;\\n\\t}\\n\\n\\t&__button {\\n\\t\\tcolor: var(--color-text-maxcontrast);\\n\\t\\tposition: absolute;\\n\\t\\ttop: calc(50% - 22px); // 50% minus half of button height\\n\\n\\t\\t&-wrapper {\\n\\t\\t\\tposition: relative;\\n\\t\\t}\\n\\n\\t\\t// See padding of discover section\\n\\t\\t&--next {\\n\\t\\t\\tright: -54px;\\n\\t\\t}\\n\\t\\t&--previous {\\n\\t\\t\\tleft: -54px;\\n\\t\\t}\\n\\t}\\n\\n\\t&__tabs {\\n\\t\\tdisplay: flex;\\n\\t\\tflex-direction: row;\\n\\t\\tjustify-content: center;\\n\\n\\t\\t> * {\\n\\t\\t\\tcolor: var(--color-text-maxcontrast);\\n\\t\\t}\\n\\t}\\n}\\n</style>\\n\\n<style>\\n.slide-in-enter-active,\\n.slide-in-leave-active,\\n.slide-out-enter-active,\\n.slide-out-leave-active {\\n transition: all .4s ease-out;\\n}\\n\\n.slide-in-leave-to,\\n.slide-out-enter {\\n opacity: 0;\\n transform: translateX(50%);\\n}\\n\\n.slide-in-enter,\\n.slide-out-leave-to {\\n opacity: 0;\\n transform: translateX(-50%);\\n}\\n</style>\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('section',{attrs:{\"aria-roledescription\":_vm.t('settings', 'Carousel'),\"aria-labelledby\":_vm.headingId ? `${_vm.headingId}` : undefined}},[(_vm.headline)?_c('h3',{attrs:{\"id\":_vm.headingId}},[_vm._v(\"\\n\\t\\t\"+_vm._s(_vm.translatedHeadline)+\"\\n\\t\")]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"app-discover-carousel__wrapper\"},[_c('div',{staticClass:\"app-discover-carousel__button-wrapper\"},[_c('NcButton',{staticClass:\"app-discover-carousel__button app-discover-carousel__button--previous\",attrs:{\"type\":\"tertiary-no-background\",\"aria-label\":_vm.t('settings', 'Previous slide'),\"disabled\":!_vm.hasPrevious},on:{\"click\":function($event){_vm.currentIndex -= 1}},scopedSlots:_vm._u([{key:\"icon\",fn:function(){return [_c('NcIconSvgWrapper',{attrs:{\"path\":_vm.mdiChevronLeft}})]},proxy:true}])})],1),_vm._v(\" \"),_c('Transition',{attrs:{\"name\":_vm.transitionName,\"mode\":\"out-in\"}},[_c('PostType',_vm._b({key:_vm.shownElement.id ?? _vm.currentIndex,attrs:{\"aria-labelledby\":`${_vm.internalId}-tab-${_vm.currentIndex}`,\"dom-id\":`${_vm.internalId}-tabpanel-${_vm.currentIndex}`,\"inline\":\"\",\"role\":\"tabpanel\"}},'PostType',_vm.shownElement,false))],1),_vm._v(\" \"),_c('div',{staticClass:\"app-discover-carousel__button-wrapper\"},[_c('NcButton',{staticClass:\"app-discover-carousel__button app-discover-carousel__button--next\",attrs:{\"type\":\"tertiary-no-background\",\"aria-label\":_vm.t('settings', 'Next slide'),\"disabled\":!_vm.hasNext},on:{\"click\":function($event){_vm.currentIndex += 1}},scopedSlots:_vm._u([{key:\"icon\",fn:function(){return [_c('NcIconSvgWrapper',{attrs:{\"path\":_vm.mdiChevronRight}})]},proxy:true}])})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"app-discover-carousel__tabs\",attrs:{\"role\":\"tablist\",\"aria-label\":_vm.t('settings', 'Choose slide to display')}},_vm._l((_vm.content.length),function(index){return _c('NcButton',{key:index,attrs:{\"id\":`${_vm.internalId}-tab-${index}`,\"aria-label\":_vm.t('settings', '{index} of {total}', { index, total: _vm.content.length }),\"aria-controls\":`${_vm.internalId}-tabpanel-${index}`,\"aria-selected\":`${_vm.currentIndex === (index - 1)}`,\"role\":\"tab\",\"type\":\"tertiary-no-background\"},on:{\"click\":function($event){_vm.currentIndex = index - 1}},scopedSlots:_vm._u([{key:\"icon\",fn:function(){return [_c('NcIconSvgWrapper',{attrs:{\"path\":_vm.currentIndex === (index - 1) ? _vm.mdiCircleSlice8 : _vm.mdiCircleOutline}})]},proxy:true}],null,true)})}),1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/ts-loader/index.js??clonedRuleSet-4.use[1]!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CarouselType.vue?vue&type=script&lang=ts\"; export default mod; export * from \"-!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/ts-loader/index.js??clonedRuleSet-4.use[1]!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CarouselType.vue?vue&type=script&lang=ts\"","\n import API from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/sass-loader/dist/cjs.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CarouselType.vue?vue&type=style&index=0&id=ee726cc0&prod&scoped=true&lang=scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/sass-loader/dist/cjs.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CarouselType.vue?vue&type=style&index=0&id=ee726cc0&prod&scoped=true&lang=scss\";\n export default content && content.locals ? content.locals : undefined;\n","\n import API from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CarouselType.vue?vue&type=style&index=1&id=ee726cc0&prod&lang=css\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CarouselType.vue?vue&type=style&index=1&id=ee726cc0&prod&lang=css\";\n export default content && content.locals ? content.locals : undefined;\n","import { render, staticRenderFns } from \"./CarouselType.vue?vue&type=template&id=ee726cc0&scoped=true\"\nimport script from \"./CarouselType.vue?vue&type=script&lang=ts\"\nexport * from \"./CarouselType.vue?vue&type=script&lang=ts\"\nimport style0 from \"./CarouselType.vue?vue&type=style&index=0&id=ee726cc0&prod&scoped=true&lang=scss\"\nimport style1 from \"./CarouselType.vue?vue&type=style&index=1&id=ee726cc0&prod&lang=css\"\n\n\n\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"ee726cc0\",\n null\n \n)\n\nexport default component.exports"],"names":["___CSS_LOADER_EXPORT___","push","module","id","defineComponent","name","components","NcButton","NcIconSvgWrapper","PostType","props","commonAppDiscoverProps","content","type","Array","required","setup","translatedHeadline","useLocalizedValue","computed","headline","currentIndex","ref","Math","min","length","shownElement","value","hasNext","hasPrevious","internalId","_props$id","random","toString","substring","headingId","concat","transitionName","watch","o","n","nextTick","t","mdiChevronLeft","mdiChevronRight","mdiCircleOutline","mdiCircleSlice8","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","_vm$shownElement$id","_vm","this","_c","_self","_setupProxy","attrs","undefined","_v","_s","_e","staticClass","on","$event","scopedSlots","_u","key","fn","proxy","_b","_l","index","total"],"sourceRoot":""}
|