{"version":3,"sources":["directives/to-top-button.js"],"names":["angular","module","directive","$window","restrict","replace","transclude","controller","$scope","$timeout","buttonIsVisible","button","document","getElementById","style","display","options","root","rootMargin","threshold","observer","IntersectionObserver","entries","obs","forEach","e","isIntersecting","opacity","$apply","target","querySelectorAll","observe"],"mappings":";;AAAC,aAAY;AACTA,EAAAA,OAAO,CAACC,MAAR,CAAe,aAAf,EAA8B,EAA9B,EACKC,SADL,CACe,aADf,EAC8B,CAAC,SAAD,EACtB,UAAUC,OAAV,EAAmB;AACf,WAAO;AACHC,MAAAA,QAAQ,EAAE,IADP;AAEHC,MAAAA,OAAO,EAAE,KAFN;AAGHC,MAAAA,UAAU,EAAE,KAHT;AAIHC,MAAAA,UAAU,EAAE,CAAC,QAAD,EAAW,SAAX,EAAsB,UAAtB,EACR,UAAUC,MAAV,EAAkBL,OAAlB,EAA2BM,QAA3B,EAAqC;AACjCD,QAAAA,MAAM,CAACE,eAAP;AAEA,YAAMC,MAAM,GAAGC,QAAQ,CAACC,cAAT,CAAwB,aAAxB,CAAf;;AAEA,YAAI,CAAC,sBAAD,IAA2BV,OAA/B,EAAwC;AACpC;AACAQ,UAAAA,MAAM,CAACG,KAAP,CAAaC,OAAb,GAAuB,cAAvB;AACH,SAHD,MAGO;AAEH,cAAMC,OAAO,GAAG;AACZC,YAAAA,IAAI,EAAE,IADM;AAEZC,YAAAA,UAAU,EAAE,KAFA;AAGZC,YAAAA,SAAS,EAAE;AAGf;;;;;AANgB,WAAhB;AAUA,cAAMC,QAAQ,GAAG,IAAIC,oBAAJ,CAAyB,UAAUC,OAAV,EAAmBC,GAAnB,EAAwB;AAC9DD,YAAAA,OAAO,CAACE,OAAR,CAAgB,UAAAC,CAAC,EAAI;AACjB,kBAAIA,CAAC,CAACC,cAAN,EAAsB;AAClBlB,gBAAAA,MAAM,CAACE,eAAP,GAAyB,KAAzB;AAEAC,gBAAAA,MAAM,CAACG,KAAP,CAAaa,OAAb,GAAuB,CAAvB;AAEAlB,gBAAAA,QAAQ,CAAC,YAAY;AAAE;AACnBE,kBAAAA,MAAM,CAACG,KAAP,CAAaC,OAAb,GAAuB,MAAvB;AACH,iBAFO,EAEL,GAFK,CAAR,CALkB,CAOT;AAEZ,eATD,MASO;AACHP,gBAAAA,MAAM,CAACE,eAAP,GAAyB,IAAzB;AAEAC,gBAAAA,MAAM,CAACG,KAAP,CAAaC,OAAb,GAAuB,cAAvB;AAEAN,gBAAAA,QAAQ,CAAC,YAAY;AACjBE,kBAAAA,MAAM,CAACG,KAAP,CAAaa,OAAb,GAAuB,CAAvB;AACH,iBAFO,EAEL,GAFK,CAAR;AAGH;;AACDnB,cAAAA,MAAM,CAACoB,MAAP;AACH,aApBD;AAqBH,WAtBgB,EAsBdZ,OAtBc,CAAjB;AAwBA,cAAMa,MAAM,GAAGjB,QAAQ,CAACkB,gBAAT,CAA0B,YAA1B,EAAwC,CAAxC,CAAf;AAEAV,UAAAA,QAAQ,CAACW,OAAT,CAAiBF,MAAjB;AACH;AACJ,OAjDO;AAJT,KAAP;AAwDH,GA1DqB,CAD9B;AA6DH,CA9DA,GAAD","sourcesContent":["(function () {\r\n    angular.module('toTopButton', [])\r\n        .directive('toTopButton', ['$window',\r\n            function ($window) {\r\n                return {\r\n                    restrict: 'AE',\r\n                    replace: false,\r\n                    transclude: false,\r\n                    controller: ['$scope', '$window', '$timeout',\r\n                        function ($scope, $window, $timeout) {\r\n                            $scope.buttonIsVisible;\r\n\r\n                            const button = document.getElementById('toTopButton');\r\n\r\n                            if (!'IntersectionObserver' in $window) {\r\n                                //automatically show button if browser doesn't support IO\r\n                                button.style.display = \"inline-block\";\r\n                            } else {\r\n\r\n                                const options = {\r\n                                    root: null,\r\n                                    rootMargin: '0px',\r\n                                    threshold: 1.0\r\n                                }\r\n\r\n                                /**\r\n                                 * @param entries: target (will be only one, but IO needs an array)\r\n                                 * @param obs: obsrver\r\n                                 * */\r\n                                const observer = new IntersectionObserver(function (entries, obs) {\r\n                                    entries.forEach(e => {\r\n                                        if (e.isIntersecting) {\r\n                                            $scope.buttonIsVisible = false;\r\n\r\n                                            button.style.opacity = 0;\r\n\r\n                                            $timeout(function () { // wait for animation to finish\r\n                                                button.style.display = \"none\";\r\n                                            }, 601); // time is .01 second longer than the css transition time\r\n                                            \r\n                                        } else {\r\n                                            $scope.buttonIsVisible = true;\r\n\r\n                                            button.style.display = \"inline-block\";\r\n\r\n                                            $timeout(function () {\r\n                                                button.style.opacity = 1;\r\n                                            }, 601);\r\n                                        }\r\n                                        $scope.$apply();\r\n                                    })\r\n                                }, options);\r\n\r\n                                const target = document.querySelectorAll('#ioTrigger')[0];\r\n\r\n                                observer.observe(target);\r\n                            }\r\n                        }\r\n                    ]\r\n                }\r\n            }\r\n        ]);\r\n}());"],"file":"../../directives/to-top-button.js"}