{"version":3,"sources":["webpack:///./src/views/extensions/sweet-alert/code.js","webpack:///./node_modules/bootstrap-vue/esm/components/card/card-text.js","webpack:///./src/views/extensions/sweet-alert/SweetAlertTypes.vue?a917","webpack:///src/views/extensions/sweet-alert/SweetAlertTypes.vue","webpack:///./src/views/extensions/sweet-alert/SweetAlertTypes.vue?f104","webpack:///./src/views/extensions/sweet-alert/SweetAlertTypes.vue"],"names":["codeBasic","codePosition","codeAnimation","codeTypes","codeOptions","codeConfirm","props","textTag","BCardText","extend","name","functional","render","h","_ref","data","children","staticClass","_vm","this","_h","$createElement","_c","_self","attrs","scopedSlots","_u","key","fn","_v","_s","proxy","directives","rawName","value","expression","modifiers","on","success","error","warning","info","staticRenderFns","components","BCardCode","BButton","Ripple","methods","$swal","title","text","icon","customClass","confirmButton","buttonsStyling","component"],"mappings":"gHAAA,4MAAO,IAAMA,EAAY,snFAgHZC,EAAe,+2EA8GfC,EAAgB,qsFAmIhBC,EAAY,gkEAyGZC,EAAc,4zGA4IdC,EAAc,6mF,kCCtlB3B,kGAKWC,EAAQ,eAAsB,CACvCC,QAAS,eAAS,OAAkB,MACnC,QAGQC,EAAyB,aAAIC,OAAO,CAC7CC,KAAM,OACNC,YAAY,EACZL,MAAOA,EACPM,OAAQ,SAAgBC,EAAGC,GACzB,IAAIR,EAAQQ,EAAKR,MACbS,EAAOD,EAAKC,KACZC,EAAWF,EAAKE,SACpB,OAAOH,EAAEP,EAAMC,QAAS,eAAUQ,EAAM,CACtCE,YAAa,cACXD,O,yCCpBR,IAAIJ,EAAS,WAAa,IAAIM,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQ,SAASC,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACV,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIf,WAAW,OAAO4B,OAAM,MAAS,CAACT,EAAG,cAAc,CAACJ,EAAIW,GAAG,+TAA2UP,EAAG,MAAM,CAACL,YAAY,uBAAuB,CAACK,EAAG,WAAW,CAACU,WAAW,CAAC,CAACtB,KAAK,SAASuB,QAAQ,eAAeC,MAAM,2BAA6BC,WAAW,6BAA6BC,UAAU,CAAC,KAAM,KAAQZ,MAAM,CAAC,QAAU,mBAAmBa,GAAG,CAAC,MAAQnB,EAAIoB,UAAU,CAACpB,EAAIW,GAAG,eAAeP,EAAG,WAAW,CAACU,WAAW,CAAC,CAACtB,KAAK,SAASuB,QAAQ,eAAeC,MAAM,0BAA4BC,WAAW,4BAA4BC,UAAU,CAAC,KAAM,KAAQZ,MAAM,CAAC,QAAU,kBAAkBa,GAAG,CAAC,MAAQnB,EAAIqB,QAAQ,CAACrB,EAAIW,GAAG,aAAaP,EAAG,WAAW,CAACU,WAAW,CAAC,CAACtB,KAAK,SAASuB,QAAQ,eAAeC,MAAM,2BAA6BC,WAAW,6BAA6BC,UAAU,CAAC,KAAM,KAAQZ,MAAM,CAAC,QAAU,mBAAmBa,GAAG,CAAC,MAAQnB,EAAIsB,UAAU,CAACtB,EAAIW,GAAG,eAAeP,EAAG,WAAW,CAACU,WAAW,CAAC,CAACtB,KAAK,SAASuB,QAAQ,eAAeC,MAAM,0BAA4BC,WAAW,4BAA4BC,UAAU,CAAC,KAAM,KAAQZ,MAAM,CAAC,QAAU,gBAAgBa,GAAG,CAAC,MAAQnB,EAAIuB,OAAO,CAACvB,EAAIW,GAAG,aAAa,IAAI,IACjmDa,EAAkB,G,4DCiDP,GACfC,WAAA,CACAC,iBACApC,iBACAqC,gBAEAb,WAAA,CACAc,eAEA/B,KAAA,WACA,OACAZ,mBAGA4C,QAAA,CAGAT,QAAA,WACA,KAAAU,MAAA,CACAC,MAAA,YACAC,KAAA,0BACAC,KAAA,UACAC,YAAA,CACAC,cAAA,mBAEAC,gBAAA,KAKAf,MAAA,WACA,KAAAS,MAAA,CACAC,MAAA,SACAC,KAAA,2BACAC,KAAA,QACAC,YAAA,CACAC,cAAA,mBAEAC,gBAAA,KAKAd,QAAA,WACA,KAAAQ,MAAA,CACAC,MAAA,WACAC,KAAA,2BACAC,KAAA,UACAC,YAAA,CACAC,cAAA,mBAEAC,gBAAA,KAKAb,KAAA,WACA,KAAAO,MAAA,CACAC,MAAA,QACAC,KAAA,0BACAC,KAAA,OACAC,YAAA,CACAC,cAAA,mBAEAC,gBAAA,OClHuX,I,YCOnXC,EAAY,eACd,EACA3C,EACA8B,GACA,EACA,KACA,KACA,MAIa,aAAAa,E","file":"js/chunk-7e06b419.bf520311.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","import { Vue, mergeData } from '../../vue';\nimport { NAME_CARD_TEXT } from '../../constants/components';\nimport { PROP_TYPE_STRING } from '../../constants/props';\nimport { makeProp, makePropsConfigurable } from '../../utils/props'; // --- Props ---\n\nexport var props = makePropsConfigurable({\n  textTag: makeProp(PROP_TYPE_STRING, 'p')\n}, NAME_CARD_TEXT); // --- Main component ---\n// @vue/component\n\nexport var BCardText = /*#__PURE__*/Vue.extend({\n  name: NAME_CARD_TEXT,\n  functional: true,\n  props: props,\n  render: function render(h, _ref) {\n    var props = _ref.props,\n        data = _ref.data,\n        children = _ref.children;\n    return h(props.textTag, mergeData(data, {\n      staticClass: 'card-text'\n    }), children);\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\":\"Types\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeTypes)+\" \")]},proxy:true}])},[_c('b-card-text',[_vm._v(\" The type of the modal. SweetAlert comes with 4 built-in types which will show a corresponding icon animation: \\\"success\\\", \\\"error\\\", \\\"warning\\\" and \\\"info\\\". You can also set it as \\\"input\\\" to get a prompt modal. It can either be put in the object under the key \\\"icon\\\" or passed as the third parameter of the function. \")]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(40, 199, 111, 0.15)'),expression:\"'rgba(40, 199, 111, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-success\"},on:{\"click\":_vm.success}},[_vm._v(\" Success \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(234, 84, 85, 0.15)'),expression:\"'rgba(234, 84, 85, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-danger\"},on:{\"click\":_vm.error}},[_vm._v(\" Error \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 159, 67, 0.15)'),expression:\"'rgba(255, 159, 67, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-warning\"},on:{\"click\":_vm.warning}},[_vm._v(\" Warning \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(0, 207, 232, 0.15)'),expression:\"'rgba(0, 207, 232, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-info\"},on:{\"click\":_vm.info}},[_vm._v(\" Info \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card-code title=\"Types\">\n    <b-card-text>\n      The type of the modal. SweetAlert comes with 4 built-in types which will show a corresponding icon animation: \"success\", \"error\", \"warning\" and \"info\". You can also set it as \"input\" to get a prompt modal. It can either be put in the object under the key \"icon\" or passed as the third parameter of the function.\n    </b-card-text>\n\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\n    <template #code>\n      {{ codeTypes }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\nimport { BCardText, BButton } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport { codeTypes } from './code'\n\nexport default {\n  components: {\n    BCardCode,\n    BCardText,\n    BButton,\n  },\n  directives: {\n    Ripple,\n  },\n  data() {\n    return {\n      codeTypes,\n    }\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","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!./SweetAlertTypes.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!./SweetAlertTypes.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SweetAlertTypes.vue?vue&type=template&id=9c4b0d0e&\"\nimport script from \"./SweetAlertTypes.vue?vue&type=script&lang=js&\"\nexport * from \"./SweetAlertTypes.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":""}