@shoplflow/extension 0.0.32 → 0.0.34

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @shoplflow/extension
 
+## 0.0.34
+
+### Patch Changes
+
+- Updated dependencies [[`b17e563`](https://github.com/shopl/shoplflow/commit/b17e56356d0ea99bbd38d99cb9a86827e8e2eb49), [`b17e563`](https://github.com/shopl/shoplflow/commit/b17e56356d0ea99bbd38d99cb9a86827e8e2eb49), [`b17e563`](https://github.com/shopl/shoplflow/commit/b17e56356d0ea99bbd38d99cb9a86827e8e2eb49)]:
+  - @shoplflow/base@0.30.7
+
+## 0.0.33
+
+### Patch Changes
+
+- Updated dependencies [[`8fae0ee`](https://github.com/shopl/shoplflow/commit/8fae0eedaa282e5d4f6960fe3b50e7c04331211a), [`8fae0ee`](https://github.com/shopl/shoplflow/commit/8fae0eedaa282e5d4f6960fe3b50e7c04331211a)]:
+  - @shoplflow/base@0.30.6
+
 ## 0.0.32
 
 ### Patch Changes

package/dist/manifest.json

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

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

@@ -20,11 +20,11 @@ var $5=Object.defineProperty;var U5=(e,t,i)=>t in e?$5(e,t,{enumerable:!0,config
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 20000;
+  z-index: ${({zIndex:e})=>e||2e4};
   width: 100%;
   height: 100%;
   background: rgba(51, 51, 51, 0.6);
-`,a6=({children:e})=>r(l6,{variants:O1,initial:"initial",animate:"animate",exit:"exit","data-shoplflow":"BackDrop",children:e}),hs=e=>{switch(e){case"XS":return"18px";case"S":return"24px";case"M":return"32px";case"L":return"48px";case"XL":return"72px";default:return"32px"}};O.picture`
+`,a6=({children:e,zIndex:t})=>r(l6,{variants:O1,initial:"initial",animate:"animate",exit:"exit","data-shoplflow":"BackDrop",zIndex:t,children:e}),hs=e=>{switch(e){case"XS":return"18px";case"S":return"24px";case"M":return"32px";case"L":return"48px";case"XL":return"72px";default:return"32px"}};O.picture`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -195,7 +195,7 @@ var $5=Object.defineProperty;var U5=(e,t,i)=>t in e?$5(e,t,{enumerable:!0,config
   gap: 12px;
   border-top: 1px solid ${A.neutral300};
   background: ${A.neutral0};
-`;function Tf(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 Vf(...e){return t=>{e.forEach(i=>{Tf(i,t)})}}function Pf(...e){return _.exports.useMemo(()=>Vf(...e),e)}const fs=function(){},us=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(Dl);var Of=b0.exports,dt=typeof window>"u"?Dl:window,u1=["moz","webkit"],t0="AnimationFrame",r0=dt["request"+t0],N0=dt["cancel"+t0]||dt["cancelRequest"+t0];for(var p0=0;!r0&&p0<u1.length;p0++)r0=dt[u1[p0]+"Request"+t0],N0=dt[u1[p0]+"Cancel"+t0]||dt[u1[p0]+"CancelRequest"+t0];if(!r0||!N0){var fn=0,ps=0,Ct=[],Hf=1e3/60;r0=function(e){if(Ct.length===0){var t=Of(),i=Math.max(0,Hf-(t-fn));fn=i+t,setTimeout(function(){var n=Ct.slice(0);Ct.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 Ct.push({handle:++ps,callback:e,cancelled:!1}),ps},N0=function(e){for(var t=0;t<Ct.length;t++)Ct[t].handle===e&&(Ct[t].cancelled=!0)}}Hi.exports=function(e){return r0.call(dt,e)};Hi.exports.cancel=function(){N0.apply(dt,arguments)};Hi.exports.polyfill=function(e){e||(e=dt),e.requestAnimationFrame=r0,e.cancelAnimationFrame=N0};var o1={exports:{}},un=null,gs=["Webkit","Moz","O","ms"],$f=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=gs.length;o>=0;o--){var s=gs[o]+n;if(s in i)return s}return!1},Uf=Nf,zf=/\s/,Gf=/(_|-|\.|:)/,Wf=/([a-z][A-Z]|[A-Z][a-z])/;function Nf(e){return zf.test(e)?e.toLowerCase():Gf.test(e)?(Xf(e)||e).toLowerCase():Wf.test(e)?Kf(e).toLowerCase():e.toLowerCase()}var jf=/[\W_]+(.|$)/g;function Xf(e){return e.replace(jf,function(t,i){return i?" "+i:""})}var Yf=/(.)([A-Z]+)/g;function Kf(e){return e.replace(Yf,function(t,i,n){return i+" "+n.toLowerCase().split("").join(" ")})}var qf=Uf,Qf=Jf;function Jf(e){return qf(e).replace(/[\W_]+(.|$)/g,function(t,i){return i?" "+i:""}).trim()}var eu=Qf,tu=iu;function iu(e){return eu(e).replace(/\s(\w)/g,function(t,i){return i.toUpperCase()})}var nu={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},ru=function(e,t){return typeof t=="number"&&!nu[e]?t+"px":t},ou=$f,su=tu,L1={float:"cssFloat"},lu=ru;function q1(e,t,i){var n=L1[t];if(typeof n>"u"&&(n=cu(t)),n){if(i===void 0)return e.style[n];e.style[n]=lu(n,i)}}function au(e,t){for(var i in t)t.hasOwnProperty(i)&&q1(e,i,t[i])}function cu(e){var t=su(e),i=ou(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]:au(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 C2={exports:{}},hu="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",du=hu,fu=du;function A2(){}function R2(){}R2.resetWarningCache=A2;var uu=function(){function e(n,o,s,l,a,c){if(c!==fu){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:A2};return i.PropTypes=i,i};C2.exports=uu();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 zt={};Object.defineProperty(zt,"__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};zt.renderViewDefault=vu;zt.renderTrackHorizontalDefault=mu;zt.renderTrackVerticalDefault=xu;zt.renderThumbHorizontalDefault=wu;zt.renderThumbVerticalDefault=yu;var pu=_.exports,s1=gu(pu);function gu(e){return e&&e.__esModule?e:{default:e}}function $i(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 vu(e){return s1.default.createElement("div",e)}function mu(e){var t=e.style,i=$i(e,["style"]),n=bt({},t,{right:2,bottom:2,left:2,borderRadius:3});return s1.default.createElement("div",bt({style:n},i))}function xu(e){var t=e.style,i=$i(e,["style"]),n=bt({},t,{right:2,bottom:2,top:2,borderRadius:3});return s1.default.createElement("div",bt({style:n},i))}function wu(e){var t=e.style,i=$i(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 yu(e){var t=e.style,i=$i(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(H){for(var P=1;P<arguments.length;P++){var E=arguments[P];for(var Z in E)Object.prototype.hasOwnProperty.call(E,Z)&&(H[Z]=E[Z])}return H},i=function(){function H(P,E){for(var Z=0;Z<E.length;Z++){var F=E[Z];F.enumerable=F.enumerable||!1,F.configurable=!0,"value"in F&&(F.writable=!0),Object.defineProperty(P,F.key,F)}}return function(P,E,Z){return E&&H(P.prototype,E),Z&&H(P,Z),P}}(),n=Hi.exports,o=D(n),s=o1.exports,l=D(s),a=_.exports,c=C2.exports,h=D(c),d=F2,f=D(d),u=k2,g=D(u),v=B2,m=D(v),w=E2,y=D(w),M=L2,b=D(M),S=Te,C=zt;function D(H){return H&&H.__esModule?H:{default:H}}function R(H,P){var E={};for(var Z in H)P.indexOf(Z)>=0||!Object.prototype.hasOwnProperty.call(H,Z)||(E[Z]=H[Z]);return E}function T(H,P){if(!(H instanceof P))throw new TypeError("Cannot call a class as a function")}function V(H,P){if(!H)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return P&&(typeof P=="object"||typeof P=="function")?P:H}function G(H,P){if(typeof P!="function"&&P!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof P);H.prototype=Object.create(P&&P.prototype,{constructor:{value:H,enumerable:!1,writable:!0,configurable:!0}}),P&&(Object.setPrototypeOf?Object.setPrototypeOf(H,P):H.__proto__=P)}var j=function(H){G(P,H);function P(E){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,E].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,$=Z.scrollWidth,U=$===void 0?0:$,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/(U-ge)||0,top:I/(pe-Fe)||0,scrollLeft:L,scrollTop:I,scrollWidth:U,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,$=z.clientWidth,U=(0,y.default)(this.trackHorizontal),X=Math.ceil($/I*U);return U<=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,$=z.clientHeight,U=(0,b.default)(this.trackVertical),X=Math.ceil($/I*U);return U<=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),$=this.getThumbHorizontalWidth();return Z/(I-$)*(L-z)}},{key:"getScrollTopForOffset",value:function(Z){var F=this.view,L=F.scrollHeight,z=F.clientHeight,I=(0,b.default)(this.trackVertical),$=this.getThumbVerticalHeight();return Z/(I-$)*(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($){var U=$.scrollLeft,X=$.scrollTop;F.viewScrollLeft=U,F.viewScrollTop=X,I&&I($)}),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,$=this.getThumbHorizontalWidth(),U=Math.abs(I-L)-$/2;this.view.scrollLeft=this.getScrollLeftForOffset(U)}},{key:"handleVerticalTrackMouseDown",value:function(Z){Z.preventDefault();var F=Z.target,L=Z.clientY,z=F.getBoundingClientRect(),I=z.top,$=this.getThumbVerticalHeight(),U=Math.abs(I-L)-$/2;this.view.scrollTop=this.getScrollTopForOffset(U)}},{key:"handleHorizontalThumbMouseDown",value:function(Z){Z.preventDefault(),this.handleDragStart(Z);var F=Z.target,L=Z.clientX,z=F.offsetWidth,I=F.getBoundingClientRect(),$=I.left;this.prevPageX=z-(L-$)}},{key:"handleVerticalThumbMouseDown",value:function(Z){Z.preventDefault(),this.handleDragStart(Z);var F=Z.target,L=Z.clientY,z=F.offsetHeight,I=F.getBoundingClientRect(),$=I.top;this.prevPageY=z-(L-$)}},{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(),$=I-this.prevPageX,U=-z+F-$;this.view.scrollLeft=this.getScrollLeftForOffset(U)}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 $=I.scrollLeft,U=I.clientWidth,X=I.scrollWidth,pe=(0,y.default)(this.trackHorizontal),ie=this.getThumbHorizontalWidth(),ge=$/(X-U)*(pe-ie),ee={width:ie,transform:"translateX("+ge+"px)"},Fe=I.scrollTop,We=I.clientHeight,Ve=I.scrollHeight,ut=(0,b.default)(this.trackVertical),Pe=this.getThumbVerticalHeight(),Wt=Fe/(Ve-We)*(ut-Pe),nt={height:Pe,transform:"translateY("+Wt+"px)"};if(z){var ji={visibility:X>U?"visible":"hidden"},Xi={visibility:Ve>We?"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,nt)}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,$=L.renderTrackVertical,U=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,We=L.autoHeightMin,Ve=L.autoHeightMax,ut=L.style,Pe=L.children,Wt=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"]),nt=this.state.didMountUniversal,ji=t({},S.containerStyleDefault,Fe&&t({},S.containerStyleAutoHeight,{minHeight:We,maxHeight:Ve}),ut),Xi=t({},S.viewStyleDefault,{marginRight:F?-F:0,marginBottom:F?-F:0},Fe&&t({},S.viewStyleAutoHeight,{minHeight:(0,f.default)(We)?"calc("+We+" + "+F+"px)":We+F,maxHeight:(0,f.default)(Ve)?"calc("+Ve+" + "+F+"px)":Ve+F}),Fe&&ee&&!nt&&{minHeight:We,maxHeight:Ve},ee&&!nt&&S.viewStyleUniversalInitial),Yr={transition:"opacity "+ge+"ms",opacity:0},O5=t({},S.trackHorizontalStyleDefault,ie&&Yr,(!F||ee&&!nt)&&{display:"none"}),H5=t({},S.trackVerticalStyleDefault,ie&&Yr,(!F||ee&&!nt)&&{display:"none"});return(0,a.createElement)(pe,t({},Wt,{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:O5}),{key:"trackHorizontal",ref:function(ze){Z.trackHorizontal=ze}},(0,a.cloneElement)(U({style:S.thumbHorizontalStyleDefault}),{ref:function(ze){Z.thumbHorizontal=ze}})),(0,a.cloneElement)($({style:H5}),{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:C.renderViewDefault,renderTrackHorizontal:C.renderTrackHorizontalDefault,renderTrackVertical:C.renderTrackVerticalDefault,renderThumbHorizontal:C.renderThumbHorizontalDefault,renderThumbVertical:C.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 _u=z5(Z2),bu=_.exports.forwardRef(({children:e,...t},i)=>{const n=_.exports.useRef(null),o=Pf(n,i),[s,l]=_.exports.useState(window.innerWidth),[a,c]=_.exports.useState(window.innerHeight),h=_.exports.useCallback(()=>{l(window.innerWidth),c(window.innerHeight)},[]);return _.exports.useEffect(()=>(window.addEventListener("resize",h),()=>{window.removeEventListener("resize",h)}),[h]),r(Pt,{children:Boolean(s)&&Boolean(a)&&r(_u,{ref:o,autoHide:!0,autoHideTimeout:1e3,autoHideDuration:200,...t,"data-shoplflow":"ScrollArea",children:e})})}),Mu=_.exports.createContext({addModal:fs,removeModal:fs}),D2=_.exports.createContext([]),Zu=({children:e})=>{const[t,i]=_.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(us(c)),u=Boolean(Boolean(!us(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=_.exports.useMemo(()=>({addModal:n,removeModal:o}),[]);return _.exports.useEffect(()=>{if(t.length===1)return document.body.style.cssText="overflow:hidden",()=>{document.body.style.cssText="overflow:unset"}},[t.length]),_.exports.useEffect(()=>{const l=()=>{i([])};return window.addEventListener("popstate",l),()=>{window.removeEventListener("popstate",l)}},[]),r(D2.Provider,{value:t,children:r(Mu.Provider,{value:s,children:e})})};O.div`
+`;function Tf(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 Vf(...e){return t=>{e.forEach(i=>{Tf(i,t)})}}function Pf(...e){return _.exports.useMemo(()=>Vf(...e),e)}const fs=function(){},us=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(Dl);var Of=b0.exports,dt=typeof window>"u"?Dl:window,u1=["moz","webkit"],t0="AnimationFrame",r0=dt["request"+t0],N0=dt["cancel"+t0]||dt["cancelRequest"+t0];for(var p0=0;!r0&&p0<u1.length;p0++)r0=dt[u1[p0]+"Request"+t0],N0=dt[u1[p0]+"Cancel"+t0]||dt[u1[p0]+"CancelRequest"+t0];if(!r0||!N0){var fn=0,ps=0,Ct=[],Hf=1e3/60;r0=function(e){if(Ct.length===0){var t=Of(),i=Math.max(0,Hf-(t-fn));fn=i+t,setTimeout(function(){var n=Ct.slice(0);Ct.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 Ct.push({handle:++ps,callback:e,cancelled:!1}),ps},N0=function(e){for(var t=0;t<Ct.length;t++)Ct[t].handle===e&&(Ct[t].cancelled=!0)}}Hi.exports=function(e){return r0.call(dt,e)};Hi.exports.cancel=function(){N0.apply(dt,arguments)};Hi.exports.polyfill=function(e){e||(e=dt),e.requestAnimationFrame=r0,e.cancelAnimationFrame=N0};var o1={exports:{}},un=null,gs=["Webkit","Moz","O","ms"],$f=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=gs.length;o>=0;o--){var s=gs[o]+n;if(s in i)return s}return!1},Uf=Nf,zf=/\s/,Gf=/(_|-|\.|:)/,Wf=/([a-z][A-Z]|[A-Z][a-z])/;function Nf(e){return zf.test(e)?e.toLowerCase():Gf.test(e)?(Xf(e)||e).toLowerCase():Wf.test(e)?Kf(e).toLowerCase():e.toLowerCase()}var jf=/[\W_]+(.|$)/g;function Xf(e){return e.replace(jf,function(t,i){return i?" "+i:""})}var Yf=/(.)([A-Z]+)/g;function Kf(e){return e.replace(Yf,function(t,i,n){return i+" "+n.toLowerCase().split("").join(" ")})}var qf=Uf,Qf=Jf;function Jf(e){return qf(e).replace(/[\W_]+(.|$)/g,function(t,i){return i?" "+i:""}).trim()}var eu=Qf,tu=iu;function iu(e){return eu(e).replace(/\s(\w)/g,function(t,i){return i.toUpperCase()})}var nu={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},ru=function(e,t){return typeof t=="number"&&!nu[e]?t+"px":t},ou=$f,su=tu,L1={float:"cssFloat"},lu=ru;function q1(e,t,i){var n=L1[t];if(typeof n>"u"&&(n=cu(t)),n){if(i===void 0)return e.style[n];e.style[n]=lu(n,i)}}function au(e,t){for(var i in t)t.hasOwnProperty(i)&&q1(e,i,t[i])}function cu(e){var t=su(e),i=ou(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]:au(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 C2={exports:{}},hu="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",du=hu,fu=du;function A2(){}function R2(){}R2.resetWarningCache=A2;var uu=function(){function e(n,o,s,l,a,c){if(c!==fu){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:A2};return i.PropTypes=i,i};C2.exports=uu();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 zt={};Object.defineProperty(zt,"__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};zt.renderViewDefault=vu;zt.renderTrackHorizontalDefault=mu;zt.renderTrackVerticalDefault=xu;zt.renderThumbHorizontalDefault=wu;zt.renderThumbVerticalDefault=yu;var pu=_.exports,s1=gu(pu);function gu(e){return e&&e.__esModule?e:{default:e}}function $i(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 vu(e){return s1.default.createElement("div",e)}function mu(e){var t=e.style,i=$i(e,["style"]),n=bt({},t,{right:2,bottom:2,left:2,borderRadius:3});return s1.default.createElement("div",bt({style:n},i))}function xu(e){var t=e.style,i=$i(e,["style"]),n=bt({},t,{right:2,bottom:2,top:2,borderRadius:3});return s1.default.createElement("div",bt({style:n},i))}function wu(e){var t=e.style,i=$i(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 yu(e){var t=e.style,i=$i(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(H){for(var P=1;P<arguments.length;P++){var E=arguments[P];for(var Z in E)Object.prototype.hasOwnProperty.call(E,Z)&&(H[Z]=E[Z])}return H},i=function(){function H(P,E){for(var Z=0;Z<E.length;Z++){var F=E[Z];F.enumerable=F.enumerable||!1,F.configurable=!0,"value"in F&&(F.writable=!0),Object.defineProperty(P,F.key,F)}}return function(P,E,Z){return E&&H(P.prototype,E),Z&&H(P,Z),P}}(),n=Hi.exports,o=D(n),s=o1.exports,l=D(s),a=_.exports,c=C2.exports,h=D(c),d=F2,f=D(d),u=k2,g=D(u),v=B2,m=D(v),w=E2,y=D(w),M=L2,b=D(M),S=Te,C=zt;function D(H){return H&&H.__esModule?H:{default:H}}function R(H,P){var E={};for(var Z in H)P.indexOf(Z)>=0||!Object.prototype.hasOwnProperty.call(H,Z)||(E[Z]=H[Z]);return E}function T(H,P){if(!(H instanceof P))throw new TypeError("Cannot call a class as a function")}function V(H,P){if(!H)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return P&&(typeof P=="object"||typeof P=="function")?P:H}function G(H,P){if(typeof P!="function"&&P!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof P);H.prototype=Object.create(P&&P.prototype,{constructor:{value:H,enumerable:!1,writable:!0,configurable:!0}}),P&&(Object.setPrototypeOf?Object.setPrototypeOf(H,P):H.__proto__=P)}var j=function(H){G(P,H);function P(E){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,E].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,$=Z.scrollWidth,U=$===void 0?0:$,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/(U-ge)||0,top:I/(pe-Fe)||0,scrollLeft:L,scrollTop:I,scrollWidth:U,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,$=z.clientWidth,U=(0,y.default)(this.trackHorizontal),X=Math.ceil($/I*U);return U<=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,$=z.clientHeight,U=(0,b.default)(this.trackVertical),X=Math.ceil($/I*U);return U<=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),$=this.getThumbHorizontalWidth();return Z/(I-$)*(L-z)}},{key:"getScrollTopForOffset",value:function(Z){var F=this.view,L=F.scrollHeight,z=F.clientHeight,I=(0,b.default)(this.trackVertical),$=this.getThumbVerticalHeight();return Z/(I-$)*(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($){var U=$.scrollLeft,X=$.scrollTop;F.viewScrollLeft=U,F.viewScrollTop=X,I&&I($)}),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,$=this.getThumbHorizontalWidth(),U=Math.abs(I-L)-$/2;this.view.scrollLeft=this.getScrollLeftForOffset(U)}},{key:"handleVerticalTrackMouseDown",value:function(Z){Z.preventDefault();var F=Z.target,L=Z.clientY,z=F.getBoundingClientRect(),I=z.top,$=this.getThumbVerticalHeight(),U=Math.abs(I-L)-$/2;this.view.scrollTop=this.getScrollTopForOffset(U)}},{key:"handleHorizontalThumbMouseDown",value:function(Z){Z.preventDefault(),this.handleDragStart(Z);var F=Z.target,L=Z.clientX,z=F.offsetWidth,I=F.getBoundingClientRect(),$=I.left;this.prevPageX=z-(L-$)}},{key:"handleVerticalThumbMouseDown",value:function(Z){Z.preventDefault(),this.handleDragStart(Z);var F=Z.target,L=Z.clientY,z=F.offsetHeight,I=F.getBoundingClientRect(),$=I.top;this.prevPageY=z-(L-$)}},{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(),$=I-this.prevPageX,U=-z+F-$;this.view.scrollLeft=this.getScrollLeftForOffset(U)}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 $=I.scrollLeft,U=I.clientWidth,X=I.scrollWidth,pe=(0,y.default)(this.trackHorizontal),ie=this.getThumbHorizontalWidth(),ge=$/(X-U)*(pe-ie),ee={width:ie,transform:"translateX("+ge+"px)"},Fe=I.scrollTop,We=I.clientHeight,Ve=I.scrollHeight,ut=(0,b.default)(this.trackVertical),Pe=this.getThumbVerticalHeight(),Wt=Fe/(Ve-We)*(ut-Pe),nt={height:Pe,transform:"translateY("+Wt+"px)"};if(z){var ji={visibility:X>U?"visible":"hidden"},Xi={visibility:Ve>We?"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,nt)}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,$=L.renderTrackVertical,U=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,We=L.autoHeightMin,Ve=L.autoHeightMax,ut=L.style,Pe=L.children,Wt=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"]),nt=this.state.didMountUniversal,ji=t({},S.containerStyleDefault,Fe&&t({},S.containerStyleAutoHeight,{minHeight:We,maxHeight:Ve}),ut),Xi=t({},S.viewStyleDefault,{marginRight:F?-F:0,marginBottom:F?-F:0},Fe&&t({},S.viewStyleAutoHeight,{minHeight:(0,f.default)(We)?"calc("+We+" + "+F+"px)":We+F,maxHeight:(0,f.default)(Ve)?"calc("+Ve+" + "+F+"px)":Ve+F}),Fe&&ee&&!nt&&{minHeight:We,maxHeight:Ve},ee&&!nt&&S.viewStyleUniversalInitial),Yr={transition:"opacity "+ge+"ms",opacity:0},O5=t({},S.trackHorizontalStyleDefault,ie&&Yr,(!F||ee&&!nt)&&{display:"none"}),H5=t({},S.trackVerticalStyleDefault,ie&&Yr,(!F||ee&&!nt)&&{display:"none"});return(0,a.createElement)(pe,t({},Wt,{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:O5}),{key:"trackHorizontal",ref:function(ze){Z.trackHorizontal=ze}},(0,a.cloneElement)(U({style:S.thumbHorizontalStyleDefault}),{ref:function(ze){Z.thumbHorizontal=ze}})),(0,a.cloneElement)($({style:H5}),{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:C.renderViewDefault,renderTrackHorizontal:C.renderTrackHorizontalDefault,renderTrackVertical:C.renderTrackVerticalDefault,renderThumbHorizontal:C.renderThumbHorizontalDefault,renderThumbVertical:C.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 _u=z5(Z2),bu=_.exports.forwardRef(({children:e,...t},i)=>{const n=_.exports.useRef(null),o=Pf(n,i),[s,l]=_.exports.useState(window.innerWidth),[a,c]=_.exports.useState(window.innerHeight),h=_.exports.useCallback(()=>{l(window.innerWidth),c(window.innerHeight)},[]);return _.exports.useEffect(()=>(window.addEventListener("resize",h),()=>{window.removeEventListener("resize",h)}),[h]),r(Pt,{children:Boolean(s)&&Boolean(a)&&r(_u,{ref:o,autoHide:!0,autoHideTimeout:1e3,autoHideDuration:200,...t,"data-shoplflow":"ScrollArea",children:e})})}),Mu=_.exports.createContext({addModal:fs,removeModal:fs}),D2=_.exports.createContext([]),Zu=({children:e})=>{const[t,i]=_.exports.useState([]),n=(l,a,c)=>{i(h=>h?[...h,{component:l,id:a,zIndex:c}]:[{component:l,id:a,zIndex:c}])},o=l=>{const{id:a,deps:c}=l||{id:void 0,deps:void 0},h=Boolean(a&&c),d=Boolean(a),f=!a&&Boolean(us(c)),u=Boolean(Boolean(!us(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=_.exports.useMemo(()=>({addModal:n,removeModal:o}),[]);return _.exports.useEffect(()=>{if(t.length===1)return document.body.style.cssText="overflow:hidden",()=>{document.body.style.cssText="overflow:unset"}},[t.length]),_.exports.useEffect(()=>{const l=()=>{i([])};return window.addEventListener("popstate",l),()=>{window.removeEventListener("popstate",l)}},[]),r(D2.Provider,{value:t,children:r(Mu.Provider,{value:s,children:e})})};O.div`
   width: 32px;
   height: 32px;
   border-radius: 6px;
@@ -1091,7 +1091,7 @@ var $5=Object.defineProperty;var U5=(e,t,i)=>t in e?$5(e,t,{enumerable:!0,config
   //padding: 32px 20px;
   width: 100%;
   height: 100%;
-`,xI=()=>{const e=_.exports.useContext(D2);return r(Pt,{children:Jn.exports.createPortal(r(kr,{children:e.map((t,i)=>r(a6,{children:r(mI,{children:t.component})},i))}),document.body)})},wI=()=>r(Pt,{children:Jn.exports.createPortal(r("div",{id:"popper-portal-key",style:{zIndex:20001,position:"relative"}}),document.body)}),yI=({children:e,domain:t="SHOPL"})=>(Y5(t),p(Zu,{children:[r(wI,{}),r(xI,{}),r(o6,{features:s6,children:e})]}));/*!
+`,xI=()=>{const e=_.exports.useContext(D2);return r(Pt,{children:Jn.exports.createPortal(r(kr,{children:e.map((t,i)=>r(a6,{zIndex:t.zIndex,children:r(mI,{children:t.component})},i))}),document.body)})},wI=()=>r(Pt,{children:Jn.exports.createPortal(r("div",{id:"popper-portal-key",style:{zIndex:20001,position:"relative"}}),document.body)}),yI=({children:e,domain:t="SHOPL"})=>(Y5(t),p(Zu,{children:[r(wI,{}),r(xI,{}),r(o6,{features:s6,children:e})]}));/*!
  * @kurkle/color v0.3.2
  * https://github.com/kurkle/color#readme
  * (c) 2023 Jukka Kurkela

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@shoplflow/extension",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "license": "MIT",
   "description": "Shoplflow 점유율 확인 extension",
   "type": "module",
   "dependencies": {
-    "@shoplflow/base": "^0.30.5",
+    "@shoplflow/base": "^0.30.7",
     "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.32",
+  "version": "0.0.34",
   "description": "Shoplflow 점유율 확인 extension",
   "permissions": [
     "storage"
@@ -24,7 +24,7 @@
         "src/pages/content/index.js"
       ],
       "css": [
-        "assets/css/contentStyle17201611565.chunk.css"
+        "assets/css/contentStyle17204203560.chunk.css"
       ]
     }
   ],