\r\n \r\n \r\n \r\n \r\n \r\n \r\n teste \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Painel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Painel.vue?vue&type=script&lang=js&\"","import Vue from 'vue'\n\nimport QBtn from '../btn/QBtn.js'\n\nimport DarkMixin from '../../mixins/dark.js'\nimport { PanelParentMixin } from '../../mixins/panel.js'\nimport FullscreenMixin from '../../mixins/fullscreen.js'\n\nimport { isNumber } from '../../utils/is.js'\nimport { mergeSlot } from '../../utils/slot.js'\nimport cache from '../../utils/cache.js'\n\nexport default Vue.extend({\n name: 'QCarousel',\n\n mixins: [ DarkMixin, PanelParentMixin, FullscreenMixin ],\n\n props: {\n height: String,\n padding: Boolean,\n\n controlType: {\n type: String,\n validator: v => [ 'regular', 'flat', 'outline', 'push', 'unelevated' ].includes(v),\n default: 'flat'\n },\n controlColor: String,\n controlTextColor: String,\n\n autoplay: [ Number, Boolean ],\n\n arrows: Boolean,\n prevIcon: String,\n nextIcon: String,\n\n navigation: Boolean,\n navigationPosition: {\n type: String,\n validator: v => [ 'top', 'right', 'bottom', 'left' ].includes(v)\n },\n navigationIcon: String,\n navigationActiveIcon: String,\n\n thumbnails: Boolean\n },\n\n computed: {\n style () {\n if (this.inFullscreen !== true && this.height !== void 0) {\n return {\n height: this.height\n }\n }\n },\n\n direction () {\n return this.vertical === true ? 'vertical' : 'horizontal'\n },\n\n classes () {\n return `q-carousel q-panel-parent q-carousel--with${this.padding === true ? '' : 'out'}-padding` +\n (this.inFullscreen === true ? ' fullscreen' : '') +\n (this.isDark === true ? ' q-carousel--dark q-dark' : '') +\n (this.arrows === true ? ` q-carousel--arrows-${this.direction}` : '') +\n (this.navigation === true ? ` q-carousel--navigation-${this.navigationPositionComputed}` : '')\n },\n\n arrowIcons () {\n const ico = [\n this.prevIcon || this.$q.iconSet.carousel[this.vertical === true ? 'up' : 'left'],\n this.nextIcon || this.$q.iconSet.carousel[this.vertical === true ? 'down' : 'right']\n ]\n\n return this.vertical === false && this.$q.lang.rtl === true\n ? ico.reverse()\n : ico\n },\n\n navIcon () {\n return this.navigationIcon || this.$q.iconSet.carousel.navigationIcon\n },\n\n navActiveIcon () {\n return this.navigationActiveIcon || this.navIcon\n },\n\n navigationPositionComputed () {\n return this.navigationPosition || (this.vertical === true ? 'right' : 'bottom')\n },\n\n controlProps () {\n return {\n color: this.controlColor,\n textColor: this.controlTextColor,\n round: true,\n [ this.controlType ]: true,\n dense: true\n }\n },\n\n transitionPrevComputed () {\n return this.transitionPrev || `fade`\n },\n\n transitionNextComputed () {\n return this.transitionNext || `fade`\n }\n },\n\n watch: {\n value () {\n if (this.autoplay) {\n clearInterval(this.timer)\n this.__startTimer()\n }\n },\n\n autoplay (val) {\n if (val) {\n this.__startTimer()\n }\n else {\n clearInterval(this.timer)\n }\n }\n },\n\n methods: {\n __startTimer () {\n this.timer = setTimeout(\n this.next,\n isNumber(this.autoplay) ? this.autoplay : 5000\n )\n },\n\n __getNavigationContainer (h, type, mapping) {\n return h('div', {\n class: 'q-carousel__control q-carousel__navigation no-wrap absolute flex' +\n ` q-carousel__navigation--${type} q-carousel__navigation--${this.navigationPositionComputed}` +\n (this.controlColor !== void 0 ? ` text-${this.controlColor}` : '')\n }, [\n h('div', {\n staticClass: 'q-carousel__navigation-inner flex flex-center no-wrap'\n }, this.__getEnabledPanels().map(mapping))\n ])\n },\n\n __getContent (h) {\n const node = []\n\n if (this.navigation === true) {\n const fn = this.$scopedSlots['navigation-icon'] !== void 0\n ? this.$scopedSlots['navigation-icon']\n : opts => h(QBtn, {\n key: 'nav' + opts.name,\n class: `q-carousel__navigation-icon q-carousel__navigation-icon--${opts.active === true ? '' : 'in'}active`,\n props: opts.btnProps,\n on: cache(this, 'nav#' + opts.name, { click: opts.onClick })\n })\n\n const maxIndex = this.panels.length - 1\n node.push(\n this.__getNavigationContainer(h, 'buttons', (panel, index) => {\n const name = panel.componentOptions.propsData.name\n const active = this.panelIndex === index\n\n return fn({\n index,\n maxIndex,\n name,\n active,\n btnProps: {\n icon: active === true ? this.navActiveIcon : this.navIcon,\n size: 'sm',\n ...this.controlProps\n },\n onClick: () => { this.goTo(name) }\n })\n })\n )\n }\n else if (this.thumbnails === true) {\n const color = this.controlColor !== void 0\n ? ` text-${this.controlColor}`\n : ''\n\n node.push(this.__getNavigationContainer(h, 'thumbnails', panel => {\n const slide = panel.componentOptions.propsData\n\n return h('img', {\n class: `q-carousel__thumbnail q-carousel__thumbnail--${slide.name === this.value ? '' : 'in'}active` + color,\n attrs: {\n src: slide.imgSrc\n },\n key: 'tmb#' + slide.name,\n on: cache(this, 'tmb#' + slide.name, { click: () => { this.goTo(slide.name) } })\n })\n }))\n }\n\n if (this.arrows === true && this.panelIndex >= 0) {\n if (this.infinite === true || this.panelIndex > 0) {\n node.push(\n h('div', {\n key: 'prev',\n staticClass: `q-carousel__control q-carousel__arrow q-carousel__prev-arrow q-carousel__prev-arrow--${this.direction} absolute flex flex-center`\n }, [\n h(QBtn, {\n props: { icon: this.arrowIcons[0], ...this.controlProps },\n on: cache(this, 'prev', { click: this.previous })\n })\n ])\n )\n }\n\n if (this.infinite === true || this.panelIndex < this.panels.length - 1) {\n node.push(\n h('div', {\n key: 'next',\n staticClass: `q-carousel__control q-carousel__arrow q-carousel__next-arrow q-carousel__next-arrow--${this.direction} absolute flex flex-center`\n }, [\n h(QBtn, {\n props: { icon: this.arrowIcons[1], ...this.controlProps },\n on: cache(this, 'next', { click: this.next })\n })\n ])\n )\n }\n }\n\n return mergeSlot(node, this, 'control')\n },\n\n __renderPanels (h) {\n return h('div', {\n style: this.style,\n class: this.classes,\n on: { ...this.qListeners }\n }, [\n h('div', {\n staticClass: 'q-carousel__slides-container',\n directives: this.panelDirectives\n }, this.__getPanelContent(h))\n ].concat(this.__getContent(h)))\n }\n },\n\n mounted () {\n this.autoplay && this.__startTimer()\n },\n\n beforeDestroy () {\n clearInterval(this.timer)\n }\n})\n","import Vue from 'vue'\n\nimport { PanelChildMixin } from '../../mixins/panel.js'\n\nimport { slot } from '../../utils/slot.js'\n\nexport default Vue.extend({\n name: 'QCarouselSlide',\n\n mixins: [ PanelChildMixin ],\n\n props: {\n imgSrc: String\n },\n\n computed: {\n style () {\n if (this.imgSrc) {\n return {\n backgroundImage: `url(\"${this.imgSrc}\")`\n }\n }\n }\n },\n\n render (h) {\n return h('div', {\n staticClass: 'q-carousel__slide',\n style: this.style,\n on: { ...this.qListeners }\n }, slot(this, 'default'))\n }\n})\n","import Vue from 'vue'\n\nimport ListenersMixin from '../../mixins/listeners.js'\n\nimport { slot } from '../../utils/slot.js'\n\nexport default Vue.extend({\n name: 'QCarouselControl',\n\n mixins: [ ListenersMixin ],\n\n props: {\n position: {\n type: String,\n default: 'bottom-right',\n validator: v => [\n 'top-right', 'top-left',\n 'bottom-right', 'bottom-left',\n 'top', 'right', 'bottom', 'left'\n ].includes(v)\n },\n offset: {\n type: Array,\n default: () => [18, 18],\n validator: v => v.length === 2\n }\n },\n\n computed: {\n classes () {\n return `absolute-${this.position}`\n },\n\n style () {\n return {\n margin: `${this.offset[1]}px ${this.offset[0]}px`\n }\n }\n },\n\n render (h) {\n return h('div', {\n staticClass: 'q-carousel__control absolute',\n style: this.style,\n class: this.classes,\n on: { ...this.qListeners }\n }, slot(this, 'default'))\n }\n})\n","import { render, staticRenderFns } from \"./Painel.vue?vue&type=template&id=2cdc1d08&\"\nimport script from \"./Painel.vue?vue&type=script&lang=js&\"\nexport * from \"./Painel.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\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 null,\n null\n \n)\n\nexport default component.exports\nimport QCarousel from 'quasar/src/components/carousel/QCarousel.js';\nimport QCarouselSlide from 'quasar/src/components/carousel/QCarouselSlide.js';\nimport QCarouselControl from 'quasar/src/components/carousel/QCarouselControl.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(component, 'components', {QCarousel,QCarouselSlide,QCarouselControl,QBtn});\n"],"sourceRoot":""}