{"version":3,"file":"modal-view.61f6bce6.js","sources":["../../src/components/modal-view.ts"],"sourcesContent":["import { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  template: `\n      <div\n          class=\"modal-view\"\n          :class=\"{\n            hidden: this.isVisible === false,\n          }\"\n          @click=\"this.$emit('hide')\"\n      >\n      <div class=\"modal-view-dialog\" @click=\"onContentClick\">\n        <div class=\"modal-view-content\">\n          <div v-if=\"$slots.header\" class=\"modal-view-header\">\n            <slot name=\"header\" />\n          </div>\n          <div class=\"modal-view-actions\">\n            <button class=\"modal-view-close\" @click=\"this.$emit('hide')\"></button>\n          </div>\n          <div\n              :class=\"{\n            'modal-view-body': true,\n            'modal-view-body-padding': this.contentPadding,\n          }\"\n          >\n            <slot></slot>\n          </div>\n          <div v-if=\"$slots.footer\" class=\"modal-view-footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n      </div>\n    `,\n  name: \"ModalView\",\n  emits: [\"hide\"],\n  props: {\n    isVisible: {\n      type: Boolean,\n      default: true,\n    },\n    contentPadding: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  methods: {\n    onContentClick(e: Event) {\n      e.stopPropagation();\n    },\n  },\n});\n"],"names":["ModalView","defineComponent"],"mappings":"8VAEA,MAAAA,EAAeC,EAAgB,CAC7B,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MA+BV,KAAM,YACN,MAAO,CAAC,MAAM,EACd,MAAO,CACL,UAAW,CACT,KAAM,QACN,QAAS,EACX,EACA,eAAgB,CACd,KAAM,QACN,QAAS,EACX,CACF,EACA,QAAS,CACP,eAAe,EAAU,CACvB,EAAE,gBAAgB,CACpB,CACF,CACF,CAAC"}