{"version":3,"file":"numberUpDownBase.obs.js","sources":["../../../Framework/Controls/numberUpDownBase.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\n<template>\n    <div class=\"numberincrement\">\n        <a @click=\"goDown\" class=\"numberincrement-down\" :class=\"{ disabled: disabled || isDownDisabled }\" :disabled=\"disabled || isDownDisabled\">\n            <i class=\"fa fa-minus \"></i>\n        </a>\n        <span class=\"numberincrement-value\">{{ internalValue }}</span>\n        <a @click=\"goUp\" class=\"numberincrement-up\" :class=\"{ disabled: disabled || isUpDisabled }\" :disabled=\"disabled || isUpDisabled\">\n            <i class=\"fa fa-plus \"></i>\n        </a>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, ref, watch } from \"vue\";\n\n    const props = defineProps({\n        modelValue: {\n            type: Number as PropType<number>,\n            required: true\n        },\n        min: {\n            type: Number as PropType<number>,\n            default: 1\n        },\n        max: {\n            type: Number as PropType<number>,\n            default: 10\n        },\n        disabled: {\n            type: Boolean as PropType<boolean>,\n            default: false\n        }\n    });\n\n    const emit = defineEmits<{\n        (e: \"update:modelValue\", value: number): void;\n    }>();\n\n    const internalValue = ref(props.modelValue);\n\n    const isUpDisabled = computed((): boolean => {\n        return internalValue.value >= props.max;\n    });\n\n    const isDownDisabled = computed((): boolean => {\n        return internalValue.value <= props.min;\n    });\n\n    function goUp(): void {\n        if (!isUpDisabled.value) {\n            internalValue.value++;\n        }\n    }\n\n    function goDown(): void {\n        if (!isDownDisabled.value) {\n            internalValue.value--;\n        }\n    }\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":["internalValue","ref","props","modelValue","isUpDisabled","computed","value","max","isDownDisabled","min","goUp","goDown","watch","emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuCI,IAAA,IAAMA,aAAa,GAAGC,GAAG,CAACC,KAAK,CAACC,UAAU,CAAC,CAAA;MAE3C,IAAA,IAAMC,YAAY,GAAGC,QAAQ,CAAC,MAAe;MACzC,MAAA,OAAOL,aAAa,CAACM,KAAK,IAAIJ,KAAK,CAACK,GAAG,CAAA;MAC3C,KAAC,CAAC,CAAA;MAEF,IAAA,IAAMC,cAAc,GAAGH,QAAQ,CAAC,MAAe;MAC3C,MAAA,OAAOL,aAAa,CAACM,KAAK,IAAIJ,KAAK,CAACO,GAAG,CAAA;MAC3C,KAAC,CAAC,CAAA;UAEF,SAASC,IAAIA,GAAS;MAClB,MAAA,IAAI,CAACN,YAAY,CAACE,KAAK,EAAE;cACrBN,aAAa,CAACM,KAAK,EAAE,CAAA;MACzB,OAAA;MACJ,KAAA;UAEA,SAASK,MAAMA,GAAS;MACpB,MAAA,IAAI,CAACH,cAAc,CAACF,KAAK,EAAE;cACvBN,aAAa,CAACM,KAAK,EAAE,CAAA;MACzB,OAAA;MACJ,KAAA;MAEAM,IAAAA,KAAK,CAAC,MAAMV,KAAK,CAACC,UAAU,EAAE,MAAM;MAChCH,MAAAA,aAAa,CAACM,KAAK,GAAGJ,KAAK,CAACC,UAAU,CAAA;MAC1C,KAAC,CAAC,CAAA;UAEFS,KAAK,CAACZ,aAAa,EAAE,MAAM;MACvBa,MAAAA,IAAI,CAAC,mBAAmB,EAAEb,aAAa,CAACM,KAAK,CAAC,CAAA;MAClD,KAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}