{"version":3,"file":"index.BufJ8MYW.js","sources":["../../../../../../../node_modules/@babylon/ui-kit-common/esm/components/others/scroll-to-top/index.mjs"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { FlexMixin, AttentionMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { useState, useEffect, useCallback } from 'react';\nimport styled, { css } from 'styled-components';\n\nconst ScrollToTopBox = /*#__PURE__*/ styled.div.withConfig({\n    displayName: \"ScrollToTopBox\"\n})([\n    `position:fixed;bottom:100px;right:20px;width:58px;height:58px;border-radius:50%;background-color:`,\n    `;color:`,\n    `;`,\n    ` transition:border-color 0.6s ease,opacity 0.6s ease;border:3px solid `,\n    `;cursor:pointer;z-index:`,\n    `;`,\n    ` `,\n    `{`,\n    `}`\n], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.lighter, FlexMixin({\n    align: 'center',\n    justify: 'center'\n}), ({ theme })=>theme.border.color.light, ({ theme })=>theme.zIndex.highest, AttentionMixin(/*#__PURE__*/ css([\n    `border:3px solid `,\n    `;`\n], ({ theme })=>theme.colors.primary.lighter)), Icon, FontMixin({\n    size: 'larger',\n    height: 'larger',\n    weight: 'bold'\n}));\nconst ScrollToTop = ({ props, forceShow = false })=>{\n    const id = props?.id ?? '';\n    const icon = props?.config?.icon ?? 'arrow-up';\n    const [showTopBtn, setShowTopBtn] = useState(forceShow);\n    const scrollCallbackEvent = ()=>{\n        if (window.scrollY > 400) {\n            setShowTopBtn(true);\n            return;\n        }\n        setShowTopBtn(false);\n    };\n    useEffect(()=>{\n        window.addEventListener('scroll', scrollCallbackEvent);\n        return ()=>window.removeEventListener('scroll', scrollCallbackEvent);\n    }, []);\n    const goToTop = useCallback(()=>{\n        window.scrollTo({\n            top: 0,\n            behavior: 'smooth'\n        });\n    }, []);\n    return showTopBtn ? /*#__PURE__*/ jsx(ScrollToTopBox, {\n        onClick: goToTop,\n        id: id,\n        \"data-testid\": \"ScrollToTop\",\n        children: /*#__PURE__*/ jsx(Icon, {\n            className: `nico-${icon}`\n        })\n    }) : null;\n};\n\nexport { ScrollToTop as default };\n"],"names":["ScrollToTopBox","styled","theme","FlexMixin","AttentionMixin","css","Icon","FontMixin","ScrollToTop","props","forceShow","id","icon","_a","showTopBtn","setShowTopBtn","useState","scrollCallbackEvent","useEffect","goToTop","useCallback","jsx"],"mappings":"2FAMA,MAAMA,EAA+BC,EAAO,IAAI,WAAW,CACvD,YAAa,gBACjB,CAAC,EAAE,CACC,oGACA,UACA,IACA,yEACA,2BACA,IACA,IACA,IACA,GACJ,EAAG,CAAC,CAAE,MAAAC,CAAO,IAAGA,EAAM,OAAO,MAAM,KAAM,CAAC,CAAE,MAAAA,CAAK,IAAKA,EAAM,OAAO,QAAQ,QAASC,EAAU,CAC1F,MAAO,SACP,QAAS,QACb,CAAC,EAAG,CAAC,CAAE,MAAAD,CAAK,IAAKA,EAAM,OAAO,MAAM,MAAO,CAAC,CAAE,MAAAA,CAAO,IAAGA,EAAM,OAAO,QAASE,EAA6BC,EAAI,CAC3G,oBACA,GACJ,EAAG,CAAC,CAAE,MAAAH,CAAO,IAAGA,EAAM,OAAO,QAAQ,OAAO,CAAC,EAAGI,EAAMC,EAAU,CAC5D,KAAM,SACN,OAAQ,SACR,OAAQ,MACZ,CAAC,CAAC,EACIC,EAAc,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAY,EAAK,IAAK,OAChD,MAAMC,GAAKF,GAAA,YAAAA,EAAO,KAAM,GAClBG,IAAOC,EAAAJ,GAAA,YAAAA,EAAO,SAAP,YAAAI,EAAe,OAAQ,WAC9B,CAACC,EAAYC,CAAa,EAAIC,EAAQ,SAACN,CAAS,EAChDO,EAAsB,IAAI,CAC5B,GAAI,OAAO,QAAU,IAAK,CACtBF,EAAc,EAAI,EAClB,MACH,CACDA,EAAc,EAAK,CAC3B,EACIG,EAAAA,UAAU,KACN,OAAO,iBAAiB,SAAUD,CAAmB,EAC9C,IAAI,OAAO,oBAAoB,SAAUA,CAAmB,GACpE,CAAE,CAAA,EACL,MAAME,EAAUC,EAAAA,YAAY,IAAI,CAC5B,OAAO,SAAS,CACZ,IAAK,EACL,SAAU,QACtB,CAAS,CACJ,EAAE,CAAE,CAAA,EACL,OAAON,EAA2BO,EAAG,IAACrB,EAAgB,CAClD,QAASmB,EACT,GAAIR,EACJ,cAAe,cACf,SAAwBU,EAAG,IAACf,EAAM,CAC9B,UAAW,QAAQM,CAAI,EACnC,CAAS,CACJ,CAAA,EAAI,IACT","x_google_ignoreList":[0]}