@next-bricks/data-view 0.3.1 → 0.4.1

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

@@ -0,0 +1,90 @@
+import { Vector3, Object3D, Vector3Tuple, PerspectiveCamera } from "three";
+import { CSS3DObject } from 'three/addons/renderers/CSS3DRenderer.js';
+import "./card-item/index.js";
+import "./relation-line/index.js";
+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";
+export interface AppData {
+    key: string;
+    status: "normal" | "warning";
+    cardItemProps: AppWallCardItemProps;
+    systemCardProps: SystemCardProps;
+    trapezoidalProps: TrapezoidalProps;
+}
+export type Relation = {
+    source: string;
+    target: string;
+};
+export interface UserData {
+    appData: AppData;
+    elementStyle: {
+        width: number;
+        height: number;
+    };
+    turningStyle: {
+        width: number;
+        height: number;
+    };
+    systemCardStyle: {
+        width: number;
+        height: number;
+    };
+    hoverStyle: {
+        width: number;
+        height: number;
+    };
+    cardItemObject3D: {
+        curve: Object3D;
+        flat: Object3D;
+        hover: Object3D;
+        clickTurn: Object3D;
+    };
+    systemCardObject3D: {
+        clickTurn: Object3D;
+        front: Object3D;
+    };
+}
+export declare const createRelationLine: (sourceVector: Vector3, targetVector: Vector3, lightColor: AppWallRelationLineProps["lightColor"]) => CSS3DObject;
+export declare const getCenterPointOrSubPoint: (start: Vector3Tuple, end: Vector3Tuple) => {
+    centerVector: Vector3;
+    subVector: Vector3;
+};
+export declare const createTrapezoidalRightOrLeftElement: (props: {
+    BW: number;
+    TW: number;
+    d: number;
+    TH: number;
+    BH: number;
+    isLeft: boolean;
+}) => CSS3DObject;
+export declare const createTrapezoidalTopOrBottomElement: (props: {
+    BW: number;
+    TW: number;
+    d: number;
+    TH: number;
+    BH: number;
+    isTop: boolean;
+}) => CSS3DObject;
+/**
+ * 创建梯台模型
+ * @param props
+ * @returns
+ */
+export declare const createTrapezoidalObject: (props: TrapezoidalObjectProps) => CSS3DObject;
+/**
+ *  布局计算
+ * @param dataSource
+ * @param maxX
+ * @param maxY
+ * @returns
+ */
+export declare const setAppPosition: (dataSource: AppData[], maxX: number, maxY: number) => Target[];
+export declare const createTableTarget: (data: Target, cardSize: CardSize, maxX: number, maxY: number) => Object3D<import("three").Event>;
+export declare const createCurveTarget: (data: Target, cardSize: CardSize, maxX: number, maxY: number, angle: number, radius: number) => Object3D<import("three").Event>;
+export declare const computeCurvePosition: (data: Target, cardSize: CardSize, maxX: number, maxY: number, angle: number) => Position;
+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;

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

@@ -0,0 +1 @@
+export {};

package/dist-types/bootstrap.d.ts

@@ -11,3 +11,14 @@ import "./particle-animation/index.js";
 import "./app-wall/card-item/index.js";
 import "./app-wall/system-card/index.js";
 import "./app-wall/relation-line/index.js";
+import "./cabinet/cabinet-button/index.js";
+import "./cabinet/cabinet-node/index.js";
+import "./cabinet/cabinet-app-layer/index.js";
+import "./cabinet/cabinet-container/index.js";
+import "./cabinet/cabinet-thumbnail/index.js";
+import "./cabinet/index.js";
+import "./app-wall/index.js";
+import "./graph/text/index.js";
+import "./graph/node/index.js";
+import "./graph/layout-grid/index.js";
+import "./grid-background/index.js";

package/dist-types/cabinet/cabinet-app-layer/index.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" resolution-mode="require"/>
+import { ReactNextElement } from "@next-core/react-element";
+export interface CabinetAppLayerProps {
+    appTitle: string;
+    status?: "active" | "faded";
+}
+/**
+ * @id data-view.cabinet-app-layer
+ * @name data-view.cabinet-app-layer
+ * @docKind brick
+ * @description cabinet子构件----应用层
+ * @author nlicroshan
+ * @noInheritDoc
+ */
+declare class CabinetAppLayer extends ReactNextElement implements CabinetAppLayerProps {
+    /**
+    * @kind string
+    * @required true
+    * @default
+    * @description 标题
+    */
+    accessor appTitle: string;
+    /**
+    * @kind "active" | "faded"
+    * @required false
+    * @default
+    * @description 当前状态
+    */
+    accessor status: "active" | "faded";
+    render(): JSX.Element;
+}
+export { CabinetAppLayer };

