@next-bricks/data-view 0.15.24 → 0.16.0

package/dist/types.json

@@ -1843,6 +1843,135 @@
     "events": [],
     "methods": []
   },
+  "data-view.simple-card-item": {
+    "properties": [
+      {
+        "name": "status",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "normal"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "warning"
+            }
+          ]
+        }
+      },
+      {
+        "name": "cardTitle",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "description",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "color",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "qualifiedName",
+              "left": {
+                "type": "identifier",
+                "name": "React"
+              },
+              "right": {
+                "type": "identifier",
+                "name": "CSSProperties"
+              }
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "color"
+          }
+        }
+      },
+      {
+        "name": "descriptionList",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "descriptionListItem"
+            }
+          }
+        }
+      },
+      {
+        "name": "background",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "qualifiedName",
+              "left": {
+                "type": "identifier",
+                "name": "React"
+              },
+              "right": {
+                "type": "identifier",
+                "name": "CSSProperties"
+              }
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "background"
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": [],
+    "types": [
+      {
+        "type": "interface",
+        "name": "descriptionListItem",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "key"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "value"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          }
+        ]
+      }
+    ]
+  },
   "data-view.loading-panel": {
     "properties": [
       {
@@ -2733,6 +2862,33 @@
           "type": "keyword",
           "value": "boolean"
         }
+      },
+      {
+        "name": "disabledDefaultClickEvent",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "cardSize",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "CardSize"
+          }
+        }
+      },
+      {
+        "name": "cardBrickName",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "AppWallCardBrickNameType"
+          }
+        }
       }
     ],
     "events": [
@@ -2783,6 +2939,18 @@
             }
           }
         }
+      },
+      {
+        "name": "card.click",
+        "detail": {
+          "annotation": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "AppData"
+            }
+          }
+        }
       }
     ],
     "methods": [],
@@ -2831,11 +2999,23 @@
               "name": "cardItemProps"
             },
             "annotation": {
-              "type": "reference",
-              "typeName": {
-                "type": "identifier",
-                "name": "AppWallCardItemProps"
-              }
+              "type": "intersection",
+              "types": [
+                {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "AppWallCardItemProps"
+                  }
+                },
+                {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "SimpleCardItemProps"
+                  }
+                }
+              ]
             },
             "computed": false
           },
@@ -2903,6 +3083,101 @@
             }
           ]
         }
+      },
+      {
+        "type": "interface",
+        "name": "CardSize",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "width"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "height"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "outerWidth"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "outerHeight"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "lgWidth"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "lgHeight"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          }
+        ]
+      },
+      {
+        "type": "typeAlias",
+        "name": "AppWallCardBrickNameType",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "data-view.app-wall-card-item"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "data-view.simple-card-item"
+            }
+          ]
+        }
       }
     ]
   },

package/dist-types/app-wall/card-item/index.d.ts

