@next-bricks/data-view 1.10.3 → 1.10.4

package/dist/chunks/complex-search.94ff4d73.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[5994,2052],{98414:(e,t,r)=>{r.d(t,{I:()=>o,K:()=>a,NS:()=>n});let a=function(e){return e.EMPTY_DATA="EMPTY_DATA",e}({});const n="bricks/data-view/complex-search",o={en:{EMPTY_DATA:"Empty data"},zh:{EMPTY_DATA:"空数据"}}},66060:(e,t,r)=>{r.r(t),r.d(t,{ComplexSearch:()=>re,ComplexSearchComponent:()=>be});var a,n=r(89575),o=r(24586),i=r(74635),l=r(70918),s=r(26902),c=r(5536),p=r(86121),u=r(70829),h=r(62740),d=r(18769),b=r.n(d),g=r(65821),f=r(79476),v=r(79935),m=r(69994),x=r(7084),w=r(5747),y=r(98414),A=r(41856);let k,E,z,S,M,T,B,I,j,N,C,W,P,_,D,O,R,U,F,Y,K,L,q,G,H,J,Q,V,X;const{defineElement:Z,property:$,event:ee}=(0,g.createDecorators)();(0,w.initializeReactI18n)(y.NS,y.I);const te=(0,f.wrapBrick)("eo-icon");let re;var ae=new WeakMap,ne=new WeakMap,oe=new WeakMap,ie=new WeakMap,le=new WeakMap,se=new WeakSet,ce=new WeakMap,pe=new WeakMap,ue=new WeakMap,he=new WeakMap;class de extends f.ReactNextElement{constructor(){super(...arguments),(0,i.A)(this,se),(0,l.A)(this,ae,E(this)),(0,l.A)(this,ne,(z(this),S(this))),(0,l.A)(this,oe,(M(this),T(this))),(0,l.A)(this,ie,(B(this),I(this))),(0,l.A)(this,le,(j(this),N(this))),(0,l.A)(this,ce,(P(this),_(this))),(0,l.A)(this,pe,(R(this),U(this))),(0,l.A)(this,ue,(K(this),L(this))),(0,l.A)(this,he,(H(this),J(this))),(0,o.A)(this,"handleInputChange",(X(this),e=>{(0,c.A)(se,this,C).emit(e)})),(0,o.A)(this,"handleSearch",(e=>{(0,c.A)(se,this,D).emit(e)})),(0,o.A)(this,"handleFocus",(()=>{(0,c.A)(se,this,q).emit()})),(0,o.A)(this,"handleBlur",(()=>{(0,c.A)(se,this,Q).emit()})),(0,o.A)(this,"handleSelect",(e=>{(0,c.A)(se,this,F).emit(e)}))}get value(){return(0,u.A)(ae,this)}set value(e){(0,p.A)(ae,this,e)}get placeholder(){return(0,u.A)(ne,this)}set placeholder(e){(0,p.A)(ne,this,e)}get options(){return(0,u.A)(oe,this)}set options(e){(0,p.A)(oe,this,e)}get tooltipUseBrick(){return(0,u.A)(ie,this)}set tooltipUseBrick(e){(0,p.A)(ie,this,e)}render(){return b().createElement(be,{value:this.value,onInputChange:this.handleInputChange,onSearch:this.handleSearch,onBlur:this.handleBlur,onFocus:this.handleFocus,tooltipUseBrick:this.tooltipUseBrick,placeholder:this.placeholder,onSelect:this.handleSelect,options:this.options})}}function be(e){const{onInputChange:t,onSearch:r,onBlur:a,onFocus:o,tooltipUseBrick:i,placeholder:l,onSelect:s,options:c=[]}=e,{t:p}=(0,w.useTranslation)(y.NS),[u,h]=(0,d.useState)(!1),g=(0,d.useRef)(null),[f,v]=(0,d.useState)(!1),[m,k]=(0,d.useState)(),[E,z]=(0,d.useState)(0),[S,M]=(0,d.useState)(!1),[T,B]=(0,d.useState)(e.value);(0,d.useEffect)((()=>{B(e.value)}),[e.value]),(0,d.useEffect)((()=>{h(!!T)}),[T]);const I=e=>{e.composedPath().some((e=>e===g.current))||v(!1)},j=(0,d.useMemo)((()=>null!=i&&i.useBrick?b().createElement("div",{className:"dropdownMenuItemTooltip",style:{top:E,visibility:S?"visible":"hidden",opacity:S?1:0},onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1)},b().createElement("div",{className:"useBrickWrapper"},b().createElement(x.ReactUseMultipleBricks,{useBrick:i.useBrick,data:m||{}}))):void 0),[m,i,E,S]);return(0,d.useEffect)((()=>(document.addEventListener("click",I),()=>document.removeEventListener("click",I))),[]),b().createElement("div",{className:"wrapper",ref:g},b().createElement("div",{className:"inputWrapper"},b().createElement("input",{placeholder:l,value:null!=T?T:"",type:"text",onChange:e=>{return r=e.target.value,B(r),t(r),void v(!0);var r},onFocus:()=>{v(!0),o()},onBlur:a,onKeyDown:e=>{"Enter"===e.key&&(v(!1),B(e.target.value),r(e.target.value))}}),b().createElement(te,{className:"searchIcon icon",lib:"antd",icon:"search",theme:"outlined"}),u&&b().createElement(te,{className:"clearIcon icon",onClick:()=>{B(null),t(""),v(!1)},lib:"antd",icon:"close-circle",theme:"filled"})),b().createElement("div",{className:"dropdownWrapper",style:{visibility:f?"visible":"hidden"}},c.length?b().createElement("div",{className:"dropdownMenu"},c.map(((e,t)=>b().createElement("div",{className:"dropdownMenuItem",key:t,onMouseEnter:t=>((e,t)=>{k(t),M(!0);const r=e.target.getBoundingClientRect().top-g.current.getBoundingClientRect().top;z(r)})(t,e),onMouseLeave:()=>M(!1),onClick:()=>{return B((t=e).name),s(t),void v(!1);var t}},b().createElement(te,(0,n.A)({},e.icon,{className:"menuIcon"})),b().createElement("span",{className:"menuTitle"},e.name))))):b().createElement("div",{className:"emptyData"},b().createElement("img",{src:A,alt:p(y.K.EMPTY_DATA)}),b().createElement("span",null,p(y.K.EMPTY_DATA)))),j)}a=de,({e:[E,z,S,M,T,B,I,j,N,C,W,P,_,D,O,R,U,F,Y,K,L,q,G,H,J,Q,V,X],c:[re,k]}=(0,h.A)(a,[Z("data-view.complex-search",{styleTexts:[v.A,m.A]})],[[$(),1,"value"],[$(),1,"placeholder"],[$({attribute:!1}),1,"options"],[$({attribute:!1}),1,"tooltipUseBrick"],[ee({type:"change"}),1,"inputChangeEvent",e=>(0,u.A)(le,e),(e,t)=>(0,p.A)(le,e,t)],[ee({type:"search"}),1,"onSearchEvent",e=>(0,u.A)(ce,e),(e,t)=>(0,p.A)(ce,e,t)],[ee({type:"select"}),1,"onSelectEvent",e=>(0,u.A)(pe,e),(e,t)=>(0,p.A)(pe,e,t)],[ee({type:"focus"}),1,"onFocusEvent",e=>(0,u.A)(ue,e),(e,t)=>(0,p.A)(ue,e,t)],[ee({type:"blur"}),1,"onBlurEvent",e=>(0,u.A)(he,e),(e,t)=>(0,p.A)(he,e,t)]],0,(e=>se.has((0,s.A)(e))),f.ReactNextElement)),k()},69994:(e,t,r)=>{r.d(t,{A:()=>l});var a=r(36758),n=r.n(a),o=r(40935),i=r.n(o)()(n());i.push([e.id,'.wrapper{width:100%;position:relative}.inputWrapper{width:100%;height:32px;position:relative}input{height:100%;line-height:32px;border:none;width:100%;box-sizing:border-box;padding:0 32px;background:var(--color-fill-bg-base-1);border-radius:var(--medius-border-radius);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400);color:var(--color-normal-text)}input::placeholder{color:var(--color-disabled-text);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400)}input:not(:disabled):focus{border:none;outline:0}.icon{position:absolute;color:var(--color-normal-text);opacity:0.6}.searchIcon{left:10px;top:6px;font-size:16px}.clearIcon{right:10px;top:7px;font-size:14px}.dropdownWrapper{width:100%;height:336px;margin:5px 0;padding:8px 0;box-sizing:border-box;position:absolute;z-index:900;overflow:auto;background:var(--color-fill-bg-base-1);border-radius:var(--medius-border-radius);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.emptyData{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--color-disabled-text);gap:20px}.emptyData img{width:62px}.dropdownMenu{overflow-y:auto}.dropdownMenuItem{padding:6px 18px;color:var(--color-normal-text);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400);display:flex;align-items:center;gap:6px;height:32px;line-height:20px;box-sizing:border-box;cursor:pointer}.menuTitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menuIcon{font-size:20px}.dropdownMenuItem:hover{border-radius:var(--no-border-radius);background:var(--color-fill-bg-container-1)}.dropdownMenuItemTooltip{position:absolute;width:324px;left:-325px;top:0;background:var(--color-fill-bg-base-4);border-radius:var(--medius-border-radius)}.dropdownMenuItemTooltip:before{content:"";position:absolute;top:0;width:100%;height:100%;left:0;background:#282e3a linear-gradient(186deg,rgba(51,102,255,0.3) 0%,rgba(51,102,255,0) 100%);border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.useBrickWrapper{position:relative;min-height:100px;max-height:465px;overflow:auto}',""]);const l=i.toString()},79935:(e,t,r)=>{r.d(t,{A:()=>l});var a=r(36758),n=r.n(a),o=r(40935),i=r.n(o)()(n());i.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=i.toString()},40935: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 i={};if(a)for(var l=0;l<this.length;l++){var s=this[l][0];null!=s&&(i[s]=!0)}for(var c=0;c<e.length;c++){var p=[].concat(e[c]);a&&i[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}},36758:e=>{e.exports=function(e){return e[1]}},41856:(e,t,r)=>{e.exports=r.p+"images/6d954a25.png"},62740:(e,t,r)=>{r.d(t,{A:()=>l});var a=r(17545),n=r(26902);function o(e,t,r){"symbol"==(0,a.A)(t)&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:r?r+" "+t:t})}catch(e){}return e}var i=r(11369);function l(e,t,r,l,s,c){var p,u,h,d,b,g,f,v=Symbol.metadata||Symbol.for("Symbol.metadata"),m=Object.defineProperty,x=Object.create,w=[x(null),x(null)],y=t.length;function A(t,r,a){return function(n,o){r&&(o=n,n=e);for(var i=0;i<t.length;i++)o=t[i].apply(n,a?[o]:[]);return a?o:n}}function k(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 E(e,t,r,n,i,l,s,c,h,d,b){function g(e){if(!b(e))throw new TypeError("Attempted to access private element on non-instance")}var f=[].concat(t[0]),v=t[3],x=!s,y=1===i,E=3===i,z=4===i,S=2===i;function M(t,r,a){return function(n,o){return r&&(o=n,n=e),a&&a(n),T[t].call(n,o)}}if(!x){var T={},B=[],I=E?"get":z||y?"set":"value";if(h?(d||y?T={get:o((function(){return v(this)}),n,"get"),set:function(e){t[4](this,e)}}:T[I]=v,d||o(T[I],n,S?"":I)):d||(T=Object.getOwnPropertyDescriptor(e,n)),!d&&!h){if((u=w[+c][n])&&7!=(u^i))throw Error("Decorating two elements with the same name ("+T[I].name+") is not supported yet");w[+c][n]=i<3?1:i}}for(var j=e,N=f.length-1;N>=0;N-=r?2:1){var C=k(f[N],"A decorator","be",!0),W=r?f[N-1]:void 0,P={},_={kind:["field","accessor","method","getter","setter","class"][i],name:n,metadata:p,addInitializer:function(e,t){if(e.v)throw Error("attempted to call addInitializer after decoration was finished");k(t,"An initializer","be",!0),l.push(t)}.bind(null,P)};if(x)u=C.call(W,j,_),P.v=1,k(u,"class decorators","return")&&(j=u);else if(_.static=c,_.private=h,u=_.access={has:h?b.bind():function(e){return n in e}},z||(u.get=h?S?function(e){return g(e),T.value}:M("get",0,g):function(e){return e[n]}),S||E||(u.set=h?M("set",0,g):function(e,t){e[n]=t}),j=C.call(W,y?{get:T.get,set:T.set}:T[I],_),P.v=1,y){if("object"==(0,a.A)(j)&&j)(u=k(j.get,"accessor.get"))&&(T.get=u),(u=k(j.set,"accessor.set"))&&(T.set=u),(u=k(j.init,"accessor.init"))&&B.unshift(u);else if(void 0!==j)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else k(j,(d?"field":"method")+" decorators","return")&&(d?B.unshift(j):T[I]=j)}return i<2&&s.push(A(B,c,1),A(l,c,0)),d||x||(h?y?s.splice(-1,0,M("get",c),M("set",c)):s.push(S?T[I]:k.call.bind(T[I])):m(e,n,T)),j}function z(e){return m(e,v,{configurable:!0,enumerable:!0,value:p})}return void 0!==c&&(p=c[v]),p=x(null==p?null:p),b=[],g=function(e){e&&b.push(A(e))},f=function(t,a){for(var o=0;o<r.length;o++){var l=r[o],c=l[1],p=7&c;if((8&c)==t&&!p==a){var u=l[2],g=!!l[3],f=16&c;E(t?e:e.prototype,l,f,g?"#"+u:(0,i.A)(u),p,p<2?[]:t?d=d||[]:h=h||[],b,!!t,g,a,t&&g?function(t){return(0,n.A)(t)===e}:s)}}},f(8,0),f(0,0),f(8,1),f(0,1),g(h),g(d),u=b,y||z(e),{e:u,get c(){var r=[];return y&&[z(e=E(e,[t],l,e.name,5,r)),A(r,1)]}}}},12559:(e,t,r)=>{function a(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}r.d(t,{A:()=>a})},26902:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(17545);function n(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,a.A)(e):"null"));return e}},72016:(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,{A:()=>a})},70829:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(12559);function n(e,t){return e.get((0,a.A)(e,t))}},70918:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(72016);function n(e,t,r){(0,a.A)(e,t),t.set(e,r)}},86121:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(12559);function n(e,t,r){return e.set((0,a.A)(e,t),r),r}},5536:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(12559);function n(e,t,r){return r((0,a.A)(e,t))}},74635:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(72016);function n(e,t){(0,a.A)(e,t),t.add(e)}},24586:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(11369);function n(e,t,r){return(t=(0,a.A)(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},89575:(e,t,r)=>{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},a.apply(this,arguments)}r.d(t,{A:()=>a})},11369:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(17545);function n(e){var t=function(e,t){if("object"!=(0,a.A)(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=(0,a.A)(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,a.A)(t)?t:t+""}},17545:(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,{A:()=>a})}}]);
-//# sourceMappingURL=complex-search.94ff4d73.js.map

