{"version":3,"sources":["webpack:///../../../src/components/VToolbar/index.ts","webpack:///../../../src/components/VGrid/VSpacer.ts","webpack:///../../../src/components/VToolbar/VToolbar.ts","webpack:///../../../src/components/VResponsive/index.ts","webpack:///../../../src/components/VResponsive/VResponsive.ts","webpack:///../../../src/components/VImg/VImg.ts"],"names":["VToolbarTitle","createSimpleFunctional","VToolbarItems","VToolbar","i","VSheet","extend","name","props","absolute","Boolean","bottom","collapse","dense","extended","extensionHeight","default","type","Number","String","flat","floating","prominent","short","src","Object","tag","data","isExtended","computed","computedHeight","height","this","computedContentHeight","parseInt","isCollapsed","isNaN","isProminent","$vuetify","breakpoint","smAndDown","classes","options","call","styles","measurableStyles","convertToUnit","created","forEach","original","replacement","t","$attrs","hasOwnProperty","breaking","methods","genBackground","image","$scopedSlots","img","$createElement","VImg","staticClass","genContent","style","getSlot","genExtension","render","h","extension","children","setBackgroundColor","color","class","on","$listeners","push","unshift","VResponsive","mixins","Measurable","aspectRatio","contentClass","computedAspectRatio","aspectStyle","paddingBottom","__cachedSizer","$slots","hasIntersect","window","Themeable","directives","intersect","alt","contain","eager","gradient","lazySrc","root","rootMargin","threshold","position","sizes","srcset","transition","currentSrc","isLoading","calculatedAspectRatio","naturalWidth","hasError","normalisedSrc","aspect","__cachedImage","backgroundImage","join","backgroundPosition","key","attrs","mode","watch","loadImage","init","undefined","mounted","entries","observer","isIntersecting","lazyImg","Image","pollForSize","onLoad","getSrc","$emit","endsWith","startsWith","naturalHeight","onError","onload","decode","err","consoleWarn","message","then","onerror","timeout","poll","complete","setTimeout","content","_b","width","__genPlaceholder","placeholder","appear","node","mergeData","role","themeClasses","modifiers","once","value","handler"],"mappings":"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","file":"chunk-4581d4a2.9b36b29c247b92a61c5f.js","sourcesContent":["// Components\nimport VToolbar from './VToolbar'\n\n// Utilities\nimport { createSimpleFunctional } from '../../util/helpers'\n\nconst VToolbarTitle = createSimpleFunctional('v-toolbar__title')\nconst VToolbarItems = createSimpleFunctional('v-toolbar__items')\n\nexport {\n VToolbar,\n VToolbarItems,\n VToolbarTitle,\n}\n\nexport default {\n $_vuetify_subcomponents: {\n VToolbar,\n VToolbarItems,\n VToolbarTitle,\n },\n}\n","import './_grid.sass'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nexport default createSimpleFunctional('spacer', 'div', 'v-spacer')\n","// Styles\nimport './VToolbar.sass'\n\n// Extensions\nimport VSheet from '../VSheet/VSheet'\n\n// Components\nimport VImg, { srcObject } from '../VImg/VImg'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode, PropType } from 'vue'\n\n/* @vue/component */\nexport default VSheet.extend({\n name: 'v-toolbar',\n\n props: {\n absolute: Boolean,\n bottom: Boolean,\n collapse: Boolean,\n dense: Boolean,\n extended: Boolean,\n extensionHeight: {\n default: 48,\n type: [Number, String],\n },\n flat: Boolean,\n floating: Boolean,\n prominent: Boolean,\n short: Boolean,\n src: {\n type: [String, Object] as PropType,\n default: '',\n },\n tag: {\n type: String,\n default: 'header',\n },\n },\n\n data: () => ({\n isExtended: false,\n }),\n\n computed: {\n computedHeight (): number {\n const height = this.computedContentHeight\n\n if (!this.isExtended) return height\n\n const extensionHeight = parseInt(this.extensionHeight)\n\n return this.isCollapsed\n ? height\n : height + (!isNaN(extensionHeight) ? extensionHeight : 0)\n },\n computedContentHeight (): number {\n if (this.height) return parseInt(this.height)\n if (this.isProminent && this.dense) return 96\n if (this.isProminent && this.short) return 112\n if (this.isProminent) return 128\n if (this.dense) return 48\n if (this.short || this.$vuetify.breakpoint.smAndDown) return 56\n return 64\n },\n classes (): object {\n return {\n ...VSheet.options.computed.classes.call(this),\n 'v-toolbar': true,\n 'v-toolbar--absolute': this.absolute,\n 'v-toolbar--bottom': this.bottom,\n 'v-toolbar--collapse': this.collapse,\n 'v-toolbar--collapsed': this.isCollapsed,\n 'v-toolbar--dense': this.dense,\n 'v-toolbar--extended': this.isExtended,\n 'v-toolbar--flat': this.flat,\n 'v-toolbar--floating': this.floating,\n 'v-toolbar--prominent': this.isProminent,\n }\n },\n isCollapsed (): boolean {\n return this.collapse\n },\n isProminent (): boolean {\n return this.prominent\n },\n styles (): object {\n return {\n ...this.measurableStyles,\n height: convertToUnit(this.computedHeight),\n }\n },\n },\n\n created () {\n const breakingProps = [\n ['app', ''],\n ['manual-scroll', ''],\n ['clipped-left', ''],\n ['clipped-right', ''],\n ['inverted-scroll', ''],\n ['scroll-off-screen', ''],\n ['scroll-target', ''],\n ['scroll-threshold', ''],\n ['card', ''],\n ]\n\n /* istanbul ignore next */\n breakingProps.forEach(([original, replacement]) => {\n if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n })\n },\n\n methods: {\n genBackground () {\n const props = {\n height: convertToUnit(this.computedHeight),\n src: this.src,\n }\n\n const image = this.$scopedSlots.img\n ? this.$scopedSlots.img({ props })\n : this.$createElement(VImg, { props })\n\n return this.$createElement('div', {\n staticClass: 'v-toolbar__image',\n }, [image])\n },\n genContent () {\n return this.$createElement('div', {\n staticClass: 'v-toolbar__content',\n style: {\n height: convertToUnit(this.computedContentHeight),\n },\n }, getSlot(this))\n },\n genExtension () {\n return this.$createElement('div', {\n staticClass: 'v-toolbar__extension',\n style: {\n height: convertToUnit(this.extensionHeight),\n },\n }, getSlot(this, 'extension'))\n },\n },\n\n render (h): VNode {\n this.isExtended = this.extended || !!this.$scopedSlots.extension\n\n const children = [this.genContent()]\n const data = this.setBackgroundColor(this.color, {\n class: this.classes,\n style: this.styles,\n on: this.$listeners,\n })\n\n if (this.isExtended) children.push(this.genExtension())\n if (this.src || this.$scopedSlots.img) children.unshift(this.genBackground())\n\n return h(this.tag, data, children)\n },\n})\n","import VResponsive from './VResponsive'\n\nexport { VResponsive }\nexport default VResponsive\n","import './VResponsive.sass'\n\n// Mixins\nimport Measurable, { NumberOrNumberString } from '../../mixins/measurable'\n\n// Types\nimport { VNode } from 'vue'\n\n// Utils\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Measurable).extend({\n name: 'v-responsive',\n\n props: {\n aspectRatio: [String, Number] as NumberOrNumberString,\n contentClass: String,\n },\n\n computed: {\n computedAspectRatio (): number {\n return Number(this.aspectRatio)\n },\n aspectStyle (): object | undefined {\n return this.computedAspectRatio\n ? { paddingBottom: (1 / this.computedAspectRatio) * 100 + '%' }\n : undefined\n },\n __cachedSizer (): VNode | [] {\n if (!this.aspectStyle) return []\n\n return this.$createElement('div', {\n style: this.aspectStyle,\n staticClass: 'v-responsive__sizer',\n })\n },\n },\n\n methods: {\n genContent (): VNode {\n return this.$createElement('div', {\n staticClass: 'v-responsive__content',\n class: this.contentClass,\n }, this.$slots.default)\n },\n },\n\n render (h): VNode {\n return h('div', {\n staticClass: 'v-responsive',\n style: this.measurableStyles,\n on: this.$listeners,\n }, [\n this.__cachedSizer,\n this.genContent(),\n ])\n },\n})\n","// Styles\nimport './VImg.sass'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\n// Components\nimport VResponsive from '../VResponsive'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport mergeData from '../../util/mergeData'\nimport { consoleWarn } from '../../util/console'\n\n// not intended for public use, this is passed in by vuetify-loader\nexport interface srcObject {\n src: string\n srcset?: string\n lazySrc: string\n aspect: number\n}\n\nconst hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in window\n\n/* @vue/component */\nexport default mixins(\n VResponsive,\n Themeable,\n).extend({\n name: 'v-img',\n\n directives: { intersect },\n\n props: {\n alt: String,\n contain: Boolean,\n eager: Boolean,\n gradient: String,\n lazySrc: String,\n options: {\n type: Object,\n // For more information on types, navigate to:\n // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n default: () => ({\n root: undefined,\n rootMargin: undefined,\n threshold: undefined,\n }),\n } as PropValidator,\n position: {\n type: String,\n default: 'center center',\n },\n sizes: String,\n src: {\n type: [String, Object],\n default: '',\n } as PropValidator,\n srcset: String,\n transition: {\n type: [Boolean, String],\n default: 'fade-transition',\n },\n },\n\n data () {\n return {\n currentSrc: '', // Set from srcset\n image: null as HTMLImageElement | null,\n isLoading: true,\n calculatedAspectRatio: undefined as number | undefined,\n naturalWidth: undefined as number | undefined,\n hasError: false,\n }\n },\n\n computed: {\n computedAspectRatio (): number {\n return Number(this.normalisedSrc.aspect || this.calculatedAspectRatio)\n },\n normalisedSrc (): srcObject {\n return this.src && typeof this.src === 'object'\n ? {\n src: this.src.src,\n srcset: this.srcset || this.src.srcset,\n lazySrc: this.lazySrc || this.src.lazySrc,\n aspect: Number(this.aspectRatio || this.src.aspect),\n } : {\n src: this.src,\n srcset: this.srcset,\n lazySrc: this.lazySrc,\n aspect: Number(this.aspectRatio || 0),\n }\n },\n __cachedImage (): VNode | [] {\n if (!(this.normalisedSrc.src || this.normalisedSrc.lazySrc || this.gradient)) return []\n\n const backgroundImage: string[] = []\n const src = this.isLoading ? this.normalisedSrc.lazySrc : this.currentSrc\n\n if (this.gradient) backgroundImage.push(`linear-gradient(${this.gradient})`)\n if (src) backgroundImage.push(`url(\"${src}\")`)\n\n const image = this.$createElement('div', {\n staticClass: 'v-image__image',\n class: {\n 'v-image__image--preload': this.isLoading,\n 'v-image__image--contain': this.contain,\n 'v-image__image--cover': !this.contain,\n },\n style: {\n backgroundImage: backgroundImage.join(', '),\n backgroundPosition: this.position,\n },\n key: +this.isLoading,\n })\n\n /* istanbul ignore if */\n if (!this.transition) return image\n\n return this.$createElement('transition', {\n attrs: {\n name: this.transition,\n mode: 'in-out',\n },\n }, [image])\n },\n },\n\n watch: {\n src () {\n // Force re-init when src changes\n if (!this.isLoading) this.init(undefined, undefined, true)\n else this.loadImage()\n },\n '$vuetify.breakpoint.width': 'getSrc',\n },\n\n mounted () {\n this.init()\n },\n\n methods: {\n init (\n entries?: IntersectionObserverEntry[],\n observer?: IntersectionObserver,\n isIntersecting?: boolean\n ) {\n // If the current browser supports the intersection\n // observer api, the image is not observable, and\n // the eager prop isn't being used, do not load\n if (\n hasIntersect &&\n !isIntersecting &&\n !this.eager\n ) return\n\n if (this.normalisedSrc.lazySrc) {\n const lazyImg = new Image()\n lazyImg.src = this.normalisedSrc.lazySrc\n this.pollForSize(lazyImg, null)\n }\n /* istanbul ignore else */\n if (this.normalisedSrc.src) this.loadImage()\n },\n onLoad () {\n this.getSrc()\n this.isLoading = false\n this.$emit('load', this.src)\n\n if (\n this.image &&\n (this.normalisedSrc.src.endsWith('.svg') || this.normalisedSrc.src.startsWith('data:image/svg+xml'))\n ) {\n if (this.image.naturalHeight && this.image.naturalWidth) {\n this.naturalWidth = this.image.naturalWidth\n this.calculatedAspectRatio = this.image.naturalWidth / this.image.naturalHeight\n } else {\n this.calculatedAspectRatio = 1\n }\n }\n },\n onError () {\n this.hasError = true\n this.$emit('error', this.src)\n },\n getSrc () {\n /* istanbul ignore else */\n if (this.image) this.currentSrc = this.image.currentSrc || this.image.src\n },\n loadImage () {\n const image = new Image()\n this.image = image\n\n image.onload = () => {\n /* istanbul ignore if */\n if (image.decode) {\n image.decode().catch((err: DOMException) => {\n consoleWarn(\n `Failed to decode image, trying to render anyway\\n\\n` +\n `src: ${this.normalisedSrc.src}` +\n (err.message ? `\\nOriginal error: ${err.message}` : ''),\n this\n )\n }).then(this.onLoad)\n } else {\n this.onLoad()\n }\n }\n image.onerror = this.onError\n\n this.hasError = false\n this.sizes && (image.sizes = this.sizes)\n this.normalisedSrc.srcset && (image.srcset = this.normalisedSrc.srcset)\n image.src = this.normalisedSrc.src\n this.$emit('loadstart', this.normalisedSrc.src)\n\n this.aspectRatio || this.pollForSize(image)\n this.getSrc()\n },\n pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n const poll = () => {\n const { naturalHeight, naturalWidth } = img\n\n if (naturalHeight || naturalWidth) {\n this.naturalWidth = naturalWidth\n this.calculatedAspectRatio = naturalWidth / naturalHeight\n } else if (!img.complete && this.isLoading && !this.hasError && timeout != null) {\n setTimeout(poll, timeout)\n }\n }\n\n poll()\n },\n genContent () {\n const content: VNode = VResponsive.options.methods.genContent.call(this)\n if (this.naturalWidth) {\n this._b(content.data!, 'div', {\n style: { width: `${this.naturalWidth}px` },\n })\n }\n\n return content\n },\n __genPlaceholder (): VNode | void {\n if (this.$slots.placeholder) {\n const placeholder = this.isLoading\n ? [this.$createElement('div', {\n staticClass: 'v-image__placeholder',\n }, this.$slots.placeholder)]\n : []\n\n if (!this.transition) return placeholder[0]\n\n return this.$createElement('transition', {\n props: {\n appear: true,\n name: this.transition,\n },\n }, placeholder)\n }\n },\n },\n\n render (h): VNode {\n const node = VResponsive.options.render.call(this, h)\n\n const data = mergeData(node.data!, {\n staticClass: 'v-image',\n attrs: {\n 'aria-label': this.alt,\n role: this.alt ? 'img' : undefined,\n },\n class: this.themeClasses,\n // Only load intersect directive if it\n // will work in the current browser.\n directives: hasIntersect\n ? [{\n name: 'intersect',\n modifiers: { once: true },\n value: {\n handler: this.init,\n options: this.options,\n },\n }]\n : undefined,\n })\n\n node.children = [\n this.__cachedSizer,\n this.__cachedImage,\n this.__genPlaceholder(),\n this.genContent(),\n ] as VNode[]\n\n return h(node.tag, data, node.children)\n },\n})\n"],"sourceRoot":""}