{"version":3,"sources":["webpack:///./src/assets/Caret-Down_Filled_16px_Icon.svg","webpack:///./src/assets/Close_Line_12px_1_Icon.svg","webpack:///./src/assets/Info_Line_16px_Icon_Dark.svg","webpack:///./src/assets/Mobile_Copy_Button_Disabled-Dark.svg","webpack:///./src/assets/Close_Line_12px_1_Icon_dark.svg","webpack:///./src/assets/Chevron-Right_Circle_24px_2_Icon-red.svg","webpack:///./src/components/desktop/dialog/GotoDialogAdmin.vue?de02","webpack:///./src/components/common/newImage/FramePlayerBar.vue?392f","webpack:///./src/components/common/newImage/FramePlayerBar.vue?a329","webpack:///src/components/common/newImage/FramePlayerBar.vue","webpack:///./src/components/common/newImage/FramePlayerBar.vue?9486","webpack:///./src/components/common/newImage/FramePlayerBar.vue","webpack:///./src/assets/Legend_Dark.svg","webpack:///./src/assets/Mobile_Copy_Button_Red.svg","webpack:///./src/assets/Caret-Up_Filled_12px_Icon_Light_Mode.svg","webpack:///./src/assets/Public_Filled_24px_Icon.svg","webpack:///./src/assets/Legend_Light.svg","webpack:///./src/components/common/EventItem.vue?0a4b","webpack:///./src/assets/Link_Line_2_24px_Icon.svg","webpack:///./src/assets/Chevron-Right_Circle_24px_2_Icon.svg","webpack:///./src/assets/Caret-Down_Filled_12px_Icon_Light_Mode.svg","webpack:///./src/components/common/EventItem.vue?05d9","webpack:///src/components/common/EventItem.vue","webpack:///./src/components/common/EventItem.vue?7485","webpack:///./src/components/common/EventItem.vue","webpack:///./src/assets/Mobile_Copy_Button_Disabled-Light.svg","webpack:///./src/components/common/MapDetailLegend.vue?f2e9","webpack:///src/components/common/MapDetailLegend.vue","webpack:///./src/components/common/MapDetailLegend.vue?3fb3","webpack:///./src/components/common/MapDetailLegend.vue","webpack:///./src/components/desktop/dialog/EditLabelDialogAdmin.vue?abca","webpack:///src/components/desktop/dialog/EditLabelDialogAdmin.vue","webpack:///./src/components/desktop/dialog/EditLabelDialogAdmin.vue?d40f","webpack:///./src/components/desktop/dialog/EditLabelDialogAdmin.vue","webpack:///./src/components/common/MapDetailLegend.vue?6de5","webpack:///./src/assets/Caret-Up_Filled_16px_Icon.svg","webpack:///./src/components/desktop/dialog/EditLabelDialogAdmin.vue?e977","webpack:///./src/assets/PlannedBurn_Button.svg","webpack:///./src/components/desktop/dialog/GotoDialogAdmin.vue?9170","webpack:///src/components/desktop/dialog/GotoDialogAdmin.vue","webpack:///./src/components/desktop/dialog/GotoDialogAdmin.vue?add2","webpack:///./src/components/desktop/dialog/GotoDialogAdmin.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","playerState","on","onClickPlay","$event","$emit","selectMode","_e","style","_l","image","index","key","class","now","currentIndex","isLoaded","CONSTANT","STOP_STATE","loadedImages","length","frameStyle","moveFrame","detectedImageIndex","$vuetify","theme","dark","getCaretClass","staticStyle","staticRenderFns","components","CircleButton","props","type","default","imageUrlList","hasAfterImages","currentLogId","data","defaultImages","Array","fill","defaultImage","ARROW_LEFT","ARROW_RIGHT","SPACEBAR","mounted","window","destroyed","watch","newLogId","prevLogId","computed","progressWdith","transform","imageWidth","concat","methods","frameIndex","onKeyDown","e","keyCode","playerPlayBySpaceBar","PLAY_STATE","direction","monitor","className","backgroundImage","backgroundSize","height","width","display","justifyContent","opacity","border","padding","boxSizing","backgroundClip","component","selected","mouseover","hover","fire","eventType","unknown","planned","preventDefault","_v","mixins","_s","text","showLegendDetail","legendExpand","legendKeys","borderColor","color","model","value","callback","$$v","expression","themeName","logDate","cameraName","eventTypeId","onClickEventType","hide","ok","EventItem","val","event_type_id","mapState","getOffsetDate","created_at","offset","cam","name","VCard","VCardText","VDialog","indexOf","_k","apply","arguments","onClickGoto","urls","$log","debug","util"],"mappings":"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","file":"js/chunk-96784bae.7bf39c5a.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/Caret-Down_Filled_16px_Icon.5e7f876e.svg\";","module.exports = __webpack_public_path__ + \"img/Close_Line_12px_1_Icon.2c4ca733.svg\";","module.exports = __webpack_public_path__ + \"img/Info_Line_16px_Icon_Dark.7d054f4f.svg\";","module.exports = __webpack_public_path__ + \"img/Mobile_Copy_Button_Disabled-Dark.483a9a8e.svg\";","module.exports = __webpack_public_path__ + \"img/Close_Line_12px_1_Icon_dark.337a138e.svg\";","module.exports = __webpack_public_path__ + \"img/Chevron-Right_Circle_24px_2_Icon-red.b229e448.svg\";","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--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GotoDialogAdmin.vue?vue&type=style&index=0&id=27731f84&lang=scss&scoped=true&\"","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--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FramePlayerBar.vue?vue&type=style&index=0&id=e0e5a2e0&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"frame-bar\"},[_c('CircleButton',{attrs:{\"playerState\":_vm.playerState},on:{\"play\":_vm.onClickPlay,\"pause\":function($event){return _vm.$emit('pause')}}}),_c('div',{staticClass:\"timeline\"},[(!this.selectMode)?_c('div',{staticClass:\"progress-cover\",style:(_vm.progressWdith)}):_vm._e(),_vm._l((_vm.loadedImages),function(image,index){return _c('div',{key:index,class:{\n        now: index === _vm.currentIndex && _vm.isLoaded && _vm.playerState !== _vm.CONSTANT.STOP_STATE && !_vm.selectMode,\n        'first-index': index === 0,\n        'last-index': _vm.loadedImages.length === index + 1,\n        'selected-frame': _vm.selectMode && _vm.currentIndex === index,\n      },style:(_vm.frameStyle(image, index)),attrs:{\"data-testid\":\"Frame_Bar\"},on:{\"click\":function($event){return _vm.moveFrame(index)}}},[(_vm.isLoaded && index === _vm.detectedImageIndex && _vm.$vuetify.theme.dark)?_c('img',{class:_vm.getCaretClass('up'),staticStyle:{\"opacity\":\"1\"},attrs:{\"src\":require(\"@/assets/Caret-Up_Filled_16px_Icon.svg\"),\"width\":\"14px\"}}):_vm._e(),(_vm.isLoaded && index === _vm.detectedImageIndex && _vm.$vuetify.theme.dark)?_c('img',{class:_vm.getCaretClass('down'),staticStyle:{\"opacity\":\"1\"},attrs:{\"src\":require(\"@/assets/Caret-Down_Filled_16px_Icon.svg\"),\"width\":\"14px\"}}):_vm._e(),(_vm.isLoaded && index === _vm.detectedImageIndex && !_vm.$vuetify.theme.dark)?_c('img',{class:_vm.getCaretClass('up'),staticStyle:{\"opacity\":\"1\"},attrs:{\"src\":require(\"@/assets/Caret-Up_Filled_12px_Icon_Light_Mode.svg\"),\"width\":\"14px\"}}):_vm._e(),(_vm.isLoaded && index === _vm.detectedImageIndex && !_vm.$vuetify.theme.dark)?_c('img',{class:_vm.getCaretClass('down'),staticStyle:{\"opacity\":\"1\"},attrs:{\"src\":require(\"@/assets/Caret-Down_Filled_12px_Icon_Light_Mode.svg\"),\"width\":\"14px\"}}):_vm._e()])})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"frame-bar\">\n    <CircleButton :playerState=\"playerState\" @play=\"onClickPlay\" @pause=\"$emit('pause')\" />\n    <div class=\"timeline\">\n      <div class=\"progress-cover\" v-if=\"!this.selectMode\" :style=\"progressWdith\"></div>\n      <div\n        v-for=\"(image, index) in loadedImages\"\n        :key=\"index\"\n        :class=\"{\n          now: index === currentIndex && isLoaded && playerState !== CONSTANT.STOP_STATE && !selectMode,\n          'first-index': index === 0,\n          'last-index': loadedImages.length === index + 1,\n          'selected-frame': selectMode && currentIndex === index,\n        }\"\n        data-testid=\"Frame_Bar\"\n        :style=\"frameStyle(image, index)\"\n        @click=\"moveFrame(index)\"\n      >\n        <img\n          v-if=\"isLoaded && index === detectedImageIndex && $vuetify.theme.dark\"\n          src=\"@/assets/Caret-Up_Filled_16px_Icon.svg\"\n          width=\"14px\"\n          :class=\"getCaretClass('up')\"\n          style=\"opacity: 1\"\n        />\n        <img\n          v-if=\"isLoaded && index === detectedImageIndex && $vuetify.theme.dark\"\n          src=\"@/assets/Caret-Down_Filled_16px_Icon.svg\"\n          width=\"14px\"\n          :class=\"getCaretClass('down')\"\n          style=\"opacity: 1\"\n        />\n        <img\n          v-if=\"isLoaded && index === detectedImageIndex && !$vuetify.theme.dark\"\n          src=\"@/assets/Caret-Up_Filled_12px_Icon_Light_Mode.svg\"\n          width=\"14px\"\n          :class=\"getCaretClass('up')\"\n          style=\"opacity: 1\"\n        />\n        <img\n          v-if=\"isLoaded && index === detectedImageIndex && !$vuetify.theme.dark\"\n          src=\"@/assets/Caret-Down_Filled_12px_Icon_Light_Mode.svg\"\n          width=\"14px\"\n          :class=\"getCaretClass('down')\"\n          style=\"opacity: 1\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport CONSTANT from '@common/newImage/canvas/constant'\nimport CircleButton from '@common/newImage/CircleButton'\n\nexport default {\n  components: { CircleButton },\n  props: {\n    detectedImageIndex: {\n      type: Number,\n      default: -1,\n    },\n    imageUrlList: {\n      type: Object,\n      default: [],\n    },\n    currentIndex: {\n      type: Number,\n      default: -1,\n    },\n    hasAfterImages: {\n      type: Boolean,\n      default: false,\n    },\n    playerState: {\n      type: String,\n      default: CONSTANT.PAUSE_STATE,\n    },\n    currentLogId: {\n      type: Number,\n      default: 0,\n    },\n  },\n  data() {\n    return {\n      defaultImages: (() => {\n        const defaultImage = require('@/assets/playerbar-default-image.jpg')\n        return Array(20).fill(defaultImage)\n      })(),\n      CONSTANT,\n      ARROW_LEFT: 37,\n      ARROW_RIGHT: 39,\n      SPACEBAR: 32,\n      selectMode: false,\n    }\n  },\n  mounted() {\n    window.addEventListener('keydown', this.onKeyDown)\n  },\n  destroyed() {\n    window.removeEventListener('keydown', this.onKeyDown)\n  },\n  watch: {\n    currentLogId(newLogId, prevLogId) {\n      if (newLogId !== prevLogId) this.selectMode = false\n    },\n  },\n  computed: {\n    progressWdith() {\n      if (this.playerState !== CONSTANT.STOP_STATE && this.isLoaded) {\n        return {\n          transform: `scaleX(${this.imageWidth * (this.currentIndex + 1)}%)`,\n        }\n      }\n    },\n    isLoaded() {\n      return this.imageUrlList.length\n    },\n    imageWidth() {\n      if (this.loadedImages.length) return 100 / this.loadedImages.length\n      else return 0\n    },\n    loadedImages() {\n      if (this.imageUrlList.length) {\n        if (!this.hasAfterImages) return this.imageUrlList.concat(this.defaultImages)\n        return this.imageUrlList\n      } else {\n        return this.defaultImages\n      }\n    },\n  },\n  methods: {\n    onClickPlay() {\n      if (this.selectMode) this.selectMode = false\n      this.$emit('play')\n    },\n    moveFrame(frameIndex) {\n      if (frameIndex >= 0 && frameIndex <= this.imageUrlList?.length) {\n        if (!this.selectMode) this.selectMode = true\n        this.$emit('moveFrame', frameIndex)\n      }\n    },\n    onKeyDown(e) {\n      if (e.keyCode === this.SPACEBAR) {\n        e.preventDefault()\n        this.playerPlayBySpaceBar()\n      } else if (this.isLoaded && this.playerState === CONSTANT.PAUSE_STATE) {\n        if (e.keyCode === this.ARROW_LEFT) {\n          if (this.currentIndex > 0) {\n            this.moveFrame(this.currentIndex - 1)\n          }\n        } else if (e.keyCode === this.ARROW_RIGHT) {\n          if (this.currentIndex < this.imageUrlList.length - 1) {\n            this.moveFrame(this.currentIndex + 1)\n          }\n        }\n      }\n    },\n    playerPlayBySpaceBar() {\n      if (this.playerState === CONSTANT.PLAY_STATE) this.$emit('pause')\n      else this.onClickPlay()\n    },\n    getCaretClass(direction) {\n      let className = `caret-${direction}-align`\n      if (this.monitor) {\n        className = className.concat('-monitor')\n      }\n      return className\n    },\n    frameStyle(image, index) {\n      if (index === this.detectedImageIndex) {\n        return {\n          backgroundImage: `url(${image})`,\n          backgroundSize: 'cover',\n          height: '100%',\n          width: `${this.imageWidth}%`,\n          display: 'flex',\n          justifyContent: 'center',\n          opacity: this.$vuetify.theme.dark ? '0.7' : '0.45',\n          border: '2px solid red',\n          padding: '1px 0',\n          boxSizing: 'border-box',\n          backgroundClip: 'content-box',\n        }\n      }\n      return {\n        backgroundImage: `url(${image})`,\n        backgroundSize: 'cover',\n        height: '100%',\n        width: `${this.imageWidth}%`,\n        justifyContent: 'center',\n        opacity: this.$vuetify.theme.dark ? '0.7' : '0.45',\n        display: 'flex',\n        padding: '1px 0',\n        boxSizing: 'border-box',\n        backgroundClip: 'content-box',\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.frame-bar {\n  width: 100%;\n  height: 36px;\n  display: flex;\n  margin: 20px 0;\n  position: relative;\n}\n\n.timeline {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  position: relative;\n}\n.progress-cover {\n  position: absolute;\n  opacity: 0.7;\n  padding: 1px 0;\n  height: 34px;\n  width: 100%;\n  transform-origin: left;\n  background: linear-gradient(to right, rgba(0, 255, 255, 1), rgba(245, 235, 53, 1));\n}\n\n.selected-frame {\n  border: 3px solid;\n  border-image: linear-gradient(to right, rgba(0, 255, 255, 1), rgba(245, 235, 53, 1));\n  border-image-slice: 1;\n}\n\n.now {\n  border-right: 3px solid rgba(245, 235, 53, 1) !important;\n}\n\n.last-index {\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.first-index {\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n}\n\n.caret-up-align {\n  position: absolute;\n  top: 36px;\n}\n\n.caret-down-align {\n  position: absolute;\n  bottom: 36px;\n}\n\n.caret-up-align-monitor {\n  position: absolute;\n  top: 62px;\n}\n\n.caret-down-align-monitor {\n  position: absolute;\n  bottom: 62px;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FramePlayerBar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FramePlayerBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FramePlayerBar.vue?vue&type=template&id=e0e5a2e0&scoped=true&\"\nimport script from \"./FramePlayerBar.vue?vue&type=script&lang=js&\"\nexport * from \"./FramePlayerBar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FramePlayerBar.vue?vue&type=style&index=0&id=e0e5a2e0&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  \"e0e5a2e0\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/Legend_Dark.86f3d9d7.svg\";","module.exports = __webpack_public_path__ + \"img/Mobile_Copy_Button_Red.c7f115a5.svg\";","module.exports = __webpack_public_path__ + \"img/Caret-Up_Filled_12px_Icon_Light_Mode.273be758.svg\";","module.exports = __webpack_public_path__ + \"img/Public_Filled_24px_Icon.19c4d27b.svg\";","module.exports = __webpack_public_path__ + \"img/Legend_Light.144fe90b.svg\";","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--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventItem.vue?vue&type=style&index=0&id=966638fc&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Link_Line_2_24px_Icon.dd8e43e3.svg\";","module.exports = __webpack_public_path__ + \"img/Chevron-Right_Circle_24px_2_Icon.8c812c7e.svg\";","module.exports = __webpack_public_path__ + \"img/Caret-Down_Filled_12px_Icon_Light_Mode.3cc6e4b3.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{\n    'event-item': true,\n    dark: _vm.$vuetify.theme.dark,\n    selected: _vm.selected,\n    mouseover: _vm.hover && _vm.mouseover,\n    fire: _vm.eventType === 2,\n    'non-fire': _vm.eventType === 3,\n    unknown: _vm.eventType === 4,\n    planned: _vm.eventType === 5,\n  },on:{\"click\":function($event){return _vm.$emit('click', $event)},\"contextmenu\":function($event){$event.preventDefault();return _vm.$emit('contextmenu', $event)},\"mouseover\":function($event){_vm.mouseover = true},\"mouseleave\":function($event){_vm.mouseover = false}}},[(_vm.eventType === 2)?_c('div',[_vm._v(\"Fire\")]):(_vm.eventType === 3)?_c('div',[_vm._v(\"Non-Fire\")]):(_vm.eventType === 4)?_c('div',[_vm._v(\"Unknown\")]):(_vm.eventType === 5)?_c('div',[_vm._v(\"Planned Burn\")]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    @click=\"$emit('click', $event)\"\n    @contextmenu.prevent=\"$emit('contextmenu', $event)\"\n    @mouseover=\"mouseover = true\"\n    @mouseleave=\"mouseover = false\"\n    :class=\"{\n      'event-item': true,\n      dark: $vuetify.theme.dark,\n      selected,\n      mouseover: hover && mouseover,\n      fire: eventType === 2,\n      'non-fire': eventType === 3,\n      unknown: eventType === 4,\n      planned: eventType === 5,\n    }\"\n  >\n    <div v-if=\"eventType === 2\">Fire</div>\n    <div v-else-if=\"eventType === 3\">Non-Fire</div>\n    <div v-else-if=\"eventType === 4\">Unknown</div>\n    <div v-else-if=\"eventType === 5\">Planned Burn</div>\n  </div>\n</template>\n\n<script>\nimport Theme from '@/mixin/theme.mixin'\n\nexport default {\n  mixins: [Theme],\n  props: {\n    /**\n     * emits\n     * click\n     * contextmenu\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n    eventType: {\n      type: Number,\n      default: 1,\n    },\n    hover: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      mouseover: false,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.event-item {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 130px;\n  height: 40px;\n  font-weight: 400;\n  font-size: 16px;\n  box-sizing: border-box;\n  border-radius: 8px;\n  color: var(--f-text-black-middle);\n  border: 1px solid rgba(0, 0, 0, 0.26);\n  &.dark {\n    color: var(--f-text-white-middle);\n    border: 1px solid rgba(255, 255, 255, 0.6);\n  }\n\n  &.selected,\n  &.mouseover {\n    font-weight: 500;\n    border-width: 0;\n    color: var(--f-text-white);\n    &.dark {\n      color: var(--f-text-white-high);\n    }\n\n    &.fire {\n      background-color: var(--f-primary-90);\n    }\n\n    &.non-fire {\n      background-color: var(--f-supplementary-green);\n    }\n\n    &.unknown {\n      background-color: var(--f-supplementary-blue);\n    }\n\n    &.planned {\n      background-color: var(--f-supplementary-purple);\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EventItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EventItem.vue?vue&type=template&id=966638fc&scoped=true&\"\nimport script from \"./EventItem.vue?vue&type=script&lang=js&\"\nexport * from \"./EventItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EventItem.vue?vue&type=style&index=0&id=966638fc&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  \"966638fc\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/Mobile_Copy_Button_Disabled-Light.99a4d413.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\"}},[_c('transition',{attrs:{\"name\":\"legend-fade\"}},[(_vm.legendExpand)?_c('section',{class:{ 'legend-container': true, dark: _vm.$vuetify.theme.dark }},[_c('h1',{class:{ 'legend-main-title': true, dark: _vm.$vuetify.theme.dark }},[_vm._v(\"Legend\")]),_c('div',{staticClass:\"legend-content\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"margin-bottom\":\"12px\"}},[_c('img',{staticStyle:{\"margin-right\":\"6.5px\"},attrs:{\"src\":require(\"@/assets/PlannedBurn_Button.svg\"),\"width\":\"14px\",\"height\":\"14px\"}}),_c('span',{staticClass:\"legend-prescribe-text\"},[_vm._v(\" PFIRS Data \"),_c('span',{staticClass:\"legend-prescribe-text addtional\"},[_vm._v(\"(Prescribed Burns)\")])])]),_c('h2',{class:{ 'legend-sub-title': true, dark: _vm.$vuetify.theme.dark }},[_vm._v(\"Time since detection\")]),_vm._l((_vm.legendKeys),function(key){return _c('div',{key:key,staticClass:\"legend-map-view-key\"},[_c('div',{staticClass:\"legend-map-view-key-color outer\",style:((\"background-color: \" + (key.borderColor) + \";\"))},[_c('div',{staticClass:\"legend-map-view-key-color inner\",style:((\"background-color: \" + (key.color)))})]),_c('div',{class:\"legend-map-view-key-text\"},[_vm._v(_vm._s(key.text))])])})],2)]):_vm._e()]),(_vm.$vuetify.theme.dark)?_c('img',{staticClass:\"legend-icon\",attrs:{\"src\":require(\"@/assets/Legend_Dark.svg\"),\"width\":\"36px\",\"height\":\"36px\"},on:{\"click\":_vm.showLegendDetail}}):_c('img',{staticClass:\"legend-icon\",attrs:{\"src\":require(\"@/assets/Legend_Light.svg\"),\"width\":\"36px\",\"height\":\"36px\"},on:{\"click\":_vm.showLegendDetail}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div style=\"display: flex; flex-direction: column\">\n    <transition name=\"legend-fade\">\n      <section v-if=\"legendExpand\" :class=\"{ 'legend-container': true, dark: $vuetify.theme.dark }\">\n        <h1 :class=\"{ 'legend-main-title': true, dark: $vuetify.theme.dark }\">Legend</h1>\n        <div class=\"legend-content\">\n          <div style=\"display: flex; align-items: center; margin-bottom: 12px\">\n            <img src=\"@/assets/PlannedBurn_Button.svg\" width=\"14px\" height=\"14px\" style=\"margin-right: 6.5px\" />\n            <span class=\"legend-prescribe-text\"> PFIRS Data <span class=\"legend-prescribe-text addtional\">(Prescribed Burns)</span> </span>\n          </div>\n          <h2 :class=\"{ 'legend-sub-title': true, dark: $vuetify.theme.dark }\">Time since detection</h2>\n          <div v-for=\"key in legendKeys\" :key=\"key\" class=\"legend-map-view-key\">\n            <div class=\"legend-map-view-key-color outer\" :style=\"`background-color: ${key.borderColor};`\">\n              <div class=\"legend-map-view-key-color inner\" :style=\"`background-color: ${key.color}`\"></div>\n            </div>\n\n            <div :class=\"`legend-map-view-key-text`\">{{ key.text }}</div>\n          </div>\n        </div>\n      </section>\n    </transition>\n\n    <img v-if=\"$vuetify.theme.dark\" class=\"legend-icon\" src=\"@/assets/Legend_Dark.svg\" width=\"36px\" height=\"36px\" @click=\"showLegendDetail\" />\n    <img v-else src=\"@/assets/Legend_Light.svg\" class=\"legend-icon\" width=\"36px\" height=\"36px\" @click=\"showLegendDetail\" />\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      legendExpand: false,\n      legendKeys: [\n        {\n          borderColor: '#F9423A73',\n          color: '#F9423A',\n          text: '0~3 Hours',\n        },\n        {\n          borderColor: '#FFB80073',\n          color: '#FFB800',\n          text: '3~6 Hours',\n        },\n        {\n          borderColor: '#384CFF73',\n          color: '#384CFF',\n          text: '6~24 Hours',\n        },\n        {\n          borderColor: '#6D6D6D73',\n          color: '#6D6D6D',\n          text: 'Extra',\n        },\n      ],\n    }\n  },\n  methods: {\n    showLegendDetail() {\n      this.legendExpand = !this.legendExpand\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.legend-container {\n  border-radius: 8px;\n  width: 188px;\n  height: 192px;\n  padding: 12px 0 0 16px;\n  box-sizing: border-box;\n  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);\n  color: var(--f-text-black);\n  background-color: #ffffff;\n  &.dark {\n    background-color: var(--f-bg-middle);\n    color: #ffffffde;\n  }\n  .legend-content {\n    margin-left: 4px;\n  }\n}\n\n.legend-fade-enter-active {\n  animation: fadeIn 0.2s ease-in;\n}\n.legend-fade-leave-active {\n  animation: fadeOut 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(3px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0px);\n  }\n}\n\n@keyframes fadeOut {\n  from {\n    transform: translateY(0px);\n    opacity: 1;\n  }\n  to {\n    transform: translateY(3px);\n    opacity: 0;\n  }\n}\n\n.legend-main-title {\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 19px;\n  margin-bottom: 15px;\n}\n\n.legend-sub-title {\n  font-weight: 600;\n  font-size: 11px;\n  line-height: 150%;\n  margin-bottom: 5px;\n}\n\n.legend-map-view-key {\n  margin-bottom: 5px;\n  display: flex;\n  align-items: center;\n}\n\n.legend-map-view-key-color {\n  border-radius: 50%;\n\n  &.inner {\n    height: 7.8px;\n    width: 7.8px;\n  }\n  &.outer {\n    margin-right: 4px;\n    height: 10px;\n    width: 10px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n\n.legend-map-view-key-text {\n  font-weight: 500;\n  font-size: 10px;\n  line-height: 170%;\n}\n\n.legend-prescribe-text {\n  font-weight: 500;\n  font-size: 10px;\n  line-height: 170%;\n\n  &.addtional {\n    font-size: 9px;\n  }\n}\n\n.legend-icon {\n  cursor: pointer;\n  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);\n  border-radius: 8px;\n  box-sizing: content-box;\n  margin-top: 5px;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapDetailLegend.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapDetailLegend.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapDetailLegend.vue?vue&type=template&id=2ca8e8ce&scoped=true&\"\nimport script from \"./MapDetailLegend.vue?vue&type=script&lang=js&\"\nexport * from \"./MapDetailLegend.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapDetailLegend.vue?vue&type=style&index=0&id=2ca8e8ce&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  \"2ca8e8ce\",\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('v-dialog',{attrs:{\"max-width\":\"400px\",\"persistent\":\"\",\"no-click-animation\":\"\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},[_c('v-card',{class:(\"save-label-dialog \" + _vm.themeName)},[_c('v-card-text',{staticClass:\"pa-0\"},[_c('div',{class:(\"save-label-dialog-title \" + _vm.themeName)},[_vm._v(\"Edit Event Type\")]),_c('div',{class:(\"save-label-dialog-content \" + _vm.themeName)},[_c('div',[_vm._v(_vm._s((\"[\" + _vm.logDate + \"]\"))),_c('br'),_vm._v(_vm._s(_vm.cameraName))])]),_c('div',{staticClass:\"event-container\"},[_c('div',{staticClass:\"event-container-row\"},[_c('EventItem',{staticStyle:{\"margin-right\":\"10px\"},attrs:{\"selected\":_vm.eventTypeId === 2,\"eventType\":2},on:{\"click\":function($event){return _vm.onClickEventType(2)}}}),_c('EventItem',{attrs:{\"selected\":_vm.eventTypeId === 3,\"eventType\":3},on:{\"click\":function($event){return _vm.onClickEventType(3)}}})],1),_c('div',{staticClass:\"event-container-row\"},[_c('EventItem',{staticStyle:{\"margin-right\":\"10px\"},attrs:{\"selected\":_vm.eventTypeId === 4,\"eventType\":4},on:{\"click\":function($event){return _vm.onClickEventType(4)}}}),_c('EventItem',{attrs:{\"selected\":_vm.eventTypeId === 5,\"eventType\":5},on:{\"click\":function($event){return _vm.onClickEventType(5)}}})],1)]),_c('div',{staticClass:\"d-flex justify-end\"},[_c('button',{class:(\"save-label-dialog-button cancel \" + _vm.themeName),on:{\"click\":_vm.hide}},[_vm._v(\"Cancel\")]),_c('button',{class:(\"save-label-dialog-button ok \" + _vm.themeName),on:{\"click\":_vm.ok}},[_vm._v(\"Save\")])])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"value\" max-width=\"400px\" persistent no-click-animation>\n    <v-card :class=\"`save-label-dialog ${themeName}`\">\n      <v-card-text class=\"pa-0\">\n        <div :class=\"`save-label-dialog-title ${themeName}`\">Edit Event Type</div>\n        <div :class=\"`save-label-dialog-content ${themeName}`\">\n          <div>{{ `[${logDate}]` }}<br />{{ cameraName }}</div>\n        </div>\n        <div class=\"event-container\">\n          <div class=\"event-container-row\">\n            <EventItem @click=\"onClickEventType(2)\" :selected=\"eventTypeId === 2\" :eventType=\"2\" style=\"margin-right: 10px\"></EventItem>\n            <EventItem @click=\"onClickEventType(3)\" :selected=\"eventTypeId === 3\" :eventType=\"3\"></EventItem>\n          </div>\n          <div class=\"event-container-row\">\n            <EventItem @click=\"onClickEventType(4)\" :selected=\"eventTypeId === 4\" :eventType=\"4\" style=\"margin-right: 10px\"></EventItem>\n            <EventItem @click=\"onClickEventType(5)\" :selected=\"eventTypeId === 5\" :eventType=\"5\"></EventItem>\n          </div>\n        </div>\n        <div class=\"d-flex justify-end\">\n          <button @click=\"hide\" :class=\"`save-label-dialog-button cancel ${themeName}`\">Cancel</button>\n          <button @click=\"ok\" :class=\"`save-label-dialog-button ok ${themeName}`\">Save</button>\n        </div>\n      </v-card-text>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex'\nimport EventItem from '@components/common/EventItem'\nimport Util from '@/util'\nimport Theme from '@/mixin/theme.mixin'\n\nexport default {\n  mixins: [Theme],\n  components: { EventItem },\n  props: {\n    value: Boolean,\n    /**\n     * emit events\n     * ok\n     */\n    data: Object,\n  },\n  data() {\n    return {\n      eventTypeId: 1,\n    }\n  },\n  watch: {\n    value(val) {\n      if (val) {\n        this.eventTypeId = this.data.event_type_id\n      }\n    },\n  },\n  computed: {\n    ...mapState(['camMap']),\n    logDate() {\n      if (this.data) {\n        return Util.getOffsetDate(this.data.created_at, this.data.offset)\n      }\n      return ''\n    },\n    cameraName() {\n      if (this.data) {\n        const cam = this.camMap[this.data.camera_id]\n        return cam && cam.name\n      }\n      return ''\n    },\n  },\n  methods: {\n    hide() {\n      this.$emit('input', false)\n    },\n    ok() {\n      this.$emit('ok', this.eventTypeId)\n      this.hide()\n    },\n    onClickEventType(eventTypeId) {\n      if (this.eventTypeId === eventTypeId) {\n        this.eventTypeId = 1\n      } else {\n        this.eventTypeId = eventTypeId\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.save-label-dialog {\n  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);\n  background-color: var(--f-text-white);\n  &.dark {\n    background-color: var(--f-bg-middle);\n  }\n}\n\n.save-label-dialog-title {\n  text-align: center;\n  padding: 50px 0 20px;\n  font-weight: 600;\n  font-size: 18px;\n  line-height: 25px;\n  color: var(--f-text-black);\n  &.dark {\n    color: var(--f-text-white-high);\n  }\n}\n\n.save-label-dialog-content {\n  text-align: center;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 22px;\n  margin-bottom: 30px;\n  color: var(--f-text-black);\n  &.dark {\n    color: var(--f-text-white-high);\n  }\n}\n\n.event-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-bottom: 61px;\n  padding: 0 65px;\n\n  .event-container-row {\n    display: flex;\n\n    &:first-child {\n      margin-bottom: 12px;\n    }\n  }\n}\n\n.save-label-dialog-button {\n  font-weight: 600;\n  font-size: 16px;\n  height: 60px;\n\n  &.cancel {\n    width: 160px;\n    color: var(--f-text-black);\n    background-color: var(--f-cool-gray-1);\n    &.dark {\n      color: #ffffffde;\n      background-color: var(--f-supplementary-modal-cancel);\n    }\n  }\n\n  &.ok {\n    flex-grow: 1;\n    background-color: var(--f-supplementary-modal-blue);\n    color: var(--f-text-white);\n    &.dark {\n      color: var(--f-text-white-high);\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditLabelDialogAdmin.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditLabelDialogAdmin.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditLabelDialogAdmin.vue?vue&type=template&id=50616ac0&scoped=true&\"\nimport script from \"./EditLabelDialogAdmin.vue?vue&type=script&lang=js&\"\nexport * from \"./EditLabelDialogAdmin.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditLabelDialogAdmin.vue?vue&type=style&index=0&id=50616ac0&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  \"50616ac0\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\ninstallComponents(component, {VCard,VCardText,VDialog})\n","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--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapDetailLegend.vue?vue&type=style&index=0&id=2ca8e8ce&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/Caret-Up_Filled_16px_Icon.814fcd81.svg\";","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--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditLabelDialogAdmin.vue?vue&type=style&index=0&id=50616ac0&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/PlannedBurn_Button.ae6aee3c.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"max-width\":\"400px\",\"persistent\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }return _vm.hide.apply(null, arguments)}},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},[_c('v-card',{class:(\"goto-label-dialog \" + _vm.themeName),attrs:{\"data-testid\":\"Goto_modal\"}},[_c('v-card-text',{staticClass:\"pa-0\"},[_c('div',{class:(\"goto-label-dialog-title \" + _vm.themeName)},[_vm._v(\"Go to\")]),_c('div',{class:(\"goto-label-dialog-content \" + _vm.themeName)},[_c('div',{class:(\"goto-label-container \" + _vm.themeName),staticStyle:{\"margin-bottom\":\"15px\"},attrs:{\"data-testid\":\"Goto_Public_Large_Button\"},on:{\"click\":function($event){return _vm.onClickGoto(0)}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/Public_Filled_24px_Icon.svg\")}}),_c('div',{staticClass:\"text-label\"},[_vm._v(\"Camera Public Page\")]),(_vm.$vuetify.theme.dark)?_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/Chevron-Right_Circle_24px_2_Icon.svg\")}}):_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/Chevron-Right_Circle_24px_2_Icon-red.svg\")}})]),_c('div',{class:(\"goto-label-container \" + _vm.themeName),staticStyle:{\"margin-bottom\":\"15px\"},attrs:{\"data-testid\":\"Goto_Link1_Large_Button\"},on:{\"click\":function($event){return _vm.onClickGoto(1)}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/Link_Line_2_24px_Icon.svg\")}}),_c('div',{staticClass:\"text-label\"},[_vm._v(\"Camera Access Link 1\")]),(_vm.$vuetify.theme.dark)?_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/Chevron-Right_Circle_24px_2_Icon.svg\")}}):_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/Chevron-Right_Circle_24px_2_Icon-red.svg\")}})]),_c('div',{class:(\"goto-label-container \" + _vm.themeName),staticStyle:{\"margin-bottom\":\"49px\"},attrs:{\"data-testid\":\"Goto_Link2_Large_Button\"},on:{\"click\":function($event){return _vm.onClickGoto(2)}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/Link_Line_2_24px_Icon.svg\")}}),_c('div',{staticClass:\"text-label\"},[_vm._v(\"Camera Access Link 2\")]),(_vm.$vuetify.theme.dark)?_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/Chevron-Right_Circle_24px_2_Icon.svg\")}}):_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/Chevron-Right_Circle_24px_2_Icon-red.svg\")}})])]),_c('div',{class:(\"goto-label-dialog-button \" + _vm.themeName),attrs:{\"data-testid\":\"Cancel_Large_Button\"},on:{\"click\":_vm.hide}},[_vm._v(\"Cancel\")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"value\" max-width=\"400px\" @keydown.esc=\"hide\" persistent>\n    <v-card :class=\"`goto-label-dialog ${themeName}`\" data-testid=\"Goto_modal\">\n      <v-card-text class=\"pa-0\">\n        <div :class=\"`goto-label-dialog-title ${themeName}`\">Go to</div>\n        <div :class=\"`goto-label-dialog-content ${themeName}`\">\n          <div\n            @click=\"onClickGoto(0)\"\n            :class=\"`goto-label-container ${themeName}`\"\n            style=\"margin-bottom: 15px\"\n            data-testid=\"Goto_Public_Large_Button\"\n          >\n            <img src=\"@/assets/Public_Filled_24px_Icon.svg\" class=\"icon\" />\n            <div class=\"text-label\">Camera Public Page</div>\n            <img v-if=\"$vuetify.theme.dark\" src=\"@/assets/Chevron-Right_Circle_24px_2_Icon.svg\" class=\"icon-arrow\" />\n            <img v-else src=\"@/assets/Chevron-Right_Circle_24px_2_Icon-red.svg\" class=\"icon-arrow\" />\n          </div>\n          <div @click=\"onClickGoto(1)\" :class=\"`goto-label-container ${themeName}`\" style=\"margin-bottom: 15px\" data-testid=\"Goto_Link1_Large_Button\">\n            <img src=\"@/assets/Link_Line_2_24px_Icon.svg\" class=\"icon\" />\n            <div class=\"text-label\">Camera Access Link 1</div>\n            <img v-if=\"$vuetify.theme.dark\" src=\"@/assets/Chevron-Right_Circle_24px_2_Icon.svg\" class=\"icon-arrow\" />\n            <img v-else src=\"@/assets/Chevron-Right_Circle_24px_2_Icon-red.svg\" class=\"icon-arrow\" />\n          </div>\n          <div @click=\"onClickGoto(2)\" :class=\"`goto-label-container ${themeName}`\" style=\"margin-bottom: 49px\" data-testid=\"Goto_Link2_Large_Button\">\n            <img src=\"@/assets/Link_Line_2_24px_Icon.svg\" class=\"icon\" />\n            <div class=\"text-label\">Camera Access Link 2</div>\n            <img v-if=\"$vuetify.theme.dark\" src=\"@/assets/Chevron-Right_Circle_24px_2_Icon.svg\" class=\"icon-arrow\" />\n            <img v-else src=\"@/assets/Chevron-Right_Circle_24px_2_Icon-red.svg\" class=\"icon-arrow\" />\n          </div>\n        </div>\n        <div :class=\"`goto-label-dialog-button ${themeName}`\" @click=\"hide\" data-testid=\"Cancel_Large_Button\">Cancel</div>\n      </v-card-text>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nimport util from '@/util'\nimport Theme from '@/mixin/theme.mixin'\n\nexport default {\n  mixins: [Theme],\n  props: {\n    value: Boolean,\n    urls: {\n      type: Array,\n      default: [],\n    },\n  },\n  methods: {\n    onClickGoto(index) {\n      this.$log.debug('GotoDialog#onClickGoto', index, this.urls)\n      if (this.urls[index]) {\n        util.openUrl(this.urls[index])\n        this.hide()\n      }\n    },\n    hide() {\n      this.$emit('input', false)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.goto-label-dialog {\n  border-radius: 16px;\n  background-color: var(--f-text-white);\n  &.dark {\n    background-color: var(--f-bg-middle);\n  }\n}\n.goto-label-dialog-title {\n  padding: 50px 0 30px;\n  text-align: center;\n  font-weight: 600;\n  font-size: 18px;\n  line-height: 25px;\n  color: var(--f-text-black);\n  &.dark {\n    color: var(--f-text-white-high);\n  }\n}\n\n.goto-label-dialog-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  font-size: 14px;\n  font-weight: 600;\n  padding: 0 16px;\n  color: var(--f-text-black);\n  &.dark {\n    color: var(--f-text-white-high);\n  }\n\n  .icon {\n    width: 24px;\n    margin-left: 16px;\n    margin-right: 10px;\n  }\n\n  .text-label {\n    flex-grow: 1;\n  }\n\n  .icon-arrow {\n    width: 24px;\n    margin-right: 16px;\n  }\n}\n.goto-label-container {\n  display: flex;\n  align-items: center;\n  width: 320px;\n  height: 50px;\n  border-radius: 10px;\n  cursor: pointer;\n  background: var(--f-supplementary-highlight);\n  &.dark {\n    background: var(--f-bg-high);\n  }\n}\n\n.goto-label-dialog-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 60px;\n  font-weight: 600;\n  font-size: 16px;\n  cursor: pointer;\n  color: var(--f-text-black);\n  background-color: var(--f-cool-gray-1);\n  &.dark {\n    color: var(--f-text-white-high);\n    background-color: var(--f-supplementary-modal-cancel);\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GotoDialogAdmin.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GotoDialogAdmin.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GotoDialogAdmin.vue?vue&type=template&id=27731f84&scoped=true&\"\nimport script from \"./GotoDialogAdmin.vue?vue&type=script&lang=js&\"\nexport * from \"./GotoDialogAdmin.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GotoDialogAdmin.vue?vue&type=style&index=0&id=27731f84&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  \"27731f84\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\ninstallComponents(component, {VCard,VCardText,VDialog})\n"],"sourceRoot":""}