${this.label}
`\r\n return {\r\n key: this.key,\r\n name: this.label,\r\n color: \"#18181B\",\r\n style: this.Styles,\r\n height: this.height,\r\n width: this.width,\r\n catagory: this.category,\r\n provider: this.provider,\r\n editorHTML: html,\r\n isAutoFont: true,\r\n isAiGenerated: true,\r\n isGeneratedThroughAI: true,\r\n maxPosition: this.Positions,\r\n iconStyle: this.iconStyle,\r\n iconType: this.iconType\r\n }\r\n }\r\n\r\n /**\r\n * Returns an object containing the styles for the component.\r\n *\r\n * @return {Object} An object with the following properties:\r\n * - color: The color of the text.\r\n * - padding: The padding of the component.\r\n * - boxShadow: The box shadow of the component.\r\n * - iconBg: The background color of the icon.\r\n * - fontStyle: The font style of the text.\r\n * - textAlign: The text alignment of the component.\r\n * - background: The background color of the component.\r\n * - fontWeight: The font weight of the text.\r\n * - lineHeight: The line height of the text.\r\n * - textDecoration: The text decoration of the component.\r\n */\r\n get Styles() {\r\n return {\r\n color: \"#18181B\",\r\n padding: \"6px 8px\",\r\n boxShadow: \"0px 4px 4px 0px #0000001F\",\r\n // iconBg: this.backgroundColor,\r\n fontStyle: \"normal\",\r\n textAlign: \"start\",\r\n background: this.backgroundColor,\r\n fontWeight: 500,\r\n lineHeight: \"14px !important\",\r\n textDecoration: \"none\",\r\n fontSize: this.fontSize\r\n }\r\n }\r\n\r\n /**\r\n * Returns an object containing the initial position of the component.\r\n *\r\n * @return {Object} An object with the following properties:\r\n * - x: The initial x-coordinate of the component.\r\n * - y: The initial y-coordinate of the component.\r\n */\r\n get Positions() {\r\n return { x: 0, y: 0 }\r\n }\r\n}","export function getNodesBoundingClient(nodes = []) {\r\n if (nodes.length)\r\n return nodes.reduce(\r\n (acc, node) => {\r\n const { x, y } = node.position;\r\n const { width, height } = node;\r\n\r\n // Calculate the min and max boundaries for x and y\r\n const minX = Math.min(acc.x, x);\r\n const minY = Math.min(acc.y, y);\r\n const maxX = Math.max(acc.x + acc.width, x + width);\r\n const maxY = Math.max(acc.y + acc.height, y + height);\r\n\r\n return {\r\n x: minX || 0,\r\n y: minY || 0,\r\n width: maxX - minX || 0,\r\n height: maxY - minY || 0,\r\n };\r\n },\r\n {\r\n x: nodes[0].position.x,\r\n y: nodes[0].position.y,\r\n width: nodes[0].width,\r\n height: nodes[0].height,\r\n }\r\n );\r\n else\r\n return {\r\n x: 0,\r\n y: 0,\r\n height: 0,\r\n width: 0\r\n }\r\n}","import { Switch, styled } from \"@mui/material\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\n\r\nconst CommonSwitch = styled((props) => (\r\n