{"version":3,"file":"pages/how-to.js","mappings":"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","sources":["webpack://scoopaway-dot-com/./js/src/pages/how-to.js"],"sourcesContent":["/**\n * How To page\n */\n(function ($) {\n    Electro.HowTo = (function () {\n        return {\n            scrollIndex: 0,\n            startWidth: 0,\n            animating: false,\n\n            init() {\n                $('#promo-grid .promo-box').hover(\n                    function () {\n                        $(this).find('.promo-box-rollover').stop().animate({ bottom: '0' }, 300);\n                    },\n                    function () {\n                        $(this).find('.promo-box-rollover').stop().animate({ bottom: '-100px' }, 300);\n                    }\n                );\n                // initialize pop up overlay plugin for each how to card\n                $('.how-to-item[rel]').each(function (i) {\n                    $(this)\n                        .overlay({\n                            mask: {\n                                color: '#ffffff',\n                                loadSpeed: 1,\n                                opacity: 0.75,\n                            },\n                            closeOnClick: true,\n                        })\n                        .load();\n                });\n\n                // reset scroll position\n                $('#how-to-scroll-content').scrollLeft(0);\n\n                // capture start width of scroll pane for future calculations\n                Electro.HowTo.startWidth = $('#how-to-scroll-content').outerWidth();\n\n                // number of cards\n                const len = $(\n                    '#how-to-scroller #how-to-scroll-container #how-to-scroll-content ul li.how-to-object'\n                ).length;\n\n                // calculate scroll pane content width based on how many cards there are\n                const marginWidth = 15;\n                const contWidth =\n                    (len + 1) *\n                    ($('#how-to-scroller #how-to-scroll-container #how-to-scroll-content ul li.how-to-object')\n                        .eq(0)\n                        .find('.how-to-item')\n                        .width() +\n                        marginWidth);\n                $('#how-to-scroller #how-to-scroll-container #how-to-scroll-content').width(contWidth + 15);\n\n                // TODO figure out why 135 when each block is 195?\n                let calcSize = 135;\n\n                let scrollBarWidth = 0;\n                let browserWidth = $(document).width();\n                const FF = !(window.mozInnerScreenX == null);\n                if (FF) {\n                    scrollBarWidth = window.innerWidth - jQuery('body').width();\n                    browserWidth += scrollBarWidth;\n                }\n\n                if (browserWidth <= 775) {\n                    calcSize = 170;\n                } else if (browserWidth <= 640) {\n                    calcSize = 180;\n                } else if (browserWidth <= 340) {\n                    calcSize = 190;\n                }\n\n                Electro.HowTo.startWidth = len * calcSize;\n                Electro.HowTo.checkHowToScrollArrows();\n\n                $('#how-to-arrows #next-arrow').css('cursor', 'pointer');\n                $('#how-to-arrows #next-arrow').click((e) => {\n                    Electro.HowTo.onNextArrowClicked(e);\n                });\n\n                $('#how-to-arrows #prev-arrow').css('cursor', 'pointer');\n                $('#how-to-arrows #prev-arrow').click((e) => {\n                    Electro.HowTo.onPreviousArrowClicked(e);\n                });\n            },\n\n            checkHowToScrollArrows() {\n                let pos;\n                if (Electro.ScoopAway.isIE()) {\n                    pos = parseInt($('#how-to-scroll-content').css('left'), 10);\n                } else {\n                    pos = parseInt($('#how-to-scroll-content').css('marginLeft'), 10);\n                }\n                if (pos === 0) {\n                    $('#how-to-arrows #prev-arrow').css('visibility', 'hidden');\n                    $('#how-to-arrows #next-arrow').css('visibility', 'visible');\n                } else if (Math.abs(pos) >= Electro.HowTo.startWidth) {\n                    $('#how-to-arrows #prev-arrow').css('visibility', 'visible');\n                    $('#how-to-arrows #next-arrow').css('visibility', 'hidden');\n                } else {\n                    $('#how-to-arrows #prev-arrow').css('visibility', 'visible');\n                    $('#how-to-arrows #next-arrow').css('visibility', 'visible');\n                }\n                Electro.HowTo.animating = false;\n            },\n\n            onNextArrowClicked(e) {\n                if (!Electro.HowTo.animating) {\n                    Electro.HowTo.animating = true;\n                    e.preventDefault();\n\n                    const scrollAmount = Math.round(\n                        $('#how-to-scroll-content-container').width() /\n                            $('#how-to-scroll-content .how-to-item').eq(Electro.HowTo.scrollIndex).width()\n                    );\n                    const movWidth =\n                        ($('#how-to-scroll-content .how-to-item').eq(Electro.HowTo.scrollIndex).width() + 15) *\n                        scrollAmount;\n                    Electro.HowTo.scrollIndex += 1;\n\n                    if (Electro.ScoopAway.isIE()) {\n                        const scrollLeftvar = parseInt($('#how-to-scroll-content').css('left'), 10);\n\n                        $('#how-to-scroll-content').animate(\n                            {\n                                left: scrollLeftvar - movWidth,\n                            },\n                            500,\n                            () => {\n                                Electro.HowTo.checkHowToScrollArrows();\n                            }\n                        );\n                    } else {\n                        const scrollLeftvar = parseInt($('#how-to-scroll-content').css('marginLeft'), 10);\n                        $('#how-to-scroll-content').animate(\n                            {\n                                marginLeft: scrollLeftvar - movWidth,\n                            },\n                            500,\n                            () => {\n                                Electro.HowTo.checkHowToScrollArrows();\n                            }\n                        );\n                    }\n                }\n            },\n\n            onPreviousArrowClicked(e) {\n                if (!Electro.HowTo.animating) {\n                    Electro.HowTo.animating = true;\n                    Electro.HowTo.scrollIndex -= 1;\n                    e.preventDefault();\n\n                    const scrollAmount = Math.round(\n                        $('#how-to-scroll-content-container').width() /\n                            $('#how-to-scroll-content .how-to-item').eq(Electro.HowTo.scrollIndex).width()\n                    );\n                    const movWidth =\n                        ($('#how-to-scroll-content .how-to-item').eq(Electro.HowTo.scrollIndex).width() + 15) *\n                        scrollAmount;\n\n                    if (Electro.ScoopAway.isIE()) {\n                        const scrollLeftvar = parseInt($('#how-to-scroll-content').css('left'), 10);\n                        $('#how-to-scroll-content').animate(\n                            {\n                                left: scrollLeftvar + movWidth,\n                            },\n                            500,\n                            () => {\n                                Electro.HowTo.checkHowToScrollArrows();\n                            }\n                        );\n                    } else {\n                        const scrollLeftvar = parseInt($('#how-to-scroll-content').css('marginLeft'), 10);\n                        $('#how-to-scroll-content').animate(\n                            {\n                                marginLeft: scrollLeftvar + movWidth,\n                            },\n                            500,\n                            () => {\n                                Electro.HowTo.checkHowToScrollArrows();\n                            }\n                        );\n                    }\n                }\n            },\n        };\n    })();\n\n    $(document).ready(() => {\n        Electro.HowTo.init();\n    });\n})(jQuery);\n"],"names":["$","jQuery","Electro","HowTo","scrollIndex","startWidth","animating","init","hover","this","find","stop","animate","bottom","each","i","overlay","mask","color","loadSpeed","opacity","closeOnClick","load","scrollLeft","outerWidth","len","length","contWidth","eq","width","calcSize","browserWidth","document","window","mozInnerScreenX","innerWidth","checkHowToScrollArrows","css","click","e","onNextArrowClicked","onPreviousArrowClicked","pos","ScoopAway","isIE","parseInt","Math","abs","preventDefault","scrollAmount","round","movWidth","scrollLeftvar","left","marginLeft","ready"],"sourceRoot":""}