{"version":3,"file":"DefaultDateDropdown.de9569ec.js","sources":["../../../resources/js/common/components/Forms/DefaultDateDropdown.vue"],"sourcesContent":["<template>\n    <div class=\"countries-container\">\n        <template v-if=\"isInputFormat()\">\n            <div class=\"date-label\" v-if=\"label\">\n                {{ label }}\n            </div>\n            <flex-container class=\"input-container\" style=\"grid-gap: 10px; margin-top: 5px\">\n                <DefaultDropdown\n                    with-input\n                    simple-input\n                    scroll-active\n                    class=\"full-width\"\n                    :cases=\"daysCases\"\n                    :active-case=\"days\"\n                    @update=\"days = $event\"\n                />\n                <DefaultDropdown\n                    with-input\n                    simple-input\n                    scroll-active\n                    class=\"full-width\"\n                    :cases=\"monthsCases\"\n                    :active-case=\"months\"\n                    @update=\"months = $event\"\n                />\n                <DefaultDropdown\n                    with-input\n                    simple-input\n                    scroll-active\n                    class=\"full-width\"\n                    :cases=\"yearsCases\"\n                    :active-case=\"years\"\n                    @update=\"years = $event\"\n                />\n            </flex-container>\n        </template>\n        <DefaultDropdown\n            v-else\n            class=\"counties-dropdown\"\n            :label=\"(!multiple && label) || ''\"\n            :style-modifier=\"styleModifier\"\n            :active-case=\"value\"\n            :border-color=\"borderColor\"\n            flexible-label\n            :required=\"required\"\n            ref=\"dropdown\"\n            :cases=\"[]\"\n        >\n            <template v-if=\"tooltip\" #tooltip>\n                <alert-with-question>\n                    <default-title\n                        :weight=\"500\"\n                        font-family=\"Inter, sans-serif\"\n                        class=\"mb-5\"\n                        v-html=\"label\"\n                    ></default-title>\n                    <default-description font-family=\"Inter, sans-serif\" v-html=\"tooltip\"></default-description>\n                </alert-with-question>\n            </template>\n            <template #modal>\n                <CustomCalendar\n                    :allow-year-select=\"true\"\n                    :allow-double-click=\"false\"\n                    :select-date=\"activeCase\"\n                    @get=\"handleDate\"\n                />\n            </template>\n        </DefaultDropdown>\n    </div>\n</template>\n\n<script>\nimport FlexContainer from \"../Containers/FlexContainer.vue\"\nimport AlertWithQuestion from \"../Alerts/AlertWithQuestion.vue\"\nimport CustomCalendar from \"../CustomCalendar/CustomCalendar.vue\"\nimport DefaultDropdown from \"../Forms/DefaultDropdown.vue\"\nimport DefaultDescription from \"../Typography/DefaultDescription.vue\"\nimport DefaultTitle from \"../Typography/DefaultTitle.vue\"\nimport LocalTranslator from \"../../mixins/local-translator\"\nimport moment from \"moment\"\n\nimport \"moment/dist/locale/ru\"\nimport \"moment/dist/locale/uk\"\nimport \"moment/dist/locale/it\"\nimport \"moment/dist/locale/es\"\nimport \"moment/dist/locale/de\"\nimport \"moment/dist/locale/pl\"\nimport \"moment/dist/locale/fr\"\nimport \"moment/dist/locale/lv\"\nimport \"moment/dist/locale/pt\"\nimport \"moment/dist/locale/cs\"\nimport \"moment/dist/locale/ka\"\nimport \"moment/dist/locale/el\"\nimport \"moment/dist/locale/ro\"\nimport \"moment/dist/locale/zh-cn\"\n\nmoment.locale(window.app_current_locale)\n\nconst currentYear = new Date().getFullYear()\nconst formatO = val => (val < 10 ? `0${val}` : val)\n\nexport default {\n    components: {\n        FlexContainer,\n        CustomCalendar,\n        DefaultDescription,\n        DefaultDropdown,\n        AlertWithQuestion,\n        DefaultTitle\n    },\n    props: {\n        label: {\n            type: String,\n            default: \"\"\n        },\n        format: {\n            type: [Object, Array],\n            default: null\n        },\n        validation: {\n            type: [Object, Array],\n            default: null\n        },\n        borderColor: {\n            type: String,\n            default: \"#E0E0EC\"\n        },\n        required: {\n            type: Boolean,\n            default: false\n        },\n        tooltip: {\n            type: String,\n            default: \"\"\n        },\n        activeCase: {\n            type: [Object, Array, String, Number, Date],\n            default: null\n        },\n        cases: {\n            type: [Object, Array],\n            default: null\n        },\n        withAbsent: {\n            type: Boolean,\n            default: false\n        },\n        multiple: {\n            type: Boolean,\n            default: false\n        },\n        styleModifier: {\n            type: [String, Array],\n            default: \"\"\n        }\n    },\n    model: {\n        prop: \"activeCase\",\n        event: \"update\"\n    },\n    name: \"DefaultDateDropdown\",\n    mixins: [LocalTranslator],\n    data() {\n        return {\n            localKeys: \"course\",\n            monthsCases: new Array(12).fill({ id: 0, value: 0 }).map((_, index) => formatO(index + 1)),\n            daysCases: new Array(31).fill({ id: 0, value: 0 }).map((_, index) => formatO(index + 1)),\n            yearsCases: new Array(151).fill(0).map((_, index) => currentYear + 50 - index)\n        }\n    },\n    methods: {\n        isInputFormat() {\n            return this.format && this.format.date && this.format.date === \"[DAY] [MONTH] [YEAR]\"\n        },\n        handleDate($event) {\n            this.$emit(\"update\", $event.date)\n            this.$refs.dropdown.hide()\n        }\n    },\n    computed: {\n        days: {\n            get() {\n                if (this.activeCase) {\n                    return formatO(new Date(this.activeCase).getDate())\n                }\n                return \"\"\n            },\n            set(val) {\n                const date = this.activeCase ? new Date(this.activeCase) : new Date()\n\n                if (val <= 31) {\n                    date.setDate(val)\n                }\n\n                this.$emit(\"update\", date)\n            }\n        },\n        months: {\n            get() {\n                if (this.activeCase) {\n                    return formatO(new Date(this.activeCase).getMonth() + 1)\n                }\n                return \"\"\n            },\n            set(val) {\n                const date = this.activeCase ? new Date(this.activeCase) : new Date()\n\n                if (val <= 12) {\n                    date.setMonth(val - 1)\n                }\n\n                this.$emit(\"update\", date)\n            }\n        },\n        years: {\n            get() {\n                if (this.activeCase) {\n                    return new Date(this.activeCase).getFullYear()\n                }\n                return \"\"\n            },\n            set(val) {\n                const date = this.activeCase ? new Date(this.activeCase) : new Date()\n                date.setFullYear(val)\n\n                this.$emit(\"update\", date)\n            }\n        },\n        value() {\n            if (this.activeCase) {\n                return moment(this.activeCase).format(this?.format?.date || \"DD MMMM, YYYY\")\n            }\n            return this.activeCase\n        }\n    }\n}\n</script>\n\n<style lang=\"sass\" scoped>\n.date-label\n    font-size: 12px\n    margin-left: 30px\n    margin-bottom: 5px\n.full-width\n    width: 100%\n.input-container\n    @media (max-width: 410px)\n        flex-direction: column !important\n</style>\n"],"names":["moment","currentYear","formatO","val","_sfc_main","FlexContainer","CustomCalendar","DefaultDescription","DefaultDropdown","AlertWithQuestion","DefaultTitle","LocalTranslator","_","index","$event","date","_a"],"mappings":"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"}