@@ -15,25 +15,16 @@ export interface AppWallCardItemProps {
  */
 declare class AppWallCardItem extends ReactNextElement implements AppWallCardItemProps {
     /**
-    * @kind "normal" | "warning"
-    * @required false
-    * @default "normal"
-    * @description 状态
-    */
+     *  状态
+     */
     accessor status: "normal" | "warning";
     /**
-    * @kind string
-    * @required false
-    * @default
-    * @description 标题
-    */
+     *  标题
+     */
     accessor cardTitle: string;
     /**
-    * @kind string
-    * @required false
-    * @default
-    * @description 描述
-    */
+     * 描述
+     */
     accessor description: string;
     render(): JSX.Element;
 }

package/dist-types/app-wall/index.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 import { ReactNextElement } from "@next-core/react-element";
 import type { AppData, Relation } from "./utils.js";
+import { AppWallCardBrickNameType, CardSize } from "./interface.js";
 export interface AppWallProps {
+    cardSize: CardSize;
     dataSource: AppData[];
     relations: Relation[];
     useDblclick?: boolean;
@@ -10,6 +12,9 @@ export interface AppWallProps {
     leftBtnOnClick?: (data: AppData) => void;
     rightBtnOnClick?: (data: AppData) => void;
     handleCardDbClick?: (data: AppData) => void;
+    disabledDefaultClickEvent?: boolean;
+    handleCardClick?: (data: AppData) => void;
+    cardBrickName: AppWallCardBrickNameType;
 }
 /**
  * @id data-view.app-wall
@@ -22,32 +27,37 @@ export interface AppWallProps {
 declare class AppWall extends ReactNextElement implements AppWallProps {
     #private;
     /**
-     * @default
-     * @required
-     * @description 数据
+     *  数据
      */
     accessor dataSource: AppData[];
     /**
-     * @default
-     * @required
-     * @description 关系
+     *  关系
      */
     accessor relations: Relation[];
     /**
-     * @default
-     * @required
-     * @description 是否使用双击事件，开启之后卡片不会触发内部dblclick事件展示梯台
+     *  是否使用双击事件，开启之后卡片不会触发内部dblclick事件展示梯台
      */
     accessor useDblclick: boolean;
     /**
-     * @default
-     * @required
-     * @description 是否使用内置的distanceConfig配置
+     * 是否使用内置的distanceConfig配置
      */
     accessor useDistanceConfig: boolean;
+    /**
+     *  是否禁用触发默认单击事件，开启之后卡片不会触发内部click事件展示卡片，直接跑出了点击事件
+     */
+    accessor disabledDefaultClickEvent: boolean;
+    /**
+     *  卡的大小配置，注意这里卡片大小宽高将影响T台大小展示
+     */
+    accessor cardSize: CardSize;
+    /**
+     *  卡片支持的构件类型
+     */
+    accessor cardBrickName: AppWallCardBrickNameType;
     handleLeftClick: (data: AppData) => void;
     handleRightClick: (data: AppData) => void;
     handleCardDbClick: (data: AppData) => void;
+    handleCardClick: (data: AppData) => void;
     render(): JSX.Element;
 }
 export { AppWall };

package/dist-types/app-wall/interface.d.ts

@@ -2,6 +2,8 @@ import { Vector3Tuple, Object3D } from "three";
 import { CSS3DObject } from "three/examples/jsm/renderers/CSS3DRenderer.js";
 import { CabinetThumbnailProps } from "../cabinet/cabinet-thumbnail/index.jsx";
 import { AppData } from "./utils.js";
+import { AppWallCardItem } from "./card-item/index.js";
+import { SimpleCardItem } from "../simple-card-item/index.js";
 interface TrapezoidalObjectData {
     width: number;
     height: number;
@@ -22,7 +24,7 @@ export type Position = {
     y: number;
     z: number;
 };
-export type Grid = Omit<Position, 'z'>;
+export type Grid = Omit<Position, "z">;
 export type Target = AppData & Grid;
 export interface Targets {
     table: Object3D[];
@@ -68,4 +70,6 @@ export interface RegisterEvents {
     isShowRelations: boolean;
     enable: boolean;
 }
+export type AppWallCardBrickNameType = "data-view.app-wall-card-item" | "data-view.simple-card-item";
+export type AppWallCardBrickEleType = AppWallCardItem & SimpleCardItem;
 export {};

package/dist-types/app-wall/utils.d.ts

@@ -6,11 +6,12 @@ import "./system-card/index.js";
 import type { AppWallCardItemProps } from "./card-item/index.js";
 import type { AppWallRelationLineProps } from "./relation-line/index.js";
 import type { SystemCardProps } from "./system-card/index.js";
-import { TrapezoidalObjectProps, TrapezoidalProps, bounds, CardSize, DistanceConfig, Position, Target, Ele } from "./interface.js";
+import { TrapezoidalObjectProps, TrapezoidalProps, bounds, CardSize, DistanceConfig, Position, Target, Ele, AppWallCardBrickNameType } from "./interface.js";
+import { SimpleCardItemProps } from "../simple-card-item/index.js";
 export interface AppData {
     key: string;
     status: "normal" | "warning";
-    cardItemProps: AppWallCardItemProps;
+    cardItemProps: AppWallCardItemProps & SimpleCardItemProps;
     systemCardProps: SystemCardProps;
     trapezoidalProps: TrapezoidalProps;
 }
@@ -87,4 +88,4 @@ export declare const computeCurvePosition: (data: Target, cardSize: CardSize, ma
 export declare const createCurveTarget: (data: Target, cardSize: CardSize, maxX: number, maxY: number, angle: number, radius: number) => Object3D<import("three").Event>;
 export declare const computeCameraDistance: (camera: PerspectiveCamera, bounds: bounds, distanceConfig: DistanceConfig[], length: number) => number;
 export declare const getAppRelations: (object: CSS3DObject, relationsData: Relation[]) => Relation[];
-export declare const findElementByEvent: (e: MouseEvent) => Ele;
+export declare const findElementByEvent: (e: MouseEvent, tagName: AppWallCardBrickNameType) => Ele;

package/dist-types/bootstrap.d.ts

@@ -31,3 +31,4 @@ import "./top-title-bar/index.js";
 import "./lights-component-title/index.js";
 import "./hi-tech-button/index.js";
 import "./tech-mesh-base-view/index.js";
+import "./simple-card-item/index.js";

package/dist-types/simple-card-item/index.d.ts

@@ -0,0 +1,47 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import "@next-core/theme";
+interface descriptionListItem {
+    key: string;
+    value: string;
+}
+export interface SimpleCardItemProps {
+    cardTitle: string;
+    description: string;
+    status?: "normal" | "warning";
+    color?: React.CSSProperties["color"];
+    background?: React.CSSProperties["background"];
+    descriptionList?: descriptionListItem[];
+}
+/**
+ * 构件 `data-view.simple-card-item`
+ */
+export declare class SimpleCardItem extends ReactNextElement {
+    /**
+     * 状态
+     */
+    accessor status: "normal" | "warning";
+    /**
+     *  标题
+     */
+    accessor cardTitle: string;
+    /**
+     * 描述
+     */
+    accessor description: string;
+    /**
+     * 字体颜色
+     */
+    accessor color: React.CSSProperties["color"];
+    /**
+     * 字体颜色
+     */
+    accessor descriptionList: descriptionListItem[];
+    /**
+     * 背景颜色
+     */
+    accessor background: React.CSSProperties["background"];
+    render(): JSX.Element;
+}
+export declare function SimpleCardItemComponent(props: SimpleCardItemProps): JSX.Element;
+export {};

package/dist-types/simple-card-item/index.spec.d.ts

@@ -0,0 +1 @@
+import "./";

package/docs/simple-card-item.md

@@ -0,0 +1,9 @@
+构件 `data-view.simple-card-item`
+
+## Examples
+
+### Basic
+
+```html preview
+<data-view.simple-card-item>Hello world</data-view.simple-card-item>
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/data-view",
-  "version": "0.15.24",
+  "version": "0.16.0",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/data-view",
   "repository": {
     "type": "git",
@@ -39,5 +39,5 @@
     "@types/d3-hierarchy": "^3.1.2",
     "@types/three": "^0.150.1"
   },
-  "gitHead": "e810d1a6ff20c07084d6c603cc0b52b395c7e7d8"
+  "gitHead": "6bb93b55108ae2a4a415b6d26306c4f01434d659"
 }

package/dist/chunks/5114.f4058c94.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[5114],{2685:(e,t,r)=>{r.d(t,{j:()=>R});var a=r(7896),n=r(8657),o=r.n(n),i=r(6995),l=r(5095),c=r(4827),s=r(2839),p=r(3028),d=(r(4012),r(37),r(7984),(e,t,r)=>{var a=(new i.Pa4).subVectors(t,e),n=a.length(),o=document.createElement("data-view.app-wall-relation-line");o.style.height="".concat(n,"px"),o.classList.add("relation-line"),o.lightColor=r;var c=new l.cp(o),s=(new i.Pa4).lerpVectors(e,t,.5);c.position.copy(s);var p=(new i._fP).setFromUnitVectors(new i.Pa4(0,1,0).normalize(),a.clone().normalize());return c.setRotationFromQuaternion(p),c}),u=(e,t)=>{var r=new i.Pa4(e[0],e[1],e[2]),a=new i.Pa4(t[0],t[1],t[2]);return{centerVector:(new i.Pa4).lerpVectors(r,a,.5),subVector:(new i.Pa4).subVectors(r,a)}},h=e=>{var{BW:t,TW:r,d:a,TH:n,BH:o,isLeft:c}=e,s=Math.sqrt(Math.pow(r/2-t/2,2)+Math.pow(a,2)),p=document.createElement("div");p.style.cssText="\n                   width: ".concat(s,"px;\n                   height:").concat(n,"px;\n                   position: relative;\n                   clip-path: polygon(0 0, ").concat(s,"px ").concat(n/2-o/2,"px, ").concat(s,"px ").concat(n/2-o/2+o,"px, 0 ").concat(n,"px);\n                    ");var d=document.createElement("div");d.className="trapezoidalLeftOrRightAnimation",p.appendChild(d);var h=c?[-t/2,0,0]:[t/2,0,0],g=c?[-r/2,0,a]:[r/2,0,a],b=new l.cp(p),{centerVector:m,subVector:v}=u(h,g);b.position.copy(m);var x=(new i._fP).setFromUnitVectors(new i.Pa4(1,0,0).normalize(),v.clone().normalize());return b.setRotationFromQuaternion(x),b},g=e=>{var{BW:t,TW:r,d:a,TH:n,BH:o,isTop:c}=e,s=Math.sqrt(Math.pow(n/2-o/2,2)+Math.pow(a,2)),p=document.createElement("div");p.style.cssText="\n                   width: ".concat(r,"px;\n                   height:").concat(s,"px;\n                   position: relative;\n                   clip-path: polygon(0 0, ").concat(r,"px 0, ").concat(r/2-t/2+t,"px ").concat(s,"px, ").concat(r/2-t/2,"px ").concat(s,"px);\n                   ");var d=document.createElement("div");d.className="trapezoidalTopOrBottomAnimation",p.appendChild(d);var h=new l.cp(p),g=c?[0,-o/2,0]:[0,o/2,0],b=c?[0,-n/2,a]:[0,n/2,a],{centerVector:m,subVector:v}=u(g,b);h.position.copy(m);var x=(new i._fP).setFromUnitVectors(new i.Pa4(0,-1,0).normalize(),v.clone().normalize());return h.setRotationFromQuaternion(x),h},b=e=>{var{objectData:t,leftBtnName:r,clusters:a,columns:n,leftOnClick:o,rightBtnName:i,rightOnClick:c,appName:s}=e,p=600,d=document.createElement("div"),u=new l.cp(d);u.position.set(...t.point);var b=t.width,m=t.height,v=1500,x=1200,w=document.createElement("div");w.style.cssText="\n                   width: ".concat(b,"px;\n                   height: ").concat(m,"px;\n                   box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.45);\n                   border: 1px solid rgba(118,255,255,0.58);\n                   padding: 16px;\n                   ");var f=new l.cp(w);f.position.z=0,u.add(f);var y=document.createElement("div");y.style.cssText="\n                   width: ".concat(v,"px;\n                   height:").concat(x,"px;\n                   background: linear-gradient(rgb(13, 54, 179,0.6) 0%, rgb(74, 108, 156,0.6) 100%);\n                   box-sizing: border-box;\n                   padding: 16px;\n                   ");var k=document.createElement("data-view.cabinet-thumbnail");k.clusters=null!=a?a:[],k.columns=null!=n?n:4,k.appName=s,y.className="visibilityAnimate",y.appendChild(k);var z=new l.cp(y);z.position.set(0,0,p);var T=h({BW:b,TW:v,BH:m,TH:x,d:p,isLeft:!0}),C=h({BW:b,TW:v,BH:m,TH:x,d:p,isLeft:!1}),P=g({BW:b,TW:v,BH:m,TH:x,d:p,isTop:!0}),E=g({BW:b,TW:v,BH:m,TH:x,d:p,isTop:!1});if(u.add(T,C,E,P),r){var S=document.createElement("div");S.style.cssText="\n                 color: #6BE0FA;\n                 font-size: 28px;\n                 font-weight: 500;\n                 width: ".concat(750,"px;\n                 line-height: 16px;\n                 "),S.className="visibilityAnimate";var M=document.createElement("span");M.style.cursor="pointer",M.innerText=r,S.appendChild(M);var F=new l.cp(S);F.position.set(-365,-600,14),F.rotateX(Math.PI/2),z.add(F),M.onpointerdown=o}if(i){var B=document.createElement("div");B.style.cssText="\n                 color: #FFFFFF;\n                 font-size: 30px;\n                 font-weight: 500;\n                 width: ".concat(750,"px;\n                 text-shadow: 0px 1px 4px #3366FF;\n                 text-align: right;\n                 "),B.className="visibilityAnimate";var R=document.createElement("span");R.style.cursor="pointer",R.innerText=i,B.appendChild(R);var A=new l.cp(B);A.position.set(365,-600,14),A.rotateX(Math.PI/2),z.add(A),R.onpointerdown=c}return u.add(z),u},m=(e,t,r)=>{if(null==e||!e.length)return[];var a=e.map((e=>(0,p.Z)((0,p.Z)({},e),{},{x:0,y:0})));if(a.length===t*r)a=a.map(((e,r)=>(0,p.Z)((0,p.Z)({},e),{},{x:r%t+1,y:parseInt("".concat(r/t))+1})));else{for(var n=t*(r-1),o=a.length-n,i=0;i<n;i++){var l=a[i];l.x=i%t+1,l.y=parseInt("".concat(i/t))+1}for(var c=0;c<o/2;c++){var s=a[c+n],d=a[a.length-1-c];s.x=c+1,s.y=r,s!==d&&(d.x=t-c,d.y=r)}}return a},v=(e,t,r,a)=>{var n=new i.Tme;return n.position.x=e.x*t.outerWidth-(r/2+.5)*t.outerWidth,n.position.y=-e.y*t.outerHeight+(a/2+.5)*t.outerHeight,n},x=(e,t,r,a,n,o)=>{var l=new i.Tme,c=new i.Pa4,s=((e,t,r,a,n)=>{var o={x:0,y:0,z:0},i=parseInt("".concat(r*t.outerWidth*180))/(n*Math.PI),l=r/2+.5;return o.x=i*Math.sin(Math.PI/(180/((e.x-l)*(n/r)))),o.y=-e.y*t.outerHeight+(a/2+.5)*t.outerHeight,o.z=i-Math.sqrt(i*i-o.x*o.x),o})(e,t,r,a,n);return l.position.x=s.x,l.position.y=s.y,l.position.z=s.z,c.x=0,c.y=l.position.y,c.z=o,l.lookAt(c),l},w=(e,t,r,a)=>{var n=t.height+2*t.margin,o=(t.width+2*t.margin)/e.aspect,i=.5*Math.max(o,n)/Math.tan(e.fov*Math.PI/360)+t.z,l=0;return r.forEach((function(e){a>=Math.min.apply(null,e.numRange)&&a<=Math.max.apply(null,e.numRange)&&(l=e.distance)})),Math.max(l,i)},f=(e,t)=>{var r=[],a=e.userData;return Array.isArray(t)&&t.length&&t.forEach((function(e){a.key!==e.source&&a.key!==e.target||r.push(e)})),r},y=e=>{var t=e.composedPath().find((e=>null==e?void 0:e.shadowRoot));if("DATA-VIEW.APP-WALL-CARD-ITEM"===(null==t?void 0:t.tagName))return t;var r=document.elementFromPoint(e.clientX,e.clientY),a=null==r?void 0:r.shadowRoot.elementFromPoint(e.clientX,e.clientY);return"DATA-VIEW.APP-WALL-CARD-ITEM"===(null==a?void 0:a.tagName)?a:null},k=r(3105),z=r(2779),T=r.n(z),C={width:120,height:160,outerWidth:140,outerHeight:180,lgWidth:180,lgHeight:240},P=[{numRange:[0,40],distance:3e3},{numRange:[40,60],distance:2200},{numRange:[60,80],distance:2700},{numRange:[80,120],distance:3200},{numRange:[120,160],distance:3400},{numRange:[160,300],distance:3600}],E=45,S=100,M=300,F=e=>{var t=Math.ceil(Math.sqrt(e*C.outerHeight/(.4*C.outerWidth))),r=Math.ceil(e/t),a=parseInt("".concat(t*C.outerWidth*180))/(S*Math.PI);return{maxX:t,maxY:r,radius:a,bounds:{width:2*a*Math.sin(Math.PI*(S/2)/180)+C.outerWidth,height:r*C.outerHeight,margin:100,z:a-a*Math.cos(Math.PI*(S/2)/180)}}},B=(0,k.wrapBrick)("data-view.app-wall-system-card");function R(e){var{relations:t,onSystemCardButtonClick:r,useDblclick:p,useDistanceConfig:u,handleCardDbClick:h,rightBtnOnClick:g,leftBtnOnClick:k}=e,[z,R]=(0,n.useState)(null),A=(0,n.useRef)(),I=(0,n.useRef)(),_=(0,n.useRef)(),W=(0,n.useRef)(),X=(0,n.useRef)(),D=(0,n.useRef)(),L=(0,n.useRef)(),N=(0,n.useRef)(),H=(0,n.useRef)(),O=(0,n.useRef)(),V=(0,n.useRef)({table:[],curve:[]}),Z=(0,n.useRef)([]),j=(0,n.useRef)([]),Y=(0,n.useRef)({maxX:0,maxY:0,radius:0,bounds:{width:0,height:0,margin:100,z:0}}),G=(0,n.useRef)({element:null,mouseoverTimer:null,mouseoutTimer:null,clickTimer:null,dblClickTimer:null,isShowGraph3D:!1,isShowAppInfo:!1,isShowRelations:!1,enable:!0}),U=(0,n.useCallback)((()=>{D.current.render(L.current,N.current)}),[]),q=e=>{var t;if(null===(t=G.current)||void 0===t||!t.element)return null==e?void 0:e();var{__objectCSS:r,__curve:a,__userData:n}=G.current.element;new s.kX(r.rotation).to({x:a.rotation.x,y:a.rotation.y,z:a.rotation.z},300).start(),new s.kX(r.scale).to({x:1,y:1,z:1},300).start(),new s.kX(r.position).to({x:a.position.x,y:a.position.y,z:a.position.z},300).onUpdate(U).onStart((()=>{var e;r.element.classList.remove("status-".concat(n.status||"normal","-card")),null===(e=Z.current)||void 0===e||e.forEach((e=>{e.element.style.opacity="1"})),j.current.forEach((e=>{L.current.remove(e)})),j.current=[],U()})).onComplete((()=>{var t;G.current.isShowRelations=!1,null==e||e(null===(t=G.current)||void 0===t?void 0:t.element)})).start()},Q=(e,t)=>{G.current.enable=!1;for(var r=0;r<Z.current.length;r++){var a=Z.current[r],n=e[r];new s.kX(a.position).to({x:n.position.x,y:n.position.y,z:n.position.z},i.M8C.randFloat(t,2*t)).easing(s.oY.Exponential.InOut).start(),new s.kX(a.rotation).to({x:n.rotation.x,y:n.rotation.y,z:n.rotation.z},i.M8C.randFloat(t,2*t)).easing(s.oY.Exponential.InOut).start()}new s.kX({}).to({},2*t).onUpdate(U).start().onComplete((()=>{G.current.enable=!0}))},K=e=>{H.current.reset();var t=G.current.element.__objectCSS,r=G.current.element.__curve;G.current.enable=!1,G.current.isShowAppInfo=!0;var a,n={x:r.position.x>0?2*-C.width:2*C.width,y:0,z:(N.current.position.z-500)/1.5},o={x:0,y:0,z:N.current.position.z-500},i={x:0,y:r.rotation.y>0?90*-Math.PI/180:90*Math.PI/180,z:0},l={x:0,y:r.rotation.y>0?180*-Math.PI/180:180*Math.PI/180,z:0},c=new s.kX(t.position),p=new s.kX(t.rotation),d=new s.kX(t.position),u=new s.kX(t.rotation);e?(c.to(n,500).easing().onComplete((()=>{X.current.hidden=!0,G.current.element.style.opacity="1"})),p.to(i,500).easing(),d.to({x:r.position.x,y:r.position.y,z:r.position.z},700).easing(),u.to({x:r.rotation.x,y:r.rotation.y,z:r.rotation.z},700).easing().onComplete((()=>{var e;null===(e=Z.current)||void 0===e||e.forEach((e=>{e.element.style.opacity="1"}))}))):(null===(a=Z.current)||void 0===a||a.forEach((e=>{t!=e&&(e.element.style.opacity="0.2")})),c.to(n,700).easing().onStart((()=>{W.current.hidden=!1,X.current.hidden=!0})),p.to(i,700).easing(),d.to(o,500).easing().onStart((function(){G.current.element.style.opacity="0",X.current.style.transition="transition: all .3s ease",X.current.hidden=!1})),u.to(l,500).easing()),c.chain(d).start(),p.chain(u).start(),new s.kX({}).to({},1400).onUpdate((()=>{if(U(),Math.abs(t.rotation.y)>=Math.PI/2){var e=G.current.element.getBoundingClientRect(),r=1.35,a=e.width*r,n=e.height*r;X.current.style.width="".concat(a,"px"),X.current.style.height="".concat(n,"px"),X.current.style.top="".concat(e.top-(r-1)*n/2,"px"),X.current.style.left="".concat(e.left-(r-1)*a/2,"px")}})).start().onComplete((function(){G.current.enable=!0,G.current.isShowAppInfo=!e,W.current.hidden=e}))};return(0,n.useEffect)((()=>{var e;(()=>{var e=window.innerWidth,t=window.innerHeight,r=e/t,a=new l.lX;a.setSize(e,t),I.current.replaceChildren(a.domElement);var n=new i.cPb(E,r,.1,1e4),o=new c.$(n,a.domElement);o.rotateSpeed=.5,o.minDistance=500,o.maxDistance=1e4;var s=new i.xsS;L.current=s,N.current=n,H.current=o,D.current=a})();var t=()=>{e=requestAnimationFrame(t),s.ZP.update(),H.current.update()};t();var r=()=>{N.current.aspect=window.innerWidth/window.innerHeight,N.current.updateProjectionMatrix(),D.current.setSize(window.innerWidth,window.innerHeight),U()};return H.current.addEventListener("change",U),window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r),H.current.removeEventListener("change",U),H.current.dispose(),s.ZP.removeAll(),N.current.clear(),L.current.clear(),cancelAnimationFrame(e)}}),[]),(0,n.useEffect)((()=>{var t,r=(null===(t=e.dataSource)||void 0===t?void 0:t.length)||0;r>0&&((e=>{Y.current=F(e)})(r),N.current.position.z=w(N.current,Y.current.bounds,u?P:[],r),N.current.updateProjectionMatrix(),H.current.position0.copy(N.current.position),m(e.dataSource,Y.current.maxX,Y.current.maxY).forEach(((e,t)=>{var r,a,n=document.createElement("data-view.app-wall-card-item");n.status=e.status,n.cardTitle=null===(r=e.cardItemProps)||void 0===r?void 0:r.cardTitle,n.description=null===(a=e.cardItemProps)||void 0===a?void 0:a.description;var o="status-".concat((null==e?void 0:e.status)||"normal");n.className="card-item-container  ".concat(o),n.style.width="".concat(C.width,"px"),n.style.height="".concat(C.height,"px"),n.classList.add("card-item-wrap");var i=new l.cp(n);i.position.set(4e3*Math.random()-2e3,4e3*Math.random()-2e3,4e3*Math.random()-2e3),L.current.add(i),Z.current.push(i);var c=v(e,C,Y.current.maxX,Y.current.maxY);V.current.table.push(c);var s=x(e,C,Y.current.maxX,Y.current.maxY,S,Y.current.radius);V.current.curve.push(s),i.userData=e,n.__objectCSS=i,n.__userData=e,n.__curve=s})),Q(V.current.curve,1500));return()=>{H.current.reset(),s.ZP.removeAll(),Z.current.map((e=>{L.current.remove(e)})),Z.current=[],V.current={table:[],curve:[]},G.current={element:null,mouseoverTimer:null,mouseoutTimer:null,clickTimer:null,dblClickTimer:null,enable:!0,isShowAppInfo:!1,isShowGraph3D:!1,isShowRelations:!1}}}),[e.dataSource,u]),(0,n.useEffect)((()=>{var e=A.current,r=e=>{if(clearTimeout(G.current.mouseoverTimer),G.current.isShowAppInfo||G.current.isShowGraph3D||!G.current.enable)return!1;var r=y(e);G.current.mouseoverTimer=window.setTimeout((()=>{q((()=>{r&&!G.current.isShowAppInfo&&(e=>{var{__objectCSS:r,__userData:a}=e,n=r.rotation.y,o={x:r.position.x+50*Math.sin(n),y:r.position.y+15,z:r.position.z+100*Math.cos(n)},i=1.25;G.current.isShowRelations=!0,new s.kX(r.rotation).to({x:0,y:0,z:0},300).onStart((()=>{r.element.classList.add("status-".concat(a.status||"normal","-card"))})).start(),new s.kX(r.scale).to({x:i,y:i,z:i},300).start(),new s.kX(r.position).to(o,300).onUpdate(U).onComplete((function(){var a,n,o,i,l,c;l=f(a=r,t),c=a.userData,null==l||l.forEach((e=>{e.source===c.key?(i=Z.current.find((t=>t.userData.key===e.target)),o=i&&d(a.position,i.position,"blue")):(i=Z.current.find((t=>t.userData.key===e.source)),o=i&&d(i.position,a.position,"purple")),o&&(j.current.push(o),L.current.add(o))})),null===(n=Z.current)||void 0===n||n.forEach((e=>{a!=e&&l.every((t=>t.source!=e.userData.key&&t.target!=e.userData.key))&&(e.element.style.opacity="0.2")})),U(),G.current.element=e})).start()})(r),clearTimeout(G.current.mouseoverTimer)}))}),500)},a=e=>{if(clearTimeout(G.current.clickTimer),clearTimeout(G.current.mouseoverTimer),G.current.isShowAppInfo||G.current.isShowGraph3D||!G.current.enable)return!1;var t=y(e);G.current.clickTimer=window.setTimeout((function(){clearTimeout(G.current.mouseoverTimer),q((()=>{t&&(clearTimeout(G.current.clickTimer),clearTimeout(G.current.mouseoverTimer),e.stopPropagation(),G.current.element=t,R(t.__userData),K(!1))}))}),300)},n=e=>{if(clearTimeout(G.current.clickTimer),clearTimeout(G.current.mouseoverTimer),clearTimeout(G.current.dblClickTimer),G.current.isShowAppInfo||G.current.isShowGraph3D||!G.current.enable)return!1;var t=y(e),{__userData:r,__objectCSS:a}=t;G.current.isShowGraph3D=!0,G.current.dblClickTimer=window.setTimeout((function(){q((()=>{var e;if(p||(null===(e=r.trapezoidalProps)||void 0===e||null===(e=e.clusters)||void 0===e?void 0:e.length)<1)h(r),G.current.isShowGraph3D=!1;else if(t){clearTimeout(G.current.mouseoverTimer),clearTimeout(G.current.clickTimer),I.current.classList.add("mask-container"),H.current.reset();var n={x:a.position.x,y:860+C.height*(Y.current.maxY-r.y)},o=new s.kX(N.current.position),i=new s.kX({opacity:0,scale:0,borderLeftWidth:0,borderRightWidth:0,borderTopWidth:0,borderBottomWidth:0}),l=new s.kX({z:0}),c=new s.kX(N.current.position),d=new s.kX(H.current.target),u=new s.kX({blur:12,spread:0});Q(V.current.table,600),o.to({x:0,y:-3600,z:1600},1e3).chain(u,i,l),i.to({opacity:1},700).onStart((()=>{var e,t,n,o,i,l=b({objectData:{width:C.width,height:C.height,point:[a.position.x,a.position.y,a.position.z]},clusters:null===(e=r.trapezoidalProps)||void 0===e?void 0:e.clusters,columns:null===(t=r.trapezoidalProps)||void 0===t?void 0:t.columns,appName:null===(n=r.trapezoidalProps)||void 0===n?void 0:n.appName,leftBtnName:null===(o=r.trapezoidalProps)||void 0===o?void 0:o.leftBtnName,rightBtnName:null===(i=r.trapezoidalProps)||void 0===i?void 0:i.rightBtnName,rightOnClick:()=>g(r),leftOnClick:()=>k(r)});O.current=l,L.current.add(l)})),l.to({z:M},1e3).delay(230).chain(c,d),c.to({x:n.x,y:-3600+n.y},1e3),d.to({x:n.x,y:n.y},1e3).onComplete((function(){_.current.style.visibility="visible"})),o.start()}}))}),300)};return e.addEventListener("dblclick",n),e.addEventListener("click",a),e.addEventListener("mouseover",r),()=>{e.removeEventListener("mouseover",r),e.removeEventListener("click",a),e.removeEventListener("dblclick",n)}}),[]),o().createElement("div",{className:"appwall-container",ref:A},o().createElement("div",{className:"appwall",ref:I}),o().createElement("div",{className:"mask",ref:W,onClick:()=>{G.current.enable&&K(!0)},hidden:!0},o().createElement(B,(0,a.Z)({},null==z?void 0:z.systemCardProps,{onClick:e=>e.stopPropagation(),handleClick:()=>r(z),ref:X,className:T()({infoWrapper:"normal"===(null==z?void 0:z.status),warningWrapper:"warning"===(null==z?void 0:z.status)})}))),o().createElement("div",{className:"closeBtn",ref:_,onClick:()=>{(()=>{s.ZP.removeAll();var e=new s.kX({z:0}),t=new s.kX({opacity:1}),r=new s.kX(N.current.position),a=new s.kX(H.current.target),n=new s.kX({blur:1500,spread:100});e.to({z:M},1e3).chain(r,a,n),t.to({opacity:0},1e3).onStart((()=>{L.current.remove(O.current),_.current.style.visibility="hidden"})).delay(300),r.to(H.current.position0,1e3).onComplete((function(){H.current.reset(),I.current.classList.remove("mask-container"),Q(V.current.curve,600),G.current.isShowGraph3D=!1})),a.to({x:0,y:0,z:0},1e3),n.to({blur:0,spread:0},1e3),e.start(),t.start()})()}}))}},2284:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),i=r.n(o)()(n());i.push([e.id,':host{display:block;width:100%;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.mask-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#0c1216;z-index:1000}.appwall{position:relative}.appwall.loading .card-item{pointer-events:none!important}.mask{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center}.mask[hidden]{display:none}.infoWrapper{position:absolute;background:var(--color-fill-bg-base-4);box-shadow:0 0 12px 2px rgba(80,255,255,0.45),inset 0 0 22px 0 #20242A;border:2px solid #50FFFF;overflow:hidden}.warningWrapper{position:absolute;background:linear-gradient(180deg,#CC0066 0%,rgba(204,0,102,0.2) 100%),#0F1117FF;box-shadow:0 0 12px 2px rgba(204,0,102,0.4),inset 0 4px 10px 0 rgba(255,255,255,0.65);overflow:hidden}.relation-line{pointer-events:none!important}.closeBtn{visibility:hidden;position:fixed;top:50px;right:50px;width:46px;height:46px;text-align:center;border:1px solid;color:rgb(138 189 255/84%);font-size:20px;line-height:46px;cursor:pointer;background:rgba(138,189,255,0.13);border-image:linear-gradient(135deg,rgba(255,255,255,0.5),rgba(255,255,255,0),rgba(255,255,255,0.33)) 1 1;display:flex;justify-content:center;align-items:center;z-index:1000}.closeBtn:before,\n.closeBtn:after{content:"";width:2px;height:20px;background:linear-gradient(180deg,#3467FF 0%,#98CBFF 100%);position:absolute}.closeBtn:before{transform:rotateZ(45deg)}.closeBtn:after{transform:rotateZ(-45deg)}.closeBtn:hover:after,\n.closeBtn:hover:before{background:var(--color-normal-text)}.visibilityAnimate{visibility:hidden;animation:visibility 0.5s both 1s}.trapezoidalLeftOrRightAnimation,\n.trapezoidalTopOrBottomAnimation{background:linear-gradient(180deg,rgba(51,102,255,0.4) 0%,#99CCFF 100%);opacity:0.2;position:absolute}.trapezoidalTopOrBottomAnimation{bottom:0;width:100%;left:0;animation:animateTop 1s both}.trapezoidalLeftOrRightAnimation{top:0;right:0;height:100%;animation:animateLeft 1s both}@keyframes animateTop{0%{height:0}100%{height:100%}}@keyframes animateLeft{0%{width:0}100%{width:100%}}@keyframes visibility{0%{visibility:hidden}100%{visibility:visible}}.card-item-container{transition:opacity 0.5s}.status-normal-card{box-shadow:0 0 100px rgba(80,255,255,0.58);border:1px solid rgba(80,255,255,0.58);background:-webkit-gradient(liner,left top,left bottom,from(#002c8d),to(#00123e));background:linear-gradient(to bottom,rgba(80,255,255,1) 0%,rgba(80,255,255,0) 100%)}.status-warning-card{box-shadow:0 0 100px #CC0066;background:-webkit-gradient(liner,left top,left bottom,from(#CC0066),to(rgba(204,0,102,0.2)));background:linear-gradient(to bottom,#CC0066 0%,rgba(204,0,102,0.2) 100%)}',""]);const l=i.toString()},9214:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),i=r.n(o)()(n());i.push([e.id,":host{display:inline-block;width:100%;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.card-item-container{position:relative;width:100%;height:100%}.card-item{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:var(--no-border-radius);border-color:transparent;transition:border-color 0.5s}.status-normal:hover{box-shadow:0 0 100px rgba(80,255,255,0.58);border:1px solid rgba(80,255,255,0.58);background:-webkit-gradient(liner,left top,left bottom,from(#002c8d),to(#00123e));background:linear-gradient(to bottom,rgba(80,255,255,1) 0%,rgba(80,255,255,0) 100%)}.status-warning:hover{box-shadow:0 0 100px #CC0066;background:-webkit-gradient(liner,left top,left bottom,from(#CC0066),to(rgba(204,0,102,0.2)));background:linear-gradient(to bottom,#CC0066 0%,rgba(204,0,102,0.2) 100%)}.card-item-container.status-normal .card-item{background:var(--color-fill-bg-base-4);box-shadow:inset 0px 1px 2px 0px rgba(255,255,255,0.45)}.card-item-container.status-normal:hover .card-item{border:2px solid rgba(80,255,255,0.58)}.card-item-container.status-warning .card-item{background:linear-gradient(180deg,#CC0066 0%,rgba(204,0,102,0.2) 100%);box-shadow:inset 0px 2px 6px 0px rgba(255,255,255,0.65)}.card-item-container.status-warning:hover .card-item{border:none}.card-item-text-container{width:100%;padding:0 12px}.card-item-title,\n.card-item-description{font-size:20px;font-weight:var(--font-weight-500);color:var(--color-normal-text)}.card-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-item-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}",""]);const l=i.toString()},8384:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),i=r.n(o)()(n());i.push([e.id,":host{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.relation-line{position:relative;width:6px;height:100%;background:var(--color-text-divider-line-1);overflow:hidden}.relation-line::after{content:'';position:absolute;width:100%;height:20%;left:0px;top:0px;animation:lightMove 1000ms ease-in-out infinite,lightOpacity 1000ms ease-in-out infinite}.relation-line.light-color-blue::after{background:linear-gradient(rgba(80,255,255,0) 0%,rgba(80,255,255,1) 90%,#DFFFFF 100%)}.relation-line.light-color-purple::after{background:linear-gradient(rgba(102,0,255,0) 0%,rgba(102,0,255,1) 90%,#B07BFF 100%)}@keyframes lightMove{0%{top:0;transform:translateY(-100%)}100%{top:100%;transform:translateY(0)}}@keyframes lightOpacity{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}",""]);const l=i.toString()},9948:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),i=r.n(o)()(n());i.push([e.id,":host{display:inline-block}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.wrapper{position:relative;width:100%;height:100%;padding:30px 24px 35px;left:0;display:flex;flex-direction:column;border-radius:var(--no-border-radius)}.cardName{font-size:var(--title-font-size-strong);line-height:22px;text-align:center;font-weight:var(--font-weight-500);color:var(--color-normal-text);text-shadow:0 1px 4px rgba(51,102,255,0.5);margin-bottom:35px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.descriptions{flex:1;margin-bottom:20px;font-size:var(--auxiliary-font-size-small);overflow:auto;font-weight:var(--font-weight-400)}.descriptionsItem .itemKey{color:var(--color-secondary-text)}.descriptionsItem .itemValue{color:var(--color-strong-text)}.descriptionsItem{display:flex;gap:10px;margin-bottom:12px}.descriptionsItem>div{flex:1;text-align:left;word-break:break-all}.buttonContent{position:absolute;bottom:16px;right:24px;font-size:var(--auxiliary-font-size);color:#99CCFF;cursor:pointer;font-weight:var(--font-weight-500)}.buttonName{margin-left:5px}",""]);const l=i.toString()},1043:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),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()}}]);
-//# sourceMappingURL=5114.f4058c94.js.map