@shoplflow/extension 0.0.16 → 0.0.18

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @shoplflow/extension
 
+## 0.0.18
+
+### Patch Changes
+
+- Updated dependencies [[`c2e5fde`](https://github.com/shopl/shoplflow/commit/c2e5fdea94d998e23430495e4e9a75ae6c6e5c54)]:
+  - @shoplflow/base@0.27.5
+
+## 0.0.17
+
+### Patch Changes
+
+- Updated dependencies [[`a07b002`](https://github.com/shopl/shoplflow/commit/a07b002446c1ce39f1c152059cfbcca3b3aa17fb)]:
+  - @shoplflow/base@0.27.4
+
 ## 0.0.16
 
 ### Patch Changes

package/dist/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "@shoplflow/extension",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "Shoplflow 점유율 확인 extension",
   "permissions": [
     "storage"
@@ -24,7 +24,7 @@
         "src/pages/content/index.js"
       ],
       "css": [
-        "assets/css/contentStyle17134270540.chunk.css"
+        "assets/css/contentStyle17143563206.chunk.css"
       ]
     }
   ],

package/dist/src/pages/popup/index.js

@@ -195,7 +195,7 @@ var H5=Object.defineProperty;var U5=(e,t,i)=>t in e?H5(e,t,{enumerable:!0,config
   gap: 12px;
   border-top: 1px solid ${C.neutral300};
   background: ${C.neutral0};
-`;function Df(e,t){if(e!=null){if(typeof e=="function"){e(t);return}try{e.current=t}catch{throw new Error(`Cannot assign value '${String(t)}' to ref '${String(e)}'`)}}}function Tf(...e){return t=>{e.forEach(i=>{Df(i,t)})}}function Vf(...e){return M.exports.useMemo(()=>Tf(...e),e)}const ds=function(){},fs=e=>e===void 0||e===null;var Z2={},S2={},Hi={exports:{}},b0={exports:{}};(function(){var e,t,i,n,o,s;typeof performance<"u"&&performance!==null&&performance.now?b0.exports=function(){return performance.now()}:typeof process<"u"&&process!==null&&process.hrtime?(b0.exports=function(){return(e()-o)/1e6},t=process.hrtime,e=function(){var l;return l=t(),l[0]*1e9+l[1]},n=e(),s=process.uptime()*1e9,o=n-s):Date.now?(b0.exports=function(){return Date.now()-i},i=Date.now()):(b0.exports=function(){return new Date().getTime()-i},i=new Date().getTime())}).call(Ll);var Pf=b0.exports,ht=typeof window>"u"?Ll:window,u1=["moz","webkit"],t0="AnimationFrame",r0=ht["request"+t0],N0=ht["cancel"+t0]||ht["cancelRequest"+t0];for(var p0=0;!r0&&p0<u1.length;p0++)r0=ht[u1[p0]+"Request"+t0],N0=ht[u1[p0]+"Cancel"+t0]||ht[u1[p0]+"CancelRequest"+t0];if(!r0||!N0){var fn=0,us=0,At=[],Of=1e3/60;r0=function(e){if(At.length===0){var t=Pf(),i=Math.max(0,Of-(t-fn));fn=i+t,setTimeout(function(){var n=At.slice(0);At.length=0;for(var o=0;o<n.length;o++)if(!n[o].cancelled)try{n[o].callback(fn)}catch(s){setTimeout(function(){throw s},0)}},Math.round(i))}return At.push({handle:++us,callback:e,cancelled:!1}),us},N0=function(e){for(var t=0;t<At.length;t++)At[t].handle===e&&(At[t].cancelled=!0)}}Hi.exports=function(e){return r0.call(ht,e)};Hi.exports.cancel=function(){N0.apply(ht,arguments)};Hi.exports.polyfill=function(e){e||(e=ht),e.requestAnimationFrame=r0,e.cancelAnimationFrame=N0};var o1={exports:{}},un=null,ps=["Webkit","Moz","O","ms"],Hf=function(t){un||(un=document.createElement("div"));var i=un.style;if(t in i)return t;for(var n=t.charAt(0).toUpperCase()+t.slice(1),o=ps.length;o>=0;o--){var s=ps[o]+n;if(s in i)return s}return!1},Uf=Wf,$f=/\s/,zf=/(_|-|\.|:)/,Gf=/([a-z][A-Z]|[A-Z][a-z])/;function Wf(e){return $f.test(e)?e.toLowerCase():zf.test(e)?(jf(e)||e).toLowerCase():Gf.test(e)?Yf(e).toLowerCase():e.toLowerCase()}var Nf=/[\W_]+(.|$)/g;function jf(e){return e.replace(Nf,function(t,i){return i?" "+i:""})}var Xf=/(.)([A-Z]+)/g;function Yf(e){return e.replace(Xf,function(t,i,n){return i+" "+n.toLowerCase().split("").join(" ")})}var Kf=Uf,qf=Qf;function Qf(e){return Kf(e).replace(/[\W_]+(.|$)/g,function(t,i){return i?" "+i:""}).trim()}var Jf=qf,eu=tu;function tu(e){return Jf(e).replace(/\s(\w)/g,function(t,i){return i.toUpperCase()})}var iu={animationIterationCount:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridColumn:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,stopOpacity:!0,strokeDashoffset:!0,strokeOpacity:!0,strokeWidth:!0},nu=function(e,t){return typeof t=="number"&&!iu[e]?t+"px":t},ru=Hf,ou=eu,L1={float:"cssFloat"},su=nu;function q1(e,t,i){var n=L1[t];if(typeof n>"u"&&(n=au(t)),n){if(i===void 0)return e.style[n];e.style[n]=su(n,i)}}function lu(e,t){for(var i in t)t.hasOwnProperty(i)&&q1(e,i,t[i])}function au(e){var t=ou(e),i=ru(t);return L1[t]=L1[e]=L1[i]=i,i}function I2(){arguments.length===2?typeof arguments[1]=="string"?arguments[0].style.cssText=arguments[1]:lu(arguments[0],arguments[1]):q1(arguments[0],arguments[1],arguments[2])}o1.exports=I2;o1.exports.set=I2;o1.exports.get=function(e,t){return Array.isArray(t)?t.reduce(function(i,n){return i[n]=q1(e,n||""),i},{}):q1(e,t||"")};var A2={exports:{}},cu="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",hu=cu,du=hu;function C2(){}function R2(){}R2.resetWarningCache=C2;var fu=function(){function e(n,o,s,l,a,c){if(c!==du){var h=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw h.name="Invariant Violation",h}}e.isRequired=e;function t(){return e}var i={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:R2,resetWarningCache:C2};return i.PropTypes=i,i};A2.exports=fu();var F2={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=t;function t(i){return typeof i=="string"}})(F2);var k2={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=s;var t=o1.exports,i=n(t);function n(l){return l&&l.__esModule?l:{default:l}}var o=!1;function s(){var l=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!0;if(l&&o!==!1)return o;if(typeof document<"u"){var a=document.createElement("div");(0,i.default)(a,{width:100,height:100,position:"absolute",top:-9999,overflow:"scroll",MsOverflowStyle:"scrollbar"}),document.body.appendChild(a),o=a.offsetWidth-a.clientWidth,document.body.removeChild(a)}else o=0;return o||0}})(k2);var B2={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=t;function t(){return!1}})(B2);var E2={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=t;function t(i){var n=i.clientWidth,o=getComputedStyle(i),s=o.paddingLeft,l=o.paddingRight;return n-parseFloat(s)-parseFloat(l)}})(E2);var L2={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=t;function t(i){var n=i.clientHeight,o=getComputedStyle(i),s=o.paddingTop,l=o.paddingBottom;return n-parseFloat(s)-parseFloat(l)}})(L2);var Te={};Object.defineProperty(Te,"__esModule",{value:!0});Te.containerStyleDefault={position:"relative",overflow:"hidden",width:"100%",height:"100%"};Te.containerStyleAutoHeight={height:"auto"};Te.viewStyleDefault={position:"absolute",top:0,left:0,right:0,bottom:0,overflow:"scroll",WebkitOverflowScrolling:"touch"};Te.viewStyleAutoHeight={position:"relative",top:void 0,left:void 0,right:void 0,bottom:void 0};Te.viewStyleUniversalInitial={overflow:"hidden",marginRight:0,marginBottom:0};Te.trackHorizontalStyleDefault={position:"absolute",height:6};Te.trackVerticalStyleDefault={position:"absolute",width:6};Te.thumbHorizontalStyleDefault={position:"relative",display:"block",height:"100%"};Te.thumbVerticalStyleDefault={position:"relative",display:"block",width:"100%"};Te.disableSelectStyle={userSelect:"none"};Te.disableSelectStyleReset={userSelect:""};var $t={};Object.defineProperty($t,"__esModule",{value:!0});var bt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e};$t.renderViewDefault=gu;$t.renderTrackHorizontalDefault=vu;$t.renderTrackVerticalDefault=mu;$t.renderThumbHorizontalDefault=xu;$t.renderThumbVerticalDefault=wu;var uu=M.exports,s1=pu(uu);function pu(e){return e&&e.__esModule?e:{default:e}}function Ui(e,t){var i={};for(var n in e)t.indexOf(n)>=0||!Object.prototype.hasOwnProperty.call(e,n)||(i[n]=e[n]);return i}function gu(e){return s1.default.createElement("div",e)}function vu(e){var t=e.style,i=Ui(e,["style"]),n=bt({},t,{right:2,bottom:2,left:2,borderRadius:3});return s1.default.createElement("div",bt({style:n},i))}function mu(e){var t=e.style,i=Ui(e,["style"]),n=bt({},t,{right:2,bottom:2,top:2,borderRadius:3});return s1.default.createElement("div",bt({style:n},i))}function xu(e){var t=e.style,i=Ui(e,["style"]),n=bt({},t,{cursor:"pointer",borderRadius:"inherit",backgroundColor:"rgba(0,0,0,.2)"});return s1.default.createElement("div",bt({style:n},i))}function wu(e){var t=e.style,i=Ui(e,["style"]),n=bt({},t,{cursor:"pointer",borderRadius:"inherit",backgroundColor:"rgba(0,0,0,.2)"});return s1.default.createElement("div",bt({style:n},i))}(function(e){Object.defineProperty(e,"__esModule",{value:!0});var t=Object.assign||function(O){for(var P=1;P<arguments.length;P++){var B=arguments[P];for(var Z in B)Object.prototype.hasOwnProperty.call(B,Z)&&(O[Z]=B[Z])}return O},i=function(){function O(P,B){for(var Z=0;Z<B.length;Z++){var F=B[Z];F.enumerable=F.enumerable||!1,F.configurable=!0,"value"in F&&(F.writable=!0),Object.defineProperty(P,F.key,F)}}return function(P,B,Z){return B&&O(P.prototype,B),Z&&O(P,Z),P}}(),n=Hi.exports,o=D(n),s=o1.exports,l=D(s),a=M.exports,c=A2.exports,h=D(c),d=F2,f=D(d),u=k2,g=D(u),v=B2,m=D(v),w=E2,y=D(w),b=L2,_=D(b),S=Te,A=$t;function D(O){return O&&O.__esModule?O:{default:O}}function R(O,P){var B={};for(var Z in O)P.indexOf(Z)>=0||!Object.prototype.hasOwnProperty.call(O,Z)||(B[Z]=O[Z]);return B}function T(O,P){if(!(O instanceof P))throw new TypeError("Cannot call a class as a function")}function V(O,P){if(!O)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return P&&(typeof P=="object"||typeof P=="function")?P:O}function G(O,P){if(typeof P!="function"&&P!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof P);O.prototype=Object.create(P&&P.prototype,{constructor:{value:O,enumerable:!1,writable:!0,configurable:!0}}),P&&(Object.setPrototypeOf?Object.setPrototypeOf(O,P):O.__proto__=P)}var j=function(O){G(P,O);function P(B){var Z;T(this,P);for(var F=arguments.length,L=Array(F>1?F-1:0),z=1;z<F;z++)L[z-1]=arguments[z];var I=V(this,(Z=P.__proto__||Object.getPrototypeOf(P)).call.apply(Z,[this,B].concat(L)));return I.getScrollLeft=I.getScrollLeft.bind(I),I.getScrollTop=I.getScrollTop.bind(I),I.getScrollWidth=I.getScrollWidth.bind(I),I.getScrollHeight=I.getScrollHeight.bind(I),I.getClientWidth=I.getClientWidth.bind(I),I.getClientHeight=I.getClientHeight.bind(I),I.getValues=I.getValues.bind(I),I.getThumbHorizontalWidth=I.getThumbHorizontalWidth.bind(I),I.getThumbVerticalHeight=I.getThumbVerticalHeight.bind(I),I.getScrollLeftForOffset=I.getScrollLeftForOffset.bind(I),I.getScrollTopForOffset=I.getScrollTopForOffset.bind(I),I.scrollLeft=I.scrollLeft.bind(I),I.scrollTop=I.scrollTop.bind(I),I.scrollToLeft=I.scrollToLeft.bind(I),I.scrollToTop=I.scrollToTop.bind(I),I.scrollToRight=I.scrollToRight.bind(I),I.scrollToBottom=I.scrollToBottom.bind(I),I.handleTrackMouseEnter=I.handleTrackMouseEnter.bind(I),I.handleTrackMouseLeave=I.handleTrackMouseLeave.bind(I),I.handleHorizontalTrackMouseDown=I.handleHorizontalTrackMouseDown.bind(I),I.handleVerticalTrackMouseDown=I.handleVerticalTrackMouseDown.bind(I),I.handleHorizontalThumbMouseDown=I.handleHorizontalThumbMouseDown.bind(I),I.handleVerticalThumbMouseDown=I.handleVerticalThumbMouseDown.bind(I),I.handleWindowResize=I.handleWindowResize.bind(I),I.handleScroll=I.handleScroll.bind(I),I.handleDrag=I.handleDrag.bind(I),I.handleDragEnd=I.handleDragEnd.bind(I),I.state={didMountUniversal:!1},I}return i(P,[{key:"componentDidMount",value:function(){this.addListeners(),this.update(),this.componentDidMountUniversal()}},{key:"componentDidMountUniversal",value:function(){var Z=this.props.universal;!Z||this.setState({didMountUniversal:!0})}},{key:"componentDidUpdate",value:function(){this.update()}},{key:"componentWillUnmount",value:function(){this.removeListeners(),(0,n.cancel)(this.requestFrame),clearTimeout(this.hideTracksTimeout),clearInterval(this.detectScrollingInterval)}},{key:"getScrollLeft",value:function(){return this.view?this.view.scrollLeft:0}},{key:"getScrollTop",value:function(){return this.view?this.view.scrollTop:0}},{key:"getScrollWidth",value:function(){return this.view?this.view.scrollWidth:0}},{key:"getScrollHeight",value:function(){return this.view?this.view.scrollHeight:0}},{key:"getClientWidth",value:function(){return this.view?this.view.clientWidth:0}},{key:"getClientHeight",value:function(){return this.view?this.view.clientHeight:0}},{key:"getValues",value:function(){var Z=this.view||{},F=Z.scrollLeft,L=F===void 0?0:F,z=Z.scrollTop,I=z===void 0?0:z,U=Z.scrollWidth,$=U===void 0?0:U,X=Z.scrollHeight,pe=X===void 0?0:X,ie=Z.clientWidth,ge=ie===void 0?0:ie,ee=Z.clientHeight,Fe=ee===void 0?0:ee;return{left:L/($-ge)||0,top:I/(pe-Fe)||0,scrollLeft:L,scrollTop:I,scrollWidth:$,scrollHeight:pe,clientWidth:ge,clientHeight:Fe}}},{key:"getThumbHorizontalWidth",value:function(){var Z=this.props,F=Z.thumbSize,L=Z.thumbMinSize,z=this.view,I=z.scrollWidth,U=z.clientWidth,$=(0,y.default)(this.trackHorizontal),X=Math.ceil(U/I*$);return $<=X?0:F||Math.max(X,L)}},{key:"getThumbVerticalHeight",value:function(){var Z=this.props,F=Z.thumbSize,L=Z.thumbMinSize,z=this.view,I=z.scrollHeight,U=z.clientHeight,$=(0,_.default)(this.trackVertical),X=Math.ceil(U/I*$);return $<=X?0:F||Math.max(X,L)}},{key:"getScrollLeftForOffset",value:function(Z){var F=this.view,L=F.scrollWidth,z=F.clientWidth,I=(0,y.default)(this.trackHorizontal),U=this.getThumbHorizontalWidth();return Z/(I-U)*(L-z)}},{key:"getScrollTopForOffset",value:function(Z){var F=this.view,L=F.scrollHeight,z=F.clientHeight,I=(0,_.default)(this.trackVertical),U=this.getThumbVerticalHeight();return Z/(I-U)*(L-z)}},{key:"scrollLeft",value:function(){var Z=arguments.length>0&&arguments[0]!==void 0?arguments[0]:0;!this.view||(this.view.scrollLeft=Z)}},{key:"scrollTop",value:function(){var Z=arguments.length>0&&arguments[0]!==void 0?arguments[0]:0;!this.view||(this.view.scrollTop=Z)}},{key:"scrollToLeft",value:function(){!this.view||(this.view.scrollLeft=0)}},{key:"scrollToTop",value:function(){!this.view||(this.view.scrollTop=0)}},{key:"scrollToRight",value:function(){!this.view||(this.view.scrollLeft=this.view.scrollWidth)}},{key:"scrollToBottom",value:function(){!this.view||(this.view.scrollTop=this.view.scrollHeight)}},{key:"addListeners",value:function(){if(!(typeof document>"u"||!this.view)){var Z=this.view,F=this.trackHorizontal,L=this.trackVertical,z=this.thumbHorizontal,I=this.thumbVertical;Z.addEventListener("scroll",this.handleScroll),(0,g.default)()&&(F.addEventListener("mouseenter",this.handleTrackMouseEnter),F.addEventListener("mouseleave",this.handleTrackMouseLeave),F.addEventListener("mousedown",this.handleHorizontalTrackMouseDown),L.addEventListener("mouseenter",this.handleTrackMouseEnter),L.addEventListener("mouseleave",this.handleTrackMouseLeave),L.addEventListener("mousedown",this.handleVerticalTrackMouseDown),z.addEventListener("mousedown",this.handleHorizontalThumbMouseDown),I.addEventListener("mousedown",this.handleVerticalThumbMouseDown),window.addEventListener("resize",this.handleWindowResize))}}},{key:"removeListeners",value:function(){if(!(typeof document>"u"||!this.view)){var Z=this.view,F=this.trackHorizontal,L=this.trackVertical,z=this.thumbHorizontal,I=this.thumbVertical;Z.removeEventListener("scroll",this.handleScroll),(0,g.default)()&&(F.removeEventListener("mouseenter",this.handleTrackMouseEnter),F.removeEventListener("mouseleave",this.handleTrackMouseLeave),F.removeEventListener("mousedown",this.handleHorizontalTrackMouseDown),L.removeEventListener("mouseenter",this.handleTrackMouseEnter),L.removeEventListener("mouseleave",this.handleTrackMouseLeave),L.removeEventListener("mousedown",this.handleVerticalTrackMouseDown),z.removeEventListener("mousedown",this.handleHorizontalThumbMouseDown),I.removeEventListener("mousedown",this.handleVerticalThumbMouseDown),window.removeEventListener("resize",this.handleWindowResize),this.teardownDragging())}}},{key:"handleScroll",value:function(Z){var F=this,L=this.props,z=L.onScroll,I=L.onScrollFrame;z&&z(Z),this.update(function(U){var $=U.scrollLeft,X=U.scrollTop;F.viewScrollLeft=$,F.viewScrollTop=X,I&&I(U)}),this.detectScrolling()}},{key:"handleScrollStart",value:function(){var Z=this.props.onScrollStart;Z&&Z(),this.handleScrollStartAutoHide()}},{key:"handleScrollStartAutoHide",value:function(){var Z=this.props.autoHide;!Z||this.showTracks()}},{key:"handleScrollStop",value:function(){var Z=this.props.onScrollStop;Z&&Z(),this.handleScrollStopAutoHide()}},{key:"handleScrollStopAutoHide",value:function(){var Z=this.props.autoHide;!Z||this.hideTracks()}},{key:"handleWindowResize",value:function(){(0,g.default)(!1),this.forceUpdate()}},{key:"handleHorizontalTrackMouseDown",value:function(Z){Z.preventDefault();var F=Z.target,L=Z.clientX,z=F.getBoundingClientRect(),I=z.left,U=this.getThumbHorizontalWidth(),$=Math.abs(I-L)-U/2;this.view.scrollLeft=this.getScrollLeftForOffset($)}},{key:"handleVerticalTrackMouseDown",value:function(Z){Z.preventDefault();var F=Z.target,L=Z.clientY,z=F.getBoundingClientRect(),I=z.top,U=this.getThumbVerticalHeight(),$=Math.abs(I-L)-U/2;this.view.scrollTop=this.getScrollTopForOffset($)}},{key:"handleHorizontalThumbMouseDown",value:function(Z){Z.preventDefault(),this.handleDragStart(Z);var F=Z.target,L=Z.clientX,z=F.offsetWidth,I=F.getBoundingClientRect(),U=I.left;this.prevPageX=z-(L-U)}},{key:"handleVerticalThumbMouseDown",value:function(Z){Z.preventDefault(),this.handleDragStart(Z);var F=Z.target,L=Z.clientY,z=F.offsetHeight,I=F.getBoundingClientRect(),U=I.top;this.prevPageY=z-(L-U)}},{key:"setupDragging",value:function(){(0,l.default)(document.body,S.disableSelectStyle),document.addEventListener("mousemove",this.handleDrag),document.addEventListener("mouseup",this.handleDragEnd),document.onselectstart=m.default}},{key:"teardownDragging",value:function(){(0,l.default)(document.body,S.disableSelectStyleReset),document.removeEventListener("mousemove",this.handleDrag),document.removeEventListener("mouseup",this.handleDragEnd),document.onselectstart=void 0}},{key:"handleDragStart",value:function(Z){this.dragging=!0,Z.stopImmediatePropagation(),this.setupDragging()}},{key:"handleDrag",value:function(Z){if(this.prevPageX){var F=Z.clientX,L=this.trackHorizontal.getBoundingClientRect(),z=L.left,I=this.getThumbHorizontalWidth(),U=I-this.prevPageX,$=-z+F-U;this.view.scrollLeft=this.getScrollLeftForOffset($)}if(this.prevPageY){var X=Z.clientY,pe=this.trackVertical.getBoundingClientRect(),ie=pe.top,ge=this.getThumbVerticalHeight(),ee=ge-this.prevPageY,Fe=-ie+X-ee;this.view.scrollTop=this.getScrollTopForOffset(Fe)}return!1}},{key:"handleDragEnd",value:function(){this.dragging=!1,this.prevPageX=this.prevPageY=0,this.teardownDragging(),this.handleDragEndAutoHide()}},{key:"handleDragEndAutoHide",value:function(){var Z=this.props.autoHide;!Z||this.hideTracks()}},{key:"handleTrackMouseEnter",value:function(){this.trackMouseOver=!0,this.handleTrackMouseEnterAutoHide()}},{key:"handleTrackMouseEnterAutoHide",value:function(){var Z=this.props.autoHide;!Z||this.showTracks()}},{key:"handleTrackMouseLeave",value:function(){this.trackMouseOver=!1,this.handleTrackMouseLeaveAutoHide()}},{key:"handleTrackMouseLeaveAutoHide",value:function(){var Z=this.props.autoHide;!Z||this.hideTracks()}},{key:"showTracks",value:function(){clearTimeout(this.hideTracksTimeout),(0,l.default)(this.trackHorizontal,{opacity:1}),(0,l.default)(this.trackVertical,{opacity:1})}},{key:"hideTracks",value:function(){var Z=this;if(!this.dragging&&!this.scrolling&&!this.trackMouseOver){var F=this.props.autoHideTimeout;clearTimeout(this.hideTracksTimeout),this.hideTracksTimeout=setTimeout(function(){(0,l.default)(Z.trackHorizontal,{opacity:0}),(0,l.default)(Z.trackVertical,{opacity:0})},F)}}},{key:"detectScrolling",value:function(){var Z=this;this.scrolling||(this.scrolling=!0,this.handleScrollStart(),this.detectScrollingInterval=setInterval(function(){Z.lastViewScrollLeft===Z.viewScrollLeft&&Z.lastViewScrollTop===Z.viewScrollTop&&(clearInterval(Z.detectScrollingInterval),Z.scrolling=!1,Z.handleScrollStop()),Z.lastViewScrollLeft=Z.viewScrollLeft,Z.lastViewScrollTop=Z.viewScrollTop},100))}},{key:"raf",value:function(Z){var F=this;this.requestFrame&&o.default.cancel(this.requestFrame),this.requestFrame=(0,o.default)(function(){F.requestFrame=void 0,Z()})}},{key:"update",value:function(Z){var F=this;this.raf(function(){return F._update(Z)})}},{key:"_update",value:function(Z){var F=this.props,L=F.onUpdate,z=F.hideTracksWhenNotNeeded,I=this.getValues();if((0,g.default)()){var U=I.scrollLeft,$=I.clientWidth,X=I.scrollWidth,pe=(0,y.default)(this.trackHorizontal),ie=this.getThumbHorizontalWidth(),ge=U/(X-$)*(pe-ie),ee={width:ie,transform:"translateX("+ge+"px)"},Fe=I.scrollTop,Ge=I.clientHeight,Ve=I.scrollHeight,ut=(0,_.default)(this.trackVertical),Pe=this.getThumbVerticalHeight(),Gt=Fe/(Ve-Ge)*(ut-Pe),it={height:Pe,transform:"translateY("+Gt+"px)"};if(z){var ji={visibility:X>$?"visible":"hidden"},Xi={visibility:Ve>Ge?"visible":"hidden"};(0,l.default)(this.trackHorizontal,ji),(0,l.default)(this.trackVertical,Xi)}(0,l.default)(this.thumbHorizontal,ee),(0,l.default)(this.thumbVertical,it)}L&&L(I),typeof Z=="function"&&Z(I)}},{key:"render",value:function(){var Z=this,F=(0,g.default)(),L=this.props;L.onScroll,L.onScrollFrame,L.onScrollStart,L.onScrollStop,L.onUpdate;var z=L.renderView,I=L.renderTrackHorizontal,U=L.renderTrackVertical,$=L.renderThumbHorizontal,X=L.renderThumbVertical,pe=L.tagName;L.hideTracksWhenNotNeeded;var ie=L.autoHide;L.autoHideTimeout;var ge=L.autoHideDuration;L.thumbSize,L.thumbMinSize;var ee=L.universal,Fe=L.autoHeight,Ge=L.autoHeightMin,Ve=L.autoHeightMax,ut=L.style,Pe=L.children,Gt=R(L,["onScroll","onScrollFrame","onScrollStart","onScrollStop","onUpdate","renderView","renderTrackHorizontal","renderTrackVertical","renderThumbHorizontal","renderThumbVertical","tagName","hideTracksWhenNotNeeded","autoHide","autoHideTimeout","autoHideDuration","thumbSize","thumbMinSize","universal","autoHeight","autoHeightMin","autoHeightMax","style","children"]),it=this.state.didMountUniversal,ji=t({},S.containerStyleDefault,Fe&&t({},S.containerStyleAutoHeight,{minHeight:Ge,maxHeight:Ve}),ut),Xi=t({},S.viewStyleDefault,{marginRight:F?-F:0,marginBottom:F?-F:0},Fe&&t({},S.viewStyleAutoHeight,{minHeight:(0,f.default)(Ge)?"calc("+Ge+" + "+F+"px)":Ge+F,maxHeight:(0,f.default)(Ve)?"calc("+Ve+" + "+F+"px)":Ve+F}),Fe&&ee&&!it&&{minHeight:Ge,maxHeight:Ve},ee&&!it&&S.viewStyleUniversalInitial),Xr={transition:"opacity "+ge+"ms",opacity:0},P5=t({},S.trackHorizontalStyleDefault,ie&&Xr,(!F||ee&&!it)&&{display:"none"}),O5=t({},S.trackVerticalStyleDefault,ie&&Xr,(!F||ee&&!it)&&{display:"none"});return(0,a.createElement)(pe,t({},Gt,{style:ji,ref:function(ze){Z.container=ze}}),[(0,a.cloneElement)(z({style:Xi}),{key:"view",ref:function(ze){Z.view=ze}},Pe),(0,a.cloneElement)(I({style:P5}),{key:"trackHorizontal",ref:function(ze){Z.trackHorizontal=ze}},(0,a.cloneElement)($({style:S.thumbHorizontalStyleDefault}),{ref:function(ze){Z.thumbHorizontal=ze}})),(0,a.cloneElement)(U({style:O5}),{key:"trackVertical",ref:function(ze){Z.trackVertical=ze}},(0,a.cloneElement)(X({style:S.thumbVerticalStyleDefault}),{ref:function(ze){Z.thumbVertical=ze}}))])}}]),P}(a.Component);e.default=j,j.propTypes={onScroll:h.default.func,onScrollFrame:h.default.func,onScrollStart:h.default.func,onScrollStop:h.default.func,onUpdate:h.default.func,renderView:h.default.func,renderTrackHorizontal:h.default.func,renderTrackVertical:h.default.func,renderThumbHorizontal:h.default.func,renderThumbVertical:h.default.func,tagName:h.default.string,thumbSize:h.default.number,thumbMinSize:h.default.number,hideTracksWhenNotNeeded:h.default.bool,autoHide:h.default.bool,autoHideTimeout:h.default.number,autoHideDuration:h.default.number,autoHeight:h.default.bool,autoHeightMin:h.default.oneOfType([h.default.number,h.default.string]),autoHeightMax:h.default.oneOfType([h.default.number,h.default.string]),universal:h.default.bool,style:h.default.object,children:h.default.node},j.defaultProps={renderView:A.renderViewDefault,renderTrackHorizontal:A.renderTrackHorizontalDefault,renderTrackVertical:A.renderTrackVerticalDefault,renderThumbHorizontal:A.renderThumbHorizontalDefault,renderThumbVertical:A.renderThumbVerticalDefault,tagName:"div",thumbMinSize:30,hideTracksWhenNotNeeded:!1,autoHide:!1,autoHideTimeout:1e3,autoHideDuration:200,autoHeight:!1,autoHeightMin:0,autoHeightMax:200,universal:!1}})(S2);(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.Scrollbars=void 0;var t=S2,i=n(t);function n(o){return o&&o.__esModule?o:{default:o}}e.default=i.default,e.Scrollbars=i.default})(Z2);const yu=$5(Z2),_u=M.exports.forwardRef(({children:e,...t},i)=>{const n=M.exports.useRef(null),o=Vf(n,i),[s,l]=M.exports.useState(window.innerWidth),[a,c]=M.exports.useState(window.innerHeight),h=M.exports.useCallback(()=>{l(window.innerWidth),c(window.innerHeight)},[]);return M.exports.useEffect(()=>(window.addEventListener("resize",h),()=>{window.removeEventListener("resize",h)}),[h]),r(Vt,{children:Boolean(s)&&Boolean(a)&&r(yu,{ref:o,...t,autoHide:!0,autoHideTimeout:1e3,autoHideDuration:200,...t,"data-shoplflow":"ScrollArea",children:e})})}),bu=M.exports.createContext({addModal:ds,removeModal:ds}),D2=M.exports.createContext([]),Mu=({children:e})=>{const[t,i]=M.exports.useState([]),n=(l,a)=>{i(c=>c?[...c,{component:l,id:a}]:[{component:l,id:a}])},o=l=>{const{id:a,deps:c}=l||{id:void 0,deps:void 0},h=Boolean(a&&c),d=Boolean(a),f=!a&&Boolean(fs(c)),u=Boolean(Boolean(!fs(c))&&!a);if(h)throw new Error("id\uC640 deps\uB294 \uB3D9\uC2DC\uC5D0 \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");if(d){i(g=>[...g.filter(m=>m.id!==a)]);return}if(f||c===1){i(g=>[...g.slice(0,-1)]);return}if(u){if(c===0||c===void 0)return;i(g=>[...g.slice(0,-c)]);return}},s=M.exports.useMemo(()=>({addModal:n,removeModal:o}),[]);return M.exports.useEffect(()=>{if(t.length===1)return document.body.style.cssText="overflow:hidden",()=>{document.body.style.cssText="overflow:unset"}},[t.length]),M.exports.useEffect(()=>{const l=()=>{i([])};return window.addEventListener("popstate",l),()=>{window.removeEventListener("popstate",l)}},[]),r(D2.Provider,{value:t,children:r(bu.Provider,{value:s,children:e})})};H.div`
+`;function Df(e,t){if(e!=null){if(typeof e=="function"){e(t);return}try{e.current=t}catch{throw new Error(`Cannot assign value '${String(t)}' to ref '${String(e)}'`)}}}function Tf(...e){return t=>{e.forEach(i=>{Df(i,t)})}}function Vf(...e){return M.exports.useMemo(()=>Tf(...e),e)}const ds=function(){},fs=e=>e===void 0||e===null;var Z2={},S2={},Hi={exports:{}},b0={exports:{}};(function(){var e,t,i,n,o,s;typeof performance<"u"&&performance!==null&&performance.now?b0.exports=function(){return performance.now()}:typeof process<"u"&&process!==null&&process.hrtime?(b0.exports=function(){return(e()-o)/1e6},t=process.hrtime,e=function(){var l;return l=t(),l[0]*1e9+l[1]},n=e(),s=process.uptime()*1e9,o=n-s):Date.now?(b0.exports=function(){return Date.now()-i},i=Date.now()):(b0.exports=function(){return new Date().getTime()-i},i=new Date().getTime())}).call(Ll);var Pf=b0.exports,ht=typeof window>"u"?Ll:window,u1=["moz","webkit"],t0="AnimationFrame",r0=ht["request"+t0],N0=ht["cancel"+t0]||ht["cancelRequest"+t0];for(var p0=0;!r0&&p0<u1.length;p0++)r0=ht[u1[p0]+"Request"+t0],N0=ht[u1[p0]+"Cancel"+t0]||ht[u1[p0]+"CancelRequest"+t0];if(!r0||!N0){var fn=0,us=0,At=[],Of=1e3/60;r0=function(e){if(At.length===0){var t=Pf(),i=Math.max(0,Of-(t-fn));fn=i+t,setTimeout(function(){var n=At.slice(0);At.length=0;for(var o=0;o<n.length;o++)if(!n[o].cancelled)try{n[o].callback(fn)}catch(s){setTimeout(function(){throw s},0)}},Math.round(i))}return At.push({handle:++us,callback:e,cancelled:!1}),us},N0=function(e){for(var t=0;t<At.length;t++)At[t].handle===e&&(At[t].cancelled=!0)}}Hi.exports=function(e){return r0.call(ht,e)};Hi.exports.cancel=function(){N0.apply(ht,arguments)};Hi.exports.polyfill=function(e){e||(e=ht),e.requestAnimationFrame=r0,e.cancelAnimationFrame=N0};var o1={exports:{}},un=null,ps=["Webkit","Moz","O","ms"],Hf=function(t){un||(un=document.createElement("div"));var i=un.style;if(t in i)return t;for(var n=t.charAt(0).toUpperCase()+t.slice(1),o=ps.length;o>=0;o--){var s=ps[o]+n;if(s in i)return s}return!1},Uf=Wf,$f=/\s/,zf=/(_|-|\.|:)/,Gf=/([a-z][A-Z]|[A-Z][a-z])/;function Wf(e){return $f.test(e)?e.toLowerCase():zf.test(e)?(jf(e)||e).toLowerCase():Gf.test(e)?Yf(e).toLowerCase():e.toLowerCase()}var Nf=/[\W_]+(.|$)/g;function jf(e){return e.replace(Nf,function(t,i){return i?" "+i:""})}var Xf=/(.)([A-Z]+)/g;function Yf(e){return e.replace(Xf,function(t,i,n){return i+" "+n.toLowerCase().split("").join(" ")})}var Kf=Uf,qf=Qf;function Qf(e){return Kf(e).replace(/[\W_]+(.|$)/g,function(t,i){return i?" "+i:""}).trim()}var Jf=qf,eu=tu;function tu(e){return Jf(e).replace(/\s(\w)/g,function(t,i){return i.toUpperCase()})}var iu={animationIterationCount:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridColumn:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,stopOpacity:!0,strokeDashoffset:!0,strokeOpacity:!0,strokeWidth:!0},nu=function(e,t){return typeof t=="number"&&!iu[e]?t+"px":t},ru=Hf,ou=eu,L1={float:"cssFloat"},su=nu;function q1(e,t,i){var n=L1[t];if(typeof n>"u"&&(n=au(t)),n){if(i===void 0)return e.style[n];e.style[n]=su(n,i)}}function lu(e,t){for(var i in t)t.hasOwnProperty(i)&&q1(e,i,t[i])}function au(e){var t=ou(e),i=ru(t);return L1[t]=L1[e]=L1[i]=i,i}function I2(){arguments.length===2?typeof arguments[1]=="string"?arguments[0].style.cssText=arguments[1]:lu(arguments[0],arguments[1]):q1(arguments[0],arguments[1],arguments[2])}o1.exports=I2;o1.exports.set=I2;o1.exports.get=function(e,t){return Array.isArray(t)?t.reduce(function(i,n){return i[n]=q1(e,n||""),i},{}):q1(e,t||"")};var A2={exports:{}},cu="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",hu=cu,du=hu;function C2(){}function R2(){}R2.resetWarningCache=C2;var fu=function(){function e(n,o,s,l,a,c){if(c!==du){var h=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw h.name="Invariant Violation",h}}e.isRequired=e;function t(){return e}var i={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:R2,resetWarningCache:C2};return i.PropTypes=i,i};A2.exports=fu();var F2={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=t;function t(i){return typeof i=="string"}})(F2);var k2={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=s;var t=o1.exports,i=n(t);function n(l){return l&&l.__esModule?l:{default:l}}var o=!1;function s(){var l=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!0;if(l&&o!==!1)return o;if(typeof document<"u"){var a=document.createElement("div");(0,i.default)(a,{width:100,height:100,position:"absolute",top:-9999,overflow:"scroll",MsOverflowStyle:"scrollbar"}),document.body.appendChild(a),o=a.offsetWidth-a.clientWidth,document.body.removeChild(a)}else o=0;return o||0}})(k2);var B2={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=t;function t(){return!1}})(B2);var E2={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=t;function t(i){var n=i.clientWidth,o=getComputedStyle(i),s=o.paddingLeft,l=o.paddingRight;return n-parseFloat(s)-parseFloat(l)}})(E2);var L2={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=t;function t(i){var n=i.clientHeight,o=getComputedStyle(i),s=o.paddingTop,l=o.paddingBottom;return n-parseFloat(s)-parseFloat(l)}})(L2);var Te={};Object.defineProperty(Te,"__esModule",{value:!0});Te.containerStyleDefault={position:"relative",overflow:"hidden",width:"100%",height:"100%"};Te.containerStyleAutoHeight={height:"auto"};Te.viewStyleDefault={position:"absolute",top:0,left:0,right:0,bottom:0,overflow:"scroll",WebkitOverflowScrolling:"touch"};Te.viewStyleAutoHeight={position:"relative",top:void 0,left:void 0,right:void 0,bottom:void 0};Te.viewStyleUniversalInitial={overflow:"hidden",marginRight:0,marginBottom:0};Te.trackHorizontalStyleDefault={position:"absolute",height:6};Te.trackVerticalStyleDefault={position:"absolute",width:6};Te.thumbHorizontalStyleDefault={position:"relative",display:"block",height:"100%"};Te.thumbVerticalStyleDefault={position:"relative",display:"block",width:"100%"};Te.disableSelectStyle={userSelect:"none"};Te.disableSelectStyleReset={userSelect:""};var $t={};Object.defineProperty($t,"__esModule",{value:!0});var bt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e};$t.renderViewDefault=gu;$t.renderTrackHorizontalDefault=vu;$t.renderTrackVerticalDefault=mu;$t.renderThumbHorizontalDefault=xu;$t.renderThumbVerticalDefault=wu;var uu=M.exports,s1=pu(uu);function pu(e){return e&&e.__esModule?e:{default:e}}function Ui(e,t){var i={};for(var n in e)t.indexOf(n)>=0||!Object.prototype.hasOwnProperty.call(e,n)||(i[n]=e[n]);return i}function gu(e){return s1.default.createElement("div",e)}function vu(e){var t=e.style,i=Ui(e,["style"]),n=bt({},t,{right:2,bottom:2,left:2,borderRadius:3});return s1.default.createElement("div",bt({style:n},i))}function mu(e){var t=e.style,i=Ui(e,["style"]),n=bt({},t,{right:2,bottom:2,top:2,borderRadius:3});return s1.default.createElement("div",bt({style:n},i))}function xu(e){var t=e.style,i=Ui(e,["style"]),n=bt({},t,{cursor:"pointer",borderRadius:"inherit",backgroundColor:"rgba(0,0,0,.2)"});return s1.default.createElement("div",bt({style:n},i))}function wu(e){var t=e.style,i=Ui(e,["style"]),n=bt({},t,{cursor:"pointer",borderRadius:"inherit",backgroundColor:"rgba(0,0,0,.2)"});return s1.default.createElement("div",bt({style:n},i))}(function(e){Object.defineProperty(e,"__esModule",{value:!0});var t=Object.assign||function(O){for(var P=1;P<arguments.length;P++){var B=arguments[P];for(var Z in B)Object.prototype.hasOwnProperty.call(B,Z)&&(O[Z]=B[Z])}return O},i=function(){function O(P,B){for(var Z=0;Z<B.length;Z++){var F=B[Z];F.enumerable=F.enumerable||!1,F.configurable=!0,"value"in F&&(F.writable=!0),Object.defineProperty(P,F.key,F)}}return function(P,B,Z){return B&&O(P.prototype,B),Z&&O(P,Z),P}}(),n=Hi.exports,o=D(n),s=o1.exports,l=D(s),a=M.exports,c=A2.exports,h=D(c),d=F2,f=D(d),u=k2,g=D(u),v=B2,m=D(v),w=E2,y=D(w),b=L2,_=D(b),S=Te,A=$t;function D(O){return O&&O.__esModule?O:{default:O}}function R(O,P){var B={};for(var Z in O)P.indexOf(Z)>=0||!Object.prototype.hasOwnProperty.call(O,Z)||(B[Z]=O[Z]);return B}function T(O,P){if(!(O instanceof P))throw new TypeError("Cannot call a class as a function")}function V(O,P){if(!O)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return P&&(typeof P=="object"||typeof P=="function")?P:O}function G(O,P){if(typeof P!="function"&&P!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof P);O.prototype=Object.create(P&&P.prototype,{constructor:{value:O,enumerable:!1,writable:!0,configurable:!0}}),P&&(Object.setPrototypeOf?Object.setPrototypeOf(O,P):O.__proto__=P)}var j=function(O){G(P,O);function P(B){var Z;T(this,P);for(var F=arguments.length,L=Array(F>1?F-1:0),z=1;z<F;z++)L[z-1]=arguments[z];var I=V(this,(Z=P.__proto__||Object.getPrototypeOf(P)).call.apply(Z,[this,B].concat(L)));return I.getScrollLeft=I.getScrollLeft.bind(I),I.getScrollTop=I.getScrollTop.bind(I),I.getScrollWidth=I.getScrollWidth.bind(I),I.getScrollHeight=I.getScrollHeight.bind(I),I.getClientWidth=I.getClientWidth.bind(I),I.getClientHeight=I.getClientHeight.bind(I),I.getValues=I.getValues.bind(I),I.getThumbHorizontalWidth=I.getThumbHorizontalWidth.bind(I),I.getThumbVerticalHeight=I.getThumbVerticalHeight.bind(I),I.getScrollLeftForOffset=I.getScrollLeftForOffset.bind(I),I.getScrollTopForOffset=I.getScrollTopForOffset.bind(I),I.scrollLeft=I.scrollLeft.bind(I),I.scrollTop=I.scrollTop.bind(I),I.scrollToLeft=I.scrollToLeft.bind(I),I.scrollToTop=I.scrollToTop.bind(I),I.scrollToRight=I.scrollToRight.bind(I),I.scrollToBottom=I.scrollToBottom.bind(I),I.handleTrackMouseEnter=I.handleTrackMouseEnter.bind(I),I.handleTrackMouseLeave=I.handleTrackMouseLeave.bind(I),I.handleHorizontalTrackMouseDown=I.handleHorizontalTrackMouseDown.bind(I),I.handleVerticalTrackMouseDown=I.handleVerticalTrackMouseDown.bind(I),I.handleHorizontalThumbMouseDown=I.handleHorizontalThumbMouseDown.bind(I),I.handleVerticalThumbMouseDown=I.handleVerticalThumbMouseDown.bind(I),I.handleWindowResize=I.handleWindowResize.bind(I),I.handleScroll=I.handleScroll.bind(I),I.handleDrag=I.handleDrag.bind(I),I.handleDragEnd=I.handleDragEnd.bind(I),I.state={didMountUniversal:!1},I}return i(P,[{key:"componentDidMount",value:function(){this.addListeners(),this.update(),this.componentDidMountUniversal()}},{key:"componentDidMountUniversal",value:function(){var Z=this.props.universal;!Z||this.setState({didMountUniversal:!0})}},{key:"componentDidUpdate",value:function(){this.update()}},{key:"componentWillUnmount",value:function(){this.removeListeners(),(0,n.cancel)(this.requestFrame),clearTimeout(this.hideTracksTimeout),clearInterval(this.detectScrollingInterval)}},{key:"getScrollLeft",value:function(){return this.view?this.view.scrollLeft:0}},{key:"getScrollTop",value:function(){return this.view?this.view.scrollTop:0}},{key:"getScrollWidth",value:function(){return this.view?this.view.scrollWidth:0}},{key:"getScrollHeight",value:function(){return this.view?this.view.scrollHeight:0}},{key:"getClientWidth",value:function(){return this.view?this.view.clientWidth:0}},{key:"getClientHeight",value:function(){return this.view?this.view.clientHeight:0}},{key:"getValues",value:function(){var Z=this.view||{},F=Z.scrollLeft,L=F===void 0?0:F,z=Z.scrollTop,I=z===void 0?0:z,U=Z.scrollWidth,$=U===void 0?0:U,X=Z.scrollHeight,pe=X===void 0?0:X,ie=Z.clientWidth,ge=ie===void 0?0:ie,ee=Z.clientHeight,Fe=ee===void 0?0:ee;return{left:L/($-ge)||0,top:I/(pe-Fe)||0,scrollLeft:L,scrollTop:I,scrollWidth:$,scrollHeight:pe,clientWidth:ge,clientHeight:Fe}}},{key:"getThumbHorizontalWidth",value:function(){var Z=this.props,F=Z.thumbSize,L=Z.thumbMinSize,z=this.view,I=z.scrollWidth,U=z.clientWidth,$=(0,y.default)(this.trackHorizontal),X=Math.ceil(U/I*$);return $<=X?0:F||Math.max(X,L)}},{key:"getThumbVerticalHeight",value:function(){var Z=this.props,F=Z.thumbSize,L=Z.thumbMinSize,z=this.view,I=z.scrollHeight,U=z.clientHeight,$=(0,_.default)(this.trackVertical),X=Math.ceil(U/I*$);return $<=X?0:F||Math.max(X,L)}},{key:"getScrollLeftForOffset",value:function(Z){var F=this.view,L=F.scrollWidth,z=F.clientWidth,I=(0,y.default)(this.trackHorizontal),U=this.getThumbHorizontalWidth();return Z/(I-U)*(L-z)}},{key:"getScrollTopForOffset",value:function(Z){var F=this.view,L=F.scrollHeight,z=F.clientHeight,I=(0,_.default)(this.trackVertical),U=this.getThumbVerticalHeight();return Z/(I-U)*(L-z)}},{key:"scrollLeft",value:function(){var Z=arguments.length>0&&arguments[0]!==void 0?arguments[0]:0;!this.view||(this.view.scrollLeft=Z)}},{key:"scrollTop",value:function(){var Z=arguments.length>0&&arguments[0]!==void 0?arguments[0]:0;!this.view||(this.view.scrollTop=Z)}},{key:"scrollToLeft",value:function(){!this.view||(this.view.scrollLeft=0)}},{key:"scrollToTop",value:function(){!this.view||(this.view.scrollTop=0)}},{key:"scrollToRight",value:function(){!this.view||(this.view.scrollLeft=this.view.scrollWidth)}},{key:"scrollToBottom",value:function(){!this.view||(this.view.scrollTop=this.view.scrollHeight)}},{key:"addListeners",value:function(){if(!(typeof document>"u"||!this.view)){var Z=this.view,F=this.trackHorizontal,L=this.trackVertical,z=this.thumbHorizontal,I=this.thumbVertical;Z.addEventListener("scroll",this.handleScroll),(0,g.default)()&&(F.addEventListener("mouseenter",this.handleTrackMouseEnter),F.addEventListener("mouseleave",this.handleTrackMouseLeave),F.addEventListener("mousedown",this.handleHorizontalTrackMouseDown),L.addEventListener("mouseenter",this.handleTrackMouseEnter),L.addEventListener("mouseleave",this.handleTrackMouseLeave),L.addEventListener("mousedown",this.handleVerticalTrackMouseDown),z.addEventListener("mousedown",this.handleHorizontalThumbMouseDown),I.addEventListener("mousedown",this.handleVerticalThumbMouseDown),window.addEventListener("resize",this.handleWindowResize))}}},{key:"removeListeners",value:function(){if(!(typeof document>"u"||!this.view)){var Z=this.view,F=this.trackHorizontal,L=this.trackVertical,z=this.thumbHorizontal,I=this.thumbVertical;Z.removeEventListener("scroll",this.handleScroll),(0,g.default)()&&(F.removeEventListener("mouseenter",this.handleTrackMouseEnter),F.removeEventListener("mouseleave",this.handleTrackMouseLeave),F.removeEventListener("mousedown",this.handleHorizontalTrackMouseDown),L.removeEventListener("mouseenter",this.handleTrackMouseEnter),L.removeEventListener("mouseleave",this.handleTrackMouseLeave),L.removeEventListener("mousedown",this.handleVerticalTrackMouseDown),z.removeEventListener("mousedown",this.handleHorizontalThumbMouseDown),I.removeEventListener("mousedown",this.handleVerticalThumbMouseDown),window.removeEventListener("resize",this.handleWindowResize),this.teardownDragging())}}},{key:"handleScroll",value:function(Z){var F=this,L=this.props,z=L.onScroll,I=L.onScrollFrame;z&&z(Z),this.update(function(U){var $=U.scrollLeft,X=U.scrollTop;F.viewScrollLeft=$,F.viewScrollTop=X,I&&I(U)}),this.detectScrolling()}},{key:"handleScrollStart",value:function(){var Z=this.props.onScrollStart;Z&&Z(),this.handleScrollStartAutoHide()}},{key:"handleScrollStartAutoHide",value:function(){var Z=this.props.autoHide;!Z||this.showTracks()}},{key:"handleScrollStop",value:function(){var Z=this.props.onScrollStop;Z&&Z(),this.handleScrollStopAutoHide()}},{key:"handleScrollStopAutoHide",value:function(){var Z=this.props.autoHide;!Z||this.hideTracks()}},{key:"handleWindowResize",value:function(){(0,g.default)(!1),this.forceUpdate()}},{key:"handleHorizontalTrackMouseDown",value:function(Z){Z.preventDefault();var F=Z.target,L=Z.clientX,z=F.getBoundingClientRect(),I=z.left,U=this.getThumbHorizontalWidth(),$=Math.abs(I-L)-U/2;this.view.scrollLeft=this.getScrollLeftForOffset($)}},{key:"handleVerticalTrackMouseDown",value:function(Z){Z.preventDefault();var F=Z.target,L=Z.clientY,z=F.getBoundingClientRect(),I=z.top,U=this.getThumbVerticalHeight(),$=Math.abs(I-L)-U/2;this.view.scrollTop=this.getScrollTopForOffset($)}},{key:"handleHorizontalThumbMouseDown",value:function(Z){Z.preventDefault(),this.handleDragStart(Z);var F=Z.target,L=Z.clientX,z=F.offsetWidth,I=F.getBoundingClientRect(),U=I.left;this.prevPageX=z-(L-U)}},{key:"handleVerticalThumbMouseDown",value:function(Z){Z.preventDefault(),this.handleDragStart(Z);var F=Z.target,L=Z.clientY,z=F.offsetHeight,I=F.getBoundingClientRect(),U=I.top;this.prevPageY=z-(L-U)}},{key:"setupDragging",value:function(){(0,l.default)(document.body,S.disableSelectStyle),document.addEventListener("mousemove",this.handleDrag),document.addEventListener("mouseup",this.handleDragEnd),document.onselectstart=m.default}},{key:"teardownDragging",value:function(){(0,l.default)(document.body,S.disableSelectStyleReset),document.removeEventListener("mousemove",this.handleDrag),document.removeEventListener("mouseup",this.handleDragEnd),document.onselectstart=void 0}},{key:"handleDragStart",value:function(Z){this.dragging=!0,Z.stopImmediatePropagation(),this.setupDragging()}},{key:"handleDrag",value:function(Z){if(this.prevPageX){var F=Z.clientX,L=this.trackHorizontal.getBoundingClientRect(),z=L.left,I=this.getThumbHorizontalWidth(),U=I-this.prevPageX,$=-z+F-U;this.view.scrollLeft=this.getScrollLeftForOffset($)}if(this.prevPageY){var X=Z.clientY,pe=this.trackVertical.getBoundingClientRect(),ie=pe.top,ge=this.getThumbVerticalHeight(),ee=ge-this.prevPageY,Fe=-ie+X-ee;this.view.scrollTop=this.getScrollTopForOffset(Fe)}return!1}},{key:"handleDragEnd",value:function(){this.dragging=!1,this.prevPageX=this.prevPageY=0,this.teardownDragging(),this.handleDragEndAutoHide()}},{key:"handleDragEndAutoHide",value:function(){var Z=this.props.autoHide;!Z||this.hideTracks()}},{key:"handleTrackMouseEnter",value:function(){this.trackMouseOver=!0,this.handleTrackMouseEnterAutoHide()}},{key:"handleTrackMouseEnterAutoHide",value:function(){var Z=this.props.autoHide;!Z||this.showTracks()}},{key:"handleTrackMouseLeave",value:function(){this.trackMouseOver=!1,this.handleTrackMouseLeaveAutoHide()}},{key:"handleTrackMouseLeaveAutoHide",value:function(){var Z=this.props.autoHide;!Z||this.hideTracks()}},{key:"showTracks",value:function(){clearTimeout(this.hideTracksTimeout),(0,l.default)(this.trackHorizontal,{opacity:1}),(0,l.default)(this.trackVertical,{opacity:1})}},{key:"hideTracks",value:function(){var Z=this;if(!this.dragging&&!this.scrolling&&!this.trackMouseOver){var F=this.props.autoHideTimeout;clearTimeout(this.hideTracksTimeout),this.hideTracksTimeout=setTimeout(function(){(0,l.default)(Z.trackHorizontal,{opacity:0}),(0,l.default)(Z.trackVertical,{opacity:0})},F)}}},{key:"detectScrolling",value:function(){var Z=this;this.scrolling||(this.scrolling=!0,this.handleScrollStart(),this.detectScrollingInterval=setInterval(function(){Z.lastViewScrollLeft===Z.viewScrollLeft&&Z.lastViewScrollTop===Z.viewScrollTop&&(clearInterval(Z.detectScrollingInterval),Z.scrolling=!1,Z.handleScrollStop()),Z.lastViewScrollLeft=Z.viewScrollLeft,Z.lastViewScrollTop=Z.viewScrollTop},100))}},{key:"raf",value:function(Z){var F=this;this.requestFrame&&o.default.cancel(this.requestFrame),this.requestFrame=(0,o.default)(function(){F.requestFrame=void 0,Z()})}},{key:"update",value:function(Z){var F=this;this.raf(function(){return F._update(Z)})}},{key:"_update",value:function(Z){var F=this.props,L=F.onUpdate,z=F.hideTracksWhenNotNeeded,I=this.getValues();if((0,g.default)()){var U=I.scrollLeft,$=I.clientWidth,X=I.scrollWidth,pe=(0,y.default)(this.trackHorizontal),ie=this.getThumbHorizontalWidth(),ge=U/(X-$)*(pe-ie),ee={width:ie,transform:"translateX("+ge+"px)"},Fe=I.scrollTop,Ge=I.clientHeight,Ve=I.scrollHeight,ut=(0,_.default)(this.trackVertical),Pe=this.getThumbVerticalHeight(),Gt=Fe/(Ve-Ge)*(ut-Pe),it={height:Pe,transform:"translateY("+Gt+"px)"};if(z){var ji={visibility:X>$?"visible":"hidden"},Xi={visibility:Ve>Ge?"visible":"hidden"};(0,l.default)(this.trackHorizontal,ji),(0,l.default)(this.trackVertical,Xi)}(0,l.default)(this.thumbHorizontal,ee),(0,l.default)(this.thumbVertical,it)}L&&L(I),typeof Z=="function"&&Z(I)}},{key:"render",value:function(){var Z=this,F=(0,g.default)(),L=this.props;L.onScroll,L.onScrollFrame,L.onScrollStart,L.onScrollStop,L.onUpdate;var z=L.renderView,I=L.renderTrackHorizontal,U=L.renderTrackVertical,$=L.renderThumbHorizontal,X=L.renderThumbVertical,pe=L.tagName;L.hideTracksWhenNotNeeded;var ie=L.autoHide;L.autoHideTimeout;var ge=L.autoHideDuration;L.thumbSize,L.thumbMinSize;var ee=L.universal,Fe=L.autoHeight,Ge=L.autoHeightMin,Ve=L.autoHeightMax,ut=L.style,Pe=L.children,Gt=R(L,["onScroll","onScrollFrame","onScrollStart","onScrollStop","onUpdate","renderView","renderTrackHorizontal","renderTrackVertical","renderThumbHorizontal","renderThumbVertical","tagName","hideTracksWhenNotNeeded","autoHide","autoHideTimeout","autoHideDuration","thumbSize","thumbMinSize","universal","autoHeight","autoHeightMin","autoHeightMax","style","children"]),it=this.state.didMountUniversal,ji=t({},S.containerStyleDefault,Fe&&t({},S.containerStyleAutoHeight,{minHeight:Ge,maxHeight:Ve}),ut),Xi=t({},S.viewStyleDefault,{marginRight:F?-F:0,marginBottom:F?-F:0},Fe&&t({},S.viewStyleAutoHeight,{minHeight:(0,f.default)(Ge)?"calc("+Ge+" + "+F+"px)":Ge+F,maxHeight:(0,f.default)(Ve)?"calc("+Ve+" + "+F+"px)":Ve+F}),Fe&&ee&&!it&&{minHeight:Ge,maxHeight:Ve},ee&&!it&&S.viewStyleUniversalInitial),Xr={transition:"opacity "+ge+"ms",opacity:0},P5=t({},S.trackHorizontalStyleDefault,ie&&Xr,(!F||ee&&!it)&&{display:"none"}),O5=t({},S.trackVerticalStyleDefault,ie&&Xr,(!F||ee&&!it)&&{display:"none"});return(0,a.createElement)(pe,t({},Gt,{style:ji,ref:function(ze){Z.container=ze}}),[(0,a.cloneElement)(z({style:Xi}),{key:"view",ref:function(ze){Z.view=ze}},Pe),(0,a.cloneElement)(I({style:P5}),{key:"trackHorizontal",ref:function(ze){Z.trackHorizontal=ze}},(0,a.cloneElement)($({style:S.thumbHorizontalStyleDefault}),{ref:function(ze){Z.thumbHorizontal=ze}})),(0,a.cloneElement)(U({style:O5}),{key:"trackVertical",ref:function(ze){Z.trackVertical=ze}},(0,a.cloneElement)(X({style:S.thumbVerticalStyleDefault}),{ref:function(ze){Z.thumbVertical=ze}}))])}}]),P}(a.Component);e.default=j,j.propTypes={onScroll:h.default.func,onScrollFrame:h.default.func,onScrollStart:h.default.func,onScrollStop:h.default.func,onUpdate:h.default.func,renderView:h.default.func,renderTrackHorizontal:h.default.func,renderTrackVertical:h.default.func,renderThumbHorizontal:h.default.func,renderThumbVertical:h.default.func,tagName:h.default.string,thumbSize:h.default.number,thumbMinSize:h.default.number,hideTracksWhenNotNeeded:h.default.bool,autoHide:h.default.bool,autoHideTimeout:h.default.number,autoHideDuration:h.default.number,autoHeight:h.default.bool,autoHeightMin:h.default.oneOfType([h.default.number,h.default.string]),autoHeightMax:h.default.oneOfType([h.default.number,h.default.string]),universal:h.default.bool,style:h.default.object,children:h.default.node},j.defaultProps={renderView:A.renderViewDefault,renderTrackHorizontal:A.renderTrackHorizontalDefault,renderTrackVertical:A.renderTrackVerticalDefault,renderThumbHorizontal:A.renderThumbHorizontalDefault,renderThumbVertical:A.renderThumbVerticalDefault,tagName:"div",thumbMinSize:30,hideTracksWhenNotNeeded:!1,autoHide:!1,autoHideTimeout:1e3,autoHideDuration:200,autoHeight:!1,autoHeightMin:0,autoHeightMax:200,universal:!1}})(S2);(function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.Scrollbars=void 0;var t=S2,i=n(t);function n(o){return o&&o.__esModule?o:{default:o}}e.default=i.default,e.Scrollbars=i.default})(Z2);const yu=$5(Z2),_u=M.exports.forwardRef(({children:e,...t},i)=>{const n=M.exports.useRef(null),o=Vf(n,i),[s,l]=M.exports.useState(window.innerWidth),[a,c]=M.exports.useState(window.innerHeight),h=M.exports.useCallback(()=>{l(window.innerWidth),c(window.innerHeight)},[]);return M.exports.useEffect(()=>(window.addEventListener("resize",h),()=>{window.removeEventListener("resize",h)}),[h]),r(Vt,{children:Boolean(s)&&Boolean(a)&&r(yu,{ref:o,autoHide:!0,autoHideTimeout:1e3,autoHideDuration:200,...t,"data-shoplflow":"ScrollArea",children:e})})}),bu=M.exports.createContext({addModal:ds,removeModal:ds}),D2=M.exports.createContext([]),Mu=({children:e})=>{const[t,i]=M.exports.useState([]),n=(l,a)=>{i(c=>c?[...c,{component:l,id:a}]:[{component:l,id:a}])},o=l=>{const{id:a,deps:c}=l||{id:void 0,deps:void 0},h=Boolean(a&&c),d=Boolean(a),f=!a&&Boolean(fs(c)),u=Boolean(Boolean(!fs(c))&&!a);if(h)throw new Error("id\uC640 deps\uB294 \uB3D9\uC2DC\uC5D0 \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");if(d){i(g=>[...g.filter(m=>m.id!==a)]);return}if(f||c===1){i(g=>[...g.slice(0,-1)]);return}if(u){if(c===0||c===void 0)return;i(g=>[...g.slice(0,-c)]);return}},s=M.exports.useMemo(()=>({addModal:n,removeModal:o}),[]);return M.exports.useEffect(()=>{if(t.length===1)return document.body.style.cssText="overflow:hidden",()=>{document.body.style.cssText="overflow:unset"}},[t.length]),M.exports.useEffect(()=>{const l=()=>{i([])};return window.addEventListener("popstate",l),()=>{window.removeEventListener("popstate",l)}},[]),r(D2.Provider,{value:t,children:r(bu.Provider,{value:s,children:e})})};H.div`
   width: 32px;
   height: 32px;
   border-radius: 6px;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@shoplflow/extension",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "license": "MIT",
   "description": "Shoplflow 점유율 확인 extension",
   "type": "module",
   "dependencies": {
-    "@shoplflow/base": "^0.27.3",
+    "@shoplflow/base": "^0.27.5",
     "chart.js": "^4.4.0",
     "construct-style-sheets-polyfill": "^3.1.0",
     "react": "18.2.0",

package/public/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "@shoplflow/extension",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "Shoplflow 점유율 확인 extension",
   "permissions": [
     "storage"
@@ -24,7 +24,7 @@
         "src/pages/content/index.js"
       ],
       "css": [
-        "assets/css/contentStyle17134270540.chunk.css"
+        "assets/css/contentStyle17143563206.chunk.css"
       ]
     }
   ],