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