{"version":3,"sources":["webpack:///./src/lib/Modal/DfModal.vue","webpack:///src/lib/Modal/DfModal.vue","webpack:///./src/lib/Modal/DfModal.vue?e506","webpack:///./src/lib/Modal/DfModal.vue?f76c","webpack:///./src/lib/Modal/DfModal.vue?4381"],"names":["width","on","_c","staticClass","_vm","closeModal","$event","attrs","class","style","overflowY","_v","name","components","DfButton","props","actionName","default","type","String","disableAction","Boolean","disableClose","loading","persistent","scrollable","title","required","withoutPadding","data","colorIconDisabled","colors","computed","isPersistent","methods","action","$emit","closeNotPersistentModal","component","staticRenderFns"],"mappings":"mLAAqH,W,IAAgB,O,EAA8B,EAAO,MAAK,G,OAAC,SAAYA,CAAK,YAAC,gBAACC,MAAG,CAAC,cAA2C,0BAAIC,OAAG,EAAUC,MAAW,EAAC,OAAgCA,IAAqED,gBAAQ,4BAA6B,CAACE,EAAG,OAAO,CAA2DH,YAAG,Y,CAAC,SAAYI,C,YAAqB,wD,GAAiB,KAAIC,C,YAA2GF,gB,CAAqC,6CAAmQ,EAAC,KAApQ,YAAC,IAAIF,MAAG,aAAqBK,QAAM,YAAC,OAAM,EAAC,KAAO,qEAAQ,EAAI,oCAAkC,GAAG,oBAAe,CAAeJ,OAA6BK,KAAS,QAA8BC,KAAU,KAAqBC,MAAS,EAAE,sBAAcN,KAAO,EAAc,OAAS,CAA6DD,YAAY,iBAAwBI,MAAM,2B,MAAC,EAAS,WAAC,IAAS,qBAAwCA,GAAK,GAAC,mE,YAAW,wBAAW,MAAC,CAAG,UAAC,YAAuB,gBAAgN,OAAhN,eAAE,MAAMI,CAAiGR,QAAY,a,GAAc,CAA0B,QAAWC,aAAwC,oFAACH,YAAG,O,MAAC,CAAkB,0BAAIG,SAAU,EAAI,cACv5C,mBAGD,I,+GC2De,GACfQ,KAAA,UAEAC,WAAA,CACAC,iBAGAC,MAAA,CACAC,WAAA,CACAC,QAAA,GACAC,KAAAC,QAEAC,cAAA,CACAH,SAAA,EACAC,KAAAG,SAEAC,aAAA,CACAL,SAAA,EACAC,KAAAG,SAEAE,QAAA,CACAN,SAAA,EACAC,KAAAG,SAEAG,WAAA,CACAP,SAAA,EACAC,KAAAG,SAEAI,WAAA,CACAR,SAAA,EACAC,KAAAG,SAEAK,MAAA,CACAC,UAAA,EACAT,KAAAC,QAEAnB,MAAA,CACAiB,QAAA,QACAC,KAAAC,QAEAS,eAAA,CACAX,SAAA,EACAC,KAAAG,UAIAQ,KAAA,WACA,OACAC,kBAAAC,IAAAD,oBAIAE,SAAA,CACAC,aAAA,WACA,YAAAT,YAAA,KAAAF,eAIAY,QAAA,CACAC,OAAA,WACA,KAAAC,MAAA,iBAEA/B,WAAA,WACA,KAAA+B,MAAA,UAEAC,wBAAA,WACA,KAAAb,YAAA,KAAAnB,gBCjI+V,I,wBCQ3ViC,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,WACA,MAIa,OAAAD,E,2CCnBf","file":"js/chunk-5e5c8d7c.18200416.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-dialog',{staticClass:\"dialog-height\",attrs:{\"scrollable\":\"\",\"persistent\":_vm.isPersistent,\"value\":true,\"width\":_vm.width},on:{\"click-outside\":_vm.closeNotPersistentModal}},[_c('v-card',{staticClass:\"df-modal\"},[_c('v-card-title',{staticClass:\"df-flex-m justify-space-between modal__title-wrapper\"},[_c('h1',{staticClass:\"modal__title\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")]),(!_vm.disableClose)?_c('button',{on:{\"click\":_vm.closeModal,\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;return _vm.closeModal.apply(null, arguments)}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"times\",\"size\":\"sm\",\"color\":_vm.colorIconDisabled}})],1):_vm._e()]),_c('v-card-text',{staticClass:\"modal__content\",class:_vm.withoutPadding ? 'pa-0' : '',style:(_vm.scrollable ? {} : { overflowY: 'hidden' })},[_vm._t(\"card-content\")],2),_vm._t(\"outside-content\"),(_vm.actionName)?_c('v-card-actions',{staticClass:\"df-flex-l justify-end\",attrs:{\"data-id\":\"actions\"}},[(!_vm.disableClose)?_c('df-button',{attrs:{\"variant\":\"secondary\"},on:{\"click\":_vm.closeModal}},[_vm._v(\" \"+_vm._s(_vm.$t('Modal.standard.cancel'))+\" \")]):_vm._e(),_vm._t(\"actions\"),_c('df-button',{staticClass:\"ml-0\",attrs:{\"data-id\":\"action-button\",\"disabled\":_vm.disableAction,\"loading\":_vm.loading},on:{\"click\":_vm.action}},[_vm._v(\" \"+_vm._s(_vm.actionName)+\" \")])],2):_vm._e()],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog\n    class=\"dialog-height\"\n    scrollable\n    :persistent=\"isPersistent\"\n    :value=\"true\"\n    :width=\"width\"\n    @click-outside=\"closeNotPersistentModal\"\n  >\n    <v-card class=\"df-modal\">\n      <v-card-title\n        class=\"df-flex-m justify-space-between modal__title-wrapper\"\n      >\n        <h1 class=\"modal__title\">\n          {{ title }}\n        </h1>\n        <button\n          v-if=\"!disableClose\"\n          @click=\"closeModal\"\n          @keydown.esc=\"closeModal\"\n        >\n          <font-awesome-icon\n            icon=\"times\"\n            size=\"sm\"\n            :color=\"colorIconDisabled\"\n          />\n        </button>\n      </v-card-title>\n      <v-card-text\n        class=\"modal__content\"\n        :class=\"withoutPadding ? 'pa-0' : ''\"\n        :style=\"scrollable ? {} : { overflowY: 'hidden' }\"\n      >\n        <slot name=\"card-content\"></slot>\n      </v-card-text>\n      <slot name=\"outside-content\"></slot>\n      <v-card-actions\n        v-if=\"actionName\"\n        data-id=\"actions\"\n        class=\"df-flex-l justify-end\"\n      >\n        <df-button v-if=\"!disableClose\" variant=\"secondary\" @click=\"closeModal\">\n          {{ $t('Modal.standard.cancel') }}\n        </df-button>\n        <slot name=\"actions\"></slot>\n        <df-button\n          data-id=\"action-button\"\n          class=\"ml-0\"\n          :disabled=\"disableAction\"\n          :loading=\"loading\"\n          @click=\"action\"\n        >\n          {{ actionName }}\n        </df-button>\n      </v-card-actions>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nimport colors from '@/assets/styles/__colors.module.scss'\nimport DfButton from '@/lib/components/Button/DfButton.vue'\n\nexport default {\n  name: 'DfModal',\n\n  components: {\n    DfButton,\n  },\n\n  props: {\n    actionName: {\n      default: '',\n      type: String,\n    },\n    disableAction: {\n      default: false,\n      type: Boolean,\n    },\n    disableClose: {\n      default: false,\n      type: Boolean,\n    },\n    loading: {\n      default: false,\n      type: Boolean,\n    },\n    persistent: {\n      default: false,\n      type: Boolean,\n    },\n    scrollable: {\n      default: true,\n      type: Boolean,\n    },\n    title: {\n      required: true,\n      type: String,\n    },\n    width: {\n      default: '640px',\n      type: String,\n    },\n    withoutPadding: {\n      default: false,\n      type: Boolean,\n    },\n  },\n\n  data() {\n    return {\n      colorIconDisabled: colors.colorIconDisabled,\n    }\n  },\n\n  computed: {\n    isPersistent() {\n      return this.persistent || this.disableClose\n    },\n  },\n\n  methods: {\n    action() {\n      this.$emit('action-click')\n    },\n    closeModal() {\n      this.$emit('close')\n    },\n    closeNotPersistentModal() {\n      if (!this.persistent) this.closeModal()\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.dialog-height {\n  max-height: 75%;\n}\n.df-modal {\n  .modal__title-wrapper {\n    flex-wrap: nowrap;\n\n    .modal__title {\n      word-break: break-word;\n    }\n  }\n}\n.df-modal .modal__content.v-card__text {\n  @include paragraph-medium;\n  padding: $spacing-xxl $spacing-xl;\n\n  @include d(m) {\n    padding: $spacing-l $spacing-m;\n  }\n}\n::v-deep .v-dialog {\n  box-shadow: none;\n  border-radius: $border-radius-m;\n}\n::v-deep .v-card {\n  .v-card__title {\n    border-bottom: 1px solid $color-border;\n    padding: $spacing-xl;\n\n    h1 {\n      @include heading-small;\n      color: $color-text-secondary;\n    }\n  }\n  .v-card__actions {\n    border-top: 1px solid $color-border;\n    padding: $spacing-l $spacing-xl;\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!./DfModal.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!./DfModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DfModal.vue?vue&type=template&id=1486a9b8&scoped=true\"\nimport script from \"./DfModal.vue?vue&type=script&lang=js\"\nexport * from \"./DfModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./DfModal.vue?vue&type=style&index=0&id=1486a9b8&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  \"1486a9b8\",\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!./DfModal.vue?vue&type=style&index=0&id=1486a9b8&prod&lang=scss&scoped=true\""],"sourceRoot":""}