{"version":3,"sources":["webpack:///../../../src/components/VTooltip/VTooltip.ts","webpack:///./node_modules/core-js/internals/is-integer.js","webpack:///./src/components/monitors/HeartbeatBar.vue?8ecf","webpack:///./node_modules/core-js/modules/es.number.is-integer.js","webpack:///./src/components/monitors/HeartbeatBar.vue?a9f4","webpack:///src/components/monitors/HeartbeatBar.vue","webpack:///./src/components/monitors/HeartbeatBar.vue?f324","webpack:///./src/components/monitors/HeartbeatBar.vue"],"names":["name","props","closeDelay","type","Number","default","disabled","fixed","openDelay","openOnHover","tag","transition","String","data","calculatedMinWidth","closeDependents","computed","calculatedLeft","this","content","unknown","activatorLeft","attach","activator","left","top","right","parseInt","calcXOverflow","dimensions","calculatedTop","activatorTop","bottom","calcYOverflow","classes","computedTransition","isActive","offsetY","offsetX","styles","maxWidth","minWidth","opacity","zIndex","activeZIndex","beforeMount","mounted","methods","activate","requestAnimationFrame","deactivate","genActivatorListeners","listeners","e","genActivatorAttributes","genTransition","$createElement","genContent","setBackgroundColor","staticClass","class","activatorFixed","style","attrs","directives","value","isContentActive","ref","render","h","showLazyContent","isObject","floor","Math","module","exports","it","isFinite","$","isInteger","target","stat","_vm","_h","_c","_self","_l","beat","index","key","scopedSlots","_u","fn","tooltip","on","_v","_s","_g","status","Object","assign","_f","createdAt","msg","staticRenderFns","watch","unmounted","component","VTooltip"],"mappings":"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","file":"js/chunk-c762da0c.a174374b.js","sourcesContent":["import './VTooltip.sass'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Dependent from '../../mixins/dependent'\nimport Menuable from '../../mixins/menuable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Helpers\nimport { convertToUnit, keyCodes, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Colorable, Delayable, Dependent, Menuable, Toggleable).extend({\n  name: 'v-tooltip',\n\n  props: {\n    closeDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    disabled: Boolean,\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n    openDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    openOnHover: {\n      type: Boolean,\n      default: true,\n    },\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    transition: String,\n  },\n\n  data: () => ({\n    calculatedMinWidth: 0,\n    closeDependents: false,\n  }),\n\n  computed: {\n    calculatedLeft (): string {\n      const { activator, content } = this.dimensions\n      const unknown = !this.bottom && !this.left && !this.top && !this.right\n      const activatorLeft = this.attach !== false ? activator.offsetLeft : activator.left\n      let left = 0\n\n      if (this.top || this.bottom || unknown) {\n        left = (\n          activatorLeft +\n          (activator.width / 2) -\n          (content.width / 2)\n        )\n      } else if (this.left || this.right) {\n        left = (\n          activatorLeft +\n          (this.right ? activator.width : -content.width) +\n          (this.right ? 10 : -10)\n        )\n      }\n\n      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft)\n      if (this.nudgeRight) left += parseInt(this.nudgeRight)\n\n      return `${this.calcXOverflow(left, this.dimensions.content.width)}px`\n    },\n    calculatedTop (): string {\n      const { activator, content } = this.dimensions\n      const activatorTop = this.attach !== false ? activator.offsetTop : activator.top\n      let top = 0\n\n      if (this.top || this.bottom) {\n        top = (\n          activatorTop +\n          (this.bottom ? activator.height : -content.height) +\n          (this.bottom ? 10 : -10)\n        )\n      } else if (this.left || this.right) {\n        top = (\n          activatorTop +\n          (activator.height / 2) -\n          (content.height / 2)\n        )\n      }\n\n      if (this.nudgeTop) top -= parseInt(this.nudgeTop)\n      if (this.nudgeBottom) top += parseInt(this.nudgeBottom)\n\n      return `${this.calcYOverflow(top + this.pageYOffset)}px`\n    },\n    classes (): object {\n      return {\n        'v-tooltip--top': this.top,\n        'v-tooltip--right': this.right,\n        'v-tooltip--bottom': this.bottom,\n        'v-tooltip--left': this.left,\n        'v-tooltip--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      }\n    },\n    computedTransition (): string {\n      if (this.transition) return this.transition\n\n      return this.isActive ? 'scale-transition' : 'fade-transition'\n    },\n    offsetY (): boolean {\n      return this.top || this.bottom\n    },\n    offsetX (): boolean {\n      return this.left || this.right\n    },\n    styles (): object {\n      return {\n        left: this.calculatedLeft,\n        maxWidth: convertToUnit(this.maxWidth),\n        minWidth: convertToUnit(this.minWidth),\n        opacity: this.isActive ? 0.9 : 0,\n        top: this.calculatedTop,\n        zIndex: this.zIndex || this.activeZIndex,\n      }\n    },\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.value && this.callActivate()\n    })\n  },\n\n  mounted () {\n    if (getSlotType(this, 'activator', true) === 'v-slot') {\n      consoleError(`v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'`, this)\n    }\n  },\n\n  methods: {\n    activate () {\n      // Update coordinates and dimensions of menu\n      // and its activator\n      this.updateDimensions()\n      // Start the transition\n      requestAnimationFrame(this.startTransition)\n    },\n    deactivate () {\n      this.runDelay('close')\n    },\n    genActivatorListeners () {\n      const listeners = Activatable.options.methods.genActivatorListeners.call(this)\n\n      listeners.focus = (e: Event) => {\n        this.getActivator(e)\n        this.runDelay('open')\n      }\n      listeners.blur = (e: Event) => {\n        this.getActivator(e)\n        this.runDelay('close')\n      }\n      listeners.keydown = (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.esc) {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      return listeners\n    },\n    genActivatorAttributes () {\n      return {\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive),\n      }\n    },\n    genTransition () {\n      const content = this.genContent()\n\n      if (!this.computedTransition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [content])\n    },\n    genContent () {\n      return this.$createElement(\n        'div',\n        this.setBackgroundColor(this.color, {\n          staticClass: 'v-tooltip__content',\n          class: {\n            [this.contentClass]: true,\n            menuable__content__active: this.isActive,\n            'v-tooltip__content--fixed': this.activatorFixed,\n          },\n          style: this.styles,\n          attrs: this.getScopeIdAttrs(),\n          directives: [{\n            name: 'show',\n            value: this.isContentActive,\n          }],\n          ref: 'content',\n        }),\n        this.getContentSlot()\n      )\n    },\n  },\n\n  render (h): VNode {\n    return h(this.tag, {\n      staticClass: 'v-tooltip',\n      class: this.classes,\n    }, [\n      this.showLazyContent(() => [this.genTransition()]),\n      this.genActivator(),\n    ])\n  },\n})\n","var isObject = require('../internals/is-object');\n\nvar floor = Math.floor;\n\n// `Number.isInteger` method implementation\n// https://tc39.es/ecma262/#sec-number.isinteger\nmodule.exports = function isInteger(it) {\n  return !isObject(it) && isFinite(it) && floor(it) === it;\n};\n","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!./HeartbeatBar.vue?vue&type=style&index=0&id=f1c7a2a0&lang=scss&scoped=true&\"","var $ = require('../internals/export');\nvar isInteger = require('../internals/is-integer');\n\n// `Number.isInteger` method\n// https://tc39.es/ecma262/#sec-number.isinteger\n$({ target: 'Number', stat: true }, {\n  isInteger: isInteger\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"wrap\",staticClass:\"wrap\",style:(_vm.wrapStyle)},[_c('div',{staticClass:\"hp-bar-big\",style:(_vm.barStyle)},_vm._l((_vm.shortBeatList),function(beat,index){return _c('v-tooltip',{key:index,attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar tooltip = ref.on;\nreturn [_vm._v(\" \"+_vm._s(/* If paused, just show grey as we do stop collecting the data */)+\" \"),(_vm.paused)?_c('div',{staticClass:\"beat paused\",style:(_vm.beatStyle)}):_c('div',_vm._g({staticClass:\"beat\",class:{ 'empty' : (beat === 0), 'down' : (beat.status === 0), 'pending' : (beat.status === 2), 'maintenance' : (beat.status === 3) },style:(_vm.beatStyle)},Object.assign({}, tooltip)))]}}],null,true)},[_c('span',[_vm._v(_vm._s(_vm._f(\"date\")(beat.createdAt))+\" \"+_vm._s(beat.msg ? beat.msg : ''))])])}),1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div ref=\"wrap\" class=\"wrap\" :style=\"wrapStyle\">\n      <div class=\"hp-bar-big\" :style=\"barStyle\">\n        <v-tooltip\n          v-for=\"(beat, index) in shortBeatList\"\n          top\n          :key=\"index\"\n        >\n          <template v-slot:activator=\"{ on: tooltip }\">\n            {{/*  If paused, just show grey as we do stop collecting the data  */}}\n            <div v-if=\"paused\"\n                class=\"beat paused\"\n                :style=\"beatStyle\"\n            />\n            <div\n                v-else\n                v-on=\"{ ...tooltip }\"          \n                class=\"beat\"\n                :class=\"{ 'empty' : (beat === 0), 'down' : (beat.status === 0), 'pending' : (beat.status === 2), 'maintenance' : (beat.status === 3) }\"\n                :style=\"beatStyle\"\n            />\n          </template>\n          <span>{{ beat.createdAt | date }} {{ beat.msg ? beat.msg : '' }}</span>\n        </v-tooltip>\n      </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n      /** Size of the heartbeat bar */\n      size: {\n          type: String,\n          default: \"big\",\n      },\n      /** ID of the monitor */\n      monitorId: {\n          type: String,\n          required: true,\n      },\n      paused: {\n          type: Boolean,\n          default: false,\n      },\n      /** Array of the monitors heartbeats */\n      heartbeatList: {\n          type: Array,\n          default: null,\n      }\n  },\n  data() {\n      return {\n          beatWidth: 10,\n          beatHeight: 25,\n          hoverScale: 1.5,\n          beatMargin: 4,\n          move: false,\n          maxBeat: -1,\n      };\n  },\n  computed: {\n      /**\n       * If heartbeatList is null, get it from $root.heartbeatList\n       */\n      beatList() {\n          if (this.heartbeatList === null) {\n              return this.$root.heartbeatList[this.monitorId];\n          } else {\n              return this.heartbeatList;\n          }\n      },\n      shortBeatList() {\n          if (! this.beatList) {\n              return [];\n          }\n          let placeholders = [];\n          let start = this.beatList.length - this.maxBeat;\n          if (this.move) {\n              start = start - 1;\n          }\n          if (start < 0) {\n              // Add empty placeholder\n              for (let i = start; i < 0; i++) {\n                  placeholders.push(0);\n              }\n              start = 0;\n          }\n          return placeholders.concat(this.beatList.slice(start));\n      },\n      wrapStyle() {\n          let topBottom = (((this.beatHeight * this.hoverScale) - this.beatHeight) / 2);\n          let leftRight = (((this.beatWidth * this.hoverScale) - this.beatWidth) / 2);\n          return {\n              padding: `${topBottom}px ${leftRight}px`,\n              width: \"100%\",\n          };\n      },\n      barStyle() {\n          if (this.move && this.shortBeatList.length > this.maxBeat) {\n              let width = -(this.beatWidth + this.beatMargin * 2);\n              return {\n                  transition: \"all ease-in-out 0.25s\",\n                  transform: `translateX(${width}px)`,\n              };\n          }\n          return {\n              transform: \"translateX(0)\",\n          };\n      },\n      beatStyle() {\n          return {\n              width: this.beatWidth + \"px\",\n              height: this.beatHeight + \"px\",\n              margin: this.beatMargin + \"px\",\n              \"--hover-scale\": this.hoverScale,\n          };\n      },\n  },\n  watch: {\n      beatList: {\n          handler() {\n              this.move = true;\n              setTimeout(() => {\n                  this.move = false;\n              }, 300);\n          },\n          deep: true,\n      },\n  },\n  unmounted() {\n      window.removeEventListener(\"resize\", this.resize);\n  },\n  beforeMount() {\n      if (this.heartbeatList === null) {\n          if (! (this.monitorId in this.$root.heartbeatList)) {\n              this.$root.heartbeatList[this.monitorId] = [];\n          }\n      }\n  },\n  mounted() {\n      if (this.size === \"small\") {\n          this.beatWidth = 5;\n          this.beatHeight = 16;\n          this.beatMargin = 2;\n      }\n      // Suddenly, have an idea how to handle it universally.\n      // If the pixel * ratio != Integer, then it causes render issue, round it to solve it!!\n      const actualWidth = this.beatWidth * window.devicePixelRatio;\n      const actualMargin = this.beatMargin * window.devicePixelRatio;\n      if (! Number.isInteger(actualWidth)) {\n          this.beatWidth = Math.round(actualWidth) / window.devicePixelRatio;\n      }\n      if (! Number.isInteger(actualMargin)) {\n          this.beatMargin = Math.round(actualMargin) / window.devicePixelRatio;\n      }\n      window.addEventListener(\"resize\", this.resize);\n      this.resize();\n  },\n  methods: {\n      /** Resize the heartbeat bar */\n      resize() {\n          if (this.$refs.wrap) {\n              this.maxBeat = Math.floor(this.$refs.wrap.clientWidth / (this.beatWidth + this.beatMargin * 2));\n          }\n      },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import \"../assets/vars.scss\";\n.wrap {\n  overflow: hidden;\n  width: 100%;\n  white-space: nowrap;\n}\n.hp-bar-big {\n  .beat {\n      display: inline-block;\n      background-color: #00e676;\n      border-radius: 50rem;\n      &.empty {\n          background-color: aliceblue;\n      }\n      &.down {\n          background-color:  #e53935;\n      }\n      &.paused {\n          background-color:  #aeaeae;\n      }\n      &.pending {\n          background-color: #f8a306;\n      }\n      &.maintenance {\n          background-color: #1747f5;\n      }\n      &:not(.empty):hover {\n          transition: all ease-in-out 0.15s;\n          opacity: 0.8;\n          transform: scale(var(--hover-scale));\n      }\n  }\n}\n.dark {\n  .hp-bar-big .beat.empty {\n      background-color: #848484;\n  }\n}\n</style>","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!./HeartbeatBar.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!./HeartbeatBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HeartbeatBar.vue?vue&type=template&id=f1c7a2a0&scoped=true&\"\nimport script from \"./HeartbeatBar.vue?vue&type=script&lang=js&\"\nexport * from \"./HeartbeatBar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HeartbeatBar.vue?vue&type=style&index=0&id=f1c7a2a0&lang=scss&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  \"f1c7a2a0\",\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 { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VTooltip})\n"],"sourceRoot":""}