{"version":3,"file":"radioButtonList.obs.js","sources":["../../../Framework/Controls/radioButtonList.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\n<template>\n    <RockFormField\n                   :formGroupClasses=\"'rock-radio-button-list ' + formGroupClasses\"\n                   #default=\"{ uniqueId }\" name=\"radiobuttonlist\" v-model=\"internalValue\">\n        <div class=\"control-wrapper\">\n            <slot name=\"prepend\" :isInputGroupSupported=\"false\" />\n            <div class=\"controls rockradiobuttonlist\" :class=\"containerClasses\">\n                <span>\n                    <template v-if=\"horizontal\">\n                        <label v-for=\"item in actualItems\" class=\"radio-inline\" :for=\"getItemUniqueId(uniqueId, item)\" :key=\"item.value ?? undefined\">\n                            <input :id=\"getItemUniqueId(uniqueId, item)\" :name=\"uniqueId\" type=\"radio\" :value=\"item.value\" v-model=\"internalValue\" :disabled=\"isItemDisabled(item)\" />\n                            <span class=\"label-text\">{{ item.text }}</span>\n                        </label>\n                    </template>\n                    <template v-else>\n                        <div v-for=\"item in actualItems\" class=\"radio\" :key=\"item.value ?? undefined\">\n                            <label :for=\"getItemUniqueId(uniqueId, item)\">\n                                <input :id=\"getItemUniqueId(uniqueId, item)\" :name=\"uniqueId\" type=\"radio\" :value=\"item.value\" v-model=\"internalValue\" :disabled=\"isItemDisabled(item)\" />\n                                <span class=\"label-text\">{{ item.text }}</span>\n                            </label>\n                        </div>\n                    </template>\n                </span>\n            </div>\n            <slot name=\"append\" :isInputGroupSupported=\"false\" />\n        </div>\n    </RockFormField>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, ref, watch } from \"vue\";\n    import { ListItemBag } from \"@Obsidian/ViewModels/Utility/listItemBag\";\n    import RockFormField from \"./rockFormField.obs\";\n    import { updateRefValue } from \"@Obsidian/Utility/component\";\n    import { defaultControlCompareValue } from \"@Obsidian/Utility/stringUtils\";\n\n    const props = defineProps({\n        items: {\n            type: Array as PropType<ListItemBag[]>,\n            default: []\n        },\n\n        modelValue: {\n            type: String as PropType<string>,\n            default: \"\"\n        },\n\n        disabled: {\n            type: Boolean as PropType<boolean>,\n            required: false,\n            default: false\n        },\n\n        formGroupClasses: {\n            type: String as PropType<string>,\n            default: \"\"\n        },\n\n        repeatColumns: {\n            type: Number as PropType<number>,\n            default: 0\n        },\n\n        horizontal: {\n            type: Boolean as PropType<boolean>,\n            default: false\n        },\n\n        showBlankItem: {\n            type: Boolean as PropType<boolean>,\n            default: false\n        },\n\n        compareValue: {\n            type: Function as PropType<((value: string, itemValue: string) => boolean)>,\n            default: defaultControlCompareValue\n        }\n    });\n\n    const emit = defineEmits<{\n        (e: \"update:modelValue\", value: string): void;\n    }>();\n\n    const internalValue = ref(props.modelValue);\n\n    const containerClasses = computed((): string => {\n        const classes: string[] = [];\n\n        if (props.repeatColumns > 0) {\n            classes.push(`in-columns in-columns-${props.repeatColumns}`);\n        }\n\n        if (props.horizontal) {\n            classes.push(\"rockradiobuttonlist-horizontal\");\n        }\n        else {\n            classes.push(\"rockradiobuttonlist-vertical\");\n        }\n\n        return classes.join(\" \");\n    });\n\n    const actualItems = computed((): ListItemBag[] => {\n        const items = [...props.items];\n\n        if (props.showBlankItem) {\n            items.splice(0, 0, {\n                value: \"\",\n                text: \"None\"\n            });\n        }\n\n        return items;\n    });\n\n    function isItemDisabled(item: ListItemBag): boolean {\n        return item.category === \"disabled\" || props.disabled;\n    }\n\n    const getItemUniqueId = (uniqueId: string, item: ListItemBag): string => {\n        const key = (item.value ?? \"\").replace(\" \", \"-\");\n\n        return `${uniqueId}-${key}`;\n    };\n\n    const syncInternalValue = (): void => {\n        let value = props.modelValue;\n\n        if (value) {\n            // Ensure it is a valid value, if not then set it to blank.\n            const selectedOption = props.items.find(o => props.compareValue(value as string, o.value ?? \"\")) || null;\n\n            if (!selectedOption) {\n                value = \"\";\n            }\n            else {\n                value = selectedOption.value ?? \"\";\n            }\n        }\n\n        updateRefValue(internalValue, value);\n    };\n\n    watch([() => props.modelValue, () => props.items], () => {\n        syncInternalValue();\n    });\n\n    watch(internalValue, () => {\n        emit(\"update:modelValue\", internalValue.value);\n    });\n\n    syncInternalValue();\n</script>\n"],"names":["props","__props","emit","__emit","internalValue","ref","modelValue","containerClasses","computed","classes","repeatColumns","push","concat","horizontal","join","actualItems","items","showBlankItem","splice","value","text","isItemDisabled","item","category","disabled","getItemUniqueId","uniqueId","_item$value","key","replace","syncInternalValue","selectedOption","find","o","_o$value","compareValue","_selectedOption$value","updateRefValue","watch"],"mappings":"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"}