{"version":3,"sources":["webpack:///../../../src/directives/scroll/index.ts","webpack:///../../../src/mixins/scrollable/index.ts","webpack:///../../../src/components/VAppBar/VAppBar.ts","webpack:///./src/layouts/default/AppBar.vue?440d","webpack:///src/layouts/default/AppBar.vue","webpack:///./src/layouts/default/AppBar.vue?a77a","webpack:///../../../src/components/VAppBar/VAppBarNavIcon.ts","webpack:///./src/layouts/default/AppBar.vue"],"names":["inserted","binding","self","value","options","passive","handler","target","document","el","undefined","unbind","Scroll","name","directives","props","scrollTarget","scrollThreshold","String","Number","data","currentScroll","currentThreshold","isActive","isScrollingUp","previousScroll","savedScroll","computed","canScroll","window","computedScrollThreshold","this","watch","mounted","console","methods","onScroll","Math","thresholdMet","baseMixins","mixins","clippedLeft","clippedRight","collapseOnScroll","elevateOnScroll","fadeImgOnScroll","hideOnScroll","invertedScroll","scrollOffScreen","shrinkOnScroll","type","default","applicationProperty","classes","VToolbar","collapse","app","computedContentHeight","height","min","dense","max","difference","iteration","offset","computedFontSize","increment","computedLeft","$vuetify","application","computedMarginTop","computedOpacity","opacity","parseFloat","computedOriginalHeight","parseInt","computedRight","computedTransform","bottom","hideShadow","isCollapsed","isProminent","styles","fontSize","marginTop","transform","left","right","val","created","genBackground","render","_b","style","updateApplication","computedHeight","arg","_vm","_h","$createElement","_c","_self","staticClass","attrs","rtl","on","$event","drawer","staticRenderFns","functional","d","Object","icon","listeners","defaultSlot","slots","h","VBtn","VIcon","component","VAppBar","VAppBarNavIcon","VSpacer","VToolbarTitle"],"mappings":"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","file":"js/default-app-bar.9df1356b.js","sourcesContent":["import { VNodeDirective } from 'vue/types/vnode'\nimport { DirectiveOptions } from 'vue'\n\ninterface ScrollVNodeDirective extends Omit<VNodeDirective, 'modifiers'> {\n  value: EventListener | {\n    handler: EventListener\n    options?: boolean | AddEventListenerOptions\n  } | EventListenerObject & { options?: boolean | AddEventListenerOptions }\n  modifiers?: {\n    self?: boolean\n  }\n}\n\nfunction inserted (el: HTMLElement, binding: ScrollVNodeDirective) {\n  const { self = false } = binding.modifiers || {}\n  const value = binding.value\n  const options = (typeof value === 'object' && value.options) || { passive: true }\n  const handler = typeof value === 'function' || 'handleEvent' in value ? value : value.handler\n\n  const target = self\n    ? el\n    : binding.arg\n      ? document.querySelector(binding.arg)\n      : window\n\n  if (!target) return\n\n  target.addEventListener('scroll', handler, options)\n\n  el._onScroll = {\n    handler,\n    options,\n    // Don't reference self\n    target: self ? undefined : target,\n  }\n}\n\nfunction unbind (el: HTMLElement) {\n  if (!el._onScroll) return\n\n  const { handler, options, target = el } = el._onScroll\n\n  target.removeEventListener('scroll', handler, options)\n  delete el._onScroll\n}\n\nexport const Scroll = {\n  inserted,\n  unbind,\n} as DirectiveOptions\n\nexport default Scroll\n","// Directives\nimport { Scroll } from '../../directives'\n\n// Utilities\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Vue from 'vue'\n\n/**\n * Scrollable\n *\n * Used for monitoring scrolling and\n * invoking functions based upon\n * scrolling thresholds being\n * met.\n */\n/* @vue/component */\nexport default Vue.extend({\n  name: 'scrollable',\n\n  directives: { Scroll },\n\n  props: {\n    scrollTarget: String,\n    scrollThreshold: [String, Number],\n  },\n\n  data: () => ({\n    currentScroll: 0,\n    currentThreshold: 0,\n    isActive: false,\n    isScrollingUp: false,\n    previousScroll: 0,\n    savedScroll: 0,\n    target: null as Element | null,\n  }),\n\n  computed: {\n    /**\n     * A computed property that returns\n     * whether scrolling features are\n     * enabled or disabled\n     */\n    canScroll (): boolean {\n      return typeof window !== 'undefined'\n    },\n    /**\n     * The threshold that must be met before\n     * thresholdMet function is invoked\n     */\n    computedScrollThreshold (): number {\n      return this.scrollThreshold\n        ? Number(this.scrollThreshold)\n        : 300\n    },\n  },\n\n  watch: {\n    isScrollingUp () {\n      this.savedScroll = this.savedScroll || this.currentScroll\n    },\n    isActive () {\n      this.savedScroll = 0\n    },\n  },\n\n  mounted () {\n    if (this.scrollTarget) {\n      this.target = document.querySelector(this.scrollTarget)\n\n      if (!this.target) {\n        consoleWarn(`Unable to locate element with identifier ${this.scrollTarget}`, this)\n      }\n    }\n  },\n\n  methods: {\n    onScroll () {\n      if (!this.canScroll) return\n\n      this.previousScroll = this.currentScroll\n      this.currentScroll = this.target\n        ? this.target.scrollTop\n        : window.pageYOffset\n\n      this.isScrollingUp = this.currentScroll < this.previousScroll\n      this.currentThreshold = Math.abs(this.currentScroll - this.computedScrollThreshold)\n\n      this.$nextTick(() => {\n        if (\n          Math.abs(this.currentScroll - this.savedScroll) >\n          this.computedScrollThreshold\n        ) this.thresholdMet()\n      })\n    },\n    /**\n     * The method invoked when\n     * scrolling in any direction\n     * has exceeded the threshold\n     */\n    thresholdMet () { /* noop */ },\n  },\n})\n","// Styles\nimport './VAppBar.sass'\n\n// Extensions\nimport VToolbar from '../VToolbar/VToolbar'\n\n// Directives\nimport Scroll from '../../directives/scroll'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Scrollable from '../../mixins/scrollable'\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\nconst baseMixins = mixins(\n  VToolbar,\n  Scrollable,\n  SSRBootable,\n  Toggleable,\n  Applicationable('top', [\n    'clippedLeft',\n    'clippedRight',\n    'computedHeight',\n    'invertedScroll',\n    'isExtended',\n    'isProminent',\n    'value',\n  ])\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-app-bar',\n\n  directives: { Scroll },\n\n  props: {\n    clippedLeft: Boolean,\n    clippedRight: Boolean,\n    collapseOnScroll: Boolean,\n    elevateOnScroll: Boolean,\n    fadeImgOnScroll: Boolean,\n    hideOnScroll: Boolean,\n    invertedScroll: Boolean,\n    scrollOffScreen: Boolean,\n    shrinkOnScroll: Boolean,\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  data () {\n    return {\n      isActive: this.value,\n    }\n  },\n\n  computed: {\n    applicationProperty (): string {\n      return !this.bottom ? 'top' : 'bottom'\n    },\n    canScroll (): boolean {\n      return (\n        Scrollable.options.computed.canScroll.call(this) &&\n        (\n          this.invertedScroll ||\n          this.elevateOnScroll ||\n          this.hideOnScroll ||\n          this.collapseOnScroll ||\n          this.isBooted ||\n          // If falsey, user has provided an\n          // explicit value which should\n          // overwrite anything we do\n          !this.value\n        )\n      )\n    },\n    classes (): object {\n      return {\n        ...VToolbar.options.computed.classes.call(this),\n        'v-toolbar--collapse': this.collapse || this.collapseOnScroll,\n        'v-app-bar': true,\n        'v-app-bar--clipped': this.clippedLeft || this.clippedRight,\n        'v-app-bar--fade-img-on-scroll': this.fadeImgOnScroll,\n        'v-app-bar--elevate-on-scroll': this.elevateOnScroll,\n        'v-app-bar--fixed': !this.absolute && (this.app || this.fixed),\n        'v-app-bar--hide-shadow': this.hideShadow,\n        'v-app-bar--is-scrolled': this.currentScroll > 0,\n        'v-app-bar--shrink-on-scroll': this.shrinkOnScroll,\n      }\n    },\n    computedContentHeight (): number {\n      if (!this.shrinkOnScroll) return VToolbar.options.computed.computedContentHeight.call(this)\n\n      const height = this.computedOriginalHeight\n\n      const min = this.dense ? 48 : 56\n      const max = height\n      const difference = max - min\n      const iteration = difference / this.computedScrollThreshold\n      const offset = this.currentScroll * iteration\n\n      return Math.max(min, max - offset)\n    },\n    computedFontSize (): number | undefined {\n      if (!this.isProminent) return undefined\n\n      const max = this.dense ? 96 : 128\n      const difference = max - this.computedContentHeight\n      const increment = 0.00347\n\n      // 1.5rem to a minimum of 1.25rem\n      return Number((1.50 - difference * increment).toFixed(2))\n    },\n    computedLeft (): number {\n      if (!this.app || this.clippedLeft) return 0\n\n      return this.$vuetify.application.left\n    },\n    computedMarginTop (): number {\n      if (!this.app) return 0\n\n      return this.$vuetify.application.bar\n    },\n    computedOpacity (): number | undefined {\n      if (!this.fadeImgOnScroll) return undefined\n\n      const opacity = Math.max(\n        (this.computedScrollThreshold - this.currentScroll) / this.computedScrollThreshold,\n        0\n      )\n\n      return Number(parseFloat(opacity).toFixed(2))\n    },\n    computedOriginalHeight (): number {\n      let height = VToolbar.options.computed.computedContentHeight.call(this)\n      if (this.isExtended) height += parseInt(this.extensionHeight)\n      return height\n    },\n    computedRight (): number {\n      if (!this.app || this.clippedRight) return 0\n\n      return this.$vuetify.application.right\n    },\n    computedScrollThreshold (): number {\n      if (this.scrollThreshold) return Number(this.scrollThreshold)\n\n      return this.computedOriginalHeight - (this.dense ? 48 : 56)\n    },\n    computedTransform (): number {\n      if (\n        !this.canScroll ||\n        (this.elevateOnScroll && this.currentScroll === 0 && this.isActive)\n      ) return 0\n\n      if (this.isActive) return 0\n\n      const scrollOffScreen = this.scrollOffScreen\n        ? this.computedHeight\n        : this.computedContentHeight\n\n      return this.bottom ? scrollOffScreen : -scrollOffScreen\n    },\n    hideShadow (): boolean {\n      if (this.elevateOnScroll && this.isExtended) {\n        return this.currentScroll < this.computedScrollThreshold\n      }\n\n      if (this.elevateOnScroll) {\n        return this.currentScroll === 0 ||\n          this.computedTransform < 0\n      }\n\n      return (\n        !this.isExtended ||\n        this.scrollOffScreen\n      ) && this.computedTransform !== 0\n    },\n    isCollapsed (): boolean {\n      if (!this.collapseOnScroll) {\n        return VToolbar.options.computed.isCollapsed.call(this)\n      }\n\n      return this.currentScroll > 0\n    },\n    isProminent (): boolean {\n      return (\n        VToolbar.options.computed.isProminent.call(this) ||\n        this.shrinkOnScroll\n      )\n    },\n    styles (): object {\n      return {\n        ...VToolbar.options.computed.styles.call(this),\n        fontSize: convertToUnit(this.computedFontSize, 'rem'),\n        marginTop: convertToUnit(this.computedMarginTop),\n        transform: `translateY(${convertToUnit(this.computedTransform)})`,\n        left: convertToUnit(this.computedLeft),\n        right: convertToUnit(this.computedRight),\n      }\n    },\n  },\n\n  watch: {\n    canScroll: 'onScroll',\n    computedTransform () {\n      // Normally we do not want the v-app-bar\n      // to update the application top value\n      // to avoid screen jump. However, in\n      // this situation, we must so that\n      // the clipped drawer can update\n      // its top value when scrolled\n      if (\n        !this.canScroll ||\n        (!this.clippedLeft && !this.clippedRight)\n      ) return\n\n      this.callUpdate()\n    },\n    invertedScroll (val: boolean) {\n      this.isActive = !val || this.currentScroll !== 0\n    },\n  },\n\n  created () {\n    if (this.invertedScroll) this.isActive = false\n  },\n\n  methods: {\n    genBackground () {\n      const render = VToolbar.options.methods.genBackground.call(this)\n\n      render.data = this._b(render.data || {}, render.tag!, {\n        style: { opacity: this.computedOpacity },\n      })\n\n      return render\n    },\n    updateApplication (): number {\n      return this.invertedScroll\n        ? 0\n        : this.computedHeight + this.computedTransform\n    },\n    thresholdMet () {\n      if (this.invertedScroll) {\n        this.isActive = this.currentScroll > this.computedScrollThreshold\n        return\n      }\n\n      if (this.hideOnScroll) {\n        this.isActive = this.isScrollingUp ||\n          this.currentScroll < this.computedScrollThreshold\n      }\n\n      if (this.currentThreshold < this.computedScrollThreshold) return\n\n      this.savedScroll = this.currentScroll\n    },\n  },\n\n  render (h): VNode {\n    const render = VToolbar.options.render.call(this, h)\n\n    render.data = render.data || {}\n\n    if (this.canScroll) {\n      render.data.directives = render.data.directives || []\n      render.data.directives.push({\n        arg: this.scrollTarget,\n        name: 'scroll',\n        value: this.onScroll,\n      })\n    }\n\n    return render\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-app-bar',{staticClass:\"v-bar--underline\",attrs:{\"id\":\"default-app-bar\",\"app\":\"\",\"fixed\":\"\",\"color\":\"grey lighten-3\",\"clipped-left\":_vm.$vuetify.rtl,\"clipped-right\":!_vm.$vuetify.rtl,\"elevate-on-scroll\":\"\",\"height\":\"70\"}},[_c('v-app-bar-nav-icon',{staticClass:\"hidden-md-and-up\",on:{\"click\":function($event){_vm.drawer = !_vm.drawer}}}),_c('create-new'),_c('v-toolbar-title',{staticClass:\"font-weight-light text-h5\"}),_c('v-spacer'),_c('default-go-home'),_c('default-account'),_c('is-multiverse',{attrs:{\"toggle\":\"\"}},[_c('multiverse-settings',{staticClass:\"ml-4\"})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-app-bar\n    id=\"default-app-bar\"\n    app\n    fixed\n    class=\"v-bar--underline\"\n    color=\"grey lighten-3\"\n    :clipped-left=\"$vuetify.rtl\"\n    :clipped-right=\"!$vuetify.rtl\"\n    elevate-on-scroll\n    height=\"70\"\n  >\n    <v-app-bar-nav-icon\n      class=\"hidden-md-and-up\"\n      @click=\"drawer = !drawer\"\n    />\n\n    <!-- <default-drawer-toggle class=\"hidden-sm-and-down\" /> -->\n    <create-new />\n\n    <v-toolbar-title\n      class=\"font-weight-light text-h5\"\n    />    \n\n    <v-spacer />\n\n    <!-- <default-search class=\"hidden-sm-and-down\" /> -->\n\n    <default-go-home />\n\n    <!-- <default-notifications /> -->    \n\n    <default-account />\n\n    <is-multiverse toggle>\n      <multiverse-settings \n        class=\"ml-4\" \n      />\n    </is-multiverse>\n  </v-app-bar>\n</template>\n\n<script>\n  // Utilities\n  import { get, sync } from 'vuex-pathify'\n\n  export default {\n    name: 'DefaultBar',\n\n    components: {\n      MultiverseSettings: () => import(\n        /* webpackChunkName: \"default-account\" */\n        './widgets/MultiverseSettings'\n      ),\n      DefaultAccount: () => import(\n        /* webpackChunkName: \"default-account\" */\n        './widgets/Account'\n      ),\n      // DefaultDrawerToggle: () => import(\n      //   /* webpackChunkName: \"default-drawer-toggle\" */\n      //   './widgets/DrawerToggle'\n      // ),\n      DefaultGoHome: () => import(\n        /* webpackChunkName: \"default-go-home\" */\n        './widgets/GoHome'\n      ),\n      // DefaultNotifications: () => import(\n      //   /* webpackChunkName: \"default-notifications\" */\n      //   './widgets/Notifications'\n      // ),\n      // DefaultSearch: () => import(\n      //   /* webpackChunkName: \"default-search\" */\n      //   './widgets/Search'\n      // ),\n      CreateNew: () => import(\n        /* webpackChunkName: \"default-search\" */\n        './widgets/CreateNew'\n      ),\n    },\n\n    computed: {\n      ...sync('app', [\n        'drawer',\n        'mini',\n      ]),\n      name: get('route/name'),\n    },\n  }\n</script>\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--19-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppBar.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--19-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppBar.vue?vue&type=script&lang=js&\"","// Components\nimport VIcon from '../VIcon'\nimport VBtn from '../VBtn/VBtn'\n\n// Types\nimport Vue from 'vue'\n\n/* @vue/component */\nexport default Vue.extend({\n  name: 'v-app-bar-nav-icon',\n\n  functional: true,\n\n  render (h, { slots, listeners, props, data }) {\n    const d = Object.assign(data, {\n      staticClass: (`v-app-bar__nav-icon ${data.staticClass || ''}`).trim(),\n      props: {\n        ...props,\n        icon: true,\n      },\n      on: listeners,\n    })\n\n    const defaultSlot = slots().default\n\n    return h(VBtn, d, defaultSlot || [h(VIcon, '$menu')])\n  },\n})\n","import { render, staticRenderFns } from \"./AppBar.vue?vue&type=template&id=629e15e2&\"\nimport script from \"./AppBar.vue?vue&type=script&lang=js&\"\nexport * from \"./AppBar.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 { VAppBar } from 'vuetify/lib/components/VAppBar';\nimport { VAppBarNavIcon } from 'vuetify/lib/components/VAppBar';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VAppBar,VAppBarNavIcon,VSpacer,VToolbarTitle})\n"],"sourceRoot":""}