{"version":3,"sources":["webpack:///./src/components/modals/drag-confirmation-modal.vue?6f36","webpack:///src/components/modals/drag-confirmation-modal.vue","webpack:///./src/components/modals/drag-confirmation-modal.vue?af94","webpack:///./src/components/modals/drag-confirmation-modal.vue","webpack:///./src/components/modals/drag-confirmation-modal.vue?bbf4"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","on","close","slot","staticClass","_v","_s","textContent","main","cancelButton","confirm","confirmButton","_e","staticRenderFns","components","props","computed","toWorkout","dragModalCtx","targetedDataClone","day","workouts","fromWorkout","destinationDataClone","label","methods","setDragModalCtx","$bvModal","hide","e","component"],"mappings":"gIAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,GAAK,0BAA0B,SAAW,GAAG,eAAc,GAAMC,GAAG,CAAC,MAAQP,EAAIQ,QAAQ,CAAER,EAAgB,aAAEI,EAAG,WAAW,CAACK,KAAK,WAAW,CAACL,EAAG,MAAM,CAACA,EAAG,IAAI,CAACM,YAAY,mBAAmB,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,YAAYC,SAASV,EAAG,MAAM,CAACM,YAAY,WAAW,CAACN,EAAG,aAAa,CAACM,YAAY,0BAA0BH,GAAG,CAAC,MAAQP,EAAIQ,QAAQ,CAACR,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIa,YAAYE,cAAc,OAAOX,EAAG,aAAa,CAACM,YAAY,wBAAwBH,GAAG,CAAC,MAAQP,EAAIgB,UAAU,CAACZ,EAAG,MAAM,CAACE,MAAM,CAAC,MAAQ,KAAK,OAAS,KAAK,QAAU,YAAY,KAAO,OAAO,MAAQ,6BAA6B,aAAa,GAAG,KAAO,eAAe,UAAY,QAAQ,SAAW,OAAO,CAACF,EAAG,OAAO,CAACE,MAAM,CAAC,YAAY,UAAU,YAAY,UAAU,EAAI,iRAAiR,KAAO,eAAeN,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIa,YAAYI,eAAe,QAAQ,OAAOjB,EAAIkB,MAAM,IACrsCC,EAAkB,G,YCEtB,GACEC,WAAY,GACZC,MAAO,GACP,OACE,MAAO,IAETC,SAAU,IACZ,OACI,cACE,MAAMC,EAAYtB,KAAKuB,aAAaC,kBAAkBC,IAAIC,SAAS,GAC7DC,EAAc3B,KAAKuB,aAAaK,qBAAqBH,IACjE,YACM,MAAO,CACLZ,KAAM,0BAA0Bc,EAAYE,cAAcP,EAAUO,SACpEb,cAAe,uBACfF,aAAc,uBAIpB,YACAgB,QAAS,IACX,OACI,sBACQ9B,KAAK+B,gBAAgB,IAAK/B,KAAKuB,aAA3C,aACMvB,KAAKgC,SAASC,KAAK,4BAErB,MAAMC,GACJlC,KAAK+B,gBAAgB,MACrB/B,KAAKgC,SAASC,KAAK,8BC/BqZ,I,wBCQ1aE,EAAY,eACd,EACArC,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAiB,E,kECnBf","file":"js/DragConfirmationModal.275003c1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{attrs:{\"id\":\"drag-confirmation-modal\",\"centered\":\"\",\"hide-footer\":true},on:{\"close\":_vm.close}},[(_vm.dragModalCtx)?_c('template',{slot:\"default\"},[_c('div',[_c('p',{staticClass:\"modal-text-main\"},[_vm._v(_vm._s(_vm.textContent.main))]),_c('div',{staticClass:\"actions\"},[_c('BaseButton',{staticClass:\"btn-secondary btn-round\",on:{\"click\":_vm.close}},[_vm._v(\" \"+_vm._s(_vm.textContent.cancelButton)+\" \")]),_c('BaseButton',{staticClass:\"btn-primary btn-round\",on:{\"click\":_vm.confirm}},[_c('svg',{attrs:{\"width\":\"22\",\"height\":\"26\",\"viewBox\":\"0 0 22 26\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"svg-inline\":'',\"role\":'presentation',\"focusable\":'false',\"tabindex\":'-1'}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M15.876.4H2.296C1.053.4.034 1.43.034 2.69v16.037h2.264V2.691h13.579V.4zm3.394 4.582H6.823c-1.245 0-2.263 1.03-2.263 2.29V23.31c0 1.26 1.018 2.291 2.263 2.291H19.27c1.245 0 2.264-1.03 2.264-2.29V7.272c0-1.26-1.019-2.291-2.264-2.291zM6.823 23.309H19.27V7.273H6.823v16.036z\",\"fill\":\"#2F70DE\"}})]),_vm._v(\" \"+_vm._s(_vm.textContent.confirmButton)+\" \")])],1)])]):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { clientProgramComputed, clientProgramMethods } from '@state/helpers';\n\nexport default {\n  components: {},\n  props: {},\n  data() {\n    return {};\n  },\n  computed: {\n    ...clientProgramComputed,\n    textContent() {\n      const toWorkout = this.dragModalCtx.targetedDataClone.day.workouts[0];\n      const fromWorkout = this.dragModalCtx.destinationDataClone.day\n        .workouts[0];\n      return {\n        main: `Do you want to replace ${fromWorkout.label} with ${toWorkout.label}?`,\n        confirmButton: 'Yes, Replace Workout',\n        cancelButton: 'No, Don’t Replace',\n      };\n    },\n  },\n  mounted() {},\n  methods: {\n    ...clientProgramMethods,\n    async confirm() {\n      await this.setDragModalCtx({ ...this.dragModalCtx, confirm: true });\n      this.$bvModal.hide('drag-confirmation-modal');\n    },\n    close(e) {\n      this.setDragModalCtx(null);\n      this.$bvModal.hide('drag-confirmation-modal');\n    },\n  },\n};\n</script>\n\n<template class=\"modal-confirmation\">\n  <b-modal\n    id=\"drag-confirmation-modal\"\n    centered\n    :hide-footer=\"true\"\n    @close=\"close\"\n  >\n    <template v-if=\"dragModalCtx\" slot=\"default\">\n      <div>\n        <p class=\"modal-text-main\">{{ textContent.main }}</p>\n        <div class=\"actions\">\n          <BaseButton class=\"btn-secondary btn-round\" @click=\"close\">\n            {{ textContent.cancelButton }}\n          </BaseButton>\n          <BaseButton class=\"btn-primary btn-round\" @click=\"confirm\">\n            <svg width=\"22\" height=\"26\" viewBox=\"0 0 22 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" v-bind:svg-inline=\"''\" v-bind:role=\"'presentation'\" v-bind:focusable=\"'false'\" v-bind:tabindex=\"'-1'\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.876.4H2.296C1.053.4.034 1.43.034 2.69v16.037h2.264V2.691h13.579V.4zm3.394 4.582H6.823c-1.245 0-2.263 1.03-2.263 2.29V23.31c0 1.26 1.018 2.291 2.263 2.291H19.27c1.245 0 2.264-1.03 2.264-2.29V7.272c0-1.26-1.019-2.291-2.264-2.291zM6.823 23.309H19.27V7.273H6.823v16.036z\" fill=\"#2F70DE\"/></svg>\n            {{ textContent.confirmButton }}\n          </BaseButton>\n        </div>\n      </div>\n    </template>\n  </b-modal>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '@design';\n// stylelint-disable selector-pseudo-element-no-unknown\n\n.modal-dialog > .modal-content {\n  .modal-text-main {\n    color: $color-black-one;\n    font-size: 28px;\n    font-style: normal;\n    font-weight: 900;\n    letter-spacing: -0.233333px;\n    line-height: 28px;\n    margin-left: 3rem;\n    margin-right: 3rem;\n    margin-top: 2rem;\n    text-align: center;\n  }\n  .modal-text-second {\n    color: $color-black-one;\n    font-size: 18px;\n    font-weight: 800;\n    letter-spacing: -0.233333px;\n    text-align: center;\n  }\n  .modal-text-third {\n    color: $color-black-one;\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: -0.233333px;\n    text-align: center;\n  }\n  .actions {\n    display: flex;\n    justify-content: space-around;\n    padding-bottom: 2rem;\n    padding-top: 2rem;\n    .button {\n      align-items: center;\n      display: flex;\n      height: 4rem;\n      justify-content: center;\n    }\n    svg {\n      margin-right: 1rem;\n      path {\n        fill: white;\n      }\n    }\n  }\n  .error {\n    color: red;\n  }\n}\n\n::v-deep .modal-dialog {\n  min-width: 40%;\n  .modal-content {\n    background: $color-white;\n    border-radius: 12px !important;\n    box-shadow: 0 4px 8px rgba($color-black-wo-rgb, 0.08);\n  }\n}\n\n::v-deep .modal {\n  .modal-header {\n    background-color: white;\n    border-bottom: none;\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n    padding: 4rem 4rem 0;\n\n    .close {\n      color: black;\n    }\n\n    .modal-title {\n      color: black;\n    }\n  }\n\n  .modal-body {\n    padding: 0 3.3rem 1.5rem;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/vue-svg-inline-loader/dist/index.min.js!./drag-confirmation-modal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/vue-svg-inline-loader/dist/index.min.js!./drag-confirmation-modal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./drag-confirmation-modal.vue?vue&type=template&id=2df8c0f1&scoped=true&class=modal-confirmation&\"\nimport script from \"./drag-confirmation-modal.vue?vue&type=script&lang=js&\"\nexport * from \"./drag-confirmation-modal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./drag-confirmation-modal.vue?vue&type=style&index=0&id=2df8c0f1&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  \"2df8c0f1\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/vue-svg-inline-loader/dist/index.min.js!./drag-confirmation-modal.vue?vue&type=style&index=0&id=2df8c0f1&lang=scss&scoped=true&\""],"sourceRoot":""}