{"version":3,"sources":["webpack:///./src/components/shared/naj-map/index.vue?5491","webpack:///./src/components/shared/naj-map/index.vue?d6eb","webpack:///src/components/shared/naj-map/index.vue","webpack:///./src/components/shared/naj-map/index.vue?2c3c","webpack:///./src/components/shared/naj-map/index.vue?ef2a"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","title","_e","attrs","previewMapOptions","previewZoom","selectedPoint","class","isPointSelected","on","openModal","buttonText","ref","local","changeAuditPath","modalTitle","onModalClose","scopedSlots","_u","key","fn","closeNajModal","resetMarkerPoint","resetText","$event","submit","submitButtonText","mapOptions","zoom","centerPoint","mapClicked","markerPoint","markerDragend","errorMessage","staticRenderFns","name","$_veeValidate","value","props","type","String","required","Object","Number","default","data","defaultPoint","defaultOptions","disableDefaultUI","lat","lng","computed","isMarkerVisible","updateText","chooseText","saveText","methods","updateMarkerPoint","e","latLng","resetPoint","$emit","closeModal","$refs","mapModal","show","updateMapValue","mounted","watch","component"],"mappings":"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","file":"js/chunk-03feeb2c.61d04dce.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--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=6cf1bfda&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"naj-map\"},[(_vm.title)?_c('label',{staticClass:\"headline\"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_c('div',{staticClass:\"map preview-map\"},[(_vm.isPointSelected)?_c('gmap-map',{attrs:{\"options\":_vm.previewMapOptions,\"zoom\":_vm.previewZoom,\"center\":_vm.selectedPoint}},[_c('gmap-marker',{attrs:{\"position\":_vm.selectedPoint}})],1):_vm._e(),_c('naj-button',{class:['open-modal-button', { 'point-selected': _vm.isPointSelected }],on:{\"click\":_vm.openModal}},[_vm._v(\" \"+_vm._s(_vm.buttonText)+\" \")])],1),_c('naj-modal',{ref:\"mapModal\",attrs:{\"title\":_vm.local.changeAuditPath.modalTitle,\"width\":900,\"footer\":true,\"show-footer-close-button\":\"\"},on:{\"onClose\":_vm.onModalClose},scopedSlots:_vm._u([{key:\"actions\",fn:function(ref){\nvar closeNajModal = ref.closeNajModal;\nreturn [_c('naj-button',{attrs:{\"outlined\":\"\"},on:{\"click\":_vm.resetMarkerPoint}},[_vm._v(_vm._s(_vm.resetText))]),_c('naj-button',{on:{\"click\":function($event){return _vm.submit(closeNajModal)}}},[_vm._v(_vm._s(_vm.submitButtonText))])]}}])},[_c('div',{staticClass:\"map editable-map\"},[_c('gmap-map',{ref:\"mapRef\",attrs:{\"options\":_vm.mapOptions,\"zoom\":_vm.zoom,\"center\":_vm.centerPoint},on:{\"click\":_vm.mapClicked}},[(_vm.isMarkerVisible)?_c('gmap-marker',{attrs:{\"position\":_vm.markerPoint,\"draggable\":true},on:{\"dragend\":_vm.markerDragend}}):_vm._e()],1)],1)]),(_vm.errorMessage)?_c('naj-error-text',{attrs:{\"text\":_vm.errorMessage}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"naj-map\">\r\n    <label v-if=\"title\" class=\"headline\">{{ title }}</label>\r\n    <div class=\"map preview-map\">\r\n      <gmap-map\r\n        v-if=\"isPointSelected\"\r\n        :options=\"previewMapOptions\"\r\n        :zoom=\"previewZoom\"\r\n        :center=\"selectedPoint\"\r\n      >\r\n        <gmap-marker :position=\"selectedPoint\"></gmap-marker>\r\n      </gmap-map>\r\n      <naj-button\r\n        :class=\"['open-modal-button', { 'point-selected': isPointSelected }]\"\r\n        @click=\"openModal\"\r\n      >\r\n        {{ buttonText }}\r\n      </naj-button>\r\n    </div>\r\n    <naj-modal\r\n      :title=\"local.changeAuditPath.modalTitle\"\r\n      :width=\"900\"\r\n      :footer=\"true\"\r\n      show-footer-close-button\r\n      ref=\"mapModal\"\r\n      @onClose=\"onModalClose\"\r\n    >\r\n      <div class=\"map editable-map\">\r\n        <gmap-map\r\n          :options=\"mapOptions\"\r\n          ref=\"mapRef\"\r\n          :zoom=\"zoom\"\r\n          :center=\"centerPoint\"\r\n          @click=\"mapClicked\"\r\n        >\r\n          <gmap-marker\r\n            v-if=\"isMarkerVisible\"\r\n            :position=\"markerPoint\"\r\n            :draggable=\"true\"\r\n            @dragend=\"markerDragend\"\r\n          ></gmap-marker>\r\n        </gmap-map>\r\n      </div>\r\n      <template slot=\"actions\" slot-scope=\"{ closeNajModal }\">\r\n        <naj-button @click=\"resetMarkerPoint\" outlined>{{ resetText }}</naj-button>\r\n        <naj-button @click=\"submit(closeNajModal)\">{{ submitButtonText }}</naj-button>\r\n      </template>\r\n    </naj-modal>\r\n    <naj-error-text v-if=\"errorMessage\" :text=\"errorMessage\"></naj-error-text>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst defaultPoint = () => ({\r\n  lat: null,\r\n  lng: null,\r\n});\r\nexport default {\r\n  name: 'naj-map',\r\n  $_veeValidate: {\r\n    name () {\r\n      return this.title;\r\n    },\r\n    value () {\r\n      return this.value ? `${this.value.lat}${this.value.lng}` : this.value;\r\n    },\r\n  },\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      required: false,\r\n    },\r\n    value: {\r\n      type: Object,\r\n      required: false,\r\n    },\r\n    zoom: {\r\n      type: Number,\r\n      default: 5,\r\n    },\r\n    previewZoom: {\r\n      type: Number,\r\n      default: 10,\r\n    },\r\n    errorMessage: {\r\n      type: String,\r\n      required: false,\r\n    },\r\n  },\r\n  data () {\r\n    return {\r\n      selectedPoint: defaultPoint(),\r\n      markerPoint: defaultPoint(),\r\n      resetText: 'إعادة تعيين',\r\n      defaultOptions: {\r\n        disableDefaultUI: true,\r\n      },\r\n      centerPoint: {\r\n        lat: 24.44001096444439,\r\n        lng: 46.82649666353443,\r\n      },\r\n    };\r\n  },\r\n  computed: {\r\n    isMarkerVisible () {\r\n      return this.markerPoint.lat && this.markerPoint.lng;\r\n    },\r\n    isPointSelected () {\r\n      return this.selectedPoint.lat && this.selectedPoint.lng;\r\n    },\r\n    buttonText () {\r\n      const chooseText = 'اختر موقعك على الخريطة';\r\n      const updateText = 'تعديل موقعك على الخريطة';\r\n      return this.isPointSelected ? updateText : chooseText;\r\n    },\r\n    submitButtonText () {\r\n      const saveText = this.local.common.save;\r\n      const updateText = this.local.common.update;\r\n      return this.isPointSelected ? updateText : saveText;\r\n    },\r\n    mapOptions () {\r\n      return { ...this.defaultOptions };\r\n    },\r\n    previewMapOptions () {\r\n      return { ...this.defaultOptions };\r\n    },\r\n  },\r\n  methods: {\r\n    mapClicked (e) {\r\n      this.updateMarkerPoint(e.latLng);\r\n    },\r\n    markerDragend (e) {\r\n      this.updateMarkerPoint(e.latLng);\r\n    },\r\n    updateMarkerPoint (latLngObj) {\r\n      this.markerPoint = { lat: latLngObj.lat(), lng: latLngObj.lng() };\r\n    },\r\n    resetMarkerPoint () {\r\n      this.markerPoint = defaultPoint();\r\n    },\r\n    resetPoint () {\r\n      this.markerPoint = this.selectedPoint = defaultPoint();\r\n    },\r\n    submit (closeModal) {\r\n      this.selectedPoint = { ...this.markerPoint };\r\n      this.$emit('update:value', this.selectedPoint);\r\n      closeModal();\r\n    },\r\n    openModal () {\r\n      this.$refs.mapModal.show();\r\n    },\r\n    onModalClose () {\r\n      this.markerPoint = { ...this.selectedPoint };\r\n    },\r\n    updateMapValue () {\r\n      if (this.value) {\r\n        this.selectedPoint = this.markerPoint = this.centerPoint = this.value\r\n          ? { ...this.value }\r\n          : defaultPoint();\r\n      }\r\n    },\r\n  },\r\n  mounted () {\r\n    this.updateMapValue();\r\n  },\r\n  watch: {\r\n    value () {\r\n      this.updateMapValue();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.naj-map {\r\n  .title {\r\n    display: block;\r\n    font-size: 25px !important;\r\n    font-weight: 500;\r\n    transform: scale(0.75);\r\n    transform-origin: top right;\r\n    color: #000;\r\n    line-height: 25px;\r\n  }\r\n}\r\n.map {\r\n  &.preview-map {\r\n    width: 300px;\r\n    height: 200px;\r\n    margin-bottom: 10px;\r\n    position: relative;\r\n    background: #eee;\r\n    border: 1px solid #ccc;\r\n    border-radius: 5px;\r\n    overflow: hidden;\r\n    .open-modal-button {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      z-index: 2;\r\n      &.point-selected {\r\n        opacity: 0;\r\n      }\r\n    }\r\n    &:hover {\r\n      .open-modal-button {\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n  &.editable-map {\r\n    height: 350px;\r\n  }\r\n  ::v-deep {\r\n    .vue-map-container,\r\n    .vue-map-container .vue-map {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=6cf1bfda&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=6cf1bfda&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  \"6cf1bfda\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}