{"version":3,"file":"MaterialSymbol.0e5f324b.js","sources":["../../../../components/MaterialSymbol.vue"],"sourcesContent":["<template lang=\"pug\">\nspan(\n  :class=\"{ filled: fillIcon, 'icon-light': size > 48 }\"\n  :style=\"{ 'font-size': size + sizeUnit }\"\n  aria-hidden=\"true\"\n  class=\"material-icon material-symbols-rounded\"\n)\n  slot\n</template>\n\n<script>\n// TODO: refactor to composition API\nexport default {\n  props: {\n    size: {\n      type: Number,\n      default: 24,\n    },\n    sizeUnit: {\n      type: String,\n      default: 'px',\n    },\n    fillIcon: {\n      type: Boolean,\n      default: false,\n    },\n  },\n}\n</script>\n\n<style lang=\"postcss\" scoped>\n.material-icon {\n  &.filled {\n    font-variation-settings: 'FILL' 1;\n    &.icon-thin {\n      font-variation-settings: 'FILL' 1, 'wght' 100;\n    }\n\n    &.icon-light {\n      font-variation-settings: 'FILL' 1, 'wght' 300;\n    }\n  }\n\n  &.icon-thin {\n    font-variation-settings: 'wght' 180;\n  }\n\n  &.icon-light {\n    font-variation-settings: 'wght' 240;\n  }\n}\n</style>\n"],"names":["_sfc_main"],"mappings":"8TAYA,MAAKA,EAAU,CACb,MAAO,CACL,KAAM,CACJ,KAAM,OACN,QAAS,EACV,EACD,SAAU,CACR,KAAM,OACN,QAAS,IACV,EACD,SAAU,CACR,KAAM,QACN,QAAS,EACV,CACF,CACH"}