{"version":3,"file":"datePickerBase.obs.js","sources":["../../../Framework/Controls/datePickerBase.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\n<template>\n    <div class=\"input-group input-width-md js-date-picker date\">\n        <input ref=\"inputEl\" type=\"text\" :id=\"computedId\" class=\"form-control\" v-model.lazy=\"internalValue\" :disabled=\"disabled\" />\n        <span class=\"input-group-addon\">\n            <i class=\"fa fa-calendar\"></i>\n        </span>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    declare global {\n        /* eslint-disable @typescript-eslint/naming-convention */\n        interface Window {\n            Rock: {\n                controls: {\n                    datePicker: {\n                        initialize: (args: Record<string, unknown>) => void\n                    }\n                }\n            }\n        }\n        /* eslint-enable @typescript-eslint/naming-convention */\n    }\n</script>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, PropType, watch, ref, nextTick } from \"vue\";\n    import { newGuid } from \"@Obsidian/Utility/guid\";\n    import { LocaleDateFormatter } from \"@Obsidian/Utility/localeDateFormatter\";\n    import { DateTime } from \"luxon\";\n\n    type DatePickerActions = {\n        onSetLocalDate: ((localDate: Date | undefined) => void) | null;\n    };\n\n    const props = defineProps({\n        modelValue: {\n            type: String as PropType<string | null>,\n            default: null\n        },\n\n        id: {\n            type: String as PropType<string>,\n            default: \"\"\n        },\n\n        disabled: {\n            type: Boolean as PropType<boolean>,\n            default: false\n        },\n\n        /** Whether to parse the entered value and reformat it to match the set format */\n        disableForceParse: {\n            type: Boolean as PropType<boolean>,\n            default: false\n        },\n\n        /** If set to true, only clicking on the calendar icon will open the calendar widget */\n        disableShowOnFocus: {\n            type: Boolean as PropType<boolean>,\n            default: false\n        },\n\n        /** Whether or not to highlight the current day on the calendar */\n        disableHighlightToday: {\n            type: Boolean as PropType<boolean>,\n            default: false\n        },\n\n        /** Whether or not the user should be able to select dates in the future */\n        disallowFutureDateSelection: {\n            type: Boolean as PropType<boolean>,\n            default: false\n        },\n\n        /** Whether or not the user should be able to select dates in the past */\n        disallowPastDateSelection: {\n            type: Boolean as PropType<boolean>,\n            default: false\n        },\n\n        /** Which view do we open the calendar widget on? 0 = Month, 1 = Year, 2 = Decade */\n        startView: {\n            type: Number as PropType<0 | 1 | 2>,\n            default: 0\n        },\n\n        /**\n         * The container to attach the popup to, if not specified it will\n         * default to the document body.\n         */\n        container: {\n            type: HTMLElement as PropType<HTMLElement | null>,\n            required: false\n        },\n\n        /**\n         * The horizontal orientation of the popup. Left will attempt to keep\n         * the left edge aligned with the control and right will attempt to\n         * keep the right edge aligned with the control.\n         */\n        horizontalOrientation: {\n            type: String as PropType<\"left\" | \"right\">,\n            required: false\n        }\n    });\n\n    const emit = defineEmits<{\n        (e: \"update:modelValue\", val: string | null): void\n    }>();\n\n    /** Actions to which the datepicker can handle. */\n    const actions: DatePickerActions = {\n        onSetLocalDate: null\n    };\n\n    const currentLocaleDateFormatter = LocaleDateFormatter.fromCurrent();\n\n    // #region Values\n\n    const internalValue = ref<string | null>(null);\n    const defaultId = `datepicker-${newGuid()}`;\n    const inputEl = ref<HTMLInputElement | null>(null);\n\n    // #endregion\n\n    // #region Computed Values\n\n    const computedId = computed(() => {\n        return props.id || defaultId;\n    });\n\n    const asRockDateOrNull = computed(() => {\n        let date: DateTime | undefined = undefined;\n        if (internalValue.value) {\n            date = DateTime.fromFormat(internalValue.value, currentLocaleDateFormatter.aspDateFormat);\n        }\n\n        if (date?.isValid) {\n            return date.toISODate();\n        }\n        else {\n            return null;\n        }\n    });\n\n    const dateLimiterOptions = computed(() => {\n        const options: Record<string, Date> = {};\n        if (props.disallowFutureDateSelection) {\n            options.endDate = new Date();\n        }\n        if (props.disallowPastDateSelection) {\n            options.startDate = new Date();\n        }\n\n        return options;\n    });\n\n    // #endregion\n\n    // #region Functions\n\n    function initializePopup(): void {\n        const input = inputEl.value;\n\n        if (!input) {\n            return;\n        }\n\n        window.Rock.controls.datePicker.initialize({\n            ...(dateLimiterOptions.value),\n            id: input.id,\n            startView: props.startView,\n            showOnFocus: !props.disableShowOnFocus,\n            format: currentLocaleDateFormatter.datePickerFormat,\n            todayHighlight: !props.disableHighlightToday,\n            forceParse: !props.disableForceParse,\n            onChangeScript: () => {\n                internalValue.value = input.value;\n            },\n            container: props.container ?? \"body\",\n            orientation: props.horizontalOrientation || \"auto\",\n            actions\n        });\n    }\n\n    // #endregion\n\n    // #region Watchers\n\n    watch(() => props.modelValue, () => {\n        let date: DateTime | undefined = undefined;\n        if (props.modelValue) {\n            date = DateTime.fromISO(props.modelValue, {setZone: true});\n        }\n\n        // Update the underlying datepicker when the props.modelValue changes.\n        if (actions.onSetLocalDate) {\n            actions.onSetLocalDate(date?.isValid ? date.toJSDate() : undefined);\n        }\n\n        if (date?.isValid) {\n            internalValue.value = date.toFormat(currentLocaleDateFormatter.aspDateFormat);\n        }\n        else {\n            internalValue.value = null;\n        }\n    }, { immediate: true });\n\n    watch(asRockDateOrNull, () => {\n        emit(\"update:modelValue\", asRockDateOrNull.value);\n    });\n\n    // #endregion\n\n    // #region Lifecycle\n\n    onMounted(() => {\n        // Bit of a back to make sure all our props are set correctly.\n        nextTick(() => {\n            initializePopup();\n        });\n    });\n\n    // #endregion\n</script>\n"],"names":["actions","onSetLocalDate","currentLocaleDateFormatter","LocaleDateFormatter","fromCurrent","internalValue","ref","defaultId","concat","newGuid","inputEl","computedId","computed","props","id","asRockDateOrNull","_date","date","undefined","value","DateTime","fromFormat","aspDateFormat","isValid","toISODate","dateLimiterOptions","options","disallowFutureDateSelection","endDate","Date","disallowPastDateSelection","startDate","initializePopup","_props$container","input","window","Rock","controls","datePicker","initialize","_objectSpread","startView","showOnFocus","disableShowOnFocus","format","datePickerFormat","todayHighlight","disableHighlightToday","forceParse","disableForceParse","onChangeScript","container","orientation","horizontalOrientation","watch","modelValue","_date3","fromISO","setZone","_date2","toJSDate","toFormat","immediate","emit","onMounted","nextTick"],"mappings":"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"}