{"version":3,"file":"Placeholder.vue_vue_type_script_setup_true_lang-BbisgP2K.js","sources":["../../Vue/src/components/Placeholder.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    lines?: number;\r\n    minWidth?: number;\r\n    maxWidth?: number;\r\n    fullWidth?: boolean;\r\n  }>(),\r\n  {\r\n    lines: 5,\r\n    minWidth: 300,\r\n    maxWidth: 500,\r\n    fullWidth: false,\r\n  },\r\n);\r\n\r\nfunction randomWidthStyle() {\r\n  const range = props.maxWidth - props.minWidth;\r\n  const px = Math.round(Math.random() * range) + props.minWidth;\r\n  return `width: ${px}px`;\r\n}\r\n\r\nfunction widthStyles() {\r\n  if (props.fullWidth) {\r\n    return \"width: 100%\";\r\n  } else {\r\n    return randomWidthStyle();\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <div\r\n      v-for=\"t of lines\"\r\n      :key=\"t\"\r\n    >\r\n      <span\r\n        class=\"placeholder\"\r\n        :style=\"widthStyles()\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\"></style>\r\n"],"names":["props","__props","randomWidthStyle","range","px","widthStyles"],"mappings":"oOACA,MAAMA,EAAQC,EAed,SAASC,GAAmB,CACpB,MAAAC,EAAQH,EAAM,SAAWA,EAAM,SAC/BI,EAAK,KAAK,MAAM,KAAK,SAAWD,CAAK,EAAIH,EAAM,SACrD,MAAO,UAAU,OAAAI,EAAE,KACrB,CAEA,SAASC,GAAc,CACrB,OAAIL,EAAM,UACD,cAEAE,EAAiB,CAE5B"}