@next-bricks/data-view 1.6.0 → 1.6.1

package/dist/chunks/bubbles-indicator.34eea7ea.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[1104],{98594:(e,t,a)=>{a.r(t),a.d(t,{BubblesIndicator:()=>V,BubblesIndicatorComponent:()=>Q});var n,r=a(70918),i=a(86121),o=a(70829),l=a(62740),s=a(18769),c=a.n(s),u=a(67391),p=a(11945),b=a(99418),m=a(85292),g=a(57931),h=a(43854),d=a(10300),x=a(24295),f=(a(44291),a(99126)),v=(a(95178),a(29837),a(35331));let A,y,w,k,S,E,N,M,D;const R=800,T=590,z=196,$=81,L=40,_=12,B=10,U=22,I=18,P=new Intl.NumberFormat("zh-CN",{useGrouping:!0}),C=(0,x.wrapBrick)("eo-tag"),{defineElement:F,property:W}=(0,d.createDecorators)();let V;var H=new WeakMap,Z=new WeakMap,j=new WeakMap,q=new WeakMap;class G extends x.ReactNextElement{constructor(){super(...arguments),(0,r.A)(this,H,y(this)),(0,r.A)(this,Z,(w(this),k(this))),(0,r.A)(this,j,(S(this),E(this))),(0,r.A)(this,q,(N(this),M(this))),D(this)}get dataSource(){return(0,o.A)(H,this)}set dataSource(e){(0,i.A)(H,this,e)}get centerDataSource(){return(0,o.A)(Z,this)}set centerDataSource(e){(0,i.A)(Z,this,e)}get cornerDataSource(){return(0,o.A)(j,this)}set cornerDataSource(e){(0,i.A)(j,this,e)}get maxScale(){return(0,o.A)(q,this)}set maxScale(e){(0,i.A)(q,this,e)}render(){return c().createElement(Q,{root:this,dataSource:this.dataSource,centerDataSource:this.centerDataSource,cornerDataSource:this.cornerDataSource,maxScale:this.maxScale})}}function Q(e){let{root:t,dataSource:a,centerDataSource:n,cornerDataSource:r,maxScale:i}=e;const[o,l]=(0,s.useState)(null);(0,s.useEffect)((()=>{const e=new f.A((e=>{for(const a of e)if(a.target===t){const{width:e,height:t}=a.contentRect;l(Math.min(null!=i?i:1,e/R,t/T))}}));return e.observe(t),()=>e.disconnect()}),[i,t]);const d=(0,s.useMemo)((()=>{var e;const t=null!==(e=null==a?void 0:a.map((e=>({...e,positiveNumberValue:Math.abs("number"==typeof e.value?e.value:parseFloat(e.value))}))))&&void 0!==e?e:[],r=t.map((e=>e.positiveNumberValue)),i=Math.max(...r),o=[n,...t].map(((e,t)=>0===t?{r:z,fx:0,fy:0}:{r:Math.max(L,Math.min($,Math.sqrt(e.positiveNumberValue/i)*$))})),l=Array.from({length:I-o.length},(e=>({isRandom:!0,r:Math.random()*(U-B)+B})));o.push(...l);const s=(0,u.A)(o).alphaTarget(.3).velocityDecay(.1).force("x",(0,p.A)().strength(.01)).force("y",(0,b.A)().strength(.0125)).force("center",(0,m.A)(0,0).strength(.5)).force("collide",(0,g.A)().radius((e=>e.r+_)).iterations(3)).force("charge",(0,h.A)().strength(-84));return s.stop(),function(e){e.tick(Math.ceil(Math.log(e.alphaMin())/Math.log(1-e.alphaDecay())))}(s),o.slice(1).map(((e,t)=>({...e.isRandom?{isRandom:!0,label:"",value:""}:a[t],x:e.x,y:e.y,r:e.r})))}),[n,a]);return c().createElement(c().Fragment,null,c().createElement("div",{className:"bubbles-container",style:{visibility:null===o?"hidden":"visible","--scale":o}},c().createElement("div",{className:"bg"}),c().createElement("div",{className:"outer-ring"}),c().createElement("div",{className:"inner-ring"}),c().createElement("div",{className:"center"},c().createElement("div",{className:"center-label"},null==n?void 0:n.label),c().createElement("div",{className:"center-value"},J(null==n?void 0:n.value))),c().createElement("div",{className:"light"}),c().createElement("div",{className:"bubbles"},null==d?void 0:d.map(((e,t)=>c().createElement("div",{key:t,className:"bubble",style:{transform:`translate(${e.x}px, ${e.y}px)`,width:2*e.r,height:2*e.r,zIndex:e.isRandom?-1:0}},!e.isRandom&&c().createElement(c().Fragment,null,c().createElement("div",{className:"bubble-label"},e.label),c().createElement("div",{className:"bubble-value"},J(e.value)))))))),c().createElement("div",{className:"corner"},null==r?void 0:r.map(((e,t)=>c().createElement("div",{key:t,className:"corner-item"},c().createElement("div",{className:"corner-label"},e.label),c().createElement(C,{className:"corner-value",outline:!0,color:e.color,tagStyle:{fontSize:18,padding:"2px 16px"}},J(e.value)))))))}function J(e){return"number"==typeof e?P.format(e):e}n=G,({e:[y,w,k,S,E,N,M,D],c:[V,A]}=(0,l.A)(n,[F("data-view.bubbles-indicator",{styleTexts:[v.A]})],[[W({attribute:!1}),1,"dataSource"],[W({attribute:!1}),1,"centerDataSource"],[W({attribute:!1}),1,"cornerDataSource"],[W({type:Number}),1,"maxScale"]],0,void 0,x.ReactNextElement)),A()},97136:(e,t,a)=>{a.d(t,{A:()=>b});var n=a(36758),r=a.n(n),i=a(40935),o=a.n(i),l=a(20062),s=a.n(l),c=new URL(a(17577),a.b),u=o()(r()),p=s()(c);u.push([e.id,`@font-face{font-family:ALiBaBaPuHuiTi;src:url(${p})}`,""]);const b=u},59291:(e,t,a)=>{a.d(t,{A:()=>b});var n=a(36758),r=a.n(n),i=a(40935),o=a.n(i),l=a(20062),s=a.n(l),c=new URL(a(59552),a.b),u=o()(r()),p=s()(c);u.push([e.id,`@font-face{font-family:PangMenZhengDaoBiaoTiTi;src:url(${p})}`,""]);const b=u},35331:(e,t,a)=>{a.d(t,{A:()=>w});var n=a(36758),r=a.n(n),i=a(40935),o=a.n(i),l=a(20062),s=a.n(l),c=new URL(a(12356),a.b),u=new URL(a(22921),a.b),p=new URL(a(71570),a.b),b=new URL(a(64827),a.b),m=new URL(a(20681),a.b),g=new URL(a(84796),a.b),h=o()(r()),d=s()(c),x=s()(u),f=s()(p),v=s()(b),A=s()(m),y=s()(g);h.push([e.id,`:host,\n.center,\n.bubble{display:flex;align-items:center;justify-content:center}:host{position:relative;color:#fff;height:100%}:host([hidden]){display:none}*{box-sizing:border-box}.bubbles-container{width:800px;height:590px;position:relative;transform:scale(var(--scale));--scale:1}.bg,\n.outer-ring,\n.inner-ring,\n.center,\n.light,\n.bubbles,\n.bubble{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bg,\n.outer-ring,\n.inner-ring,\n.center{background-repeat:no-repeat;background-position:center;background-size:100%}.bg{width:572px;height:572px;background-image:url(${d})}.outer-ring{width:529px;height:529px;background-image:url(${x});animation:rotating-outer-ring 2s ease-in infinite}.inner-ring{width:487px;height:487px;background-image:url(${f});animation:rotating-inner-ring 2s ease-in infinite}.center{flex-direction:column;width:292px;height:292px;background-image:url(${v});text-shadow:0px 2px 4px rgba(0,0,0,0.5)}.light{width:292px;height:292px;border-radius:292px;background:url(${A}) no-repeat;background-size:338px 478px;animation:moving-light 3s linear infinite}.bubbles{width:0;height:0}.bubble{flex-direction:column;border-radius:9999px;background-image:url(${y});background-size:100%}.bubble-label{font-size:16px;font-weight:500;line-height:22px;color:#c8e2ff}.bubble-value{font-family:ALiBaBaPuHuiTi;font-size:24px;line-height:33px;text-shadow:0px 4px 7px #514af7}.center-label{font-size:24px;line-height:33px;font-weight:600;margin-top:13px;text-shadow:0px 2px 4px rgba(0,0,0,0.5)}.center-value{font-family:PangMenZhengDaoBiaoTiTi;font-size:64px;line-height:73px}.corner{position:absolute;top:13px;left:31px;font-size:18px}.corner-item{display:flex;margin-bottom:15px}.corner-label{font-weight:500;line-height:25px}.corner-value{display:block;margin-left:19px}@keyframes rotating-outer-ring{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotating-inner-ring{0%{transform:translate(-50%,-50%) rotate(360deg)}100%{transform:translate(-50%,-50%) rotate(0deg)}}@keyframes moving-light{0%,\n  73.3333%{background-position:-122px -332px}100%{background-position:100px 100px}}`,""]);const w=h.toString()},20062:e=>{e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},95178:(e,t,a)=>{var n=a(72591),r=a.n(n),i=a(1740),o=a.n(i),l=a(88128),s=a.n(l),c=a(30855),u=a.n(c),p=a(93051),b=a.n(p),m=a(73656),g=a.n(m),h=a(97136),d={};d.styleTagTransform=g(),d.setAttributes=u(),d.insert=s().bind(null,"head"),d.domAPI=o(),d.insertStyleElement=b(),r()(h.A,d),h.A&&h.A.locals&&h.A.locals},29837:(e,t,a)=>{var n=a(72591),r=a.n(n),i=a(1740),o=a.n(i),l=a(88128),s=a.n(l),c=a(30855),u=a.n(c),p=a(93051),b=a.n(p),m=a(73656),g=a.n(m),h=a(59291),d={};d.styleTagTransform=g(),d.setAttributes=u(),d.insert=s().bind(null,"head"),d.domAPI=o(),d.insertStyleElement=b(),r()(h.A,d),h.A&&h.A.locals&&h.A.locals},12356:(e,t,a)=>{e.exports=a.p+"images/b91eed9d.png"},64827:(e,t,a)=>{e.exports=a.p+"images/45a4740b.png"},71570:(e,t,a)=>{e.exports=a.p+"images/86a2105c.png"},20681:(e,t,a)=>{e.exports=a.p+"images/81f40f95.png"},84796:(e,t,a)=>{e.exports=a.p+"images/0fec7781.png"},22921:(e,t,a)=>{e.exports=a.p+"images/a457f803.png"},17577:(e,t,a)=>{e.exports=a.p+"media/792b07b2.ttf"},59552:(e,t,a)=>{e.exports=a.p+"media/78c4b1bd.ttf"}}]);
-//# sourceMappingURL=bubbles-indicator.34eea7ea.js.map

