Ohm-Management - Projektarbeit B-ME
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

VWindow.js.map 5.3KB

1
  1. {"version":3,"sources":["../../../src/components/VWindow/VWindow.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport '../../stylus/components/_windows.styl'\n\n// Components\nimport { BaseItemGroup } from '../VItemGroup/VItemGroup'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Types\nimport { VNode, VNodeDirective } from 'vue/types/vnode'\n\n/* @vue/component */\nexport default BaseItemGroup.extend({\n name: 'v-window',\n\n provide (): object {\n return {\n windowGroup: this\n }\n },\n\n directives: { Touch },\n\n props: {\n mandatory: {\n type: Boolean,\n default: true\n },\n reverse: {\n type: Boolean,\n default: undefined\n },\n touch: Object,\n touchless: Boolean,\n value: {\n required: false\n },\n vertical: Boolean\n },\n\n data () {\n return {\n internalHeight: undefined as undefined | string,\n isActive: false,\n isBooted: false,\n isReverse: false\n }\n },\n\n computed: {\n computedTransition (): string {\n if (!this.isBooted) return ''\n\n const axis = this.vertical ? 'y' : 'x'\n const direction = this.internalReverse === !this.$vuetify.rtl\n ? '-reverse'\n : ''\n\n return `v-window-${axis}${direction}-transition`\n },\n internalIndex (): number {\n return this.items.findIndex((item, i) => {\n return this.internalValue === this.getValue(item, i)\n })\n },\n internalReverse (): boolean {\n if (this.reverse !== undefined) return this.reverse\n\n return this.isReverse\n }\n },\n\n watch: {\n internalIndex: 'updateReverse'\n },\n\n mounted () {\n this.$nextTick(() => (this.isBooted = true))\n },\n\n methods: {\n genContainer (): VNode {\n return this.$createElement('div', {\n staticClass: 'v-window__container',\n class: {\n 'v-window__container--is-active': this.isActive\n },\n style: {\n height: this.internalHeight\n }\n }, this.$slots.default)\n },\n next () {\n this.isReverse = false\n const nextIndex = (this.internalIndex + 1) % this.items.length\n const item = this.items[nextIndex]\n\n this.internalValue = this.getValue(item, nextIndex)\n },\n prev () {\n this.isReverse = true\n const lastIndex = (this.internalIndex + this.items.length - 1) % this.items.length\n const item = this.items[lastIndex]\n\n this.internalValue = this.getValue(item, lastIndex)\n },\n updateReverse (val: number, oldVal: number) {\n this.isReverse = val < oldVal\n }\n },\n\n render (h): VNode {\n const data = {\n staticClass: 'v-window',\n directives: [] as VNodeDirective[]\n }\n\n if (!this.touchless) {\n const value = this.touch || {\n left: this.next,\n right: this.prev\n }\n\n data.directives.push({\n name: 'touch',\n value\n })\n }\n\n return h('div', data, [this.genContainer()])\n }\n})\n"],"sourceRoot":""}