{"version":3,"sources":["webpack:///./resources/js/src/app/components/pageDesign/MobilePromo.vue","webpack:///./resources/js/src/app/components/pageDesign/MobilePromo.vue?7bdb","webpack:///resources/js/src/app/components/pageDesign/MobilePromo.vue","webpack:///./resources/js/src/app/components/pageDesign/MobilePromo.vue?45b3"],"names":["render","_vm","this","_c","_self","showPromo","staticClass","isFixedText","_v","_s","textItems","join","_l","item","index","key","style","top","getItemTop","_e","_withStripped","name","data","headerfield1","headerfield2","headerfield3","activeIndex","timer","lastScrollPosition","isVisible","scrollTimeout","computed","length","methods","fetchConfig","_window$App","config","window","App","maversandVuePluginConfig","fixedText","filter","Boolean","concat","rotateItems","startRotation","setInterval","handleScroll","_this","currentScrollPosition","pageYOffset","document","documentElement","scrollTop","clearTimeout","setTimeout","mounted","addEventListener","beforeDestroy","clearInterval","removeEventListener","component"],"mappings":"4GAAIA,EAAS,WACX,IAAIC,EAAMC,KACRC,EAAKF,EAAIG,MAAMD,GACjB,OAAOA,EAAG,MAAO,CACfF,EAAII,UACAF,EAAG,MAAO,CAAEG,YAAa,+BAAiC,CACvDL,EAAIM,YAqBDJ,EAAG,MAAO,CAAEG,YAAa,cAAgB,CACvCL,EAAIO,GACF,iBACEP,EAAIQ,GAAGR,EAAIS,UAAUC,KAAK,QAC1B,gBAxBNR,EACE,MACA,CAAEG,YAAa,kBACfL,EAAIW,GAAGX,EAAIS,WAAW,SAAUG,EAAMC,GACpC,OAAOX,EACL,MACA,CACEY,IAAKD,EACLR,YAAa,YACbU,MAAO,CAAEC,IAAKhB,EAAIiB,WAAWJ,KAE/B,CACEb,EAAIO,GACF,qBAAuBP,EAAIQ,GAAGI,GAAQ,uBAK9C,KAURZ,EAAIkB,QAIZnB,EAAOoB,eAAgB,E,cCvC4L,ECiBpM,CACfC,KAAA,cACAC,KAAA,WACA,OACAC,aAAA,GACAC,aAAA,GACAC,aAAA,GACAlB,aAAA,EACAG,UAAA,GACAgB,YAAA,EACAC,MAAA,KACAC,mBAAA,EACAC,WAAA,EACAC,cAAA,OAGAC,SAAA,CACA1B,UAAA,WACA,YAAAK,UAAAsB,OAAA,QAAAH,YAGAI,QAAA,CACAC,YAAA,eAAAC,EACAC,EAAA,QAAAD,EAAAE,OAAAC,WAAA,IAAAH,OAAA,EAAAA,EAAAI,yBACA,KAAAhB,cAAAa,aAAA,EAAAA,EAAAb,eAAA,GACA,KAAAC,cAAAY,aAAA,EAAAA,EAAAZ,eAAA,GACA,KAAAC,cAAAW,aAAA,EAAAA,EAAAX,eAAA,GACA,KAAAlB,YAAA,UAAA6B,aAAA,EAAAA,EAAAI,WACA,KAAA9B,UAAA,MAAAa,aAAA,KAAAC,aAAA,KAAAC,cAAAgB,OAAAC,UAEAxB,WAAA,SAAAJ,GAEA,OAAAA,IAAA,KAAAY,YACA,MACAZ,KAAA,KAAAY,YAAA,QAAAhB,UAAAsB,OACA,GAAAW,OAJA,GAIA,MAEA,GAAAA,OAAA,UAEAC,YAAA,WACA,KAAAlB,YAAA,KAAAhB,UAAAsB,OAAA,EACA,KAAAN,cAEA,KAAAA,YAAA,GAGAmB,cAAA,WACA,KAAAlB,MAAAmB,YAAA,KAAAF,YAAA,MAEAG,aAAA,eAAAC,EAAA,KACAC,EAAAZ,OAAAa,aAAAC,SAAAC,gBAAAC,UAGAC,aAAA,KAAAxB,eAEA,KAAAA,cAAAyB,YAAA,WACAN,EAAA,KACAA,EAAAD,EAAApB,mBACAoB,EAAAnB,WAAA,EAKAmB,EAAAnB,WAAA,EAEAmB,EAAApB,mBAAAqB,IACA,OAIAO,QAAA,WACA,KAAAtB,cACA,KAAAW,gBACAR,OAAAoB,iBAAA,cAAAV,eAEAW,cAAA,WACAC,cAAA,KAAAhC,OACAU,OAAAuB,oBAAA,cAAAb,gB,OCvFIc,EAAY,YACd,EACA7D,EH6BoB,IG3BpB,EACA,KACA,KACA,MAIa,UAAA6D,E","file":"chunks/ceres-55.min.js","sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", [\n    _vm.showPromo\n      ? _c(\"div\", { staticClass: \"mobile-promo py-2 d-md-none\" }, [\n          !_vm.isFixedText\n            ? _c(\n                \"div\",\n                { staticClass: \"anim-container\" },\n                _vm._l(_vm.textItems, function (item, index) {\n                  return _c(\n                    \"div\",\n                    {\n                      key: index,\n                      staticClass: \"anim-item\",\n                      style: { top: _vm.getItemTop(index) },\n                    },\n                    [\n                      _vm._v(\n                        \"\\n                \" + _vm._s(item) + \"\\n            \"\n                      ),\n                    ]\n                  )\n                }),\n                0\n              )\n            : _c(\"div\", { staticClass: \"fixed-text\" }, [\n                _vm._v(\n                  \"\\n            \" +\n                    _vm._s(_vm.textItems.join(\" | \")) +\n                    \"\\n        \"\n                ),\n              ]),\n        ])\n      : _vm._e(),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MobilePromo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MobilePromo.vue?vue&type=script&lang=js&\"","<template>\n    <div>\n        <div class=\"mobile-promo py-2 d-md-none\" v-if=\"showPromo\">\n            <div class=\"anim-container\" v-if=\"!isFixedText\">\n                <div v-for=\"(item, index) in textItems\" :key=\"index\" class=\"anim-item\"\n                    :style=\"{ top: getItemTop(index) }\">\n                    {{ item }}\n                </div>\n            </div>\n            <div v-else class=\"fixed-text\">\n                {{ textItems.join(' | ') }}\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'MobilePromo',\n    data() {\n        return {\n            headerfield1: '',\n            headerfield2: '',\n            headerfield3: '',\n            isFixedText: false,\n            textItems: [],\n            activeIndex: 0,\n            timer: null,\n            lastScrollPosition: 0,\n            isVisible: true,\n            scrollTimeout: null, // Add this line to store the scroll timeout ID\n        };\n    },\n    computed: {\n        showPromo() {\n            return this.textItems.length > 0 && this.isVisible;\n        }\n    },\n    methods: {\n        fetchConfig() {\n            const config = window.App?.maversandVuePluginConfig;\n            this.headerfield1 = config?.headerfield1 || '';\n            this.headerfield2 = config?.headerfield2 || '';\n            this.headerfield3 = config?.headerfield3 || '';\n            this.isFixedText = config?.fixedText === 'true';\n            this.textItems = [this.headerfield1, this.headerfield2, this.headerfield3].filter(Boolean);\n        },\n        getItemTop(index) {\n            const itemHeight = 24; // Adjust to match the CSS\n            if (index === this.activeIndex) {\n                return '0px';\n            } else if (index === (this.activeIndex + 1) % this.textItems.length) {\n                return `${itemHeight}px`;\n            }\n            return `${2 * itemHeight}px`;\n        },\n        rotateItems() {\n            if (this.activeIndex < this.textItems.length - 1) {\n                this.activeIndex++;\n            } else {\n                this.activeIndex = 0;\n            }\n        },\n        startRotation() {\n            this.timer = setInterval(this.rotateItems, 5000);\n        },\n        handleScroll() {\n            const currentScrollPosition = window.pageYOffset || document.documentElement.scrollTop;\n\n            // Clear any previous timeout to ensure only the latest scroll action is considered\n            clearTimeout(this.scrollTimeout);\n\n            this.scrollTimeout = setTimeout(() => {\n                if (currentScrollPosition > 100) { // Checks if the user has scrolled down more than 100 pixels\n                    if (currentScrollPosition > this.lastScrollPosition) {\n                        this.isVisible = false; // Hide on scroll down\n                    } else {\n                        this.isVisible = true; // Show on scroll up\n                    }\n                } else {\n                    this.isVisible = true; // Always show when near the top of the page\n                }\n                this.lastScrollPosition = currentScrollPosition;\n            }, 250); // Debounce time of 250ms\n        }\n\n    },\n    mounted() {\n        this.fetchConfig();\n        this.startRotation();\n        window.addEventListener('scroll', this.handleScroll);\n    },\n    beforeDestroy() {\n        clearInterval(this.timer);\n        window.removeEventListener('scroll', this.handleScroll);\n    }\n};\n</script>\n","import { render, staticRenderFns } from \"./MobilePromo.vue?vue&type=template&id=86c9b240&\"\nimport script from \"./MobilePromo.vue?vue&type=script&lang=js&\"\nexport * from \"./MobilePromo.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}