{"version":3,"file":"styles.css","mappings":"AAoDA,gBACA,aACA,sBACA,CAEA,0BACA,GACA,uBACA,CACA,CAEA,gBACA,2CACA","sources":["webpack://@square/maker/./src/components/Loading/src/Loading.vue"],"sourcesContent":["<template>\n\t<div\n\t\t:class=\"$s.Loading\"\n\t\taria-hidden=\"true\"\n\t>\n\t\t<m-icon\n\t\t\t:class=\"$s.Spinner\"\n\t\t\t:size=\"size\"\n\t\t\tname=\"spinner\"\n\t\t/>\n\t</div>\n</template>\n\n<script>\nimport cssValidator from '@square/maker/utils/css-validator';\nimport { MIcon } from '@square/maker/components/Icon';\n\nconst ICON_SIZES = new Set([\n\t'small',\n\t'medium',\n\t'large',\n\t'xlarge',\n\t'xxlarge',\n]);\n\n// width & height css props accept same set of values\nconst sizeValidator = cssValidator('width');\n\n/**\n * @inheritAttrs div\n * @inheritListeners div\n */\nexport default {\n\tcomponents: {\n\t\tMIcon,\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * size of spinner icon, can be named value or any valid CSS width/height\n\t\t * @values small, medium, large, xlarge, xxlarge\n\t\t */\n\t\tsize: {\n\t\t\ttype: String,\n\t\t\tdefault: 'small',\n\t\t\tvalidator: (size) => ICON_SIZES.has(size) || sizeValidator(size),\n\t\t},\n\t},\n};\n</script>\n\n<style module=\"$s\">\n.Loading {\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\n@keyframes spin-one-turn {\n\tto {\n\t\ttransform: rotate(1turn);\n\t}\n}\n\n.Spinner {\n\tanimation: spin-one-turn 1s linear infinite;\n}\n</style>\n"],"names":[],"sourceRoot":""}