| 1 |
- {"version":3,"sources":["../../../src/components/VToolbar/VToolbar.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport '../../stylus/components/_toolbar.styl'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport SSRBootable from '../../mixins/ssr-bootable'\n\n// Directives\nimport Scroll from '../../directives/scroll'\nimport { deprecate } from '../../util/console'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\nexport default mixins(\n Applicationable('top', [\n 'clippedLeft',\n 'clippedRight',\n 'computedHeight',\n 'invertedScroll',\n 'manualScroll'\n ]),\n Colorable,\n SSRBootable,\n Themeable\n/* @vue/component */\n).extend({\n name: 'v-toolbar',\n\n directives: { Scroll },\n\n props: {\n card: Boolean,\n clippedLeft: Boolean,\n clippedRight: Boolean,\n dense: Boolean,\n extended: Boolean,\n extensionHeight: {\n type: [Number, String],\n validator: (v: any) => !isNaN(parseInt(v))\n },\n flat: Boolean,\n floating: Boolean,\n height: {\n type: [Number, String],\n validator: (v: any) => !isNaN(parseInt(v))\n },\n invertedScroll: Boolean,\n manualScroll: Boolean,\n prominent: Boolean,\n scrollOffScreen: Boolean,\n /* @deprecated */\n scrollToolbarOffScreen: Boolean,\n scrollTarget: String,\n scrollThreshold: {\n type: Number,\n default: 300\n },\n tabs: Boolean\n },\n\n data: () => ({\n activeTimeout: null,\n currentScroll: 0,\n heights: {\n mobileLandscape: 48,\n mobile: 56,\n desktop: 64,\n dense: 48\n },\n isActive: true,\n isExtended: false,\n isScrollingUp: false,\n previousScroll: 0,\n savedScroll: 0,\n target: null as Element | null\n }),\n\n computed: {\n canScroll (): boolean {\n // TODO: remove\n if (this.scrollToolbarOffScreen) {\n deprecate('scrollToolbarOffScreen', 'scrollOffScreen', this)\n\n return true\n }\n\n return this.scrollOffScreen || this.invertedScroll\n },\n computedContentHeight (): number {\n if (this.height) return parseInt(this.height)\n if (this.dense) return this.heights.dense\n\n if (this.prominent ||\n this.$vuetify.breakpoint.mdAndUp\n ) return this.heights.desktop\n\n if (this.$vuetify.breakpoint.smAndDown &&\n this.$vuetify.breakpoint.width >\n this.$vuetify.breakpoint.height\n ) return this.heights.mobileLandscape\n\n return this.heights.mobile\n },\n computedExtensionHeight (): number {\n if (this.tabs) return 48\n if (this.extensionHeight) return parseInt(this.extensionHeight)\n\n return this.computedContentHeight\n },\n computedHeight (): number {\n if (!this.isExtended) return this.computedContentHeight\n\n return this.computedContentHeight + this.computedExtensionHeight\n },\n computedMarginTop (): number {\n if (!this.app) return 0\n\n return this.$vuetify.application.bar\n },\n classes (): object {\n return {\n 'v-toolbar': true,\n 'elevation-0': this.flat || (\n !this.isActive &&\n !this.tabs &&\n this.canScroll\n ),\n 'v-toolbar--absolute': this.absolute,\n 'v-toolbar--card': this.card,\n 'v-toolbar--clipped': this.clippedLeft || this.clippedRight,\n 'v-toolbar--dense': this.dense,\n 'v-toolbar--extended': this.isExtended,\n 'v-toolbar--fixed': !this.absolute && (this.app || this.fixed),\n 'v-toolbar--floating': this.floating,\n 'v-toolbar--prominent': this.prominent,\n ...this.themeClasses\n }\n },\n computedPaddingLeft (): number {\n if (!this.app || this.clippedLeft) return 0\n\n return this.$vuetify.application.left\n },\n computedPaddingRight (): number {\n if (!this.app || this.clippedRight) return 0\n\n return this.$vuetify.application.right\n },\n computedTransform (): number {\n return !this.isActive\n ? this.canScroll\n ? -this.computedContentHeight\n : -this.computedHeight\n : 0\n },\n currentThreshold (): number {\n return Math.abs(this.currentScroll - this.savedScroll)\n },\n styles (): object {\n return {\n marginTop: `${this.computedMarginTop}px`,\n paddingRight: `${this.computedPaddingRight}px`,\n paddingLeft: `${this.computedPaddingLeft}px`,\n transform: `translateY(${this.computedTransform}px)`\n }\n }\n },\n\n watch: {\n currentThreshold (val: number) {\n if (this.invertedScroll) {\n this.isActive = this.currentScroll > this.scrollThreshold\n return\n }\n\n if (val < this.scrollThreshold ||\n !this.isBooted\n ) return\n\n this.isActive = this.isScrollingUp\n this.savedScroll = this.currentScroll\n },\n isActive () {\n this.savedScroll = 0\n },\n invertedScroll (val: boolean) {\n this.isActive = !val\n },\n manualScroll (val: boolean) {\n this.isActive = !val\n },\n isScrollingUp () {\n this.savedScroll = this.savedScroll || this.currentScroll\n }\n },\n\n created () {\n if (this.invertedScroll ||\n this.manualScroll\n ) this.isActive = false\n },\n\n mounted () {\n if (this.scrollTarget) {\n this.target = document.querySelector(this.scrollTarget)\n }\n },\n\n methods: {\n onScroll () {\n if (!this.canScroll ||\n this.manualScroll ||\n typeof window === 'undefined'\n ) return\n\n this.currentScroll = this.target\n ? this.target.scrollTop\n : window.pageYOffset\n\n this.isScrollingUp = this.currentScroll < this.previousScroll\n\n this.previousScroll = this.currentScroll\n },\n updateApplication (): number {\n return this.invertedScroll || this.manualScroll\n ? 0\n : this.computedHeight\n }\n },\n\n render (h): VNode {\n this.isExtended = this.extended || !!this.$slots.extension\n\n const children = []\n const data = this.setBackgroundColor(this.color, {\n 'class': this.classes,\n style: this.styles,\n on: this.$listeners\n })\n\n data.directives = [{\n arg: this.scrollTarget,\n name: 'scroll',\n value: this.onScroll\n }]\n\n children.push(h('div', {\n staticClass: 'v-toolbar__content',\n style: { height: `${this.computedContentHeight}px` },\n ref: 'content'\n }, this.$slots.default))\n\n if (this.isExtended) {\n children.push(h('div', {\n staticClass: 'v-toolbar__extension',\n style: { height: `${this.computedExtensionHeight}px` }\n }, this.$slots.extension))\n }\n\n return h('nav', data, children)\n }\n})\n"],"sourceRoot":""}
|
