{"version":3,"file":"index.mjs","sources":["../../../src/scrollpanel/style/ScrollPanelStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-scrollpanel-content-container {\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n    position: relative;\n    z-index: 1;\n    float: left;\n}\n\n.p-scrollpanel-content {\n    height: calc(100% + calc(2 * ${dt('scrollpanel.bar.size')}));\n    width: calc(100% + calc(2 * ${dt('scrollpanel.bar.size')}));\n    padding: 0 calc(2 * ${dt('scrollpanel.bar.size')}) calc(2 * ${dt('scrollpanel.bar.size')}) 0;\n    position: relative;\n    overflow: auto;\n    box-sizing: border-box;\n    scrollbar-width: none;\n}\n\n.p-scrollpanel-content::-webkit-scrollbar {\n    display: none;\n}\n\n.p-scrollpanel-bar {\n    position: relative;\n    border-radius: ${dt('scrollpanel.bar.border.radius')};\n    z-index: 2;\n    cursor: pointer;\n    opacity: 0;\n    outline-color: transparent;\n    transition: outline-color ${dt('scrollpanel.transition.duration')};\n    background: ${dt('scrollpanel.bar.background')};\n    border: 0 none;\n    transition: outline-color ${dt('scrollpanel.transition.duration')}, opacity ${dt('scrollpanel.transition.duration')};\n}\n\n.p-scrollpanel-bar:focus-visible {\n    box-shadow: ${dt('scrollpanel.bar.focus.ring.shadow')};\n    outline: ${dt('scrollpanel.barfocus.ring.width')} ${dt('scrollpanel.bar.focus.ring.style')} ${dt('scrollpanel.bar.focus.ring.color')};\n    outline-offset: ${dt('scrollpanel.barfocus.ring.offset')};\n}\n\n.p-scrollpanel-bar-y {\n    width: ${dt('scrollpanel.bar.size')};\n    top: 0;\n}\n\n.p-scrollpanel-bar-x {\n    height: ${dt('scrollpanel.bar.size')};\n    bottom: 0;\n}\n\n.p-scrollpanel-hidden {\n    visibility: hidden;\n}\n\n.p-scrollpanel:hover .p-scrollpanel-bar,\n.p-scrollpanel:active .p-scrollpanel-bar {\n    opacity: 1;\n}\n\n.p-scrollpanel-grabbed {\n    user-select: none;\n}\n`;\n\nconst classes = {\n    root: 'p-scrollpanel p-component',\n    contentContainer: 'p-scrollpanel-content-container',\n    content: 'p-scrollpanel-content',\n    barX: 'p-scrollpanel-bar p-scrollpanel-bar-x',\n    barY: 'p-scrollpanel-bar p-scrollpanel-bar-y'\n};\n\nexport default BaseStyle.extend({\n    name: 'scrollpanel',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","contentContainer","content","barX","barY","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;EAAA,OAAAC,gOAAAA,CAAAA,MAAA,CAWgBD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,uCAAAA,CAAAA,CAAAA,MAAA,CAC3BD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,+BAAAA,CAAAA,CAAAA,MAAA,CAClCD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,aAAAA,CAAAA,CAAAA,MAAA,CAAcD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,4PAAAA,CAAAA,CAAAA,MAAA,CAavED,EAAE,CAAC,+BAA+B,CAAC,EAAAC,4HAAAA,CAAAA,CAAAA,MAAA,CAKxBD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CACnDD,EAAE,CAAC,4BAA4B,CAAC,EAAA,wDAAA,CAAA,CAAAC,MAAA,CAElBD,EAAE,CAAC,iCAAiC,CAAC,gBAAAC,MAAA,CAAaD,EAAE,CAAC,iCAAiC,CAAC,kEAAAC,MAAA,CAIrGD,EAAE,CAAC,mCAAmC,CAAC,sBAAAC,MAAA,CAC1CD,EAAE,CAAC,iCAAiC,CAAC,OAAAC,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,OAAAC,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,6BAAAC,MAAA,CAClHD,EAAE,CAAC,kCAAkC,CAAC,iDAAAC,MAAA,CAI/CD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,2DAAAA,CAAAA,CAAAA,MAAA,CAKzBD,EAAE,CAAC,sBAAsB,CAAC,EAAA,kPAAA,CAAA,CAAA;AAAA,CAgBvC,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,2BAA2B;AACjCC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,OAAO,EAAE,uBAAuB;AAChCC,EAAAA,IAAI,EAAE,uCAAuC;AAC7CC,EAAAA,IAAI,EAAE,uCAAA;AACV,CAAC,CAAA;AAED,uBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,aAAa;AACnBZ,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}