@next-bricks/data-view 0.24.12 → 1.0.1

package/dist/chunks/{modern-style-page-title.7d0763e1.js → modern-style-page-title.2537f451.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[8245,5628],{6401:(e,t,r)=>{r.r(t),r.d(t,{ModernStylePageTitle:()=>v});var a,n,o,l,i,c,s,p,g,b,u,d,h,f,v,y=r(3395),x=r(381),m=r(687),w=r(5066),Z=r(8657),S=r.n(Z),k=r(7844),E=r(8835),z=r(1043),T=r(6042),{defineElement:R,property:j}=(0,k.createDecorators)();n=R("data-view.modern-style-page-title",{styleTexts:[z.Z,T.Z]}),o=j(),i=j(),s=j({attribute:!1}),g=j({attribute:!1}),u=j({attribute:!1});var O=new WeakMap,N=new WeakMap,C=new WeakMap,A=new WeakMap,M=new WeakMap;class P extends E.ReactNextElement{constructor(){super(...arguments),(0,y.Z)(this,O,{writable:!0,value:(h(this),l(this))}),(0,y.Z)(this,N,{writable:!0,value:c(this)}),(0,y.Z)(this,C,{writable:!0,value:p(this)}),(0,y.Z)(this,A,{writable:!0,value:b(this)}),(0,y.Z)(this,M,{writable:!0,value:d(this)})}get pageTitle(){return(0,m.Z)(this,O)}set pageTitle(e){(0,x.Z)(this,O,e)}get description(){return(0,m.Z)(this,N)}set description(e){(0,x.Z)(this,N,e)}get backgroundStyle(){return(0,m.Z)(this,C)}set backgroundStyle(e){(0,x.Z)(this,C,e)}get leftRoundStyle(){return(0,m.Z)(this,A)}set leftRoundStyle(e){(0,x.Z)(this,A,e)}get rightRoundStyle(){return(0,m.Z)(this,M)}set rightRoundStyle(e){(0,x.Z)(this,M,e)}render(){return S().createElement(_,{pageTitle:this.pageTitle,description:this.description,backgroundStyle:this.backgroundStyle,leftRoundStyle:this.leftRoundStyle,rightRoundStyle:this.rightRoundStyle})}}function _(e){var{pageTitle:t,description:r,backgroundStyle:a,leftRoundStyle:n,rightRoundStyle:o}=e;return S().createElement("div",{className:"wrapper"},S().createElement("div",{className:"background-container",style:a},S().createElement("div",{className:"left-round",style:n}),S().createElement("div",{className:"right-round",style:o})),S().createElement("svg",{width:"100%",height:"100%",viewBox:"0,0,1920,82",className:"svg",preserveAspectRatio:"none"},S().createElement("defs",null,S().createElement("linearGradient",{id:"path-grad",x1:"0%",y1:"0%",x2:"100%",y2:"0%"},S().createElement("stop",{offset:"0%",stopColor:"var(--color-brand)",stopOpacity:"0"}),S().createElement("stop",{offset:"38%",stopColor:"var(--color-brand)",stopOpacity:"1"}),S().createElement("stop",{offset:"62%",stopColor:"var(--color-brand)",stopOpacity:"1"}),S().createElement("stop",{offset:"100%",stopColor:"var(--color-brand)",stopOpacity:"0"}))),S().createElement("path",{d:"M0 58 L672 58 C720 58 720 80 768 80 L1152 80 C1200 80 1200 58 1248 58 L1920 58",strokeWidth:1.5,stroke:"url(#path-grad)",fill:"transparent"})),S().createElement("div",{className:"text-container"},S().createElement("div",{className:"title-text"},t),S().createElement("div",{className:"description"},r)))}f=P,({e:[l,c,p,b,d,h],c:[v,a]}=(0,w.Z)(f,[[o,1,"pageTitle"],[i,1,"description"],[s,1,"backgroundStyle"],[g,1,"leftRoundStyle"],[u,1,"rightRoundStyle"]],[n],0,void 0,E.ReactNextElement)),a()},1043:(e,t,r)=>{r.d(t,{Z:()=>i});var a=r(9601),n=r.n(a),o=r(2609),l=r.n(o)()(n());l.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const i=l.toString()},6042:(e,t,r)=>{r.d(t,{Z:()=>i});var a=r(9601),n=r.n(a),o=r(2609),l=r.n(o)()(n());l.push([e.id,".wrapper{height:82px;position:relative;display:flex;justify-content:center}.svg{position:absolute}.background-container{width:100%;height:100%;position:absolute;background:var(--color-fill-bg-base-5);-webkit-clip-path:polygon(0 0,0 58px,36.25% 58px,38.75% 80px,61.25% 80px,63.75% 58px,100% 58px,100% 0);clip-path:polygon(0 0,0 58px,36.25% 58px,38.75% 80px,61.25% 80px,63.75% 58px,100% 58px,100% 0)}.left-round{position:absolute;width:144px;height:144px;border-radius:50%;left:37.5%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(var(--palette-tech-blue-6-channel),100%),rgba(var(--palette-tech-blue-6-channel),0%));opacity:0.4}.right-round{position:absolute;width:144px;height:144px;border-radius:50%;left:62.5%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(var(--palette-sea-green-4-channel),100%),rgba(var(--palette-sea-green-4-channel),0%));opacity:0.3}.text-container{z-index:0;display:flex;flex-direction:column;align-items:center}.title-text{margin-top:20px;font-size:var(--title-font-size-larger);font-weight:var(--font-weight-600);color:var(--color-header-text-big);letter-spacing:2px;line-height:1em;text-shadow:0px 2px 2px rgba(114,81,230,0.7)}.description{margin-top:6px;font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-500);color:var(--color-secondary-text);line-height:14px}",""]);const i=l.toString()},2609:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",a=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),a&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),a&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,a,n,o){"string"==typeof e&&(e=[[null,e,void 0]]);var l={};if(a)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(l[c]=!0)}for(var s=0;s<e.length;s++){var p=[].concat(e[s]);a&&l[p[0]]||(void 0!==o&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=o),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),n&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=n):p[4]="".concat(n)),t.push(p))}},t}},9601:e=>{e.exports=function(e){return e[1]}},5066:(e,t,r)=>{r.d(t,{Z:()=>i});var a=r(6522),n=r(1815);function o(e,t,r){"symbol"==(0,a.Z)(t)&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:r?r+" "+t:t})}catch(e){}return e}var l=r(5850);function i(e,t,r,i,c,s){function p(e,t,r){return function(a,n){return r&&r(a),e[t].call(a,n)}}function g(e,t){for(var r=0;r<e.length;r++)e[r].call(t);return t}function b(e,t,r,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(r||"be")+" a function"+(a?"":" or undefined"));return e}function u(e,t,r,n,l,i,c,s,g,u,d,h,f){function v(e){if(!f(e))throw new TypeError("Attempted to access private element on non-instance")}var y,x,m=t[0],w=t[3],Z=!s;if(!Z){r||Array.isArray(m)||(m=[m]);var S={},k=[],E=3===l?"get":4===l||h?"set":"value";u?(d||h?S={get:o((function(){return w(this)}),n,"get"),set:function(e){t[4](this,e)}}:S[E]=w,d||o(S[E],n,2===l?"":E)):d||(S=Object.getOwnPropertyDescriptor(e,n))}for(var z=m.length-1;z>=0;z-=r?2:1){var T=m[z],R=r?m[z-1]:void 0,j={},O={kind:["field","accessor","method","getter","setter","field","class"][l],name:n,metadata:i,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");b(t,"An initializer","be",!0),c.push(t)}.bind(null,j)};try{if(Z)x=T.call(R,e,O);else{var N,C;O.static=g,O.private=u,u||!d&&2!==l?2===l?N=function(e){return v(e),S.value}:((l<2||3===l)&&(N=p(S,"get",u&&v)),(l<2||4===l)&&(C=p(S,"set",u&&v))):(N=function(e){return e[n]},d&&(C=function(e,t){e[n]=t}));var A=O.access={has:u?f.bind():function(e){return n in e}};if(N&&(A.get=N),C&&(A.set=C),x=T.call(R,h?{get:S.get,set:S.set}:S[E],O),h){if("object"==(0,a.Z)(x)&&x)(y=b(x.get,"accessor.get"))&&(S.get=y),(y=b(x.set,"accessor.set"))&&(S.set=y),(y=b(x.init,"accessor.init"))&&k.push(y);else if(void 0!==x)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else b(x,(d?"field":"method")+" decorators","return")&&(d?k.push(x):S[E]=x)}}finally{j.v=!0}}return(d||h)&&s.push((function(e,t){for(var r=k.length-1;r>=0;r--)t=k[r].call(e,t);return t})),d||Z||(u?h?s.push(p(S,"get"),p(S,"set")):s.push(2===l?S[E]:p.call.bind(S[E])):Object.defineProperty(e,n,S)),x}function d(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var h=s[Symbol.metadata||Symbol.for("Symbol.metadata")];var f=Object.create(null==h?null:h),v=function(e,t,r,a){var o,i,c=[],s=function(t){return(0,n.Z)(t)===e},p=new Map;function b(e){e&&c.push(g.bind(null,e))}for(var d=0;d<t.length;d++){var h=t[d];if(Array.isArray(h)){var f=h[1],v=h[2],y=h.length>3,x=16&f,m=!!(8&f),w=0==(f&=7),Z=v+"/"+m;if(!w&&!y){var S=p.get(Z);if(!0===S||3===S&&4!==f||4===S&&3!==f)throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+v);p.set(Z,!(f>2)||f)}u(m?e:e.prototype,h,x,y?"#"+v:(0,l.Z)(v),f,a,m?i=i||[]:o=o||[],c,m,y,w,1===f,m&&y?s:r)}}return b(o),b(i),c}(e,t,c,f);return r.length||d(e,f),{e:v,get c(){var t=[];return r.length&&[d(b(u(e,[r],i,e.name,5,f,t),"class decorators","return")||e,f),g.bind(null,t,e)]}}}},1815:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(6522);function n(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,a.Z)(e):"null"));return e}},5863:(e,t,r)=>{function a(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(t,{Z:()=>a})},175:(e,t,r)=>{function a(e,t,r){if(!t.has(e))throw new TypeError("attempted to "+r+" private field on non-instance");return t.get(e)}r.d(t,{Z:()=>a})},687:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(175);function n(e,t){return function(e,t){return t.get?t.get.call(e):t.value}(e,(0,a.Z)(e,t,"get"))}},3395:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(5863);function n(e,t,r){(0,a.Z)(e,t),t.set(e,r)}},381:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(175);function n(e,t,r){return function(e,t,r){if(t.set)t.set.call(e,r);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=r}}(e,(0,a.Z)(e,t,"set"),r),r}},5850:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(6522);function n(e){var t=function(e,t){if("object"!=(0,a.Z)(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=(0,a.Z)(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,a.Z)(t)?t:String(t)}},6522:(e,t,r)=>{function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}r.d(t,{Z:()=>a})}}]);
-//# sourceMappingURL=modern-style-page-title.7d0763e1.js.map
+"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[8245,5628],{6401:(e,t,r)=>{r.r(t),r.d(t,{ModernStylePageTitle:()=>v});var a,n,o,l,i,c,s,p,g,b,u,d,h,f,v,y=r(3395),x=r(381),m=r(687),w=r(5066),Z=r(8657),S=r.n(Z),k=r(7765),E=r(5761),z=r(1043),T=r(6042),{defineElement:R,property:j}=(0,k.createDecorators)();n=R("data-view.modern-style-page-title",{styleTexts:[z.Z,T.Z]}),o=j(),i=j(),s=j({attribute:!1}),g=j({attribute:!1}),u=j({attribute:!1});var O=new WeakMap,N=new WeakMap,C=new WeakMap,A=new WeakMap,M=new WeakMap;class P extends E.ReactNextElement{constructor(){super(...arguments),(0,y.Z)(this,O,{writable:!0,value:(h(this),l(this))}),(0,y.Z)(this,N,{writable:!0,value:c(this)}),(0,y.Z)(this,C,{writable:!0,value:p(this)}),(0,y.Z)(this,A,{writable:!0,value:b(this)}),(0,y.Z)(this,M,{writable:!0,value:d(this)})}get pageTitle(){return(0,m.Z)(this,O)}set pageTitle(e){(0,x.Z)(this,O,e)}get description(){return(0,m.Z)(this,N)}set description(e){(0,x.Z)(this,N,e)}get backgroundStyle(){return(0,m.Z)(this,C)}set backgroundStyle(e){(0,x.Z)(this,C,e)}get leftRoundStyle(){return(0,m.Z)(this,A)}set leftRoundStyle(e){(0,x.Z)(this,A,e)}get rightRoundStyle(){return(0,m.Z)(this,M)}set rightRoundStyle(e){(0,x.Z)(this,M,e)}render(){return S().createElement(_,{pageTitle:this.pageTitle,description:this.description,backgroundStyle:this.backgroundStyle,leftRoundStyle:this.leftRoundStyle,rightRoundStyle:this.rightRoundStyle})}}function _(e){var{pageTitle:t,description:r,backgroundStyle:a,leftRoundStyle:n,rightRoundStyle:o}=e;return S().createElement("div",{className:"wrapper"},S().createElement("div",{className:"background-container",style:a},S().createElement("div",{className:"left-round",style:n}),S().createElement("div",{className:"right-round",style:o})),S().createElement("svg",{width:"100%",height:"100%",viewBox:"0,0,1920,82",className:"svg",preserveAspectRatio:"none"},S().createElement("defs",null,S().createElement("linearGradient",{id:"path-grad",x1:"0%",y1:"0%",x2:"100%",y2:"0%"},S().createElement("stop",{offset:"0%",stopColor:"var(--color-brand)",stopOpacity:"0"}),S().createElement("stop",{offset:"38%",stopColor:"var(--color-brand)",stopOpacity:"1"}),S().createElement("stop",{offset:"62%",stopColor:"var(--color-brand)",stopOpacity:"1"}),S().createElement("stop",{offset:"100%",stopColor:"var(--color-brand)",stopOpacity:"0"}))),S().createElement("path",{d:"M0 58 L672 58 C720 58 720 80 768 80 L1152 80 C1200 80 1200 58 1248 58 L1920 58",strokeWidth:1.5,stroke:"url(#path-grad)",fill:"transparent"})),S().createElement("div",{className:"text-container"},S().createElement("div",{className:"title-text"},t),S().createElement("div",{className:"description"},r)))}f=P,({e:[l,c,p,b,d,h],c:[v,a]}=(0,w.Z)(f,[[o,1,"pageTitle"],[i,1,"description"],[s,1,"backgroundStyle"],[g,1,"leftRoundStyle"],[u,1,"rightRoundStyle"]],[n],0,void 0,E.ReactNextElement)),a()},1043:(e,t,r)=>{r.d(t,{Z:()=>i});var a=r(9601),n=r.n(a),o=r(2609),l=r.n(o)()(n());l.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const i=l.toString()},6042:(e,t,r)=>{r.d(t,{Z:()=>i});var a=r(9601),n=r.n(a),o=r(2609),l=r.n(o)()(n());l.push([e.id,".wrapper{height:82px;position:relative;display:flex;justify-content:center}.svg{position:absolute}.background-container{width:100%;height:100%;position:absolute;background:var(--color-fill-bg-base-5);-webkit-clip-path:polygon(0 0,0 58px,36.25% 58px,38.75% 80px,61.25% 80px,63.75% 58px,100% 58px,100% 0);clip-path:polygon(0 0,0 58px,36.25% 58px,38.75% 80px,61.25% 80px,63.75% 58px,100% 58px,100% 0)}.left-round{position:absolute;width:144px;height:144px;border-radius:50%;left:37.5%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(var(--palette-tech-blue-6-channel),100%),rgba(var(--palette-tech-blue-6-channel),0%));opacity:0.4}.right-round{position:absolute;width:144px;height:144px;border-radius:50%;left:62.5%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(var(--palette-sea-green-4-channel),100%),rgba(var(--palette-sea-green-4-channel),0%));opacity:0.3}.text-container{z-index:0;display:flex;flex-direction:column;align-items:center}.title-text{margin-top:20px;font-size:var(--title-font-size-larger);font-weight:var(--font-weight-600);color:var(--color-header-text-big);letter-spacing:2px;line-height:1em;text-shadow:0px 2px 2px rgba(114,81,230,0.7)}.description{margin-top:6px;font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-500);color:var(--color-secondary-text);line-height:14px}",""]);const i=l.toString()},2609:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",a=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),a&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),a&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,a,n,o){"string"==typeof e&&(e=[[null,e,void 0]]);var l={};if(a)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(l[c]=!0)}for(var s=0;s<e.length;s++){var p=[].concat(e[s]);a&&l[p[0]]||(void 0!==o&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=o),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),n&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=n):p[4]="".concat(n)),t.push(p))}},t}},9601:e=>{e.exports=function(e){return e[1]}},5066:(e,t,r)=>{r.d(t,{Z:()=>i});var a=r(6522),n=r(1815);function o(e,t,r){"symbol"==(0,a.Z)(t)&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:r?r+" "+t:t})}catch(e){}return e}var l=r(5850);function i(e,t,r,i,c,s){function p(e,t,r){return function(a,n){return r&&r(a),e[t].call(a,n)}}function g(e,t){for(var r=0;r<e.length;r++)e[r].call(t);return t}function b(e,t,r,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(r||"be")+" a function"+(a?"":" or undefined"));return e}function u(e,t,r,n,l,i,c,s,g,u,d,h,f){function v(e){if(!f(e))throw new TypeError("Attempted to access private element on non-instance")}var y,x,m=t[0],w=t[3],Z=!s;if(!Z){r||Array.isArray(m)||(m=[m]);var S={},k=[],E=3===l?"get":4===l||h?"set":"value";u?(d||h?S={get:o((function(){return w(this)}),n,"get"),set:function(e){t[4](this,e)}}:S[E]=w,d||o(S[E],n,2===l?"":E)):d||(S=Object.getOwnPropertyDescriptor(e,n))}for(var z=m.length-1;z>=0;z-=r?2:1){var T=m[z],R=r?m[z-1]:void 0,j={},O={kind:["field","accessor","method","getter","setter","field","class"][l],name:n,metadata:i,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");b(t,"An initializer","be",!0),c.push(t)}.bind(null,j)};try{if(Z)x=T.call(R,e,O);else{var N,C;O.static=g,O.private=u,u||!d&&2!==l?2===l?N=function(e){return v(e),S.value}:((l<2||3===l)&&(N=p(S,"get",u&&v)),(l<2||4===l)&&(C=p(S,"set",u&&v))):(N=function(e){return e[n]},d&&(C=function(e,t){e[n]=t}));var A=O.access={has:u?f.bind():function(e){return n in e}};if(N&&(A.get=N),C&&(A.set=C),x=T.call(R,h?{get:S.get,set:S.set}:S[E],O),h){if("object"==(0,a.Z)(x)&&x)(y=b(x.get,"accessor.get"))&&(S.get=y),(y=b(x.set,"accessor.set"))&&(S.set=y),(y=b(x.init,"accessor.init"))&&k.push(y);else if(void 0!==x)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else b(x,(d?"field":"method")+" decorators","return")&&(d?k.push(x):S[E]=x)}}finally{j.v=!0}}return(d||h)&&s.push((function(e,t){for(var r=k.length-1;r>=0;r--)t=k[r].call(e,t);return t})),d||Z||(u?h?s.push(p(S,"get"),p(S,"set")):s.push(2===l?S[E]:p.call.bind(S[E])):Object.defineProperty(e,n,S)),x}function d(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var h=s[Symbol.metadata||Symbol.for("Symbol.metadata")];var f=Object.create(null==h?null:h),v=function(e,t,r,a){var o,i,c=[],s=function(t){return(0,n.Z)(t)===e},p=new Map;function b(e){e&&c.push(g.bind(null,e))}for(var d=0;d<t.length;d++){var h=t[d];if(Array.isArray(h)){var f=h[1],v=h[2],y=h.length>3,x=16&f,m=!!(8&f),w=0==(f&=7),Z=v+"/"+m;if(!w&&!y){var S=p.get(Z);if(!0===S||3===S&&4!==f||4===S&&3!==f)throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+v);p.set(Z,!(f>2)||f)}u(m?e:e.prototype,h,x,y?"#"+v:(0,l.Z)(v),f,a,m?i=i||[]:o=o||[],c,m,y,w,1===f,m&&y?s:r)}}return b(o),b(i),c}(e,t,c,f);return r.length||d(e,f),{e:v,get c(){var t=[];return r.length&&[d(b(u(e,[r],i,e.name,5,f,t),"class decorators","return")||e,f),g.bind(null,t,e)]}}}},1815:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(6522);function n(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,a.Z)(e):"null"));return e}},5863:(e,t,r)=>{function a(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(t,{Z:()=>a})},175:(e,t,r)=>{function a(e,t,r){if(!t.has(e))throw new TypeError("attempted to "+r+" private field on non-instance");return t.get(e)}r.d(t,{Z:()=>a})},687:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(175);function n(e,t){return function(e,t){return t.get?t.get.call(e):t.value}(e,(0,a.Z)(e,t,"get"))}},3395:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(5863);function n(e,t,r){(0,a.Z)(e,t),t.set(e,r)}},381:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(175);function n(e,t,r){return function(e,t,r){if(t.set)t.set.call(e,r);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=r}}(e,(0,a.Z)(e,t,"set"),r),r}},5850:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(6522);function n(e){var t=function(e,t){if("object"!=(0,a.Z)(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=(0,a.Z)(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,a.Z)(t)?t:String(t)}},6522:(e,t,r)=>{function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}r.d(t,{Z:()=>a})}}]);
+//# sourceMappingURL=modern-style-page-title.2537f451.js.map

package/dist/chunks/{modern-style-page-title.7d0763e1.js.map → modern-style-page-title.2537f451.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/modern-style-page-title.7d0763e1.js","mappings":"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","sources":["webpack:///./src/modern-style-page-title/index.tsx","webpack:///./src/data-view-variables.shadow.css","webpack:///./src/modern-style-page-title/modern-style-page-title.shadow.css","webpack:///../../node_modules/css-loader/dist/runtime/api.js","webpack:///../../node_modules/css-loader/dist/runtime/noSourceMaps.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/setFunctionName.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/applyDecs2305.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkInRHS.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classExtractFieldDescriptor.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classApplyDescriptorGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classApplyDescriptorSet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["import React, { CSSProperties } from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport variablesStyleText from \"../data-view-variables.shadow.css\";\nimport styleText from \"./modern-style-page-title.shadow.css\";\n\nconst { defineElement, property } = createDecorators();\n\ninterface ModernStylePageTitleProps {\n  pageTitle: string;\n  description?: string;\n  backgroundStyle?: CSSProperties;\n  leftRoundStyle?: CSSProperties;\n  rightRoundStyle?: CSSProperties;\n}\n\n/**\n * 现代风页面标题\n * @author nlicroshan\n * @category big-screen-content\n */\n@defineElement(\"data-view.modern-style-page-title\", {\n  styleTexts: [variablesStyleText, styleText],\n})\nclass ModernStylePageTitle\n  extends ReactNextElement\n  implements ModernStylePageTitleProps\n{\n  /**\n   * @kind string\n   * @required true\n   * @default -\n   * @description 页面标题\n   */\n  @property()\n  accessor pageTitle: string;\n\n  /**\n   * @kind string\n   * @required false\n   * @default -\n   * @description 辅助描述\n   */\n  @property()\n  accessor description: string;\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description 背景样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor backgroundStyle: CSSProperties;\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description 左边圆形装饰样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor leftRoundStyle: CSSProperties;\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description 右边圆形装饰样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor rightRoundStyle: CSSProperties;\n\n  render() {\n    return (\n      <ModernStylePageTitleElement\n        pageTitle={this.pageTitle}\n        description={this.description}\n        backgroundStyle={this.backgroundStyle}\n        leftRoundStyle={this.leftRoundStyle}\n        rightRoundStyle={this.rightRoundStyle}\n      />\n    );\n  }\n}\n\nfunction ModernStylePageTitleElement(\n  props: ModernStylePageTitleProps\n): React.ReactElement {\n  const {\n    pageTitle,\n    description,\n    backgroundStyle,\n    leftRoundStyle,\n    rightRoundStyle,\n  } = props;\n\n  return (\n    <div className=\"wrapper\">\n      <div className=\"background-container\" style={backgroundStyle}>\n        <div className=\"left-round\" style={leftRoundStyle} />\n        <div className=\"right-round\" style={rightRoundStyle} />\n      </div>\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        viewBox=\"0,0,1920,82\"\n        className=\"svg\"\n        preserveAspectRatio=\"none\"\n      >\n        <defs>\n          <linearGradient id=\"path-grad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n            <stop offset=\"0%\" stopColor=\"var(--color-brand)\" stopOpacity=\"0\" />\n            <stop offset=\"38%\" stopColor=\"var(--color-brand)\" stopOpacity=\"1\" />\n            <stop offset=\"62%\" stopColor=\"var(--color-brand)\" stopOpacity=\"1\" />\n            <stop\n              offset=\"100%\"\n              stopColor=\"var(--color-brand)\"\n              stopOpacity=\"0\"\n            />\n          </linearGradient>\n        </defs>\n        <path\n          d=\"M0 58 L672 58 C720 58 720 80 768 80 L1152 80 C1200 80 1200 58 1248 58 L1920 58\"\n          strokeWidth={1.5}\n          stroke=\"url(#path-grad)\"\n          fill=\"transparent\"\n        />\n      </svg>\n      <div className=\"text-container\">\n        <div className=\"title-text\">{pageTitle}</div>\n        <div className=\"description\">{description}</div>\n      </div>\n    </div>\n  );\n}\n\nexport { ModernStylePageTitle };\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\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\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\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.wrapper{height:82px;position:relative;display:flex;justify-content:center}.svg{position:absolute}.background-container{width:100%;height:100%;position:absolute;background:var(--color-fill-bg-base-5);-webkit-clip-path:polygon(0 0,0 58px,36.25% 58px,38.75% 80px,61.25% 80px,63.75% 58px,100% 58px,100% 0);clip-path:polygon(0 0,0 58px,36.25% 58px,38.75% 80px,61.25% 80px,63.75% 58px,100% 58px,100% 0)}.left-round{position:absolute;width:144px;height:144px;border-radius:50%;left:37.5%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(var(--palette-tech-blue-6-channel),100%),rgba(var(--palette-tech-blue-6-channel),0%));opacity:0.4}.right-round{position:absolute;width:144px;height:144px;border-radius:50%;left:62.5%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(var(--palette-sea-green-4-channel),100%),rgba(var(--palette-sea-green-4-channel),0%));opacity:0.3}.text-container{z-index:0;display:flex;flex-direction:column;align-items:center}.title-text{margin-top:20px;font-size:var(--title-font-size-larger);font-weight:var(--font-weight-600);color:var(--color-header-text-big);letter-spacing:2px;line-height:1em;text-shadow:0px 2px 2px rgba(114,81,230,0.7)}.description{margin-top:6px;font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-500);color:var(--color-secondary-text);line-height:14px}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};","\"use strict\";\n\nmodule.exports = function (i) {\n  return i[1];\n};","import _typeof from \"./typeof.js\";\nexport default function setFunctionName(e, t, n) {\n  \"symbol\" == _typeof(t) && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\");\n  try {\n    Object.defineProperty(e, \"name\", {\n      configurable: !0,\n      value: n ? n + \" \" + t : t\n    });\n  } catch (e) {}\n  return e;\n}","import _typeof from \"./typeof.js\";\nimport checkInRHS from \"./checkInRHS.js\";\nimport setFunctionName from \"./setFunctionName.js\";\nimport toPropertyKey from \"./toPropertyKey.js\";\nexport default function applyDecs2305(e, t, r, n, o, a) {\n  function i(e, t, r) {\n    return function (n, o) {\n      return r && r(n), e[t].call(n, o);\n    };\n  }\n  function c(e, t) {\n    for (var r = 0; r < e.length; r++) e[r].call(t);\n    return t;\n  }\n  function s(e, t, r, n) {\n    if (\"function\" != typeof e && (n || void 0 !== e)) throw new TypeError(t + \" must \" + (r || \"be\") + \" a function\" + (n ? \"\" : \" or undefined\"));\n    return e;\n  }\n  function applyDec(e, t, r, n, o, a, c, u, l, f, p, d, h) {\n    function m(e) {\n      if (!h(e)) throw new TypeError(\"Attempted to access private element on non-instance\");\n    }\n    var y,\n      v,\n      g = t[0],\n      b = t[3],\n      w = !u;\n    if (!w) {\n      r || Array.isArray(g) || (g = [g]);\n      var S = {},\n        A = [],\n        P = 3 === o ? \"get\" : 4 === o || d ? \"set\" : \"value\";\n      f ? (p || d ? S = {\n        get: setFunctionName(function () {\n          return b(this);\n        }, n, \"get\"),\n        set: function set(e) {\n          t[4](this, e);\n        }\n      } : S[P] = b, p || setFunctionName(S[P], n, 2 === o ? \"\" : P)) : p || (S = Object.getOwnPropertyDescriptor(e, n));\n    }\n    for (var j = g.length - 1; j >= 0; j -= r ? 2 : 1) {\n      var D = g[j],\n        E = r ? g[j - 1] : void 0,\n        I = {},\n        O = {\n          kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"field\", \"class\"][o],\n          name: n,\n          metadata: a,\n          addInitializer: function (e, t) {\n            if (e.v) throw new Error(\"attempted to call addInitializer after decoration was finished\");\n            s(t, \"An initializer\", \"be\", !0), c.push(t);\n          }.bind(null, I)\n        };\n      try {\n        if (w) v = D.call(E, e, O);else {\n          var k, F;\n          O[\"static\"] = l, O[\"private\"] = f, f || !p && 2 !== o ? 2 === o ? k = function k(e) {\n            return m(e), S.value;\n          } : ((o < 2 || 3 === o) && (k = i(S, \"get\", f && m)), (o < 2 || 4 === o) && (F = i(S, \"set\", f && m))) : (k = function k(e) {\n            return e[n];\n          }, p && (F = function F(e, t) {\n            e[n] = t;\n          }));\n          var N = O.access = {\n            has: f ? h.bind() : function (e) {\n              return n in e;\n            }\n          };\n          if (k && (N.get = k), F && (N.set = F), v = D.call(E, d ? {\n            get: S.get,\n            set: S.set\n          } : S[P], O), d) {\n            if (\"object\" == _typeof(v) && v) (y = s(v.get, \"accessor.get\")) && (S.get = y), (y = s(v.set, \"accessor.set\")) && (S.set = y), (y = s(v.init, \"accessor.init\")) && A.push(y);else if (void 0 !== v) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or void 0\");\n          } else s(v, (p ? \"field\" : \"method\") + \" decorators\", \"return\") && (p ? A.push(v) : S[P] = v);\n        }\n      } finally {\n        I.v = !0;\n      }\n    }\n    return (p || d) && u.push(function (e, t) {\n      for (var r = A.length - 1; r >= 0; r--) t = A[r].call(e, t);\n      return t;\n    }), p || w || (f ? d ? u.push(i(S, \"get\"), i(S, \"set\")) : u.push(2 === o ? S[P] : i.call.bind(S[P])) : Object.defineProperty(e, n, S)), v;\n  }\n  function u(e, t) {\n    return Object.defineProperty(e, Symbol.metadata || Symbol[\"for\"](\"Symbol.metadata\"), {\n      configurable: !0,\n      enumerable: !0,\n      value: t\n    });\n  }\n  if (arguments.length >= 6) var l = a[Symbol.metadata || Symbol[\"for\"](\"Symbol.metadata\")];\n  var f = Object.create(null == l ? null : l),\n    p = function (e, t, r, n) {\n      var o,\n        a,\n        i = [],\n        s = function s(t) {\n          return checkInRHS(t) === e;\n        },\n        u = new Map();\n      function l(e) {\n        e && i.push(c.bind(null, e));\n      }\n      for (var f = 0; f < t.length; f++) {\n        var p = t[f];\n        if (Array.isArray(p)) {\n          var d = p[1],\n            h = p[2],\n            m = p.length > 3,\n            y = 16 & d,\n            v = !!(8 & d),\n            g = 0 == (d &= 7),\n            b = h + \"/\" + v;\n          if (!g && !m) {\n            var w = u.get(b);\n            if (!0 === w || 3 === w && 4 !== d || 4 === w && 3 !== d) throw new Error(\"Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: \" + h);\n            u.set(b, !(d > 2) || d);\n          }\n          applyDec(v ? e : e.prototype, p, y, m ? \"#\" + h : toPropertyKey(h), d, n, v ? a = a || [] : o = o || [], i, v, m, g, 1 === d, v && m ? s : r);\n        }\n      }\n      return l(o), l(a), i;\n    }(e, t, o, f);\n  return r.length || u(e, f), {\n    e: p,\n    get c() {\n      var t = [];\n      return r.length && [u(s(applyDec(e, [r], n, e.name, 5, f, t), \"class decorators\", \"return\") || e, f), c.bind(null, t, e)];\n    }\n  };\n}","import _typeof from \"./typeof.js\";\nexport default function _checkInRHS(e) {\n  if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? _typeof(e) : \"null\"));\n  return e;\n}","export default function _checkPrivateRedeclaration(obj, privateCollection) {\n  if (privateCollection.has(obj)) {\n    throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n  }\n}","export default function _classExtractFieldDescriptor(receiver, privateMap, action) {\n  if (!privateMap.has(receiver)) {\n    throw new TypeError(\"attempted to \" + action + \" private field on non-instance\");\n  }\n  return privateMap.get(receiver);\n}","import classApplyDescriptorGet from \"./classApplyDescriptorGet.js\";\nimport classExtractFieldDescriptor from \"./classExtractFieldDescriptor.js\";\nexport default function _classPrivateFieldGet(receiver, privateMap) {\n  var descriptor = classExtractFieldDescriptor(receiver, privateMap, \"get\");\n  return classApplyDescriptorGet(receiver, descriptor);\n}","export default function _classApplyDescriptorGet(receiver, descriptor) {\n  if (descriptor.get) {\n    return descriptor.get.call(receiver);\n  }\n  return descriptor.value;\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateFieldInitSpec(obj, privateMap, value) {\n  checkPrivateRedeclaration(obj, privateMap);\n  privateMap.set(obj, value);\n}","import classApplyDescriptorSet from \"./classApplyDescriptorSet.js\";\nimport classExtractFieldDescriptor from \"./classExtractFieldDescriptor.js\";\nexport default function _classPrivateFieldSet(receiver, privateMap, value) {\n  var descriptor = classExtractFieldDescriptor(receiver, privateMap, \"set\");\n  classApplyDescriptorSet(receiver, descriptor, value);\n  return value;\n}","export default function _classApplyDescriptorSet(receiver, descriptor, value) {\n  if (descriptor.set) {\n    descriptor.set.call(receiver, value);\n  } else {\n    if (!descriptor.writable) {\n      throw new TypeError(\"attempted to set read only private field\");\n    }\n    descriptor.value = value;\n  }\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == _typeof(i) ? i : String(i);\n}","import _typeof from \"./typeof.js\";\nexport default function toPrimitive(t, r) {\n  if (\"object\" != _typeof(t) || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != _typeof(i)) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}","export default function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}"],"names":["_ModernStylePageTitle","defineElement","property","createDecorators","_dec","styleTexts","variablesStyleText","styleText","_dec2","_dec3","_dec4","attribute","_dec5","_dec6","_A","WeakMap","_B","_C","_D","_E","ModernStylePageTitle","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","writable","value","_initProto","_init_pageTitle","_init_description","_init_backgroundStyle","_init_leftRoundStyle","_init_rightRoundStyle","pageTitle","_classPrivateFieldGet","v","_classPrivateFieldSet","description","backgroundStyle","leftRoundStyle","rightRoundStyle","render","React","ModernStylePageTitleElement","this","props","className","style","width","height","viewBox","preserveAspectRatio","id","x1","y1","x2","y2","offset","stopColor","stopOpacity","d","strokeWidth","stroke","fill","_class","e","c","_initClass","_applyDecs","___CSS_LOADER_EXPORT___","push","module","toString","exports","cssWithMappingToString","list","map","item","content","needLayer","concat","length","join","i","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","setFunctionName","t","n","Object","defineProperty","configurable","applyDecs2305","r","o","a","call","s","TypeError","applyDec","u","l","f","p","h","m","y","g","b","w","Array","isArray","S","A","P","get","set","getOwnPropertyDescriptor","j","D","E","I","O","kind","name","metadata","addInitializer","Error","bind","F","N","access","has","init","Symbol","enumerable","create","checkInRHS","Map","prototype","toPropertyKey","_checkInRHS","_checkPrivateRedeclaration","obj","privateCollection","_classExtractFieldDescriptor","receiver","privateMap","action","descriptor","classExtractFieldDescriptor","toPrimitive","String","_typeof","iterator"],"sourceRoot":""}
+{"version":3,"file":"chunks/modern-style-page-title.2537f451.js","mappings":"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","sources":["webpack:///./src/modern-style-page-title/index.tsx","webpack:///./src/data-view-variables.shadow.css","webpack:///./src/modern-style-page-title/modern-style-page-title.shadow.css","webpack:///../../node_modules/css-loader/dist/runtime/api.js","webpack:///../../node_modules/css-loader/dist/runtime/noSourceMaps.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/setFunctionName.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/applyDecs2305.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkInRHS.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classExtractFieldDescriptor.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classApplyDescriptorGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classApplyDescriptorSet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["import React, { CSSProperties } from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport variablesStyleText from \"../data-view-variables.shadow.css\";\nimport styleText from \"./modern-style-page-title.shadow.css\";\n\nconst { defineElement, property } = createDecorators();\n\ninterface ModernStylePageTitleProps {\n  pageTitle: string;\n  description?: string;\n  backgroundStyle?: CSSProperties;\n  leftRoundStyle?: CSSProperties;\n  rightRoundStyle?: CSSProperties;\n}\n\n/**\n * 现代风页面标题\n * @author nlicroshan\n * @category big-screen-content\n */\n@defineElement(\"data-view.modern-style-page-title\", {\n  styleTexts: [variablesStyleText, styleText],\n})\nclass ModernStylePageTitle\n  extends ReactNextElement\n  implements ModernStylePageTitleProps\n{\n  /**\n   * @kind string\n   * @required true\n   * @default -\n   * @description 页面标题\n   */\n  @property()\n  accessor pageTitle: string;\n\n  /**\n   * @kind string\n   * @required false\n   * @default -\n   * @description 辅助描述\n   */\n  @property()\n  accessor description: string;\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description 背景样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor backgroundStyle: CSSProperties;\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description 左边圆形装饰样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor leftRoundStyle: CSSProperties;\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description 右边圆形装饰样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor rightRoundStyle: CSSProperties;\n\n  render() {\n    return (\n      <ModernStylePageTitleElement\n        pageTitle={this.pageTitle}\n        description={this.description}\n        backgroundStyle={this.backgroundStyle}\n        leftRoundStyle={this.leftRoundStyle}\n        rightRoundStyle={this.rightRoundStyle}\n      />\n    );\n  }\n}\n\nfunction ModernStylePageTitleElement(\n  props: ModernStylePageTitleProps\n): React.ReactElement {\n  const {\n    pageTitle,\n    description,\n    backgroundStyle,\n    leftRoundStyle,\n    rightRoundStyle,\n  } = props;\n\n  return (\n    <div className=\"wrapper\">\n      <div className=\"background-container\" style={backgroundStyle}>\n        <div className=\"left-round\" style={leftRoundStyle} />\n        <div className=\"right-round\" style={rightRoundStyle} />\n      </div>\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        viewBox=\"0,0,1920,82\"\n        className=\"svg\"\n        preserveAspectRatio=\"none\"\n      >\n        <defs>\n          <linearGradient id=\"path-grad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n            <stop offset=\"0%\" stopColor=\"var(--color-brand)\" stopOpacity=\"0\" />\n            <stop offset=\"38%\" stopColor=\"var(--color-brand)\" stopOpacity=\"1\" />\n            <stop offset=\"62%\" stopColor=\"var(--color-brand)\" stopOpacity=\"1\" />\n            <stop\n              offset=\"100%\"\n              stopColor=\"var(--color-brand)\"\n              stopOpacity=\"0\"\n            />\n          </linearGradient>\n        </defs>\n        <path\n          d=\"M0 58 L672 58 C720 58 720 80 768 80 L1152 80 C1200 80 1200 58 1248 58 L1920 58\"\n          strokeWidth={1.5}\n          stroke=\"url(#path-grad)\"\n          fill=\"transparent\"\n        />\n      </svg>\n      <div className=\"text-container\">\n        <div className=\"title-text\">{pageTitle}</div>\n        <div className=\"description\">{description}</div>\n      </div>\n    </div>\n  );\n}\n\nexport { ModernStylePageTitle };\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\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\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\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.wrapper{height:82px;position:relative;display:flex;justify-content:center}.svg{position:absolute}.background-container{width:100%;height:100%;position:absolute;background:var(--color-fill-bg-base-5);-webkit-clip-path:polygon(0 0,0 58px,36.25% 58px,38.75% 80px,61.25% 80px,63.75% 58px,100% 58px,100% 0);clip-path:polygon(0 0,0 58px,36.25% 58px,38.75% 80px,61.25% 80px,63.75% 58px,100% 58px,100% 0)}.left-round{position:absolute;width:144px;height:144px;border-radius:50%;left:37.5%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(var(--palette-tech-blue-6-channel),100%),rgba(var(--palette-tech-blue-6-channel),0%));opacity:0.4}.right-round{position:absolute;width:144px;height:144px;border-radius:50%;left:62.5%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(var(--palette-sea-green-4-channel),100%),rgba(var(--palette-sea-green-4-channel),0%));opacity:0.3}.text-container{z-index:0;display:flex;flex-direction:column;align-items:center}.title-text{margin-top:20px;font-size:var(--title-font-size-larger);font-weight:var(--font-weight-600);color:var(--color-header-text-big);letter-spacing:2px;line-height:1em;text-shadow:0px 2px 2px rgba(114,81,230,0.7)}.description{margin-top:6px;font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-500);color:var(--color-secondary-text);line-height:14px}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};","\"use strict\";\n\nmodule.exports = function (i) {\n  return i[1];\n};","import _typeof from \"./typeof.js\";\nexport default function setFunctionName(e, t, n) {\n  \"symbol\" == _typeof(t) && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\");\n  try {\n    Object.defineProperty(e, \"name\", {\n      configurable: !0,\n      value: n ? n + \" \" + t : t\n    });\n  } catch (e) {}\n  return e;\n}","import _typeof from \"./typeof.js\";\nimport checkInRHS from \"./checkInRHS.js\";\nimport setFunctionName from \"./setFunctionName.js\";\nimport toPropertyKey from \"./toPropertyKey.js\";\nexport default function applyDecs2305(e, t, r, n, o, a) {\n  function i(e, t, r) {\n    return function (n, o) {\n      return r && r(n), e[t].call(n, o);\n    };\n  }\n  function c(e, t) {\n    for (var r = 0; r < e.length; r++) e[r].call(t);\n    return t;\n  }\n  function s(e, t, r, n) {\n    if (\"function\" != typeof e && (n || void 0 !== e)) throw new TypeError(t + \" must \" + (r || \"be\") + \" a function\" + (n ? \"\" : \" or undefined\"));\n    return e;\n  }\n  function applyDec(e, t, r, n, o, a, c, u, l, f, p, d, h) {\n    function m(e) {\n      if (!h(e)) throw new TypeError(\"Attempted to access private element on non-instance\");\n    }\n    var y,\n      v,\n      g = t[0],\n      b = t[3],\n      w = !u;\n    if (!w) {\n      r || Array.isArray(g) || (g = [g]);\n      var S = {},\n        A = [],\n        P = 3 === o ? \"get\" : 4 === o || d ? \"set\" : \"value\";\n      f ? (p || d ? S = {\n        get: setFunctionName(function () {\n          return b(this);\n        }, n, \"get\"),\n        set: function set(e) {\n          t[4](this, e);\n        }\n      } : S[P] = b, p || setFunctionName(S[P], n, 2 === o ? \"\" : P)) : p || (S = Object.getOwnPropertyDescriptor(e, n));\n    }\n    for (var j = g.length - 1; j >= 0; j -= r ? 2 : 1) {\n      var D = g[j],\n        E = r ? g[j - 1] : void 0,\n        I = {},\n        O = {\n          kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"field\", \"class\"][o],\n          name: n,\n          metadata: a,\n          addInitializer: function (e, t) {\n            if (e.v) throw new Error(\"attempted to call addInitializer after decoration was finished\");\n            s(t, \"An initializer\", \"be\", !0), c.push(t);\n          }.bind(null, I)\n        };\n      try {\n        if (w) v = D.call(E, e, O);else {\n          var k, F;\n          O[\"static\"] = l, O[\"private\"] = f, f || !p && 2 !== o ? 2 === o ? k = function k(e) {\n            return m(e), S.value;\n          } : ((o < 2 || 3 === o) && (k = i(S, \"get\", f && m)), (o < 2 || 4 === o) && (F = i(S, \"set\", f && m))) : (k = function k(e) {\n            return e[n];\n          }, p && (F = function F(e, t) {\n            e[n] = t;\n          }));\n          var N = O.access = {\n            has: f ? h.bind() : function (e) {\n              return n in e;\n            }\n          };\n          if (k && (N.get = k), F && (N.set = F), v = D.call(E, d ? {\n            get: S.get,\n            set: S.set\n          } : S[P], O), d) {\n            if (\"object\" == _typeof(v) && v) (y = s(v.get, \"accessor.get\")) && (S.get = y), (y = s(v.set, \"accessor.set\")) && (S.set = y), (y = s(v.init, \"accessor.init\")) && A.push(y);else if (void 0 !== v) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or void 0\");\n          } else s(v, (p ? \"field\" : \"method\") + \" decorators\", \"return\") && (p ? A.push(v) : S[P] = v);\n        }\n      } finally {\n        I.v = !0;\n      }\n    }\n    return (p || d) && u.push(function (e, t) {\n      for (var r = A.length - 1; r >= 0; r--) t = A[r].call(e, t);\n      return t;\n    }), p || w || (f ? d ? u.push(i(S, \"get\"), i(S, \"set\")) : u.push(2 === o ? S[P] : i.call.bind(S[P])) : Object.defineProperty(e, n, S)), v;\n  }\n  function u(e, t) {\n    return Object.defineProperty(e, Symbol.metadata || Symbol[\"for\"](\"Symbol.metadata\"), {\n      configurable: !0,\n      enumerable: !0,\n      value: t\n    });\n  }\n  if (arguments.length >= 6) var l = a[Symbol.metadata || Symbol[\"for\"](\"Symbol.metadata\")];\n  var f = Object.create(null == l ? null : l),\n    p = function (e, t, r, n) {\n      var o,\n        a,\n        i = [],\n        s = function s(t) {\n          return checkInRHS(t) === e;\n        },\n        u = new Map();\n      function l(e) {\n        e && i.push(c.bind(null, e));\n      }\n      for (var f = 0; f < t.length; f++) {\n        var p = t[f];\n        if (Array.isArray(p)) {\n          var d = p[1],\n            h = p[2],\n            m = p.length > 3,\n            y = 16 & d,\n            v = !!(8 & d),\n            g = 0 == (d &= 7),\n            b = h + \"/\" + v;\n          if (!g && !m) {\n            var w = u.get(b);\n            if (!0 === w || 3 === w && 4 !== d || 4 === w && 3 !== d) throw new Error(\"Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: \" + h);\n            u.set(b, !(d > 2) || d);\n          }\n          applyDec(v ? e : e.prototype, p, y, m ? \"#\" + h : toPropertyKey(h), d, n, v ? a = a || [] : o = o || [], i, v, m, g, 1 === d, v && m ? s : r);\n        }\n      }\n      return l(o), l(a), i;\n    }(e, t, o, f);\n  return r.length || u(e, f), {\n    e: p,\n    get c() {\n      var t = [];\n      return r.length && [u(s(applyDec(e, [r], n, e.name, 5, f, t), \"class decorators\", \"return\") || e, f), c.bind(null, t, e)];\n    }\n  };\n}","import _typeof from \"./typeof.js\";\nexport default function _checkInRHS(e) {\n  if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? _typeof(e) : \"null\"));\n  return e;\n}","export default function _checkPrivateRedeclaration(obj, privateCollection) {\n  if (privateCollection.has(obj)) {\n    throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n  }\n}","export default function _classExtractFieldDescriptor(receiver, privateMap, action) {\n  if (!privateMap.has(receiver)) {\n    throw new TypeError(\"attempted to \" + action + \" private field on non-instance\");\n  }\n  return privateMap.get(receiver);\n}","import classApplyDescriptorGet from \"./classApplyDescriptorGet.js\";\nimport classExtractFieldDescriptor from \"./classExtractFieldDescriptor.js\";\nexport default function _classPrivateFieldGet(receiver, privateMap) {\n  var descriptor = classExtractFieldDescriptor(receiver, privateMap, \"get\");\n  return classApplyDescriptorGet(receiver, descriptor);\n}","export default function _classApplyDescriptorGet(receiver, descriptor) {\n  if (descriptor.get) {\n    return descriptor.get.call(receiver);\n  }\n  return descriptor.value;\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateFieldInitSpec(obj, privateMap, value) {\n  checkPrivateRedeclaration(obj, privateMap);\n  privateMap.set(obj, value);\n}","import classApplyDescriptorSet from \"./classApplyDescriptorSet.js\";\nimport classExtractFieldDescriptor from \"./classExtractFieldDescriptor.js\";\nexport default function _classPrivateFieldSet(receiver, privateMap, value) {\n  var descriptor = classExtractFieldDescriptor(receiver, privateMap, \"set\");\n  classApplyDescriptorSet(receiver, descriptor, value);\n  return value;\n}","export default function _classApplyDescriptorSet(receiver, descriptor, value) {\n  if (descriptor.set) {\n    descriptor.set.call(receiver, value);\n  } else {\n    if (!descriptor.writable) {\n      throw new TypeError(\"attempted to set read only private field\");\n    }\n    descriptor.value = value;\n  }\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == _typeof(i) ? i : String(i);\n}","import _typeof from \"./typeof.js\";\nexport default function toPrimitive(t, r) {\n  if (\"object\" != _typeof(t) || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != _typeof(i)) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}","export default function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}"],"names":["_ModernStylePageTitle","defineElement","property","createDecorators","_dec","styleTexts","variablesStyleText","styleText","_dec2","_dec3","_dec4","attribute","_dec5","_dec6","_A","WeakMap","_B","_C","_D","_E","ModernStylePageTitle","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","writable","value","_initProto","_init_pageTitle","_init_description","_init_backgroundStyle","_init_leftRoundStyle","_init_rightRoundStyle","pageTitle","_classPrivateFieldGet","v","_classPrivateFieldSet","description","backgroundStyle","leftRoundStyle","rightRoundStyle","render","React","ModernStylePageTitleElement","this","props","className","style","width","height","viewBox","preserveAspectRatio","id","x1","y1","x2","y2","offset","stopColor","stopOpacity","d","strokeWidth","stroke","fill","_class","e","c","_initClass","_applyDecs","___CSS_LOADER_EXPORT___","push","module","toString","exports","cssWithMappingToString","list","map","item","content","needLayer","concat","length","join","i","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","setFunctionName","t","n","Object","defineProperty","configurable","applyDecs2305","r","o","a","call","s","TypeError","applyDec","u","l","f","p","h","m","y","g","b","w","Array","isArray","S","A","P","get","set","getOwnPropertyDescriptor","j","D","E","I","O","kind","name","metadata","addInitializer","Error","bind","F","N","access","has","init","Symbol","enumerable","create","checkInRHS","Map","prototype","toPropertyKey","_checkInRHS","_checkPrivateRedeclaration","obj","privateCollection","_classExtractFieldDescriptor","receiver","privateMap","action","descriptor","classExtractFieldDescriptor","toPrimitive","String","_typeof","iterator"],"sourceRoot":""}

package/dist/chunks/{modern-style-treemap.40ab624c.js → modern-style-treemap.82cfc54f.js}

@@ -1,3 +1,3 @@
-/*! For license information please see modern-style-treemap.40ab624c.js.LICENSE.txt */
-(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[2992],{4170:(e,t,a)=>{"use strict";a.r(t),a.d(t,{ModernStyleTreemap:()=>Z});var r,l,i,n,o,s,p,c,b,g,h,u,d,f,v,m,y,x,w,k,Z,S=a(3028),B=a(3395),M=a(1815),z=a(381),C=a(687),U=a(5066),E=a(8657),R=a.n(E),W=a(7844),_=a(8835),q=a(2643),D=a(7847),N=a(4214),X=a(5725),Y=a(2253),j=a(4334),A=a(891),H=a(470),L=a(6426),P=a(1043),O=a(637),T=a(7598),Q=a(4655),F=a(1211),G=a(2779),I=a.n(G),{defineElement:J,property:K,event:V}=(0,W.createDecorators)(),$=function(e){return e.treemapBinary="treemapBinary",e.treemapDice="treemapDice",e.treemapResquarify="treemapResquarify",e.treemapSlice="treemapSlice",e.treemapSliceDice="treemapSliceDice",e.treemapSquarify="treemapSquarify",e}($||{});l=J("data-view.modern-style-treemap",{styleTexts:[P.Z,O.Z]}),i=K({attribute:!1}),o=K({attribute:!1}),p=K({attribute:!1}),b=K({attribute:!1}),h=K({attribute:!1}),d=K({attribute:!1}),v=V({type:"treemap.click"});var ee=new WeakMap,te=new WeakMap,ae=new WeakMap,re=new WeakMap,le=new WeakMap,ie=new WeakMap,ne=new WeakMap,oe=new WeakMap,se=new WeakMap;class pe extends _.ReactNextElement{constructor(){super(...arguments),(0,B.Z)(this,oe,{get:be,set:ce}),(0,B.Z)(this,ee,{writable:!0,value:(w(this),n(this))}),(0,B.Z)(this,te,{writable:!0,value:s(this,$.treemapSquarify)}),(0,B.Z)(this,ae,{writable:!0,value:c(this)}),(0,B.Z)(this,re,{writable:!0,value:g(this)}),(0,B.Z)(this,le,{writable:!0,value:u(this)}),(0,B.Z)(this,ie,{writable:!0,value:f(this)}),(0,B.Z)(this,ne,{writable:!0,value:m(this)}),(0,B.Z)(this,se,{writable:!0,value:e=>{(0,C.Z)(this,oe).emit(e)}})}get data(){return(0,C.Z)(this,ee)}set data(e){(0,z.Z)(this,ee,e)}get tail(){return(0,C.Z)(this,te)}set tail(e){(0,z.Z)(this,te,e)}get leafUseBrick(){return(0,C.Z)(this,ae)}set leafUseBrick(e){(0,z.Z)(this,ae,e)}get leafContainerStyle(){return(0,C.Z)(this,re)}set leafContainerStyle(e){(0,z.Z)(this,re,e)}get tooltipUseBrick(){return(0,C.Z)(this,le)}set tooltipUseBrick(e){(0,z.Z)(this,le,e)}get tooltipStyle(){return(0,C.Z)(this,ie)}set tooltipStyle(e){(0,z.Z)(this,ie,e)}render(){return R().createElement(he,{data:this.data,tail:this.tail,leafUseBrick:this.leafUseBrick,leafContainerStyle:this.leafContainerStyle,tooltipUseBrick:this.tooltipUseBrick,tooltipStyle:this.tooltipStyle,handleClick:(0,C.Z)(this,se)})}}function ce(e){x(this,e)}function be(){return y(this)}k=pe,({e:[n,s,c,g,u,f,m,y,x,w],c:[Z,r]}=(0,U.Z)(k,[[i,1,"data"],[o,1,"tail"],[p,1,"leafUseBrick"],[b,1,"leafContainerStyle"],[h,1,"tooltipUseBrick"],[d,1,"tooltipStyle"],[v,1,"onClickEvent",e=>(0,C.Z)(e,ne),(e,t)=>(0,z.Z)(e,ne,t)]],[l],0,(e=>se.has((0,M.Z)(e))),_.ReactNextElement)),r();var ge={[$.treemapBinary]:D.Z,[$.treemapDice]:N.Z,[$.treemapResquarify]:X.Z,[$.treemapSlice]:Y.Z,[$.treemapSliceDice]:j.Z,[$.treemapSquarify]:A.ZP};function he(e){var{data:t,tail:a,leafUseBrick:r,leafContainerStyle:l,tooltipUseBrick:i,tooltipStyle:n,handleClick:o}=e,[s,{clientWidth:p,clientHeight:c}]=(0,T.y)(),[b,{clientHeight:g}]=(0,T.y)(),[h,u]=(0,E.useState)({clientX:0,clientY:0}),[d,f]=(0,E.useState)(),v=(0,E.useMemo)((()=>{if(s.current){var e,t,a=s.current.getBoundingClientRect(),r=a.width/s.current.clientWidth,l=a.height/s.current.clientHeight,i=h.clientX-a.left,n=h.clientY-a.top,o=a.right-h.clientX,p=a.bottom-h.clientY,{width:c,height:u}=b.current.getBoundingClientRect();if(e=i+16,o<c&&(e=i-c-16,t="right"),i<c&&(t="left"),p<u/2||n<u/2){var d=p<u/2?"bottom":"top";n=p<u/2?n-u/2-16:n+u/2+16,"left"===t&&i-c/2<0?(t="".concat(d,"-left"),e=i):"right"===t&&o-c/2<0?(t="".concat(d,"-right"),e=i-c):(t=d,e=i-c/2)}return f(t),{left:"".concat(e/r,"px"),top:"".concat(n/l-g/2,"px")}}}),[s,h.clientX,h.clientY,b,g]),m=(0,E.useMemo)((()=>(0,H.ZP)(t).sum((e=>e.value)).sort(((e,t)=>t.value-e.value))),[t]),y=(0,E.useMemo)((()=>(0,L.Z)().tile(ge[a]).size([p,c]).padding(1).round(!0)),[a,p,c]),[x,w]=(0,E.useMemo)((()=>{var e=y(m).leaves().map((e=>(0,S.Z)({},e)));return[e,(0,F.keyBy)(e,"data.name")]}),[y,m]),k=(0,E.useMemo)((()=>x.map((e=>{var t=e.y0,a=e.x0,i=e.x1-e.x0,n=e.y1-e.y0;return R().createElement("div",{key:e.data.name,className:"treemap-leaf","data-leaf-id":e.data.name,style:(0,S.Z)((0,S.Z)({},l),{},{top:0,left:0,transform:"translate(".concat(a,"px, ").concat(t,"px)"),width:i,height:n}),onClick:()=>null==o?void 0:o(e.data)},(null==r?void 0:r.useBrick)&&R().createElement(q.ReactUseMultipleBricks,{useBrick:r.useBrick,data:e}))}))),[o,l,r.useBrick,x]),Z=(0,E.useMemo)((()=>(0,S.Z)({},w[h.name])),[w,h.name]),B=(0,E.useMemo)((()=>(0,Q.Q)((e=>{var t=e.target.closest(".treemap-leaf"),a=null==t?void 0:t.getAttribute("data-leaf-id");u((r=>({clientX:e.clientX,clientY:e.clientY,name:t?a:r.name})))}))),[]);return R().createElement("div",{className:"wrapper"},R().createElement("div",{className:"treemap",ref:s,onMouseMove:B,onMouseEnter:()=>{b.current.style.visibility="visible"},onMouseLeave:()=>{b.current.style.visibility="hidden"}},k),R().createElement("div",{className:I()("tooltip",{bottom:"bottom"===d,bottomRight:"bottom-right"===d,bottomLeft:"bottom-left"===d,topLeft:"top-left"===d,topRight:"top-right"===d,top:"top"===d,right:"right"===d}),style:(0,S.Z)((0,S.Z)({},n),v),ref:b},(null==i?void 0:i.useBrick)&&R().createElement(q.ReactUseMultipleBricks,{useBrick:i.useBrick,data:Z})))}},2779:(e,t)=>{var a;!function(){"use strict";var r={}.hasOwnProperty;function l(){for(var e=[],t=0;t<arguments.length;t++){var a=arguments[t];if(a){var i=typeof a;if("string"===i||"number"===i)e.push(a);else if(Array.isArray(a)){if(a.length){var n=l.apply(null,a);n&&e.push(n)}}else if("object"===i){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){e.push(a.toString());continue}for(var o in a)r.call(a,o)&&a[o]&&e.push(o)}}}return e.join(" ")}e.exports?(l.default=l,e.exports=l):void 0===(a=function(){return l}.apply(t,[]))||(e.exports=a)}()},1043:(e,t,a)=>{"use strict";a.d(t,{Z:()=>o});var r=a(9601),l=a.n(r),i=a(2609),n=a.n(i)()(l());n.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const o=n.toString()}}]);
-//# sourceMappingURL=modern-style-treemap.40ab624c.js.map
+/*! For license information please see modern-style-treemap.82cfc54f.js.LICENSE.txt */
+(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[2992],{4170:(e,t,a)=>{"use strict";a.r(t),a.d(t,{ModernStyleTreemap:()=>Z});var r,l,i,n,o,s,p,c,b,g,h,u,d,f,v,m,y,x,w,k,Z,S=a(3028),B=a(3395),M=a(1815),z=a(381),C=a(687),U=a(5066),E=a(8657),R=a.n(E),W=a(7765),_=a(5761),q=a(4448),D=a(7847),N=a(4214),X=a(5725),Y=a(2253),j=a(4334),A=a(891),H=a(470),L=a(6426),P=a(1043),O=a(637),T=a(7598),Q=a(4655),F=a(1211),G=a(2779),I=a.n(G),{defineElement:J,property:K,event:V}=(0,W.createDecorators)(),$=function(e){return e.treemapBinary="treemapBinary",e.treemapDice="treemapDice",e.treemapResquarify="treemapResquarify",e.treemapSlice="treemapSlice",e.treemapSliceDice="treemapSliceDice",e.treemapSquarify="treemapSquarify",e}($||{});l=J("data-view.modern-style-treemap",{styleTexts:[P.Z,O.Z]}),i=K({attribute:!1}),o=K({attribute:!1}),p=K({attribute:!1}),b=K({attribute:!1}),h=K({attribute:!1}),d=K({attribute:!1}),v=V({type:"treemap.click"});var ee=new WeakMap,te=new WeakMap,ae=new WeakMap,re=new WeakMap,le=new WeakMap,ie=new WeakMap,ne=new WeakMap,oe=new WeakMap,se=new WeakMap;class pe extends _.ReactNextElement{constructor(){super(...arguments),(0,B.Z)(this,oe,{get:be,set:ce}),(0,B.Z)(this,ee,{writable:!0,value:(w(this),n(this))}),(0,B.Z)(this,te,{writable:!0,value:s(this,$.treemapSquarify)}),(0,B.Z)(this,ae,{writable:!0,value:c(this)}),(0,B.Z)(this,re,{writable:!0,value:g(this)}),(0,B.Z)(this,le,{writable:!0,value:u(this)}),(0,B.Z)(this,ie,{writable:!0,value:f(this)}),(0,B.Z)(this,ne,{writable:!0,value:m(this)}),(0,B.Z)(this,se,{writable:!0,value:e=>{(0,C.Z)(this,oe).emit(e)}})}get data(){return(0,C.Z)(this,ee)}set data(e){(0,z.Z)(this,ee,e)}get tail(){return(0,C.Z)(this,te)}set tail(e){(0,z.Z)(this,te,e)}get leafUseBrick(){return(0,C.Z)(this,ae)}set leafUseBrick(e){(0,z.Z)(this,ae,e)}get leafContainerStyle(){return(0,C.Z)(this,re)}set leafContainerStyle(e){(0,z.Z)(this,re,e)}get tooltipUseBrick(){return(0,C.Z)(this,le)}set tooltipUseBrick(e){(0,z.Z)(this,le,e)}get tooltipStyle(){return(0,C.Z)(this,ie)}set tooltipStyle(e){(0,z.Z)(this,ie,e)}render(){return R().createElement(he,{data:this.data,tail:this.tail,leafUseBrick:this.leafUseBrick,leafContainerStyle:this.leafContainerStyle,tooltipUseBrick:this.tooltipUseBrick,tooltipStyle:this.tooltipStyle,handleClick:(0,C.Z)(this,se)})}}function ce(e){x(this,e)}function be(){return y(this)}k=pe,({e:[n,s,c,g,u,f,m,y,x,w],c:[Z,r]}=(0,U.Z)(k,[[i,1,"data"],[o,1,"tail"],[p,1,"leafUseBrick"],[b,1,"leafContainerStyle"],[h,1,"tooltipUseBrick"],[d,1,"tooltipStyle"],[v,1,"onClickEvent",e=>(0,C.Z)(e,ne),(e,t)=>(0,z.Z)(e,ne,t)]],[l],0,(e=>se.has((0,M.Z)(e))),_.ReactNextElement)),r();var ge={[$.treemapBinary]:D.Z,[$.treemapDice]:N.Z,[$.treemapResquarify]:X.Z,[$.treemapSlice]:Y.Z,[$.treemapSliceDice]:j.Z,[$.treemapSquarify]:A.ZP};function he(e){var{data:t,tail:a,leafUseBrick:r,leafContainerStyle:l,tooltipUseBrick:i,tooltipStyle:n,handleClick:o}=e,[s,{clientWidth:p,clientHeight:c}]=(0,T.y)(),[b,{clientHeight:g}]=(0,T.y)(),[h,u]=(0,E.useState)({clientX:0,clientY:0}),[d,f]=(0,E.useState)(),v=(0,E.useMemo)((()=>{if(s.current){var e,t,a=s.current.getBoundingClientRect(),r=a.width/s.current.clientWidth,l=a.height/s.current.clientHeight,i=h.clientX-a.left,n=h.clientY-a.top,o=a.right-h.clientX,p=a.bottom-h.clientY,{width:c,height:u}=b.current.getBoundingClientRect();if(e=i+16,o<c&&(e=i-c-16,t="right"),i<c&&(t="left"),p<u/2||n<u/2){var d=p<u/2?"bottom":"top";n=p<u/2?n-u/2-16:n+u/2+16,"left"===t&&i-c/2<0?(t="".concat(d,"-left"),e=i):"right"===t&&o-c/2<0?(t="".concat(d,"-right"),e=i-c):(t=d,e=i-c/2)}return f(t),{left:"".concat(e/r,"px"),top:"".concat(n/l-g/2,"px")}}}),[s,h.clientX,h.clientY,b,g]),m=(0,E.useMemo)((()=>(0,H.ZP)(t).sum((e=>e.value)).sort(((e,t)=>t.value-e.value))),[t]),y=(0,E.useMemo)((()=>(0,L.Z)().tile(ge[a]).size([p,c]).padding(1).round(!0)),[a,p,c]),[x,w]=(0,E.useMemo)((()=>{var e=y(m).leaves().map((e=>(0,S.Z)({},e)));return[e,(0,F.keyBy)(e,"data.name")]}),[y,m]),k=(0,E.useMemo)((()=>x.map((e=>{var t=e.y0,a=e.x0,i=e.x1-e.x0,n=e.y1-e.y0;return R().createElement("div",{key:e.data.name,className:"treemap-leaf","data-leaf-id":e.data.name,style:(0,S.Z)((0,S.Z)({},l),{},{top:0,left:0,transform:"translate(".concat(a,"px, ").concat(t,"px)"),width:i,height:n}),onClick:()=>null==o?void 0:o(e.data)},(null==r?void 0:r.useBrick)&&R().createElement(q.ReactUseMultipleBricks,{useBrick:r.useBrick,data:e}))}))),[o,l,r.useBrick,x]),Z=(0,E.useMemo)((()=>(0,S.Z)({},w[h.name])),[w,h.name]),B=(0,E.useMemo)((()=>(0,Q.Q)((e=>{var t=e.target.closest(".treemap-leaf"),a=null==t?void 0:t.getAttribute("data-leaf-id");u((r=>({clientX:e.clientX,clientY:e.clientY,name:t?a:r.name})))}))),[]);return R().createElement("div",{className:"wrapper"},R().createElement("div",{className:"treemap",ref:s,onMouseMove:B,onMouseEnter:()=>{b.current.style.visibility="visible"},onMouseLeave:()=>{b.current.style.visibility="hidden"}},k),R().createElement("div",{className:I()("tooltip",{bottom:"bottom"===d,bottomRight:"bottom-right"===d,bottomLeft:"bottom-left"===d,topLeft:"top-left"===d,topRight:"top-right"===d,top:"top"===d,right:"right"===d}),style:(0,S.Z)((0,S.Z)({},n),v),ref:b},(null==i?void 0:i.useBrick)&&R().createElement(q.ReactUseMultipleBricks,{useBrick:i.useBrick,data:Z})))}},2779:(e,t)=>{var a;!function(){"use strict";var r={}.hasOwnProperty;function l(){for(var e=[],t=0;t<arguments.length;t++){var a=arguments[t];if(a){var i=typeof a;if("string"===i||"number"===i)e.push(a);else if(Array.isArray(a)){if(a.length){var n=l.apply(null,a);n&&e.push(n)}}else if("object"===i){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){e.push(a.toString());continue}for(var o in a)r.call(a,o)&&a[o]&&e.push(o)}}}return e.join(" ")}e.exports?(l.default=l,e.exports=l):void 0===(a=function(){return l}.apply(t,[]))||(e.exports=a)}()},1043:(e,t,a)=>{"use strict";a.d(t,{Z:()=>o});var r=a(9601),l=a.n(r),i=a(2609),n=a.n(i)()(l());n.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const o=n.toString()}}]);
+//# sourceMappingURL=modern-style-treemap.82cfc54f.js.map