package/dist-types/cabinet/cabinet-app-layer/index.spec.d.ts

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

package/dist-types/cabinet/cabinet-button/index.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+export interface CabinetButtonProps {
+    buttonStyle?: React.CSSProperties;
+}
+/**
+ * @id data-view.cabinet-button
+ * @name data-view.cabinet-button
+ * @docKind brick
+ * @description 大屏按钮
+ * @author astrid
+ * @noInheritDoc
+ */
+declare class CabinetButton extends ReactNextElement implements CabinetButtonProps {
+    /**
+     * @kind React.CSSProperties
+     * @required false
+     * @default  -
+     * @description 按钮的样式
+     */
+    accessor buttonStyle: React.CSSProperties;
+    render(): React.ReactNode;
+}
+export { CabinetButton };

package/dist-types/cabinet/cabinet-button/index.spec.d.ts

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

package/dist-types/cabinet/cabinet-container/index.d.ts

@@ -0,0 +1,58 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import { CabinetNodeProps } from "../cabinet-node/index.js";
+export type ContainerType = "host" | "k8s";
+export interface ClickEventDataType {
+    type: "node" | "container";
+    data: CabinetNodeProps | undefined;
+}
+export interface CabinetContainerProps {
+    data: CabinetNodeProps[];
+    type?: ContainerType;
+    customTitle?: string | undefined;
+    status?: "active" | "faded";
+    handleClick?: (params: ClickEventDataType) => void;
+}
+/**
+ * @id data-view.cabinet-container
+ * @name data-view.cabinet-container
+ * @docKind brick
+ * @description 大屏集群容器构件
+ * @author astrid
+ * @noInheritDoc
+ */
+declare class CabinetContainer extends ReactNextElement implements CabinetContainerProps {
+    #private;
+    /**
+     * @kind ContainerType
+     * @required true
+     * @default  host
+     * @description 容器类型，有主机集群类型、k8s集群类型
+     */
+    accessor type: ContainerType;
+    /**
+     * @kind CabinetNodeProps[]
+     * @required true
+     * @default  -
+     * @description 数据
+     */
+    accessor data: CabinetNodeProps[];
+    /**
+     * @kind "active" | "faded"
+     * @required false
+     * @default
+     * @description 当前状态,是否高亮或者淡化
+     */
+    accessor status: "active" | "faded";
+    /**
+     * @kind string|undefined
+     * @required false
+     * @default -
+     * @description 容器标题
+     */
+    accessor customTitle: string | undefined;
+    handleClick: (params: ClickEventDataType) => void;
+    render(): React.ReactNode;
+}
+export declare function CabinetContainerComponent(props: CabinetContainerProps): React.ReactElement;
+export { CabinetContainer };

package/dist-types/cabinet/cabinet-container/index.spec.d.ts

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

package/dist-types/cabinet/cabinet-node/index.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" resolution-mode="require"/>
+import { ReactNextElement } from "@next-core/react-element";
+export interface CabinetNodeProps {
+    type: "container-group" | "physical-machine" | "virtual-machine";
+    nodeTitle: string;
+    status?: "active" | "faded";
+}
+/**
+ * @id data-view.cabinet-node
+ * @name data-view.cabinet-node
+ * @docKind brick
+ * @description cabinet子构件----节点
+ * @author nlicroshan
+ * @noInheritDoc
+ */
+declare class CabinetNode extends ReactNextElement implements CabinetNodeProps {
+    /**
+    * @kind "container-group" | "physical-machine" | "virtual-machine"
+    * @required true
+    * @default
+    * @description 类型
+    */
+    accessor type: "container-group" | "physical-machine" | "virtual-machine";
+    /**
+    * @kind string
+    * @required true
+    * @default
+    * @description 标题
+    */
+    accessor nodeTitle: string;
+    /**
+    * @kind "active" | "faded"
+    * @required false
+    * @default
+    * @description 当前状态
+    */
+    accessor status: "active" | "faded";
+    render(): JSX.Element;
+}
+export { CabinetNode };

package/dist-types/cabinet/cabinet-node/index.spec.d.ts

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

