{"version":3,"sources":["webpack:///./src/components/Flyout.vue?5eee","webpack:///./src/components/FlyoutDivider.vue?b6d1","webpack:///src/components/FlyoutDivider.vue","webpack:///./src/components/FlyoutDivider.vue?d7ba","webpack:///./src/components/FlyoutDivider.vue?4cf3","webpack:///./src/components/FlyoutDivider.vue?e9af","webpack:///./src/components/FlyoutItem.vue?44bc","webpack:///./src/components/FlyoutItem.vue?355b","webpack:///src/components/FlyoutItem.vue","webpack:///./src/components/FlyoutItem.vue?e4fc","webpack:///./src/components/FlyoutItem.vue?b506","webpack:///./src/components/Flyout.vue?9978","webpack:///src/components/Flyout.vue","webpack:///./src/components/Flyout.vue?bc5d","webpack:///./src/components/Flyout.vue?b0d3"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_b","staticClass","$attrs","staticRenderFns","name","inheritAttrs","component","class","active","tag","_t","props","type","Boolean","default","computed","Object","keys","includes","state","custom","on","$event","stopPropagation","toggle","_v","_e","show","disabled","data","$props","others","methods","closeOthers","close","document","dispatchEvent","Event","created","addEventListener","beforeDestroy","removeEventListener","watch"],"mappings":"oHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACE,MAAM,CAAC,KAAO,iBAAiB,CAACF,EAAG,KAAKJ,EAAIO,GAAG,CAACC,YAAY,iBAAiBF,MAAM,CAAC,KAAO,YAAY,mBAAmB,eAAe,KAAKN,EAAIS,QAAO,OAC9PC,EAAkB,GCMtB,GACEC,KAAM,gBACNC,cAAc,GCTuU,I,wBCQnVC,EAAY,eACd,EACAd,EACAW,GACA,EACA,KACA,KACA,MAIa,aAAAG,E,2CCnBf,W,oCCAA,W,8GCAA,IAAId,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACU,MAAM,CAAC,cAAe,CAAE,OAAUd,EAAIe,SAAUT,MAAM,CAAC,KAAO,iBAAiB,CAACF,EAAGJ,EAAIgB,IAAIhB,EAAIO,GAAG,CAACS,IAAI,YAAYR,YAAY,mBAAmBF,MAAM,CAAC,KAAO,aAAa,YAAYN,EAAIS,QAAO,GAAO,CAACT,EAAIiB,GAAG,YAAY,GAAGb,EAAG,MAAM,CAACI,YAAY,sBAAsB,CAACR,EAAIiB,GAAG,eAAe,IAAI,IAC9YP,EAAkB,GCStB,G,8BAAA,CACEC,KAAM,aACNC,cAAc,EACdM,MAAO,CACLH,OAAQ,CACNI,KAAMC,QACNC,SAAS,IAGbC,SAAU,CACRN,IADJ,WAEM,OAAOO,OAAOC,KAAKvB,KAAKQ,QAAQgB,SAAS,QAAU,IAAM,WCrBqR,I,wBCQhVZ,EAAY,eACd,EACAd,EACAW,GACA,EACA,KACA,KACA,MAIa,aAAAG,E,kDCnBf,IAAId,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACU,MAAM,CAAC,SAAU,CAAE,aAAcd,EAAI0B,MAAO,gBAAiB1B,EAAI2B,SAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOC,qBAAsB,CAAC1B,EAAG,SAAS,CAACI,YAAY,gBAAgBoB,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyB9B,EAAI+B,OAAOF,MAAW,CAAC7B,EAAIiB,GAAG,UAAUjB,EAAIgC,GAAG,KAAK5B,EAAG,SAAS,CAACI,YAAY,cAAcF,MAAM,CAAC,KAAO,qBAAqB,GAAGF,EAAG,aAAa,CAACE,MAAM,CAAC,KAAO,WAAW,CAAEN,EAAS,MAAEI,EAAG,KAAK,CAACI,YAAY,eAAe,CAACR,EAAIiB,GAAG,YAAY,GAAGjB,EAAIiC,QAAQ,IACjlBvB,EAAkB,GCYtB,GACEC,KAAM,SACNO,MAAO,CACLgB,KAAM,CACJf,KAAMC,QACNC,SAAS,GAEXM,OAAQ,CACNR,KAAMC,QACNC,SAAS,GAEXc,SAAU,CACRhB,KAAMC,QACNC,SAAS,IAGbe,KAhBF,WAiBI,MAAO,CACLV,MAAOzB,KAAKoC,OAAOH,KACnBI,QAAQ,IAGZC,QAAS,CACPR,OADJ,WAEW9B,KAAKkC,WACRlC,KAAKuC,cACLvC,KAAKyB,OAASzB,KAAKyB,QAGvBe,MAPJ,WAQWxC,KAAKkC,UACHlC,KAAKqC,SAAQrC,KAAKyB,OAAQ,IAGnCc,YAZJ,WAaWvC,KAAKkC,WACRlC,KAAKqC,QAAS,EACdI,SAASC,cAAc,IAAIC,MAAM,UACjC3C,KAAKqC,QAAS,KAIpBO,QA1CF,WA2CIH,SAASI,iBAAiB,QAAS7C,KAAKwC,OAAO,IAEjDM,cA7CF,WA8CIL,SAASM,oBAAoB,QAAS/C,KAAKwC,OAAO,IAEpDQ,MAAO,CACL,cADJ,SACA,GACMhD,KAAKyB,MAAQQ,KC/D6T,I,wBCQ5UrB,EAAY,eACd,EACAd,EACAW,GACA,EACA,KACA,KACA,MAIa,aAAAG,E","file":"js/component-flyout.dd5a6f7a.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Flyout.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{attrs:{\"role\":\"presentation\"}},[_c('hr',_vm._b({staticClass:\"flyout-divider\",attrs:{\"role\":\"separator\",\"aria-orientation\":\"horizontal\"}},'hr',_vm.$attrs,false))])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <li role=\"presentation\">\r\n    <hr class=\"flyout-divider\" role=\"separator\" aria-orientation=\"horizontal\" v-bind=\"$attrs\"/>\r\n  </li>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'FlyoutDivider',\r\n  inheritAttrs: false\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$flyout-divider-gap: $dropdown-divider-margin-y !default;\r\n$flyout-divider-color: $dropdown-divider-bg !default;\r\n$flyout-divider-size: $hr-border-width !default;\r\n\r\n.flyout-divider {\r\n  margin-top: $flyout-divider-gap;\r\n  margin-bottom: $flyout-divider-gap;\r\n  background-color: $flyout-divider-color;\r\n  border: 0 none;\r\n  height: $flyout-divider-size;\r\n}\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!./FlyoutDivider.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!./FlyoutDivider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FlyoutDivider.vue?vue&type=template&id=06873ca2&\"\nimport script from \"./FlyoutDivider.vue?vue&type=script&lang=js&\"\nexport * from \"./FlyoutDivider.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FlyoutDivider.vue?vue&type=style&index=0&lang=scss&\"\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","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FlyoutDivider.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FlyoutItem.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:['flyout-item', { 'active': _vm.active }],attrs:{\"role\":\"presentation\"}},[_c(_vm.tag,_vm._b({tag:\"component\",staticClass:\"flyout-item-link\",attrs:{\"role\":\"menuitem\"}},'component',_vm.$attrs,false),[_vm._t(\"default\")],2),_c('div',{staticClass:\"flyout-item-action\"},[_vm._t(\"editaction\")],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <li :class=\"['flyout-item', { 'active': active }]\" role=\"presentation\">\r\n    <component :is=\"tag\" class=\"flyout-item-link\" role=\"menuitem\" v-bind=\"$attrs\"><slot/></component>\r\n    <div class=\"flyout-item-action\">\r\n      <slot name=\"editaction\"></slot>\r\n    </div>\r\n  </li>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'FlyOutItem',\r\n  inheritAttrs: false,\r\n  props: {\r\n    active: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    tag () {\r\n      return Object.keys(this.$attrs).includes('href') ? 'a' : 'span'\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$flyout-item-padding-y: $dropdown-item-padding-y !default;\r\n$flyout-item-padding-x: $dropdown-item-padding-x !default;\r\n$flyout-item-color: $dropdown-link-color !default;\r\n$flyout-item-action-border: $border-width solid $dropdown-divider-bg !default;\r\n\r\n$flyout-item-hover-bg: $dropdown-link-hover-bg !default;\r\n$flyout-item-hover-color: $dropdown-link-hover-color !default;\r\n\r\n$flyout-item-active-bg: $dropdown-link-active-bg !default;\r\n$flyout-item-active-color: $dropdown-link-active-color !default;\r\n\r\n.flyout-item {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n\r\n  .flyout-item-link,\r\n  .flyout-item-action > * {\r\n    display: block;\r\n    padding: $flyout-item-padding-y $flyout-item-padding-x;\r\n    color: $flyout-item-color;\r\n\r\n    &:hover {\r\n      background-color: $flyout-item-hover-bg;\r\n      color: $flyout-item-hover-color;\r\n    }\r\n  }\r\n\r\n  .flyout-item-link {\r\n    flex: 0 1 100%;\r\n  }\r\n\r\n  .flyout-item-action {\r\n    border-left: $flyout-item-action-border;\r\n  }\r\n\r\n  &.active {\r\n    .flyout-item-link,\r\n    .flyout-item-action > * {\r\n      background-color: $flyout-item-active-bg;\r\n      color: $flyout-item-active-color;\r\n    }\r\n  }\r\n}\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!./FlyoutItem.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!./FlyoutItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FlyoutItem.vue?vue&type=template&id=cb98d1de&\"\nimport script from \"./FlyoutItem.vue?vue&type=script&lang=js&\"\nexport * from \"./FlyoutItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FlyoutItem.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['flyout', { 'is-showing': _vm.state, 'custom-flyout': _vm.custom }],on:{\"click\":function($event){$event.stopPropagation();}}},[_c('b-link',{staticClass:\"flyout-button\",on:{\"click\":function($event){$event.stopPropagation();return _vm.toggle($event)}}},[_vm._t(\"button\"),_vm._v(\" \"),_c('b-icon',{staticClass:\"button-icon\",attrs:{\"icon\":\"arrow-dropdown\"}})],2),_c('transition',{attrs:{\"name\":\"flyout\"}},[(_vm.state)?_c('ul',{staticClass:\"flyout-menu\"},[_vm._t(\"default\")],2):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['flyout', { 'is-showing': state, 'custom-flyout': custom }]\" @click.stop>\r\n    <b-link class=\"flyout-button\" @click.stop=\"toggle\"><slot name=\"button\"/> <b-icon class=\"button-icon\" icon=\"arrow-dropdown\"/></b-link>\r\n\r\n    <transition name=\"flyout\">\r\n      <ul class=\"flyout-menu\" v-if=\"state\">\r\n        <slot/>\r\n      </ul>\r\n    </transition>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Flyout',\r\n  props: {\r\n    show: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    custom: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      state: this.$props.show,\r\n      others: false\r\n    }\r\n  },\r\n  methods: {\r\n    toggle () {\r\n      if (!this.disabled) {\r\n        this.closeOthers()\r\n        this.state = !this.state\r\n      }\r\n    },\r\n    close () {\r\n      if (!this.disabled) {\r\n        if (!this.others) this.state = false\r\n      }\r\n    },\r\n    closeOthers () {\r\n      if (!this.disabled) {\r\n        this.others = true\r\n        document.dispatchEvent(new Event('click'))\r\n        this.others = false\r\n      }\r\n    }\r\n  },\r\n  created () {\r\n    document.addEventListener('click', this.close, false)\r\n  },\r\n  beforeDestroy () {\r\n    document.removeEventListener('click', this.close, false)\r\n  },\r\n  watch: {\r\n    '$props.show' (show) {\r\n      this.state = show\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$flyout-menu-zindex: $zindex-dropdown !default;\r\n$flyout-menu-margin: 0 !default;\r\n$flyout-menu-padding: $dropdown-padding-y $dropdown-padding-x !default;\r\n$flyout-menu-min-width: $dropdown-min-width !default;\r\n$flyout-menu-bg: $dropdown-bg !default;\r\n$flyout-menu-box-shadow: $dropdown-box-shadow !default;\r\n$flyout-menu-font-weight: inherit !default;\r\n$flyout-menu-font-size: $dropdown-font-size !default;\r\n\r\n.flyout {\r\n  .flyout-button {\r\n    text-decoration: none;\r\n\r\n    .button-icon {}\r\n  }\r\n\r\n  .flyout-menu {\r\n    margin: 0;\r\n    @include list-unstyled();\r\n    z-index: $flyout-menu-zindex;\r\n  }\r\n\r\n  &.is-showing {\r\n    .flyout-button {\r\n      .button-icon {\r\n        transform: scaleY(-1);\r\n      }\r\n    }\r\n  }\r\n\r\n  &:not(.custom-flyout) {\r\n    position: relative;\r\n\r\n    .flyout-menu {\r\n      @include list-unstyled();\r\n      position: absolute;\r\n      top: 100%;\r\n      left: 50%;\r\n      z-index: $flyout-menu-zindex;\r\n      margin: $flyout-menu-margin;\r\n      padding: $flyout-menu-padding;\r\n      min-width: $flyout-menu-min-width;\r\n      background-color: $flyout-menu-bg;\r\n      box-shadow: $flyout-menu-box-shadow;\r\n      transform: translate(-50%, $caret-width);\r\n      font-weight: $flyout-menu-font-weight;\r\n      font-size: $flyout-menu-font-size;\r\n\r\n      &:before {\r\n        display: block;\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 100%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 0;\r\n        height: 0;\r\n        border-width: 0 $caret-width $caret-width;\r\n        border-style: solid;\r\n        border-color: transparent transparent $flyout-menu-bg;\r\n      }\r\n    }\r\n  }\r\n}\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!./Flyout.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!./Flyout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Flyout.vue?vue&type=template&id=56aee476&\"\nimport script from \"./Flyout.vue?vue&type=script&lang=js&\"\nexport * from \"./Flyout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Flyout.vue?vue&type=style&index=0&lang=scss&\"\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"],"sourceRoot":""}