{"version":3,"file":"js/component-module-main-CountdownModule-vue-default.01912d42.js","mappings":"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","sources":["webpack://ne.twork.events/./src/components/default/module/main/CountdownModule.vue","webpack://ne.twork.events/./src/components/default/module/main/CountdownModule.vue?f852"],"sourcesContent":["<template>\n    <div :class=\"[\n        animatedBackground.bgcolor,\n        'flex items-center justify-center text-gray-800 py-2 px-4 w-full mx-auto transition-colors duration-1000 pulse'\n    ]\">\n        <!-- Icon and Countdown Text -->\n        <div class=\"flex items-center gap-2 flex-wrap\">\n\n\n            <!-- Countdown Text -->\n            <div :class=\"[\n                'font-mono font-semibold text-center break-words max-w-full',\n                animatedBackground.txtcolor\n            ]\" :style=\"{ fontSize: 'clamp(0.4rem, 4vw, 1.8rem)', lineHeight: '1.4' }\">\n                {{ countdown || $translate('Event is about to start, please wait...') }}\n            </div>\n        </div>\n    </div>\n</template>\n<script>\nimport { translate } from '@/utils/translate';\n\nexport default {\n    name: 'CountdownModule',\n    props: {\n        event: {\n            type: Object,\n            required: true,\n        },\n    },\n    data() {\n        return {\n            countdown: null,\n            animatedBackground: {\n                bgcolor: 'bg-green-500', // Default background\n                txtcolor: 'text-white', // Default text color\n            },\n            countdownInterval: null, // To store the interval ID\n        };\n    },\n    methods: {\n        getCountdownColor() {\n            const now = new Date().getTime();\n            const start = new Date(this.event.date.raw.start_at).getTime();\n            const timeDifference = start - now;\n\n            // Define the time thresholds\n            const oneDay = 24 * 60 * 60 * 1000; // 1 day in milliseconds\n            const twoDays = 2 * oneDay;\n            const threeDays = 3 * oneDay;\n            const oneWeek = 7 * oneDay;\n            const twoWeeks = 14 * oneDay;\n\n            if (timeDifference <= oneDay) {\n                return { bgcolor: 'bg-red-600', txtcolor: 'text-white' };\n            } else if (timeDifference <= twoDays) {\n                return { bgcolor: 'bg-red-400', txtcolor: 'text-gray-800' };\n            } else if (timeDifference <= threeDays) {\n                return { bgcolor: 'bg-red-300', txtcolor: 'text-gray-800' };\n            } else if (timeDifference <= oneWeek) {\n                return { bgcolor: 'bg-yellow-500', txtcolor: 'text-gray-800' };\n            } else if (timeDifference <= twoWeeks) {\n                return { bgcolor: 'bg-yellow-300', txtcolor: 'text-gray-800' };\n            } else {\n                return { bgcolor: 'bg-yellow-100', txtcolor: 'text-gray-800' };\n            }\n        },\n        updateCountdown() {\n            const now = new Date().getTime();\n            const start = new Date(this.event.date.raw.start_at).getTime();\n            const end = new Date(this.event.date.raw.end_at).getTime();\n\n            if (now > end) {\n                clearInterval(this.countdownInterval);\n                this.countdown = translate('countdown.event_ended');\n                this.animatedBackground = { bgcolor: 'bg-gray-500', txtcolor: 'text-gray-100' };\n                return;\n            }\n\n            if (now >= start && now <= end) {\n                clearInterval(this.countdownInterval);\n                this.countdown = translate('countdown.event_started');\n                this.animatedBackground = { bgcolor: 'bg-green-600', txtcolor: 'text-white' };\n                return;\n            }\n\n            const distance = start - now;\n\n            // Update the background and text color based on remaining time\n            this.animatedBackground = this.getCountdownColor();\n\n            const days = Math.floor(distance / (1000 * 60 * 60 * 24));\n            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n            const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));\n            const seconds = Math.floor((distance % (1000 * 60)) / 1000);\n\n            const parts = [];\n\n            // Handle Days\n            if (days > 0) {\n                const days_text =\n                    days === 1\n                        ? translate('countdown.day') // 'day'\n                        : days < 5\n                            ? translate('countdown.days_few') // 'days'\n                            : translate('countdown.days_many'); // 'days'\n                parts.push(`${days} ${days_text}`);\n            }\n\n            // Handle Hours\n            if (hours > 0) {\n                const hours_text =\n                    hours === 1\n                        ? translate('countdown.hour_accusative') // 'hour'\n                        : hours < 5\n                            ? translate('countdown.hours_few') // 'hours'\n                            : translate('countdown.hours_many'); // 'hours'\n                parts.push(`${hours} ${hours_text}`);\n            }\n\n            // Handle Minutes\n            if (minutes > 0) {\n                const minutes_text =\n                    minutes === 1\n                        ? translate('countdown.minute') // 'minute'\n                        : minutes < 5\n                            ? translate('countdown.minutes_few') // 'minutes'\n                            : translate('countdown.minutes_many'); // 'minutes'\n                parts.push(`${minutes} ${minutes_text}`);\n            }\n\n            // Handle Seconds (only if days, hours, and minutes are all zero)\n            if (days === 0 && hours === 0 && minutes === 0 && seconds > 0) {\n                const seconds_text =\n                    seconds === 1\n                        ? translate('countdown.second') // 'second'\n                        : seconds < 5\n                            ? translate('countdown.seconds_few') // 'seconds'\n                            : translate('countdown.seconds_many'); // 'seconds'\n                parts.push(`${seconds} ${seconds_text}`);\n            }\n\n            // Insert 'and' before the last part if there are multiple parts\n            let time_components = '';\n            const partsCount = parts.length;\n\n            if (partsCount === 1) {\n                // Only one part, no need to add 'and'\n                time_components = parts[0];\n            } else if (partsCount === 2) {\n                // Two parts, join with 'and'\n                time_components = `${parts[0]} ${translate('countdown.and')} ${parts[1]}`;\n            } else if (partsCount > 2) {\n                // More than two parts, join all except the last with commas, then add 'and'\n                const allButLast = parts.slice(0, -1).join(', ');\n                const last = parts.slice(-1);\n                time_components = `${allButLast} ${translate('countdown.and')} ${last}`;\n            }\n\n            // Construct the final countdown message\n            this.countdown = translate('countdown.start_text', {\n                time_components,\n            }) + '.';\n        },\n    },\n    mounted() {\n        this.updateCountdown();\n        this.countdownInterval = setInterval(this.updateCountdown, 1000);\n    },\n    beforeUnmount() {\n        clearInterval(this.countdownInterval);\n    },\n};\n</script>\n\n<style scoped>\n/* Pulse Animation */\n@keyframes pulse {\n\n    0%,\n    100% {\n        opacity: 1;\n    }\n\n    50% {\n        opacity: 0.8;\n    }\n}\n\n.pulse {\n    animation: pulse 2s infinite ease-in-out;\n}\n\n/*\n.hourglassanimation {\n    -webkit-animation: hourglass 2s cubic-bezier(0.25, 0.7, 0.2, 1.2) infinite;\n    animation: hourglass 2s cubic-bezier(0.25, 0.7, 0.2, 1.2) infinite;\n}\n\n@-webkit-keyframes hourglass {\n\n    60%,\n    100% {\n        transform: rotate(180deg);\n    }\n}\n\n@keyframes hourglass {\n\n    60%,\n    100% {\n        transform: rotate(180deg);\n    }\n}*/\n</style>","import { render } from \"./CountdownModule.vue?vue&type=template&id=9a5560ae&scoped=true\"\nimport script from \"./CountdownModule.vue?vue&type=script&lang=js\"\nexport * from \"./CountdownModule.vue?vue&type=script&lang=js\"\n\nimport \"./CountdownModule.vue?vue&type=style&index=0&id=9a5560ae&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-9a5560ae\"]])\n\nexport default __exports__"],"names":["class","_createElementBlock","_normalizeClass","$data","animatedBackground","bgcolor","_createElementVNode","_hoisted_1","txtcolor","style","fontSize","lineHeight","countdown","_ctx","$translate","name","props","event","type","Object","required","data","countdownInterval","methods","getCountdownColor","now","Date","getTime","start","this","date","raw","start_at","timeDifference","oneDay","twoDays","threeDays","oneWeek","twoWeeks","updateCountdown","end","end_at","clearInterval","translate","distance","days","Math","floor","hours","minutes","seconds","parts","days_text","push","hours_text","minutes_text","seconds_text","time_components","partsCount","length","allButLast","slice","join","last","mounted","setInterval","beforeUnmount","__exports__","render"],"sourceRoot":""}