{"version":3,"sources":["webpack:///./src/demo/usages/usage.js","webpack:///./src/demo/usages/banners.vue?9782","webpack:///src/demo/usages/banners.vue","webpack:///./src/demo/usages/banners.vue?f67f","webpack:///./src/demo/usages/banners.vue","webpack:///../../../src/components/VBanner/VBanner.ts"],"names":["props","attrs","type","Object","default","render","_vm","this","_h","$createElement","_c","_self","class","$_attrs","sticky","undefined","staticStyle","style","_b","scopedSlots","_u","key","fn","_v","proxy","staticRenderFns","component","VBanner","VBtn","VCol","VResponsive","VRow","name","inheritAttrs","app","icon","iconColor","singleLine","value","computed","classes","isSticky","hasIcon","Boolean","$slots","styles","top","$vuetify","application","bar","methods","toggle","iconClick","genIcon","content","color","size","staticClass","on","click","genText","genActions","children","dismiss","genContent","genWrapper","h","setBackgroundColor","directives","isActive"],"mappings":"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","file":"js/usages5.b9b76352.js","sourcesContent":["export default {\n props: {\n attrs: {\n type: Object,\n default: () => ({}),\n },\n },\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-responsive',{class:_vm.$_attrs.sticky ? undefined : 'fill-height',staticStyle:{\"overflow-y\":\"auto\"},attrs:{\"max-height\":\"252\",\"tag\":\"v-container\"}},[_c('v-row',{class:_vm.$_attrs.sticky ? undefined : 'fill-height',style:(_vm.$_attrs.sticky ? 'min-height: 300vh;' : undefined),attrs:{\"align\":_vm.$_attrs.sticky ? undefined : 'center'}},[_c('v-col',[_c('v-banner',_vm._b({scopedSlots:_vm._u([(_vm.attrs.action)?{key:\"actions\",fn:function(){return [_c('v-btn',{attrs:{\"color\":\"deep-purple accent-4\",\"text\":\"\"}},[_vm._v(\" Action Button \")])]},proxy:true}:null],null,true)},'v-banner',_vm.$_attrs,false),[_vm._v(\" Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis magnam necessitatibus possimus \")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n \r\n \r\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis magnam necessitatibus possimus\r\n\r\n \r\n \r\n Action Button\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/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./banners.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/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./banners.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./banners.vue?vue&type=template&id=0388a442&\"\nimport script from \"./banners.vue?vue&type=script&lang=js&\"\nexport * from \"./banners.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBanner } from 'vuetify/lib/components/VBanner';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VResponsive } from 'vuetify/lib/components/VResponsive';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBanner,VBtn,VCol,VResponsive,VRow})\n","// Styles\nimport './VBanner.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VAvatar from '../VAvatar'\nimport VIcon from '../VIcon'\nimport { VExpandTransition } from '../transitions'\n\n// Mixins\nimport Mobile from '../../mixins/mobile'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport {\n convertToUnit,\n getSlot,\n} from '../../util/helpers'\n\n// Typeslint\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n VSheet,\n Mobile,\n Toggleable\n).extend({\n name: 'v-banner',\n\n inheritAttrs: false,\n\n props: {\n app: Boolean,\n icon: String,\n iconColor: String,\n singleLine: Boolean,\n sticky: Boolean,\n value: {\n type: Boolean,\n default: true,\n },\n },\n\n computed: {\n classes (): object {\n return {\n ...VSheet.options.computed.classes.call(this),\n 'v-banner--has-icon': this.hasIcon,\n 'v-banner--is-mobile': this.isMobile,\n 'v-banner--single-line': this.singleLine,\n 'v-banner--sticky': this.isSticky,\n }\n },\n hasIcon (): boolean {\n return Boolean(this.icon || this.$slots.icon)\n },\n isSticky (): boolean {\n return this.sticky || this.app\n },\n styles (): object {\n const styles: Record = { ...VSheet.options.computed.styles.call(this) }\n\n if (this.isSticky) {\n const top = !this.app\n ? 0\n : (this.$vuetify.application.bar + this.$vuetify.application.top)\n\n styles.top = convertToUnit(top)\n styles.position = 'sticky'\n styles.zIndex = 1\n }\n\n return styles\n },\n },\n\n methods: {\n /** @public */\n toggle () {\n this.isActive = !this.isActive\n },\n iconClick (e: MouseEvent) {\n this.$emit('click:icon', e)\n },\n genIcon () {\n if (!this.hasIcon) return undefined\n\n let content\n\n if (this.icon) {\n content = this.$createElement(VIcon, {\n props: {\n color: this.iconColor,\n size: 28,\n },\n }, [this.icon])\n } else {\n content = this.$slots.icon\n }\n\n return this.$createElement(VAvatar, {\n staticClass: 'v-banner__icon',\n props: {\n color: this.color,\n size: 40,\n },\n on: {\n click: this.iconClick,\n },\n }, [content])\n },\n genText () {\n return this.$createElement('div', {\n staticClass: 'v-banner__text',\n }, this.$slots.default)\n },\n genActions () {\n const children = getSlot(this, 'actions', {\n dismiss: () => this.isActive = false,\n })\n\n if (!children) return undefined\n\n return this.$createElement('div', {\n staticClass: 'v-banner__actions',\n }, children)\n },\n genContent () {\n return this.$createElement('div', {\n staticClass: 'v-banner__content',\n }, [\n this.genIcon(),\n this.genText(),\n ])\n },\n genWrapper () {\n return this.$createElement('div', {\n staticClass: 'v-banner__wrapper',\n }, [\n this.genContent(),\n this.genActions(),\n ])\n },\n },\n\n render (h): VNode {\n return h(VExpandTransition, [\n h('div', this.setBackgroundColor(this.color, {\n staticClass: 'v-banner',\n attrs: this.attrs$,\n class: this.classes,\n style: this.styles,\n directives: [{\n name: 'show',\n value: this.isActive,\n }],\n }), [this.genWrapper()]),\n ])\n },\n})\n"],"sourceRoot":""}