{"version":3,"file":"inlineCheckBox.obs.js","sources":["../../../Framework/Controls/inlineCheckBox.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\n<template>\n    <div class=\"checkbox\">\n        <label title=\"\">\n            <input type=\"checkbox\" v-model=\"internalValue\" v-bind=\"$attrs\" />\n            <span class=\"label-text \">{{ label }}</span>\n        </label>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { PropType, ref, watch } from \"vue\";\n\n    const props = defineProps({\n        modelValue: {\n            type: Boolean as PropType<boolean>,\n            required: true\n        },\n\n        label: {\n            type: String as PropType<string>,\n            required: true\n        }\n    });\n\n    const emit = defineEmits<{\n        // Explicitly define \"update:modelValue\" event; otherwise v-bind=\"$attrs\" could attach a duplicate event handler to the underlying checkbox input.\n        (e: \"update:modelValue\", value: boolean): void;\n    }>();\n\n    const internalValue = ref(props.modelValue);\n\n    watch(() => props.modelValue, () => {\n        internalValue.value = props.modelValue;\n    });\n\n    watch(internalValue, () => {\n        emit(\"update:modelValue\", internalValue.value);\n    });\n</script>\n"],"names":["props","__props","emit","__emit","internalValue","ref","modelValue","watch","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAaI,IAAMA,KAAK,GAAGC,OAUZ,CAAA;UAEF,IAAMC,IAAI,GAAGC,MAGT,CAAA;MAEJ,IAAA,IAAMC,aAAa,GAAGC,GAAG,CAACL,KAAK,CAACM,UAAU,CAAC,CAAA;MAE3CC,IAAAA,KAAK,CAAC,MAAMP,KAAK,CAACM,UAAU,EAAE,MAAM;MAChCF,MAAAA,aAAa,CAACI,KAAK,GAAGR,KAAK,CAACM,UAAU,CAAA;MAC1C,KAAC,CAAC,CAAA;UAEFC,KAAK,CAACH,aAAa,EAAE,MAAM;MACvBF,MAAAA,IAAI,CAAC,mBAAmB,EAAEE,aAAa,CAACI,KAAK,CAAC,CAAA;MAClD,KAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;;"}