{"version":3,"file":"AddressOption-aEOEYUoJ.js","sources":["../../../app/javascript/components/shared/AddressOption.vue"],"sourcesContent":["<template>\n <div>\n <label\n :for=\"inputId\"\n :class=\"{ 'inset-border-ink': selected }\"\n class=\"flex items-start p-4 bg-paper-1 cursor-pointer\">\n <input\n :id=\"inputId\"\n :checked=\"selected\"\n type=\"radio\"\n name=\"address-radio\"\n @change=\"$emit('selected')\" />\n <div class=\"ml-3 typeset-7\">\n <p class=\"mb-3\">\n <strong>{{ address.name }}</strong>\n </p>\n <p>{{ address.summary }}</p>\n </div>\n </label>\n </div>\n</template>\n\n<script>\nexport default {\n name: \"AddressOption\",\n props: {\n address: {\n type: Object,\n default: () => ({})\n },\n modelValue: {\n type: Number,\n default: null\n }\n },\n emits: [\"selected\"],\n computed: {\n inputId() {\n return `address-radio-${this.address.id}`;\n },\n selected() {\n return this.modelValue === this.address.id;\n }\n }\n};\n</script>\n"],"names":["_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_createElementBlock","_createElementVNode","$options","_normalizeClass","_ctx","_toDisplayString","$props"],"mappings":"0FAuBA,MAAKA,EAAU,CACb,KAAM,gBACN,MAAO,CACL,QAAS,CACP,KAAM,OACN,QAAS,KAAO,CAAE,EACnB,EACD,WAAY,CACV,KAAM,OACN,QAAS,IACX,CACD,EACD,MAAO,CAAC,UAAU,EAClB,SAAU,CACR,SAAU,CACR,MAAO,iBAAiB,KAAK,QAAQ,EAAE,EACxC,EACD,UAAW,CACT,OAAO,KAAK,aAAe,KAAK,QAAQ,EAC1C,CACF,CACF,EA5CAC,EAAA,CAAA,KAAA,EAAAC,EAAA,CAAA,KAAA,SAAA,EAYWC,EAAA,CAAA,MAAM,gBAAgB,EACtBC,EAAA,CAAA,MAAM,MAAM,qCAZrBC,EAkBM,MAAA,KAAA,CAjBJC,EAgBQ,QAAA,CAfL,IAAKC,EAAO,QACZ,MAJPC,EAAA,CAAA,CAAA,mBAIoCD,EAAQ,QAAA,EAChC,gDAAgD,CAAA,IACtDD,EAKgC,QAAA,CAJ7B,GAAIC,EAAO,QACX,QAASA,EAAQ,SAClB,KAAK,QACL,KAAK,gBACJ,wBAAQE,EAAK,MAAA,UAAA,EAXtB,EAAA,KAAA,GAAAP,CAAA,EAYMI,EAKM,MALNH,EAKM,CAJJG,EAEI,IAFJF,EAEI,CADFE,EAAmC,SAAA,KAAAI,EAAxBC,EAAO,QAAC,IAAI,EAAA,CAAA,IAEzBL,EAA4B,IAAA,KAAAI,EAAtBC,EAAO,QAAC,OAAO,EAAA,CAAA,GAhB7B,EAAA,GAAAV,CAAA"}