{"version":3,"file":"styles.css","mappings":"AA4CA,gBAKA,eAJA,oBAEA,oBADA,eAEA,gBAEA,CAEA,gBACA,mBACA,UACA,CAEA,gBAEA,mBADA,aAEA,YACA,gBACA","sources":["webpack://@square/maker/./src/components/InlineFormControlLayout/src/InlineFormControlLayout.vue"],"sourcesContent":["<template>\n\t<label\n\t\t:class=\"[\n\t\t\t$s.LayoutContainer,\n\t\t\t{\n\t\t\t\t[$s.disabled]: disabled,\n\t\t\t}\n\t\t]\"\n\t>\n\t\t<div :class=\"$s.ControlAligner\">\n\t\t\t<slot name=\"control\" />\n\t\t</div>\n\t\t<div>\n\t\t\t<slot name=\"label\" />\n\t\t\t<div\n\t\t\t\tv-if=\"$slots.sublabel\"\n\t\t\t>\n\t\t\t\t<slot name=\"sublabel\" />\n\t\t\t</div>\n\t\t</div>\n\t</label>\n</template>\n\n<script>\nimport assert from '@square/maker/utils/assert';\n\nexport default {\n\n\tprops: {\n\t\t/**\n\t\t * Toggles inline disabled styles\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\tmounted() {\n\t\tassert.error(this.$slots.label, 'Missing \"label\" slot in inline form control', 'InlineFormControlLayout');\n\t},\n};\n</script>\n\n<style module=\"$s\">\n.LayoutContainer {\n\tdisplay: inline-flex;\n\tfont-size: 14px;\n\tfont-family: inherit;\n\tline-height: 24px;\n\tcursor: pointer;\n}\n\n.disabled {\n\tcursor: not-allowed;\n\topacity: 0.5;\n}\n\n.ControlAligner {\n\tdisplay: flex;\n\talign-items: center;\n\theight: 24px;\n\tmargin-right: 8px;\n}\n</style>\n"],"names":[],"sourceRoot":""}