{"version":3,"sources":["webpack:///./src/layouts/default/Drawer.vue?eb3b","webpack:///../../../src/mixins/applicationable/index.ts","webpack:///./src/layouts/default/Drawer.vue?7e6b","webpack:///src/layouts/default/Drawer.vue","webpack:///./src/layouts/default/Drawer.vue?9392","webpack:///../../../src/components/VNavigationDrawer/VNavigationDrawer.ts","webpack:///./src/layouts/default/Drawer.vue?00d5"],"names":["events","name","props","app","Boolean","computed","applicationProperty","watch","prev","this","removeApplication","activated","created","i","length","mounted","deactivated","destroyed","methods","callUpdate","force","updateApplication","_vm","_h","$createElement","_c","_self","attrs","$vuetify","rtl","mini","on","$event","model","value","callback","$$v","drawer","expression","items","staticClass","staticRenderFns","baseMixins","mixins","directives","ClickOutside","Resize","Touch","provide","isInNav","tag","bottom","clipped","disableResizeWatcher","disableRouteWatcher","expandOnHover","floating","height","type","Number","default","miniVariant","miniVariantWidth","permanent","right","src","String","stateless","temporary","touchless","width","data","isMouseover","touchArea","left","stackMinZIndex","classes","themeClasses","computedMaxHeight","application","computedTop","computedTransform","computedWidth","isMiniVariant","hasApp","isBottom","isMobile","reactsToClick","reactsToMobile","reactsToResize","reactsToRoute","showOverlay","styles","translate","top","maxHeight","transform","$route","isActive","removeOverlay","val","beforeMount","calculateTouchArea","parent","$el","parentRect","closeConditional","genAppend","genPosition","genBackground","image","$scopedSlots","img","VImg","genDirectives","handler","include","getOpenDependentElements","swipeRight","genListeners","transitionend","e","resizeEvent","document","window","slot","genPrepend","genContent","$slots","genBorder","init","onRouteChange","swipeLeft","Math","isNaN","updateMiniVariant","$emit","render","children","h","setBackgroundColor","class","style","component","VNavigationDrawer"],"mappings":"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","file":"js/default-drawer.59c956e3.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Drawer.vue?vue&type=style&index=0&id=bbe3b4a2&lang=sass&scoped=true&\"","import { factory as PositionableFactory } from '../positionable'\nimport { TargetProp } from 'vuetify/types/services/application'\n\n// Util\nimport mixins from '../../util/mixins'\n\nexport default function applicationable (value: TargetProp, events: string[] = []) {\n  /* @vue/component */\n  return mixins(PositionableFactory(['absolute', 'fixed'])).extend({\n    name: 'applicationable',\n\n    props: {\n      app: Boolean,\n    },\n\n    computed: {\n      applicationProperty (): TargetProp {\n        return value\n      },\n    },\n\n    watch: {\n      // If previous value was app\n      // reset the provided prop\n      app (x: boolean, prev: boolean) {\n        prev\n          ? this.removeApplication(true)\n          : this.callUpdate()\n      },\n      applicationProperty (newVal, oldVal) {\n        this.$vuetify.application.unregister(this._uid, oldVal)\n      },\n    },\n\n    activated () {\n      this.callUpdate()\n    },\n\n    created () {\n      for (let i = 0, length = events.length; i < length; i++) {\n        this.$watch(events[i], this.callUpdate)\n      }\n      this.callUpdate()\n    },\n\n    mounted () {\n      this.callUpdate()\n    },\n\n    deactivated () {\n      this.removeApplication()\n    },\n\n    destroyed () {\n      this.removeApplication()\n    },\n\n    methods: {\n      callUpdate () {\n        if (!this.app) return\n\n        this.$vuetify.application.register(\n          this._uid,\n          this.applicationProperty,\n          this.updateApplication()\n        )\n      },\n      removeApplication (force = false) {\n        if (!force && !this.app) return\n\n        this.$vuetify.application.unregister(\n          this._uid,\n          this.applicationProperty\n        )\n      },\n      updateApplication: () => 0,\n    },\n  })\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-navigation-drawer',{attrs:{\"id\":\"default-drawer\",\"right\":_vm.$vuetify.rtl,\"mini-variant\":_vm.mini,\"mini-variant-width\":\"80\",\"app\":\"\",\"width\":\"260\"},on:{\"update:miniVariant\":function($event){_vm.mini=$event},\"update:mini-variant\":function($event){_vm.mini=$event}},model:{value:(_vm.drawer),callback:function ($$v) {_vm.drawer=$$v},expression:\"drawer\"}},[_c('div',{},[_c('default-drawer-header'),_c('default-list',{attrs:{\"items\":_vm.items}})],1),_c('div',{staticClass:\"pt-12\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-navigation-drawer\r\n    id=\"default-drawer\"\r\n    v-model=\"drawer\"\r\n    :right=\"$vuetify.rtl\"\r\n    :mini-variant.sync=\"mini\"\r\n    mini-variant-width=\"80\"\r\n    app\r\n    width=\"260\"\r\n  >\r\n    <div class=\"\">\r\n      <default-drawer-header />\r\n\r\n      <default-list :items=\"items\" />\r\n    </div>\r\n\r\n    <div class=\"pt-12\" />\r\n  </v-navigation-drawer>\r\n</template>\r\n\r\n<script>\r\n  // Utilities\r\n  import { get, sync } from 'vuex-pathify'\r\n\r\n  export default {\r\n    name: 'DefaultDrawer',\r\n\r\n    components: {\r\n      DefaultDrawerHeader: () => import(\r\n        /* webpackChunkName: \"default-drawer-header\" */\r\n        './widgets/DrawerHeader'\r\n      ),\r\n      DefaultList: () => import(\r\n        /* webpackChunkName: \"default-list\" */\r\n        './List'\r\n      ),\r\n    },\r\n\r\n    computed: {\r\n      ...get('user', [\r\n        'dark',\r\n        'gradient',\r\n        'image',\r\n      ]),\r\n      ...get('app', [\r\n        'items',\r\n        'version',\r\n      ]),\r\n      ...sync('app', [\r\n        'drawer',\r\n        'mini',\r\n      ]),\r\n    },\r\n  }\r\n</script>\r\n\r\n<style lang=\"sass\" scoped>\r\n#default-drawer\r\n  .v-list-item\r\n    margin-bottom: 8px\r\n\r\n  .v-list-item::before,\r\n  .v-list-item::after\r\n    display: none\r\n\r\n  .v-list-group__header__prepend-icon,\r\n  .v-list-item__icon\r\n    margin-top: 12px\r\n    margin-bottom: 12px\r\n    margin-left: 4px\r\n\r\n  &.v-navigation-drawer--mini-variant\r\n    .v-list-item\r\n      justify-content: flex-start !important\r\n\r\n  .v-btn.v-btn--router\r\n      background-color: rgba(255, 255, 255, 0)\r\n      box-shadow: none\r\n      &:before\r\n        opacity: 0\r\n</style>\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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Drawer.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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Drawer.vue?vue&type=script&lang=js&\"","// Styles\nimport './VNavigationDrawer.sass'\n\n// Components\nimport VImg, { srcObject } from '../VImg/VImg'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Colorable from '../../mixins/colorable'\nimport Dependent from '../../mixins/dependent'\nimport Mobile from '../../mixins/mobile'\nimport Overlayable from '../../mixins/overlayable'\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\nimport Resize from '../../directives/resize'\nimport Touch from '../../directives/touch'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, VNodeDirective, PropType } from 'vue'\nimport { TouchWrapper } from 'vuetify/types'\n\nconst baseMixins = mixins(\n  Applicationable('left', [\n    'isActive',\n    'isMobile',\n    'miniVariant',\n    'expandOnHover',\n    'permanent',\n    'right',\n    'temporary',\n    'width',\n  ]),\n  Colorable,\n  Dependent,\n  Mobile,\n  Overlayable,\n  SSRBootable,\n  Themeable\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-navigation-drawer',\n\n  directives: {\n    ClickOutside,\n    Resize,\n    Touch,\n  },\n\n  provide (): object {\n    return {\n      isInNav: this.tag === 'nav',\n    }\n  },\n\n  props: {\n    bottom: Boolean,\n    clipped: Boolean,\n    disableResizeWatcher: Boolean,\n    disableRouteWatcher: Boolean,\n    expandOnHover: Boolean,\n    floating: Boolean,\n    height: {\n      type: [Number, String],\n      default (): string {\n        return this.app ? '100vh' : '100%'\n      },\n    },\n    miniVariant: Boolean,\n    miniVariantWidth: {\n      type: [Number, String],\n      default: 56,\n    },\n    permanent: Boolean,\n    right: Boolean,\n    src: {\n      type: [String, Object] as PropType<string | srcObject>,\n      default: '',\n    },\n    stateless: Boolean,\n    tag: {\n      type: String,\n      default (): string {\n        return this.app ? 'nav' : 'aside'\n      },\n    },\n    temporary: Boolean,\n    touchless: Boolean,\n    width: {\n      type: [Number, String],\n      default: 256,\n    },\n    value: null as unknown as PropType<any>,\n  },\n\n  data: () => ({\n    isMouseover: false,\n    touchArea: {\n      left: 0,\n      right: 0,\n    },\n    stackMinZIndex: 6,\n  }),\n\n  computed: {\n    /**\n     * Used for setting an app value from a dynamic\n     * property. Called from applicationable.js\n     */\n    applicationProperty (): string {\n      return this.right ? 'right' : 'left'\n    },\n    classes (): object {\n      return {\n        'v-navigation-drawer': true,\n        'v-navigation-drawer--absolute': this.absolute,\n        'v-navigation-drawer--bottom': this.bottom,\n        'v-navigation-drawer--clipped': this.clipped,\n        'v-navigation-drawer--close': !this.isActive,\n        'v-navigation-drawer--fixed': !this.absolute && (this.app || this.fixed),\n        'v-navigation-drawer--floating': this.floating,\n        'v-navigation-drawer--is-mobile': this.isMobile,\n        'v-navigation-drawer--is-mouseover': this.isMouseover,\n        'v-navigation-drawer--mini-variant': this.isMiniVariant,\n        'v-navigation-drawer--custom-mini-variant': Number(this.miniVariantWidth) !== 56,\n        'v-navigation-drawer--open': this.isActive,\n        'v-navigation-drawer--open-on-hover': this.expandOnHover,\n        'v-navigation-drawer--right': this.right,\n        'v-navigation-drawer--temporary': this.temporary,\n        ...this.themeClasses,\n      }\n    },\n    computedMaxHeight (): number | null {\n      if (!this.hasApp) return null\n\n      const computedMaxHeight = (\n        this.$vuetify.application.bottom +\n        this.$vuetify.application.footer +\n        this.$vuetify.application.bar\n      )\n\n      if (!this.clipped) return computedMaxHeight\n\n      return computedMaxHeight + this.$vuetify.application.top\n    },\n    computedTop (): number {\n      if (!this.hasApp) return 0\n\n      let computedTop = this.$vuetify.application.bar\n\n      computedTop += this.clipped\n        ? this.$vuetify.application.top\n        : 0\n\n      return computedTop\n    },\n    computedTransform (): number {\n      if (this.isActive) return 0\n      if (this.isBottom) return 100\n      return this.right ? 100 : -100\n    },\n    computedWidth (): string | number {\n      return this.isMiniVariant ? this.miniVariantWidth : this.width\n    },\n    hasApp (): boolean {\n      return (\n        this.app &&\n        (!this.isMobile && !this.temporary)\n      )\n    },\n    isBottom (): boolean {\n      return this.bottom && this.isMobile\n    },\n    isMiniVariant (): boolean {\n      return (\n        !this.expandOnHover &&\n        this.miniVariant\n      ) || (\n        this.expandOnHover &&\n        !this.isMouseover\n      )\n    },\n    isMobile (): boolean {\n      return (\n        !this.stateless &&\n        !this.permanent &&\n        Mobile.options.computed.isMobile.call(this)\n      )\n    },\n    reactsToClick (): boolean {\n      return (\n        !this.stateless &&\n        !this.permanent &&\n        (this.isMobile || this.temporary)\n      )\n    },\n    reactsToMobile (): boolean {\n      return (\n        this.app &&\n        !this.disableResizeWatcher &&\n        !this.permanent &&\n        !this.stateless &&\n        !this.temporary\n      )\n    },\n    reactsToResize (): boolean {\n      return !this.disableResizeWatcher && !this.stateless\n    },\n    reactsToRoute (): boolean {\n      return (\n        !this.disableRouteWatcher &&\n        !this.stateless &&\n        (this.temporary || this.isMobile)\n      )\n    },\n    showOverlay (): boolean {\n      return (\n        !this.hideOverlay &&\n        this.isActive &&\n        (this.isMobile || this.temporary)\n      )\n    },\n    styles (): object {\n      const translate = this.isBottom ? 'translateY' : 'translateX'\n      return {\n        height: convertToUnit(this.height),\n        top: !this.isBottom ? convertToUnit(this.computedTop) : 'auto',\n        maxHeight: this.computedMaxHeight != null\n          ? `calc(100% - ${convertToUnit(this.computedMaxHeight)})`\n          : undefined,\n        transform: `${translate}(${convertToUnit(this.computedTransform, '%')})`,\n        width: convertToUnit(this.computedWidth),\n      }\n    },\n  },\n\n  watch: {\n    $route: 'onRouteChange',\n    isActive (val) {\n      this.$emit('input', val)\n    },\n    /**\n     * When mobile changes, adjust the active state\n     * only when there has been a previous value\n     */\n    isMobile (val, prev) {\n      !val &&\n        this.isActive &&\n        !this.temporary &&\n        this.removeOverlay()\n\n      if (prev == null ||\n        !this.reactsToResize ||\n        !this.reactsToMobile\n      ) return\n\n      this.isActive = !val\n    },\n    permanent (val) {\n      // If enabling prop enable the drawer\n      if (val) this.isActive = true\n    },\n    showOverlay (val) {\n      if (val) this.genOverlay()\n      else this.removeOverlay()\n    },\n    value (val) {\n      if (this.permanent) return\n\n      if (val == null) {\n        this.init()\n        return\n      }\n\n      if (val !== this.isActive) this.isActive = val\n    },\n    expandOnHover: 'updateMiniVariant',\n    isMouseover (val) {\n      this.updateMiniVariant(!val)\n    },\n  },\n\n  beforeMount () {\n    this.init()\n  },\n\n  methods: {\n    calculateTouchArea () {\n      const parent = this.$el.parentNode as Element\n\n      if (!parent) return\n\n      const parentRect = parent.getBoundingClientRect()\n\n      this.touchArea = {\n        left: parentRect.left + 50,\n        right: parentRect.right - 50,\n      }\n    },\n    closeConditional () {\n      return this.isActive && !this._isDestroyed && this.reactsToClick\n    },\n    genAppend () {\n      return this.genPosition('append')\n    },\n    genBackground () {\n      const props = {\n        height: '100%',\n        width: '100%',\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-navigation-drawer__image',\n      }, [image])\n    },\n    genDirectives (): VNodeDirective[] {\n      const directives = [{\n        name: 'click-outside',\n        value: {\n          handler: () => { this.isActive = false },\n          closeConditional: this.closeConditional,\n          include: this.getOpenDependentElements,\n        },\n      }]\n\n      if (!this.touchless && !this.stateless) {\n        directives.push({\n          name: 'touch',\n          value: {\n            parent: true,\n            left: this.swipeLeft,\n            right: this.swipeRight,\n          },\n        } as any)\n      }\n\n      return directives\n    },\n    genListeners () {\n      const on: Record<string, (e: Event) => void> = {\n        transitionend: (e: Event) => {\n          if (e.target !== e.currentTarget) return\n          this.$emit('transitionend', e)\n\n          // IE11 does not support new Event('resize')\n          const resizeEvent = document.createEvent('UIEvents')\n          resizeEvent.initUIEvent('resize', true, false, window, 0)\n          window.dispatchEvent(resizeEvent)\n        },\n      }\n\n      if (this.miniVariant) {\n        on.click = () => this.$emit('update:mini-variant', false)\n      }\n\n      if (this.expandOnHover) {\n        on.mouseenter = () => (this.isMouseover = true)\n        on.mouseleave = () => (this.isMouseover = false)\n      }\n\n      return on\n    },\n    genPosition (name: 'prepend' | 'append') {\n      const slot = getSlot(this, name)\n\n      if (!slot) return slot\n\n      return this.$createElement('div', {\n        staticClass: `v-navigation-drawer__${name}`,\n      }, slot)\n    },\n    genPrepend () {\n      return this.genPosition('prepend')\n    },\n    genContent () {\n      return this.$createElement('div', {\n        staticClass: 'v-navigation-drawer__content',\n      }, this.$slots.default)\n    },\n    genBorder () {\n      return this.$createElement('div', {\n        staticClass: 'v-navigation-drawer__border',\n      })\n    },\n    init () {\n      if (this.permanent) {\n        this.isActive = true\n      } else if (this.stateless ||\n        this.value != null\n      ) {\n        this.isActive = this.value\n      } else if (!this.temporary) {\n        this.isActive = !this.isMobile\n      }\n    },\n    onRouteChange () {\n      if (this.reactsToRoute && this.closeConditional()) {\n        this.isActive = false\n      }\n    },\n    swipeLeft (e: TouchWrapper) {\n      if (this.isActive && this.right) return\n      this.calculateTouchArea()\n\n      if (Math.abs(e.touchendX - e.touchstartX) < 100) return\n      if (this.right &&\n        e.touchstartX >= this.touchArea.right\n      ) this.isActive = true\n      else if (!this.right && this.isActive) this.isActive = false\n    },\n    swipeRight (e: TouchWrapper) {\n      if (this.isActive && !this.right) return\n      this.calculateTouchArea()\n\n      if (Math.abs(e.touchendX - e.touchstartX) < 100) return\n      if (!this.right &&\n        e.touchstartX <= this.touchArea.left\n      ) this.isActive = true\n      else if (this.right && this.isActive) this.isActive = false\n    },\n    /**\n     * Update the application layout\n     */\n    updateApplication () {\n      if (\n        !this.isActive ||\n        this.isMobile ||\n        this.temporary ||\n        !this.$el\n      ) return 0\n\n      const width = Number(this.computedWidth)\n\n      return isNaN(width) ? this.$el.clientWidth : width\n    },\n    updateMiniVariant (val: boolean) {\n      if (this.miniVariant !== val) this.$emit('update:mini-variant', val)\n    },\n  },\n\n  render (h): VNode {\n    const children = [\n      this.genPrepend(),\n      this.genContent(),\n      this.genAppend(),\n      this.genBorder(),\n    ]\n\n    if (this.src || getSlot(this, 'img')) children.unshift(this.genBackground())\n\n    return h(this.tag, this.setBackgroundColor(this.color, {\n      class: this.classes,\n      style: this.styles,\n      directives: this.genDirectives(),\n      on: this.genListeners(),\n    }), children)\n  },\n})\n","import { render, staticRenderFns } from \"./Drawer.vue?vue&type=template&id=bbe3b4a2&scoped=true&\"\nimport script from \"./Drawer.vue?vue&type=script&lang=js&\"\nexport * from \"./Drawer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Drawer.vue?vue&type=style&index=0&id=bbe3b4a2&lang=sass&scoped=true&\"\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  \"bbe3b4a2\",\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 { VNavigationDrawer } from 'vuetify/lib/components/VNavigationDrawer';\ninstallComponents(component, {VNavigationDrawer})\n"],"sourceRoot":""}