package/dist/chunks/{modern-style-treemap.40ab624c.js.map → modern-style-treemap.82cfc54f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/modern-style-treemap.40ab624c.js","mappings":"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","sources":["webpack:///./src/modern-style-treemap/index.tsx","webpack:///../../node_modules/classnames/index.js","webpack:///./src/data-view-variables.shadow.css"],"sourcesContent":["import React, { MouseEvent, CSSProperties, useMemo, useState } from \"react\";\nimport { createDecorators, EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport type { UseBrickConf } from \"@next-core/types\";\nimport { ReactUseMultipleBricks } from \"@next-core/react-runtime\";\nimport {\n  treemap,\n  hierarchy,\n  treemapBinary,\n  treemapDice,\n  treemapResquarify,\n  treemapSlice,\n  treemapSliceDice,\n  treemapSquarify,\n} from \"d3-hierarchy\";\nimport variablesStyleText from \"../data-view-variables.shadow.css\";\nimport styleText from \"./modern-style-treemap.shadow.css\";\nimport { useResizeObserver } from \"../hooks/index.js\";\nimport { debounceByAnimationFrame } from \"@next-shared/general/debounceByAnimationFrame\";\nimport { keyBy } from \"lodash\";\nimport classNames from \"classnames\";\n\nconst { defineElement, property, event } = createDecorators();\n\nenum TailTypes {\n  treemapBinary = \"treemapBinary\",\n  treemapDice = \"treemapDice\",\n  treemapResquarify = \"treemapResquarify\",\n  treemapSlice = \"treemapSlice\",\n  treemapSliceDice = \"treemapSliceDice\",\n  treemapSquarify = \"treemapSquarify\",\n}\n\ntype TreemapData = {\n  name: string;\n  value?: number;\n  children?: TreemapData[];\n};\n\ninterface ModernStyleTreemapProps {\n  data: TreemapData;\n  tail?: TailTypes;\n  leafUseBrick?: { useBrick: UseBrickConf };\n  leafContainerStyle?: CSSProperties;\n  tooltipUseBrick?: { useBrick: UseBrickConf };\n  tooltipStyle?: CSSProperties;\n  handleClick?: (value: TreemapData) => void;\n}\n\n/**\n * 现代风树图\n * @author nlicroshan\n * @category big-screen-content\n */\n@defineElement(\"data-view.modern-style-treemap\", {\n  styleTexts: [variablesStyleText, styleText],\n})\nclass ModernStyleTreemap\n  extends ReactNextElement\n  implements ModernStyleTreemapProps\n{\n  /**\n   * @kind TreemapData\n   * @required true\n   * @default -\n   * @description 数据\n   */\n  @property({\n    attribute: false,\n  })\n  accessor data: TreemapData;\n\n  /**\n   * @kind TailTypes\n   * @required false\n   * @default treemapSquarify\n   * @description 平铺方法\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tail: TailTypes = TailTypes[\"treemapSquarify\"];\n\n  /**\n   * @kind { useBrick: UseBrickConf }\n   * @required false\n   * @default -\n   * @description 叶子节点useBrick\n   */\n  @property({\n    attribute: false,\n  })\n  accessor leafUseBrick: { useBrick: UseBrickConf };\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description 叶子节点容器样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor leafContainerStyle: CSSProperties;\n\n  /**\n   * @kind { useBrick: UseBrickConf }\n   * @required false\n   * @default -\n   * @description tooltip useBrick\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tooltipUseBrick: { useBrick: UseBrickConf };\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description tooltip容器样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tooltipStyle: CSSProperties;\n\n  /**\n   * @detail\n   * @description 点击事件\n   */\n  @event({ type: \"treemap.click\" })\n  accessor #onClickEvent!: EventEmitter<TreemapData>;\n\n  #handleClick = (value: TreemapData) => {\n    this.#onClickEvent.emit(value);\n  };\n\n  render() {\n    return (\n      <ModernStyleTreemapElement\n        data={this.data}\n        tail={this.tail}\n        leafUseBrick={this.leafUseBrick}\n        leafContainerStyle={this.leafContainerStyle}\n        tooltipUseBrick={this.tooltipUseBrick}\n        tooltipStyle={this.tooltipStyle}\n        handleClick={this.#handleClick}\n      />\n    );\n  }\n}\n\nconst tailMap = {\n  [TailTypes[\"treemapBinary\"]]: treemapBinary,\n  [TailTypes[\"treemapDice\"]]: treemapDice,\n  [TailTypes[\"treemapResquarify\"]]: treemapResquarify,\n  [TailTypes[\"treemapSlice\"]]: treemapSlice,\n  [TailTypes[\"treemapSliceDice\"]]: treemapSliceDice,\n  [TailTypes[\"treemapSquarify\"]]: treemapSquarify,\n};\n\nfunction ModernStyleTreemapElement(\n  props: ModernStyleTreemapProps\n): React.ReactElement {\n  const {\n    data,\n    tail,\n    leafUseBrick,\n    leafContainerStyle,\n    tooltipUseBrick,\n    tooltipStyle,\n    handleClick,\n  } = props;\n\n  const [\n    wrapperRef,\n    { clientWidth: wrapperWidth, clientHeight: wrapperHeight },\n  ] = useResizeObserver<HTMLDivElement>();\n  const [tooltipRef, { clientHeight: tooltipHeight }] =\n    useResizeObserver<HTMLDivElement>();\n  const [mouseData, setMouseData] = useState<{\n    clientX: number;\n    clientY: number;\n    name?: string;\n  }>({ clientX: 0, clientY: 0 });\n  const [tooltipPosition, setTooltipPosition] = useState<string>();\n\n  const tooltipTransform = useMemo(() => {\n    if (!wrapperRef.current) return undefined;\n    const wrapperClientRect = wrapperRef.current.getBoundingClientRect();\n    // 缩放比例\n    const widthScale = wrapperClientRect.width / wrapperRef.current.clientWidth;\n    const heightScale =\n      wrapperClientRect.height / wrapperRef.current.clientHeight;\n    // 缩放后的偏移\n    let scaledLeft, placement;\n    const left = mouseData.clientX - wrapperClientRect.left;\n    let scaledTop = mouseData.clientY - wrapperClientRect.top;\n    const right = wrapperClientRect.right - mouseData.clientX;\n    const bottom = wrapperClientRect.bottom - mouseData.clientY;\n    // 处理边界问题\n    const { width, height } = tooltipRef.current.getBoundingClientRect();\n    scaledLeft = left + 16;\n    if (right < width) {\n      scaledLeft = left - width - 16;\n      placement = \"right\";\n    }\n    if (left < width) {\n      placement = \"left\";\n    }\n    if (bottom < height / 2 || scaledTop < height / 2) {\n      const topOrBottom = bottom < height / 2 ? \"bottom\" : \"top\";\n      scaledTop =\n        bottom < height / 2\n          ? scaledTop - height / 2 - 16\n          : scaledTop + height / 2 + 16;\n      if (placement === \"left\" && left - width / 2 < 0) {\n        placement = `${topOrBottom}-left`;\n        scaledLeft = left;\n      } else if (placement === \"right\" && right - width / 2 < 0) {\n        placement = `${topOrBottom}-right`;\n        scaledLeft = left - width;\n      } else {\n        placement = topOrBottom;\n        scaledLeft = left - width / 2;\n      }\n    }\n    setTooltipPosition(placement);\n    // 实际偏移\n    return {\n      left: `${scaledLeft / widthScale}px`,\n      top: `${scaledTop / heightScale - tooltipHeight / 2}px`,\n    };\n  }, [\n    wrapperRef,\n    mouseData.clientX,\n    mouseData.clientY,\n    tooltipRef,\n    tooltipHeight,\n  ]);\n\n  const hierarchyNode = useMemo(() => {\n    return hierarchy(data)\n      .sum((d) => d.value)\n      .sort((a, b) => b.value - a.value);\n  }, [data]);\n\n  const tm = useMemo(() => {\n    return treemap<TreemapData>()\n      .tile(tailMap[tail])\n      .size([wrapperWidth, wrapperHeight])\n      .padding(1)\n      .round(true);\n  }, [tail, wrapperWidth, wrapperHeight]);\n\n  const [leaves, leavesMap] = useMemo(() => {\n    // 这里只要hierarchyNode不变化，即使tm更新了，root、leaves还是同一个对象\n    const root = tm(hierarchyNode);\n    // 这里使用解构让leaves里面每个node变成新对象\n    const _leaves = root.leaves().map((v: any) => ({ ...v }));\n    return [_leaves, keyBy(_leaves, \"data.name\")];\n  }, [tm, hierarchyNode]);\n\n  const leavesNode = useMemo(() => {\n    return leaves.map((d) => {\n      const top = d.y0,\n        left = d.x0,\n        width = d.x1 - d.x0,\n        height = d.y1 - d.y0;\n\n      return (\n        <div\n          key={d.data.name}\n          className=\"treemap-leaf\"\n          data-leaf-id={d.data.name}\n          style={{\n            ...leafContainerStyle,\n            top: 0,\n            left: 0,\n            transform: `translate(${left}px, ${top}px)`,\n            width,\n            height,\n          }}\n          onClick={() => handleClick?.(d.data)}\n        >\n          {leafUseBrick?.useBrick && (\n            <ReactUseMultipleBricks useBrick={leafUseBrick.useBrick} data={d} />\n          )}\n        </div>\n      );\n    });\n  }, [handleClick, leafContainerStyle, leafUseBrick.useBrick, leaves]);\n\n  const curTooltipData = useMemo(() => {\n    return { ...leavesMap[mouseData.name] };\n  }, [leavesMap, mouseData.name]);\n\n  const handleMouseMove = useMemo(() => {\n    return debounceByAnimationFrame((e: MouseEvent<HTMLDivElement>) => {\n      const curLeaf = (e.target as HTMLDivElement).closest(\".treemap-leaf\");\n      const curName = curLeaf?.getAttribute(\"data-leaf-id\");\n      setMouseData((pre) => {\n        return {\n          clientX: e.clientX,\n          clientY: e.clientY,\n          name: curLeaf ? curName : pre.name,\n        };\n      });\n    });\n  }, []);\n\n  return (\n    <div className=\"wrapper\">\n      <div\n        className=\"treemap\"\n        ref={wrapperRef}\n        onMouseMove={handleMouseMove}\n        onMouseEnter={() => {\n          tooltipRef.current.style.visibility = \"visible\";\n        }}\n        onMouseLeave={() => {\n          tooltipRef.current.style.visibility = \"hidden\";\n        }}\n      >\n        {leavesNode}\n      </div>\n      <div\n        className={classNames(\"tooltip\", {\n          bottom: tooltipPosition === \"bottom\",\n          bottomRight: tooltipPosition === \"bottom-right\",\n          bottomLeft: tooltipPosition === \"bottom-left\",\n          topLeft: tooltipPosition === \"top-left\",\n          topRight: tooltipPosition === \"top-right\",\n          top: tooltipPosition === \"top\",\n          right: tooltipPosition === \"right\",\n        })}\n        style={{\n          ...tooltipStyle,\n          ...tooltipTransform,\n        }}\n        ref={tooltipRef}\n      >\n        {tooltipUseBrick?.useBrick && (\n          <ReactUseMultipleBricks\n            useBrick={tooltipUseBrick.useBrick}\n            data={curTooltipData}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { ModernStyleTreemap };\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\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\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n"],"names":["_ModernStyleTreemap","defineElement","property","event","createDecorators","TailTypes","_dec","styleTexts","variablesStyleText","styleText","_dec2","attribute","_dec3","_dec4","_dec5","_dec6","_dec7","_dec8","type","_A","WeakMap","_B","_C","_D","_E","_F","_G","_onClickEvent","_handleClick","ModernStyleTreemap","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","get","_get_onClickEvent2","set","_set_onClickEvent2","writable","value","_initProto","_init_data","_init_tail","_init_leafUseBrick","_init_leafContainerStyle","_init_tooltipUseBrick","_init_tooltipStyle","_init_onClickEvent","_classPrivateFieldGet","this","emit","data","v","_classPrivateFieldSet","tail","leafUseBrick","leafContainerStyle","tooltipUseBrick","tooltipStyle","render","React","ModernStyleTreemapElement","handleClick","_set_onClickEvent","_get_onClickEvent","_class","e","c","_initClass","_applyDecs","o","_","has","_checkInRHS","tailMap","treemapBinary","treemapDice","treemapResquarify","treemapSlice","treemapSliceDice","treemapSquarify","props","wrapperRef","clientWidth","wrapperWidth","clientHeight","wrapperHeight","useResizeObserver","tooltipRef","tooltipHeight","mouseData","setMouseData","useState","clientX","clientY","tooltipPosition","setTooltipPosition","tooltipTransform","useMemo","current","scaledLeft","placement","wrapperClientRect","getBoundingClientRect","widthScale","width","heightScale","height","left","scaledTop","top","right","bottom","topOrBottom","concat","hierarchyNode","hierarchy","sum","d","sort","a","b","tm","treemap","tile","size","padding","round","leaves","leavesMap","_leaves","map","_objectSpread","keyBy","leavesNode","y0","x0","x1","y1","key","name","className","style","transform","onClick","useBrick","ReactUseMultipleBricks","curTooltipData","handleMouseMove","debounceByAnimationFrame","curLeaf","target","closest","curName","getAttribute","pre","ref","onMouseMove","onMouseEnter","visibility","onMouseLeave","classNames","bottomRight","bottomLeft","topLeft","topRight","hasOwn","hasOwnProperty","classes","i","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","call","join","module","exports","default","___CSS_LOADER_EXPORT___","id"],"sourceRoot":""}
+{"version":3,"file":"chunks/modern-style-treemap.82cfc54f.js","mappings":";qNAmImCA,gQA7G7B,cAAEC,EAAa,SAAEC,EAAQ,MAAEC,IAAUC,EAAAA,EAAAA,oBAEtCC,EAAS,SAATA,GAAS,OAATA,EAAS,8BAATA,EAAS,0BAATA,EAAS,sCAATA,EAAS,4BAATA,EAAS,oCAATA,EAAS,kCAATA,CAAS,EAATA,GAAS,IAAAC,EA8BbL,EAAc,iCAAkC,CAC/CM,WAAY,CAACC,EAAAA,EAAoBC,EAAAA,KACjCC,EAWCR,EAAS,CACRS,WAAW,IACXC,EASDV,EAAS,CACRS,WAAW,IACXE,EASDX,EAAS,CACRS,WAAW,IACXG,EASDZ,EAAS,CACRS,WAAW,IACXI,EASDb,EAAS,CACRS,WAAW,IACXK,EASDd,EAAS,CACRS,WAAW,IACXM,EAODd,EAAM,CAAEe,KAAM,kBAAkB,IAAAC,GAAA,IAAAC,QAAAC,GAAA,IAAAD,QAAAE,GAAA,IAAAF,QAAAG,GAAA,IAAAH,QAAAI,GAAA,IAAAJ,QAAAK,GAAA,IAAAL,QAAAM,GAAA,IAAAN,QAAAO,GAAA,IAAAP,QAAAQ,GAAA,IAAAR,QA7EnC,MAAAS,WAIUC,EAAAA,iBAEVC,cAAA,SAAAC,YAAAC,EAAAA,EAAAA,GAAA,KAAAN,GAAA,CAAAO,IAAAC,GAAAC,IAAAC,MACEJ,EAAAA,EAAAA,GAAA,KAAAd,GAAA,CAAAmB,UAAA,EAAAC,OAAAC,EAAA,MAAAC,EAAA,UAWAR,EAAAA,EAAAA,GAAA,KAAAZ,GAAA,CAAAiB,UAAA,EAAAC,MAAAG,EAAA,KAS2BrC,EAA2B,oBAEtD4B,EAAAA,EAAAA,GAAA,KAAAX,GAAA,CAAAgB,UAAA,EAAAC,MAAAI,EAAA,SAWAV,EAAAA,EAAAA,GAAA,KAAAV,GAAA,CAAAe,UAAA,EAAAC,MAAAK,EAAA,SAWAX,EAAAA,EAAAA,GAAA,KAAAT,GAAA,CAAAc,UAAA,EAAAC,MAAAM,EAAA,SAWAZ,EAAAA,EAAAA,GAAA,KAAAR,GAAA,CAAAa,UAAA,EAAAC,MAAAO,EAAA,SAWAb,EAAAA,EAAAA,GAAA,KAAAP,GAAA,CAAAY,UAAA,EAAAC,MAAAQ,EAAA,SAAAd,EAAAA,EAAAA,GAAA,KAAAL,GAAA,CAAAU,UAAA,EAAAC,MAOgBA,KACdS,EAAAA,EAAAA,GAAAC,KAAItB,IAAeuB,KAAKX,EAAM,GAC/B,CAlEQY,WAAI,OAAAH,EAAAA,EAAAA,GAAA,KAAA7B,GAAA,CAAJgC,SAAIC,IAAAC,EAAAA,EAAAA,GAAA,KAAAlC,GAAAiC,EAAA,CAWJE,WAAI,OAAAN,EAAAA,EAAAA,GAAA,KAAA3B,GAAA,CAAJiC,SAAIF,IAAAC,EAAAA,EAAAA,GAAA,KAAAhC,GAAA+B,EAAA,CAWJG,mBAAY,OAAAP,EAAAA,EAAAA,GAAA,KAAA1B,GAAA,CAAZiC,iBAAYH,IAAAC,EAAAA,EAAAA,GAAA,KAAA/B,GAAA8B,EAAA,CAWZI,yBAAkB,OAAAR,EAAAA,EAAAA,GAAA,KAAAzB,GAAA,CAAlBiC,uBAAkBJ,IAAAC,EAAAA,EAAAA,GAAA,KAAA9B,GAAA6B,EAAA,CAWlBK,sBAAe,OAAAT,EAAAA,EAAAA,GAAA,KAAAxB,GAAA,CAAfiC,oBAAeL,IAAAC,EAAAA,EAAAA,GAAA,KAAA7B,GAAA4B,EAAA,CAWfM,mBAAY,OAAAV,EAAAA,EAAAA,GAAA,KAAAvB,GAAA,CAAZiC,iBAAYN,IAAAC,EAAAA,EAAAA,GAAA,KAAA5B,GAAA2B,EAAA,CAarBO,SACE,OACEC,IAAAA,cAACC,GAAyB,CACxBV,KAAMF,KAAKE,KACXG,KAAML,KAAKK,KACXC,aAAcN,KAAKM,aACnBC,mBAAoBP,KAAKO,mBACzBC,gBAAiBR,KAAKQ,gBACtBC,aAAcT,KAAKS,aACnBI,aAAWd,EAAAA,EAAAA,GAAEC,KAAIrB,KAGvB,EACD,SAAAS,GAAAe,GAAAW,EAAA,KAAAX,EAAA,UAAAjB,KAAA,OAAA6B,EAAA,MAAAC,EAAApC,KAAAqC,GAAAzB,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAiB,EAAAD,EAAAvB,GAAA2B,GAAAnE,EAAAoE,KAAAC,EAAAA,EAAAA,GAAAJ,EAAA,EAAAvD,EAAA,WAAAE,EAAA,WAAAC,EAAA,mBAAAC,EAAA,yBAAAC,EAAA,sBAAAC,EAAA,mBAAAC,EAAA,iBAAAqD,IAAAtB,EAAAA,EAAAA,GAAAsB,EAAA5C,IAAA,CAAA4C,EAAAlB,KAAAC,EAAAA,EAAAA,GAAAiB,EAAA5C,GAAA0B,KAAA,CAAA9C,GAAA,GAAAiE,GAAA3C,GAAA4C,KAAAC,EAAAA,EAAAA,GAAAF,KA7FSzC,EAAAA,mBAAgBsC,IA+F1B,IAAMM,GAAU,CACd,CAACrE,EAAyB,eAAIsE,EAAAA,EAC9B,CAACtE,EAAuB,aAAIuE,EAAAA,EAC5B,CAACvE,EAA6B,mBAAIwE,EAAAA,EAClC,CAACxE,EAAwB,cAAIyE,EAAAA,EAC7B,CAACzE,EAA4B,kBAAI0E,EAAAA,EACjC,CAAC1E,EAA2B,iBAAI2E,EAAAA,IAGlC,SAASnB,GACPoB,GAEA,IAAM,KACJ9B,EAAI,KACJG,EAAI,aACJC,EAAY,mBACZC,EAAkB,gBAClBC,EAAe,aACfC,EAAY,YACZI,GACEmB,GAGFC,GACEC,YAAaC,EAAcC,aAAcC,KACzCC,EAAAA,EAAAA,MACGC,GAAcH,aAAcI,KACjCF,EAAAA,EAAAA,MACKG,EAAWC,IAAgBC,EAAAA,EAAAA,UAI/B,CAAEC,QAAS,EAAGC,QAAS,KACnBC,EAAiBC,IAAsBJ,EAAAA,EAAAA,YAExCK,GAAmBC,EAAAA,EAAAA,UAAQ,KAC/B,GAAKhB,EAAWiB,QAAhB,CACA,IAMIC,EAAYC,EANVC,EAAoBpB,EAAWiB,QAAQI,wBAEvCC,EAAaF,EAAkBG,MAAQvB,EAAWiB,QAAQhB,YAC1DuB,EACJJ,EAAkBK,OAASzB,EAAWiB,QAAQd,aAG1CuB,EAAOlB,EAAUG,QAAUS,EAAkBM,KAC/CC,EAAYnB,EAAUI,QAAUQ,EAAkBQ,IAChDC,EAAQT,EAAkBS,MAAQrB,EAAUG,QAC5CmB,EAASV,EAAkBU,OAAStB,EAAUI,SAE9C,MAAEW,EAAK,OAAEE,GAAWnB,EAAWW,QAAQI,wBAS7C,GARAH,EAAaQ,EAAO,GAChBG,EAAQN,IACVL,EAAaQ,EAAOH,EAAQ,GAC5BJ,EAAY,SAEVO,EAAOH,IACTJ,EAAY,QAEVW,EAASL,EAAS,GAAKE,EAAYF,EAAS,EAAG,CACjD,IAAMM,EAAcD,EAASL,EAAS,EAAI,SAAW,MACrDE,EACEG,EAASL,EAAS,EACdE,EAAYF,EAAS,EAAI,GACzBE,EAAYF,EAAS,EAAI,GACb,SAAdN,GAAwBO,EAAOH,EAAQ,EAAI,GAC7CJ,EAAY,GAAHa,OAAMD,EAAW,SAC1Bb,EAAaQ,GACU,UAAdP,GAAyBU,EAAQN,EAAQ,EAAI,GACtDJ,EAAY,GAAHa,OAAMD,EAAW,UAC1Bb,EAAaQ,EAAOH,IAEpBJ,EAAYY,EACZb,EAAaQ,EAAOH,EAAQ,EAEhC,CAGA,OAFAT,EAAmBK,GAEZ,CACLO,KAAM,GAAFM,OAAKd,EAAaI,EAAU,MAChCM,IAAK,GAAFI,OAAKL,EAAYH,EAAcjB,EAAgB,EAAC,MA3CZ,CA4CxC,GACA,CACDP,EACAQ,EAAUG,QACVH,EAAUI,QACVN,EACAC,IAGI0B,GAAgBjB,EAAAA,EAAAA,UAAQ,KACrBkB,EAAAA,EAAAA,IAAUjE,GACdkE,KAAKC,GAAMA,EAAE/E,QACbgF,MAAK,CAACC,EAAGC,IAAMA,EAAElF,MAAQiF,EAAEjF,SAC7B,CAACY,IAEEuE,GAAKxB,EAAAA,EAAAA,UAAQ,KACVyB,EAAAA,EAAAA,KACJC,KAAKlD,GAAQpB,IACbuE,KAAK,CAACzC,EAAcE,IACpBwC,QAAQ,GACRC,OAAM,IACR,CAACzE,EAAM8B,EAAcE,KAEjB0C,EAAQC,IAAa/B,EAAAA,EAAAA,UAAQ,KAElC,IAEMgC,EAFOR,EAAGP,GAEKa,SAASG,KAAK/E,IAAMgF,EAAAA,EAAAA,GAAA,GAAWhF,KACpD,MAAO,CAAC8E,GAASG,EAAAA,EAAAA,OAAMH,EAAS,aAAa,GAC5C,CAACR,EAAIP,IAEFmB,GAAapC,EAAAA,EAAAA,UAAQ,IAClB8B,EAAOG,KAAKb,IACjB,IAAMR,EAAMQ,EAAEiB,GACZ3B,EAAOU,EAAEkB,GACT/B,EAAQa,EAAEmB,GAAKnB,EAAEkB,GACjB7B,EAASW,EAAEoB,GAAKpB,EAAEiB,GAEpB,OACE3E,IAAAA,cAAA,OACE+E,IAAKrB,EAAEnE,KAAKyF,KACZC,UAAU,eACV,eAAcvB,EAAEnE,KAAKyF,KACrBE,OAAKV,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACA5E,GAAkB,IACrBsD,IAAK,EACLF,KAAM,EACNmC,UAAW,aAAF7B,OAAeN,EAAI,QAAAM,OAAOJ,EAAG,OACtCL,QACAE,WAEFqC,QAASA,IAAMlF,aAAW,EAAXA,EAAcwD,EAAEnE,QAE9BI,aAAY,EAAZA,EAAc0F,WACbrF,IAAAA,cAACsF,EAAAA,uBAAsB,CAACD,SAAU1F,EAAa0F,SAAU9F,KAAMmE,IAE7D,KAGT,CAACxD,EAAaN,EAAoBD,EAAa0F,SAAUjB,IAEtDmB,GAAiBjD,EAAAA,EAAAA,UAAQ,KAC7BkC,EAAAA,EAAAA,GAAA,GAAYH,EAAUvC,EAAUkD,QAC/B,CAACX,EAAWvC,EAAUkD,OAEnBQ,GAAkBlD,EAAAA,EAAAA,UAAQ,KACvBmD,EAAAA,EAAAA,IAA0BnF,IAC/B,IAAMoF,EAAWpF,EAAEqF,OAA0BC,QAAQ,iBAC/CC,EAAUH,aAAO,EAAPA,EAASI,aAAa,gBACtC/D,GAAcgE,IACL,CACL9D,QAAS3B,EAAE2B,QACXC,QAAS5B,EAAE4B,QACX8C,KAAMU,EAAUG,EAAUE,EAAIf,QAEhC,KAEH,IAEH,OACEhF,IAAAA,cAAA,OAAKiF,UAAU,WACbjF,IAAAA,cAAA,OACEiF,UAAU,UACVe,IAAK1E,EACL2E,YAAaT,EACbU,aAAcA,KACZtE,EAAWW,QAAQ2C,MAAMiB,WAAa,SAAS,EAEjDC,aAAcA,KACZxE,EAAWW,QAAQ2C,MAAMiB,WAAa,QAAQ,GAG/CzB,GAEH1E,IAAAA,cAAA,OACEiF,UAAWoB,IAAW,UAAW,CAC/BjD,OAA4B,WAApBjB,EACRmE,YAAiC,iBAApBnE,EACboE,WAAgC,gBAApBpE,EACZqE,QAA6B,aAApBrE,EACTsE,SAA8B,cAApBtE,EACVe,IAAyB,QAApBf,EACLgB,MAA2B,UAApBhB,IAET+C,OAAKV,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACA1E,GACAuC,GAEL2D,IAAKpE,IAEJ/B,aAAe,EAAfA,EAAiBwF,WAChBrF,IAAAA,cAACsF,EAAAA,uBAAsB,CACrBD,SAAUxF,EAAgBwF,SAC1B9F,KAAMgG,KAMlB,gBChWA,OAOC,WACA,aAEA,IAAImB,EAAS,CAAC,EAAEC,eAGhB,SAASN,IAGR,IAFA,IAAIO,EAAU,GAELC,EAAI,EAAGA,EAAIzI,UAAU0I,OAAQD,IAAK,CAC1C,IAAIE,EAAM3I,UAAUyI,GACpB,GAAKE,EAAL,CAEA,IAAIC,SAAiBD,EAErB,GAAgB,WAAZC,GAAoC,WAAZA,EAC3BJ,EAAQK,KAAKF,QACP,GAAIG,MAAMC,QAAQJ,IACxB,GAAIA,EAAID,OAAQ,CACf,IAAIM,EAAQf,EAAWgB,MAAM,KAAMN,GAC/BK,GACHR,EAAQK,KAAKG,EAEf,OACM,GAAgB,WAAZJ,EAAsB,CAChC,GAAID,EAAIO,WAAaC,OAAOC,UAAUF,WAAaP,EAAIO,SAASA,WAAWG,SAAS,iBAAkB,CACrGb,EAAQK,KAAKF,EAAIO,YACjB,QACD,CAEA,IAAK,IAAIvC,KAAOgC,EACXL,EAAOgB,KAAKX,EAAKhC,IAAQgC,EAAIhC,IAChC6B,EAAQK,KAAKlC,EAGhB,CAxBkB,CAyBnB,CAEA,OAAO6B,EAAQe,KAAK,IACrB,CAEqCC,EAAOC,SAC3CxB,EAAWyB,QAAUzB,EACrBuB,EAAOC,QAAUxB,QAKhB,KAFwB,EAAF,WACtB,OAAOA,CACP,UAFoB,OAEpB,YAIH,CApDA,kFCJI0B,QAA0B,GAA4B,KAE1DA,EAAwBd,KAAK,CAACW,EAAOI,GAAI,sgIAAugI,KAEhjI,QAAeD,EAAwBT","sources":["webpack:///./src/modern-style-treemap/index.tsx","webpack:///../../node_modules/classnames/index.js","webpack:///./src/data-view-variables.shadow.css"],"sourcesContent":["import React, { MouseEvent, CSSProperties, useMemo, useState } from \"react\";\nimport { createDecorators, EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport type { UseBrickConf } from \"@next-core/types\";\nimport { ReactUseMultipleBricks } from \"@next-core/react-runtime\";\nimport {\n  treemap,\n  hierarchy,\n  treemapBinary,\n  treemapDice,\n  treemapResquarify,\n  treemapSlice,\n  treemapSliceDice,\n  treemapSquarify,\n} from \"d3-hierarchy\";\nimport variablesStyleText from \"../data-view-variables.shadow.css\";\nimport styleText from \"./modern-style-treemap.shadow.css\";\nimport { useResizeObserver } from \"../hooks/index.js\";\nimport { debounceByAnimationFrame } from \"@next-shared/general/debounceByAnimationFrame\";\nimport { keyBy } from \"lodash\";\nimport classNames from \"classnames\";\n\nconst { defineElement, property, event } = createDecorators();\n\nenum TailTypes {\n  treemapBinary = \"treemapBinary\",\n  treemapDice = \"treemapDice\",\n  treemapResquarify = \"treemapResquarify\",\n  treemapSlice = \"treemapSlice\",\n  treemapSliceDice = \"treemapSliceDice\",\n  treemapSquarify = \"treemapSquarify\",\n}\n\ntype TreemapData = {\n  name: string;\n  value?: number;\n  children?: TreemapData[];\n};\n\ninterface ModernStyleTreemapProps {\n  data: TreemapData;\n  tail?: TailTypes;\n  leafUseBrick?: { useBrick: UseBrickConf };\n  leafContainerStyle?: CSSProperties;\n  tooltipUseBrick?: { useBrick: UseBrickConf };\n  tooltipStyle?: CSSProperties;\n  handleClick?: (value: TreemapData) => void;\n}\n\n/**\n * 现代风树图\n * @author nlicroshan\n * @category big-screen-content\n */\n@defineElement(\"data-view.modern-style-treemap\", {\n  styleTexts: [variablesStyleText, styleText],\n})\nclass ModernStyleTreemap\n  extends ReactNextElement\n  implements ModernStyleTreemapProps\n{\n  /**\n   * @kind TreemapData\n   * @required true\n   * @default -\n   * @description 数据\n   */\n  @property({\n    attribute: false,\n  })\n  accessor data: TreemapData;\n\n  /**\n   * @kind TailTypes\n   * @required false\n   * @default treemapSquarify\n   * @description 平铺方法\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tail: TailTypes = TailTypes[\"treemapSquarify\"];\n\n  /**\n   * @kind { useBrick: UseBrickConf }\n   * @required false\n   * @default -\n   * @description 叶子节点useBrick\n   */\n  @property({\n    attribute: false,\n  })\n  accessor leafUseBrick: { useBrick: UseBrickConf };\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description 叶子节点容器样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor leafContainerStyle: CSSProperties;\n\n  /**\n   * @kind { useBrick: UseBrickConf }\n   * @required false\n   * @default -\n   * @description tooltip useBrick\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tooltipUseBrick: { useBrick: UseBrickConf };\n\n  /**\n   * @kind CSSProperties\n   * @required false\n   * @default -\n   * @description tooltip容器样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor tooltipStyle: CSSProperties;\n\n  /**\n   * @detail\n   * @description 点击事件\n   */\n  @event({ type: \"treemap.click\" })\n  accessor #onClickEvent!: EventEmitter<TreemapData>;\n\n  #handleClick = (value: TreemapData) => {\n    this.#onClickEvent.emit(value);\n  };\n\n  render() {\n    return (\n      <ModernStyleTreemapElement\n        data={this.data}\n        tail={this.tail}\n        leafUseBrick={this.leafUseBrick}\n        leafContainerStyle={this.leafContainerStyle}\n        tooltipUseBrick={this.tooltipUseBrick}\n        tooltipStyle={this.tooltipStyle}\n        handleClick={this.#handleClick}\n      />\n    );\n  }\n}\n\nconst tailMap = {\n  [TailTypes[\"treemapBinary\"]]: treemapBinary,\n  [TailTypes[\"treemapDice\"]]: treemapDice,\n  [TailTypes[\"treemapResquarify\"]]: treemapResquarify,\n  [TailTypes[\"treemapSlice\"]]: treemapSlice,\n  [TailTypes[\"treemapSliceDice\"]]: treemapSliceDice,\n  [TailTypes[\"treemapSquarify\"]]: treemapSquarify,\n};\n\nfunction ModernStyleTreemapElement(\n  props: ModernStyleTreemapProps\n): React.ReactElement {\n  const {\n    data,\n    tail,\n    leafUseBrick,\n    leafContainerStyle,\n    tooltipUseBrick,\n    tooltipStyle,\n    handleClick,\n  } = props;\n\n  const [\n    wrapperRef,\n    { clientWidth: wrapperWidth, clientHeight: wrapperHeight },\n  ] = useResizeObserver<HTMLDivElement>();\n  const [tooltipRef, { clientHeight: tooltipHeight }] =\n    useResizeObserver<HTMLDivElement>();\n  const [mouseData, setMouseData] = useState<{\n    clientX: number;\n    clientY: number;\n    name?: string;\n  }>({ clientX: 0, clientY: 0 });\n  const [tooltipPosition, setTooltipPosition] = useState<string>();\n\n  const tooltipTransform = useMemo(() => {\n    if (!wrapperRef.current) return undefined;\n    const wrapperClientRect = wrapperRef.current.getBoundingClientRect();\n    // 缩放比例\n    const widthScale = wrapperClientRect.width / wrapperRef.current.clientWidth;\n    const heightScale =\n      wrapperClientRect.height / wrapperRef.current.clientHeight;\n    // 缩放后的偏移\n    let scaledLeft, placement;\n    const left = mouseData.clientX - wrapperClientRect.left;\n    let scaledTop = mouseData.clientY - wrapperClientRect.top;\n    const right = wrapperClientRect.right - mouseData.clientX;\n    const bottom = wrapperClientRect.bottom - mouseData.clientY;\n    // 处理边界问题\n    const { width, height } = tooltipRef.current.getBoundingClientRect();\n    scaledLeft = left + 16;\n    if (right < width) {\n      scaledLeft = left - width - 16;\n      placement = \"right\";\n    }\n    if (left < width) {\n      placement = \"left\";\n    }\n    if (bottom < height / 2 || scaledTop < height / 2) {\n      const topOrBottom = bottom < height / 2 ? \"bottom\" : \"top\";\n      scaledTop =\n        bottom < height / 2\n          ? scaledTop - height / 2 - 16\n          : scaledTop + height / 2 + 16;\n      if (placement === \"left\" && left - width / 2 < 0) {\n        placement = `${topOrBottom}-left`;\n        scaledLeft = left;\n      } else if (placement === \"right\" && right - width / 2 < 0) {\n        placement = `${topOrBottom}-right`;\n        scaledLeft = left - width;\n      } else {\n        placement = topOrBottom;\n        scaledLeft = left - width / 2;\n      }\n    }\n    setTooltipPosition(placement);\n    // 实际偏移\n    return {\n      left: `${scaledLeft / widthScale}px`,\n      top: `${scaledTop / heightScale - tooltipHeight / 2}px`,\n    };\n  }, [\n    wrapperRef,\n    mouseData.clientX,\n    mouseData.clientY,\n    tooltipRef,\n    tooltipHeight,\n  ]);\n\n  const hierarchyNode = useMemo(() => {\n    return hierarchy(data)\n      .sum((d) => d.value)\n      .sort((a, b) => b.value - a.value);\n  }, [data]);\n\n  const tm = useMemo(() => {\n    return treemap<TreemapData>()\n      .tile(tailMap[tail])\n      .size([wrapperWidth, wrapperHeight])\n      .padding(1)\n      .round(true);\n  }, [tail, wrapperWidth, wrapperHeight]);\n\n  const [leaves, leavesMap] = useMemo(() => {\n    // 这里只要hierarchyNode不变化，即使tm更新了，root、leaves还是同一个对象\n    const root = tm(hierarchyNode);\n    // 这里使用解构让leaves里面每个node变成新对象\n    const _leaves = root.leaves().map((v: any) => ({ ...v }));\n    return [_leaves, keyBy(_leaves, \"data.name\")];\n  }, [tm, hierarchyNode]);\n\n  const leavesNode = useMemo(() => {\n    return leaves.map((d) => {\n      const top = d.y0,\n        left = d.x0,\n        width = d.x1 - d.x0,\n        height = d.y1 - d.y0;\n\n      return (\n        <div\n          key={d.data.name}\n          className=\"treemap-leaf\"\n          data-leaf-id={d.data.name}\n          style={{\n            ...leafContainerStyle,\n            top: 0,\n            left: 0,\n            transform: `translate(${left}px, ${top}px)`,\n            width,\n            height,\n          }}\n          onClick={() => handleClick?.(d.data)}\n        >\n          {leafUseBrick?.useBrick && (\n            <ReactUseMultipleBricks useBrick={leafUseBrick.useBrick} data={d} />\n          )}\n        </div>\n      );\n    });\n  }, [handleClick, leafContainerStyle, leafUseBrick.useBrick, leaves]);\n\n  const curTooltipData = useMemo(() => {\n    return { ...leavesMap[mouseData.name] };\n  }, [leavesMap, mouseData.name]);\n\n  const handleMouseMove = useMemo(() => {\n    return debounceByAnimationFrame((e: MouseEvent<HTMLDivElement>) => {\n      const curLeaf = (e.target as HTMLDivElement).closest(\".treemap-leaf\");\n      const curName = curLeaf?.getAttribute(\"data-leaf-id\");\n      setMouseData((pre) => {\n        return {\n          clientX: e.clientX,\n          clientY: e.clientY,\n          name: curLeaf ? curName : pre.name,\n        };\n      });\n    });\n  }, []);\n\n  return (\n    <div className=\"wrapper\">\n      <div\n        className=\"treemap\"\n        ref={wrapperRef}\n        onMouseMove={handleMouseMove}\n        onMouseEnter={() => {\n          tooltipRef.current.style.visibility = \"visible\";\n        }}\n        onMouseLeave={() => {\n          tooltipRef.current.style.visibility = \"hidden\";\n        }}\n      >\n        {leavesNode}\n      </div>\n      <div\n        className={classNames(\"tooltip\", {\n          bottom: tooltipPosition === \"bottom\",\n          bottomRight: tooltipPosition === \"bottom-right\",\n          bottomLeft: tooltipPosition === \"bottom-left\",\n          topLeft: tooltipPosition === \"top-left\",\n          topRight: tooltipPosition === \"top-right\",\n          top: tooltipPosition === \"top\",\n          right: tooltipPosition === \"right\",\n        })}\n        style={{\n          ...tooltipStyle,\n          ...tooltipTransform,\n        }}\n        ref={tooltipRef}\n      >\n        {tooltipUseBrick?.useBrick && (\n          <ReactUseMultipleBricks\n            useBrick={tooltipUseBrick.useBrick}\n            data={curTooltipData}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { ModernStyleTreemap };\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\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\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n"],"names":["_ModernStyleTreemap","defineElement","property","event","createDecorators","TailTypes","_dec","styleTexts","variablesStyleText","styleText","_dec2","attribute","_dec3","_dec4","_dec5","_dec6","_dec7","_dec8","type","_A","WeakMap","_B","_C","_D","_E","_F","_G","_onClickEvent","_handleClick","ModernStyleTreemap","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","get","_get_onClickEvent2","set","_set_onClickEvent2","writable","value","_initProto","_init_data","_init_tail","_init_leafUseBrick","_init_leafContainerStyle","_init_tooltipUseBrick","_init_tooltipStyle","_init_onClickEvent","_classPrivateFieldGet","this","emit","data","v","_classPrivateFieldSet","tail","leafUseBrick","leafContainerStyle","tooltipUseBrick","tooltipStyle","render","React","ModernStyleTreemapElement","handleClick","_set_onClickEvent","_get_onClickEvent","_class","e","c","_initClass","_applyDecs","o","_","has","_checkInRHS","tailMap","treemapBinary","treemapDice","treemapResquarify","treemapSlice","treemapSliceDice","treemapSquarify","props","wrapperRef","clientWidth","wrapperWidth","clientHeight","wrapperHeight","useResizeObserver","tooltipRef","tooltipHeight","mouseData","setMouseData","useState","clientX","clientY","tooltipPosition","setTooltipPosition","tooltipTransform","useMemo","current","scaledLeft","placement","wrapperClientRect","getBoundingClientRect","widthScale","width","heightScale","height","left","scaledTop","top","right","bottom","topOrBottom","concat","hierarchyNode","hierarchy","sum","d","sort","a","b","tm","treemap","tile","size","padding","round","leaves","leavesMap","_leaves","map","_objectSpread","keyBy","leavesNode","y0","x0","x1","y1","key","name","className","style","transform","onClick","useBrick","ReactUseMultipleBricks","curTooltipData","handleMouseMove","debounceByAnimationFrame","curLeaf","target","closest","curName","getAttribute","pre","ref","onMouseMove","onMouseEnter","visibility","onMouseLeave","classNames","bottomRight","bottomLeft","topLeft","topRight","hasOwn","hasOwnProperty","classes","i","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","call","join","module","exports","default","___CSS_LOADER_EXPORT___","id"],"sourceRoot":""}

package/dist/chunks/{particle-animation.3e89a6bc.js → particle-animation.5119b7ed.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[9925,5628],{6461:(e,t,r)=>{r.r(t),r.d(t,{ParticleAnimation:()=>b,ParticleAnimationComponent:()=>j});var a,o,i,n,l,c,s,p,b,h=r(3395),g=r(381),u=r(687),d=r(5066),f=r(8657),m=r.n(f),v=r(7844),y=r(8835),w=r(6578),x=r(1043),{defineElement:Z,property:k}=(0,v.createDecorators)();o=Z("data-view.particle-animation",{styleTexts:[x.Z,w.Z]}),i=k({attribute:!1}),l=k({attribute:!1});var S=new WeakMap,z=new WeakMap;class E extends y.ReactNextElement{constructor(){super(...arguments),(0,h.Z)(this,S,{writable:!0,value:(s(this),n(this))}),(0,h.Z)(this,z,{writable:!0,value:c(this)})}get colors(){return(0,u.Z)(this,S)}set colors(e){(0,g.Z)(this,S,e)}get containerStyle(){return(0,u.Z)(this,z)}set containerStyle(e){(0,g.Z)(this,z,e)}render(){return m().createElement(j,{colors:this.colors,containerStyle:this.containerStyle})}}function j(e){var{colors:t,containerStyle:r}=e,a=new Array(8).fill(2);return m().createElement("div",{className:"animation-wrapper",style:r},[{h:29,w:1,left:"10%",bottom:"5%"},{h:23,w:2,left:"45%",bottom:"0"},{h:29,w:2,left:"90%",bottom:"20%"},{h:23,w:1,left:"40%",bottom:"20%"},{h:42,w:3,left:"50%",bottom:"30%"}].map(((e,r)=>{var a={width:"".concat(e.w,"px"),height:"".concat(e.h,"px"),background:"linear-gradient(0deg,  ".concat(t.startColor," 0%, ").concat(t.middleColor," 72%,  ").concat(t.endColor," 100%)")};return m().createElement("div",{className:"particle-wrapper",key:r,style:{width:"".concat(e.w,"px"),height:"".concat(2*e.h,"px"),bottom:e.bottom,left:e.left}},m().createElement("div",{className:"particle",style:a}),m().createElement("div",{className:"delay",style:a}))})),m().createElement("div",{className:"circle-container",style:{color:t.middleColor}},a.map(((e,t)=>m().createElement("div",{className:"circle",key:t})))),m().createElement("slot",null))}p=E,({e:[n,c,s],c:[b,a]}=(0,d.Z)(p,[[i,1,"colors"],[l,1,"containerStyle"]],[o],0,void 0,y.ReactNextElement)),a()},1043:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),o=r.n(a),i=r(2609),n=r.n(i)()(o());n.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const l=n.toString()},6578:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),o=r.n(a),i=r(2609),n=r.n(i)()(o());n.push([e.id,".animation-wrapper{width:125px;height:125px;position:relative;overflow-y:hidden}.particle-wrapper{position:absolute;overflow-y:hidden}.particle{position:absolute;filter:blur(0.5px);border-radius:4px 4px 10px 10px;animation:animParticle 1.2s linear infinite;opacity:1}.delay{position:absolute;filter:blur(0.5px);border-radius:2px 2px 10px 10px;animation:animParticle 1.2s linear 0.5s infinite;opacity:1}.circle-container{width:100%;height:100%;position:absolute}.circle{background:currentColor;filter:blur(1px);border-radius:50%;position:absolute;mix-blend-mode:screen}.circle-container > .circle:nth-child(1){width:2px;height:2px;left:25%;bottom:10%;animation:circle-move-1 1.2s linear infinite}.circle-container > .circle:nth-child(2){width:3px;height:3px;left:30%;bottom:20%;animation:circle-move-2 2s linear infinite}.circle-container > .circle:nth-child(3){width:4px;height:4px;left:20%;bottom:30%;animation:circle-move-3 1.4s linear infinite}.circle-container > .circle:nth-child(4){width:2px;height:2px;left:40%;bottom:25%;animation:circle-move-4 1.5s linear infinite}.circle-container > .circle:nth-child(5){width:3px;height:3px;left:55%;bottom:30%;animation:circle-move-5 1.2s linear infinite}.circle-container > .circle:nth-child(6){width:2px;height:2px;left:60%;bottom:18%;animation:circle-move-6 1.8s linear infinite}.circle-container > .circle:nth-child(7){width:3px;height:3px;left:68%;bottom:10%;animation:circle-move-7 2s linear infinite}.circle-container > .circle:nth-child(8){width:4px;height:4px;left:76%;bottom:15%;animation:circle-move-8 1.8s linear infinite}@keyframes animParticle{0%{bottom:0;opacity:1}25%{bottom:50%;opacity:0.7}50%{bottom:75%;opacity:0.5}75%{bottom:100%;opacity:0.3}100%{bottom:125%;opacity:0.1}}@keyframes circle-move-1{from{bottom:10%}to{bottom:120%}}@keyframes circle-move-2{from{bottom:20%}to{bottom:120%}}@keyframes circle-move-3{from{bottom:30%}to{bottom:120%}}@keyframes circle-move-4{from{bottom:25%}to{bottom:145%}}@keyframes circle-move-5{from{bottom:30%}to{bottom:150%}}@keyframes circle-move-6{from{bottom:60%}to{bottom:180%}}@keyframes circle-move-7{from{bottom:10%}to{bottom:110%}}@keyframes circle-move-8{from{bottom:18%}to{bottom:120%}}",""]);const l=n.toString()},2609:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",a=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),a&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),a&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,a,o,i){"string"==typeof e&&(e=[[null,e,void 0]]);var n={};if(a)for(var l=0;l<this.length;l++){var c=this[l][0];null!=c&&(n[c]=!0)}for(var s=0;s<e.length;s++){var p=[].concat(e[s]);a&&n[p[0]]||(void 0!==i&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=i),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),o&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=o):p[4]="".concat(o)),t.push(p))}},t}},9601:e=>{e.exports=function(e){return e[1]}},5066:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(6522),o=r(1815);function i(e,t,r){"symbol"==(0,a.Z)(t)&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:r?r+" "+t:t})}catch(e){}return e}var n=r(5850);function l(e,t,r,l,c,s){function p(e,t,r){return function(a,o){return r&&r(a),e[t].call(a,o)}}function b(e,t){for(var r=0;r<e.length;r++)e[r].call(t);return t}function h(e,t,r,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(r||"be")+" a function"+(a?"":" or undefined"));return e}function g(e,t,r,o,n,l,c,s,b,g,u,d,f){function m(e){if(!f(e))throw new TypeError("Attempted to access private element on non-instance")}var v,y,w=t[0],x=t[3],Z=!s;if(!Z){r||Array.isArray(w)||(w=[w]);var k={},S=[],z=3===n?"get":4===n||d?"set":"value";g?(u||d?k={get:i((function(){return x(this)}),o,"get"),set:function(e){t[4](this,e)}}:k[z]=x,u||i(k[z],o,2===n?"":z)):u||(k=Object.getOwnPropertyDescriptor(e,o))}for(var E=w.length-1;E>=0;E-=r?2:1){var j=w[E],P=r?w[E-1]:void 0,A={},T={kind:["field","accessor","method","getter","setter","field","class"][n],name:o,metadata:l,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");h(t,"An initializer","be",!0),c.push(t)}.bind(null,A)};try{if(Z)y=j.call(P,e,T);else{var C,N;T.static=b,T.private=g,g||!u&&2!==n?2===n?C=function(e){return m(e),k.value}:((n<2||3===n)&&(C=p(k,"get",g&&m)),(n<2||4===n)&&(N=p(k,"set",g&&m))):(C=function(e){return e[o]},u&&(N=function(e,t){e[o]=t}));var _=T.access={has:g?f.bind():function(e){return o in e}};if(C&&(_.get=C),N&&(_.set=N),y=j.call(P,d?{get:k.get,set:k.set}:k[z],T),d){if("object"==(0,a.Z)(y)&&y)(v=h(y.get,"accessor.get"))&&(k.get=v),(v=h(y.set,"accessor.set"))&&(k.set=v),(v=h(y.init,"accessor.init"))&&S.push(v);else if(void 0!==y)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else h(y,(u?"field":"method")+" decorators","return")&&(u?S.push(y):k[z]=y)}}finally{A.v=!0}}return(u||d)&&s.push((function(e,t){for(var r=S.length-1;r>=0;r--)t=S[r].call(e,t);return t})),u||Z||(g?d?s.push(p(k,"get"),p(k,"set")):s.push(2===n?k[z]:p.call.bind(k[z])):Object.defineProperty(e,o,k)),y}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=s[Symbol.metadata||Symbol.for("Symbol.metadata")];var f=Object.create(null==d?null:d),m=function(e,t,r,a){var i,l,c=[],s=function(t){return(0,o.Z)(t)===e},p=new Map;function h(e){e&&c.push(b.bind(null,e))}for(var u=0;u<t.length;u++){var d=t[u];if(Array.isArray(d)){var f=d[1],m=d[2],v=d.length>3,y=16&f,w=!!(8&f),x=0==(f&=7),Z=m+"/"+w;if(!x&&!v){var k=p.get(Z);if(!0===k||3===k&&4!==f||4===k&&3!==f)throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+m);p.set(Z,!(f>2)||f)}g(w?e:e.prototype,d,y,v?"#"+m:(0,n.Z)(m),f,a,w?l=l||[]:i=i||[],c,w,v,x,1===f,w&&v?s:r)}}return h(i),h(l),c}(e,t,c,f);return r.length||u(e,f),{e:m,get c(){var t=[];return r.length&&[u(h(g(e,[r],l,e.name,5,f,t),"class decorators","return")||e,f),b.bind(null,t,e)]}}}},1815:(e,t,r)=>{r.d(t,{Z:()=>o});var a=r(6522);function o(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,a.Z)(e):"null"));return e}},5863:(e,t,r)=>{function a(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(t,{Z:()=>a})},175:(e,t,r)=>{function a(e,t,r){if(!t.has(e))throw new TypeError("attempted to "+r+" private field on non-instance");return t.get(e)}r.d(t,{Z:()=>a})},687:(e,t,r)=>{r.d(t,{Z:()=>o});var a=r(175);function o(e,t){return function(e,t){return t.get?t.get.call(e):t.value}(e,(0,a.Z)(e,t,"get"))}},3395:(e,t,r)=>{r.d(t,{Z:()=>o});var a=r(5863);function o(e,t,r){(0,a.Z)(e,t),t.set(e,r)}},381:(e,t,r)=>{r.d(t,{Z:()=>o});var a=r(175);function o(e,t,r){return function(e,t,r){if(t.set)t.set.call(e,r);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=r}}(e,(0,a.Z)(e,t,"set"),r),r}},5850:(e,t,r)=>{r.d(t,{Z:()=>o});var a=r(6522);function o(e){var t=function(e,t){if("object"!=(0,a.Z)(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,"string");if("object"!=(0,a.Z)(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,a.Z)(t)?t:String(t)}},6522:(e,t,r)=>{function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}r.d(t,{Z:()=>a})}}]);
-//# sourceMappingURL=particle-animation.3e89a6bc.js.map
+"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[9925,5628],{6461:(e,t,r)=>{r.r(t),r.d(t,{ParticleAnimation:()=>b,ParticleAnimationComponent:()=>j});var a,o,i,n,l,c,s,p,b,h=r(3395),g=r(381),u=r(687),d=r(5066),f=r(8657),m=r.n(f),v=r(7765),y=r(5761),w=r(6578),x=r(1043),{defineElement:Z,property:k}=(0,v.createDecorators)();o=Z("data-view.particle-animation",{styleTexts:[x.Z,w.Z]}),i=k({attribute:!1}),l=k({attribute:!1});var S=new WeakMap,z=new WeakMap;class E extends y.ReactNextElement{constructor(){super(...arguments),(0,h.Z)(this,S,{writable:!0,value:(s(this),n(this))}),(0,h.Z)(this,z,{writable:!0,value:c(this)})}get colors(){return(0,u.Z)(this,S)}set colors(e){(0,g.Z)(this,S,e)}get containerStyle(){return(0,u.Z)(this,z)}set containerStyle(e){(0,g.Z)(this,z,e)}render(){return m().createElement(j,{colors:this.colors,containerStyle:this.containerStyle})}}function j(e){var{colors:t,containerStyle:r}=e,a=new Array(8).fill(2);return m().createElement("div",{className:"animation-wrapper",style:r},[{h:29,w:1,left:"10%",bottom:"5%"},{h:23,w:2,left:"45%",bottom:"0"},{h:29,w:2,left:"90%",bottom:"20%"},{h:23,w:1,left:"40%",bottom:"20%"},{h:42,w:3,left:"50%",bottom:"30%"}].map(((e,r)=>{var a={width:"".concat(e.w,"px"),height:"".concat(e.h,"px"),background:"linear-gradient(0deg,  ".concat(t.startColor," 0%, ").concat(t.middleColor," 72%,  ").concat(t.endColor," 100%)")};return m().createElement("div",{className:"particle-wrapper",key:r,style:{width:"".concat(e.w,"px"),height:"".concat(2*e.h,"px"),bottom:e.bottom,left:e.left}},m().createElement("div",{className:"particle",style:a}),m().createElement("div",{className:"delay",style:a}))})),m().createElement("div",{className:"circle-container",style:{color:t.middleColor}},a.map(((e,t)=>m().createElement("div",{className:"circle",key:t})))),m().createElement("slot",null))}p=E,({e:[n,c,s],c:[b,a]}=(0,d.Z)(p,[[i,1,"colors"],[l,1,"containerStyle"]],[o],0,void 0,y.ReactNextElement)),a()},1043:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),o=r.n(a),i=r(2609),n=r.n(i)()(o());n.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const l=n.toString()},6578:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),o=r.n(a),i=r(2609),n=r.n(i)()(o());n.push([e.id,".animation-wrapper{width:125px;height:125px;position:relative;overflow-y:hidden}.particle-wrapper{position:absolute;overflow-y:hidden}.particle{position:absolute;filter:blur(0.5px);border-radius:4px 4px 10px 10px;animation:animParticle 1.2s linear infinite;opacity:1}.delay{position:absolute;filter:blur(0.5px);border-radius:2px 2px 10px 10px;animation:animParticle 1.2s linear 0.5s infinite;opacity:1}.circle-container{width:100%;height:100%;position:absolute}.circle{background:currentColor;filter:blur(1px);border-radius:50%;position:absolute;mix-blend-mode:screen}.circle-container > .circle:nth-child(1){width:2px;height:2px;left:25%;bottom:10%;animation:circle-move-1 1.2s linear infinite}.circle-container > .circle:nth-child(2){width:3px;height:3px;left:30%;bottom:20%;animation:circle-move-2 2s linear infinite}.circle-container > .circle:nth-child(3){width:4px;height:4px;left:20%;bottom:30%;animation:circle-move-3 1.4s linear infinite}.circle-container > .circle:nth-child(4){width:2px;height:2px;left:40%;bottom:25%;animation:circle-move-4 1.5s linear infinite}.circle-container > .circle:nth-child(5){width:3px;height:3px;left:55%;bottom:30%;animation:circle-move-5 1.2s linear infinite}.circle-container > .circle:nth-child(6){width:2px;height:2px;left:60%;bottom:18%;animation:circle-move-6 1.8s linear infinite}.circle-container > .circle:nth-child(7){width:3px;height:3px;left:68%;bottom:10%;animation:circle-move-7 2s linear infinite}.circle-container > .circle:nth-child(8){width:4px;height:4px;left:76%;bottom:15%;animation:circle-move-8 1.8s linear infinite}@keyframes animParticle{0%{bottom:0;opacity:1}25%{bottom:50%;opacity:0.7}50%{bottom:75%;opacity:0.5}75%{bottom:100%;opacity:0.3}100%{bottom:125%;opacity:0.1}}@keyframes circle-move-1{from{bottom:10%}to{bottom:120%}}@keyframes circle-move-2{from{bottom:20%}to{bottom:120%}}@keyframes circle-move-3{from{bottom:30%}to{bottom:120%}}@keyframes circle-move-4{from{bottom:25%}to{bottom:145%}}@keyframes circle-move-5{from{bottom:30%}to{bottom:150%}}@keyframes circle-move-6{from{bottom:60%}to{bottom:180%}}@keyframes circle-move-7{from{bottom:10%}to{bottom:110%}}@keyframes circle-move-8{from{bottom:18%}to{bottom:120%}}",""]);const l=n.toString()},2609:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",a=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),a&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),a&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,a,o,i){"string"==typeof e&&(e=[[null,e,void 0]]);var n={};if(a)for(var l=0;l<this.length;l++){var c=this[l][0];null!=c&&(n[c]=!0)}for(var s=0;s<e.length;s++){var p=[].concat(e[s]);a&&n[p[0]]||(void 0!==i&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=i),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),o&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=o):p[4]="".concat(o)),t.push(p))}},t}},9601:e=>{e.exports=function(e){return e[1]}},5066:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(6522),o=r(1815);function i(e,t,r){"symbol"==(0,a.Z)(t)&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:r?r+" "+t:t})}catch(e){}return e}var n=r(5850);function l(e,t,r,l,c,s){function p(e,t,r){return function(a,o){return r&&r(a),e[t].call(a,o)}}function b(e,t){for(var r=0;r<e.length;r++)e[r].call(t);return t}function h(e,t,r,a){if("function"!=typeof e&&(a||void 0!==e))throw new TypeError(t+" must "+(r||"be")+" a function"+(a?"":" or undefined"));return e}function g(e,t,r,o,n,l,c,s,b,g,u,d,f){function m(e){if(!f(e))throw new TypeError("Attempted to access private element on non-instance")}var v,y,w=t[0],x=t[3],Z=!s;if(!Z){r||Array.isArray(w)||(w=[w]);var k={},S=[],z=3===n?"get":4===n||d?"set":"value";g?(u||d?k={get:i((function(){return x(this)}),o,"get"),set:function(e){t[4](this,e)}}:k[z]=x,u||i(k[z],o,2===n?"":z)):u||(k=Object.getOwnPropertyDescriptor(e,o))}for(var E=w.length-1;E>=0;E-=r?2:1){var j=w[E],P=r?w[E-1]:void 0,A={},T={kind:["field","accessor","method","getter","setter","field","class"][n],name:o,metadata:l,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");h(t,"An initializer","be",!0),c.push(t)}.bind(null,A)};try{if(Z)y=j.call(P,e,T);else{var C,N;T.static=b,T.private=g,g||!u&&2!==n?2===n?C=function(e){return m(e),k.value}:((n<2||3===n)&&(C=p(k,"get",g&&m)),(n<2||4===n)&&(N=p(k,"set",g&&m))):(C=function(e){return e[o]},u&&(N=function(e,t){e[o]=t}));var _=T.access={has:g?f.bind():function(e){return o in e}};if(C&&(_.get=C),N&&(_.set=N),y=j.call(P,d?{get:k.get,set:k.set}:k[z],T),d){if("object"==(0,a.Z)(y)&&y)(v=h(y.get,"accessor.get"))&&(k.get=v),(v=h(y.set,"accessor.set"))&&(k.set=v),(v=h(y.init,"accessor.init"))&&S.push(v);else if(void 0!==y)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else h(y,(u?"field":"method")+" decorators","return")&&(u?S.push(y):k[z]=y)}}finally{A.v=!0}}return(u||d)&&s.push((function(e,t){for(var r=S.length-1;r>=0;r--)t=S[r].call(e,t);return t})),u||Z||(g?d?s.push(p(k,"get"),p(k,"set")):s.push(2===n?k[z]:p.call.bind(k[z])):Object.defineProperty(e,o,k)),y}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=s[Symbol.metadata||Symbol.for("Symbol.metadata")];var f=Object.create(null==d?null:d),m=function(e,t,r,a){var i,l,c=[],s=function(t){return(0,o.Z)(t)===e},p=new Map;function h(e){e&&c.push(b.bind(null,e))}for(var u=0;u<t.length;u++){var d=t[u];if(Array.isArray(d)){var f=d[1],m=d[2],v=d.length>3,y=16&f,w=!!(8&f),x=0==(f&=7),Z=m+"/"+w;if(!x&&!v){var k=p.get(Z);if(!0===k||3===k&&4!==f||4===k&&3!==f)throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+m);p.set(Z,!(f>2)||f)}g(w?e:e.prototype,d,y,v?"#"+m:(0,n.Z)(m),f,a,w?l=l||[]:i=i||[],c,w,v,x,1===f,w&&v?s:r)}}return h(i),h(l),c}(e,t,c,f);return r.length||u(e,f),{e:m,get c(){var t=[];return r.length&&[u(h(g(e,[r],l,e.name,5,f,t),"class decorators","return")||e,f),b.bind(null,t,e)]}}}},1815:(e,t,r)=>{r.d(t,{Z:()=>o});var a=r(6522);function o(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,a.Z)(e):"null"));return e}},5863:(e,t,r)=>{function a(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(t,{Z:()=>a})},175:(e,t,r)=>{function a(e,t,r){if(!t.has(e))throw new TypeError("attempted to "+r+" private field on non-instance");return t.get(e)}r.d(t,{Z:()=>a})},687:(e,t,r)=>{r.d(t,{Z:()=>o});var a=r(175);function o(e,t){return function(e,t){return t.get?t.get.call(e):t.value}(e,(0,a.Z)(e,t,"get"))}},3395:(e,t,r)=>{r.d(t,{Z:()=>o});var a=r(5863);function o(e,t,r){(0,a.Z)(e,t),t.set(e,r)}},381:(e,t,r)=>{r.d(t,{Z:()=>o});var a=r(175);function o(e,t,r){return function(e,t,r){if(t.set)t.set.call(e,r);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=r}}(e,(0,a.Z)(e,t,"set"),r),r}},5850:(e,t,r)=>{r.d(t,{Z:()=>o});var a=r(6522);function o(e){var t=function(e,t){if("object"!=(0,a.Z)(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,"string");if("object"!=(0,a.Z)(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,a.Z)(t)?t:String(t)}},6522:(e,t,r)=>{function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}r.d(t,{Z:()=>a})}}]);
+//# sourceMappingURL=particle-animation.5119b7ed.js.map