{"version":3,"file":"components.blog.d5d73add52a36266ca9a.js","mappings":"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","sources":["webpack:///./Onlia/Scripts/onlia/blog/components/article-list.js","webpack:///./Onlia/Scripts/onlia/blog/components/article-template-dropdown.js","webpack:///./Onlia/Scripts/onlia/blog/components/latest-category-articles.js","webpack:///./Onlia/Scripts/onlia/blog/components/magazine-article-list.js","webpack:///./Onlia/Scripts/onlia/blog/components/subscription-card.js","webpack:///./Onlia/Scripts/onlia/blog/mixins/api.js"],"sourcesContent":["import axios from 'axios';\r\nimport api from '../mixins/api';\r\nimport { IS_DEV, HEADER_NAV } from '@Shared/settings';\r\n// import { gsap } from 'gsap';\r\nimport { loadGSAP } from '@Shared/utils/gsap-utils';\r\n\r\nconst TOTAL_PAGINATION_ITEMS = 5;\r\n\r\nconst ELLIPSIS_PAGINATION = {\r\n  label: '...',\r\n  attributes: {\r\n    class: '-disabled',\r\n    is: 'div'\r\n  }\r\n};\r\n\r\nexport default {\r\n  name: 'article-list',\r\n  mixins: [ api ],\r\n\r\n  props: {\r\n    topArticles: {\r\n      type: Object,\r\n      required: true\r\n    },\r\n    previousButtonLabel: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    nextButtonLabel: {\r\n      type: String,\r\n      required: true\r\n    }\r\n  },\r\n\r\n  data() {\r\n    const { Articles, PageIndex } = this.topArticles;\r\n    return {\r\n      articles: Articles,\r\n      currentPageIndex: PageIndex\r\n    };\r\n  },\r\n\r\n  beforeCreate() {\r\n    import(/* webpackChunkName: 'styles.blog' */ \"@Styles/blog\");\r\n  },\r\n\r\n  mounted() {\r\n    window.onpopstate = async (event) => {\r\n      if (event && event.state) {\r\n        await this.loadPage(event.state.page, true);\r\n      } else {\r\n        const params = new URLSearchParams(location.search);\r\n        if (params.has('page')) {\r\n          await this.loadPage(parseInt(params.get('page')), true);\r\n        } else {\r\n          await this.loadPage(1, true);\r\n        }\r\n      }\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    baseURL() {\r\n      const { location: { origin, pathname } } = window;\r\n      return `${origin}${pathname}?page=`;\r\n    },\r\n    itemsPerPage() {\r\n      return this.topArticles.ItemsPerPage;\r\n    },\r\n    totalArticles() {\r\n      return this.topArticles.TotalCount;\r\n    },\r\n    lastPageIndex() {\r\n      return Math.ceil(this.totalArticles / this.itemsPerPage);\r\n    },\r\n    articleContext() {\r\n      return this.topArticles.Context;\r\n    },\r\n    firstCategory() {\r\n      return this.articles[0].Category;\r\n    },\r\n    isMobile() {\r\n      return this.$store.getters.breakpointMobile;\r\n    },\r\n    currentPreviousButtonLabel() {\r\n      return this.isMobile ? '' : this.previousButtonLabel;\r\n    },\r\n    currentNextButtonLabel() {\r\n      return this.isMobile ? '' : this.nextButtonLabel;\r\n    },\r\n    previousPageURL() {\r\n      return `${this.baseURL}${this.currentPageIndex - 1}`;\r\n    },\r\n    nextPageURL() {\r\n      return `${this.baseURL}${this.currentPageIndex + 1}`;\r\n    },\r\n    showPreviousButton() {\r\n      return this.currentPageIndex > 1;\r\n    },\r\n    showNextButton() {\r\n      return this.currentPageIndex < this.lastPageIndex;\r\n    },\r\n    paginationItems() {\r\n      const range = this.lastPageIndex - this.currentPageIndex;\r\n      const isBeginning = (range >= TOTAL_PAGINATION_ITEMS);\r\n\r\n      const startIndex = isBeginning ?\r\n        this.currentPageIndex :\r\n        Math.max(1, this.lastPageIndex - TOTAL_PAGINATION_ITEMS + 1);\r\n\r\n      const endIndex = (isBeginning && this.lastPageIndex >= TOTAL_PAGINATION_ITEMS) ?\r\n          this.currentPageIndex + TOTAL_PAGINATION_ITEMS :\r\n          this.lastPageIndex + 1;\r\n\r\n      const items = [];\r\n\r\n      for (let pageIndex = startIndex; pageIndex < endIndex; pageIndex++) {\r\n        items.push({\r\n          pageIndex: pageIndex,\r\n          label: pageIndex,\r\n          attributes: {\r\n            href: `${this.baseURL}${pageIndex}`,\r\n            is: 'a',\r\n            class: {\r\n              '-active': this.currentPageIndex === pageIndex\r\n            }\r\n          }\r\n        });\r\n      }\r\n\r\n      if (isBeginning) {\r\n        items[TOTAL_PAGINATION_ITEMS - 1] = {\r\n          pageIndex: this.lastPageIndex,\r\n          label: this.lastPageIndex,\r\n          attributes: {\r\n            href: `${this.baseURL}${this.lastPageIndex}`,\r\n            is: 'a',\r\n            class: {\r\n              '-active': this.currentPageIndex === this.lastPageIndex\r\n            }\r\n          }\r\n        };\r\n\r\n        // Non functional, ellipsis pagination item\r\n        items[TOTAL_PAGINATION_ITEMS - 2] = ELLIPSIS_PAGINATION;\r\n      }\r\n\r\n      return items;\r\n    },\r\n    navHeaderHeight() {\r\n      const headerHeight = this.$store.getters['currentHeaderHeight'];\r\n\r\n      if (!this.isMobile && this.$store.state.globalNav.isHidden) {\r\n        return headerHeight + HEADER_NAV.topNavHeight;\r\n      }\r\n\r\n      return headerHeight;\r\n    }\r\n  },\r\n  methods: {\r\n    async loadPage(pageIndex, backButton) {\r\n      try {\r\n        if (typeof pageIndex !== 'number' || pageIndex === this.currentPageIndex) return;\r\n\r\n        this.currentPageIndex = pageIndex;\r\n\r\n        const { data, status } = await axios.post(this.api.loadMoreArticles, {\r\n          Context: this.articleContext,\r\n          PageIndex: this.currentPageIndex,\r\n          ItemsPerPage: this.itemsPerPage,\r\n          //CurrentArticlesCount: this.Model.Articles.length,\r\n          FirstCategory: this.firstCategory,\r\n          CategoryId: this.topArticles.CategoryId\r\n        });\r\n\r\n        if (status !== 200 || !data.Articles.length) return;\r\n\r\n        this.articles = data.Articles;\r\n\r\n        (!window.gsap && await loadGSAP());\r\n\r\n        if (!backButton) {        \r\n          history.pushState({page: pageIndex}, `title ${pageIndex}`, `${this.baseURL}${pageIndex}`);\r\n        }\r\n\r\n        this.scrollToElementTop();\r\n      }\r\n      catch (error) {\r\n        (IS_DEV && console.error('loadPage error:', error));\r\n      }\r\n    },\r\n    async loadPrevious() {\r\n      await this.loadPage(this.currentPageIndex - 1);\r\n    },\r\n    async loadNext() {\r\n      await this.loadPage(this.currentPageIndex + 1);\r\n    },\r\n    async scrollToElementTop() {\r\n      const { top: elementTop } = this.$el.getBoundingClientRect();\r\n      const docEl = document.documentElement;\r\n      const scrollTop = window.pageYOffset;\r\n      const clientTop = docEl.clientTop;\r\n      const top  = Math.round(elementTop + scrollTop - clientTop - this.navHeaderHeight) - 20;\r\n\r\n      (!window.gsap && await loadGSAP());\r\n\r\n      gsap.to(document.scrollingElement, {\r\n        scrollTop: top,\r\n        duration: 0.6,\r\n        ease: 'power3.out'\r\n      });\r\n      },\r\n      async navigateToLink(url) {\r\n          window.location.href = url;\r\n      }\r\n  }\r\n};\r\n","export default {\r\n    name: 'article-template',\r\n    data() {\r\n        return {\r\n            isDropdownOpen: false,\r\n            headings: [],\r\n            selectedHeading: null,\r\n        };\r\n    },\r\n    mounted() {\r\n        this.getHeadings();\r\n        if (this.headings.length > 0) {\r\n            this.selectedHeading = this.headings[0];\r\n        }\r\n       this.closeDropdown();\r\n\r\n\r\n\r\n        },\r\n    methods: {\r\n        toggleDropdown() {\r\n            this.isDropdownOpen = !this.isDropdownOpen;\r\n        },\r\n\r\n        selectHeading(heading) {\r\n            this.selectedHeading = heading;\r\n            this.scrollToSection(this.headings.indexOf(heading));\r\n        },\r\n      \r\n        scrollToSection(index) {\r\n            const target = document.querySelectorAll('.article-body h3, .article-body h4')[index];\r\n            const offset = 100;\r\n\r\n            const top = target.getBoundingClientRect().top + window.pageYOffset - offset;\r\n            window.scrollTo({\r\n                top,\r\n                behavior: 'smooth',\r\n            });\r\n        },\r\n\r\n        getHeadings() {\r\n            const headings = document.querySelectorAll('.article-body h3 , .article-body h4');\r\n            this.headings = Array.from(headings).map((_, index) => ({\r\n                text: headings[index].textContent,\r\n            }));\r\n        },\r\n        truncateText(text, maxLength) {\r\n            if (text.length > maxLength) {\r\n                return `${text.substring(0, maxLength)}...`;\r\n            }\r\n            return text;\r\n        },\r\n        closeDropdown(){\r\n            //close dropdown if user clicks outside of it\r\n            const vm = this;\r\n            if (window.location.href.includes(\"magazine/blogs\") ) {\r\n                document.addEventListener(\"click\", function(){\r\n                    if (!event.target.closest('.m-dropdown__box')) {\r\n                        vm.isDropdownOpen = false;                           \r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n}","import axios from \"axios\";\r\nimport api from \"../mixins/api\";\r\n\r\nexport default {\r\n    name: 'latest-category-articles',\r\n    props: {\r\n        categoryArticles: Object\r\n    },\r\n\r\n    created() {\r\n        const vm = this;\r\n\r\n        vm.Model = this.categoryArticles;\r\n\r\n        if (vm.Model.Categories.length > 0) {\r\n            vm.selectedCategory = vm.Model.Categories[0].Id;\r\n        }\r\n    },\r\n\r\n    mixins: [api],\r\n\r\n    data() {\r\n        return {\r\n            Model: {},\r\n            selectedCategory: {}\r\n        };\r\n    },\r\n\r\n    beforeCreate() {\r\n        import(/* webpackChunkName: 'styles.blog' */ \"@Styles/blog\");\r\n    },\r\n\r\n    methods: {\r\n        loadCategory(categoryId) {\r\n            axios.post(this.api.loadCategory, \"\\\"\" + categoryId + \"\\\"\", { headers: { \"Content-Type\": \"application/json\" } })\r\n                .then(result => {\r\n                    if (result.status != 200)\r\n                        return;\r\n\r\n                    if (result.data) {\r\n                        this.Model.Articles = result.data;\r\n                    }\r\n                });\r\n        },\r\n    },\r\n};","import axios from 'axios';\r\nimport api from '../mixins/api';\r\n\r\nexport default {\r\n    name: 'magazine-article-list',\r\n    mixins: [api],\r\n\r\n    props: {\r\n        topArticles: {\r\n            type: Object,\r\n            required: true\r\n        },\r\n    },\r\n\r\n    components: {\r\n        SubscriptionCard: () => import('./subscription-card')\r\n    },\r\n\r\n    data() {\r\n        const { Articles, PageIndex, CategoriesList } = this.topArticles;\r\n       \r\n        const categoryTabs = CategoriesList.map(category => ({\r\n            name: category.Title,\r\n            id: category.Id,\r\n            totalCategoryArticles: category.ArticlesCount,\r\n           \r\n        }));\r\n        const currentTab = -1;\r\n        if (sessionStorage.activeTab) {\r\n            activeTab = parseInt(sessionStorage.activeTab);\r\n        }\r\n        return {\r\n            activeTab: currentTab,\r\n            tabs: categoryTabs,\r\n            articles: Articles,\r\n            currentPageIndex: PageIndex,\r\n            currentArticleCount: 0, \r\n            itemsPerPage: 9,\r\n            isLoading: false,\r\n            selectedCategoryId: null,\r\n            showMoreArticles: false,\r\n            showSubscriptionCard: false\r\n        };\r\n    },\r\n\r\n    created() {\r\n        const vm = this;\r\n\r\n        vm.Model = this.topArticles;\r\n\r\n        if (vm.Model.CategoriesList.length > 0) {\r\n            vm.selectedCategory = vm.Model.CategoriesList[0].Id;\r\n        }\r\n\r\n        // Check if the page is reloaded\r\n        const isReloaded = performance.navigation.type === 1;\r\n        if (isReloaded) {\r\n            this.currentPageIndex = 1; \r\n            this.articles = [];\r\n        }\r\n    },\r\n   \r\n    computed: {\r\n\r\n        hasMorePages() {\r\n            const currentArticles = this.articles.length;\r\n            const totalArticles = this.selectedCategoryId ? this.tabs.find(tab => tab.id === this.selectedCategoryId).totalCategoryArticles : this.totalArticles;\r\n            return currentArticles < totalArticles - 1;\r\n        },\r\n        baseURL() {\r\n            const { location: { origin, pathname } } = window;\r\n            const params = new URLSearchParams(window.location.search);\r\n            params.set('page', this.currentPageIndex.toString());\r\n            return `${origin}${pathname}?${params.toString()}`;\r\n        },\r\n        totalArticles() {\r\n            return this.topArticles.TotalCount;\r\n        },\r\n        articleContext() {\r\n            return this.topArticles.Context;\r\n        },\r\n        isMobile() {\r\n            return this.$store.getters.breakpointMobile;\r\n        },\r\n        loadMoreItems() {\r\n            const Label = this.isLoading ? '. . .' : 'Load More Articles';\r\n         \r\n            return [\r\n                {\r\n                    label: Label,\r\n                    component: \"onlia-button\",\r\n                    attributes: {\r\n                        tag: \"button\",\r\n                        class: {\r\n                            \"m-article__loadMoreButton\": true,\r\n                            \"-loading\": this.isLoading,\r\n                        }, \r\n                    },\r\n                }\r\n            ];\r\n        },\r\n    },\r\n    methods: {\r\n\r\n        //API call to load more articles\r\n        async loadArticles(pageIndex) {\r\n            this.showMoreArticles = true;\r\n            try {\r\n                const { data, status } = await axios.post(this.api.loadMoreArticles, {\r\n                    Context: this.articleContext,\r\n                    PageIndex: pageIndex,\r\n                    ItemsPerPage: pageIndex === 2 ? 8 : 9,\r\n                    CurrentArticlesCount: this.currentArticleCount,\r\n                    CategoryId: this.selectedCategoryId,\r\n                    IsMagazinePage: true\r\n                });\r\n\r\n                if (status !== 200 || !data.Articles.length) {\r\n                    this.hasMorePages = false;\r\n                } else {\r\n\r\n                    if (pageIndex === 1) {\r\n                        // Initial loaded articles\r\n                        const displayedArticles = data.Articles.slice(0, 8);\r\n                        this.articles = displayedArticles;\r\n                        this.currentArticleCount = data.Articles.length;\r\n                        this.showSubscriptionCard = true;\r\n                    } else {\r\n                        if (pageIndex === 2 && this.activeTab === -1) {\r\n                            this.articles = data.Articles.slice(-9);\r\n                        }\r\n                        else {\r\n                            this.articles.push(...data.Articles);\r\n                        }\r\n                    }\r\n                    this.currentArticleCount += data.Articles.length;\r\n                    this.currentPageIndex = pageIndex;\r\n                  \r\n                \r\n                }\r\n            } catch (error) {\r\n                console.error('loadArticles error:', error);\r\n            }\r\n        },\r\n\r\n        //CateogryTabs change method\r\n        changeTab(index) {\r\n            this.activeTab = index;\r\n            const selectedCategory = index === -1 ? null : this.tabs[index];\r\n            this.selectedCategoryId = selectedCategory ? selectedCategory.id : null;\r\n            this.currentArticleCount = 0;\r\n            this.currentPageIndex = 1;\r\n\r\n            if (this.activeTab !== -1) {\r\n                this.loadArticles(this.currentPageIndex);\r\n            } else {\r\n                this.articles = [];\r\n            }\r\n            if (this.currentPageIndex !== 1) {\r\n                this.showSubscriptionCard = false;\r\n            }\r\n        },\r\n\r\n        //loadMore button method\r\n        loadMore() {\r\n            this.isLoading = true;\r\n            if (this.currentPageIndex === 1 && this.activeTab === -1) {\r\n                this.articles = this.articles.slice(0, 9);\r\n            }\r\n            this.loadArticles(this.currentPageIndex + 1).finally(() => {\r\n                this.isLoading = false;\r\n            });\r\n        },\r\n       \r\n        navigateToLink(event, url) {\r\n            event.preventDefault();\r\n            if (event.metaKey || event.ctrlKey) {\r\n                window.open(url, \"_blank\");\r\n            } else {\r\n                window.location.href = url;\r\n            }\r\n        },\r\n        isSubscriptionCard(index) {\r\n            if (this.activeTab !== -1) {\r\n                return index === 4;\r\n            }\r\n            return false;\r\n        },\r\n        getArticleClass(index) {\r\n            return this.isSubscriptionCard(index) ?\r\n                'o-articlesList__article col-lg-8' : 'o-articlesList__article col-lg-4';\r\n        },\r\n    }\r\n};\r\n","import Vue from 'vue';\r\nimport axios from \"axios\";\r\nimport api from \"../mixins/api\";\r\n\r\nexport default {\r\n    name: 'subscription-card',\r\n    mixins: [api],\r\n    inject: [\"$validator\"],\r\n\r\n    props: {\r\n        model: Object\r\n    },\r\n\r\n    data() {\r\n        return {\r\n            showPopup: false,\r\n            showSuccessPopup: false,\r\n            loading: false,\r\n            Model: {},\r\n            emailStatusLoading: false,\r\n            emailStatusSuccess: false,\r\n            emailStatusError: false,\r\n        };\r\n    },\r\n    created() {\r\n        this.Model = this.model;\r\n    },\r\n\r\n    mounted() {\r\n        this.setCallbacks();\r\n    },\r\n    methods: {\r\n        showSignupPopup() {\r\n            if (this.emailStatusSuccess === false) {\r\n                this.showPopup = true;\r\n                setTimeout(function() {\r\n                    document.querySelector(\".m-signupPopup__email-me-form iframe \").style.transform = \"scale(0.80)\";\r\n                    document.querySelector(\".m-signupPopup__email-me-form iframe \").style.display = \"block\";\r\n                }, 1000);\r\n            }   \r\n        },\r\n       \r\n        subscribeEmail() {\r\n           \r\n            const vm = this;\r\n          \r\n            vm.$validator.validate().then(function (isFormValid) {\r\n                vm.emailStatusSuccess = false;\r\n                vm.emailStatusError = false;\r\n               \r\n                if (isFormValid) {\r\n                    vm.emailStatusLoading = true;\r\n\r\n                    axios.post(vm.api.emailSubscribe, vm.Model)\r\n                        .then(result => {\r\n                            if (result.data) {\r\n                                vm.emailStatusSuccess = result.data;\r\n                                vm.emailStatusError = !result.data;\r\n                                vm.emailStatusLoading = false;\r\n                                vm.showSuccessPopup = true;\r\n                                vm.showPopup = false;\r\n                            \r\n                            } else {\r\n                                vm.emailStatusSuccess = !result.data;\r\n                                vm.emailStatusError = result.data;\r\n                                vm.emailStatusLoading = false;\r\n                                vm.showSuccessPopup = false;\r\n                            }\r\n                          \r\n                            vm.resetCaptcha();\r\n                           \r\n                        })\r\n                        .catch(result => {\r\n                            vm.emailStatusSuccess = false;\r\n                            vm.emailStatusError = true;\r\n                            vm.emailStatusLoading = false;\r\n\r\n                            vm.resetCaptcha();\r\n                        });\r\n                 \r\n                } else {\r\n                    vm.emailStatusLoading = false;\r\n                    return;\r\n                }\r\n               \r\n            });\r\n           \r\n        },\r\n\r\n        setCallbacks() {\r\n            const vm = this;\r\n            window.recaptchaCallback = function (captchaValue) {\r\n                vm.Model.CaptchaValue = captchaValue;\r\n                vm.Model.IsCaptchaValid = true;\r\n            };\r\n        },\r\n\r\n        resetCaptcha() {\r\n            window.grecaptcha && window.grecaptcha.reset();\r\n\r\n            this.Model.CaptchaValue = null;\r\n            this.Model.IsCaptchaValid = null;\r\n\r\n            this.$validator.reset();\r\n        },\r\n\r\n        dismissPopup() {\r\n            this.showPopup = false;\r\n            this.showSuccessPopup = false;\r\n            this.resetForm();\r\n        },\r\n\r\n        resetForm() {\r\n            this.emailStatusSuccess = false;\r\n            this.emailStatusError = false;\r\n        },\r\n\r\n    }\r\n};\r\n","import { blog } from '@Apis';\r\n\r\nexport default {\r\n  computed: {\r\n    api() {\r\n      return blog;\r\n    }\r\n  }\r\n};\r\n"],"names":["ELLIPSIS_PAGINATION","label","attributes","class","is","name","mixins","api","props","topArticles","type","Object","required","previousButtonLabel","String","nextButtonLabel","data","Articles","PageIndex","this","articles","currentPageIndex","beforeCreate","mounted","window","onpopstate","async","event","state","loadPage","page","params","URLSearchParams","location","search","has","parseInt","get","computed","baseURL","origin","pathname","concat","itemsPerPage","ItemsPerPage","totalArticles","TotalCount","lastPageIndex","Math","ceil","articleContext","Context","firstCategory","Category","isMobile","$store","getters","breakpointMobile","currentPreviousButtonLabel","currentNextButtonLabel","previousPageURL","nextPageURL","showPreviousButton","showNextButton","paginationItems","isBeginning","startIndex","max","endIndex","items","pageIndex","push","href","TOTAL_PAGINATION_ITEMS","navHeaderHeight","headerHeight","globalNav","isHidden","HEADER_NAV","topNavHeight","methods","backButton","status","axios","post","loadMoreArticles","FirstCategory","CategoryId","length","gsap","loadGSAP","history","pushState","scrollToElementTop","error","IS_DEV","loadPrevious","loadNext","top","elementTop","$el","getBoundingClientRect","docEl","document","documentElement","scrollTop","pageYOffset","clientTop","round","to","scrollingElement","duration","ease","navigateToLink","url","isDropdownOpen","headings","selectedHeading","getHeadings","closeDropdown","toggleDropdown","selectHeading","heading","scrollToSection","indexOf","index","querySelectorAll","scrollTo","behavior","Array","from","map","_","text","textContent","truncateText","maxLength","substring","vm","includes","addEventListener","target","closest","categoryArticles","created","Model","Categories","selectedCategory","Id","loadCategory","categoryId","headers","then","result","components","SubscriptionCard","CategoriesList","categoryTabs","category","Title","id","totalCategoryArticles","ArticlesCount","sessionStorage","activeTab","tabs","currentArticleCount","isLoading","selectedCategoryId","showMoreArticles","showSubscriptionCard","performance","navigation","hasMorePages","find","tab","set","toString","loadMoreItems","component","tag","loadArticles","CurrentArticlesCount","IsMagazinePage","displayedArticles","slice","changeTab","loadMore","finally","preventDefault","metaKey","ctrlKey","open","isSubscriptionCard","getArticleClass","inject","model","showPopup","showSuccessPopup","loading","emailStatusLoading","emailStatusSuccess","emailStatusError","setCallbacks","showSignupPopup","setTimeout","querySelector","style","transform","display","subscribeEmail","$validator","validate","isFormValid","emailSubscribe","resetCaptcha","catch","recaptchaCallback","captchaValue","CaptchaValue","IsCaptchaValid","grecaptcha","reset","dismissPopup","resetForm","blog"],"sourceRoot":""}