{"version":3,"sources":["webpack://../utils/InlineFormControlLayout/src/InlineFormControlLayout.vue"],"names":[],"mappings":"AA4BA,mBACA,uBAAA,CAEA,mBAAA,CACA,aAAA,CACA,cAAA,CACA,mBAAA,CACA,gBAAA,CACA,cACA,CAEA,mBACA,YAAA,CACA,kBAAA,CACA,WAAA,CACA,gBACA,CAEA,mBACA,+BACA","file":"styles.css","sourcesContent":["<template>\n\t<label :class=\"$s.LayoutContainer\">\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\t:class=\"$s.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\tmounted() {\n\t\tassert.error(this.$slots.label, 'Missing \"label\" slot in inline form control');\n\t},\n};\n</script>\n\n<style module=\"$s\">\n.LayoutContainer {\n\t--opacity-sublabel: 0.55;\n\n\tdisplay: inline-flex;\n\tcolor: inherit;\n\tfont-size: 14px;\n\tfont-family: inherit;\n\tline-height: 24px;\n\tcursor: pointer;\n}\n\n.ControlAligner {\n\tdisplay: flex;\n\talign-items: center;\n\theight: 24px;\n\tmargin-right: 8px;\n}\n\n.SubLabel {\n\topacity: var(--opacity-sublabel);\n}\n</style>\n"]}