package/dist/chunks/modern-style-treemap.fbaa3c10.js

@@ -1,3 +0,0 @@
-/*! For license information please see modern-style-treemap.fbaa3c10.js.LICENSE.txt */
-(globalThis.webpackChunk_next_bricks_data_view=globalThis.webpackChunk_next_bricks_data_view||[]).push([[2943],{75197:(e,t,a)=>{"use strict";a.r(t),a.d(t,{ModernStyleTreemap:()=>V});var r,l=a(74635),i=a(70918),n=a(26902),o=a(5536),s=a(86121),c=a(70829),p=a(62740),g=a(18769),b=a.n(g),h=a(65821),u=a(79476),d=a(7084),f=a(16399),m=a(61997),v=a(46793),y=a(67766),x=a(6849),w=a(54960),k=a(37604),A=a(1696),S=a(79935),B=a(73240),M=a(6837),z=a(17290),C=a(72445),U=a(53373),E=a.n(U);let R,W,_,q,D,N,X,Y,$,T,H,L,j,O,G,P,Q;const{defineElement:F,property:I,event:J}=(0,h.createDecorators)();var K=function(e){return e.treemapBinary="treemapBinary",e.treemapDice="treemapDice",e.treemapResquarify="treemapResquarify",e.treemapSlice="treemapSlice",e.treemapSliceDice="treemapSliceDice",e.treemapSquarify="treemapSquarify",e}(K||{});let V;var Z=new WeakMap,ee=new WeakMap,te=new WeakMap,ae=new WeakMap,re=new WeakMap,le=new WeakMap,ie=new WeakMap,ne=new WeakSet,oe=new WeakMap;class se extends u.ReactNextElement{constructor(){super(...arguments),(0,l.A)(this,ne),(0,i.A)(this,Z,W(this)),(0,i.A)(this,ee,(_(this),q(this,K.treemapSquarify))),(0,i.A)(this,te,(D(this),N(this))),(0,i.A)(this,ae,(X(this),Y(this))),(0,i.A)(this,re,($(this),T(this))),(0,i.A)(this,le,(H(this),L(this))),(0,i.A)(this,ie,(j(this),O(this))),(0,i.A)(this,oe,(Q(this),e=>{(0,o.A)(ne,this,G).emit(e)}))}get data(){return(0,c.A)(Z,this)}set data(e){(0,s.A)(Z,this,e)}get tail(){return(0,c.A)(ee,this)}set tail(e){(0,s.A)(ee,this,e)}get leafUseBrick(){return(0,c.A)(te,this)}set leafUseBrick(e){(0,s.A)(te,this,e)}get leafContainerStyle(){return(0,c.A)(ae,this)}set leafContainerStyle(e){(0,s.A)(ae,this,e)}get tooltipUseBrick(){return(0,c.A)(re,this)}set tooltipUseBrick(e){(0,s.A)(re,this,e)}get tooltipStyle(){return(0,c.A)(le,this)}set tooltipStyle(e){(0,s.A)(le,this,e)}render(){return b().createElement(pe,{data:this.data,tail:this.tail,leafUseBrick:this.leafUseBrick,leafContainerStyle:this.leafContainerStyle,tooltipUseBrick:this.tooltipUseBrick,tooltipStyle:this.tooltipStyle,handleClick:(0,c.A)(oe,this)})}}r=se,({e:[W,_,q,D,N,X,Y,$,T,H,L,j,O,G,P,Q],c:[V,R]}=(0,p.A)(r,[F("data-view.modern-style-treemap",{styleTexts:[S.A,B.A]})],[[I({attribute:!1}),1,"data"],[I({attribute:!1}),1,"tail"],[I({attribute:!1}),1,"leafUseBrick"],[I({attribute:!1}),1,"leafContainerStyle"],[I({attribute:!1}),1,"tooltipUseBrick"],[I({attribute:!1}),1,"tooltipStyle"],[J({type:"treemap.click"}),1,"onClickEvent",e=>(0,c.A)(ie,e),(e,t)=>(0,s.A)(ie,e,t)]],0,(e=>oe.has((0,n.A)(e))),u.ReactNextElement)),R();const ce={[K.treemapBinary]:f.A,[K.treemapDice]:m.A,[K.treemapResquarify]:v.A,[K.treemapSlice]:y.A,[K.treemapSliceDice]:x.A,[K.treemapSquarify]:w.Ay};function pe(e){const{data:t,tail:a,leafUseBrick:r,leafContainerStyle:l,tooltipUseBrick:i,tooltipStyle:n,handleClick:o}=e,[s,{clientWidth:c,clientHeight:p}]=(0,M.w)(),[h,{clientHeight:u}]=(0,M.w)(),[f,m]=(0,g.useState)({clientX:0,clientY:0}),[v,y]=(0,g.useState)(),x=(0,g.useMemo)((()=>{if(!s.current)return;const e=s.current.getBoundingClientRect(),t=e.width/s.current.clientWidth,a=e.height/s.current.clientHeight;let r,l;const i=f.clientX-e.left;let n=f.clientY-e.top;const o=e.right-f.clientX,c=e.bottom-f.clientY,{width:p,height:g}=h.current.getBoundingClientRect();if(r=i+16,o<p&&(r=i-p-16,l="right"),i<p&&(l="left"),c<g/2||n<g/2){const e=c<g/2?"bottom":"top";n=c<g/2?n-g/2-16:n+g/2+16,"left"===l&&i-p/2<0?(l=`${e}-left`,r=i):"right"===l&&o-p/2<0?(l=`${e}-right`,r=i-p):(l=e,r=i-p/2)}return y(l),{left:r/t+"px",top:n/a-u/2+"px"}}),[s,f.clientX,f.clientY,h,u]),w=(0,g.useMemo)((()=>(0,k.Ay)(t).sum((e=>e.value)).sort(((e,t)=>t.value-e.value))),[t]),S=(0,g.useMemo)((()=>(0,A.A)().tile(ce[a]).size([c,p]).padding(1).round(!0)),[a,c,p]),[B,U]=(0,g.useMemo)((()=>{const e=S(w).leaves().map((e=>({...e})));return[e,(0,C.keyBy)(e,"data.name")]}),[S,w]),R=(0,g.useMemo)((()=>B.map((e=>{const t=e.y0,a=e.x0,i=e.x1-e.x0,n=e.y1-e.y0;return b().createElement("div",{key:e.data.name,className:"treemap-leaf","data-leaf-id":e.data.name,style:{...l,top:0,left:0,transform:`translate(${a}px, ${t}px)`,width:i,height:n},onClick:()=>null==o?void 0:o(e.data)},(null==r?void 0:r.useBrick)&&b().createElement(d.ReactUseMultipleBricks,{useBrick:r.useBrick,data:e}))}))),[o,l,r.useBrick,B]),W=(0,g.useMemo)((()=>({...U[f.name]})),[U,f.name]),_=(0,g.useMemo)((()=>(0,z.G)((e=>{const t=e.target.closest(".treemap-leaf"),a=null==t?void 0:t.getAttribute("data-leaf-id");m((r=>({clientX:e.clientX,clientY:e.clientY,name:t?a:r.name})))}))),[]);return b().createElement("div",{className:"wrapper"},b().createElement("div",{className:"treemap",ref:s,onMouseMove:_,onMouseEnter:()=>{h.current.style.visibility="visible"},onMouseLeave:()=>{h.current.style.visibility="hidden"}},R),b().createElement("div",{className:E()("tooltip",{bottom:"bottom"===v,bottomRight:"bottom-right"===v,bottomLeft:"bottom-left"===v,topLeft:"top-left"===v,topRight:"top-right"===v,top:"top"===v,right:"right"===v}),style:{...n,...x},ref:h},(null==i?void 0:i.useBrick)&&b().createElement(d.ReactUseMultipleBricks,{useBrick:i.useBrick,data:W})))}},79935:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var r=a(36758),l=a.n(r),i=a(40935),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()},20062:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},53373:(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];a&&(e=n(e,i(a)))}return e}function i(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return l.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var a in e)r.call(e,a)&&e[a]&&(t=n(t,a));return t}function n(e,t){return t?e?e+" "+t:e+t:e}e.exports?(l.default=l,e.exports=l):void 0===(a=function(){return l}.apply(t,[]))||(e.exports=a)}()},5536:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var r=a(12559);function l(e,t,a){return a((0,r.A)(e,t))}},74635:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var r=a(72016);function l(e,t){(0,r.A)(e,t),t.add(e)}}}]);
-//# sourceMappingURL=modern-style-treemap.fbaa3c10.js.map