package/dist-types/cabinet/cabinet-thumbnail/index.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import { CabinetNodeProps } from "../cabinet-node/index.js";
+import { ContainerType } from "../cabinet-container/index.js";
+export interface Clusters {
+    data: CabinetNodeProps[];
+    type?: ContainerType;
+    title?: string | undefined;
+}
+export interface CabinetThumbnailProps {
+    clusters: Clusters[];
+    appName: string;
+    columns?: number;
+}
+/**
+ * @id data-view.cabinet-thumbnail
+ * @name data-view.cabinet-thumbnail
+ * @docKind brick
+ * @description 应用墙缩略图
+ * @author astrid
+ * @noInheritDoc
+ */
+declare class CabinetThumbnail extends ReactNextElement implements CabinetThumbnailProps {
+    /**
+     * @kind CabinetContainerProps[]
+     * @required true
+     * @default
+     * @description 集群数据
+     */
+    accessor clusters: Clusters[];
+    /**
+     * @kind number
+     * @required
+     * @default 4
+     * @description 单个容器列数
+     */
+    accessor columns: number;
+    /**
+     * @kind string
+     * @required true
+     * @default
+     * @description 应用名称
+     */
+    accessor appName: string;
+    render(): React.ReactNode;
+}
+export declare function CabinetThumbnailComponent(props: CabinetThumbnailProps): React.ReactElement;
+export { CabinetThumbnail };

package/dist-types/cabinet/cabinet-thumbnail/index.spec.d.ts

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

package/dist-types/cabinet/index.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" resolution-mode="require"/>
+import { ReactNextElement } from "@next-core/react-element";
+interface Node {
+    nodeTitle: string;
+    key: string;
+    type: "container-group" | "physical-machine" | "virtual-machine";
+}
+interface Clusters {
+    clusterName: string;
+    key: string;
+    type: "host" | "k8s";
+    nodes: Node[];
+}
+interface AppData {
+    appName: string;
+    key: string;
+    clusters: Clusters[];
+}
+type ChangeType = "node" | "cluster" | "layer";
+export interface CabinetGraphProps {
+    dataSource: AppData;
+    activeKey?: string;
+    onCloseBtnClick?: () => void;
+    onActiveKeyChange?: (key: string, type?: ChangeType, data?: Record<string, any>) => void;
+}
+/**
+ * @id data-view.cabinet-graph
+ * @name data-view.cabinet-graph
+ * @docKind brick
+ * @description cabinet构件
+ * @author nlicroshan
+ * @noInheritDoc
+ */
+declare class CabinetGraph extends ReactNextElement implements CabinetGraphProps {
+    #private;
+    /**
+     * @kind AppData
+     * @required true
+     * @default
+     * @description 数据源
+     */
+    accessor dataSource: AppData;
+    /**
+     * @kind string
+     * @required false
+     * @default
+     * @description 选中项
+     */
+    accessor activeKey: string;
+    render(): JSX.Element;
+}
+export { CabinetGraph };

package/dist-types/cabinet/index.spec.d.ts

@@ -0,0 +1,5 @@
+import "./cabinet-app-layer/index.jsx";
+import "./cabinet-button/index.jsx";
+import "./cabinet-container/index.jsx";
+import "./cabinet-node/index.jsx";
+import "./index.jsx";

package/dist-types/dropdown-menu/index.d.ts

@@ -9,6 +9,7 @@ interface DropdownMenuProps {
     value?: string;
     placeholder?: string;
     onChange?: (value: string) => void;
+    allowClear?: boolean;
 }
 /**
  * @id data-view.dropdown-menu
@@ -44,6 +45,13 @@ declare class DropdownMenu extends ReactNextElement implements DropdownMenuProps
     * @description 占位符
     */
     accessor placeholder: string;
+    /**
+    * @kind boolean
+    * @required false
+    * @default
+    * @description 是否允许清除
+    */
+    accessor allowClear: boolean;
     render(): JSX.Element;
 }
 export { DropdownMenu };

package/dist-types/graph/layout-grid/index.d.ts

@@ -0,0 +1,52 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import { GraphNodeProps } from "../node/index.js";
+import { GraphTextProps } from "../text/index.js";
+export type DataSourceType = GraphTextProps & GraphNodeProps;
+export interface GraphLayoutGridProps {
+    columns: number;
+    rows: number;
+    dataSource?: DataSourceType[];
+    isReverse?: boolean;
+}
+/**
+ * @id data-view.graph-layout-grid
+ * @name data-view.graph-layout-grid
+ * @docKind brick
+ * @description
+ * @author astrid
+ * @noInheritDoc
+ */
+declare class GraphLayoutGrid extends ReactNextElement implements GraphLayoutGridProps {
+    /**
+     * @kind number
+     * @default -
+     * @required true
+     * @description 布局的列数
+     */
+    accessor columns: number;
+    /**
+     * @kind number
+     * @default -
+     * @required true
+     * @description 布局的行数
+     */
+    accessor rows: number;
+    /**
+     * @kind boolean
+     * @default -
+     * @required false
+     * @description 布局是否反转， 默认排布方式是: 奇数行位置13579...，偶数行是02468...,isReverse为true后，偶数行位置13579...，奇数行是02468...
+     */
+    accessor isReverse: boolean;
+    /**
+     * @kind DataSourceType[]
+     * @default -
+     * @required  false
+     * @description 数据源
+     */
+    accessor dataSource: DataSourceType[];
+    render(): React.ReactNode;
+}
+export declare function GraphLayoutGridComponent(props: GraphLayoutGridProps): React.ReactElement;
+export { GraphLayoutGrid };