package/dist/chunks/bubbles-indicator.34eea7ea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chunks/bubbles-indicator.34eea7ea.js","mappings":"6bAqBA,MAAMA,EAAa,IACbC,EAAc,IACdC,EAAuB,IACvBC,EAA0B,GAC1BC,EAA0B,GAC1BC,EAAiB,GACjBC,EAA2B,GAC3BC,EAA2B,GAC3BC,EAAqB,GAErBC,EAAkB,IAAIC,KAAKC,aAAa,QAAS,CACrDC,aAAa,IAGTC,GAAaC,EAAAA,EAAAA,WAAyB,WAEtC,cAAEC,EAAa,SAAEC,IAAaC,EAAAA,EAAAA,oBAAmB,IAAAC,EAAA,IAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,EAAA,IAAAH,QAsCvD,MAAAI,UAIUC,EAAAA,iBAEVC,WAAAA,GAAA,SAAAC,YACEC,EAAAA,EAAAA,GAAA,KAAAT,EAAAU,EAAA,QAOAD,EAAAA,EAAAA,GAAA,KAAAP,GAAAS,EAAA,MAAAC,EAAA,SAIAH,EAAAA,EAAAA,GAAA,KAAAN,GAAAU,EAAA,MAAAC,EAAA,SAMAL,EAAAA,EAAAA,GAAA,KAAAL,GAAAW,EAAA,MAAAC,EAAA,QAAAC,EAAA,oBAZSC,GAAU,OAAAC,EAAAA,EAAAA,GAAAnB,EAAA,oBAAVkB,CAAUE,IAAAC,EAAAA,EAAAA,GAAArB,EAAA,KAAAoB,EAAA,qBAIVE,GAAgB,OAAAH,EAAAA,EAAAA,GAAAjB,EAAA,0BAAhBoB,CAAgBF,IAAAC,EAAAA,EAAAA,GAAAnB,EAAA,KAAAkB,EAAA,qBAMhBG,GAAgB,OAAAJ,EAAAA,EAAAA,GAAAhB,EAAA,0BAAhBoB,CAAgBH,IAAAC,EAAAA,EAAAA,GAAAlB,EAAA,KAAAiB,EAAA,aAQhBI,GAAQ,OAAAL,EAAAA,EAAAA,GAAAf,EAAA,kBAARoB,CAAQJ,IAAAC,EAAAA,EAAAA,GAAAjB,EAAA,KAAAgB,EAAA,CAEjBK,MAAAA,GACE,OACEC,IAAAA,cAACC,EAAyB,CACxBC,KAAMC,KACNX,WAAYW,KAAKX,WACjBI,iBAAkBO,KAAKP,iBACvBC,iBAAkBM,KAAKN,iBACvBC,SAAUK,KAAKL,UAGrB,EAOK,SAASG,EAAyBG,GAMN,IANO,KACxCF,EAAI,WACJV,EAAU,iBACVI,EAAgB,iBAChBC,EAAgB,SAChBC,GAC+BM,EAC/B,MAAOC,EAAOC,IAAYC,EAAAA,EAAAA,UAAwB,OAElDC,EAAAA,EAAAA,YAAU,KAER,MAAMC,EAAW,IAAIC,EAAAA,GAAgBC,IACnC,IAAK,MAAMC,KAASD,EAClB,GAAIC,EAAMC,SAAWX,EAAM,CACzB,MAAM,MAAEY,EAAK,OAAEC,GAAWH,EAAMI,YAEhCV,EACEW,KAAKC,IAAIpB,QAAAA,EAAY,EAAGgB,EAAQ3D,EAAY4D,EAAS3D,GAEzD,CACF,IAGF,OADAqD,EAASU,QAAQjB,GACV,IAAMO,EAASW,YAAY,GACjC,CAACtB,EAAUI,IAGd,MAAMmB,GAASC,EAAAA,EAAAA,UAAQ,KAAM,IAAAC,EAC3B,MAAMC,EAMD,QANuCD,EAC1C/B,aAAU,EAAVA,EAAYiC,KAAKC,IAAI,IAChBA,EACHC,oBAAqBV,KAAKW,IACF,iBAAfF,EAAKG,MAAqBH,EAAKG,MAAQC,WAAWJ,EAAKG,mBAE/D,IAAAN,EAAAA,EAAI,GACHQ,EAAuBP,EAAmBC,KAC7CC,GAASA,EAAKC,sBAEXK,EAAyBf,KAAKgB,OAAOF,GAErCG,EAAQ,CAACtC,KAAqB4B,GAAoBC,KACtD,CAACC,EAAMS,IACK,IAAVA,EACI,CACEC,EAAG/E,EACHgF,GAAI,EACJC,GAAI,GAEN,CACEF,EAAGnB,KAAKgB,IACN1E,EACA0D,KAAKC,IACH5D,EACA2D,KAAKsB,KACFb,EAA0BC,oBACzBK,GACA1E,OAMZkF,EAAcC,MAAMC,KACxB,CAAEC,OAAQhF,EAAqBuE,EAAMS,SACpCC,IAAE,CACDC,UAAU,EACVT,EACEnB,KAAK6B,UACFpF,EAA2BD,GAC9BA,MAINyE,EAAMa,QAAQP,GAEd,MAAMQ,GAAaC,EAAAA,EAAAA,GAAgBf,GAChCgB,YAAY,IACZC,cAAc,IACdC,MAAM,KAAKC,EAAAA,EAAAA,KAASC,SAAS,MAC7BF,MAAM,KAAKG,EAAAA,EAAAA,KAASD,SAAS,QAC7BF,MAAM,UAAUI,EAAAA,EAAAA,GAAY,EAAG,GAAGF,SAAS,KAC3CF,MACC,WACAK,EAAAA,EAAAA,KACGC,QAAQC,GAAMA,EAAEvB,EAAI5E,IACpBoG,WAAW,IAEfR,MACC,UACAS,EAAAA,EAAAA,KAEGP,UAAU,KAMjB,OAHAN,EAAWc,OAqFf,SACEd,GAGAA,EAAWe,KACT9C,KAAK+C,KACH/C,KAAKgD,IAAIjB,EAAWkB,YAAcjD,KAAKgD,IAAI,EAAIjB,EAAWmB,eAGhE,CA7FIC,CAAqBpB,GAEdd,EAAMmC,MAAM,GAAG5C,KAA0B,CAAC6C,EAAMnC,KAAU,IAC3DmC,EAAKzB,SACL,CAAEA,UAAU,EAAM0B,MAAO,GAAI1C,MAAO,IACpCrC,EAAW2C,GACfqC,EAAGF,EAAKE,EACRC,EAAGH,EAAKG,EACRrC,EAAGkC,EAAKlC,KACP,GACF,CAACxC,EAAkBJ,IAEtB,OACEQ,IAAAA,cAAAA,IAAAA,SAAA,KACEA,IAAAA,cAAA,OACE0E,UAAU,oBACVC,MACE,CACEC,WAAsB,OAAVvE,EAAiB,SAAW,UACxC,UAAWA,IAMfL,IAAAA,cAAA,OAAK0E,UAAU,OACf1E,IAAAA,cAAA,OAAK0E,UAAU,eACf1E,IAAAA,cAAA,OAAK0E,UAAU,eACf1E,IAAAA,cAAA,OAAK0E,UAAU,UACb1E,IAAAA,cAAA,OAAK0E,UAAU,gBAAgB9E,aAAgB,EAAhBA,EAAkB2E,OACjDvE,IAAAA,cAAA,OAAK0E,UAAU,gBACZG,EAAYjF,aAAgB,EAAhBA,EAAkBiC,SAGnC7B,IAAAA,cAAA,OAAK0E,UAAU,UACf1E,IAAAA,cAAA,OAAK0E,UAAU,WACZrD,aAAM,EAANA,EAAQI,KAAI,CAACC,EAAMS,IAClBnC,IAAAA,cAAA,OACE8E,IAAK3C,EACLuC,UAAU,SACVC,MAAO,CACLI,UAAW,aAAarD,EAAK8C,QAAQ9C,EAAK+C,OAC1C3D,MAAgB,EAATY,EAAKU,EACZrB,OAAiB,EAATW,EAAKU,EAEb4C,OAAQtD,EAAKmB,UAAY,EAAI,KAG7BnB,EAAKmB,UACL7C,IAAAA,cAAAA,IAAAA,SAAA,KACEA,IAAAA,cAAA,OAAK0E,UAAU,gBAAgBhD,EAAK6C,OACpCvE,IAAAA,cAAA,OAAK0E,UAAU,gBAAgBG,EAAYnD,EAAKG,cAO5D7B,IAAAA,cAAA,OAAK0E,UAAU,UACZ7E,aAAgB,EAAhBA,EAAkB4B,KAAI,CAACC,EAAMS,IAC5BnC,IAAAA,cAAA,OAAK8E,IAAK3C,EAAOuC,UAAU,eACzB1E,IAAAA,cAAA,OAAK0E,UAAU,gBAAgBhD,EAAK6C,OACpCvE,IAAAA,cAAChC,EAAU,CACT0G,UAAU,eACVO,SAAO,EACPC,MAAOxD,EAAKwD,MACZC,SAAU,CACRC,SAAU,GACVC,QAAS,aAGVR,EAAYnD,EAAKG,YAOhC,CAEA,SAASgD,EAAYhD,GACnB,MAAwB,iBAAVA,EAAqBjE,EAAgB0H,OAAOzD,GAASA,CACrE,CAvLC0D,EAAA5G,IAAA6G,GAAAxG,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GAAAkG,GAAApH,EAAAqH,KAAAC,EAAAA,EAAAA,GAAAJ,EAAA,CA3CArH,EAAc,8BAA+B,CAC5C0H,WAAY,CAACC,EAAAA,MACb,EASC1H,EAAS,CAAE2H,WAAW,IAAQ,iBAI9B3H,EAAS,CAAE2H,WAAW,IAAQ,uBAM9B3H,EAAS,CAAE2H,WAAW,IAAQ,uBAQ9B3H,EAAS,CAAE4H,KAAMC,SAAS,wBAzBnBpH,EAAAA,mBAAgB8G,G,mGC3EtBO,EAAgC,IAAIC,IAAI,cACxCC,EAA0B,IAA4B,KACtDC,EAAqC,IAAgCH,GAEzEE,EAAwBpD,KAAK,CAACsD,EAAOC,GAAI,iDAAiDF,MAAwC,KAElI,S,mGCNIH,EAAgC,IAAIC,IAAI,cACxCC,EAA0B,IAA4B,KACtDC,EAAqC,IAAgCH,GAEzEE,EAAwBpD,KAAK,CAACsD,EAAOC,GAAI,0DAA0DF,MAAwC,KAE3I,S,mGCNIH,EAAgC,IAAIC,IAAI,cACxCK,EAAgC,IAAIL,IAAI,cACxCM,EAAgC,IAAIN,IAAI,cACxCO,EAAgC,IAAIP,IAAI,cACxCQ,EAAgC,IAAIR,IAAI,cACxCS,EAAgC,IAAIT,IAAI,cACxCC,EAA0B,IAA4B,KACtDC,EAAqC,IAAgCH,GACrEW,EAAqC,IAAgCL,GACrEM,EAAqC,IAAgCL,GACrEM,EAAqC,IAAgCL,GACrEM,EAAqC,IAAgCL,GACrEM,EAAqC,IAAgCL,GAEzER,EAAwBpD,KAAK,CAACsD,EAAOC,GAAI,glBAW+FF,gEAAiGQ,kHAAmJC,oIAAqKC,iHAAkJC,wLAAyNC,i9BACtzB,KAEtF,QAAeb,EAAwBc,U,YC9BvCZ,EAAOa,QAAU,SAAUC,EAAKC,GAI9B,OAHKA,IACHA,EAAU,CAAC,GAERD,GAGLA,EAAME,OAAOF,EAAIG,WAAaH,EAAII,QAAUJ,GAGxC,eAAeK,KAAKL,KACtBA,EAAMA,EAAI9C,MAAM,GAAI,IAElB+C,EAAQK,OACVN,GAAOC,EAAQK,MAKb,oBAAoBD,KAAKL,IAAQC,EAAQM,WACpC,IAAKC,OAAOR,EAAIS,QAAQ,KAAM,OAAOA,QAAQ,MAAO,OAAQ,KAE9DT,GAjBEA,CAkBX,C,wJCdIC,EAAU,CAAC,EAEfA,EAAQS,kBAAoB,IAC5BT,EAAQU,cAAgB,IACxBV,EAAQW,OAAS,SAAc,KAAM,QACrCX,EAAQY,OAAS,IACjBZ,EAAQa,mBAAqB,IAEhB,IAAI,IAASb,GAKJ,KAAW,IAAQc,QAAS,IAAQA,M,wJCbtDd,EAAU,CAAC,EAEfA,EAAQS,kBAAoB,IAC5BT,EAAQU,cAAgB,IACxBV,EAAQW,OAAS,SAAc,KAAM,QACrCX,EAAQY,OAAS,IACjBZ,EAAQa,mBAAqB,IAEhB,IAAI,IAASb,GAKJ,KAAW,IAAQc,QAAS,IAAQA,M","sources":["webpack:///./src/bubbles-indicator/index.tsx","webpack:///./src/fonts/ALiBaBaPuHuiTi.css","webpack:///./src/fonts/PangMenZhengDaoBiaoTiTi.css","webpack:///./src/bubbles-indicator/styles.shadow.css","webpack:///../../node_modules/css-loader/dist/runtime/getUrl.js","webpack:///./src/fonts/ALiBaBaPuHuiTi.css?7885","webpack:///./src/fonts/PangMenZhengDaoBiaoTiTi.css?e8bb"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport {\n  forceSimulation,\n  forceCollide,\n  forceManyBody,\n  forceX,\n  forceY,\n  forceCenter,\n  type Simulation,\n  type SimulationNodeDatum,\n  type SimulationLinkDatum,\n} from \"d3-force\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport type { Tag, TagProps } from \"@next-bricks/basic/tag\";\nimport \"../fonts/ALiBaBaPuHuiTi.css\";\nimport \"../fonts/PangMenZhengDaoBiaoTiTi.css\";\nimport styleText from \"./styles.shadow.css\";\n\nconst BASE_WIDTH = 800;\nconst BASE_HEIGHT = 590;\nconst CENTER_BUBBLE_RADIUS = 196;\nconst OTHER_BUBBLE_MAX_RADIUS = 81;\nconst OTHER_BUBBLE_MIN_RADIUS = 40;\nconst BUBBLE_PADDING = 12;\nconst RANDOM_BUBBLE_MIN_RADIUS = 10;\nconst RANDOM_BUBBLE_MAX_RADIUS = 22;\nconst TOTAL_BUBBLE_COUNT = 18;\n\nconst numberFormatter = new Intl.NumberFormat(\"zh-CN\", {\n  useGrouping: true,\n});\n\nconst WrappedTag = wrapBrick<Tag, TagProps>(\"eo-tag\");\n\nconst { defineElement, property } = createDecorators();\n\nexport interface BubblesIndicatorProps {\n  dataSource?: DataItem[];\n  centerDataSource?: DataItem;\n  cornerDataSource?: CornerDataItem[];\n  maxScale?: number;\n}\n\nexport interface DataItem {\n  label: string;\n  value: string | number;\n}\n\nexport interface CornerDataItem extends DataItem {\n  color?: string;\n}\n\ninterface DataItemWithPosition extends DataItem {\n  x: number;\n  y: number;\n  r: number;\n  isRandom?: boolean;\n}\n\ninterface ForceNode extends SimulationNodeDatum {\n  r: number;\n  isRandom?: boolean;\n}\n\ninterface NumberedDataItem extends DataItem {\n  positiveNumberValue: number;\n}\n\n/**\n * 气泡样式的数据展示构件。\n */\nexport\n@defineElement(\"data-view.bubbles-indicator\", {\n  styleTexts: [styleText],\n})\nclass BubblesIndicator\n  extends ReactNextElement\n  implements BubblesIndicatorProps\n{\n  /** 指标数据列表（显示在环上）\n   *\n   * 注意：最多显示12项数据\n   */\n  @property({ attribute: false })\n  accessor dataSource: DataItem[] | undefined;\n\n  /** 中心数据（显示在中心水晶球内） */\n  @property({ attribute: false })\n  accessor centerDataSource: DataItem | undefined;\n\n  /**\n   * 左上角指标数据列表\n   */\n  @property({ attribute: false })\n  accessor cornerDataSource: CornerDataItem[] | undefined;\n\n  /**\n   * 最大缩放比例\n   *\n   * @default 1\n   */\n  @property({ type: Number })\n  accessor maxScale: number | undefined;\n\n  render() {\n    return (\n      <BubblesIndicatorComponent\n        root={this}\n        dataSource={this.dataSource}\n        centerDataSource={this.centerDataSource}\n        cornerDataSource={this.cornerDataSource}\n        maxScale={this.maxScale}\n      />\n    );\n  }\n}\n\nexport interface BubblesIndicatorComponentProps extends BubblesIndicatorProps {\n  root: BubblesIndicator;\n}\n\nexport function BubblesIndicatorComponent({\n  root,\n  dataSource,\n  centerDataSource,\n  cornerDataSource,\n  maxScale,\n}: BubblesIndicatorComponentProps) {\n  const [scale, setScale] = useState<number | null>(null);\n\n  useEffect(() => {\n    // 当容器宽高低于预设值时，图形会自动缩小\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        if (entry.target === root) {\n          const { width, height } = entry.contentRect;\n          // 宽度大于高度，因为有水平方向排列的标签文字\n          setScale(\n            Math.min(maxScale ?? 1, width / BASE_WIDTH, height / BASE_HEIGHT)\n          );\n        }\n      }\n    });\n    observer.observe(root);\n    return () => observer.disconnect();\n  }, [maxScale, root]);\n\n  // 使用 d3 力学布局计算气泡位置，将普通数据排列在中心数据周围，并填充一些小的气泡\n  const labels = useMemo(() => {\n    const numberedDataSource: NumberedDataItem[] =\n      dataSource?.map((item) => ({\n        ...item,\n        positiveNumberValue: Math.abs(\n          typeof item.value === \"number\" ? item.value : parseFloat(item.value)\n        ),\n      })) ?? [];\n    const positiveNumberValues = numberedDataSource.map(\n      (item) => item.positiveNumberValue\n    );\n    const maxPositiveNumberValue = Math.max(...positiveNumberValues);\n\n    const nodes = [centerDataSource, ...numberedDataSource].map<ForceNode>(\n      (item, index) =>\n        index === 0\n          ? {\n              r: CENTER_BUBBLE_RADIUS,\n              fx: 0,\n              fy: 0,\n            }\n          : {\n              r: Math.max(\n                OTHER_BUBBLE_MIN_RADIUS,\n                Math.min(\n                  OTHER_BUBBLE_MAX_RADIUS,\n                  Math.sqrt(\n                    (item as NumberedDataItem).positiveNumberValue /\n                      maxPositiveNumberValue\n                  ) * OTHER_BUBBLE_MAX_RADIUS\n                )\n              ),\n            }\n    );\n\n    const randomNodes = Array.from<unknown, ForceNode>(\n      { length: TOTAL_BUBBLE_COUNT - nodes.length },\n      (_v) => ({\n        isRandom: true,\n        r:\n          Math.random() *\n            (RANDOM_BUBBLE_MAX_RADIUS - RANDOM_BUBBLE_MIN_RADIUS) +\n          RANDOM_BUBBLE_MIN_RADIUS,\n      })\n    );\n\n    nodes.push(...randomNodes);\n\n    const simulation = forceSimulation(nodes)\n      .alphaTarget(0.3) // stay hot\n      .velocityDecay(0.1) // low friction\n      .force(\"x\", forceX().strength(0.01))\n      .force(\"y\", forceY().strength(0.0125))\n      .force(\"center\", forceCenter(0, 0).strength(0.5))\n      .force(\n        \"collide\",\n        forceCollide<ForceNode>()\n          .radius((d) => d.r + BUBBLE_PADDING)\n          .iterations(3)\n      )\n      .force(\n        \"charge\",\n        forceManyBody()\n          //.strength((_d, i) => (/* i ? 0 : */ (-BASE_WIDTH * 1) / 3))\n          .strength(-84)\n      );\n\n    simulation.stop();\n    manuallyTickToTheEnd(simulation);\n\n    return nodes.slice(1).map<DataItemWithPosition>((node, index) => ({\n      ...(node.isRandom\n        ? { isRandom: true, label: \"\", value: \"\" }\n        : dataSource[index]),\n      x: node.x!,\n      y: node.y!,\n      r: node.r,\n    }));\n  }, [centerDataSource, dataSource]);\n\n  return (\n    <>\n      <div\n        className=\"bubbles-container\"\n        style={\n          {\n            visibility: scale === null ? \"hidden\" : \"visible\",\n            \"--scale\": scale,\n          } as React.CSSProperties & {\n            \"--scale\": number;\n          }\n        }\n      >\n        <div className=\"bg\"></div>\n        <div className=\"outer-ring\"></div>\n        <div className=\"inner-ring\"></div>\n        <div className=\"center\">\n          <div className=\"center-label\">{centerDataSource?.label}</div>\n          <div className=\"center-value\">\n            {formatValue(centerDataSource?.value)}\n          </div>\n        </div>\n        <div className=\"light\"></div>\n        <div className=\"bubbles\">\n          {labels?.map((item, index) => (\n            <div\n              key={index}\n              className=\"bubble\"\n              style={{\n                transform: `translate(${item.x}px, ${item.y}px)`,\n                width: item.r * 2,\n                height: item.r * 2,\n                // Put extra random bubbles to the back layer.\n                zIndex: item.isRandom ? -1 : 0,\n              }}\n            >\n              {!item.isRandom && (\n                <>\n                  <div className=\"bubble-label\">{item.label}</div>\n                  <div className=\"bubble-value\">{formatValue(item.value)}</div>\n                </>\n              )}\n            </div>\n          ))}\n        </div>\n      </div>\n      <div className=\"corner\">\n        {cornerDataSource?.map((item, index) => (\n          <div key={index} className=\"corner-item\">\n            <div className=\"corner-label\">{item.label}</div>\n            <WrappedTag\n              className=\"corner-value\"\n              outline\n              color={item.color}\n              tagStyle={{\n                fontSize: 18,\n                padding: \"2px 16px\",\n              }}\n            >\n              {formatValue(item.value)}\n            </WrappedTag>\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n\nfunction formatValue(value: string | number): string {\n  return typeof value === \"number\" ? numberFormatter.format(value) : value;\n}\n\nfunction manuallyTickToTheEnd(\n  simulation: Simulation<ForceNode, SimulationLinkDatum<ForceNode>>\n): void {\n  // Manually tick to the end.\n  simulation.tick(\n    Math.ceil(\n      Math.log(simulation.alphaMin()) / Math.log(1 - simulation.alphaDecay())\n    )\n  );\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"./ALiBaBaPuHuiTi.ttf\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `@font-face{font-family:ALiBaBaPuHuiTi;src:url(${___CSS_LOADER_URL_REPLACEMENT_0___})}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"./PangMenZhengDaoBiaoTiTi-3.0.ttf\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `@font-face{font-family:PangMenZhengDaoBiaoTiTi;src:url(${___CSS_LOADER_URL_REPLACEMENT_0___})}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"./assets/bg.png\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(\"./assets/outer-ring.png\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_2___ = new URL(\"./assets/inner-ring.png\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_3___ = new URL(\"./assets/center-bubble.png\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_4___ = new URL(\"./assets/light.png\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_5___ = new URL(\"./assets/other-bubble.png\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);\nvar ___CSS_LOADER_URL_REPLACEMENT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_4___);\nvar ___CSS_LOADER_URL_REPLACEMENT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_5___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host,\n.center,\n.bubble{display:flex;align-items:center;justify-content:center}:host{position:relative;color:#fff;height:100%}:host([hidden]){display:none}*{box-sizing:border-box}.bubbles-container{width:800px;height:590px;position:relative;transform:scale(var(--scale));--scale:1}.bg,\n.outer-ring,\n.inner-ring,\n.center,\n.light,\n.bubbles,\n.bubble{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bg,\n.outer-ring,\n.inner-ring,\n.center{background-repeat:no-repeat;background-position:center;background-size:100%}.bg{width:572px;height:572px;background-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___})}.outer-ring{width:529px;height:529px;background-image:url(${___CSS_LOADER_URL_REPLACEMENT_1___});animation:rotating-outer-ring 2s ease-in infinite}.inner-ring{width:487px;height:487px;background-image:url(${___CSS_LOADER_URL_REPLACEMENT_2___});animation:rotating-inner-ring 2s ease-in infinite}.center{flex-direction:column;width:292px;height:292px;background-image:url(${___CSS_LOADER_URL_REPLACEMENT_3___});text-shadow:0px 2px 4px rgba(0,0,0,0.5)}.light{width:292px;height:292px;border-radius:292px;background:url(${___CSS_LOADER_URL_REPLACEMENT_4___}) no-repeat;background-size:338px 478px;animation:moving-light 3s linear infinite}.bubbles{width:0;height:0}.bubble{flex-direction:column;border-radius:9999px;background-image:url(${___CSS_LOADER_URL_REPLACEMENT_5___});background-size:100%}.bubble-label{font-size:16px;font-weight:500;line-height:22px;color:#c8e2ff}.bubble-value{font-family:ALiBaBaPuHuiTi;font-size:24px;line-height:33px;text-shadow:0px 4px 7px #514af7}.center-label{font-size:24px;line-height:33px;font-weight:600;margin-top:13px;text-shadow:0px 2px 4px rgba(0,0,0,0.5)}.center-value{font-family:PangMenZhengDaoBiaoTiTi;font-size:64px;line-height:73px}.corner{position:absolute;top:13px;left:31px;font-size:18px}.corner-item{display:flex;margin-bottom:15px}.corner-label{font-weight:500;line-height:25px}.corner-value{display:block;margin-left:19px}@keyframes rotating-outer-ring{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotating-inner-ring{0%{transform:translate(-50%,-50%) rotate(360deg)}100%{transform:translate(-50%,-50%) rotate(0deg)}}@keyframes moving-light{0%,\n  73.3333%{background-position:-122px -332px}100%{background-position:100px 100px}}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","\"use strict\";\n\nmodule.exports = function (url, options) {\n  if (!options) {\n    options = {};\n  }\n  if (!url) {\n    return url;\n  }\n  url = String(url.__esModule ? url.default : url);\n\n  // If url is already wrapped in quotes, remove them\n  if (/^['\"].*['\"]$/.test(url)) {\n    url = url.slice(1, -1);\n  }\n  if (options.hash) {\n    url += options.hash;\n  }\n\n  // Should url be wrapped?\n  // See https://drafts.csswg.org/css-values-3/#urls\n  if (/[\"'() \\t\\n]|(%20)/.test(url) || options.needQuotes) {\n    return \"\\\"\".concat(url.replace(/\"/g, '\\\\\"').replace(/\\n/g, \"\\\\n\"), \"\\\"\");\n  }\n  return url;\n};","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./ALiBaBaPuHuiTi.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./ALiBaBaPuHuiTi.css\";\n       export default content && content.locals ? content.locals : undefined;\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./PangMenZhengDaoBiaoTiTi.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./PangMenZhengDaoBiaoTiTi.css\";\n       export default content && content.locals ? content.locals : undefined;\n"],"names":["BASE_WIDTH","BASE_HEIGHT","CENTER_BUBBLE_RADIUS","OTHER_BUBBLE_MAX_RADIUS","OTHER_BUBBLE_MIN_RADIUS","BUBBLE_PADDING","RANDOM_BUBBLE_MIN_RADIUS","RANDOM_BUBBLE_MAX_RADIUS","TOTAL_BUBBLE_COUNT","numberFormatter","Intl","NumberFormat","useGrouping","WrappedTag","wrapBrick","defineElement","property","createDecorators","_BubblesIndicator","_A","WeakMap","_B","_C","_D","BubblesIndicator","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","_init_dataSource","_init_extra_dataSource","_init_centerDataSource","_init_extra_centerDataSource","_init_cornerDataSource","_init_extra_cornerDataSource","_init_maxScale","_init_extra_maxScale","dataSource","_classPrivateFieldGet","v","_classPrivateFieldSet","centerDataSource","cornerDataSource","maxScale","render","React","BubblesIndicatorComponent","root","this","_ref","scale","setScale","useState","useEffect","observer","ResizeObserver","entries","entry","target","width","height","contentRect","Math","min","observe","disconnect","labels","useMemo","_dataSource$map","numberedDataSource","map","item","positiveNumberValue","abs","value","parseFloat","positiveNumberValues","maxPositiveNumberValue","max","nodes","index","r","fx","fy","sqrt","randomNodes","Array","from","length","_v","isRandom","random","push","simulation","forceSimulation","alphaTarget","velocityDecay","force","forceX","strength","forceY","forceCenter","forceCollide","radius","d","iterations","forceManyBody","stop","tick","ceil","log","alphaMin","alphaDecay","manuallyTickToTheEnd","slice","node","label","x","y","className","style","visibility","formatValue","key","transform","zIndex","outline","color","tagStyle","fontSize","padding","format","_BubblesIndicator2","e","c","_initClass","_applyDecs","styleTexts","styleText","attribute","type","Number","___CSS_LOADER_URL_IMPORT_0___","URL","___CSS_LOADER_EXPORT___","___CSS_LOADER_URL_REPLACEMENT_0___","module","id","___CSS_LOADER_URL_IMPORT_1___","___CSS_LOADER_URL_IMPORT_2___","___CSS_LOADER_URL_IMPORT_3___","___CSS_LOADER_URL_IMPORT_4___","___CSS_LOADER_URL_IMPORT_5___","___CSS_LOADER_URL_REPLACEMENT_1___","___CSS_LOADER_URL_REPLACEMENT_2___","___CSS_LOADER_URL_REPLACEMENT_3___","___CSS_LOADER_URL_REPLACEMENT_4___","___CSS_LOADER_URL_REPLACEMENT_5___","toString","exports","url","options","String","__esModule","default","test","hash","needQuotes","concat","replace","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals"],"sourceRoot":""}