{"version":3,"sources":["webpack:///./src/components/VuePainterro/PainterroService.js","webpack:///./src/views/quote/components/QuoteImageCategory.vue","webpack:///src/views/quote/components/QuoteImageCategory.vue","webpack:///./src/views/quote/components/QuoteImageCategory.vue?f644","webpack:///./src/views/quote/components/QuoteImageCategory.vue?534d","webpack:///./src/components/VuePainterro/index.js","webpack:///./src/components/BulmaCarousel/index.js","webpack:///./src/views/quote/components/QuoteImageCategory.vue?9e9c"],"names":["getImage","id","url","FqApi","get","responseType","result","image","Buffer","from","data","toString","headers","toLowerCase","saveImage","formData","post","render","_vm","this","_c","_self","staticClass","_v","_s","category","isPrivate","_e","imagesWithInfo","length","attrs","isCategorySelectAllEnable","isLoadingImages","on","$event","setSelectedStatusAll","_m","directives","name","rawName","value","hasSelected","expression","class","isWhiteBox","event","onImageOrderChange","categoryId","_l","index","key","quoteImageId","imageContent","makeImagePrimary","staticStyle","isImageSelectable","isSelected","domProps","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$v","$$i","$set","concat","slice","selectImage","editImage","isDeleteEnable","showDeleteModal","viewImage","isPrimary","isConfirmModalActive","deleteImage","slot","isCarouselModalActive","imageIds","carouselStartIndex","closeCarousel","staticRenderFns","components","ConfirmModal","BulmaCarouselModal","draggable","props","quoteId","type","categories","default","images","hasSelect","refresh","categoryOrderIndex","size","innerImages","selectAll","selectedImageId","queuedFileCount","isDropzoneActive","isClearAllActive","isUploading","lastScrollX","lastScrollY","areThumbnailsLoaded","dragImageId","dragCategoryId","computed","selectedCount","watch","created","mounted","methods","getThumbnails","noCategoryImages","combinedImages","getThumbnailWithInfo","QuoteService","thumbnail","targetImage","selected","imageid","targetCategory","console","movedItem","saved","updatedThumbnail","closed","window","OpenImage","confirm","indexToRemove","component","defaultMimeType","saveCallback","closeCallBack","closeOnSave","Guid","validGuid","PainterroService","Painterro","hiddenTools","defaultTool","defaultArrowLength","colorScheme","control","controlContent","hoverControl","hoverControlContent","activeControl","activeControlContent","inputText","toolControlNameColor","saveHandler","done","FormData","append","asBlob","suggestedFileName","onClose","show","OpenImageLink","link","r","require"],"mappings":"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","file":"static/js/quote-images-chunk~quote-imagesbreakout-chunk.a947de0a.js","sourcesContent":["import FqApi from '@/services/fq-api'\n\nexport default {\n  async getImage(id) {\n    const url = `/quotes/images/data/${id}`\n    const result = await FqApi.get(url, { responseType: 'arraybuffer' })\n    // console.log(result)\n\n    // const image = btoa(String.fromCharCode(...new Uint8Array(result.data)))\n    const image = Buffer.from(result.data, 'binary').toString('base64')\n    return `data:${result.headers['content-type'].toLowerCase()};base64,${image}`\n  },\n  async saveImage(id, formData) {\n    const url = `/quotes/images/save/${id}`\n    const result = await FqApi.post(url, formData)\n    return result\n  }\n}\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tile\"},[_c('div',{staticClass:\"tile is-parent\"},[_c('article',{staticClass:\"tile is-child detail-page-tile\"},[_c('div',{staticClass:\"columns title\"},[_c('div',{staticClass:\"column\"},[_c('div',{staticClass:\"subtitle\"},[_c('div',{staticClass:\"p-1\"},[_c('div',{staticClass:\"is-flex columns\"},[_c('div',{staticClass:\"column\"},[_c('div',[_c('span',{staticClass:\"category-name\"},[_vm._v(_vm._s(_vm.category))]),(_vm.isPrivate)?_c('span',{staticClass:\"icon pl-3\"},[_c('i',{staticClass:\"mdi mdi-eye-off mdi-24px\"})]):_vm._e(),(_vm.imagesWithInfo.length > 0)?_c('span',{staticClass:\"has-badge-rounded has-badge-info has-badge-large pl-3\",attrs:{\"data-badge\":_vm.imagesWithInfo.length}}):_vm._e()])]),_c('div',{staticClass:\"is-flex column is-narrow is-justify-content-flex-end\"},[_c('p',{staticClass:\"buttons\"},[(_vm.imagesWithInfo.length > 0 && _vm.isCategorySelectAllEnable)?_c('a',{staticClass:\"button tooltip\",attrs:{\"data-tooltip\":\"Select all\",\"disabled\":_vm.isLoadingImages},on:{\"click\":function($event){return _vm.setSelectedStatusAll(true)}}},[_vm._m(0)]):_vm._e(),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasSelected && _vm.isCategorySelectAllEnable),expression:\"hasSelected && isCategorySelectAllEnable\"}],staticClass:\"button tooltip\",attrs:{\"data-tooltip\":\"Deselect all\"},on:{\"click\":function($event){return _vm.setSelectedStatusAll(false)}}},[_vm._m(1)])])])])])])])]),_c('div',[_c('draggable',{staticClass:\"is-flex columns is-multiline dragable-box\",class:{ 'is-white-box': _vm.isWhiteBox },attrs:{\"list\":_vm.imagesWithInfo,\"group\":\"imagesWithInfo\",\"handle\":\".item-drag-handle\"},on:{\"change\":(event)=>_vm.onImageOrderChange(_vm.categoryId,event)}},_vm._l((_vm.imagesWithInfo),function(image,index){return _c('div',{key:image.quoteImageId,staticClass:\"is-flex column is-narrow p-2 item-drag\"},[(image.imageContent)?_c('div',{class:'card',on:{\"dblclick\":function($event){return _vm.makeImagePrimary(image)}}},[_c('header',{staticClass:\"card-header-line\"},[_c('div',{staticClass:\"card-header-title p-2 has-background-light\"},[_c('div',{staticClass:\"is-flex columns is-gapless is-justify-content-space-between\",staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"is-flex column\"},[_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"control\"},[(_vm.isImageSelectable)?_c('div',{staticClass:\"pretty p-icon p-curve p-smooth\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(image.isSelected),expression:\"image.isSelected\"}],attrs:{\"id\":`chk-pretty-image1${index}`,\"name\":`chk-pretty-image${index}`,\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(image.isSelected)?_vm._i(image.isSelected,null)>-1:(image.isSelected)},on:{\"change\":[function($event){var $$a=image.isSelected,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(image, \"isSelected\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(image, \"isSelected\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(image, \"isSelected\", $$c)}},function($event){return _vm.selectImage(image.quoteImageId,image.isSelected)}]}}),_c('div',{staticClass:\"state p-success\"},[_c('i',{staticClass:\"icon mdi mdi-check\"}),_c('label')])]):_vm._e()])])]),_c('div',{staticClass:\"is-flex column is-narrow\"},[_c('a',{staticClass:\"has-text-primary is-outlined\",on:{\"click\":function($event){return _vm.editImage(image.quoteImageId)}}},[_c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"mdi mdi-lead-pencil mdi-24px\",attrs:{\"aria-hidden\":\"true\"}})])]),(_vm.isDeleteEnable)?_c('a',{staticClass:\"has-text-danger is-outlined\",on:{\"click\":function($event){return _vm.showDeleteModal(image.quoteImageId)}}},[_c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"mdi mdi-delete mdi-24px\",attrs:{\"aria-hidden\":\"true\"}})])]):_vm._e(),_c('a',{staticClass:\"has-text-dark is-outlined item-drag-handle\"},[_c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"mdi mdi-drag-vertical mdi-24px\",attrs:{\"aria-hidden\":\"true\"}})])])])])])]),_c('div',{staticClass:\"card-image\"},[_c('a',{on:{\"click\":function($event){return _vm.viewImage(index)}}},[_c('figure',{staticClass:\"image is-128x128\"},[_c('div',{staticStyle:{\"position\":\"relative\"}},[(image.isPrimary)?_c('i',{staticClass:\"mdi mdi-star mdi-24px has-text-gold\",staticStyle:{\"position\":\"absolute\",\"z-index\":\"1\"}}):_vm._e(),(image.imageContent)?_c('img',{key:image.quoteImageId,staticClass:\"image is-128x128\",staticStyle:{\"object-fit\":\"cover\"},attrs:{\"src\":image.imageContent,\"id\":image.quoteImageId}}):_vm._e()])])])])]):_vm._e()])}),0)],1)])]),_c('confirm-modal',{attrs:{\"active\":_vm.isConfirmModalActive,\"ok-text\":'Yes',\"cancel-text\":'No'},on:{\"update:active\":function($event){_vm.isConfirmModalActive=$event},\"ok\":function($event){return _vm.deleteImage(true)},\"cancel\":function($event){return _vm.deleteImage(false)}}},[_c('p',{attrs:{\"slot\":\"text-title\"},slot:\"text-title\"},[_vm._v(\"Delete image\")]),_c('p',{attrs:{\"slot\":\"text-content\"},slot:\"text-content\"},[_vm._v(\" Image will be deleted. Continue? \")])]),(_vm.isCarouselModalActive)?_c('bulma-carousel-modal',{attrs:{\"image-width\":800,\"image-height\":600,\"active\":_vm.isCarouselModalActive,\"image-ids\":_vm.imageIds,\"start-index\":_vm.carouselStartIndex},on:{\"update:active\":function($event){_vm.isCarouselModalActive=$event},\"close\":_vm.closeCarousel}}):_vm._e()],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon has-text-success\"},[_c('i',{staticClass:\"mdi mdi-select-all mdi-24px\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon has-text-grey\"},[_c('i',{staticClass:\"mdi mdi-select-off mdi-24px\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"tile\">\n    <div class=\"tile is-parent\">\n      <article class=\"tile is-child detail-page-tile\">\n        <div class=\"columns title\">\n          <div class=\"column\">\n            <div class=\"subtitle\">\n              <div class=\"p-1\">\n                <div class=\"is-flex columns\">\n                  <div class=\"column\">\n                    <div>\n                      <span class=\"category-name\">{{ category }}</span>\n                      <span v-if=\"isPrivate\"\n                        class=\"icon pl-3\">\n                        <i class=\"mdi mdi-eye-off mdi-24px\" />\n                      </span>\n                      <span v-if=\"imagesWithInfo.length > 0\"\n                        class=\"has-badge-rounded has-badge-info has-badge-large pl-3\"\n                        :data-badge=\"imagesWithInfo.length\" />\n                    </div>\n                  </div>\n                  <div class=\"is-flex column is-narrow is-justify-content-flex-end\">\n                    <p class=\"buttons\">\n                      <!-- <a class=\"button tooltip\"\n                @click=\"getThumbnails\"\n                data-tooltip=\"Refresh\"\n                :disabled=\"isLoadingImages\">\n                <span class=\"icon\">\n                  <i class=\"mdi mdi-refresh mdi-24px\" />\n                </span>\n              </a> -->\n                      <a class=\"button tooltip\"\n                        v-if=\"imagesWithInfo.length > 0 && isCategorySelectAllEnable\"\n                        @click=\"setSelectedStatusAll(true)\"\n                        data-tooltip=\"Select all\"\n                        :disabled=\"isLoadingImages\">\n                        <span class=\"icon has-text-success\">\n                          <i class=\"mdi mdi-select-all mdi-24px\" />\n                        </span>\n                      </a>\n                      <a v-show=\"hasSelected && isCategorySelectAllEnable\"\n                        class=\"button tooltip\"\n                        @click=\"setSelectedStatusAll(false)\"\n                        data-tooltip=\"Deselect all\">\n                        <span class=\"icon has-text-grey\">\n                          <i class=\"mdi mdi-select-off mdi-24px\" />\n                        </span>\n                      </a>\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n        </div>\n        <div>\n          <draggable :list=\"imagesWithInfo\"\n            group=\"imagesWithInfo\"\n            class=\"is-flex columns is-multiline dragable-box\"\n            :class=\"{ 'is-white-box': isWhiteBox }\"\n            @change=\"(event)=>onImageOrderChange(categoryId,event)\"\n            handle=\".item-drag-handle\">\n            <div v-for=\"(image, index) in imagesWithInfo\"\n              :key=\"image.quoteImageId\"\n              class=\"is-flex column is-narrow p-2 item-drag\">\n              <div v-if=\"image.imageContent\"\n                :class=\"'card'\"\n                @dblclick=\"makeImagePrimary(image)\">\n                <header class=\"card-header-line\">\n                  <div class=\"card-header-title p-2 has-background-light\">\n                    <div class=\"is-flex columns is-gapless is-justify-content-space-between\"\n                      style=\"width: 100%\">\n                      <div class=\"is-flex column\">\n                        <div class=\"field\">\n                          <div class=\"control\">\n                            <div class=\"pretty p-icon p-curve p-smooth\"\n                              v-if=\"isImageSelectable\">\n                              <input :id=\"`chk-pretty-image1${index}`\"\n                                :name=\"`chk-pretty-image${index}`\"\n                                v-model=\"image.isSelected\"\n                                type=\"checkbox\"\n                                @change=\"selectImage(image.quoteImageId,image.isSelected)\">\n                              <div class=\"state p-success\">\n                                <i class=\"icon mdi mdi-check\" />\n                                <label />\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                      <div class=\"is-flex column is-narrow\">\n                        <a class=\"has-text-primary is-outlined\"\n                          @click=\"editImage(image.quoteImageId)\">\n                          <span class=\"icon\">\n                            <i class=\"mdi mdi-lead-pencil mdi-24px\"\n                              aria-hidden=\"true\" />\n                          </span>\n                        </a>\n                        <a class=\"has-text-danger is-outlined\"\n                          v-if=\"isDeleteEnable\"\n                          @click=\"showDeleteModal(image.quoteImageId)\">\n                          <span class=\"icon\">\n                            <i class=\"mdi mdi-delete mdi-24px\"\n                              aria-hidden=\"true\" />\n                          </span>\n                        </a>\n                        <a class=\"has-text-dark is-outlined item-drag-handle\">\n                          <span class=\"icon\">\n                            <i class=\"mdi mdi-drag-vertical mdi-24px\"\n                              aria-hidden=\"true\" />\n                          </span>\n                        </a>\n                      </div>\n                    </div>\n                  </div>\n                </header>\n                <div class=\"card-image\">\n                  <a @click=\"viewImage(index)\">\n                    <figure class=\"image is-128x128\">\n                      <div style=\"position: relative\">\n                        <i v-if=\"image.isPrimary\"\n                          class=\"mdi mdi-star mdi-24px has-text-gold\"\n                          style=\"position: absolute; z-index: 1\" />\n                        <img v-if=\"image.imageContent\"\n                          class=\"image is-128x128\"\n                          style=\"object-fit: cover;\"\n                          :src=\"image.imageContent\"\n                          :key=\"image.quoteImageId\"\n                          :id=\"image.quoteImageId\">\n                      </div>\n                    </figure>\n                  </a>\n                </div>\n              </div>\n            </div>\n\n          </draggable>\n        </div>\n      </article>\n    </div>\n    <confirm-modal :active.sync=\"isConfirmModalActive\"\n      @ok=\"deleteImage(true)\"\n      @cancel=\"deleteImage(false)\"\n      :ok-text=\"'Yes'\"\n      :cancel-text=\"'No'\">\n      <p slot=\"text-title\">Delete image</p>\n      <p slot=\"text-content\">\n        Image will be deleted. Continue?\n      </p>\n    </confirm-modal>\n    <bulma-carousel-modal v-if=\"isCarouselModalActive\"\n      :image-width=\"800\"\n      :image-height=\"600\"\n      :active.sync=\"isCarouselModalActive\"\n      :image-ids=\"imageIds\"\n      :start-index=\"carouselStartIndex\"\n      @close=\"closeCarousel\" />\n  </div>\n</template>\n\n<script>\nimport QuoteService from '@/views/quote/QuoteService'\nimport { OpenImage } from '@/components/VuePainterro'\nimport { ConfirmModal } from '@/components/BulmaModal'\nimport { BulmaCarouselModal } from '@/components/BulmaCarousel'\nimport draggable from 'vuedraggable'\n// import mimeTypes from 'mime-types'\nimport { EventHubTypes } from '@/enums'\n// import CommonApiService from '@/services/common'\nimport _cloneDeep from 'lodash/cloneDeep'\n\nexport default {\n  name: 'QuoteImageCategory',\n  components: {\n    ConfirmModal,\n    BulmaCarouselModal,\n    draggable\n  },\n  props: {\n    quoteId: {\n      type: String\n    },\n    category: {\n      type: String\n    },\n    categories: {\n      type: Array,\n      default: () => []\n    },\n    images: {\n      type: Array,\n      default: () => []\n    },\n    categoryId: {\n      type: String\n    },\n    value: null,\n    hasSelect: {\n      type: Boolean,\n      default: false\n    },\n    refresh: {\n      type: Boolean,\n      default: false\n    },\n    categoryOrderIndex: {\n      type: Number\n    },\n    isPrivate: {\n      type: Boolean\n    },\n    isCategorySelectAllEnable: {\n      type: Boolean,\n      default: true\n    },\n    isDeleteEnable: {\n      type: Boolean,\n      default: true\n    },\n    isImageSelectable: {\n      type: Boolean,\n      default: true\n    },\n    isWhiteBox: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data() {\n    return {\n      size: 200,\n      innerImages: null,\n      imagesWithInfo: [],\n      selectAll: false,\n      imageIds: null,\n      isConfirmModalActive: false,\n      selectedImageId: '',\n      queuedFileCount: 0,\n      isDropzoneActive: false,\n      isClearAllActive: false,\n      isUploading: false,\n      isCarouselModalActive: false,\n      carouselStartIndex: 0,\n      isLoadingImages: false,\n      lastScrollX: 0,\n      lastScrollY: 0,\n      areThumbnailsLoaded: false,\n      id: null,\n      dragImageId: null,\n      dragCategoryId: null\n    }\n  },\n  computed: {\n    hasSelected() {\n      return this.imagesWithInfo.some((i) => i.isSelected)\n    },\n    selectedCount() {\n      return this.imagesWithInfo.reduce(function (total, item) {\n        return item.isSelected ? total + 1 : total\n      }, 0)\n    }\n  },\n  watch: {\n    hasSelect(value) {\n      this.selectAll = value\n      this.setSelectedStatusAll(value)\n    },\n    refresh(value) {\n      this.getThumbnails()\n    },\n    imagesWithInfo(value) {\n      const imageIds = this.imagesWithInfo.map((i) => i.quoteImageId)\n      this.imageIds = imageIds\n    }\n  },\n  created() {\n    this.selectAll = _cloneDeep(this.hasSelect)\n    // this.dropzoneOptions.headers.Authorization = `Bearer ${CommonApiService.getAuthToken()}`\n    this.getThumbnails()\n  },\n  mounted() {\n    this.id = this._uid + ''\n  },\n  methods: {\n    async getThumbnails() {\n      this.isLoadingImages = true\n      this.imagesWithInfo.splice(0, this.imagesWithInfo.length)\n      // const vm = this\n      //this.imageIds = await QuoteService.getImageIdsWithCategory(this.quoteId, this.categoryId)\n      if (this.images) {\n        const images = this.images.filter((i) => i.imageCategoryId == this.categoryId).sort((a, b) => a.orderIndex - b.orderIndex)\n        const noCategoryImages = this.categoryOrderIndex === 0 ? this.images.filter((i) => !i.imageCategoryId) : []\n        const combinedImages = images.concat(noCategoryImages).sort((a, b) => a.orderIndex - b.orderIndex)\n        // combinedImages.forEach((img, index) => {\n        //   img.orderIndex = index\n        // })\n        this.imagesWithInfo = combinedImages\n      }\n      // const promises = this.imageIds.map(function (id, index) {\n      //   return vm.getThumbnailWithInfo(id, index)\n      // })\n\n      // this.imagesWithInfo = await Promise.all(promises)\n      this.isLoadingImages = false\n      this.areThumbnailsLoaded = true\n    },\n    async getThumbnailWithInfo(id, index) {\n      var thumbnail = await QuoteService.getImageThumbnailWithInfo(id, this.size)\n      return thumbnail\n    },\n    makeImagePrimary(targetImage) {\n      for (var image of this.imagesWithInfo) {\n        image.isPrimary = image.quoteImageId === targetImage.quoteImageId\n      }\n\n      for (var image of this.images) {\n        image.isPrimary = image.quoteImageId === targetImage.quoteImageId\n      }\n\n      targetImage.isPrimary = true\n      QuoteService.setQuoteImageIsPrimary(targetImage.quoteImageId)\n    },\n    setSelectedStatusAll(selected) {\n      this.imagesWithInfo.forEach((i) => (i.isSelected = selected))\n      this.imagesWithInfo.forEach((element) => {\n        const index = this.images.findIndex((i) => i.quoteImageId === element.quoteImageId)\n        if (index !== -1) {\n          this.images[index].isSelected = selected\n        }\n      })\n    },\n    selectImage(imageid, selected) {\n      const index = this.images.findIndex((i) => i.quoteImageId === imageid)\n      if (index !== -1) {\n        this.images[index].isSelected = selected\n      }\n    },\n    async onImageOrderChange(targetCategory, event) {\n      if (event.moved !== undefined) {\n        console.log(event.moved)\n        //await this.setQuoteImagesOrderIndex()\n        this.$emit('arrange-images-order')\n      }\n\n      if (event.added !== undefined) {\n        var movedItem = event.added.element\n        console.log(event.added)\n        await QuoteService.setImageCategory(this.value.quoteId, movedItem.quoteImageId, targetCategory)\n        //await this.setQuoteImagesOrderIndex()\n        this.$emit('arrange-images-order')\n        //this.$emit('update-image')\n      }\n    },\n    // async setQuoteImagesOrderIndex() {\n    //   const imageIds = this.imagesWithInfo.map((i) => i.quoteImageId)\n    //   await QuoteService.setQuoteImagesOrderIndex(this.value.quoteId, imageIds)\n    //   //this.imageIds = imageIds\n    // },\n    async saved(id) {\n      // Callback function to update thumbnail after saving images in Painterro\n      const thumbnail = this.imagesWithInfo.find((i) => i.quoteImageId === id)\n      const updatedThumbnail = await this.getThumbnailWithInfo(id, this.size)\n      thumbnail.imageContent = updatedThumbnail.imageContent\n      // Force image source update\n      // document.getElementById(thumbnail.quoteImageId).src = thumbnail.imageContent\n      this.$eventHub.$emit(`${EventHubTypes.ImageCountChanged}UpdateQuote`, 0)\n    },\n    closed() {\n      window.scroll(this.lastScrollX, this.lastScrollY)\n    },\n    editImage(id) {\n      this.$showSpinner()\n      this.lastScrollX = window.scrollX\n      this.lastScrollY = window.scrollY\n      window.scrollTo(0, 0)\n      OpenImage(id, this.saved, this.closed, false)\n      this.$hideSpinner()\n    },\n    async viewImage(index) {\n      this.$showSpinner()\n      this.carouselStartIndex = index\n      this.isCarouselModalActive = true\n      this.$hideSpinner()\n    },\n    closeCarousel() {\n      this.isCarouselModalActive = false\n    },\n    showDeleteModal(id) {\n      this.selectedImageId = id\n      this.isConfirmModalActive = true\n    },\n    async deleteImage(confirm) {\n      this.isConfirmModalActive = false\n      if (confirm) {\n        await QuoteService.deleteImage(this.selectedImageId)\n        const index = this.imageIds.indexOf(this.selectedImageId)\n        console.log(index)\n        this.imageIds.splice(index, 1)\n        const indexToRemove = this.imagesWithInfo.findIndex((i) => i.quoteImageId === this.selectedImageId)\n        this.imagesWithInfo.splice(indexToRemove, 1)\n        this.$notification.openNotificationWithType('success', 'Delete images', 'Image deleted')\n        this.$eventHub.$emit(`${EventHubTypes.ImageCountChanged}UpdateQuote`, 0)\n        //await this.setQuoteImagesOrderIndex()\n        this.$emit('update-image')\n      }\n      this.selectedImageId = ''\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n// .title {\n//   border-bottom: solid 1px rgb(196, 196, 196);\n// }\n.card .card-header .columns {\n  justify-content: space-between;\n  flex-grow: 1;\n}\n.category-name {\n  line-height: 1.8;\n}\n\n.is-multiline.dragable-box {\n  min-height: 3em;\n  border: dashed 2px #e3e2e2;\n  border-radius: 2px;\n  margin-left: 2px;\n  margin-right: 3px;\n  background-color: #fafafa;\n}\n.is-multiline.dragable-box.is-white-box {\n  background-color: #fff;\n}\n\n.is-multiline.dragable-box .column {\n  max-width: fit-content;\n}\n</style>","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!./QuoteImageCategory.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!./QuoteImageCategory.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./QuoteImageCategory.vue?vue&type=template&id=48b72ff8&scoped=true\"\nimport script from \"./QuoteImageCategory.vue?vue&type=script&lang=js\"\nexport * from \"./QuoteImageCategory.vue?vue&type=script&lang=js\"\nimport style0 from \"./QuoteImageCategory.vue?vue&type=style&index=0&id=48b72ff8&prod&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  \"48b72ff8\",\n  null\n  \n)\n\nexport default component.exports","// import VuePainterro from './VuePainterro'\nimport PainterroService from './PainterroService'\nimport Guid from '@/components/Guid'\n// import Painterro from 'painterro'\n// let Painterro = null\n// import(/* webpackChunkName: \"painterro-chunk\" */ 'painterro').then(({ default: painterro }) => { return Painterro = painterro })\n\nconst defaultMimeType = 'image/jpeg'\n\nconst OpenImage = async function(id, saveCallback, closeCallBack, closeOnSave = false) {\n  if (Guid.validGuid(id)) {\n    const image = await PainterroService.getImage(id)\n    // import(/* webpackChunkName: \"painterro-chunk\" */ 'painterro').then(({ default: Painterro }) => {\n    const { default: Painterro } = await import(/* webpackChunkName: \"painterro-chunk\" */ 'painterro')\n    Painterro({\n      hiddenTools: ['open'],\n      defaultTool: 'arrow',\n      // availableArrowLengths: [10,15,20,25,30,35,40],\n      defaultArrowLength: 15,\n      // colorScheme: {\n      //   main: '#008cba',\n      //   control: '#ffffff',\n      //   controlContent: '#008cba',\n      //   hoverControl: 'darkgray', //'#f2f2f2',\n      //   hoverControlContent: '#008cba',\n      //   activeControl: 'darkgray',\n      //   activeControlContent: '#ffffff',\n      //   inputText: 'black'\n      // },\n      colorScheme: {\n        // main: '#008cba',\n        control: '#008cba',\n        controlContent: '#ffffff',\n        hoverControl: '#006687',\n        hoverControlContent: '#ffffff',\n        activeControl: '#006687',\n        activeControlContent: '#ffffff',\n        inputText: 'black',\n        toolControlNameColor: '#5bc0de'\n      },\n      saveHandler: async function(image, done) {\n        const formData = new FormData()\n        formData.append('image', image.asBlob(defaultMimeType), image.suggestedFileName())\n        await PainterroService.saveImage(id, formData)\n        if (saveCallback)\n          saveCallback(id)\n        done(closeOnSave)\n        // doClose()\n      },\n      // onBeforeClose() {\n      //   closeCallBack()\n      //   doClose()\n      // }\n      onClose() {\n        closeCallBack()\n      }\n    }).show(image)\n    // })\n  }\n}\n\nconst OpenImageLink = async function(link, saveCallback, closeCallBack, closeOnSave = false) {\n\n    const { default: Painterro } = await import(/* webpackChunkName: \"painterro-chunk\" */ 'painterro')\n    Painterro({\n      hiddenTools: ['open'],\n      defaultTool: 'arrow',\n      defaultArrowLength: 15,\n      colorScheme: {\n        control: '#008cba',\n        controlContent: '#ffffff',\n        hoverControl: '#006687',\n        hoverControlContent: '#ffffff',\n        activeControl: '#006687',\n        activeControlContent: '#ffffff',\n        inputText: 'black',\n        toolControlNameColor: '#5bc0de'\n      },\n      saveHandler: async function(image, done) {\n        await saveCallback(image.asBlob(defaultMimeType))\n        done(closeOnSave)\n      },\n      onClose() {\n        closeCallBack()\n      }\n    }).show(link)\n}\n\n// export default VuePainterro\nexport { OpenImage, OpenImageLink }","const BulmaCarousel = r => require.ensure([], () => r(require('./BulmaCarousel.vue')), 'shared')\nconst BulmaCarouselModal = r => require.ensure([], () => r(require('./BulmaCarouselModal.vue')), 'shared')\n\nexport { BulmaCarousel, BulmaCarouselModal }\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!./QuoteImageCategory.vue?vue&type=style&index=0&id=48b72ff8&prod&lang=scss&scoped=true\""],"sourceRoot":""}