{"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 }","<template>\r\n  <v-responsive\r\n    max-height=\"252\"\r\n    :class=\"$_attrs.sticky ? undefined : 'fill-height'\"\r\n    style=\"overflow-y: auto;\"\r\n    tag=\"v-container\"\r\n  >\r\n    <v-row\r\n      :align=\"$_attrs.sticky ? undefined : 'center'\"\r\n      :class=\"$_attrs.sticky ? undefined : 'fill-height'\"\r\n      :style=\"$_attrs.sticky ? 'min-height: 300vh;' : undefined\"\r\n    >\r\n      <v-col>\r\n        <v-banner v-bind=\"$_attrs\">\r\n          Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis magnam necessitatibus possimus\r\n\r\n          <template v-if=\"attrs.action\" v-slot:actions>\r\n            <v-btn\r\n              color=\"deep-purple accent-4\"\r\n              text\r\n            >\r\n              Action Button\r\n            </v-btn>\r\n          </template>\r\n        </v-banner>\r\n      </v-col>\r\n    </v-row>\r\n  </v-responsive>\r\n</template>\r\n\r\n<script>\r\n  import Usage from './usage'\r\n\r\n  export default {\r\n    name: 'BannersUsage',\r\n\r\n    mixins: [Usage],\r\n\r\n    computed: {\r\n      $_attrs () {\r\n        const {\r\n          icon = undefined,\r\n          ...attrs\r\n        } = this.attrs\r\n\r\n        return {\r\n          ...attrs,\r\n          icon: icon ? 'mdi-vuetify' : undefined,\r\n        }\r\n      },\r\n    },\r\n  }\r\n</script>\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<string, any> = { ...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":""}