{"version":3,"file":"cry8mg_p.js","sources":["../../../../node_modules/@smenaspace/ui-layer/components/status/Status.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Color } from '../../types/shared'\nimport type { StatusRadius } from './types'\n\ntype Props = {\n  bgColor?: Color\n  textColor?: Color\n  text: string\n  radius?: StatusRadius\n  block?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  bgColor: '',\n  textColor: '',\n  radius: 'lg',\n})\n\nconst componentClasses = computed(() => {\n  return [\n    'app-status',\n    `app-status--radius-${props.radius}`,\n    {\n      'app-status--block': props.block,\n    },\n  ]\n})\n\nconst componentStyles = computed(() => {\n  const styles: Partial<Record<string, string>> = {}\n\n  if (props.bgColor) styles['--backgroundColor'] = props.bgColor\n  if (props.textColor) styles['--textColor'] = props.textColor\n\n  return styles\n})\n</script>\n\n<template>\n  <span :class=\"componentClasses\" :style=\"componentStyles\">\n    {{ text }}\n  </span>\n</template>\n\n<style lang=\"scss\" scoped>\n.app-status {\n  display: inline-block;\n  max-width: 155px;\n  height: 24px;\n  padding: 4px 8px;\n  overflow: hidden;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 16px;\n  color: var(--textColor, #ffffff);\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n  background-color: var(--backgroundColor, #423d7e);\n\n  &--radius-sm {\n    border-radius: 6px;\n  }\n\n  &--radius-lg {\n    border-radius: 100px;\n  }\n\n  &--block {\n    width: 100%;\n    max-width: 100%;\n  }\n}\n</style>\n"],"names":["props","__props","componentClasses","computed","componentStyles","styles"],"mappings":";;giBAYA,MAAMA,EAAQC,EAMRC,EAAmBC,EAAS,IACzB,CACL,aACA,sBAAsBH,EAAM,MAAM,GAClC,CACE,oBAAqBA,EAAM,KAAA,CAE/B,CACD,EAEKI,EAAkBD,EAAS,IAAM,CACrC,MAAME,EAA0C,CAAC,EAEjD,OAAIL,EAAM,UAAgBK,EAAA,mBAAmB,EAAIL,EAAM,SACnDA,EAAM,YAAkBK,EAAA,aAAa,EAAIL,EAAM,WAE5CK,CAAA,CACR","debug_id":"59e87989-57f4-54d4-a2d0-3ff272b5f363"}