{"version":3,"file":"spacer.mjs","sources":["../../../../../../packages/components/container/src/spacer.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b()]\"\n    :style=\"styles\"\n    data-test-name=\"spacer\"\n    data-test-variant=\"\"\n    data-test-state=\"\"\n  >\n    <slot />\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { isNumber } from 'lodash-unified'\nimport { useNamespace } from '@bigin/hooks'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'BSpacer',\n})\n\nconst props = defineProps({\n  width: {\n    type: [Number, String],\n    default: 0,\n  },\n  height: {\n    type: [Number, String],\n    default: 0,\n  },\n})\n\nconst ns = useNamespace('spacer')\n\nconst styles = computed(() => {\n  let styles: Record<string, any> = {}\n\n  if (props.width) {\n    styles = {\n      ...styles,\n      width: isNumber(props.width) ? `${props.width}px` : props.width,\n    }\n  }\n\n  if (props.height) {\n    styles = {\n      ...styles,\n      height: isNumber(props.height) ? `${props.height}px` : props.height,\n    }\n  }\n\n  return styles as CSSProperties\n})\n</script>\n"],"names":["styles"],"mappings":";;;;;;mCAiBc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAaM,IAAA,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAE1B,IAAA,MAAA,MAAA,GAAS,SAAS,MAAM;AAC5B,MAAA,IAAIA,UAA8B,EAAC,CAAA;AAEnC,MAAA,IAAI,MAAM,KAAO,EAAA;AACN,QAAA,OAAA,GAAA;AAAA,UACP,GAAGA,OAAAA;AAAAA,UACH,KAAA,EAAO,SAAS,KAAM,CAAA,KAAK,IAAI,CAAG,EAAA,KAAA,CAAM,YAAY,KAAM,CAAA,KAAA;AAAA,SAC5D,CAAA;AAAA,OACF;AAEA,MAAA,IAAI,MAAM,MAAQ,EAAA;AACP,QAAA,OAAA,GAAA;AAAA,UACP,GAAGA,OAAAA;AAAAA,UACH,MAAA,EAAQ,SAAS,KAAM,CAAA,MAAM,IAAI,CAAG,EAAA,KAAA,CAAM,aAAa,KAAM,CAAA,MAAA;AAAA,SAC/D,CAAA;AAAA,OACF;AAEOA,MAAAA,OAAAA,OAAAA,CAAAA;AAAAA,KACR,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}