package/dist-types/graph/layout-grid/index.spec.d.ts

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

package/dist-types/graph/node/index.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+export interface GraphNodeProps {
+    url: string;
+}
+/**
+ * @id data-view.graph-node
+ * @name data-view.graph-node
+ * @docKind brick
+ * @description
+ * @author astrid
+ * @noInheritDoc
+ */
+declare class GraphNode extends ReactNextElement implements GraphNodeProps {
+    /**
+     * @kind string
+     * @default -
+     * @required true
+     * @description 图片路径
+     */
+    accessor url: string;
+    render(): React.ReactNode;
+}
+export declare function GraphNodeComponent(props: GraphNodeProps): React.ReactElement;
+export { GraphNode };

package/dist-types/graph/node/index.spec.d.ts

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

package/dist-types/graph/text/i18n.d.ts

@@ -0,0 +1,12 @@
+export declare enum K {
+    SYMBOL = "SYMBOL"
+}
+export declare const NS = "bricks/data-view/graph/text";
+export declare const locales: {
+    en: Locale;
+    zh: Locale;
+};
+type Locale = {
+    [key in K]: string;
+};
+export {};

package/dist-types/graph/text/index.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+export interface GraphTextProps {
+    text: string;
+    value: string | number;
+}
+/**
+ * @id data-view.graph-text
+ * @name data-view.graph-text
+ * @docKind brick
+ * @description
+ * @author astrid
+ * @noInheritDoc
+ */
+declare class GraphText extends ReactNextElement implements GraphTextProps {
+    /**
+     * @kind string
+     * @default -
+     * @required true
+     * @description 文本标题
+     */
+    accessor text: string;
+    /**
+     * @kind string|number
+     * @default -
+     * @required  true
+     * @description 文本值
+     */
+    accessor value: string | number;
+    render(): React.ReactNode;
+}
+export declare function GraphTextComponent(props: GraphTextProps): React.ReactElement;
+export { GraphText };

package/dist-types/graph/text/index.spec.d.ts

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

package/dist-types/grid-background/index.d.ts

@@ -0,0 +1,45 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+interface ParticleColor {
+    startColor: React.CSSProperties["color"];
+    endColor: React.CSSProperties["color"];
+}
+interface GridBackgroundProps {
+    color?: React.CSSProperties["color"];
+    particleColor?: ParticleColor;
+    maskStyle?: React.CSSProperties;
+}
+/**
+ * @id data-view.grid-background
+ * @name data-view.grid-background
+ * @docKind brick
+ * @description  大屏网格背景
+ * @author astrid
+ * @noInheritDoc
+ */
+declare class GridBackground extends ReactNextElement implements GridBackgroundProps {
+    /**
+     * @kind React.CSSProperties["color"]
+     * @default "#235F90"
+     * @required false
+     * @description 背景条纹颜色
+     */
+    accessor color: React.CSSProperties["color"];
+    /**
+     * @kind React.CSSProperties
+     * @default -
+     * @required false
+     * @description 背景蓝色遮罩区域样式
+     */
+    accessor maskStyle: React.CSSProperties;
+    /**
+     * @kind  ParticleColor
+     * @default {startColor: "#477AFFFF", endColor: "#5F83FF00"}
+     * @required
+     * @description 运动粒子的颜色
+     */
+    accessor particleColor: ParticleColor;
+    render(): React.ReactNode;
+}
+export declare function GridBackgroundComponent(props: GridBackgroundProps): React.ReactElement;
+export { GridBackground };

package/dist-types/grid-background/index.spec.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/data-view",
-  "version": "0.3.1",
+  "version": "0.4.1",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/data-view",
   "repository": {
     "type": "git",
@@ -13,16 +13,6 @@
     "dist",
     "dist-types"
   ],
