{"version":3,"file":"header.mjs","sources":["../../../../../../packages/components/container/src/header.vue"],"sourcesContent":["<template>\n  <header :class=\"wrapperNs.b()\" :style=\"style\" data-test-name=\"header\">\n    <div\n      :class=\"[\n        ns.b(),\n        ns.is('shadow', shadow),\n        ns.is('border', border),\n        ns.is('fixed', fixed),\n        $attrs.class,\n      ]\"\n    >\n      <slot />\n    </div>\n  </header>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { isNumber } from 'lodash-unified'\nimport { useNamespace } from '@bigin/hooks'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'BHeader',\n})\n\nconst props = defineProps({\n  height: {\n    type: [String, Number],\n    default: null,\n  },\n  shadow: Boolean,\n  border: Boolean,\n  fixed: Boolean,\n})\n\nconst ns = useNamespace('header')\nconst wrapperNs = useNamespace('header-wrapper')\nconst style = computed(() => {\n  return props.height\n    ? (ns.cssVarBlock({\n        height: isNumber(props.height) ? `${props.height}px` : props.height,\n      }) as CSSProperties)\n    : {}\n})\n</script>\n"],"names":[],"mappings":";;;;;;mCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;AAYM,IAAA,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAC1B,IAAA,MAAA,SAAA,GAAY,aAAa,gBAAgB,CAAA,CAAA;AACzC,IAAA,MAAA,KAAA,GAAQ,SAAS,MAAM;AACpB,MAAA,OAAA,KAAA,CAAM,MACR,GAAA,EAAA,CAAG,WAAY,CAAA;AAAA,QACd,MAAA,EAAQ,SAAS,KAAM,CAAA,MAAM,IAAI,CAAG,EAAA,KAAA,CAAM,aAAa,KAAM,CAAA,MAAA;AAAA,OAC9D,IACD,EAAC,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}