{"version":3,"sources":["webpack:///./src/eventbus/event-bus.js","webpack:///src/components/UI/TransitionExpand.vue","webpack:///./src/components/UI/TransitionExpand.vue","webpack:///./src/components/UI/TransitionExpand.vue?7c9b","webpack:///./src/components/Articles/ModalDeleteArticle.vue","webpack:///src/components/Articles/ModalDeleteArticle.vue","webpack:///./src/components/Articles/ModalDeleteArticle.vue?8f6c","webpack:///./src/components/Articles/ModalDeleteArticle.vue?e357","webpack:///./src/components/UI/Components/Modal.vue?6854","webpack:///./src/components/UI/Components/SuccessAnimation.vue","webpack:///src/components/UI/Components/SuccessAnimation.vue","webpack:///./src/components/UI/Components/SuccessAnimation.vue?62aa","webpack:///./src/components/UI/Components/SuccessAnimation.vue?afbb","webpack:///./src/components/UI/TransitionExpand.vue?08db","webpack:///./src/components/UI/Components/SuccessAnimation.vue?70f3","webpack:///./src/components/UI/Form/BaseCheckbox.vue?2b39","webpack:///./src/components/UI/Form/BaseCheckbox.vue","webpack:///src/components/UI/Form/BaseCheckbox.vue","webpack:///./src/components/UI/Form/BaseCheckbox.vue?6365","webpack:///./src/components/UI/Form/BaseCheckbox.vue?1cd8","webpack:///./src/components/UI/Components/ErrorAnimation.vue","webpack:///./src/components/UI/Components/ErrorAnimation.vue?2ab7","webpack:///./src/components/UI/Components/Modal.vue","webpack:///src/components/UI/Components/Modal.vue","webpack:///./src/components/UI/Components/Modal.vue?3d23","webpack:///./src/components/UI/Components/Modal.vue?37e3","webpack:///./src/components/UI/Components/ErrorAnimation.vue?d937","webpack:///./src/components/UI/Components/Modal.vue?3f2f","webpack:///./src/components/UI/TransitionExpand.vue?cdc1"],"names":["EventBus","Vue","render","staticRenderFns","name","functional","createElement","context","data","props","on","afterEnter","element","style","height","enter","_getComputedStyle","getComputedStyle","width","position","visibility","_getComputedStyle2","setTimeout","leave","_getComputedStyle3","children","component","_vm","this","_c","_self","attrs","$t","isDeleting","isDeletingSuccess","isDeletingError","isDeleteConfirmed","onClickCancel","deleteArticle","showModal","scopedSlots","_u","key","fn","staticClass","_v","_s","article","Title","$event","type","indexOf","_k","keyCode","ctrlKey","button","shiftKey","altKey","metaKey","deleteLink","apply","arguments","model","value","callback","$$v","expression","proxy","slot","components","Modal","BaseCheckbox","Object","default","Boolean","Function","required","methods","_this","_asyncToGenerator","_regenerator","m","_callee","t","w","_context","p","n","articleProvider","Key","$emit","message","clearTimeout","v","a","Number","class","classes","disabled","domProps","checked","checkValue","onChange","label","cssClassLabel","_e","String","Array","computed","get","isArray","set","val","evt","splice","push","target","_m","script","modalSize","unsetFillModeCssClass","animateClass","hideHeader","modalTitle","closeModal","ref","cssClassModalBody","isSavingSuccess","isSavingError","_t","modalCardBody","savingSuccessMessage","savingErrorMessage","hideFooter","hideFooterButtons","onClickSave","isSaving","disableSaveButton","buttonLabelConfirm","buttonLabelCancel","hideCancelButton","hideSaveButton","confirmButtonCssClass","ErrorAnimation","SuccessAnimation","TransitionExpand","watch","timerCalculateModalBodySize","calculateModalBodySize","modalAnimation","animateTimer","undefined","cls","beforeDestroy","window","removeEventListener","mounted","_this2","addEventListener","$refs","getBoundingClientRect","scrollToTop","scrollTop"],"mappings":"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","file":"js/chunk-79ec88b5.js?id=fc80694d1c0c0ee4a332","sourcesContent":["import Vue from 'vue'\nexport const EventBus = new Vue()\n\nexport default EventBus\n","<script>\nexport default {\n  name: `TransitionExpand`,\n  functional: true,\n  render(createElement, context) {\n    const data = {\n      props: {\n        name: `expand`\n      },\n      on: {\n        afterEnter(element) {\n          // eslint-disable-next-line no-param-reassign\n          element.style.height = `auto`\n        },\n        enter(element) {\n          const { width } = getComputedStyle(element)\n          /* eslint-disable no-param-reassign */\n          element.style.width = width\n          element.style.position = `absolute`\n          element.style.visibility = `hidden`\n          element.style.height = `auto`\n          /* eslint-enable */\n          const { height } = getComputedStyle(element)\n          /* eslint-disable no-param-reassign */\n          element.style.width = null\n          element.style.position = null\n          element.style.visibility = null\n          element.style.height = 0\n          /* eslint-enable */\n          // Force repaint to make sure the\n          // animation is triggered correctly.\n          // eslint-disable-next-line no-unused-expressions\n          getComputedStyle(element).height\n          setTimeout(() => {\n            // eslint-disable-next-line no-param-reassign\n            element.style.height = height\n          })\n        },\n        leave(element) {\n          const { height } = getComputedStyle(element)\n          // eslint-disable-next-line no-param-reassign\n          element.style.height = height\n          // Force repaint to make sure the\n          // animation is triggered correctly.\n          // eslint-disable-next-line no-unused-expressions\n          getComputedStyle(element).height\n          setTimeout(() => {\n            // eslint-disable-next-line no-param-reassign\n            element.style.height = 0\n          })\n        }\n      }\n    }\n    return createElement(`transition`, data, context.children)\n  }\n}\n</script>\n\n<style scoped>\n* {\n  will-change: height;\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  perspective: 1000px;\n}\n</style>\n\n<style>\n.expand-enter-active,\n.expand-leave-active {\n  transition: height 0.3s ease-in-out;\n  overflow: hidden;\n}\n.expand-enter,\n.expand-leave-to {\n  height: 0;\n}\n</style>\n","var render, staticRenderFns\nimport script from \"./TransitionExpand.vue?vue&type=script&lang=js\"\nexport * from \"./TransitionExpand.vue?vue&type=script&lang=js\"\nimport style0 from \"./TransitionExpand.vue?vue&type=style&index=0&id=3deb10ec&prod&scoped=true&lang=css\"\nimport style1 from \"./TransitionExpand.vue?vue&type=style&index=1&id=3deb10ec&prod&lang=css\"\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  \"3deb10ec\",\n  null\n  \n)\n\nexport default component.exports","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!./TransitionExpand.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!./TransitionExpand.vue?vue&type=script&lang=js\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Modal',{attrs:{\"modalTitle\":_vm.$t('Components.Article.ArticleDetail.ModalDeleteArticle.Modal_Title'),\"confirmButtonCssClass\":\"is-danger\",\"buttonLabelConfirm\":_vm.$t('Form.Control.Delete'),\"successMessage\":_vm.$t(\n      'Components.Article.ArticleDetail.ModalDeleteArticle.Message_succesDeleting'\n    ),\"errorMessage\":_vm.$t(\n      'Components.Article.ArticleDetail.ModalDeleteArticle.Message_ErrorDeleting'\n    ),\"isSaving\":_vm.isDeleting,\"isSavingSuccess\":_vm.isDeletingSuccess,\"isSavingError\":_vm.isDeletingError,\"hideFooterButtons\":_vm.isDeletingError || _vm.isDeletingSuccess,\"disableSaveButton\":!_vm.isDeleteConfirmed,\"onClickCancel\":_vm.onClickCancel,\"onClickSave\":_vm.deleteArticle,\"showModal\":_vm.showModal},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"delete-content-container\"},[_c('div',{staticClass:\"mb-4 is-size-5 has-text-centered\"},[_vm._v(\" \"+_vm._s(_vm.$t( 'Components.Article.ArticleDetail.ModalDeleteArticle.Message_AreYouSure', { name: _vm.article.Title } ))+\" \")]),_c('div',{staticClass:\"has-text-centered\"},[_c('BaseCheckbox',{staticClass:\"has-text-left\",attrs:{\"label\":_vm.$t('General.Text_YesSure')},on:{\"click\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"left\",37,$event.key,[\"Left\",\"ArrowLeft\"]))return null;if(!$event.ctrlKey)return null;if('button' in $event && $event.button !== 0)return null;if($event.shiftKey||$event.altKey||$event.metaKey)return null;return _vm.deleteLink.apply(null, arguments)}},model:{value:(_vm.isDeleteConfirmed),callback:function ($$v) {_vm.isDeleteConfirmed=$$v},expression:\"isDeleteConfirmed\"}})],1)])]},proxy:true}])},[_c('template',{slot:\"modalTitle\"})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <Modal\n    :modalTitle=\"\n      $t('Components.Article.ArticleDetail.ModalDeleteArticle.Modal_Title')\n    \"\n    confirmButtonCssClass=\"is-danger\"\n    :buttonLabelConfirm=\"$t('Form.Control.Delete')\"\n    :successMessage=\"\n      $t(\n        'Components.Article.ArticleDetail.ModalDeleteArticle.Message_succesDeleting'\n      )\n    \"\n    :errorMessage=\"\n      $t(\n        'Components.Article.ArticleDetail.ModalDeleteArticle.Message_ErrorDeleting'\n      )\n    \"\n    :isSaving=\"isDeleting\"\n    :isSavingSuccess=\"isDeletingSuccess\"\n    :isSavingError=\"isDeletingError\"\n    :hideFooterButtons=\"isDeletingError || isDeletingSuccess\"\n    :disableSaveButton=\"!isDeleteConfirmed\"\n    :onClickCancel=\"onClickCancel\"\n    :onClickSave=\"deleteArticle\"\n    :showModal=\"showModal\"\n  >\n    <template slot=\"modalTitle\"></template>\n    <template v-slot:content>\n      <div class=\"delete-content-container\">\n        <div class=\"mb-4 is-size-5 has-text-centered\">\n          {{\n            $t(\n              'Components.Article.ArticleDetail.ModalDeleteArticle.Message_AreYouSure',\n              { name: article.Title }\n            )\n          }}\n        </div>\n\n        <div class=\"has-text-centered\">\n          <BaseCheckbox\n            v-model=\"isDeleteConfirmed\"\n            :label=\"$t('General.Text_YesSure')\"\n            @click.ctrl.left.exact=\"deleteLink\"\n            class=\"has-text-left\"\n          />\n        </div>\n      </div>\n    </template>\n  </Modal>\n</template>\n\n<script>\nimport Modal from '@/components/UI/Components/Modal.vue'\nimport BaseCheckbox from '@/components/UI/Form/BaseCheckbox.vue'\nimport EventBus from '@/eventbus/event-bus'\nimport articleProvider from '@/providers/article'\n\nexport default {\n  name: 'ModalDeleteArticle',\n\n  components: {\n    Modal,\n    BaseCheckbox,\n  },\n\n  props: {\n    article: {\n      type: Object,\n      default: null,\n    },\n\n    showModal: {\n      type: Boolean,\n      default: false,\n    },\n\n    onClickCancel: {\n      type: Function,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      isDeleteConfirmed: false,\n      isDeleting: false,\n      isDeletingSuccess: false,\n      isDeletingError: false,\n    }\n  },\n\n  methods: {\n    async deleteArticle() {\n      if (!this.isDeleting) {\n        this.isDeleting = true\n\n        try {\n          await articleProvider.methods.deleteArticle(this.article.Key)\n          EventBus.$emit('showToast', {\n            type: 'info',\n            message: this.$t(\n              'Components.Article.ArticleDetail.ModalDeleteArticle.Message_succesDeleting'\n            ),\n          })\n\n          this.$emit('articleDeleted', this.article)\n\n          let t = setTimeout(() => {\n            this.onClickCancel()\n            clearTimeout(t)\n          }, 1500)\n        } catch {\n          this.isDeletingError = true\n          this.isDeleting = false\n        }\n      }\n    },\n  },\n}\n</script>\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!./ModalDeleteArticle.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!./ModalDeleteArticle.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ModalDeleteArticle.vue?vue&type=template&id=74f3849c\"\nimport script from \"./ModalDeleteArticle.vue?vue&type=script&lang=js\"\nexport * from \"./ModalDeleteArticle.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--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!./Modal.vue?vue&type=style&index=1&id=22a67889&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"sa\"},[_c('div',{staticClass:\"sa-success\",style:({ 'width' : _vm.width, 'height' : _vm.height })},[_c('div',{staticClass:\"sa-success-tip\"}),_c('div',{staticClass:\"sa-success-long\"}),_c('div',{staticClass:\"sa-success-placeholder\"}),_c('div',{staticClass:\"sa-success-fix\"})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"sa\">\n    <div\n      class=\"sa-success\"\n      :style=\"{ 'width' : width, 'height' : height }\"\n    >\n      <div class=\"sa-success-tip\"></div>\n      <div class=\"sa-success-long\"></div>\n      <div class=\"sa-success-placeholder\"></div>\n      <div class=\"sa-success-fix\"></div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    width: {\n      type: Number,\n      default: 140\n    },\n\n    height: {\n      type: Number,\n      default: 140\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.sa {\n  display: flex;\n  justify-content: center;\n  &-success {\n    border-radius: 50%;\n    border: 4px solid #a5dc86;\n    box-sizing: content-box;\n    height: 80px;\n    padding: 0;\n    position: relative;\n    background-color: #fff;\n    width: 80px;\n    &:after,\n    &:before {\n      background: #fff;\n      content: \"\";\n      height: 120px;\n      position: absolute;\n      transform: rotate(45deg);\n      width: 60px;\n    }\n    &:before {\n      border-radius: 40px 0 0 40px;\n      width: 26px;\n      height: 80px;\n      top: -17px;\n      left: 5px;\n      transform-origin: 60px 60px;\n      transform: rotate(-45deg);\n    }\n    &:after {\n      border-radius: 0 120px 120px 0;\n      left: 30px;\n      top: -11px;\n      transform-origin: 0 60px;\n      transform: rotate(-45deg);\n      animation: rotatePlaceholder 4.25s ease-in;\n    }\n    &-placeholder {\n      border-radius: 50%;\n      border: 4px solid rgba(165, 220, 134, 0.25);\n      box-sizing: content-box;\n      height: 80px;\n      left: -4px;\n      position: absolute;\n      top: -4px;\n      width: 80px;\n      z-index: 2;\n    }\n    &-fix {\n      background-color: #fff;\n      height: 90px;\n      left: 28px;\n      position: absolute;\n      top: 8px;\n      transform: rotate(-45deg);\n      width: 5px;\n      z-index: 1;\n    }\n    &-tip,\n    &-long {\n      background-color: #a5dc86;\n      border-radius: 2px;\n      height: 5px;\n      position: absolute;\n      z-index: 2;\n    }\n    &-tip {\n      left: 14px;\n      top: 46px;\n      transform: rotate(45deg);\n      width: 25px;\n      animation: animateSuccessTip 0.75s;\n    }\n    &-long {\n      right: 8px;\n      top: 38px;\n      transform: rotate(-45deg);\n      width: 47px;\n      animation: animateSuccessLong 0.75s;\n    }\n  }\n}\n@keyframes animateSuccessTip {\n  0%,\n  54% {\n    width: 0;\n    left: 1px;\n    top: 19px;\n  }\n  70% {\n    width: 50px;\n    left: -8px;\n    top: 37px;\n  }\n  84% {\n    width: 17px;\n    left: 21px;\n    top: 48px;\n  }\n  100% {\n    width: 25px;\n    left: 14px;\n    top: 45px;\n  }\n}\n@keyframes animateSuccessLong {\n  0%,\n  65% {\n    width: 0;\n    right: 46px;\n    top: 54px;\n  }\n  84% {\n    width: 55px;\n    right: 0;\n    top: 35px;\n  }\n  100% {\n    width: 47px;\n    right: 8px;\n    top: 38px;\n  }\n}\n@keyframes rotatePlaceholder {\n  0%,\n  5% {\n    transform: rotate(-45deg);\n  }\n  100%,\n  12% {\n    transform: rotate(-405deg);\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!./SuccessAnimation.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!./SuccessAnimation.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SuccessAnimation.vue?vue&type=template&id=4b689632&scoped=true\"\nimport script from \"./SuccessAnimation.vue?vue&type=script&lang=js\"\nexport * from \"./SuccessAnimation.vue?vue&type=script&lang=js\"\nimport style0 from \"./SuccessAnimation.vue?vue&type=style&index=0&id=4b689632&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  \"4b689632\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TransitionExpand.vue?vue&type=style&index=1&id=3deb10ec&prod&lang=css\"","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!./SuccessAnimation.vue?vue&type=style&index=0&id=4b689632&prod&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!./BaseCheckbox.vue?vue&type=style&index=0&id=7ad9cd4a&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('label',{staticClass:\"is-unselectable\",class:_vm.classes},[_c('input',{attrs:{\"type\":\"checkbox\",\"name\":_vm.name,\"disabled\":_vm.disabled},domProps:{\"checked\":_vm.checked,\"value\":_vm.checkValue},on:{\"input\":_vm.onChange}}),(_vm.label)?_c('span',{class:_vm.cssClassLabel},[_vm._v(_vm._s(_vm.label))]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <label\n    class=\"is-unselectable\"\n    :class=\"classes\"\n  >\n    <input\n      type=\"checkbox\"\n      :name=\"name\"\n      :checked=\"checked\"\n      :value=\"checkValue\"\n      @input=\"onChange\"\n      :disabled=\"disabled\"\n    ><span\n      v-if=\"label\"\n      :class=\"cssClassLabel\"\n    >{{ label }}</span>\n  </label>\n</template>\n\n<script>\nexport default {\n  name: 'base-checkbox',\n\n  props: {\n    label: {\n      type: String,\n      default: ''\n    },\n    cssClassLabel: {\n      type: [Object, Array, String],\n      default: ''\n    },\n    name: {\n      type: String,\n      default: null\n    },\n    value: {\n      type: [String, Number, Boolean, Object, Array],\n      required: true\n    },\n    checkValue: {\n      type: [Number, String, Boolean],\n      default: null\n    },\n    classes: {\n      type: String,\n      default: ''\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n\n  data() {\n    return {\n    }\n  },\n\n  computed: {\n    checked: {\n      get() {\n        if (Array.isArray(this.value)) {\n          return this.value.indexOf(this.checkValue) !== -1\n        }\n        return this.value\n      },\n      set(val) {\n      }\n    }\n  },\n\n  methods: {\n    onChange(evt) {\n      if (Array.isArray(this.value)) {\n        if (this.value.indexOf(this.checkValue) !== -1) {\n          this.value.splice(this.value.indexOf(this.checkValue), 1)\n        } else {\n          this.value.push(this.checkValue)\n        }\n        this.$emit('input', this.value)\n      } else {\n        this.$emit('input', evt.target.checked)\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\nlabel {\n  display: inline-flex;\n  align-items: center;\n  &.has-input-right {\n    span {\n      order: -1;\n      margin-right: 5px;\n    }\n  }\n  &:not(.has-input-right) {\n    span {\n      margin-left: 5px;\n    }\n  }\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!./BaseCheckbox.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!./BaseCheckbox.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BaseCheckbox.vue?vue&type=template&id=7ad9cd4a&scoped=true\"\nimport script from \"./BaseCheckbox.vue?vue&type=script&lang=js\"\nexport * from \"./BaseCheckbox.vue?vue&type=script&lang=js\"\nimport style0 from \"./BaseCheckbox.vue?vue&type=style&index=0&id=7ad9cd4a&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  \"7ad9cd4a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"sa\"},[_c('div',{staticClass:\"sa-error\"},[_c('div',{staticClass:\"sa-error-x\"},[_c('div',{staticClass:\"sa-error-left\"}),_c('div',{staticClass:\"sa-error-right\"})]),_c('div',{staticClass:\"sa-error-placeholder\"}),_c('div',{staticClass:\"sa-error-fix\"})])])\n}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ErrorAnimation.vue?vue&type=template&id=f8ec296e&scoped=true\"\nvar script = {}\nimport style0 from \"./ErrorAnimation.vue?vue&type=style&index=0&id=f8ec296e&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  \"f8ec296e\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(_vm.showModal)?_c('div',{key:'modalContent' + Number(_vm.showModal),staticClass:\"modal\",class:{ 'is-active': _vm.showModal }},[_c('div',{staticClass:\"modal-background\"}),_c('div',{staticClass:\"modal-card\",class:['modal-card-' + _vm.modalSize, _vm.unsetFillModeCssClass, _vm.animateClass]},[_c('header',{staticClass:\"modal-card-head\"},[(!_vm.hideHeader)?_c('p',{staticClass:\"modal-card-title\"},[_vm._v(\" \"+_vm._s(_vm.modalTitle)+\" \")]):_vm._e(),(!_vm.hideHeader)?_c('button',{staticClass:\"delete\",attrs:{\"aria-label\":\"close\"},on:{\"click\":function($event){return _vm.closeModal()}}}):_vm._e()]),_c('section',{ref:\"modalCardBody\",staticClass:\"modal-card-body\",class:_vm.cssClassModalBody},[_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(!_vm.isSavingSuccess && !_vm.isSavingError)?_c('div',[_vm._t(\"content\",null,{\"modalCardBody\":_vm.modalCardBody})],2):_vm._e(),(_vm.isSavingSuccess)?_c('section',{staticClass:\"content-successMessage has-text-centered\"},[_c('SuccessAnimation',{staticClass:\"mb-6\"}),(_vm.savingSuccessMessage && !_vm.isSavingError)?_c('div',{staticClass:\"title is-4\",domProps:{\"textContent\":_vm._s(_vm.savingSuccessMessage)}}):_vm._e(),_vm._t(\"successMessageSlot\")],2):_vm._e(),(_vm.isSavingError)?_c('section',{staticClass:\"content-successMessage has-text-centered\"},[_c('ErrorAnimation',{staticClass:\"mb-6\"}),(_vm.savingErrorMessage && !_vm.isSavingSuccess)?_c('div',{staticClass:\"title is-4\",domProps:{\"textContent\":_vm._s(_vm.savingErrorMessage)}}):_vm._e(),_vm._t(\"errorMessageSlot\")],2):_vm._e()])],1),_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(!_vm.hideFooter)?_c('footer',{staticClass:\"modal-card-foot\"},[_c('TransitionExpand',[(!_vm.hideFooterButtons)?_c('ui-submit-form-controls',{staticClass:\"has-margin-bottom\",attrs:{\"onClickSave\":_vm.onClickSave,\"onClickCancel\":_vm.closeModal,\"isSaving\":_vm.isSaving,\"disableSaveButton\":_vm.disableSaveButton,\"buttonLabelConfirm\":_vm.buttonLabelConfirm,\"buttonLabelCancel\":_vm.buttonLabelCancel,\"hideCancelButton\":_vm.hideCancelButton,\"hideSaveButton\":_vm.hideSaveButton,\"confirmButtonCssClass\":_vm.confirmButtonCssClass}},[_vm._t(\"buttonsSlot\")],2):_vm._e()],1)],1):_vm._e()])],1)]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <transition\n    name=\"fade\"\n    mode=\"out-in\"\n  >\n    <div\n      v-if=\"showModal\"\n      :key=\"'modalContent' + Number(showModal)\"\n      class=\"modal\"\n      :class=\"{ 'is-active': showModal }\"\n    >\n      <div class=\"modal-background\"></div>\n      <div\n        class=\"modal-card\"\n        :class=\"['modal-card-' + modalSize, unsetFillModeCssClass, animateClass]\"\n      >\n        <header class=\"modal-card-head\">\n          <p\n            v-if=\"!hideHeader\"\n            class=\"modal-card-title\"\n          >\n            {{ modalTitle }}\n          </p>\n          <button\n            v-if=\"!hideHeader\"\n            @click=\"closeModal()\"\n            class=\"delete\"\n            aria-label=\"close\"\n          ></button>\n        </header>\n\n        <section\n          ref=\"modalCardBody\"\n          class=\"modal-card-body\"\n          :class=\"cssClassModalBody\"\n        >\n          <transition\n            name=\"fade\"\n            mode=\"out-in\"\n          >\n            <div v-if=\"!isSavingSuccess && !isSavingError\">\n              <slot\n                name=\"content\"\n                :modalCardBody=\"modalCardBody\"\n              ></slot>\n            </div>\n\n            <section\n              v-if=\"isSavingSuccess\"\n              class=\"content-successMessage has-text-centered\"\n            >\n              <SuccessAnimation class=\"mb-6\" />\n              <div\n                v-if=\"savingSuccessMessage && !isSavingError\"\n                class=\"title is-4\"\n                v-text=\"savingSuccessMessage\"\n              ></div>\n              <slot name=\"successMessageSlot\"></slot>\n            </section>\n            <section\n              v-if=\"isSavingError\"\n              class=\"content-successMessage has-text-centered\"\n            >\n              <ErrorAnimation class=\"mb-6\" />\n              <div\n                v-if=\"savingErrorMessage && !isSavingSuccess\"\n                class=\"title is-4\"\n                v-text=\"savingErrorMessage\"\n              ></div>\n              <slot name=\"errorMessageSlot\"></slot>\n            </section>\n          </transition>\n        </section>\n\n        <transition\n          name=\"fade\"\n          mode=\"out-in\"\n        >\n          <footer\n            v-if=\"!hideFooter\"\n            class=\"modal-card-foot\"\n          >\n            <TransitionExpand>\n              <ui-submit-form-controls\n                v-if=\"!hideFooterButtons\"\n                :onClickSave=\"onClickSave\"\n                :onClickCancel=\"closeModal\"\n                :isSaving=\"isSaving\"\n                :disableSaveButton=\"disableSaveButton\"\n                :buttonLabelConfirm=\"buttonLabelConfirm\"\n                :buttonLabelCancel=\"buttonLabelCancel\"\n                :hideCancelButton=\"hideCancelButton\"\n                :hideSaveButton=\"hideSaveButton\"\n                :confirmButtonCssClass=\"confirmButtonCssClass\"\n                class=\"has-margin-bottom\"\n              >\n                <slot name=\"buttonsSlot\"></slot>\n              </ui-submit-form-controls>\n            </TransitionExpand>\n          </footer>\n        </transition>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script>\nimport ErrorAnimation from '@/components/UI/Components/ErrorAnimation';\nimport SuccessAnimation from '@/components/UI/Components/SuccessAnimation';\nimport TransitionExpand from '../TransitionExpand.vue';\nexport default {\n  name: 'modal',\n\n  components: {\n    ErrorAnimation,\n    SuccessAnimation,\n    TransitionExpand\n  },\n\n  props: {\n    buttonLabelConfirm: {\n      type: String,\n      default: function () {\n        return this.$t('Form.Control.Save');\n      }\n    },\n    buttonLabelCancel: {\n      type: String,\n      default: function () {\n        return this.$t('Form.Control.Cancel');\n      }\n    },\n    confirmButtonCssClass: {\n      type: String,\n      default: 'is-primary'\n    },\n    disableSaveButton: {\n      type: Boolean,\n      default: false\n    },\n\n    isSaving: {\n      type: Boolean,\n      default: false\n    },\n\n    isSavingSuccess: {\n      type: Boolean,\n      default: false\n    },\n    savingSuccessMessage: {\n      type: String,\n      default: function () {\n        return this.$t('General.SavingSuccess');\n      }\n    },\n    isSavingError: {\n      type: Boolean,\n      default: false\n    },\n    savingErrorMessage: {\n      type: String,\n      default: function () {\n        return this.$t('General.SavingError');\n      }\n    },\n\n    modalTitle: {\n      type: String,\n      default: ''\n    },\n    onClickCancel: {\n      type: Function,\n      default: function () {},\n      required: false\n    },\n    onClickSave: {\n      type: Function,\n      default: function () {},\n      required: false\n    },\n    showModal: {\n      type: Boolean,\n      default: false\n    },\n    hideHeader: {\n      type: Boolean,\n      default: false\n    },\n    hideFooter: {\n      type: Boolean,\n      default: false\n    },\n    hideFooterButtons: {\n      type: Boolean,\n      default: false\n    },\n    hideCancelButton: {\n      type: Boolean,\n      default: false\n    },\n    hideSaveButton: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Sizes are:\n     * - dynamic (size will be determent by content)\n     * - small (width is set to auto)\n     * - normal (is bulma default)\n     * - large (1024)\n     * - extra-large (1200)\n     */\n    modalSize: {\n      type: String,\n      default: 'normal'\n    },\n    cssClassModalBody: {\n      type: String,\n      default: ''\n    }\n  },\n\n  watch: {\n    hideFooterButtons() {\n      if (this.timerCalculateModalBodySize) {\n        clearTimeout(this.timerCalculateModalBodySize);\n      }\n      this.timerCalculateModalBodySize = setTimeout(() => {\n        this.calculateModalBodySize();\n        clearTimeout(this.calculateModalBodySize());\n      }, 500);\n    }\n  },\n\n  data() {\n    return {\n      modalAnimation: this.showModal,\n      animateTimer: null,\n      unsetFillModeCssClass: 'unset-fill-mode',\n      timerCalculateModalBodySize: null,\n      modalCardBody: undefined\n    };\n  },\n\n  computed: {\n    animateClass() {\n      let cls = 'animated fade';\n      cls = cls + (this.modalAnimation ? 'In' : 'Out');\n      cls = cls + ' faster';\n      return cls;\n    }\n  },\n\n  beforeDestroy() {\n    /**\n     * Destroy timer\n     */\n    window.removeEventListener('resize', this.calculateModalBodySize);\n    if (this.animateTimer) {\n      clearTimeout(this.animateTimer);\n    }\n  },\n\n  mounted() {\n    window.addEventListener('resize', this.calculateModalBodySize);\n    let t = setTimeout(() => {\n      this.calculateModalBodySize();\n      clearTimeout(t);\n    }, 300);\n  },\n\n  methods: {\n    closeModal() {\n      this.unsetFillModeCssClass = '';\n      this.modalAnimation = false;\n      this.animateTimer = setTimeout(this.onClickCancel, 0);\n    },\n\n    calculateModalBodySize() {\n      if (this.$refs.modalCardBody) {\n        this.modalCardBody = this.$refs.modalCardBody.getBoundingClientRect();\n        this.$emit('modalBodySize', this.modalCardBody);\n      }\n    },\n\n    scrollToTop() {\n      this.$refs.modalCardBody.scrollTop = 0;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.modal {\n  .modal-card-body {\n    position: relative;\n    .vc-popover-content-wrapper {\n      position: absolute !important;\n    }\n  }\n}\n</style>\n\n<style lang=\"scss\" scoped>\n.modal {\n  z-index: 101;\n\n  .modal-card {\n    &.animated {\n      animation-fill-mode: unset;\n    }\n  }\n  @media screen and (max-width: 768px) {\n    padding-left: $gap;\n    padding-right: $gap;\n  }\n  @media screen and (min-width: 769px) {\n    .modal-card {\n      &-dynamic {\n        width: auto !important;\n      }\n      &-large {\n        width: 100% !important;\n        max-width: 990px;\n        @media screen and (max-width: 1020px) {\n          padding-left: $gap;\n          padding-right: $gap;\n        }\n      }\n      &-extra-large {\n        width: 100% !important;\n        max-width: 1200px;\n        @media screen and (max-width: 1230px) {\n          padding-left: $gap;\n          padding-right: $gap;\n        }\n      }\n    }\n  }\n  .modal-card-body {\n    .vc-popover-content-wrapper {\n      position: fixed !important;\n    }\n  }\n  .modal-card-foot {\n    .buttons {\n      flex: 1;\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!./Modal.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!./Modal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Modal.vue?vue&type=template&id=22a67889&scoped=true\"\nimport script from \"./Modal.vue?vue&type=script&lang=js\"\nexport * from \"./Modal.vue?vue&type=script&lang=js\"\nimport style0 from \"./Modal.vue?vue&type=style&index=0&id=22a67889&prod&lang=scss\"\nimport style1 from \"./Modal.vue?vue&type=style&index=1&id=22a67889&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  \"22a67889\",\n  null\n  \n)\n\nexport default component.exports","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!./ErrorAnimation.vue?vue&type=style&index=0&id=f8ec296e&prod&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!./Modal.vue?vue&type=style&index=0&id=22a67889&prod&lang=scss\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TransitionExpand.vue?vue&type=style&index=0&id=3deb10ec&prod&scoped=true&lang=css\""],"sourceRoot":""}