{"version":3,"file":"stepper.js","names":["a1Stepper","SesoStepper","constructor","selector","this","el","wrapper","HTMLElement","document","getElementById","querySelector","steps","querySelectorAll","params","classShow","initStepper","showSteps","window","addEventListener","resizeReset","i","length","step","getBoundingClientRect","top","innerHeight","classList","add","remove","forEach","fragment"],"sources":["stepper.js"],"mappings":"AACA,GAAyB,oBAAdA,UAA2B,CAClC,MAAMC,EAAc,MAChBC,YAAYC,GACRC,KAAKC,GAAK,CAAC,EACXD,KAAKC,GAAGC,QAAUH,aAAoBI,YAChCJ,EAEEK,SAASC,eAAeN,IACrBK,SAASE,cAAcP,GAElCC,KAAKC,GAAGM,MAAQP,KAAKC,GAAGC,QAAUF,KAAKC,GAAGC,QAAQM,iBAAiB,SAC7D,GAENR,KAAKS,OAAS,CACVC,UAAW,WAGfV,KAAKW,aACT,CAEAA,cAEIX,KAAKY,YAGLC,OAAOC,iBAAiB,UAAU,KAC9Bd,KAAKY,WAAW,IAGpBC,OAAOC,iBAAiB,UAAU,KAC9Bd,KAAKY,WAAU,EAAK,GAE5B,CAGAA,UAAUG,GACN,IAAK,IAAIC,EAAI,EAAGA,EAAIhB,KAAKC,GAAGM,MAAMU,OAAQD,IAAK,CAC3C,MAAME,EAAOlB,KAAKC,GAAGM,MAAMS,GACRE,EAAKC,wBAAwBC,IAAMP,OAAOQ,YAC5C,EACbH,EAAKI,UAAUC,IAAIvB,KAAKS,OAAOC,gBACD,IAAhBK,GAA+BA,GAE7CG,EAAKI,UAAUE,OAAOxB,KAAKS,OAAOC,UAE1C,CACJ,GAGkB,oBAAXG,SACPA,OAAOjB,UAAYC,GAGvBgB,OAAOC,iBAAiB,QAAQ,KAE5BV,SAASI,iBAAiB,+BAA+BiB,SAAQ,SAASC,GAEtEb,OAAOjB,UAAY,IAAIC,EAAY6B,EAASpB,cAAc,UAC9D,GAAE,GAEV","sourcesContent":["// seso stepper\nif(typeof a1Stepper === 'undefined'){\n    const SesoStepper = class {\n        constructor(selector) {\n            this.el = {};\n            this.el.wrapper = selector instanceof HTMLElement\n                ? selector\n                : (\n                    document.getElementById(selector) ||\n                    document.querySelector(selector)\n                );\n            this.el.steps = this.el.wrapper ? this.el.wrapper.querySelectorAll('.step') \n                : [];\n\n            this.params = {\n                classShow: 'in-view'\n            };\n\n            this.initStepper();\n        }\n\n        initStepper() {\n            // on load show steps in viewport\n            this.showSteps();\n\n            // react on scroll\n            window.addEventListener('scroll', () => { \n                this.showSteps();\n            });\n\n            window.addEventListener('resize', () => { \n                this.showSteps(true);\n            });\n        }\n\n        // optional param: resizeReset\n        showSteps(resizeReset) {\n            for (var i = 0; i < this.el.steps.length; i++) {\n                var step = this.el.steps[i]\n                var distInView = step.getBoundingClientRect().top - window.innerHeight;\n                if (distInView < 0) {\n                    step.classList.add(this.params.classShow);\n                } else if (typeof resizeReset !== 'undefined' && resizeReset) {\n                    // if resize - reset steps\n                    step.classList.remove(this.params.classShow);\n                }\n            }\n        }\n    }\n\n    if (typeof window !== 'undefined') {\n        window.a1Stepper = SesoStepper;\n    }\n\n    window.addEventListener('load', () => {\n        // stepper\n        document.querySelectorAll('a1-fragment[name=\"stepper\"]').forEach(function (fragment) {\n            // params: selector\n            window.a1Stepper = new SesoStepper(fragment.querySelector('.steps'));\n        });\n    });\n}\n"]}