{"version":3,"file":"bitts-BittsModal-BXT1aGjx.js","sources":["../../../packages/bitts/src/BittsModal/BittsModal.vue"],"sourcesContent":["<template>\n  <Modal\n    wrap-class-name=\"c-bitts-modal\"\n    :open=\"visible\"\n    :width=\"width\"\n    :z-index=\"1035\"\n    :keyboard=\"useKeyboardToClose\"\n    :mask-closable=\"useMaskToClose\"\n    :destroy-on-close=\"destroyOnClose\"\n    :class=\"modalClass\"\n    @cancel=\"onClosedHandler\"\n    @ok=\"onSaveHandler\"\n  >\n    <BittsLoading\n      :is-loading=\"loading\"\n      :loading-container-class=\"loadingContainerClasses\"\n      :label=\"loadingLabel\"\n    >\n      <div>\n        <header\n          v-if=\"showHeader\"\n          class=\"c-bitts-modal__header\"\n          :class=\"{\n            'c-bitts-modal__divider': showDivider,\n          }\"\n        >\n          <div\n            v-if=\"showCloseButton\"\n            class=\"c-bitts-modal__close-button\"\n            @click=\"onClosedHandler\"\n          >\n            <FontAwesomeIcon\n              :icon=\"['fak', 'x']\"\n              :style=\"{ height: '20px', width: '20px' }\"\n            />\n          </div>\n          <div class=\"flex justify-between items-center\">\n            <slot name=\"title\">\n              <h1 v-if=\"title\" class=\"c-bitts-modal__title\">\n                {{ title }}\n                <slot name=\"suffix\" />\n              </h1>\n            </slot>\n          </div>\n          <div v-if=\"$slots.subtitle\" class=\"text-neutral-600 text-base mt-8\">\n            <slot name=\"subtitle\" />\n          </div>\n        </header>\n        <section\n          class=\"c-bitts-modal__content\"\n          :class=\"{\n            'p-0': noPadding,\n          }\"\n        >\n          <slot name=\"content\">\n            <p class=\"text-neutral-500\">\n              {{ contentText }}\n            </p>\n          </slot>\n        </section>\n        <slot name=\"footer\">\n          <footer v-if=\"showButtons && !loading\" class=\"c-bitts-modal__buttons\">\n            <div class=\"c-bitts-modal__buttons--wrapper\">\n              <BittsButton\n                v-if=\"deleteButton?.text\"\n                type=\"danger\"\n                variant=\"ghost\"\n                size=\"large\"\n                class=\"mr-auto\"\n                data-testid=\"c-bitts-modal-delete-button\"\n                :text=\"deleteButton.text\"\n                @click=\"onDeleteButtonEmit\"\n              />\n              <component :is=\"cancelToolTip ? 'BittsTooltip' : 'div'\">\n                <div>\n                  <BittsButton\n                    v-if=\"showCancelButton\"\n                    :disabled=\"cancelDisabled\"\n                    :text=\"cancelText\"\n                    :type=\"cancelType\"\n                    :variant=\"cancelButtonType\"\n                    :loading=\"saving\"\n                    size=\"large\"\n                    class=\"justify-center hidden md:flex\"\n                    data-testid=\"c-bitts-modal-cancel-button\"\n                    @click=\"onCancelButtonEmit\"\n                  />\n                </div>\n                <template #title>\n                  <p>{{ cancelToolTip }}</p>\n                </template>\n              </component>\n\n              <component :is=\"saveToolTip ? 'BittsTooltip' : 'div'\">\n                <div>\n                  <BittsButton\n                    :disabled=\"disabled\"\n                    :text=\"saveText\"\n                    :type=\"confirmType\"\n                    :loading=\"saving\"\n                    size=\"large\"\n                    data-testid=\"c-bitts-modal-save-button\"\n                    class=\"c-bitts-modal__save\"\n                    @click=\"onSaveHandler\"\n                  />\n                </div>\n                <template #title>\n                  <p>{{ saveToolTip }}</p>\n                </template>\n              </component>\n            </div>\n          </footer>\n        </slot>\n      </div>\n    </BittsLoading>\n  </Modal>\n</template>\n\n<script>\nimport { useScreenSize } from '@crossbeam/pointbreak';\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';\nimport { Modal } from 'ant-design-vue';\n\nimport BittsButton from '../BittsButton/BittsButton.vue';\nimport BittsLoading from '../BittsLoading/BittsLoading.vue';\nimport BittsTooltip from '../BittsTooltip/BittsTooltip.vue';\n\nexport default {\n  name: 'BittsModal',\n  components: {\n    BittsButton,\n    BittsLoading,\n    BittsTooltip,\n    Modal,\n    FontAwesomeIcon,\n  },\n  inject: ['pointbreak'],\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    contentText: {\n      type: String,\n      default: '',\n    },\n    saveText: {\n      type: String,\n      default: 'Save',\n    },\n    cancelText: {\n      type: String,\n      default: 'Cancel',\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    cancelDisabled: {\n      type: Boolean,\n      default: false,\n    },\n    showCloseButton: {\n      type: Boolean,\n      default: true,\n    },\n    // loading is used for loading spinner in modal container\n    // i.e. the loading prop for our loading component\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n    // saving triggers async spinner in the Cancel and Save buttons\n    saving: {\n      type: Boolean,\n      default: false,\n    },\n    showButtons: {\n      type: Boolean,\n      default: true,\n    },\n    // Overrides cancel visiblity\n    showCancelButton: {\n      type: Boolean,\n      default: true,\n    },\n    showHeader: {\n      type: Boolean,\n      default: true,\n    },\n    noPadding: {\n      type: Boolean,\n      default: false,\n    },\n    visible: {\n      type: Boolean,\n      default: false,\n    },\n    showDivider: {\n      type: Boolean,\n      default: false,\n    },\n    // Be default, x'ing, pressing escape or hitting the cancel button will all emit the same value\n    // Setting this to true will trigger the cancel button to emit a more explicte 'cancelled' value\n    useCancelButtonEmitter: {\n      type: Boolean,\n      default: false,\n    },\n    // controls if ESC key can close modal\n    useKeyboardToClose: {\n      type: Boolean,\n      default: true,\n    },\n    // controls if clicking outside of modal can close modal\n    useMaskToClose: {\n      type: Boolean,\n      default: true,\n    },\n    cancelToolTip: {\n      type: String,\n      default: '',\n      required: false,\n    },\n    saveToolTip: {\n      type: String,\n      default: '',\n      required: false,\n    },\n    cancelType: {\n      type: String,\n      default: 'neutral',\n      validator(value) {\n        return ['primary', 'danger', 'neutral', 'white'].includes(value);\n      },\n    },\n    cancelButtonType: {\n      type: String,\n      default: 'fill',\n      validator(value) {\n        return ['fill', 'outline', 'ghost'].includes(value);\n      },\n    },\n    confirmType: {\n      type: String,\n      default: 'primary',\n      validator(value) {\n        return ['primary', 'danger', 'neutral'].includes(value);\n      },\n    },\n    width: {\n      type: [Number, String],\n      default: 500,\n    },\n    destroyOnClose: {\n      type: Boolean,\n      default: false,\n    },\n    loadingLabel: {\n      type: String,\n      default: '',\n    },\n    deleteButton: {\n      type: Object,\n      default: () => {\n        // do nothing\n      },\n    },\n  },\n  emits: ['closed', 'saved', 'cancelled', 'deleted'],\n  setup() {\n    const { isMobile } = useScreenSize();\n    return { isMobile };\n  },\n  computed: {\n    modalClass() {\n      return this.isMobile ? 'c-bitts-modal__mobile' : null;\n    },\n    loadingContainerClasses() {\n      return 'h-screen md:h-auto md:min-h-[240px] overflow-y-auto md:overflow-visible min-w-[400px]';\n    },\n  },\n  methods: {\n    onClosedHandler() {\n      this.$emit('closed');\n    },\n    onSaveHandler(e) {\n      this.$emit('saved', e);\n    },\n    onDeleteButtonEmit() {\n      this.$emit('deleted');\n    },\n    onCancelButtonEmit() {\n      this.useCancelButtonEmitter\n        ? this.$emit('cancelled')\n        : this.$emit('closed');\n    },\n  },\n};\n</script>\n\n<style lang=\"pcss\">\n[class^='ant-modal'] {\n  font-family: inherit;\n}\n.c-bitts-modal__mobile {\n  width: 100% !important;\n  @apply left-0 top-0 m-0 max-w-full;\n}\n.c-bitts-modal {\n  .ant-modal {\n    @apply pb-0;\n    .ant-modal-content {\n      @apply p-0;\n    }\n  }\n\n  .c-bitts-modal__divider {\n    @apply border-b border-neutral-border pb-24;\n  }\n\n  .ant-modal-close {\n    @apply hidden;\n  }\n\n  .c-bitts-modal__close-button {\n    @apply cursor-pointer text-neutral-text-button flex mr-16 md:mr-0 ml-auto justify-end;\n    &:hover {\n      @apply opacity-80;\n    }\n  }\n\n  .c-bitts-modal__save {\n    @apply justify-center w-full md:w-auto ml-0 md:ml-8;\n  }\n\n  .ant-modal-content {\n    @apply h-full min-h-screen md:min-h-[auto] md:h-auto overflow-y-auto md:overflow-visible\n    rounded-none md:rounded-3xl border-none md:border-solid md:border md:border-neutral-border\n    shadow-overlay;\n  }\n\n  .ant-modal-body {\n    @apply p-0;\n  }\n\n  .c-bitts-modal__content {\n    @apply p-16 md:p-24;\n  }\n\n  .c-bitts-modal__buttons {\n    @apply px-16 py-16 md:px-24 border-t border-neutral-border;\n  }\n\n  .c-bitts-modal__buttons--wrapper {\n    @apply md:flex md:justify-end;\n  }\n\n  .c-bitts-modal__header {\n    @apply px-16 pt-16 md:px-24 md:pt-24;\n  }\n\n  .c-bitts-modal__title {\n    @apply text-xl md:text-lg text-neutral-900 font-bold leading-8;\n  }\n\n  /* completely overriding ant d footer, it's too opinionated for our needs */\n  .ant-modal-footer {\n    @apply hidden;\n  }\n}\n\n.ant-modal-mask {\n  @apply bg-neutral-900 bg-opacity-40;\n}\n</style>\n"],"names":["_sfc_main","BittsButton","BittsLoading","BittsTooltip","Modal","FontAwesomeIcon","value","isMobile","useScreenSize","e","_hoisted_1","_hoisted_4","_hoisted_6","_createBlock","_component_Modal","$props","_normalizeClass","$options","_withCtx","_createVNode","_component_BittsLoading","_createElementVNode","_createElementBlock","args","_component_FontAwesomeIcon","_createCommentVNode","_renderSlot","_ctx","_openBlock","_hoisted_2","_createTextVNode","_toDisplayString","_hoisted_3","_hoisted_5","_a","_component_BittsButton","_resolveDynamicComponent"],"mappings":"2YAgIA,MAAKA,EAAU,CACb,KAAM,aACN,WAAY,CACV,YAAAC,EACA,aAAAC,eACAC,EACA,MAAAC,EACA,gBAAAC,CACD,EACD,OAAQ,CAAC,YAAY,EACrB,MAAO,CACL,MAAO,CACL,KAAM,OACN,QAAS,EACV,EACD,YAAa,CACX,KAAM,OACN,QAAS,EACV,EACD,SAAU,CACR,KAAM,OACN,QAAS,MACV,EACD,WAAY,CACV,KAAM,OACN,QAAS,QACV,EACD,SAAU,CACR,KAAM,QACN,QAAS,EACV,EACD,eAAgB,CACd,KAAM,QACN,QAAS,EACV,EACD,gBAAiB,CACf,KAAM,QACN,QAAS,EACV,EAGD,QAAS,CACP,KAAM,QACN,QAAS,EACV,EAED,OAAQ,CACN,KAAM,QACN,QAAS,EACV,EACD,YAAa,CACX,KAAM,QACN,QAAS,EACV,EAED,iBAAkB,CAChB,KAAM,QACN,QAAS,EACV,EACD,WAAY,CACV,KAAM,QACN,QAAS,EACV,EACD,UAAW,CACT,KAAM,QACN,QAAS,EACV,EACD,QAAS,CACP,KAAM,QACN,QAAS,EACV,EACD,YAAa,CACX,KAAM,QACN,QAAS,EACV,EAGD,uBAAwB,CACtB,KAAM,QACN,QAAS,EACV,EAED,mBAAoB,CAClB,KAAM,QACN,QAAS,EACV,EAED,eAAgB,CACd,KAAM,QACN,QAAS,EACV,EACD,cAAe,CACb,KAAM,OACN,QAAS,GACT,SAAU,EACX,EACD,YAAa,CACX,KAAM,OACN,QAAS,GACT,SAAU,EACX,EACD,WAAY,CACV,KAAM,OACN,QAAS,UACT,UAAUC,EAAO,CACf,MAAO,CAAC,UAAW,SAAU,UAAW,OAAO,EAAE,SAASA,CAAK,CAChE,CACF,EACD,iBAAkB,CAChB,KAAM,OACN,QAAS,OACT,UAAUA,EAAO,CACf,MAAO,CAAC,OAAQ,UAAW,OAAO,EAAE,SAASA,CAAK,CACnD,CACF,EACD,YAAa,CACX,KAAM,OACN,QAAS,UACT,UAAUA,EAAO,CACf,MAAO,CAAC,UAAW,SAAU,SAAS,EAAE,SAASA,CAAK,CACvD,CACF,EACD,MAAO,CACL,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,GACV,EACD,eAAgB,CACd,KAAM,QACN,QAAS,EACV,EACD,aAAc,CACZ,KAAM,OACN,QAAS,EACV,EACD,aAAc,CACZ,KAAM,OACN,QAAS,IAAM,CAEd,CACF,CACF,EACD,MAAO,CAAC,SAAU,QAAS,YAAa,SAAS,EACjD,OAAQ,CACN,KAAM,CAAE,SAAAC,GAAaC,IACrB,MAAO,CAAE,SAAAD,EACV,EACD,SAAU,CACR,YAAa,CACX,OAAO,KAAK,SAAW,wBAA0B,IAClD,EACD,yBAA0B,CACxB,MAAO,uFACR,CACF,EACD,QAAS,CACP,iBAAkB,CAChB,KAAK,MAAM,QAAQ,CACpB,EACD,cAAcE,EAAG,CACf,KAAK,MAAM,QAASA,CAAC,CACtB,EACD,oBAAqB,CACnB,KAAK,MAAM,SAAS,CACrB,EACD,oBAAqB,CACnB,KAAK,uBACD,KAAK,MAAM,WAAW,EACtB,KAAK,MAAM,QAAQ,CACxB,CACF,CACH,EAtQeC,EAAA,CAAA,MAAM,mCAAmC,KApCxD,IAAA,EAsC+B,MAAM,2BAtCrC,IAAA,EA4CsC,MAAM,mCAW7BC,EAAA,CAAA,MAAM,kBAAkB,KAvDvC,IAAA,EA6DiD,MAAM,0BACtCC,EAAA,CAAA,MAAM,iCAAiC,sHA7DtDC,EAkHQC,EAAA,CAjHN,kBAAgB,gBACf,KAAMC,EAAO,QACb,MAAOA,EAAK,MACZ,UAAS,KACT,SAAUA,EAAkB,mBAC5B,gBAAeA,EAAc,eAC7B,mBAAkBA,EAAc,eAChC,MATLC,EASYC,EAAU,UAAA,EACjB,SAAQA,EAAe,gBACvB,KAAIA,EAAa,gBAXtB,QAAAC,EAaI,IAqGe,CArGfC,EAqGeC,EAAA,CApGZ,aAAYL,EAAO,QACnB,0BAAyBE,EAAuB,wBAChD,MAAOF,EAAY,eAhB1B,QAAAG,EAkBM,IA+FM,CA/FNG,EA+FM,MAAA,KAAA,CA7FIN,EAAU,gBADlBO,EA4BS,SAAA,CA/CjB,IAAA,EAqBU,MArBVN,GAqBgB,wBAAuB,0BACmBD,EAAW,iBAKnDA,EAAe,qBADvBO,EASM,MAAA,CAnChB,IAAA,EA4BY,MAAM,8BACL,4BAAOL,EAAe,iBAAAA,EAAA,gBAAA,GAAAM,CAAA,KAEvBJ,EAGEK,EAAA,CAFC,KAAM,CAAY,MAAA,GAAA,EAClB,MAAO,CAAiC,OAAA,OAAA,MAAA,MAAA,OAjCvDC,EAAA,GAAA,EAAA,EAoCUJ,EAOM,MAPNX,EAOM,CANJgB,EAKOC,oBALP,IAKO,CAJKZ,EAAK,OAAfa,IAAAN,EAGK,KAHLO,EAGK,CAzCnBC,EAuCmBC,EAAAhB,EAAA,KAAK,EAAG,IACX,CAAA,EAAAW,EAAsBC,EAAA,OAAA,QAAA,KAxCtCF,EAAA,GAAA,EAAA,MA4CqBE,EAAA,OAAO,UAAlBC,IAAAN,EAEM,MAFNU,EAEM,CADJN,EAAwBC,EAAA,OAAA,UAAA,KA7CpCF,EAAA,GAAA,EAAA,OAAAA,EAAA,GAAA,EAAA,EAgDQJ,EAWU,UAAA,CAVR,MAjDVL,GAiDgB,yBAAwB,OACDD,EAAS,eAItCW,EAIOC,sBAJP,IAIO,CAHLN,EAEI,IAFJV,EAEIoB,EADChB,EAAW,WAAA,EAAA,CAAA,QAIpBW,EAoDOC,qBApDP,IAoDO,OAAA,OAnDSZ,EAAA,cAAgBA,EAAO,SAArCa,IAAAN,EAkDS,SAlDTW,EAkDS,CAjDPZ,EAgDM,MAhDNT,EAgDM,EA9CIsB,EAAAnB,EAAA,eAAA,MAAAmB,EAAc,UADtBrB,EASEsB,EAAA,CAxEhB,IAAA,EAiEgB,KAAK,SACL,QAAQ,QACR,KAAK,QACL,MAAM,UACN,cAAY,8BACX,KAAMpB,EAAY,aAAC,KACnB,QAAOE,EAAkB,gDAvE1CQ,EAAA,GAAA,EAAA,OAyEcZ,EAzEduB,EAyE8BrB,EAAa,cAAA,eAAA,KAAA,EAAA,KAAA,CAehB,QACT,IAA0B,CAA1BM,EAA0B,WAApBN,EAAa,aAAA,EAAA,CAAA,IAzFrC,QAAAG,EA0EgB,IAaM,CAbNG,EAaM,MAAA,KAAA,CAXIN,EAAgB,sBADxBF,EAWEsB,EAAA,CAtFpB,IAAA,EA6EqB,SAAUpB,EAAc,eACxB,KAAMA,EAAU,WAChB,KAAMA,EAAU,WAChB,QAASA,EAAgB,iBACzB,QAASA,EAAM,OAChB,KAAK,QACL,MAAM,gCACN,cAAY,8BACX,QAAOE,EAAkB,sFArF9CQ,EAAA,GAAA,EAAA,MAAA,EAAA,UA6FcZ,EA7FduB,EA6F8BrB,EAAW,YAAA,eAAA,KAAA,EAAA,KAAA,CAad,QACT,IAAwB,CAAxBM,EAAwB,WAAlBN,EAAW,WAAA,EAAA,CAAA,IA3GnC,QAAAG,EA8FgB,IAWM,CAXNG,EAWM,MAAA,KAAA,CAVJF,EASEgB,EAAA,CARC,SAAUpB,EAAQ,SAClB,KAAMA,EAAQ,SACd,KAAMA,EAAW,YACjB,QAASA,EAAM,OAChB,KAAK,QACL,cAAY,4BACZ,MAAM,sBACL,QAAOE,EAAa,0EAvGzC,EAAA,UAAAQ,EAAA,GAAA,EAAA,SAAA,EAAA,yDAAA,EAAA"}