{"version":3,"file":"popconfirm2.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <vs-popper\n    ref=\"tooltipRef\"\n    trigger=\"click\"\n    color=\"light\"\n    v-bind=\"$attrs\"\n    :animation=\"animation\"\n    :popper-class=\"`${ns.namespace.value}-popconfirm`\"\n    :popper-style=\"style\"\n    :teleported=\"teleported\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :hide-after=\"hideAfter\"\n    :persistent=\"persistent\"\n  >\n    <template #content>\n      <div :class=\"ns.e('main')\">\n        <vs-icon\n          v-if=\"!hideIcon && icon\"\n          :class=\"ns.e('icon')\"\n          :style=\"{ color: iconColor }\"\n          size=\"26\"\n        >\n          <component :is=\"icon\" />\n        </vs-icon>\n        {{ title }}\n      </div>\n      <div :class=\"ns.e('action')\">\n        <vs-button\n          :size=\"cancelButtonSize\"\n          :color=\"cancelButtonColor\"\n          :type=\"cancelButtonType\"\n          @click=\"cancel\"\n        >\n          {{ finalCancelButtonText }}\n        </vs-button>\n        <vs-button\n          :size=\"confirmButtonSize\"\n          :color=\"confirmButtonColor\"\n          :type=\"confirmButtonType\"\n          @click=\"confirm\"\n        >\n          {{ finalConfirmButtonText }}\n        </vs-button>\n      </div>\n    </template>\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n  </vs-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport VsButton from '@vuesax-alpha/components/button'\nimport VsIcon from '@vuesax-alpha/components/icon'\nimport VsPopper from '@vuesax-alpha/components/popper'\nimport { useLocale, useNamespace } from '@vuesax-alpha/hooks'\nimport { addUnit } from '@vuesax-alpha/utils'\nimport { popconfirmEmits, popconfirmProps } from './popconfirm'\n\nimport type { PopperInstance } from '@vuesax-alpha/components/popper'\n\ndefineOptions({\n  name: 'VsPopconfirm',\n})\n\nconst props = defineProps(popconfirmProps)\nconst emit = defineEmits(popconfirmEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('popconfirm')\nconst tooltipRef = ref<PopperInstance>()\n\nconst hidePopper = () => {\n  tooltipRef.value?.hide()\n}\n\nconst style = computed(() => {\n  return {\n    width: addUnit(props.width),\n  }\n})\n\nconst confirm = (e: MouseEvent) => {\n  emit('confirm', e)\n  hidePopper()\n}\nconst cancel = (e: MouseEvent) => {\n  emit('cancel', e)\n  hidePopper()\n}\n\nconst finalConfirmButtonText = computed(\n  () => props.confirmButtonText || t('vs.popconfirm.confirmButtonText')\n)\nconst finalCancelButtonText = computed(\n  () => props.cancelButtonText || t('vs.popconfirm.cancelButtonText')\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;mCA8Dc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKM,IAAA,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AAClB,IAAA,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAa,GAAoB,EAAA,CAAA;AAEvC,IAAA,MAAM,aAAa,MAAM;;AACvB,MAAA,CAAA,EAAA,GAAA,UAAA,CAAW,UAAX,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,EAAA,CAAA;AAAA,KACpB,CAAA;AAEM,IAAA,MAAA,KAAA,GAAQ,SAAS,MAAM;AACpB,MAAA,OAAA;AAAA,QACL,KAAA,EAAO,OAAQ,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,OAC5B,CAAA;AAAA,KACD,CAAA,CAAA;AAEK,IAAA,MAAA,OAAA,GAAU,CAAC,CAAkB,KAAA;AACjC,MAAA,IAAA,CAAK,WAAW,CAAC,CAAA,CAAA;AACN,MAAA,UAAA,EAAA,CAAA;AAAA,KACb,CAAA;AACM,IAAA,MAAA,MAAA,GAAS,CAAC,CAAkB,KAAA;AAChC,MAAA,IAAA,CAAK,UAAU,CAAC,CAAA,CAAA;AACL,MAAA,UAAA,EAAA,CAAA;AAAA,KACb,CAAA;AAEA,IAAA,MAAM,sBAAyB,GAAA,QAAA;AAAA,MAC7B,MAAM,KAAA,CAAM,iBAAqB,IAAA,CAAA,CAAE,iCAAiC,CAAA;AAAA,KACtE,CAAA;AACA,IAAA,MAAM,qBAAwB,GAAA,QAAA;AAAA,MAC5B,MAAM,KAAA,CAAM,gBAAoB,IAAA,CAAA,CAAE,gCAAgC,CAAA;AAAA,KACpE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}