{"version":3,"sources":["webpack:///./src/views/extensions/sweet-alert/code.js","webpack:///./src/views/extensions/sweet-alert/SweetAlertConfirmOption.vue?ed18","webpack:///src/views/extensions/sweet-alert/SweetAlertConfirmOption.vue","webpack:///./src/views/extensions/sweet-alert/SweetAlertConfirmOption.vue?296f","webpack:///./src/views/extensions/sweet-alert/SweetAlertConfirmOption.vue"],"names":["codeBasic","codePosition","codeAnimation","codeTypes","codeOptions","codeConfirm","render","_vm","this","_h","$createElement","_c","_self","attrs","scopedSlots","_u","key","fn","_v","_s","proxy","staticClass","directives","name","rawName","value","expression","modifiers","on","confirmText","confirmButtonColor","staticRenderFns","components","BButton","BCardCode","Ripple","data","methods","$swal","title","text","icon","showCancelButton","confirmButtonText","customClass","confirmButton","cancelButton","buttonsStyling","then","result","component"],"mappings":"iIAAA,8QAAO,IAAMA,EAAY,snFAgHZC,EAAe,+2EA8GfC,EAAgB,qsFAmIhBC,EAAY,gkEAyGZC,EAAc,4zGA4IdC,EAAc,6mF,yCCtlB3B,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQ,mBAAmBC,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACV,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIF,aAAa,OAAOe,OAAM,MAAS,CAACT,EAAG,MAAM,CAACU,YAAY,uBAAuB,CAACV,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIW,GAAG,yBAAyBP,EAAG,WAAW,CAACW,WAAW,CAAC,CAACC,KAAK,SAASC,QAAQ,eAAeC,MAAM,4BAA8BC,WAAW,8BAA8BC,UAAU,CAAC,KAAM,KAAQd,MAAM,CAAC,QAAU,mBAAmBe,GAAG,CAAC,MAAQrB,EAAIsB,cAAc,CAACtB,EAAIW,GAAG,qBAAqB,GAAGP,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIW,GAAG,yBAAyBP,EAAG,WAAW,CAACW,WAAW,CAAC,CAACC,KAAK,SAASC,QAAQ,eAAeC,MAAM,4BAA8BC,WAAW,8BAA8BC,UAAU,CAAC,KAAM,KAAQd,MAAM,CAAC,QAAU,mBAAmBe,GAAG,CAAC,MAAQrB,EAAIuB,qBAAqB,CAACvB,EAAIW,GAAG,6BAA6B,QACl7Ba,EAAkB,G,gDCsCP,GACbC,WAAYA,CACVC,QAAJA,OACIC,UAAJA,QAEEZ,WAAYA,CACVa,OAAJA,QAEEC,KARF,WASI,MAAO,CACL/B,YAANA,mBAGEgC,QAASA,CAEPR,YAFJ,WAEA,WACMrB,KAAK8B,MAAM,CACTC,MAAOA,gBACPC,KAAMA,oCACNC,KAAMA,UACNC,kBAAkBA,EAClBC,kBAAmBA,kBACnBC,YAAaA,CACXC,cAAeA,kBACfC,aAAcA,+BAEhBC,gBAAgBA,IACxBC,MAAA,YACYC,EAAOxB,OACT,EAAV,OACYgB,KAAMA,UACNF,MAAOA,WACPC,KAAMA,8BACNI,YAAaA,CACXC,cAAeA,yBAQzBf,mBA7BJ,WA6BA,WACMtB,KAAK8B,MAAM,CACTC,MAAOA,gBACPC,KAAMA,oCACNC,KAAMA,UACNC,kBAAkBA,EAClBC,kBAAmBA,kBACnBC,YAAaA,CACXC,cAAeA,kBACfC,aAAcA,+BAEhBC,gBAAgBA,IACxBC,MAAA,YACYC,EAAOxB,MACT,EAAV,OACYgB,KAAMA,UACNF,MAAOA,WACPC,KAAMA,8BACNI,YAAaA,CACXC,cAAeA,qBAG7B,sBACU,EAAV,OACYN,MAAOA,YACPC,KAAMA,iCACNC,KAAMA,QACNG,YAAaA,CACXC,cAAeA,2BC7GkW,I,YCO3XK,EAAY,eACd,EACA5C,EACAyB,GACA,EACA,KACA,KACA,MAIa,aAAAmB,E","file":"js/chunk-7f36cce2.ea6a4448.js","sourcesContent":["export const codeBasic = `\n<template>\n  <!-- trigger buttons -->\n  <div class=\"demo-inline-spacing\">\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"showAlert\"\n    >\n      Basic\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"withTitle\"\n    >\n      With Title\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"withFooter\"\n    >\n      With Footer\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"withHtml\"\n    >\n      HTML\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport {  BButton } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n  },\n  directives: {\n    Ripple,\n  },\n  methods: {\n\n    // basic\n    showAlert() {\n      this.$swal({\n        title: 'Any fool can use a computer',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        buttonsStyling: false,\n      })\n    },\n\n    // whith title\n    withTitle() {\n      this.$swal({\n        title: 'The Internet?,',\n        text: 'That thing is still around?',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        buttonsStyling: false,\n      })\n    },\n\n    // with footer\n    withFooter() {\n      this.$swal({\n        icon: 'error',\n        title: 'Oops...',\n        text: 'Something went wrong!',\n        footer: '<a href=\"javascript:void(0)\">Why do I have this issue?</a>',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        buttonsStyling: false,\n      })\n    },\n\n    // with html\n    withHtml() {\n      this.$swal({\n        title: '<span class=\"font-weight-bolder\">HTML <u>example</u></span>',\n        icon: 'info',\n        html:\n          'You can use <span class=\"font-weight-bolder\">bold text</span>, '\n          + '<a href=\"https://pixinvent.com/\" target=\"_blank\">links</a> '\n          + 'and other HTML tags',\n        showCloseButton: true,\n        showCancelButton: true,\n        focusConfirm: false,\n        confirmButtonText: 'Great!',\n        confirmButtonAriaLabel: 'Thumbs up, great!',\n        cancelButtonAriaLabel: 'Thumbs down',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n          cancelButton: 'btn btn-outline-danger ml-1',\n        },\n        buttonsStyling: false,\n      })\n    },\n  },\n}\n</script>\n`\n\nexport const codePosition = `\n<template>\n  <!-- trigger button -->\n  <div class=\"demo-inline-spacing\">\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"topStart\"\n    >\n      Top Start\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"topEnd\"\n    >\n      Top End\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"bottomStart\"\n    >\n      Bottom Starts\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"bottomEnd\"\n    >\n      Bottom End\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport { BButton } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n  },\n  directives: {\n    Ripple,\n  },\n  methods: {\n\n    // top start\n    topStart() {\n      this.$swal({\n        position: 'top-start',\n        icon: 'success',\n        title: 'Your work has been saved',\n        showConfirmButton: false,\n        timer: 1500,\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        buttonsStyling: false,\n      })\n    },\n    // top end\n    topEnd() {\n      this.$swal({\n        position: 'top-end',\n        icon: 'success',\n        title: 'Your work has been saved',\n        showConfirmButton: false,\n        timer: 1500,\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        buttonsStyling: false,\n      })\n    },\n    // bottom start\n    bottomStart() {\n      this.$swal({\n        position: 'bottom-start',\n        icon: 'success',\n        title: 'Your work has been saved',\n        showConfirmButton: false,\n        timer: 1500,\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        buttonsStyling: false,\n      })\n    },\n\n    // bottom end\n    bottomEnd() {\n      this.$swal({\n        position: 'bottom-end',\n        icon: 'success',\n        title: 'Your work has been saved',\n        showConfirmButton: false,\n        timer: 1500,\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        buttonsStyling: false,\n      })\n    },\n  },\n}\n</script>\n`\n\nexport const codeAnimation = `\n<template>\n  <!-- trigger button -->\n  <div class=\"demo-inline-spacing\">\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"bounceIn\"\n    >\n      Bounce In\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"fadeIn\"\n    >\n      Fade In\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"flipIn\"\n    >\n      Flip In\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"tada\"\n    >\n      Tada\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"shake\"\n    >\n      Shake\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport {  BButton } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport 'animate.css'\n\nexport default {\n  components: {\n    BCardCode,\n    BButton,\n  },\n  directives: {\n    Ripple,\n  },\n  methods: {\n\n    // bounce in method\n    bounceIn() {\n      this.$swal({\n        title: 'Bounce In Animation',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        showClass: {\n          popup: 'animate__animated animate__bounceIn',\n        },\n        buttonsStyling: false,\n      })\n    },\n\n    // fade in\n    fadeIn() {\n      this.$swal({\n        title: 'Fade In Animation',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        showClass: {\n          popup: 'animate__animated animate__fadeIn',\n        },\n        buttonsStyling: false,\n      })\n    },\n\n    // flip in\n    flipIn() {\n      this.$swal({\n        title: 'Flip In Animation',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        showClass: {\n          popup: 'animate__animated animate__flipInX',\n        },\n        buttonsStyling: false,\n      })\n    },\n\n    // tada\n    tada() {\n      this.$swal({\n        title: 'Tada Animation',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        showClass: {\n          popup: 'animate__animated animate__tada',\n        },\n        buttonsStyling: false,\n      })\n    },\n\n    // shake\n    shake() {\n      this.$swal({\n        title: 'Shake Animation',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        showClass: {\n          popup: 'animate__animated animate__shakeX',\n        },\n        buttonsStyling: false,\n      })\n    },\n  },\n}\n</script>\n`\n\nexport const codeTypes = `\n<template>\n  <!-- trigger button -->\n  <div class=\"demo-inline-spacing\">\n    <b-button\n      v-ripple.400=\"'rgba(40, 199, 111, 0.15)'\"\n      variant=\"outline-success\"\n      @click=\"success\"\n    >\n      Success\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(234, 84, 85, 0.15)'\"\n      variant=\"outline-danger\"\n      @click=\"error\"\n    >\n      Error\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\n      variant=\"outline-warning\"\n      @click=\"warning\"\n    >\n      Warning\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(0, 207, 232, 0.15)'\"\n      variant=\"outline-info\"\n      @click=\"info\"\n    >\n      Info\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport {  BButton } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BCardCode,\n    BButton,\n  },\n  directives: {\n    Ripple,\n  },\n  methods: {\n\n    // success\n    success() {\n      this.$swal({\n        title: 'Good job!',\n        text: 'You clicked the button!',\n        icon: 'success',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        buttonsStyling: false,\n      })\n    },\n\n    // error\n    error() {\n      this.$swal({\n        title: 'Error!',\n        text: ' You clicked the button!',\n        icon: 'error',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        buttonsStyling: false,\n      })\n    },\n\n    // warning\n    warning() {\n      this.$swal({\n        title: 'Warning!',\n        text: ' You clicked the button!',\n        icon: 'warning',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        buttonsStyling: false,\n      })\n    },\n\n    // info\n    info() {\n      this.$swal({\n        title: 'Info!',\n        text: 'You clicked the button!',\n        icon: 'info',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        buttonsStyling: false,\n      })\n    },\n  },\n}\n</script>\n`\n\nexport const codeOptions = `\n<template>\n  <!-- trigger button -->\n  <div class=\"demo-inline-spacing\">\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"customImage\"\n    >\n      Custom Image\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"autoClose\"\n    >\n      Auto Close\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"clickOutside\"\n    >\n      Click Outside\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"ajax\"\n    >\n      Ajax\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport { BButton } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n  },\n  directives: {\n    Ripple,\n  },\n  data() {\n    return {\n      timerInterval: null,\n    }\n  },\n  methods: {\n\n    // custom image\n    customImage() {\n      this.$swal({\n        title: 'Sweet!',\n        text: 'Modal with a custom image.',\n        // eslint-disable-next-line global-require\n        imageUrl: require('@/assets/images/slider/04.jpg'),\n        imageWidth: 400,\n        imageHeight: 200,\n        imageAlt: 'Custom image',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        buttonsStyling: false,\n      })\n    },\n\n    // auto close\n    autoClose() {\n      this.$swal({\n        title: 'Auto close alert!',\n        html: 'I will close in <strong>3</strong> seconds.',\n        timer: 3000,\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        buttonsStyling: false,\n      })\n    },\n\n    // click out side\n    clickOutside() {\n      this.$swal({\n        title: 'Click outside to close!',\n        text: 'This is a cool message!',\n        allowOutsideClick: true,\n        customClass: {\n          confirmButton: 'btn btn-primary',\n        },\n        buttonsStyling: false,\n      })\n    },\n\n    // ajax\n    ajax() {\n      this.$swal({\n        title: 'Search for a user',\n        input: 'text',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n          cancelButton: 'btn btn-outline-danger ml-1',\n        },\n        buttonsStyling: false,\n        inputAttributes: {\n          autocapitalize: 'off',\n        },\n        showCancelButton: true,\n        confirmButtonText: 'Look up',\n        showLoaderOnConfirm: true,\n        preConfirm(login) {\n          if (!login) return null\n          return fetch(\\`//api.github.com/users/\\${login}\\`)\n            .then(response => {\n              if (!response.ok) {\n                throw new Error(response.statusText)\n              }\n              return response.json()\n            })\n            .catch(error => {\n              this.$swal.showValidationMessage(\\`Request failed:  \\${error}\\`)\n            })\n        },\n      }).then(result => {\n        if (result.value) {\n          this.$swal({\n            title: \\`\\${result.value.login}'s avatar\\`,\n            imageUrl: result.value.avatar_url,\n            customClass: { confirmButton: 'btn btn-primary' },\n          })\n        }\n      })\n    },\n  },\n}\n</script>\n`\n\nexport const codeConfirm = `\n<template>\n  <!-- trigger buttons -->\n  <div class=\"demo-inline-spacing\">\n    <div>\n      <h5>Confirm Button Text</h5>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n        @click=\"confirmText\"\n      >\n        Confirm Text\n      </b-button>\n    </div>\n    <div>\n      <h5>Confirm Button Text</h5>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n        @click=\"confirmButtonColor\"\n      >\n        Confirm Button Color\n      </b-button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { BButton } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n  },\n  directives: {\n    Ripple,\n  },\n  methods: {\n    // confirm texrt\n    confirmText() {\n      this.$swal({\n        title: 'Are you sure?',\n        text: \"You won't be able to revert this!\",\n        icon: 'warning',\n        showCancelButton: true,\n        confirmButtonText: 'Yes, delete it!',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n          cancelButton: 'btn btn-outline-danger ml-1',\n        },\n        buttonsStyling: false,\n      }).then(result => {\n        if (result.value) {\n          this.$swal({\n            icon: 'success',\n            title: 'Deleted!',\n            text: 'Your file has been deleted.',\n            customClass: {\n              confirmButton: 'btn btn-success',\n            },\n          })\n        }\n      })\n    },\n\n    // comfirm button color\n    confirmButtonColor() {\n      this.$swal({\n        title: 'Are you sure?',\n        text: \"You won't be able to revert this!\",\n        icon: 'warning',\n        showCancelButton: true,\n        confirmButtonText: 'Yes, delete it!',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n          cancelButton: 'btn btn-outline-danger ml-1',\n        },\n        buttonsStyling: false,\n      }).then(result => {\n        if (result.value) {\n          this.$swal({\n            icon: 'success',\n            title: 'Deleted!',\n            text: 'Your file has been deleted.',\n            customClass: {\n              confirmButton: 'btn btn-success',\n            },\n          })\n        } else if (result.dismiss === 'cancel') {\n          this.$swal({\n            title: 'Cancelled',\n            text: 'Your imaginary file is safe :)',\n            icon: 'error',\n            customClass: {\n              confirmButton: 'btn btn-success',\n            },\n          })\n        }\n      })\n    },\n  },\n}\n</script>\n`\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Confirm Options\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeConfirm)+\" \")]},proxy:true}])},[_c('div',{staticClass:\"demo-inline-spacing\"},[_c('div',[_c('h5',[_vm._v(\"Confirm Button Text\")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"},on:{\"click\":_vm.confirmText}},[_vm._v(\" Confirm Text \")])],1),_c('div',[_c('h5',[_vm._v(\"Confirm Button Text\")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"},on:{\"click\":_vm.confirmButtonColor}},[_vm._v(\" Confirm Button Color \")])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card-code title=\"Confirm Options\">\n\n    <!-- trigger buttons -->\n    <div class=\"demo-inline-spacing\">\n      <div>\n        <h5>Confirm Button Text</h5>\n        <b-button\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n          variant=\"outline-primary\"\n          @click=\"confirmText\"\n        >\n          Confirm Text\n        </b-button>\n      </div>\n      <div>\n        <h5>Confirm Button Text</h5>\n        <b-button\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n          variant=\"outline-primary\"\n          @click=\"confirmButtonColor\"\n        >\n          Confirm Button Color\n        </b-button>\n      </div>\n    </div>\n\n    <template #code>\n      {{ codeConfirm }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\nimport { BButton } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport { codeConfirm } from './code'\n\nexport default {\n  components: {\n    BButton,\n    BCardCode,\n  },\n  directives: {\n    Ripple,\n  },\n  data() {\n    return {\n      codeConfirm,\n    }\n  },\n  methods: {\n    // confirm texrt\n    confirmText() {\n      this.$swal({\n        title: 'Are you sure?',\n        text: \"You won't be able to revert this!\",\n        icon: 'warning',\n        showCancelButton: true,\n        confirmButtonText: 'Yes, delete it!',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n          cancelButton: 'btn btn-outline-danger ml-1',\n        },\n        buttonsStyling: false,\n      }).then(result => {\n        if (result.value) {\n          this.$swal({\n            icon: 'success',\n            title: 'Deleted!',\n            text: 'Your file has been deleted.',\n            customClass: {\n              confirmButton: 'btn btn-success',\n            },\n          })\n        }\n      })\n    },\n\n    // comfirm button color\n    confirmButtonColor() {\n      this.$swal({\n        title: 'Are you sure?',\n        text: \"You won't be able to revert this!\",\n        icon: 'warning',\n        showCancelButton: true,\n        confirmButtonText: 'Yes, delete it!',\n        customClass: {\n          confirmButton: 'btn btn-primary',\n          cancelButton: 'btn btn-outline-danger ml-1',\n        },\n        buttonsStyling: false,\n      }).then(result => {\n        if (result.value) {\n          this.$swal({\n            icon: 'success',\n            title: 'Deleted!',\n            text: 'Your file has been deleted.',\n            customClass: {\n              confirmButton: 'btn btn-success',\n            },\n          })\n        } else if (result.dismiss === 'cancel') {\n          this.$swal({\n            title: 'Cancelled',\n            text: 'Your imaginary file is safe :)',\n            icon: 'error',\n            customClass: {\n              confirmButton: 'btn btn-success',\n            },\n          })\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!./SweetAlertConfirmOption.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!./SweetAlertConfirmOption.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SweetAlertConfirmOption.vue?vue&type=template&id=2951a30f&\"\nimport script from \"./SweetAlertConfirmOption.vue?vue&type=script&lang=js&\"\nexport * from \"./SweetAlertConfirmOption.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"],"sourceRoot":""}