-  "nx": {
-    "targets": {
-      "build": {
-        "outputs": [
-          "{projectRoot}/dist",
-          "{projectRoot}/dist-types"
-        ]
-      }
-    }
-  },
   "exports": {
     "./package.json": "./package.json",
     "./dist/bricks.json": "./dist/bricks.json",
@@ -41,9 +31,10 @@
     "postpublish": "mv package.json.bak package.json"
   },
   "devDependencies": {
-    "@next-core/build-next-bricks": "^1.4.0",
+    "@next-core/build-next-bricks": "^1.5.0",
     "@next-core/test-next": "^1.0.4",
-    "@types/d3-hierarchy": "^3.1.2"
+    "@types/d3-hierarchy": "^3.1.2",
+    "@types/three": "^0.150.1"
   },
-  "gitHead": "35813d41c03d851971d647daff27796aa41338bf"
+  "gitHead": "2fe52de0769d2400d339c63edc976ab0f3e4e292"
 }

package/dist/chunks/1646.840ff4cb.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[1646,7746],{5863:(e,t,n)=>{function r(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}n.d(t,{Z:()=>r})},175:(e,t,n)=>{function r(e,t,n){if(!t.has(e))throw new TypeError("attempted to "+n+" private field on non-instance");return t.get(e)}n.d(t,{Z:()=>r})},687:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(175);function i(e,t){return function(e,t){return t.get?t.get.call(e):t.value}(e,(0,r.Z)(e,t,"get"))}},3395:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(5863);function i(e,t,n){(0,r.Z)(e,t),t.set(e,n)}},381:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(175);function i(e,t,n){return function(e,t,n){if(t.set)t.set.call(e,n);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=n}}(e,(0,r.Z)(e,t,"set"),n),n}},6171:(e,t,n)=>{function r(e,t,n){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return n}n.d(t,{Z:()=>r})},5866:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(5863);function i(e,t){(0,r.Z)(e,t),t.add(e)}},7896:(e,t,n)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(this,arguments)}n.d(t,{Z:()=>r})},2159:(e,t,n)=>{function r(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}n.d(t,{Z:()=>r})},1646:(e,t,n)=>{n.r(t),n.d(t,{ReactNextElement:()=>h,wrapBrick:()=>g,wrapLocalBrick:()=>b});var r=n(5866),i=n(3395),a=n(6171),o=n(381),s=n(687),l=n(8657),c=n(7029),u=n(1785),d=new WeakMap,f=new WeakSet;class h extends u.NextElement{constructor(){super(...arguments),(0,r.Z)(this,f),(0,i.Z)(this,d,{writable:!0,value:void 0})}connectedCallback(){super._markConnectedCallbackCalled(),(0,a.Z)(this,f,p).call(this),this._render()}disconnectedCallback(){var e;null===(e=(0,s.Z)(this,d))||void 0===e||e.render(null)}_render(){if(this.isConnected&&(0,s.Z)(this,d)){var e,t=this.constructor;t.shadowOptions?(0,s.Z)(this,d).render((0,u.supportsAdoptingStyleSheets)()||null===(e=t.styleTexts)||void 0===e||!e.length?this.render():l.createElement(l.Fragment,null,l.createElement("style",null,t.styleTexts.join("\n")),this.render())):(0,s.Z)(this,d).render(this.render())}}}function p(){if(!(0,s.Z)(this,d)){var e=this.constructor;if(e.shadowOptions){var t,n=this.attachShadow(e.shadowOptions);if((0,u.supportsAdoptingStyleSheets)()&&null!==(t=e.styleTexts)&&void 0!==t&&t.length){var r=new CSSStyleSheet;r.replaceSync(e.styleTexts.join("")),n.adoptedStyleSheets=[r]}(0,o.Z)(this,d,(0,c.s)(n))}else(0,o.Z)(this,d,(0,c.s)(this))}}var v=n(7896),w=n(2159),y=["children"],Z=["children"];function b(e,t){return(0,l.forwardRef)((function(n,r){var{children:i}=n,a=(0,w.Z)(n,y),o="string"==typeof e?e:e.__tagName,s=O(a,t);return l.createElement(o,(0,v.Z)({},s,{ref:r}),i)}))}function g(e,t){return(0,l.forwardRef)((function(n,r){var{children:i}=n,a=O((0,w.Z)(n,Z),t);return l.createElement(e,(0,v.Z)({},a,{ref:r}),i)}))}function O(e,t){var n;if(t)for(var[r,i]of(n={},Object.entries(e)))Object.prototype.hasOwnProperty.call(t,r)?n["on".concat(t[r])]=i:n[r]=i;else n=e;return n}}}]);
-//# sourceMappingURL=1646.840ff4cb.js.map