{"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":["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;;;;;;;;;;;;;;;;;;"}